playbook_ui 13.16.0.pre.alpha.PBNTR177NewAdvancedTableKit2035 → 13.16.0.pre.alpha.PLAY11641991
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +12 -14
- data/app/pb_kits/playbook/index.js +1 -2
- data/app/pb_kits/playbook/pb_flex/_flex.tsx +1 -1
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +28 -16
- data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.html.erb +5 -11
- data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +44 -18
- data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.md +7 -12
- data/app/pb_kits/playbook/pb_icon/icon.html.erb +6 -4
- data/app/pb_kits/playbook/pb_icon/icon.rb +10 -10
- data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +1 -1
- data/app/pb_kits/playbook/pb_layout/_layout.tsx +1 -2
- data/app/pb_kits/playbook/pb_layout/layout.test.js +4 -8
- data/app/pb_kits/playbook/pb_legend/_legend.tsx +6 -6
- data/app/pb_kits/playbook/pb_lightbox/Carousel/Slides.tsx +4 -4
- data/app/pb_kits/playbook/pb_lightbox/Carousel/Thumbnail.tsx +1 -1
- data/app/pb_kits/playbook/pb_lightbox/Carousel/index.tsx +3 -3
- data/app/pb_kits/playbook/pb_lightbox/Header/_lightbox_header.tsx +22 -30
- data/app/pb_kits/playbook/pb_lightbox/_lightbox.tsx +5 -5
- data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +4 -4
- data/app/pb_kits/playbook/pb_list/_list.tsx +15 -15
- data/app/pb_kits/playbook/pb_list/_list_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +9 -9
- data/app/pb_kits/playbook/pb_map/_map.tsx +8 -8
- data/app/pb_kits/playbook/pb_map/_map_controls.tsx +7 -15
- data/app/pb_kits/playbook/pb_map/_map_custom_button.tsx +2 -4
- data/app/pb_kits/playbook/pb_message/_message.tsx +1 -1
- data/app/pb_kits/playbook/pb_message/_message_mention.tsx +6 -6
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +42 -46
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx +20 -20
- data/app/pb_kits/playbook/pb_nav/_item.tsx +47 -56
- data/app/pb_kits/playbook/pb_nav/_nav.tsx +15 -15
- data/app/pb_kits/playbook/pb_table/_table.tsx +29 -29
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +2 -4
- data/app/pb_kits/playbook/playbook-doc.js +0 -2
- data/app/pb_kits/playbook/utilities/globalProps.ts +1 -1
- data/dist/menu.yml +1 -4
- data/dist/playbook-rails.js +6 -14
- data/lib/playbook/version.rb +1 -1
- metadata +2 -29
- data/app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx +0 -30
- data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +0 -62
- data/app/pb_kits/playbook/pb_advanced_table/Components/LoadingCell.tsx +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx +0 -30
- data/app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx +0 -61
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +0 -128
- data/app/pb_kits/playbook/pb_advanced_table/Components/ToggleIconButton.tsx +0 -28
- data/app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/README.md +0 -133
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +0 -95
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +0 -51
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx +0 -63
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx +0 -8
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts +0 -8
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -98
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +0 -245
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +0 -56
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +0 -49
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md +0 -13
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +0 -57
- data/app/pb_kits/playbook/pb_advanced_table/docs/_description.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js +0 -278
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss +0 -71
- data/app/pb_kits/playbook/pb_advanced_table/scss_partials/_pseudo_states.scss +0 -12
@@ -1,278 +0,0 @@
|
|
1
|
-
export const MOCK_DATA = [
|
2
|
-
{
|
3
|
-
year: "2021",
|
4
|
-
quarter: null,
|
5
|
-
month: null,
|
6
|
-
day: null,
|
7
|
-
newEnrollments: "20",
|
8
|
-
scheduledMeetings: "10",
|
9
|
-
attendanceRate: "51%",
|
10
|
-
completedClasses: "3",
|
11
|
-
classCompletionRate: "33%",
|
12
|
-
graduatedStudents: "19",
|
13
|
-
children: [
|
14
|
-
{
|
15
|
-
year: "2021",
|
16
|
-
quarter: "Q1",
|
17
|
-
month: null,
|
18
|
-
day: null,
|
19
|
-
newEnrollments: "2",
|
20
|
-
scheduledMeetings: "35",
|
21
|
-
attendanceRate: "32%",
|
22
|
-
completedClasses: "15",
|
23
|
-
classCompletionRate: "52%",
|
24
|
-
graduatedStudents: "36",
|
25
|
-
children: [
|
26
|
-
{
|
27
|
-
year: "2021",
|
28
|
-
quarter: "Q1",
|
29
|
-
month: "January",
|
30
|
-
day: null,
|
31
|
-
newEnrollments: "16",
|
32
|
-
scheduledMeetings: "20",
|
33
|
-
attendanceRate: "11%",
|
34
|
-
completedClasses: "13",
|
35
|
-
classCompletionRate: "47%",
|
36
|
-
graduatedStudents: "28",
|
37
|
-
children: [
|
38
|
-
{
|
39
|
-
year: "2021",
|
40
|
-
quarter: "Q1",
|
41
|
-
month: "January",
|
42
|
-
day: "10",
|
43
|
-
newEnrollments: "34",
|
44
|
-
scheduledMeetings: "28",
|
45
|
-
attendanceRate: "97%",
|
46
|
-
completedClasses: "20",
|
47
|
-
classCompletionRate: "15%",
|
48
|
-
graduatedStudents: "17",
|
49
|
-
},
|
50
|
-
{
|
51
|
-
year: "2021",
|
52
|
-
quarter: "Q1",
|
53
|
-
month: "January",
|
54
|
-
day: "20",
|
55
|
-
newEnrollments: "43",
|
56
|
-
scheduledMeetings: "23",
|
57
|
-
attendanceRate: "66%",
|
58
|
-
completedClasses: "26",
|
59
|
-
classCompletionRate: "47%",
|
60
|
-
graduatedStudents: "9",
|
61
|
-
},
|
62
|
-
],
|
63
|
-
},
|
64
|
-
{
|
65
|
-
year: "2021",
|
66
|
-
quarter: "Q1",
|
67
|
-
month: "February",
|
68
|
-
day: null,
|
69
|
-
newEnrollments: "20",
|
70
|
-
scheduledMeetings: "41",
|
71
|
-
attendanceRate: "95%",
|
72
|
-
completedClasses: "26",
|
73
|
-
classCompletionRate: "83%",
|
74
|
-
graduatedStudents: "43",
|
75
|
-
children: [
|
76
|
-
{
|
77
|
-
year: "2011",
|
78
|
-
quarter: "Q1",
|
79
|
-
month: "February",
|
80
|
-
day: "15",
|
81
|
-
newEnrollments: "19",
|
82
|
-
scheduledMeetings: "35",
|
83
|
-
attendanceRate: "69%",
|
84
|
-
completedClasses: "8",
|
85
|
-
classCompletionRate: "75%",
|
86
|
-
graduatedStudents: "23",
|
87
|
-
},
|
88
|
-
],
|
89
|
-
},
|
90
|
-
],
|
91
|
-
},
|
92
|
-
],
|
93
|
-
},
|
94
|
-
{
|
95
|
-
year: "2022",
|
96
|
-
quarter: null,
|
97
|
-
month: null,
|
98
|
-
day: null,
|
99
|
-
newEnrollments: "25",
|
100
|
-
scheduledMeetings: "17",
|
101
|
-
attendanceRate: "75%",
|
102
|
-
completedClasses: "5",
|
103
|
-
classCompletionRate: "45%",
|
104
|
-
graduatedStudents: "32",
|
105
|
-
children: [
|
106
|
-
{
|
107
|
-
year: "2022",
|
108
|
-
quarter: "Q1",
|
109
|
-
month: null,
|
110
|
-
day: null,
|
111
|
-
newEnrollments: "2",
|
112
|
-
scheduledMeetings: "35",
|
113
|
-
attendanceRate: "32%",
|
114
|
-
completedClasses: "15",
|
115
|
-
classCompletionRate: "52%",
|
116
|
-
graduatedStudents: "36",
|
117
|
-
children: [
|
118
|
-
{
|
119
|
-
year: "2022",
|
120
|
-
quarter: "Q1",
|
121
|
-
month: "January",
|
122
|
-
day: null,
|
123
|
-
newEnrollments: "16",
|
124
|
-
scheduledMeetings: "20",
|
125
|
-
attendanceRate: "11%",
|
126
|
-
completedClasses: "13",
|
127
|
-
classCompletionRate: "47%",
|
128
|
-
graduatedStudents: "28",
|
129
|
-
children: [
|
130
|
-
{
|
131
|
-
year: "2022",
|
132
|
-
quarter: "Q1",
|
133
|
-
month: "January",
|
134
|
-
day: "15",
|
135
|
-
newEnrollments: "34",
|
136
|
-
scheduledMeetings: "28",
|
137
|
-
attendanceRate: "97%",
|
138
|
-
completedClasses: "20",
|
139
|
-
classCompletionRate: "15%",
|
140
|
-
graduatedStudents: "17",
|
141
|
-
},
|
142
|
-
{
|
143
|
-
year: "2022",
|
144
|
-
quarter: "Q1",
|
145
|
-
month: "January",
|
146
|
-
day: "25",
|
147
|
-
newEnrollments: "43",
|
148
|
-
scheduledMeetings: "23",
|
149
|
-
attendanceRate: "66%",
|
150
|
-
completedClasses: "26",
|
151
|
-
classCompletionRate: "47%",
|
152
|
-
graduatedStudents: "9",
|
153
|
-
},
|
154
|
-
],
|
155
|
-
},
|
156
|
-
{
|
157
|
-
year: "2022",
|
158
|
-
quarter: "Q1",
|
159
|
-
month: "May",
|
160
|
-
day: null,
|
161
|
-
newEnrollments: "20",
|
162
|
-
scheduledMeetings: "41",
|
163
|
-
attendanceRate: "95%",
|
164
|
-
completedClasses: "26",
|
165
|
-
classCompletionRate: "83%",
|
166
|
-
graduatedStudents: "43",
|
167
|
-
children: [
|
168
|
-
{
|
169
|
-
year: "2011",
|
170
|
-
quarter: "Q1",
|
171
|
-
month: "May",
|
172
|
-
day: "2",
|
173
|
-
newEnrollments: "19",
|
174
|
-
scheduledMeetings: "35",
|
175
|
-
attendanceRate: "69%",
|
176
|
-
completedClasses: "8",
|
177
|
-
classCompletionRate: "75%",
|
178
|
-
graduatedStudents: "23",
|
179
|
-
},
|
180
|
-
],
|
181
|
-
},
|
182
|
-
],
|
183
|
-
},
|
184
|
-
],
|
185
|
-
},
|
186
|
-
{
|
187
|
-
year: "2023",
|
188
|
-
quarter: null,
|
189
|
-
month: null,
|
190
|
-
day: null,
|
191
|
-
newEnrollments: "10",
|
192
|
-
scheduledMeetings: "15",
|
193
|
-
attendanceRate: "65%",
|
194
|
-
completedClasses: "4",
|
195
|
-
classCompletionRate: "49%",
|
196
|
-
graduatedStudents: "29",
|
197
|
-
children: [
|
198
|
-
{
|
199
|
-
year: "2023",
|
200
|
-
quarter: "Q1",
|
201
|
-
month: null,
|
202
|
-
day: null,
|
203
|
-
newEnrollments: "2",
|
204
|
-
scheduledMeetings: "35",
|
205
|
-
attendanceRate: "32%",
|
206
|
-
completedClasses: "15",
|
207
|
-
classCompletionRate: "52%",
|
208
|
-
graduatedStudents: "36",
|
209
|
-
children: [
|
210
|
-
{
|
211
|
-
year: "2023",
|
212
|
-
quarter: "Q1",
|
213
|
-
month: "March",
|
214
|
-
day: null,
|
215
|
-
newEnrollments: "16",
|
216
|
-
scheduledMeetings: "20",
|
217
|
-
attendanceRate: "11%",
|
218
|
-
completedClasses: "13",
|
219
|
-
classCompletionRate: "47%",
|
220
|
-
graduatedStudents: "28",
|
221
|
-
children: [
|
222
|
-
{
|
223
|
-
year: "2023",
|
224
|
-
quarter: "Q1",
|
225
|
-
month: "March",
|
226
|
-
day: "10",
|
227
|
-
newEnrollments: "34",
|
228
|
-
scheduledMeetings: "28",
|
229
|
-
attendanceRate: "97%",
|
230
|
-
completedClasses: "20",
|
231
|
-
classCompletionRate: "15%",
|
232
|
-
graduatedStudents: "17",
|
233
|
-
},
|
234
|
-
{
|
235
|
-
year: "2023",
|
236
|
-
quarter: "Q1",
|
237
|
-
month: "March",
|
238
|
-
day: "11",
|
239
|
-
newEnrollments: "43",
|
240
|
-
scheduledMeetings: "23",
|
241
|
-
attendanceRate: "66%",
|
242
|
-
completedClasses: "26",
|
243
|
-
classCompletionRate: "47%",
|
244
|
-
graduatedStudents: "9",
|
245
|
-
},
|
246
|
-
],
|
247
|
-
},
|
248
|
-
{
|
249
|
-
year: "2023",
|
250
|
-
quarter: "Q1",
|
251
|
-
month: "April",
|
252
|
-
day: null,
|
253
|
-
newEnrollments: "20",
|
254
|
-
scheduledMeetings: "41",
|
255
|
-
attendanceRate: "95%",
|
256
|
-
completedClasses: "26",
|
257
|
-
classCompletionRate: "83%",
|
258
|
-
graduatedStudents: "43",
|
259
|
-
children: [
|
260
|
-
{
|
261
|
-
year: "2023",
|
262
|
-
quarter: "Q1",
|
263
|
-
month: "April",
|
264
|
-
day: "15",
|
265
|
-
newEnrollments: "19",
|
266
|
-
scheduledMeetings: "35",
|
267
|
-
attendanceRate: "69%",
|
268
|
-
completedClasses: "8",
|
269
|
-
classCompletionRate: "75%",
|
270
|
-
graduatedStudents: "23",
|
271
|
-
},
|
272
|
-
],
|
273
|
-
},
|
274
|
-
],
|
275
|
-
},
|
276
|
-
],
|
277
|
-
},
|
278
|
-
];
|
@@ -1,71 +0,0 @@
|
|
1
|
-
|
2
|
-
//animation scss
|
3
|
-
@keyframes wave {
|
4
|
-
0% {
|
5
|
-
background-position: -468px 0;
|
6
|
-
}
|
7
|
-
100% {
|
8
|
-
background-position: 468px 0;
|
9
|
-
}
|
10
|
-
}
|
11
|
-
|
12
|
-
.content-loading {
|
13
|
-
pointer-events: none;
|
14
|
-
p,
|
15
|
-
.pb_body_kit_light,
|
16
|
-
.loading-toggle-icon,
|
17
|
-
.pb_caption_kit_md,
|
18
|
-
h4,
|
19
|
-
.loading-cell {
|
20
|
-
position: relative;
|
21
|
-
color: rgba($white, 0) !important;
|
22
|
-
background: rgba($white, 0) !important;
|
23
|
-
border: 0 !important;
|
24
|
-
&::after {
|
25
|
-
content: "";
|
26
|
-
position: absolute;
|
27
|
-
top: $space-xxs;
|
28
|
-
left: 0;
|
29
|
-
width: 100%;
|
30
|
-
height: calc(100% - #{$space-xxs * 2});
|
31
|
-
display: block;
|
32
|
-
border-radius: $border-rad-light;
|
33
|
-
animation-duration: 1.5s;
|
34
|
-
animation-fill-mode: forwards;
|
35
|
-
animation-iteration-count: infinite;
|
36
|
-
animation-name: wave;
|
37
|
-
animation-timing-function: linear;
|
38
|
-
background: $silver;
|
39
|
-
background-color: $silver;
|
40
|
-
background-image: linear-gradient(
|
41
|
-
to left,
|
42
|
-
$silver 0%,
|
43
|
-
lighten($silver, 1%) 50%,
|
44
|
-
lighten($silver, 1%) 60%,
|
45
|
-
$silver 80%,
|
46
|
-
$silver 100%
|
47
|
-
);
|
48
|
-
background-repeat: no-repeat;
|
49
|
-
background-size: 800px 104px;
|
50
|
-
}
|
51
|
-
}
|
52
|
-
|
53
|
-
.loading-cell {
|
54
|
-
height: $space_sm + 4;
|
55
|
-
}
|
56
|
-
|
57
|
-
.loading-toggle-icon {
|
58
|
-
width: $space_sm - 1;
|
59
|
-
height: $space_sm - 1;
|
60
|
-
margin-bottom: $space_xxs + 2;
|
61
|
-
&::after {
|
62
|
-
height: $space_sm - 1;
|
63
|
-
border-radius: $border_radius_rounded;
|
64
|
-
}
|
65
|
-
}
|
66
|
-
|
67
|
-
svg,
|
68
|
-
img {
|
69
|
-
visibility: hidden;
|
70
|
-
}
|
71
|
-
}
|