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

Sign up to get free protection for your applications and to get access to all the features.
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
- ]