playbook_ui_docs 14.11.0.pre.rc.9 → 14.11.0.pre.rc.11
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_advanced_table/docs/_advanced_table_beta_sort.html.erb +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb +43 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb +58 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +4 -1
- data/app/pb_kits/playbook/pb_card/docs/_card_header.html.erb +18 -0
- data/app/pb_kits/playbook/pb_card/docs/_card_header.jsx +40 -0
- data/dist/playbook-doc.js +1 -1
- metadata +4 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 858c5a7899d38093150608868c9638198d8ea98201aff24b3d71eedcf5df85a4
|
|
4
|
+
data.tar.gz: 7a73e2e5333dff9caebab854c1ef4e04b2b4e1245b223810e5a288365de7b077
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 67d0f2cdd7c774c81e87411a646bd0db30e4b351925809e7565dca6b0f180b63f5490f6479c719eb125722d6b5670a95615f30371685a88eb430b8a1bb403be5
|
|
7
|
+
data.tar.gz: 9ebf7fec63b12bb28d44c2f1b83a6c56ae5b624fefc8f952d097710bf8a89b13bc16eff56cc6f09ddb17a33dddbad3fc11f62a9c0f553ab75a544e1637df52cf
|
|
@@ -49,11 +49,9 @@
|
|
|
49
49
|
label: "Graduated Students",
|
|
50
50
|
}
|
|
51
51
|
]
|
|
52
|
-
|
|
53
|
-
subrow_headers = ["Quarter", "Month", "Day"]
|
|
54
52
|
%>
|
|
55
53
|
|
|
56
54
|
<%= pb_rails("advanced_table", props: { table_data: @table_data, column_definitions: column_definitions }) do %>
|
|
57
55
|
<%= pb_rails("advanced_table/table_header", props: { column_definitions: column_definitions }) %>
|
|
58
|
-
<%= pb_rails("advanced_table/table_body", props: { id: "beta_sort", table_data: @table_data, column_definitions: column_definitions,
|
|
56
|
+
<%= pb_rails("advanced_table/table_body", props: { id: "beta_sort", table_data: @table_data, column_definitions: column_definitions, enable_toggle_expansion: "all" }) %>
|
|
59
57
|
<% end %>
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<% column_definitions = [
|
|
2
|
+
{
|
|
3
|
+
accessor: "year",
|
|
4
|
+
label: "Year",
|
|
5
|
+
cellAccessors: ["quarter", "month", "day"],
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
label: "Enrollment Data",
|
|
9
|
+
columns: [
|
|
10
|
+
{
|
|
11
|
+
accessor: "newEnrollments",
|
|
12
|
+
label: "New Enrollments",
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
accessor: "scheduledMeetings",
|
|
16
|
+
label: "Scheduled Meetings",
|
|
17
|
+
},
|
|
18
|
+
],
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
label: "Performance Data",
|
|
22
|
+
columns: [
|
|
23
|
+
{
|
|
24
|
+
accessor: "attendanceRate",
|
|
25
|
+
label: "Attendance Rate",
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
accessor: "completedClasses",
|
|
29
|
+
label: "Completed Classes",
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
accessor: "classCompletionRate",
|
|
33
|
+
label: "Class Completion Rate",
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
accessor: "graduatedStudents",
|
|
37
|
+
label: "Graduated Students",
|
|
38
|
+
},
|
|
39
|
+
],
|
|
40
|
+
},
|
|
41
|
+
] %>
|
|
42
|
+
|
|
43
|
+
<%= pb_rails("advanced_table", props: { id: "beta_table_with_headers", table_data: @table_data, column_definitions: column_definitions }) %>
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
<% column_definitions = [
|
|
2
|
+
{
|
|
3
|
+
accessor: "year",
|
|
4
|
+
label: "Year",
|
|
5
|
+
cellAccessors: ["quarter", "month", "day"],
|
|
6
|
+
},
|
|
7
|
+
{
|
|
8
|
+
label: "Enrollment Data",
|
|
9
|
+
columns: [
|
|
10
|
+
{
|
|
11
|
+
label: "Enrollment Stats",
|
|
12
|
+
columns: [
|
|
13
|
+
{
|
|
14
|
+
accessor: "newEnrollments",
|
|
15
|
+
label: "New Enrollments",
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
accessor: "scheduledMeetings",
|
|
19
|
+
label: "Scheduled Meetings",
|
|
20
|
+
},
|
|
21
|
+
],
|
|
22
|
+
},
|
|
23
|
+
],
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
label: "Performance Data",
|
|
27
|
+
columns: [
|
|
28
|
+
{
|
|
29
|
+
label: "Completion Metrics",
|
|
30
|
+
columns: [
|
|
31
|
+
{
|
|
32
|
+
accessor: "completedClasses",
|
|
33
|
+
label: "Completed Classes",
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
accessor: "classCompletionRate",
|
|
37
|
+
label: "Class Completion Rate",
|
|
38
|
+
},
|
|
39
|
+
],
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
label: "Attendance",
|
|
43
|
+
columns: [
|
|
44
|
+
{
|
|
45
|
+
accessor: "attendanceRate",
|
|
46
|
+
label: "Attendance Rate",
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
accessor: "scheduledMeetings",
|
|
50
|
+
label: "Scheduled Meetings",
|
|
51
|
+
},
|
|
52
|
+
],
|
|
53
|
+
},
|
|
54
|
+
],
|
|
55
|
+
},
|
|
56
|
+
] %>
|
|
57
|
+
|
|
58
|
+
<%= pb_rails("advanced_table", props: { id: "beta_table_with_muilti_headers", table_data: @table_data, column_definitions: column_definitions }) %>
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
examples:
|
|
2
2
|
rails:
|
|
3
3
|
- advanced_table_beta: Default (Required Props)
|
|
4
|
-
- advanced_table_beta_subrow_headers: SubRow Headers
|
|
4
|
+
# - advanced_table_beta_subrow_headers: SubRow Headers
|
|
5
5
|
- advanced_table_collapsible_trail_rails: Collapsible Trail
|
|
6
6
|
- advanced_table_beta_sort: Enable Sorting
|
|
7
7
|
- advanced_table_custom_cell_rails: Custom Components for Cells
|
|
8
|
+
- advanced_table_column_headers: Multi-Header Columns
|
|
9
|
+
- advanced_table_column_headers_multiple: Multi-Header Columns (Multiple Levels)
|
|
10
|
+
|
|
8
11
|
|
|
9
12
|
react:
|
|
10
13
|
- advanced_table_default: Default (Required Props)
|
|
@@ -88,3 +88,21 @@
|
|
|
88
88
|
Body
|
|
89
89
|
<% end %>
|
|
90
90
|
<% end %>
|
|
91
|
+
|
|
92
|
+
<%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
|
|
93
|
+
<%= pb_rails("card/card_header", props: { padding: "sm", header_color: "success_subtle" }) do %>
|
|
94
|
+
<%= pb_rails("body", props: { text: "Success Subtle" }) %>
|
|
95
|
+
<% end %>
|
|
96
|
+
<%= pb_rails("card/card_body", props: { padding: "md" }) do %>
|
|
97
|
+
Body
|
|
98
|
+
<% end %>
|
|
99
|
+
<% end %>
|
|
100
|
+
|
|
101
|
+
<%= pb_rails("card", props: { padding: "none", header: true, margin_bottom: "sm"}) do %>
|
|
102
|
+
<%= pb_rails("card/card_header", props: { padding: "sm", header_color: "error_subtle" }) do %>
|
|
103
|
+
<%= pb_rails("body", props: { text: "Error Subtle"}) %>
|
|
104
|
+
<% end %>
|
|
105
|
+
<%= pb_rails("card/card_body", props: { padding: "md" }) do %>
|
|
106
|
+
Body
|
|
107
|
+
<% end %>
|
|
108
|
+
<% end %>
|
|
@@ -231,6 +231,46 @@ const CardHeader = (props) => {
|
|
|
231
231
|
/>
|
|
232
232
|
</Card.Body>
|
|
233
233
|
</Card>
|
|
234
|
+
|
|
235
|
+
<Card
|
|
236
|
+
{...props}
|
|
237
|
+
marginBottom='sm'
|
|
238
|
+
padding="none"
|
|
239
|
+
>
|
|
240
|
+
<Card.Header
|
|
241
|
+
headerColor="success_subtle"
|
|
242
|
+
>
|
|
243
|
+
<Body
|
|
244
|
+
text="Success Subtle"
|
|
245
|
+
/>
|
|
246
|
+
</Card.Header>
|
|
247
|
+
<Card.Body>
|
|
248
|
+
<Body
|
|
249
|
+
{...props}
|
|
250
|
+
text="Body"
|
|
251
|
+
/>
|
|
252
|
+
</Card.Body>
|
|
253
|
+
</Card>
|
|
254
|
+
|
|
255
|
+
<Card
|
|
256
|
+
{...props}
|
|
257
|
+
marginBottom='sm'
|
|
258
|
+
padding="none"
|
|
259
|
+
>
|
|
260
|
+
<Card.Header
|
|
261
|
+
headerColor="error_subtle"
|
|
262
|
+
>
|
|
263
|
+
<Body
|
|
264
|
+
text="Error Subtle"
|
|
265
|
+
/>
|
|
266
|
+
</Card.Header>
|
|
267
|
+
<Card.Body>
|
|
268
|
+
<Body
|
|
269
|
+
{...props}
|
|
270
|
+
text="Body"
|
|
271
|
+
/>
|
|
272
|
+
</Card.Body>
|
|
273
|
+
</Card>
|
|
234
274
|
</>
|
|
235
275
|
)
|
|
236
276
|
}
|