playbook_ui 14.5.0.pre.alpha.play1549upgradereactmodal4130 → 14.5.0.pre.alpha.play1586datearea4115

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.5.0"
-  VERSION = "14.5.0.pre.alpha.play1549upgradereactmodal4130"
+  VERSION = "14.5.0.pre.alpha.play1586datearea4115"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.5.0.pre.alpha.play1549upgradereactmodal4130
+  version: 14.5.0.pre.alpha.play1586datearea4115
 platform: ruby
 authors:
 - Power UX
@@ -1861,8 +1861,6 @@ files:
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_default_swift.md
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_props_swift.md
-- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.html.erb
-- app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.jsx
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_small_swift.md
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_xsmall_swift.md
 - app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml
@@ -2701,14 +2699,24 @@ files:
 - app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb
 - app/pb_kits/playbook/pb_time_stacked/time_stacked.rb
 - app/pb_kits/playbook/pb_time_stacked/time_stacked.test.js
+- app/pb_kits/playbook/pb_timeline/_date_area.tsx
+- app/pb_kits/playbook/pb_timeline/_detail_area.tsx
 - app/pb_kits/playbook/pb_timeline/_item.tsx
+- app/pb_kits/playbook/pb_timeline/_node_area.tsx
 - app/pb_kits/playbook/pb_timeline/_timeline.scss
 - app/pb_kits/playbook/pb_timeline/_timeline.tsx
+- app/pb_kits/playbook/pb_timeline/date_area.html.erb
+- app/pb_kits/playbook/pb_timeline/date_area.rb
+- app/pb_kits/playbook/pb_timeline/detail_area.html.erb
+- app/pb_kits/playbook/pb_timeline/detail_area.rb
 - app/pb_kits/playbook/pb_timeline/docs/_description.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx
+- app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb
+- app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx
+- app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md
@@ -2716,6 +2724,8 @@ files:
 - app/pb_kits/playbook/pb_timeline/docs/index.js
 - app/pb_kits/playbook/pb_timeline/item.html.erb
 - app/pb_kits/playbook/pb_timeline/item.rb
+- app/pb_kits/playbook/pb_timeline/node_area.html.erb
+- app/pb_kits/playbook/pb_timeline/node_area.rb
 - app/pb_kits/playbook/pb_timeline/timeline.html.erb
 - app/pb_kits/playbook/pb_timeline/timeline.rb
 - app/pb_kits/playbook/pb_timeline/timeline.test.js
@@ -3086,7 +3096,7 @@ files:
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
 - dist/chunks/_typeahead-C9g4qCcE.js
-- dist/chunks/_weekday_stacked-DQN7SPcO.js
+- dist/chunks/_weekday_stacked-C2sJArua.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-CEpcaI8y.js
 - dist/chunks/pb_form_validation-D9zkwt2b.js

data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.html.erb

@@ -1,336 +0,0 @@
-<%= pb_rails("title", props: {size: 4, text: "S", padding_top: "sm"}) %>
-
-<%= pb_rails("flex") do %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-
-    <%= pb_rails("multiple_users_stacked", props: {
-      variant: "bubble",
-      size: "sm",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        }
-      ]
-    }) %>
-
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "sm",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        },
-        {
-          name: "Lucille Sanchez",
-          image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-        }
-      ]
-    }) %>
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-    <%= pb_rails("multiple_users_stacked", props: {
-        size: "sm",
-        variant: "bubble",
-        users: [
-          {
-            name: "Patrick Welch",
-            image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-          },
-          {
-            name: "Lucille Sanchez",
-            image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-          },
-          {
-            name: "Beverly Reyes",
-            image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-          },
-        ]
-      }) %>
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-    <%= pb_rails("multiple_users_stacked", props: { 
-      size: "sm",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        },
-        {
-          name: "Lucille Sanchez",
-          image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-        },
-        {
-          name: "Beverly Reyes",
-          image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-        },
-        {
-          name: "Keith Craig",
-          image_url: "https://randomuser.me/api/portraits/men/40.jpg",
-        },
-        {
-          name: "Alicia Cooper",
-          image_url: "https://randomuser.me/api/portraits/women/46.jpg",
-        }
-      ]
-    }) %>
-  <% end %>
-<% end %>
-
-
-
-<%= pb_rails("title", props: {size: 4, text: "M", padding_top: "sm"}) %>
-
-<%= pb_rails("flex") do %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "md",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        }
-      ]
-    }) %>
-
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "md",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        },
-        {
-          name: "Lucille Sanchez",
-          image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-        }
-      ]
-    }) %>
-    <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-      <%= pb_rails("multiple_users_stacked", props: {
-        size: "md",
-        variant: "bubble",
-        users: [
-          {
-            name: "Patrick Welch",
-            image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-          },
-          {
-            name: "Lucille Sanchez",
-            image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-          },
-          {
-            name: "Beverly Reyes",
-            image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-          },
-        ]
-      }) %>
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "md",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        },
-        {
-          name: "Lucille Sanchez",
-          image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-        },
-        {
-          name: "Beverly Reyes",
-          image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-        },
-        {
-          name: "Keith Craig",
-          image_url: "https://randomuser.me/api/portraits/men/40.jpg",
-        },
-        {
-          name: "Alicia Cooper",
-          image_url: "https://randomuser.me/api/portraits/women/46.jpg",
-        }
-      ]
-    }) %>
-  <% end %>
-<% end %>
-
-
-
-<%= pb_rails("title", props: {size: 4, text: "L", padding_top: "sm"}) %>
-
-<%= pb_rails("flex") do %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "lg",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        }
-      ]
-    }) %>
-
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "lg",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        },
-        {
-          name: "Lucille Sanchez",
-          image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-        }
-      ]
-    }) %>
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-      <%= pb_rails("multiple_users_stacked", props: {
-        size: "lg",
-        variant: "bubble",
-        users: [
-          {
-            name: "Patrick Welch",
-            image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-          },
-          {
-            name: "Lucille Sanchez",
-            image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-          },
-          {
-            name: "Beverly Reyes",
-            image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-          },
-        ]
-      }) %>
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "lg",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        },
-        {
-          name: "Lucille Sanchez",
-          image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-        },
-        {
-          name: "Beverly Reyes",
-          image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-        },
-        {
-          name: "Keith Craig",
-          image_url: "https://randomuser.me/api/portraits/men/40.jpg",
-        },
-        {
-          name: "Alicia Cooper",
-          image_url: "https://randomuser.me/api/portraits/women/46.jpg",
-        }
-      ]
-    }) %>
-  <% end %>
-<% end %>
-
-
-<%= pb_rails("title", props: {size: 4, text: "XL", padding_top: "sm"}) %>
-
-<%= pb_rails("flex") do %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "xl",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        }
-      ]
-    }) %>
-
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "xl",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        },
-        {
-          name: "Lucille Sanchez",
-          image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-        }
-      ]
-    }) %>
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-      <%= pb_rails("multiple_users_stacked", props: {
-        size: "xl",
-        variant: "bubble",
-        users: [
-          {
-            name: "Patrick Welch",
-            image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-          },
-          {
-            name: "Lucille Sanchez",
-            image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-          },
-          {
-            name: "Beverly Reyes",
-            image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-          },
-        ]
-      }) %>
-  <% end %>
-  <%= pb_rails("flex/flex_item", props: { padding_right: "md" }) do %>
-    <%= pb_rails("multiple_users_stacked", props: {
-      size: "xl",
-      variant: "bubble",
-      users: [
-        {
-          name: "Patrick Welch",
-          image_url: "https://randomuser.me/api/portraits/men/9.jpg",
-        },
-        {
-          name: "Lucille Sanchez",
-          image_url: "https://randomuser.me/api/portraits/women/6.jpg",
-        },
-        {
-          name: "Beverly Reyes",
-          image_url: "https://randomuser.me/api/portraits/women/74.jpg",
-        },
-        {
-          name: "Keith Craig",
-          image_url: "https://randomuser.me/api/portraits/men/40.jpg",
-        },
-        {
-          name: "Alicia Cooper",
-          image_url: "https://randomuser.me/api/portraits/women/46.jpg",
-        }
-      ]
-    }) %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.jsx

@@ -1,97 +0,0 @@
-import React from 'react'
-import Flex from '../../pb_flex/_flex'
-import Title from '../../pb_title/_title'
-import MultipleUsersStacked from '../_multiple_users_stacked'
-
-const MultipleUsersStackedSize = (props) => {
-  const sizes = [
-    { label: 'S', size: 'sm' },
-    { label: 'M', size: 'md' },
-    { label: 'L', size: 'lg' },
-    { label: 'XL', size: 'xl' },
-  ]
-
-  const usersList = [
-    [
-      {
-        name: 'Patrick Welch',
-        imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
-      },
-    ],
-    [
-      {
-        name: 'Patrick Welch',
-        imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
-      },
-      {
-        name: 'Lucille Sanchez',
-        imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
-      },
-    ],
-    [
-      {
-        name: 'Patrick Welch',
-        imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
-      },
-      {
-        name: 'Lucille Sanchez',
-        imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
-      },
-      {
-        name: 'Beverly Reyes',
-        imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
-      },
-    ],
-    [
-      {
-        name: 'Patrick Welch',
-        imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
-      },
-      {
-        name: 'Lucille Sanchez',
-        imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
-      },
-      {
-        name: 'Beverly Reyes',
-        imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
-      },
-      {
-        name: 'Keith Craig',
-        imageUrl: 'https://randomuser.me/api/portraits/men/40.jpg',
-      },
-      {
-        name: 'Alicia Cooper',
-        imageUrl: 'https://randomuser.me/api/portraits/women/46.jpg',
-      },
-    ],
-  ]
-
-  return (
-    <>
-      {sizes.map(({ label, size }) => (
-        <Flex key={size}
-            orientation="column"
-        >
-          <Title paddingTop='sm' >{label}</Title>
-          <Flex>
-            {usersList.map((users, index) => (
-              <Flex key={index}
-                  paddingRight='sm'
-              >
-                <MultipleUsersStacked
-                    size={size}
-                    users={users}
-                    variant="bubble"
-                    {...props}
-                />
-              </Flex>
-            ))}
-          </Flex>
-          <br />
-        </Flex>
-      ))}
-    </>
-  )
-}
-
-export default MultipleUsersStackedSize