playbook_ui 15.2.0.pre.alpha.PLAY2428advancedtablerailscellpadding11387 → 15.2.0.pre.alpha.PLAY236711413
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/_playbook.scss +4 -6
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_react.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +1 -2
- data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +0 -44
- data/app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.tsx +8 -6
- data/app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.rb +7 -10
- data/app/pb_kits/playbook/pb_pb_bar_graph/pbbargraph.test.jsx +73 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx +1 -1
- data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb +7 -10
- data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx +47 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/_pb_line_graph.scss +3 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/_pb_line_graph.tsx +61 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_description.md +3 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.html.erb +34 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx +52 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md +5 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb +34 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx +45 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb +47 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx +64 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md +3 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend.html.erb +24 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend.jsx +37 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_nonclickable.html.erb +39 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_nonclickable.jsx +45 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.html.erb +86 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.jsx +116 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.md +11 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/example.yml +20 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/docs/index.js +6 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/pbLineGraphTheme.ts +125 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.html.erb +1 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.rb +25 -0
- data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.test.jsx +110 -0
- data/dist/chunks/{_line_graph-DY4PK6AH.js → _line_graph-AKTV-rqw.js} +1 -1
- data/dist/chunks/{_typeahead-fQDb_yVO.js → _typeahead-DCInCM2E.js} +1 -1
- data/dist/chunks/{_weekday_stacked-D_bGbWtk.js → _weekday_stacked-ByJl1kOQ.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +6 -0
- data/dist/playbook-doc.js +2 -2
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +29 -11
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.html.erb +0 -113
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row_rails.html.erb +0 -51
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row_rails.md +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_rails.html.erb +0 -40
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_rails.md +0 -1
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 15.2.0.pre.alpha.
|
4
|
+
version: 15.2.0.pre.alpha.PLAY236711413
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2025-10-
|
12
|
+
date: 2025-10-15 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -273,8 +273,6 @@ files:
|
|
273
273
|
- app/pb_kits/playbook/pb_advanced_table/advanced_table.rb
|
274
274
|
- app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
|
275
275
|
- app/pb_kits/playbook/pb_advanced_table/advanced_table_action_bar.js
|
276
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.html.erb
|
277
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.md
|
278
276
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.html.erb
|
279
277
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md
|
280
278
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb
|
@@ -344,10 +342,6 @@ files:
|
|
344
342
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control.md
|
345
343
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.jsx
|
346
344
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row.md
|
347
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row_rails.html.erb
|
348
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row_rails.md
|
349
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_rails.html.erb
|
350
|
-
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_rails.md
|
351
345
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
|
352
346
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
|
353
347
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
|
@@ -2481,6 +2475,30 @@ files:
|
|
2481
2475
|
- app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.html.erb
|
2482
2476
|
- app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb
|
2483
2477
|
- app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx
|
2478
|
+
- app/pb_kits/playbook/pb_pb_line_graph/_pb_line_graph.scss
|
2479
|
+
- app/pb_kits/playbook/pb_pb_line_graph/_pb_line_graph.tsx
|
2480
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_description.md
|
2481
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.html.erb
|
2482
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx
|
2483
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md
|
2484
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb
|
2485
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx
|
2486
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb
|
2487
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx
|
2488
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md
|
2489
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend.html.erb
|
2490
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend.jsx
|
2491
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_nonclickable.html.erb
|
2492
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_nonclickable.jsx
|
2493
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.html.erb
|
2494
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.jsx
|
2495
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.md
|
2496
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/example.yml
|
2497
|
+
- app/pb_kits/playbook/pb_pb_line_graph/docs/index.js
|
2498
|
+
- app/pb_kits/playbook/pb_pb_line_graph/pbLineGraphTheme.ts
|
2499
|
+
- app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.html.erb
|
2500
|
+
- app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.rb
|
2501
|
+
- app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.test.jsx
|
2484
2502
|
- app/pb_kits/playbook/pb_person/_person.scss
|
2485
2503
|
- app/pb_kits/playbook/pb_person/_person.tsx
|
2486
2504
|
- app/pb_kits/playbook/pb_person/docs/_description.md
|
@@ -3714,9 +3732,9 @@ files:
|
|
3714
3732
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3715
3733
|
- app/pb_kits/playbook/utilities/text.ts
|
3716
3734
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3717
|
-
- dist/chunks/_line_graph-
|
3718
|
-
- dist/chunks/_typeahead-
|
3719
|
-
- dist/chunks/_weekday_stacked-
|
3735
|
+
- dist/chunks/_line_graph-AKTV-rqw.js
|
3736
|
+
- dist/chunks/_typeahead-DCInCM2E.js
|
3737
|
+
- dist/chunks/_weekday_stacked-ByJl1kOQ.js
|
3720
3738
|
- dist/chunks/componentRegistry-DzmmLR2x.js
|
3721
3739
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3722
3740
|
- dist/chunks/lib-QZuu1ltS.js
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.html.erb
DELETED
@@ -1,113 +0,0 @@
|
|
1
|
-
<% column_definitions = [
|
2
|
-
{
|
3
|
-
accessor: "year",
|
4
|
-
label: "Year",
|
5
|
-
cellAccessors: ["quarter", "month", "day"],
|
6
|
-
},
|
7
|
-
{
|
8
|
-
accessor: "newEnrollments",
|
9
|
-
label: "New Enrollments",
|
10
|
-
column_styling: {
|
11
|
-
cell_background_color: ->(row) { row[:newEnrollments].to_i > 20 ? "success_secondary" : "warning_secondary" }
|
12
|
-
}
|
13
|
-
},
|
14
|
-
{
|
15
|
-
accessor: "scheduledMeetings",
|
16
|
-
label: "Scheduled Meetings",
|
17
|
-
},
|
18
|
-
{
|
19
|
-
accessor: "attendanceRate",
|
20
|
-
label: "Attendance Rate",
|
21
|
-
},
|
22
|
-
{
|
23
|
-
accessor: "completedClasses",
|
24
|
-
label: "Completed Classes",
|
25
|
-
},
|
26
|
-
{
|
27
|
-
accessor: "classCompletionRate",
|
28
|
-
label: "Class Completion Rate",
|
29
|
-
},
|
30
|
-
{
|
31
|
-
accessor: "graduatedStudents",
|
32
|
-
label: "Graduated Students",
|
33
|
-
}
|
34
|
-
] %>
|
35
|
-
|
36
|
-
<%= pb_rails("advanced_table", props: { id: "padding-control", table_data: @table_data, column_definitions: column_definitions }) do %>
|
37
|
-
<%= pb_rails("advanced_table/table_header", props: { column_definitions: column_definitions }) %>
|
38
|
-
<%= pb_rails("advanced_table/table_body", props: { table_data: @table_data, column_definitions: column_definitions }) %>
|
39
|
-
<% end %>
|
40
|
-
|
41
|
-
<% multi_header_column_definitions = [
|
42
|
-
{
|
43
|
-
accessor: "year",
|
44
|
-
label: "Year",
|
45
|
-
cellAccessors: ["quarter", "month", "day"],
|
46
|
-
},
|
47
|
-
{
|
48
|
-
label: "Enrollment Data",
|
49
|
-
columns: [
|
50
|
-
{
|
51
|
-
label: "Enrollment Stats",
|
52
|
-
columns: [
|
53
|
-
{
|
54
|
-
accessor: "newEnrollments",
|
55
|
-
label: "New Enrollments",
|
56
|
-
column_styling: {
|
57
|
-
cell_background_color: ->(row) { row[:newEnrollments].to_i > 20 ? "success_secondary" : "warning_secondary" }
|
58
|
-
}
|
59
|
-
},
|
60
|
-
{
|
61
|
-
accessor: "scheduledMeetings",
|
62
|
-
label: "Scheduled Meetings",
|
63
|
-
},
|
64
|
-
],
|
65
|
-
},
|
66
|
-
],
|
67
|
-
},
|
68
|
-
{
|
69
|
-
label: "Performance Data",
|
70
|
-
columns: [
|
71
|
-
{
|
72
|
-
label: "Completion Metrics",
|
73
|
-
columns: [
|
74
|
-
{
|
75
|
-
accessor: "completedClasses",
|
76
|
-
label: "Completed Classes",
|
77
|
-
column_styling: {
|
78
|
-
cell_background_color: ->(row) { row[:completedClasses].to_i > 15 ? "info_secondary" : "neutral_secondary" }
|
79
|
-
}
|
80
|
-
},
|
81
|
-
{
|
82
|
-
accessor: "classCompletionRate",
|
83
|
-
label: "Class Completion Rate",
|
84
|
-
column_styling: {
|
85
|
-
cell_background_color: ->(row) { row[:completedClasses].to_i > 15 ? "neutral_secondary" : "info_secondary" }
|
86
|
-
}
|
87
|
-
},
|
88
|
-
],
|
89
|
-
},
|
90
|
-
{
|
91
|
-
label: "Attendance",
|
92
|
-
columns: [
|
93
|
-
{
|
94
|
-
accessor: "attendanceRate",
|
95
|
-
label: "Attendance Rate",
|
96
|
-
},
|
97
|
-
{
|
98
|
-
accessor: "graduatedStudents",
|
99
|
-
label: "Graduated Students",
|
100
|
-
column_styling: {
|
101
|
-
cell_background_color: ->(row) { row[:graduatedStudents].to_i > 10 ? "primary_secondary" : "error_secondary" }
|
102
|
-
}
|
103
|
-
},
|
104
|
-
],
|
105
|
-
},
|
106
|
-
],
|
107
|
-
},
|
108
|
-
] %>
|
109
|
-
|
110
|
-
<%= pb_rails("advanced_table", props: { id: "padding-control-multi-header", table_data: @table_data, column_definitions: multi_header_column_definitions, padding_top: "lg" }) do %>
|
111
|
-
<%= pb_rails("advanced_table/table_header", props: { column_definitions: multi_header_column_definitions }) %>
|
112
|
-
<%= pb_rails("advanced_table/table_body", props: { table_data: @table_data, column_definitions: multi_header_column_definitions }) %>
|
113
|
-
<% end %>
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.md
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
`column_styling` can also be used to control the background color on all cells in a given column via the use of the `cell_background_color` key/value pair. Use `cell_background_color` to achieve custom background colors for individual cells as seen here.
|
@@ -1,51 +0,0 @@
|
|
1
|
-
<% column_definitions = [
|
2
|
-
{
|
3
|
-
accessor: "year",
|
4
|
-
label: "Year",
|
5
|
-
cellAccessors: ["quarter", "month", "day"],
|
6
|
-
},
|
7
|
-
{
|
8
|
-
accessor: "newEnrollments",
|
9
|
-
label: "New Enrollments",
|
10
|
-
},
|
11
|
-
{
|
12
|
-
accessor: "scheduledMeetings",
|
13
|
-
label: "Scheduled Meetings",
|
14
|
-
},
|
15
|
-
{
|
16
|
-
accessor: "attendanceRate",
|
17
|
-
label: "Attendance Rate",
|
18
|
-
},
|
19
|
-
{
|
20
|
-
accessor: "completedClasses",
|
21
|
-
label: "Completed Classes",
|
22
|
-
},
|
23
|
-
{
|
24
|
-
accessor: "classCompletionRate",
|
25
|
-
label: "Class Completion Rate",
|
26
|
-
},
|
27
|
-
{
|
28
|
-
accessor: "graduatedStudents",
|
29
|
-
label: "Graduated Students",
|
30
|
-
}
|
31
|
-
] %>
|
32
|
-
|
33
|
-
<% row_styling = [
|
34
|
-
{
|
35
|
-
row_id: "1",
|
36
|
-
cell_padding: "md"
|
37
|
-
},
|
38
|
-
{
|
39
|
-
row_id: "3",
|
40
|
-
cell_padding: "lg"
|
41
|
-
},
|
42
|
-
{
|
43
|
-
row_id: "5",
|
44
|
-
cell_padding: "none"
|
45
|
-
},
|
46
|
-
] %>
|
47
|
-
|
48
|
-
<%= pb_rails("advanced_table", props: { id: "padding-control-per-row", table_data: @table_data_with_id, column_definitions: column_definitions, row_styling: row_styling }) do %>
|
49
|
-
<%= pb_rails("advanced_table/table_header", props: { column_definitions: column_definitions }) %>
|
50
|
-
<%= pb_rails("advanced_table/table_body", props: { table_data: @table_data_with_id, column_definitions: column_definitions, row_styling: row_styling }) %>
|
51
|
-
<% end %>
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row_rails.md
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
`row_styling` can also be used to control padding on all cells in a given row via the use of the `cell_padding` key/value pair as shown here. `cell_padding` lets you use 'xxs', 'xs', 'sm', 'md', 'lg', 'xl' and 'none'.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_rails.html.erb
DELETED
@@ -1,40 +0,0 @@
|
|
1
|
-
<% column_definitions = [
|
2
|
-
{
|
3
|
-
accessor: "year",
|
4
|
-
label: "Year",
|
5
|
-
cellAccessors: ["quarter", "month", "day"],
|
6
|
-
},
|
7
|
-
{
|
8
|
-
accessor: "newEnrollments",
|
9
|
-
label: "New Enrollments",
|
10
|
-
column_styling: {
|
11
|
-
cell_padding: "none",
|
12
|
-
}
|
13
|
-
},
|
14
|
-
{
|
15
|
-
accessor: "scheduledMeetings",
|
16
|
-
label: "Scheduled Meetings",
|
17
|
-
},
|
18
|
-
{
|
19
|
-
accessor: "attendanceRate",
|
20
|
-
label: "Attendance Rate",
|
21
|
-
column_styling: { cell_padding: "md" },
|
22
|
-
},
|
23
|
-
{
|
24
|
-
accessor: "completedClasses",
|
25
|
-
label: "Completed Classes",
|
26
|
-
},
|
27
|
-
{
|
28
|
-
accessor: "classCompletionRate",
|
29
|
-
label: "Class Completion Rate",
|
30
|
-
},
|
31
|
-
{
|
32
|
-
accessor: "graduatedStudents",
|
33
|
-
label: "Graduated Students",
|
34
|
-
}
|
35
|
-
] %>
|
36
|
-
|
37
|
-
<%= pb_rails("advanced_table", props: { id: "padding-control", table_data: @table_data, column_definitions: column_definitions }) do %>
|
38
|
-
<%= pb_rails("advanced_table/table_header", props: { column_definitions: column_definitions }) %>
|
39
|
-
<%= pb_rails("advanced_table/table_body", props: { table_data: @table_data, column_definitions: column_definitions }) %>
|
40
|
-
<% end %>
|
@@ -1 +0,0 @@
|
|
1
|
-
`column_styling` can also be used to control padding on all cells in a given column via the use of the `cell_padding` key/value pair. `cell_padding` lets you use 'xxs', 'xs', 'sm', 'md', 'lg', 'xl' and 'none'.
|