playbook_ui_docs 14.13.0.pre.alpha.PBNTR5596029 → 14.13.0.pre.alpha.PLAY1873rails86087

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.13.0.pre.alpha.PBNTR5596029
+  version: 14.13.0.pre.alpha.PLAY1873rails86087
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-11 00:00:00.000000000 Z
+date: 2025-02-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -716,8 +716,6 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
 - app/pb_kits/playbook/pb_draggable/docs/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
@@ -1034,6 +1032,7 @@ files:
 - app/pb_kits/playbook/pb_icon/docs/example.yml
 - app/pb_kits/playbook/pb_icon/docs/index.js
 - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
+- app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
 - app/pb_kits/playbook/pb_icon_button/docs/example.yml
 - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
 - app/pb_kits/playbook/pb_icon_circle/docs/_footer.md
@@ -1844,6 +1843,9 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
@@ -1862,6 +1864,9 @@ files:
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
 - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
+- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
+- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
+- app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
 - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx

@@ -1,89 +0,0 @@
-import React, { useState } from "react";
-import { Flex, Table, Body, Avatar, DraggableProvider } from "playbook-ui";
-
-// Initial items to be dragged
-const data = [
-    {
-        id: "1",
-        task: "Task 1",
-        assignee_name: "Terry Miles",
-        assignee_img: "https://randomuser.me/api/portraits/men/44.jpg",
-      },
-      {
-        id: "2",
-        task: "Task 2",
-        assignee_name: "Sophia Miles",
-        assignee_img: "https://randomuser.me/api/portraits/women/8.jpg",
-      },
-      {
-        id: "3",
-        task: "Task 3",
-        assignee_name: "Alice Jones",
-        assignee_img: "https://randomuser.me/api/portraits/women/10.jpg",
-      },
-      {
-        id: "4",
-        task: "Task 4",
-        assignee_name: "Mike James",
-        assignee_img: "https://randomuser.me/api/portraits/men/8.jpg",
-      },
-      {
-        id: "5",
-        task: "Task 5",
-        assignee_name: "James Guy",
-        assignee_img: "https://randomuser.me/api/portraits/men/18.jpg",
-      }
-];
-
-const DraggableWithTableReact = (props) => {
-  const [initialState, setInitialState] = useState(data);
-
-  return (
-    <>
-    <DraggableProvider initialItems={data}
-        onReorder={(items) => setInitialState(items)}
-    >
-        <Table
-            responsive="none"
-            size="sm" 
-            {...props}
-        >
-          <Table.Head>
-            <Table.Row>
-              <Table.Header>{"id"}</Table.Header>
-              <Table.Header>{"name"}</Table.Header>
-              <Table.Header>{"task number"}</Table.Header>
-            </Table.Row>
-          </Table.Head>
-          <Table.Body draggableContainer>
-            {initialState.map(({ id, task, assignee_name, assignee_img }) => (
-              <Table.Row 
-                  dragId={id} 
-                  draggableItem
-                  key={id}
-              >
-                <Table.Cell>{id}</Table.Cell>
-                <Table.Cell>
-                  <Flex align="center">
-                    <Avatar 
-                        imageUrl={assignee_img} 
-                        size="xs" 
-                    />
-                    <Body 
-                        paddingLeft="xxs" 
-                        text={assignee_name} 
-                    />
-                  </Flex>
-                </Table.Cell>
-                <Table.Cell>{task}</Table.Cell>
-              </Table.Row>
-            ))}
-          </Table.Body>
-        </Table>
-    </DraggableProvider>
-    </>
-
-  );
-};
-
-export default DraggableWithTableReact;

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md

@@ -1,5 +0,0 @@
-The draggable kit can also be used in conjunction with the table kit to create draggable table rows. To do this:
-
-- Wrap the Table with the `DraggableProvider` and manage state as shown. 
-- use the `draggableContainer` prop on the Table.Body to designate it as the Draggable Container
-- use the `draggableItem` prop on the Table.Row to designate it as the Draggable Item. Make sure to also pass id to the `dragId` prop here.