playbook_ui_docs 14.9.0.pre.alpha.PBNTR767advancedtablemultiheadercolumns5136 → 14.9.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5120

Sign up to get free protection for your applications and to get access to all the features.
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.9.0.pre.alpha.PBNTR767advancedtablemultiheadercolumns5136
4
+ version: 14.9.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5120
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: 2024-12-27 00:00:00.000000000 Z
12
+ date: 2024-12-26 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -43,10 +43,6 @@ files:
43
43
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
44
44
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
45
45
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
46
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
47
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
48
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
49
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
50
46
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
51
47
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
52
48
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
@@ -1,60 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableColumnHeaders = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- label: "Enrollment Data",
14
- columns: [
15
- {
16
- accessor: "newEnrollments",
17
- label: "New Enrollments",
18
- },
19
- {
20
- accessor: "scheduledMeetings",
21
- label: "Scheduled Meetings",
22
- },
23
- ],
24
- },
25
- {
26
- label: "Performance Data",
27
- columns: [
28
- {
29
- accessor: "attendanceRate",
30
- label: "Attendance Rate",
31
- },
32
- {
33
- accessor: "completedClasses",
34
- label: "Completed Classes",
35
- },
36
- {
37
- accessor: "classCompletionRate",
38
- label: "Class Completion Rate",
39
- },
40
- {
41
- accessor: "graduatedStudents",
42
- label: "Graduated Students",
43
- },
44
- ],
45
- },
46
- ];
47
-
48
-
49
- return (
50
- <>
51
- <AdvancedTable
52
- columnDefinitions={columnDefinitions}
53
- tableData={MOCK_DATA}
54
- {...props}
55
- />
56
- </>
57
- )
58
- }
59
-
60
- export default AdvancedTableColumnHeaders
@@ -1 +0,0 @@
1
- Use a nested `columns` array in your columnDefinitions to create multiple header rows. Any column with `columns` is treated as a grouped header, and its child columns are displayed beneath it.
@@ -1,74 +0,0 @@
1
- import React from "react";
2
- import { AdvancedTable } from "playbook-ui";
3
- import MOCK_DATA from "./advanced_table_mock_data.json";
4
-
5
- const AdvancedTableColumnHeadersMultiple = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- label: "Enrollment Data",
14
- columns: [
15
- {
16
- label: "Enrollment Stats",
17
- columns: [
18
- {
19
- accessor: "newEnrollments",
20
- label: "New Enrollments",
21
- },
22
- {
23
- accessor: "scheduledMeetings",
24
- label: "Scheduled Meetings",
25
- },
26
- ],
27
- },
28
- ],
29
- },
30
- {
31
- label: "Performance Data",
32
- columns: [
33
- {
34
- label: "Completion Metrics",
35
- columns: [
36
- {
37
- accessor: "completedClasses",
38
- label: "Completed Classes",
39
- },
40
- {
41
- accessor: "classCompletionRate",
42
- label: "Class Completion Rate",
43
- },
44
- ],
45
- },
46
- {
47
- label: "Attendance",
48
- columns: [
49
- {
50
- accessor: "attendanceRate",
51
- label: "Attendance Rate",
52
- },
53
- {
54
- accessor: "scheduledMeetings",
55
- label: "Scheduled Meetings",
56
- },
57
- ],
58
- },
59
- ],
60
- },
61
- ];
62
-
63
- return (
64
- <>
65
- <AdvancedTable
66
- columnDefinitions={columnDefinitions}
67
- tableData={MOCK_DATA}
68
- {...props}
69
- />
70
- </>
71
- );
72
- };
73
-
74
- export default AdvancedTableColumnHeadersMultiple;
@@ -1 +0,0 @@
1
- Multiple levels of column headers can also be rendered as seen here.