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.
Files changed (33) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb +7 -5
  3. data/app/pb_kits/playbook/pb_popover/docs/example.yml +1 -2
  4. data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -1
  5. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +2 -4
  6. data/dist/menu.yml +1 -4
  7. data/dist/pb_doc_helper.rb +4 -6
  8. data/dist/playbook-doc.js +8 -30
  9. metadata +2 -26
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +0 -52
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md +0 -1
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +0 -49
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md +0 -18
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +0 -59
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md +0 -18
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +0 -60
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md +0 -3
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +0 -52
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md +0 -5
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +0 -63
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md +0 -3
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +0 -57
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.md +0 -3
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +0 -61
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.md +0 -3
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +0 -55
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md +0 -1
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/_description.md +0 -1
  29. data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js +0 -278
  30. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -12
  31. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -9
  32. data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.html.erb +0 -30
  33. 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
- &nbsp;
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
- &nbsp;
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