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.
Files changed (56) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +4 -6
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.md +1 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_rails.md +1 -1
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling_react.md +1 -1
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -3
  8. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +1 -2
  9. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +0 -44
  10. data/app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.tsx +8 -6
  11. data/app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.rb +7 -10
  12. data/app/pb_kits/playbook/pb_pb_bar_graph/pbbargraph.test.jsx +73 -1
  13. data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx +1 -1
  14. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb +7 -10
  15. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx +47 -0
  16. data/app/pb_kits/playbook/pb_pb_line_graph/_pb_line_graph.scss +3 -0
  17. data/app/pb_kits/playbook/pb_pb_line_graph/_pb_line_graph.tsx +61 -0
  18. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_description.md +3 -0
  19. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.html.erb +34 -0
  20. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx +52 -0
  21. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md +5 -0
  22. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb +34 -0
  23. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx +45 -0
  24. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb +47 -0
  25. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx +64 -0
  26. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md +3 -0
  27. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend.html.erb +24 -0
  28. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend.jsx +37 -0
  29. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_nonclickable.html.erb +39 -0
  30. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_nonclickable.jsx +45 -0
  31. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.html.erb +86 -0
  32. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.jsx +116 -0
  33. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.md +11 -0
  34. data/app/pb_kits/playbook/pb_pb_line_graph/docs/example.yml +20 -0
  35. data/app/pb_kits/playbook/pb_pb_line_graph/docs/index.js +6 -0
  36. data/app/pb_kits/playbook/pb_pb_line_graph/pbLineGraphTheme.ts +125 -0
  37. data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.html.erb +1 -0
  38. data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.rb +25 -0
  39. data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.test.jsx +110 -0
  40. data/dist/chunks/{_line_graph-DY4PK6AH.js → _line_graph-AKTV-rqw.js} +1 -1
  41. data/dist/chunks/{_typeahead-fQDb_yVO.js → _typeahead-DCInCM2E.js} +1 -1
  42. data/dist/chunks/{_weekday_stacked-D_bGbWtk.js → _weekday_stacked-ByJl1kOQ.js} +1 -1
  43. data/dist/chunks/vendor.js +1 -1
  44. data/dist/menu.yml +6 -0
  45. data/dist/playbook-doc.js +2 -2
  46. data/dist/playbook-rails-react-bindings.js +1 -1
  47. data/dist/playbook-rails.js +1 -1
  48. data/dist/playbook.css +1 -1
  49. data/lib/playbook/version.rb +1 -1
  50. metadata +29 -11
  51. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.html.erb +0 -113
  52. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.md +0 -1
  53. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row_rails.html.erb +0 -51
  54. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_per_row_rails.md +0 -1
  55. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_rails.html.erb +0 -40
  56. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_padding_control_rails.md +0 -1
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "15.2.0"
5
- VERSION = "15.2.0.pre.alpha.PLAY2428advancedtablerailscellpadding11387"
5
+ VERSION = "15.2.0.pre.alpha.PLAY236711413"
6
6
  end
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.PLAY2428advancedtablerailscellpadding11387
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-14 00:00:00.000000000 Z
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-DY4PK6AH.js
3718
- - dist/chunks/_typeahead-fQDb_yVO.js
3719
- - dist/chunks/_weekday_stacked-D_bGbWtk.js
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
@@ -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 %>
@@ -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 %>
@@ -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'.
@@ -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'.