RubyGems - playbook_ui - Versions diffs - 14.5.0.pre.alpha.PBNTR614advancedtablepoc4155 → 14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4094 - Mend

playbook_ui 14.5.0.pre.alpha.PBNTR614advancedtablepoc4155 → 14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4094

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

data/lib/playbook/version.rb CHANGED Viewed

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

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.5.0.pre.alpha.PBNTR614advancedtablepoc4155
+  version: 14.5.0.pre.alpha.PLAY1485selectablecardoverflowoutlinebug4094
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-18 00:00:00.000000000 Z
+date: 2024-10-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -268,7 +268,6 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
-- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
 - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
@@ -1127,8 +1126,6 @@ files:
 - app/pb_kits/playbook/pb_dropdown/context/index.tsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
-- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
 - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
@@ -1862,8 +1859,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
@@ -3087,7 +3082,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-leC2i6B3.js
+- dist/chunks/_weekday_stacked-B0Zid7Rv.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-CEpcaI8y.js
 - dist/chunks/pb_form_validation-D9zkwt2b.js

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx DELETED Viewed

@@ -1,52 +0,0 @@
-import React from "react"
-import { AdvancedTable, Pill, Body } from "playbook-ui"
-import MOCK_DATA from "./advanced_table_mock_data.json"
-const AdvancedTableCustomCell = (props) => {
-  const columnDefinitions = [
-    {
-      accessor: "year",
-      label: "Year",
-      cellAccessors: ["quarter", "month", "day"],
-    },
-    {
-      accessor: "newEnrollments",
-      label: "New Enrollments",
-      customRenderer: (row, value) => <Pill text={value} />,
-    },
-    {
-      accessor: "scheduledMeetings",
-      label: "Scheduled Meetings",
-      customRenderer: (row, value) => <Body><a href="#">{value}</a></Body>,
-    },
-    {
-      accessor: "attendanceRate",
-      label: "Attendance Rate",
-    },
-    {
-      accessor: "completedClasses",
-      label: "Completed Classes",
-    },
-    {
-      accessor: "classCompletionRate",
-      label: "Class Completion Rate",
-    },
-    {
-      accessor: "graduatedStudents",
-      label: "Graduated Students",
-    },
-  ]
-  return (
-    <div>
-      <AdvancedTable
-          columnDefinitions={columnDefinitions}
-          tableData={MOCK_DATA}
-          {...props}
-      />
-    </div>
-  )
-}
-export default AdvancedTableCustomCell

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx DELETED Viewed

@@ -1,45 +0,0 @@
-import React, { useRef } from 'react'
-import { Button, Dropdown } from 'playbook-ui'
-const options = [
-    {
-        label: "United States",
-        value: "United States",
-    },
-    {
-        label: "Canada",
-        value: "Canada",
-    },
-    {
-        label: "Pakistan",
-        value: "Pakistan",
-    }
-]
-const DropdownClearSelection = (props) => {
-    const dropdownRef = useRef(null)
-    const handleReset = () => {
-        if (dropdownRef.current) {
-            dropdownRef.current.clearSelected()
-        }
-    }
-    return (
-        <>
-            <Dropdown
-                defaultValue={options[2]}
-                options={options}
-                ref={dropdownRef}
-                {...props}
-            />
-            <Button
-                marginTop="md"
-                onClick={handleReset}
-                text="Reset"
-            />
-        </>
-    )
-}
-export default DropdownClearSelection

data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md DELETED Viewed

	@@ -1 +0,0 @@
1	- To use an external control (like a reset button) to clear Dropdown selection, you can make use of the `useRef` hook. You must pass a ref to the Dropdown component and use that ref within the onClick for the external control in the way shown in the code snippet below.

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

@@ -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 DELETED Viewed

@@ -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