playbook_ui_docs 14.10.0.pre.alpha.play16825206 → 14.10.0.pre.alpha.play16825244
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 +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: 830455e82c3662bae7ca5f358d1730dadb2b9fb1229b22b9dfc83aa553f7fa54
|
|
4
|
+
data.tar.gz: 4a33a987865fa035086d0e55cfb53a1d36c536c24886c00539d532a09ddc7280
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5abb3e713d1e184401fe90168cb079f15b085e5978f7854a7e634c1082201c59d2b6ef2206f3361b803550ca571cb976d551600a78d756e1f16d82e97f15ab3e
|
|
7
|
+
data.tar.gz: 1f530d9dd1d0fc91a142e48abdf427d1887ae5b26bd98adbd6659dc0fdfa1efcf63c5afb101a90dd2762225840295b00fb74652dd122333242c5b02d63b730d1
|
|
@@ -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
|
}
|