playbook_ui_docs 14.17.0.pre.alpha.PLAY2040removeunnecessarystickytableclasses7300 → 14.17.0.pre.alpha.PLAY20547307

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 95b1ffffd04d0f52985d2753d9782ede5d406f3d8c499ed87be1778f4dbec8ae
-  data.tar.gz: 26533980f4d953a0a9b9fd1fa3ff6ab0e533abe8bc1bb714ce221a56f4929c17
+  metadata.gz: 12352ee4bb634cb7444e5de28c82c167898e227842c829a6d28c0385cff05183
+  data.tar.gz: 7096a9f694e9cad51f3b5459b8d3d7a7fcf3612486e27a923694dd5f14b9cdff
 SHA512:
-  metadata.gz: ecdbb65ee9cc8ba3a9195bf93a43b7960eef0d0266a7c6636f68347c0871eb372435d84f884afea5aa4ef32a8e6521af107803dfd417a2eeb409e6ce0097875e
-  data.tar.gz: 8ad1efd4bf01caf640dbc5ed45bacfe8a67165a51e98faa9758c272fb36ff425ced04a6df681b29d2e8a68839a8531db21076cb97a0228545eb2a2ed3e5ee8bf
+  metadata.gz: e4cbeb77d30218373c8163fd79b6db58663b1b1b80fc3bfe47ddfbadaae9c1ff2544951356988b4986f0b76efc69007e6a64352711c6382fa54067b795cc483f
+  data.tar.gz: 4eb8480fe8129264757b25eff1a81e54c15eefb0e91bf1637b3b97f22e0142ec836dc9c5672a06ebed9a9fe173dc05c624d7b3db35faf4da8ef53147fb623e80

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.jsx

@@ -0,0 +1,65 @@
+import React from "react"
+import AdvancedTable from '../../pb_advanced_table/_advanced_table'
+import MOCK_DATA from "./advanced_table_mock_data.json"
+
+const AdvancedTableExpandByDepth = (props) => {
+  const columnDefinitions = [
+    {
+      accessor: "year",
+      label: "Year",
+      cellAccessors: ["quarter", "month", "day"],
+    },
+    {
+      accessor: "newEnrollments",
+      label: "New Enrollments",
+    },
+    {
+      accessor: "scheduledMeetings",
+      label: "Scheduled Meetings",
+    },
+    {
+      accessor: "attendanceRate",
+      label: "Attendance Rate",
+    },
+    {
+      accessor: "completedClasses",
+      label: "Completed Classes",
+    },
+    {
+      accessor: "classCompletionRate",
+      label: "Class Completion Rate",
+    },
+    {
+      accessor: "graduatedStudents",
+      label: "Graduated Students",
+    },
+  ]
+
+  const expandByDepth = [
+    {
+        depth: 0,
+        label: "Year",
+    },
+    {
+        depth: 1,
+        label: "Quarter",
+    },
+    {
+        depth: 2,
+        label: "Month",
+    }
+  ]
+
+  return (
+    <div>
+      <AdvancedTable
+          columnDefinitions={columnDefinitions}
+          expandByDepth={expandByDepth}
+          tableData={MOCK_DATA}
+          {...props}
+      />
+    </div>
+  )
+}
+
+export default AdvancedTableExpandByDepth

data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.md

@@ -0,0 +1,9 @@
+The `expandByDepth` prop enables users to expand or collapse table rows by specific levels of nesting. When provided, it renders a dropdown that appears when the toggle icon in the header is clicked.
+
+`expandByDepth` accepts an array of objects, where each object defines the depth level to target and the label to display in the dropdown. When a user selects an option:
+
+**Expanding a depth**: Expands all rows at the selected depth AND all parent levels above it (if parent levels were closed), ensuring nested content is visible.
+
+**Collapsing a depth**: Only collapses rows at the selected depth, keeping parent rows expanded for context.
+
+

data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml

@@ -22,6 +22,7 @@ examples:
   - advanced_table_sort: Enable Sorting
   - advanced_table_sort_control: Sort Control
   - advanced_table_expanded_control: Expanded Control
+  - advanced_table_expand_by_depth: Expand by Depth
   - advanced_table_subrow_headers: SubRow Headers
   - advanced_table_collapsible_trail: Collapsible Trail
   - advanced_table_table_options: Table Options

data/app/pb_kits/playbook/pb_advanced_table/docs/index.js

@@ -25,4 +25,5 @@ export { default as AdvancedTableInlineEditing } from './_advanced_table_inline_
 export { default as AdvancedTableFullscreen } from './_advanced_table_fullscreen.jsx'
 export { default as AdvancedTableStickyColumns } from './_advanced_table_sticky_columns.jsx'
 export { default as AdvancedTableStickyHeader } from './_advanced_table_sticky_header.jsx'
-export { default as AdvancedTableStickyColumnsAndHeader } from './_advanced_table_sticky_columns_and_header.jsx'
+export { default as AdvancedTableStickyColumnsAndHeader } from './_advanced_table_sticky_columns_and_header.jsx'
+export { default as AdvancedTableExpandByDepth } from './_advanced_table_expand_by_depth.jsx'