playbook_ui_docs 14.17.0.pre.alpha.PLAY20547307 → 14.17.0.pre.alpha.aticonclosefix7325

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.
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.17.0.pre.alpha.PLAY20547307
4
+ version: 14.17.0.pre.alpha.aticonclosefix7325
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-04-21 00:00:00.000000000 Z
12
+ date: 2025-04-22 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -56,8 +56,6 @@ files:
56
56
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.md
57
57
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx
58
58
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
59
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.jsx
60
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expand_by_depth.md
61
59
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
62
60
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
63
61
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_fullscreen.jsx
@@ -1,65 +0,0 @@
1
- import React from "react"
2
- import AdvancedTable from '../../pb_advanced_table/_advanced_table'
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableExpandByDepth = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
- const expandByDepth = [
39
- {
40
- depth: 0,
41
- label: "Year",
42
- },
43
- {
44
- depth: 1,
45
- label: "Quarter",
46
- },
47
- {
48
- depth: 2,
49
- label: "Month",
50
- }
51
- ]
52
-
53
- return (
54
- <div>
55
- <AdvancedTable
56
- columnDefinitions={columnDefinitions}
57
- expandByDepth={expandByDepth}
58
- tableData={MOCK_DATA}
59
- {...props}
60
- />
61
- </div>
62
- )
63
- }
64
-
65
- export default AdvancedTableExpandByDepth
@@ -1,9 +0,0 @@
1
- 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.
2
-
3
- `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:
4
-
5
- **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.
6
-
7
- **Collapsing a depth**: Only collapses rows at the selected depth, keeping parent rows expanded for context.
8
-
9
-