playbook_ui 14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624 → 14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355

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 (140) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +0 -2
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +2 -18
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +5 -27
  5. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +2 -17
  6. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +1 -23
  7. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -29
  8. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +4 -61
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +0 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +0 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.md +2 -2
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -5
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -6
  14. data/app/pb_kits/playbook/pb_button/button.html.erb +3 -2
  15. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +6 -1
  16. data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +1 -3
  17. data/app/pb_kits/playbook/pb_collapsible/collapsible.rb +0 -3
  18. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +26 -23
  19. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +2 -2
  20. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb +12 -1
  21. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md +1 -1
  22. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -1
  23. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb +9 -3
  24. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -1
  25. data/app/pb_kits/playbook/pb_drawer/_drawer.scss +183 -145
  26. data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +268 -158
  27. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +45 -3
  28. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +1 -0
  29. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +16 -9
  30. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +19 -44
  31. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md +3 -21
  32. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +21 -16
  33. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +19 -2
  34. data/app/pb_kits/playbook/pb_drawer/docs/example.yml +1 -2
  35. data/app/pb_kits/playbook/pb_drawer/docs/index.js +0 -1
  36. data/app/pb_kits/playbook/pb_drawer/drawer.test.jsx +5 -5
  37. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md +1 -1
  38. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +12 -7
  39. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +14 -9
  40. data/app/pb_kits/playbook/pb_dropdown/dropdown_option.html.erb +11 -6
  41. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +14 -8
  42. data/app/pb_kits/playbook/pb_list/item.html.erb +8 -30
  43. data/app/pb_kits/playbook/pb_list/item.rb +0 -7
  44. data/app/pb_kits/playbook/pb_list/list.html.erb +11 -31
  45. data/app/pb_kits/playbook/pb_list/list.rb +0 -4
  46. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +1 -6
  47. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss +0 -4
  48. data/app/pb_kits/playbook/pb_multiple_users/_multiple_users.tsx +0 -1
  49. data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +1 -1
  50. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +12 -30
  51. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +1 -3
  52. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
  53. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +0 -3
  54. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +1 -20
  55. data/app/pb_kits/playbook/pb_radio/_radio.scss +8 -12
  56. data/app/pb_kits/playbook/pb_radio/docs/_radio_custom_children.jsx +3 -8
  57. data/app/pb_kits/playbook/pb_select/_select.scss +5 -3
  58. data/app/pb_kits/playbook/pb_select/_select.tsx +1 -5
  59. data/app/pb_kits/playbook/pb_select/select.html.erb +2 -2
  60. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.tsx +1 -9
  61. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx +1 -4
  62. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx +1 -4
  63. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +3 -17
  64. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.rb +0 -3
  65. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +4 -11
  66. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb +0 -3
  67. data/app/pb_kits/playbook/pb_table/_table.tsx +3 -2
  68. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -2
  69. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -3
  70. data/app/pb_kits/playbook/pb_table/index.ts +88 -187
  71. data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +0 -12
  72. data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +5 -6
  73. data/app/pb_kits/playbook/pb_table/table.html.erb +1 -1
  74. data/app/pb_kits/playbook/pb_table/table.rb +2 -17
  75. data/app/pb_kits/playbook/pb_table/table_row.html.erb +1 -20
  76. data/app/pb_kits/playbook/pb_table/table_row.rb +0 -5
  77. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +1 -2
  78. data/app/pb_kits/playbook/pb_text_input/text_input.html.erb +0 -4
  79. data/app/pb_kits/playbook/pb_text_input/text_input.rb +3 -33
  80. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +30 -30
  81. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -2
  82. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
  83. data/dist/chunks/_typeahead-BNULwihE.js +36 -0
  84. data/dist/chunks/_weekday_stacked-BKWemDAe.js +45 -0
  85. data/dist/chunks/{lib-kMuhBuU7.js → lib-B7sgJtGS.js} +2 -2
  86. data/dist/chunks/{pb_form_validation-DBJ0wZuS.js → pb_form_validation-C5Cc0-1v.js} +1 -1
  87. data/dist/chunks/vendor.js +1 -1
  88. data/dist/menu.yml +0 -6
  89. data/dist/playbook-doc.js +1 -1
  90. data/dist/playbook-rails-react-bindings.js +1 -1
  91. data/dist/playbook-rails.js +1 -1
  92. data/dist/playbook.css +1 -1
  93. data/lib/playbook/pb_forms_helper.rb +4 -13
  94. data/lib/playbook/version.rb +1 -1
  95. metadata +7 -63
  96. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx +0 -50
  97. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx +0 -60
  98. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md +0 -5
  99. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx +0 -78
  100. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md +0 -1
  101. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx +0 -53
  102. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md +0 -1
  103. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx +0 -52
  104. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.md +0 -1
  105. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json +0 -42
  106. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json +0 -299
  107. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames.html.erb +0 -13
  108. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames_rails.md +0 -3
  109. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md +0 -5
  110. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb +0 -38
  111. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md +0 -3
  112. data/app/pb_kits/playbook/pb_drawer/context.ts +0 -11
  113. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx +0 -38
  114. data/app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx +0 -60
  115. data/app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx +0 -21
  116. data/app/pb_kits/playbook/pb_icon_button/_icon_button.scss +0 -78
  117. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb +0 -3
  118. data/app/pb_kits/playbook/pb_icon_button/docs/example.yml +0 -7
  119. data/app/pb_kits/playbook/pb_icon_button/icon_button.html.erb +0 -16
  120. data/app/pb_kits/playbook/pb_icon_button/icon_button.rb +0 -22
  121. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb +0 -15
  122. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx +0 -24
  123. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md +0 -1
  124. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb +0 -74
  125. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md +0 -3
  126. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb +0 -74
  127. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md +0 -3
  128. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb +0 -47
  129. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md +0 -2
  130. data/app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts +0 -22
  131. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +0 -46
  132. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask_rails.md +0 -3
  133. data/app/pb_kits/playbook/pb_text_input/index.js +0 -103
  134. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb +0 -19
  135. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +0 -27
  136. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md +0 -1
  137. data/dist/chunks/_typeahead-BWwaAo_0.js +0 -36
  138. data/dist/chunks/_weekday_stacked-zyBCd1s8.js +0 -45
  139. data/lib/playbook/pb_forms_global_props_helper.rb +0 -136
  140. /data/app/pb_kits/playbook/pb_table/docs/{_table_with_collapsible_react.md → _table_with_collapsible.md} +0 -0
@@ -1,10 +1,7 @@
1
1
  # frozen_string_literal: true
2
2
 
3
- require_relative "pb_forms_global_props_helper"
4
-
5
3
  module Playbook
6
4
  module PbFormsHelper
7
- include Playbook::PbFormsGlobalPropsHelper
8
5
  # Renders a pb form with ::Playbook::Forms::Builder, that can render
9
6
  # Playbook kits in the most railsie way.
10
7
  #
@@ -26,17 +23,11 @@ module Playbook
26
23
  # @param validate [Boolean] whether validation should be triggered or not
27
24
  # @see [#form_with] for other options
28
25
  def pb_form_with(data: {}, validate: false, loading: false, **kwargs, &block)
29
- global_props, form_options = extract_all_props(kwargs)
30
-
31
- classnames = ["pb-form"]
32
- classnames << form_options[:class] if form_options[:class].present?
33
- classnames << "pb_form_loading" if loading
34
- classnames.concat(generate_prop_classes(global_props))
35
-
36
26
  data = data.merge("pb-form-validation" => validate)
37
-
38
- options = form_options.merge(
39
- class: classnames.compact.join(" "),
27
+ classname = ["pb-form", kwargs[:class]].join(" ")
28
+ classname += " pb_form_loading" if loading
29
+ options = kwargs.merge(
30
+ class: classname,
40
31
  data: data,
41
32
  builder: ::Playbook::Forms::Builder
42
33
  )
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.11.1"
5
- VERSION = "14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624"
5
+ VERSION = "14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355"
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: 14.11.1.pre.alpha.PBNTR440enableglobalpropspbformwith5624
4
+ version: 14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355
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-01-24 00:00:00.000000000 Z
12
+ date: 2025-01-13 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -95,20 +95,6 @@ dependencies:
95
95
  - - "~>"
96
96
  - !ruby/object:Gem::Version
97
97
  version: 0.3.2
98
- - !ruby/object:Gem::Dependency
99
- name: brakeman
100
- requirement: !ruby/object:Gem::Requirement
101
- requirements:
102
- - - '='
103
- - !ruby/object:Gem::Version
104
- version: 7.0.0
105
- type: :development
106
- prerelease: false
107
- version_requirements: !ruby/object:Gem::Requirement
108
- requirements:
109
- - - '='
110
- - !ruby/object:Gem::Version
111
- version: 7.0.0
112
98
  - !ruby/object:Gem::Dependency
113
99
  name: byebug
114
100
  requirement: !ruby/object:Gem::Requirement
@@ -302,21 +288,12 @@ files:
302
288
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
303
289
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx
304
290
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.md
305
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx
306
291
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx
307
292
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.md
308
293
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx
309
294
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.md
310
295
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
311
296
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
312
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
313
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
314
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
315
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
316
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
317
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
318
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
319
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.md
320
297
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
321
298
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
322
299
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -331,8 +308,6 @@ files:
331
308
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
332
309
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
333
310
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
334
- - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
335
- - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
336
311
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
337
312
  - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
338
313
  - app/pb_kits/playbook/pb_advanced_table/docs/index.js
@@ -941,8 +916,6 @@ files:
941
916
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
942
917
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.jsx
943
918
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.md
944
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames.html.erb
945
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_turbo_frames_rails.md
946
919
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.html.erb
947
920
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.jsx
948
921
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_week.md
@@ -1159,11 +1132,8 @@ files:
1159
1132
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx
1160
1133
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
1161
1134
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb
1162
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.md
1163
1135
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
1164
1136
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
1165
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
1166
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
1167
1137
  - app/pb_kits/playbook/pb_draggable/docs/example.yml
1168
1138
  - app/pb_kits/playbook/pb_draggable/docs/index.js
1169
1139
  - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -1180,8 +1150,6 @@ files:
1180
1150
  - app/pb_kits/playbook/pb_drawer/_drawer.scss
1181
1151
  - app/pb_kits/playbook/pb_drawer/_drawer.tsx
1182
1152
  - app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
1183
- - app/pb_kits/playbook/pb_drawer/context.ts
1184
- - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
1185
1153
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
1186
1154
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
1187
1155
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
@@ -1195,8 +1163,6 @@ files:
1195
1163
  - app/pb_kits/playbook/pb_drawer/drawer.html.erb
1196
1164
  - app/pb_kits/playbook/pb_drawer/drawer.rb
1197
1165
  - app/pb_kits/playbook/pb_drawer/drawer.test.jsx
1198
- - app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
1199
- - app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
1200
1166
  - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
1201
1167
  - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
1202
1168
  - app/pb_kits/playbook/pb_dropdown/context/index.tsx
@@ -1598,11 +1564,6 @@ files:
1598
1564
  - app/pb_kits/playbook/pb_icon/icon.html.erb
1599
1565
  - app/pb_kits/playbook/pb_icon/icon.rb
1600
1566
  - app/pb_kits/playbook/pb_icon/icon.test.js
1601
- - app/pb_kits/playbook/pb_icon_button/_icon_button.scss
1602
- - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
1603
- - app/pb_kits/playbook/pb_icon_button/docs/example.yml
1604
- - app/pb_kits/playbook/pb_icon_button/icon_button.html.erb
1605
- - app/pb_kits/playbook/pb_icon_button/icon_button.rb
1606
1567
  - app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
1607
1568
  - app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
1608
1569
  - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
@@ -2179,9 +2140,6 @@ files:
2179
2140
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
2180
2141
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx
2181
2142
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.md
2182
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb
2183
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx
2184
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md
2185
2143
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb
2186
2144
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
2187
2145
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
@@ -2687,17 +2645,13 @@ files:
2687
2645
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
2688
2646
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
2689
2647
  - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
2690
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb
2691
2648
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx
2692
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md
2693
2649
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md
2694
2650
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
2695
2651
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
2696
2652
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md
2697
2653
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
2698
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb
2699
2654
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx
2700
- - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md
2701
2655
  - app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md
2702
2656
  - app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
2703
2657
  - app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
@@ -2712,10 +2666,8 @@ files:
2712
2666
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
2713
2667
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
2714
2668
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
2715
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
2716
2669
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
2717
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
2718
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
2670
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.md
2719
2671
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
2720
2672
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
2721
2673
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
@@ -2777,7 +2729,6 @@ files:
2777
2729
  - app/pb_kits/playbook/pb_table/table_header.rb
2778
2730
  - app/pb_kits/playbook/pb_table/table_row.html.erb
2779
2731
  - app/pb_kits/playbook/pb_table/table_row.rb
2780
- - app/pb_kits/playbook/pb_table/utilities/addDataTitle.ts
2781
2732
  - app/pb_kits/playbook/pb_text_input/_text_input.scss
2782
2733
  - app/pb_kits/playbook/pb_text_input/_text_input.tsx
2783
2734
  - app/pb_kits/playbook/pb_text_input/add_on.html.erb
@@ -2801,16 +2752,13 @@ files:
2801
2752
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_error_swift.md
2802
2753
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
2803
2754
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
2804
- - app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb
2805
2755
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.jsx
2806
- - app/pb_kits/playbook/pb_text_input/docs/_text_input_mask_rails.md
2807
2756
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.html.erb
2808
2757
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
2809
2758
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
2810
2759
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
2811
2760
  - app/pb_kits/playbook/pb_text_input/docs/example.yml
2812
2761
  - app/pb_kits/playbook/pb_text_input/docs/index.js
2813
- - app/pb_kits/playbook/pb_text_input/index.js
2814
2762
  - app/pb_kits/playbook/pb_text_input/inputMask.ts
2815
2763
  - app/pb_kits/playbook/pb_text_input/text_input.html.erb
2816
2764
  - app/pb_kits/playbook/pb_text_input/text_input.rb
@@ -3098,9 +3046,6 @@ files:
3098
3046
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
3099
3047
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
3100
3048
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
3101
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
3102
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
3103
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
3104
3049
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
3105
3050
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx
3106
3051
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
@@ -3292,11 +3237,11 @@ files:
3292
3237
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3293
3238
  - app/pb_kits/playbook/utilities/text.ts
3294
3239
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3295
- - dist/chunks/_typeahead-BWwaAo_0.js
3296
- - dist/chunks/_weekday_stacked-zyBCd1s8.js
3240
+ - dist/chunks/_typeahead-BNULwihE.js
3241
+ - dist/chunks/_weekday_stacked-BKWemDAe.js
3297
3242
  - dist/chunks/lazysizes-B7xYodB-.js
3298
- - dist/chunks/lib-kMuhBuU7.js
3299
- - dist/chunks/pb_form_validation-DBJ0wZuS.js
3243
+ - dist/chunks/lib-B7sgJtGS.js
3244
+ - dist/chunks/pb_form_validation-C5Cc0-1v.js
3300
3245
  - dist/chunks/vendor.js
3301
3246
  - dist/menu.yml
3302
3247
  - dist/playbook-doc.js
@@ -3348,7 +3293,6 @@ files:
3348
3293
  - lib/playbook/overflow.rb
3349
3294
  - lib/playbook/pagination_renderer.rb
3350
3295
  - lib/playbook/pb_doc_helper.rb
3351
- - lib/playbook/pb_forms_global_props_helper.rb
3352
3296
  - lib/playbook/pb_forms_helper.rb
3353
3297
  - lib/playbook/pb_kit_helper.rb
3354
3298
  - lib/playbook/position.rb
@@ -1,50 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
4
-
5
- const AdvancedTableNoSubrows = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
- return (
39
- <div>
40
- <AdvancedTable
41
- columnDefinitions={columnDefinitions}
42
- enableToggleExpansion="all"
43
- tableData={MOCK_DATA}
44
- {...props}
45
- />
46
- </div>
47
- )
48
- }
49
-
50
- export default AdvancedTableNoSubrows
@@ -1,60 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data_with_id.json"
4
-
5
- const AdvancedTableSelectableRows = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
- //Render the subRow header rows
39
- const subRowHeaders = ["Quarter", "Month", "Day"]
40
-
41
-
42
- return (
43
- <div>
44
- <AdvancedTable
45
- columnDefinitions={columnDefinitions}
46
- enableToggleExpansion="all"
47
- onRowSelectionChange={(selectedRows) => console.log(selectedRows)}
48
- selectableRows
49
- tableData={MOCK_DATA}
50
-
51
- {...props}
52
- >
53
- <AdvancedTable.Header />
54
- <AdvancedTable.Body subRowHeaders={subRowHeaders}/>
55
- </AdvancedTable>
56
- </div>
57
- )
58
- }
59
-
60
- export default AdvancedTableSelectableRows
@@ -1,5 +0,0 @@
1
- `selectableRows` is a boolean prop that if present will add checkboxes to all rows that will allow for selecting rows.
2
-
3
- When a parent row is clicked, it will check all nested children rows, Children rows can be manually checked or unchecked as well.
4
-
5
- The `onRowSelectionChange` prop returns an array of ids of all Rows that have been selected. Open the console on this example and check and uncheck checkboxes to see this is action! __NOTE__: Each object within the `tableData`Array must contain a unique id in order to attach an id to all Rows for this to function.
@@ -1,78 +0,0 @@
1
- import React, {useState} from "react"
2
- import { AdvancedTable, CircleIconButton, Flex } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
4
-
5
- const AdvancedTableSelectableRowsActions = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
- const [selectedRows, setSelectedRows] = useState()
39
-
40
- const CustomActions = () => {
41
- const rowIds = selectedRows ? Object.keys(selectedRows) : [];
42
-
43
- return (
44
- <Flex>
45
- <CircleIconButton
46
- icon="file-csv"
47
- onClick={() =>
48
- alert(rowIds.length === 0 ? "No Selection Made" : `Row ids ${rowIds.join(", ")} will be exported!`)
49
- }
50
- variant="link"
51
- />
52
- <CircleIconButton
53
- icon="trash-alt"
54
- onClick={() =>
55
- alert(rowIds.length === 0 ? "No Selection Made" : `Row ids ${rowIds.join(", ")} will be deleted!`)
56
- }
57
- variant="link"
58
- />
59
- </Flex>
60
- );
61
- };
62
-
63
-
64
- return (
65
- <div>
66
- <AdvancedTable
67
- actions={<CustomActions/>}
68
- columnDefinitions={columnDefinitions}
69
- onRowSelectionChange={(selected) => setSelectedRows(selected)}
70
- selectableRows
71
- tableData={MOCK_DATA}
72
- {...props}
73
- />
74
- </div>
75
- )
76
- }
77
-
78
- export default AdvancedTableSelectableRowsActions
@@ -1 +0,0 @@
1
- Custom actions content can be rendered within the Actions Bar as shown in this doc example. The component passed to `actions` will be rendered on the right of the actionsBar. The `onRowSelectionChange` can then be used to attach the needed click events to those actions.
@@ -1,53 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
4
-
5
- const AdvancedTableSelectableRowsHeader = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
-
39
- return (
40
- <div>
41
- <AdvancedTable
42
- columnDefinitions={columnDefinitions}
43
- onRowSelectionChange={(selectedRows) => console.log(selectedRows)}
44
- selectableRows
45
- showActionsBar={false}
46
- tableData={MOCK_DATA}
47
- {...props}
48
- />
49
- </div>
50
- )
51
- }
52
-
53
- export default AdvancedTableSelectableRowsHeader
@@ -1 +0,0 @@
1
- `showActionsBar` is an optional prop that renders the header at the top showing the row count. This is set to `true` by default but can be toggled off by setting it to `false`
@@ -1,52 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data_no_subrows.json"
4
-
5
- const AdvancedTableSelectableRowsNoSubrows = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
-
39
- return (
40
- <div>
41
- <AdvancedTable
42
- columnDefinitions={columnDefinitions}
43
- onRowSelectionChange={(selectedRows) => console.log(selectedRows)}
44
- selectableRows
45
- tableData={MOCK_DATA}
46
- {...props}
47
- />
48
- </div>
49
- )
50
- }
51
-
52
- export default AdvancedTableSelectableRowsNoSubrows
@@ -1 +0,0 @@
1
- `selectableRows` can also be used with tables without nested row data.
@@ -1,42 +0,0 @@
1
- [
2
- {
3
- "year": "2021",
4
- "id": "1",
5
- "newEnrollments": "20",
6
- "scheduledMeetings": "10",
7
- "attendanceRate": "51%",
8
- "completedClasses": "3",
9
- "classCompletionRate": "33%",
10
- "graduatedStudents": "19"
11
- },
12
- {
13
- "year": "2022",
14
- "id": "8",
15
- "newEnrollments": "25",
16
- "scheduledMeetings": "17",
17
- "attendanceRate": "75%",
18
- "completedClasses": "5",
19
- "classCompletionRate": "45%",
20
- "graduatedStudents": "32"
21
- },
22
- {
23
- "year": "2023",
24
- "id": "15",
25
- "newEnrollments": "10",
26
- "scheduledMeetings": "15",
27
- "attendanceRate": "65%",
28
- "completedClasses": "4",
29
- "classCompletionRate": "49%",
30
- "graduatedStudents": "29"
31
- },
32
- {
33
- "year": "2024",
34
- "id": "14",
35
- "newEnrollments": "15",
36
- "scheduledMeetings": "34",
37
- "attendanceRate": "32%",
38
- "completedClasses": "6",
39
- "classCompletionRate": "67%",
40
- "graduatedStudents": "65"
41
- }
42
- ]