playbook_ui_docs 15.5.0 → 15.6.0.pre.rc.0
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.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 828fd024c2950b857d0ff61e9aced530635e804cea10943f716aae842a061588
|
|
4
|
+
data.tar.gz: 6c1b739e7cac2a08139638f8c5215a8d88f90f96179218c23d8c899a1836ae44
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 505e690902c0dae8ae9fe2597ebb432daa2326010de9559048913b5714fdfdd23c1b9221a3c40cae285bd4baa675bd379850abaa2e1658a48447f29a8252feca
|
|
7
|
+
data.tar.gz: 5adae0c2447b01560e700be5cd1a3e9becea1df8faa306dd9b4c689ebafb53fd14e8f24f01bc64927085c509cd26cba562f715f6954604a1d2c46640a33e2690
|
|
@@ -29,5 +29,167 @@
|
|
|
29
29
|
label: "Graduated Students",
|
|
30
30
|
}
|
|
31
31
|
] %>
|
|
32
|
+
<%= pb_rails("caption", props: { text: "Advanced Table Vertical Border Table Props" }) %>
|
|
33
|
+
<%= pb_rails("advanced_table", props: { id: "table_props_table", table_data: @table_data, margin_bottom: "md", column_definitions: column_definitions, table_props: { vertical_border: true, container: false }}) %>
|
|
32
34
|
|
|
33
|
-
|
|
35
|
+
<% column_definitions_two = [
|
|
36
|
+
{
|
|
37
|
+
accessor: "year",
|
|
38
|
+
label: "Year",
|
|
39
|
+
cellAccessors: ["quarter", "month", "day"],
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
label: "Enrollment Data",
|
|
43
|
+
columns: [
|
|
44
|
+
{
|
|
45
|
+
accessor: "newEnrollments",
|
|
46
|
+
label: "New Enrollments",
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
accessor: "scheduledMeetings",
|
|
50
|
+
label: "Scheduled Meetings",
|
|
51
|
+
},
|
|
52
|
+
],
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
label: "Performance Data",
|
|
56
|
+
columns: [
|
|
57
|
+
{
|
|
58
|
+
accessor: "attendanceRate",
|
|
59
|
+
label: "Attendance Rate",
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
accessor: "completedClasses",
|
|
63
|
+
label: "Completed Classes",
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
accessor: "classCompletionRate",
|
|
67
|
+
label: "Class Completion Rate",
|
|
68
|
+
},
|
|
69
|
+
{
|
|
70
|
+
accessor: "graduatedStudents",
|
|
71
|
+
label: "Graduated Students",
|
|
72
|
+
},
|
|
73
|
+
],
|
|
74
|
+
},
|
|
75
|
+
] %>
|
|
76
|
+
<%= pb_rails("caption", props: { text: "Advanced Table Vertical Border Multi Header" }) %>
|
|
77
|
+
<%= pb_rails("advanced_table", props: { id: "table_multi_headers_vertical_borders", margin_bottom: "md", table_data: @table_data, column_definitions: column_definitions_two, table_props: { vertical_border: true } }) %>
|
|
78
|
+
|
|
79
|
+
<% column_definitions_three = [
|
|
80
|
+
{
|
|
81
|
+
accessor: "year",
|
|
82
|
+
label: "Year",
|
|
83
|
+
cellAccessors: ["quarter", "month", "day"],
|
|
84
|
+
},
|
|
85
|
+
{
|
|
86
|
+
label: "Enrollment Data",
|
|
87
|
+
columns: [
|
|
88
|
+
{
|
|
89
|
+
label: "Enrollment Stats",
|
|
90
|
+
columns: [
|
|
91
|
+
{
|
|
92
|
+
accessor: "newEnrollments",
|
|
93
|
+
label: "New Enrollments",
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
accessor: "scheduledMeetings",
|
|
97
|
+
label: "Scheduled Meetings",
|
|
98
|
+
},
|
|
99
|
+
],
|
|
100
|
+
},
|
|
101
|
+
],
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
label: "Performance Data",
|
|
105
|
+
columns: [
|
|
106
|
+
{
|
|
107
|
+
label: "Completion Metrics",
|
|
108
|
+
columns: [
|
|
109
|
+
{
|
|
110
|
+
accessor: "completedClasses",
|
|
111
|
+
label: "Completed Classes",
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
accessor: "classCompletionRate",
|
|
115
|
+
label: "Class Completion Rate",
|
|
116
|
+
},
|
|
117
|
+
],
|
|
118
|
+
},
|
|
119
|
+
{
|
|
120
|
+
label: "Attendance",
|
|
121
|
+
columns: [
|
|
122
|
+
{
|
|
123
|
+
accessor: "attendanceRate",
|
|
124
|
+
label: "Attendance Rate",
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
accessor: "scheduledMeetings",
|
|
128
|
+
label: "Scheduled Meetings",
|
|
129
|
+
},
|
|
130
|
+
],
|
|
131
|
+
},
|
|
132
|
+
],
|
|
133
|
+
},
|
|
134
|
+
] %>
|
|
135
|
+
<%= pb_rails("caption", props: { text: "Advanced Table Vertical Border Multi Header with Column Group Border Color" }) %>
|
|
136
|
+
<%= pb_rails("advanced_table", props: { id: "beta_table_with_color_headers", margin_bottom: "md", table_data: @table_data, column_definitions: column_definitions_three, column_group_border_color: "text_lt_default", table_props: { vertical_border: true } }) %>
|
|
137
|
+
|
|
138
|
+
<% column_definitions_four = [
|
|
139
|
+
{
|
|
140
|
+
accessor: "year",
|
|
141
|
+
label: "Year",
|
|
142
|
+
cellAccessors: ["quarter", "month", "day"],
|
|
143
|
+
},
|
|
144
|
+
{
|
|
145
|
+
label: "Enrollment Data",
|
|
146
|
+
columns: [
|
|
147
|
+
{
|
|
148
|
+
label: "Enrollment Stats",
|
|
149
|
+
columns: [
|
|
150
|
+
{
|
|
151
|
+
accessor: "newEnrollments",
|
|
152
|
+
label: "New Enrollments",
|
|
153
|
+
},
|
|
154
|
+
{
|
|
155
|
+
accessor: "scheduledMeetings",
|
|
156
|
+
label: "Scheduled Meetings",
|
|
157
|
+
},
|
|
158
|
+
],
|
|
159
|
+
},
|
|
160
|
+
],
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
label: "Performance Data",
|
|
164
|
+
columns: [
|
|
165
|
+
{
|
|
166
|
+
label: "Completion Metrics",
|
|
167
|
+
columns: [
|
|
168
|
+
{
|
|
169
|
+
accessor: "completedClasses",
|
|
170
|
+
label: "Completed Classes",
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
accessor: "classCompletionRate",
|
|
174
|
+
label: "Class Completion Rate",
|
|
175
|
+
},
|
|
176
|
+
],
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
label: "Attendance",
|
|
180
|
+
columns: [
|
|
181
|
+
{
|
|
182
|
+
accessor: "attendanceRate",
|
|
183
|
+
label: "Attendance Rate",
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
accessor: "scheduledMeetings",
|
|
187
|
+
label: "Scheduled Meetings",
|
|
188
|
+
},
|
|
189
|
+
],
|
|
190
|
+
},
|
|
191
|
+
],
|
|
192
|
+
},
|
|
193
|
+
] %>
|
|
194
|
+
<%= pb_rails("caption", props: { text: "Advanced Table Vertical Border Multi Header No Vertical Border" }) %>
|
|
195
|
+
<%= pb_rails("advanced_table", props: {id: "beta_table_with_muilti_headers", table_data: @table_data, column_definitions: column_definitions_four }) %>
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react"
|
|
2
2
|
import AdvancedTable from '../../pb_advanced_table/_advanced_table'
|
|
3
3
|
import MOCK_DATA from "./advanced_table_mock_data.json"
|
|
4
|
+
import Caption from "../../pb_caption/_caption"
|
|
4
5
|
|
|
5
6
|
const AdvancedTableTableProps = (props) => {
|
|
6
7
|
const columnDefinitions = [
|
|
@@ -40,14 +41,203 @@ const AdvancedTableTableProps = (props) => {
|
|
|
40
41
|
verticalBorder: true
|
|
41
42
|
}
|
|
42
43
|
|
|
44
|
+
const columnDefinitionsTwo = [
|
|
45
|
+
{
|
|
46
|
+
accessor: "year",
|
|
47
|
+
label: "Year",
|
|
48
|
+
cellAccessors: ["quarter", "month", "day"],
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
label: "Enrollment Data",
|
|
52
|
+
columns: [
|
|
53
|
+
{
|
|
54
|
+
accessor: "newEnrollments",
|
|
55
|
+
label: "New Enrollments",
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
accessor: "scheduledMeetings",
|
|
59
|
+
label: "Scheduled Meetings",
|
|
60
|
+
},
|
|
61
|
+
],
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
label: "Performance Data",
|
|
65
|
+
columns: [
|
|
66
|
+
{
|
|
67
|
+
accessor: "attendanceRate",
|
|
68
|
+
label: "Attendance Rate",
|
|
69
|
+
},
|
|
70
|
+
{
|
|
71
|
+
accessor: "completedClasses",
|
|
72
|
+
label: "Completed Classes",
|
|
73
|
+
},
|
|
74
|
+
{
|
|
75
|
+
accessor: "classCompletionRate",
|
|
76
|
+
label: "Class Completion Rate",
|
|
77
|
+
},
|
|
78
|
+
{
|
|
79
|
+
accessor: "graduatedStudents",
|
|
80
|
+
label: "Graduated Students",
|
|
81
|
+
},
|
|
82
|
+
],
|
|
83
|
+
},
|
|
84
|
+
];
|
|
85
|
+
|
|
86
|
+
const tablePropsTwo = {
|
|
87
|
+
verticalBorder: true,
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
const columnDefinitionsThree = [
|
|
91
|
+
{
|
|
92
|
+
accessor: "year",
|
|
93
|
+
label: "Year",
|
|
94
|
+
cellAccessors: ["quarter", "month", "day"],
|
|
95
|
+
},
|
|
96
|
+
{
|
|
97
|
+
label: "Enrollment Data",
|
|
98
|
+
columns: [
|
|
99
|
+
{
|
|
100
|
+
label: "Enrollment Stats",
|
|
101
|
+
columns: [
|
|
102
|
+
{
|
|
103
|
+
accessor: "newEnrollments",
|
|
104
|
+
label: "New Enrollments",
|
|
105
|
+
},
|
|
106
|
+
{
|
|
107
|
+
accessor: "scheduledMeetings",
|
|
108
|
+
label: "Scheduled Meetings",
|
|
109
|
+
},
|
|
110
|
+
],
|
|
111
|
+
},
|
|
112
|
+
],
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
label: "Performance Data",
|
|
116
|
+
columns: [
|
|
117
|
+
{
|
|
118
|
+
label: "Completion Metrics",
|
|
119
|
+
columns: [
|
|
120
|
+
{
|
|
121
|
+
accessor: "completedClasses",
|
|
122
|
+
label: "Completed Classes",
|
|
123
|
+
},
|
|
124
|
+
{
|
|
125
|
+
accessor: "classCompletionRate",
|
|
126
|
+
label: "Class Completion Rate",
|
|
127
|
+
},
|
|
128
|
+
],
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
label: "Attendance",
|
|
132
|
+
columns: [
|
|
133
|
+
{
|
|
134
|
+
accessor: "attendanceRate",
|
|
135
|
+
label: "Attendance Rate",
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
accessor: "scheduledMeetings",
|
|
139
|
+
label: "Scheduled Meetings",
|
|
140
|
+
},
|
|
141
|
+
],
|
|
142
|
+
},
|
|
143
|
+
],
|
|
144
|
+
},
|
|
145
|
+
];
|
|
146
|
+
|
|
147
|
+
const tablePropsThree = {
|
|
148
|
+
verticalBorder: true
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
const columnDefinitionsFour = [
|
|
152
|
+
{
|
|
153
|
+
accessor: "year",
|
|
154
|
+
label: "Year",
|
|
155
|
+
cellAccessors: ["quarter", "month", "day"],
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
label: "Enrollment Data",
|
|
159
|
+
columns: [
|
|
160
|
+
{
|
|
161
|
+
label: "Enrollment Stats",
|
|
162
|
+
columns: [
|
|
163
|
+
{
|
|
164
|
+
accessor: "newEnrollments",
|
|
165
|
+
label: "New Enrollments",
|
|
166
|
+
},
|
|
167
|
+
{
|
|
168
|
+
accessor: "scheduledMeetings",
|
|
169
|
+
label: "Scheduled Meetings",
|
|
170
|
+
},
|
|
171
|
+
],
|
|
172
|
+
},
|
|
173
|
+
],
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
label: "Performance Data",
|
|
177
|
+
columns: [
|
|
178
|
+
{
|
|
179
|
+
label: "Completion Metrics",
|
|
180
|
+
columns: [
|
|
181
|
+
{
|
|
182
|
+
accessor: "completedClasses",
|
|
183
|
+
label: "Completed Classes",
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
accessor: "classCompletionRate",
|
|
187
|
+
label: "Class Completion Rate",
|
|
188
|
+
},
|
|
189
|
+
],
|
|
190
|
+
},
|
|
191
|
+
{
|
|
192
|
+
label: "Attendance",
|
|
193
|
+
columns: [
|
|
194
|
+
{
|
|
195
|
+
accessor: "attendanceRate",
|
|
196
|
+
label: "Attendance Rate",
|
|
197
|
+
},
|
|
198
|
+
{
|
|
199
|
+
accessor: "scheduledMeetings",
|
|
200
|
+
label: "Scheduled Meetings",
|
|
201
|
+
},
|
|
202
|
+
],
|
|
203
|
+
},
|
|
204
|
+
],
|
|
205
|
+
},
|
|
206
|
+
];
|
|
207
|
+
|
|
43
208
|
return (
|
|
44
209
|
<div>
|
|
210
|
+
<Caption text="Advanced Table Vertical Border Table Props" />
|
|
45
211
|
<AdvancedTable
|
|
46
212
|
columnDefinitions={columnDefinitions}
|
|
213
|
+
marginBottom="md"
|
|
47
214
|
tableData={MOCK_DATA}
|
|
48
215
|
tableProps={tableProps}
|
|
49
216
|
{...props}
|
|
50
217
|
/>
|
|
218
|
+
<Caption text="Advanced Table Vertical Border Multi Header" />
|
|
219
|
+
<AdvancedTable
|
|
220
|
+
columnDefinitions={columnDefinitionsTwo}
|
|
221
|
+
marginBottom="md"
|
|
222
|
+
tableData={MOCK_DATA}
|
|
223
|
+
tableProps={tablePropsTwo}
|
|
224
|
+
{...props}
|
|
225
|
+
/>
|
|
226
|
+
<Caption text="Advanced Table Vertical Border Multi Header with Column Group Border Color" />
|
|
227
|
+
<AdvancedTable
|
|
228
|
+
columnDefinitions={columnDefinitionsThree}
|
|
229
|
+
columnGroupBorderColor="text_lt_default"
|
|
230
|
+
marginBottom="md"
|
|
231
|
+
tableData={MOCK_DATA}
|
|
232
|
+
tableProps={tablePropsThree}
|
|
233
|
+
{...props}
|
|
234
|
+
/>
|
|
235
|
+
<Caption text="Advanced Table Vertical Border Multi Header No Vertical Border" />
|
|
236
|
+
<AdvancedTable
|
|
237
|
+
columnDefinitions={columnDefinitionsFour}
|
|
238
|
+
tableData={MOCK_DATA}
|
|
239
|
+
{...props}
|
|
240
|
+
/>
|
|
51
241
|
</div>
|
|
52
242
|
)
|
|
53
243
|
}
|
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: 15.
|
|
4
|
+
version: 15.6.0.pre.rc.0
|
|
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-11-
|
|
12
|
+
date: 2025-11-24 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|