playbook_ui_docs 13.16.0.pre.alpha.PLAY12002127 → 13.16.0.pre.alpha.fonttest1972
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/pb_phone_number_input/docs/_phone_number_input_validation.html.erb +7 -5
- data/app/pb_kits/playbook/pb_popover/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +2 -4
- data/dist/menu.yml +1 -4
- data/dist/pb_doc_helper.rb +4 -6
- data/dist/playbook-doc.js +8 -30
- metadata +2 -26
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +0 -52
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md +0 -1
- 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 -18
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +0 -59
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md +0 -18
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +0 -60
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +0 -52
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md +0 -5
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +0 -63
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +0 -57
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +0 -61
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +0 -55
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md +0 -1
- 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 -12
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -9
- data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb +0 -30
- data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx +0 -57
@@ -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,12 +0,0 @@
|
|
1
|
-
examples:
|
2
|
-
react:
|
3
|
-
- advanced_table_default: Default (Required Props)
|
4
|
-
- advanced_table_loading: Loading State
|
5
|
-
- advanced_table_sort: enable Sorting
|
6
|
-
- advanced_table_sort_control: Sort Control
|
7
|
-
- advanced_table_expanded_control: Expanded Control
|
8
|
-
- advanced_table_subrow_headers: SubRow Headers
|
9
|
-
- advanced_table_collapsible_trail: Collapsible Trail
|
10
|
-
- advanced_table_table_options: Table Options
|
11
|
-
- advanced_table_table_props: Table Props
|
12
|
-
|
@@ -1,9 +0,0 @@
|
|
1
|
-
export { default as AdvancedTableDefault } from './_advanced_table_default.jsx'
|
2
|
-
export { default as AdvancedTableSort } from './_advanced_table_sort.jsx'
|
3
|
-
export { default as AdvancedTableSortControl } from './_advanced_table_sort_control.jsx'
|
4
|
-
export { default as AdvancedTableLoading } from './_advanced_table_loading.jsx'
|
5
|
-
export { default as AdvancedTableExpandedControl } from './_advanced_table_expanded_control.jsx'
|
6
|
-
export { default as AdvancedTableSubrowHeaders } from './_advanced_table_subrow_headers.jsx'
|
7
|
-
export { default as AdvancedTableCollapsibleTrail } from './_advanced_table_collapsible_trail.jsx'
|
8
|
-
export { default as AdvancedTableTableOptions } from './_advanced_table_table_options.jsx'
|
9
|
-
export { default as AdvancedTableTableProps } from './_advanced_table_table_props.jsx'
|
@@ -1,30 +0,0 @@
|
|
1
|
-
<%= pb_rails("flex", props: {
|
2
|
-
dark: true,
|
3
|
-
orientation: "row",
|
4
|
-
vertical: "center"
|
5
|
-
}) do %>
|
6
|
-
<%= pb_rails("body", props: { text: "Click info for more details" }) %>
|
7
|
-
|
8
|
-
<%= pb_rails("circle_icon_button", props: {
|
9
|
-
variant: "secondary",
|
10
|
-
icon: "info",
|
11
|
-
id: "actionable-popover-1"
|
12
|
-
}) %>
|
13
|
-
<%= pb_rails("popover", props: {
|
14
|
-
close_on_click: "any",
|
15
|
-
trigger_element_id: "actionable-popover-1",
|
16
|
-
tooltip_id: "actionable-tooltip-1",
|
17
|
-
offset: true,
|
18
|
-
position: "top"
|
19
|
-
}) do %>
|
20
|
-
<%= pb_rails("button", props: { id: "actionable-tooltip-button", text: "Learn more" }) %>
|
21
|
-
<% end %>
|
22
|
-
<% end %>
|
23
|
-
|
24
|
-
<%= javascript_tag do %>
|
25
|
-
document.addEventListener('DOMContentLoaded', function () {
|
26
|
-
document.querySelector('#actionable-tooltip-button').addEventListener('click', function (e) {
|
27
|
-
alert("Let's do this")
|
28
|
-
}, { once: true })
|
29
|
-
})
|
30
|
-
<% end %>
|
@@ -1,57 +0,0 @@
|
|
1
|
-
import React, { useState } from 'react'
|
2
|
-
import {
|
3
|
-
Body,
|
4
|
-
Button,
|
5
|
-
CircleIconButton,
|
6
|
-
Flex,
|
7
|
-
PbReactPopover,
|
8
|
-
} from '../..'
|
9
|
-
|
10
|
-
const PopoverActionableContent = (props) => {
|
11
|
-
const [showPopover, setShowPopover] = useState(false)
|
12
|
-
|
13
|
-
const handleTogglePopover = () => {
|
14
|
-
setShowPopover(!showPopover)
|
15
|
-
}
|
16
|
-
|
17
|
-
const handleShouldClosePopover = (shouldClose) => {
|
18
|
-
setShowPopover(!shouldClose)
|
19
|
-
}
|
20
|
-
|
21
|
-
const popoverReference = (
|
22
|
-
<CircleIconButton
|
23
|
-
icon="info"
|
24
|
-
onClick={handleTogglePopover}
|
25
|
-
variant="secondary"
|
26
|
-
/>
|
27
|
-
)
|
28
|
-
|
29
|
-
return (
|
30
|
-
<Flex
|
31
|
-
orientation="row"
|
32
|
-
vertical="center"
|
33
|
-
{...props}
|
34
|
-
>
|
35
|
-
<Body text="Click info for more details" />
|
36
|
-
|
37
|
-
<PbReactPopover
|
38
|
-
closeOnClick="inside"
|
39
|
-
offset
|
40
|
-
placement="top"
|
41
|
-
reference={popoverReference}
|
42
|
-
shouldClosePopover={handleShouldClosePopover}
|
43
|
-
show={showPopover}
|
44
|
-
{...props}
|
45
|
-
>
|
46
|
-
<Body textAlign="center">
|
47
|
-
<Button
|
48
|
-
onClick={() => {alert("Let's do this!")}}
|
49
|
-
text="Learn More"
|
50
|
-
/>
|
51
|
-
</Body>
|
52
|
-
</PbReactPopover>
|
53
|
-
</Flex>
|
54
|
-
)
|
55
|
-
}
|
56
|
-
|
57
|
-
export default PopoverActionableContent
|