playbook_ui 14.9.0.pre.alpha.PBNTR767advancedtablemultiheadercolumns5136 → 14.9.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5120

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.
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.9.0"
5
- VERSION = "14.9.0.pre.alpha.PBNTR767advancedtablemultiheadercolumns5136"
5
+ VERSION = "14.9.0.pre.alpha.PBNTR775formmatingmaskdefaultvalue5120"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
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: actionpack
@@ -270,10 +270,6 @@ files:
270
270
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
271
271
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
272
272
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
273
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
274
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
275
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
276
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
277
273
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
278
274
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
279
275
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
@@ -3215,8 +3211,8 @@ files:
3215
3211
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3216
3212
  - app/pb_kits/playbook/utilities/text.ts
3217
3213
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3218
- - dist/chunks/_typeahead-C63YYbKQ.js
3219
- - dist/chunks/_weekday_stacked-CPOjyT4z.js
3214
+ - dist/chunks/_typeahead-BdFkerD3.js
3215
+ - dist/chunks/_weekday_stacked-BiePMYeU.js
3220
3216
  - dist/chunks/lazysizes-B7xYodB-.js
3221
3217
  - dist/chunks/lib-sMFo2JZy.js
3222
3218
  - dist/chunks/pb_form_validation-CgvjWbOK.js
@@ -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.