playbook_ui 14.18.1.pre.rc.0 → 14.19.0.pre.alpha.PLAY21297675

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 (143) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +0 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +11 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx +148 -15
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +20 -3
  6. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +23 -13
  7. data/app/pb_kits/playbook/pb_advanced_table/Utilities/VisibilityTree.ts +47 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +313 -21
  9. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +12 -3
  10. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +6 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md +0 -6
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx +80 -0
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md +3 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb +58 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md +3 -0
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx +57 -0
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md +4 -0
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx +62 -0
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md +1 -0
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.jsx +82 -0
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.md +1 -0
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx +65 -0
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md +1 -0
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md +5 -1
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows.jsx → _advanced_table_selectable_rows_no_subrows_react.jsx} +2 -2
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md +3 -2
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +10 -5
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +7 -2
  29. data/app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js +106 -0
  30. data/app/pb_kits/playbook/pb_advanced_table/index.js +228 -11
  31. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/advanced_table_sticky_mixin.scss +1 -0
  32. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +9 -1
  33. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +0 -3
  34. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +1 -2
  35. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +4 -0
  36. data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +3 -0
  37. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +3 -3
  38. data/app/pb_kits/playbook/pb_avatar/avatar.rb +2 -0
  39. data/app/pb_kits/playbook/pb_avatar/avatar.test.js +18 -0
  40. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb +5 -0
  41. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx +16 -0
  42. data/app/pb_kits/playbook/pb_avatar/docs/example.yml +2 -0
  43. data/app/pb_kits/playbook/pb_avatar/docs/index.js +1 -0
  44. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -1
  45. data/app/pb_kits/playbook/pb_card/card.rb +12 -0
  46. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +2 -2
  47. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb +22 -1
  48. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb +55 -0
  49. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md +5 -0
  50. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md +5 -0
  51. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx +59 -0
  52. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md +1 -0
  53. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +2 -0
  54. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  55. data/app/pb_kits/playbook/pb_draggable/draggable_container.rb +11 -1
  56. data/app/pb_kits/playbook/pb_draggable/draggable_item.rb +11 -1
  57. data/app/pb_kits/playbook/pb_draggable/index.js +4 -2
  58. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +33 -5
  59. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +5 -0
  60. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +5 -16
  61. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb +5 -2
  62. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb +28 -0
  63. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +17 -64
  64. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb +58 -0
  65. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_autocomplete_and_custom_display.jsx → _dropdown_with_autocomplete_with_subcomponents.jsx} +11 -25
  66. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md +1 -0
  67. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md +1 -0
  68. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx +61 -0
  69. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md +2 -0
  70. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb +52 -0
  71. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md +2 -0
  72. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +7 -4
  73. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +2 -2
  74. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
  75. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +4 -0
  76. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +45 -1
  77. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +10 -0
  78. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +3 -0
  79. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +12 -2
  80. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.rb +3 -1
  81. data/app/pb_kits/playbook/pb_dropdown/index.js +57 -0
  82. data/app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js +26 -0
  83. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +3 -4
  84. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +4 -4
  85. data/app/pb_kits/playbook/pb_empty_state/_empty_state.scss +8 -1
  86. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb +27 -0
  87. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb +7 -0
  88. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb +12 -0
  89. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb +23 -0
  90. data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +5 -1
  91. data/app/pb_kits/playbook/pb_empty_state/empty_state.html.erb +19 -0
  92. data/app/pb_kits/playbook/pb_empty_state/empty_state.rb +123 -0
  93. data/app/pb_kits/playbook/pb_message/_message.tsx +3 -0
  94. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb +9 -0
  95. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx +21 -0
  96. data/app/pb_kits/playbook/pb_message/docs/example.yml +2 -0
  97. data/app/pb_kits/playbook/pb_message/docs/index.js +1 -0
  98. data/app/pb_kits/playbook/pb_message/message.html.erb +2 -1
  99. data/app/pb_kits/playbook/pb_message/message.rb +1 -0
  100. data/app/pb_kits/playbook/pb_overlay/_overlay.scss +2 -1
  101. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +1 -1
  102. data/app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx +5 -4
  103. data/app/pb_kits/playbook/pb_section_separator/_section_separator.tsx +2 -2
  104. data/app/pb_kits/playbook/pb_select/_select.scss +10 -0
  105. data/app/pb_kits/playbook/pb_select/docs/_select_error.html.erb +1 -1
  106. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +7 -7
  107. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +5 -5
  108. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb +1 -1
  109. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb +5 -1
  110. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb +8 -1
  111. data/app/pb_kits/playbook/pb_user/_user.tsx +3 -0
  112. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb +6 -0
  113. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx +16 -0
  114. data/app/pb_kits/playbook/pb_user/docs/example.yml +2 -0
  115. data/app/pb_kits/playbook/pb_user/docs/index.js +1 -0
  116. data/app/pb_kits/playbook/pb_user/user.html.erb +2 -1
  117. data/app/pb_kits/playbook/pb_user/user.rb +1 -0
  118. data/dist/chunks/{_typeahead-D8CsVBZO.js → _typeahead-BPSIWtFT.js} +3 -3
  119. data/dist/chunks/_weekday_stacked-BeuPAmxG.js +45 -0
  120. data/dist/chunks/{lib-BmTAc7Nc.js → lib-B20MXZcW.js} +2 -2
  121. data/dist/chunks/{pb_form_validation-BWjy4bFn.js → pb_form_validation-WWvUXPKD.js} +1 -1
  122. data/dist/chunks/vendor.js +1 -1
  123. data/dist/menu.yml +6 -14
  124. data/dist/playbook-doc.js +2 -2
  125. data/dist/playbook-rails-react-bindings.js +1 -1
  126. data/dist/playbook-rails.js +1 -1
  127. data/dist/playbook.css +1 -1
  128. data/lib/playbook/version.rb +2 -2
  129. metadata +52 -21
  130. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md +0 -1
  131. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +0 -79
  132. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss +0 -3
  133. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +0 -72
  134. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +0 -53
  135. data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +0 -7
  136. data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +0 -1
  137. data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx +0 -19
  138. data/dist/chunks/_weekday_stacked-CHQsoCdP.js +0 -45
  139. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_react.md → _advanced_table_selectable_rows.md} +0 -0
  140. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows.html.erb → _advanced_table_selectable_rows_no_subrows_rails.html.erb} +0 -0
  141. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows.html.erb → _advanced_table_selectable_rows_rails.html.erb} +0 -0
  142. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_line.md → _draggable_drop_zones_line_react.md} +0 -0
  143. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_event_listeners.md → _draggable_event_listeners_rails.md} +0 -0
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.18.0"
5
- VERSION = "14.18.1.pre.rc.0"
4
+ PREVIOUS_VERSION = "14.19.0"
5
+ VERSION = "14.19.0.pre.alpha.PLAY21297675"
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.18.1.pre.rc.0
4
+ version: 14.19.0.pre.alpha.PLAY21297675
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-04-30 00:00:00.000000000 Z
12
+ date: 2025-05-09 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -278,6 +278,7 @@ files:
278
278
  - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
279
279
  - app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts
280
280
  - app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts
281
+ - app/pb_kits/playbook/pb_advanced_table/Utilities/VisibilityTree.ts
281
282
  - app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts
282
283
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
283
284
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
@@ -294,6 +295,10 @@ files:
294
295
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
295
296
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.html.erb
296
297
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail_rails.md
298
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx
299
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md
300
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb
301
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md
297
302
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
298
303
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
299
304
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
@@ -301,6 +306,14 @@ files:
301
306
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
302
307
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
303
308
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
309
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx
310
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md
311
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx
312
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md
313
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.jsx
314
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.md
315
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx
316
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md
304
317
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx
305
318
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.md
306
319
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell_rails.html.erb
@@ -330,18 +343,18 @@ files:
330
343
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.html.erb
331
344
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx
332
345
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md
333
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.html.erb
334
346
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx
347
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.md
335
348
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx
336
349
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.md
337
350
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx
338
351
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.md
339
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.html.erb
340
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx
352
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.html.erb
341
353
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md
354
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.jsx
342
355
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_react.md
356
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.html.erb
343
357
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md
344
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_react.md
345
358
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx
346
359
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.md
347
360
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx
@@ -374,6 +387,7 @@ files:
374
387
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
375
388
  - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
376
389
  - app/pb_kits/playbook/pb_advanced_table/docs/index.js
390
+ - app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js
377
391
  - app/pb_kits/playbook/pb_advanced_table/index.js
378
392
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
379
393
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
@@ -402,6 +416,8 @@ files:
402
416
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.html.erb
403
417
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx
404
418
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_default_swift.md
419
+ - app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb
420
+ - app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx
405
421
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.html.erb
406
422
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx
407
423
  - app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.md
@@ -1224,11 +1240,16 @@ files:
1224
1240
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.jsx
1225
1241
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md
1226
1242
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_react.md
1243
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb
1227
1244
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.jsx
1228
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.md
1245
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md
1246
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_react.md
1247
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md
1229
1248
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_react.md
1230
1249
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.html.erb
1231
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.md
1250
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx
1251
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_rails.md
1252
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md
1232
1253
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.html.erb
1233
1254
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
1234
1255
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
@@ -1313,10 +1334,12 @@ files:
1313
1334
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb
1314
1335
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx
1315
1336
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.md
1337
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb
1316
1338
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx
1317
1339
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.md
1318
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx
1319
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md
1340
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb
1341
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx
1342
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md
1320
1343
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx
1321
1344
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md
1322
1345
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb
@@ -1333,10 +1356,14 @@ files:
1333
1356
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb
1334
1357
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.md
1335
1358
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx
1336
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx
1359
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md
1337
1360
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb
1338
1361
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx
1339
1362
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
1363
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx
1364
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md
1365
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb
1366
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md
1340
1367
  - app/pb_kits/playbook/pb_dropdown/docs/example.yml
1341
1368
  - app/pb_kits/playbook/pb_dropdown/docs/index.js
1342
1369
  - app/pb_kits/playbook/pb_dropdown/dropdown.html.erb
@@ -1361,14 +1388,20 @@ files:
1361
1388
  - app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx
1362
1389
  - app/pb_kits/playbook/pb_empty_state/_empty_state.scss
1363
1390
  - app/pb_kits/playbook/pb_empty_state/_empty_state.tsx
1391
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb
1364
1392
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
1393
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb
1365
1394
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx
1395
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb
1366
1396
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
1397
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb
1367
1398
  - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
1368
1399
  - app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg
1369
1400
  - app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx
1370
1401
  - app/pb_kits/playbook/pb_empty_state/docs/example.yml
1371
1402
  - app/pb_kits/playbook/pb_empty_state/docs/index.js
1403
+ - app/pb_kits/playbook/pb_empty_state/empty_state.html.erb
1404
+ - app/pb_kits/playbook/pb_empty_state/empty_state.rb
1372
1405
  - app/pb_kits/playbook/pb_empty_state/empty_state.test.jsx
1373
1406
  - app/pb_kits/playbook/pb_enhanced_element/element_observer.ts
1374
1407
  - app/pb_kits/playbook/pb_enhanced_element/index.ts
@@ -1576,12 +1609,6 @@ files:
1576
1609
  - app/pb_kits/playbook/pb_form_pill/docs/index.js
1577
1610
  - app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
1578
1611
  - app/pb_kits/playbook/pb_form_pill/form_pill.rb
1579
- - app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss
1580
- - app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx
1581
- - app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx
1582
- - app/pb_kits/playbook/pb_gantt_chart/docs/example.yml
1583
- - app/pb_kits/playbook/pb_gantt_chart/docs/index.js
1584
- - app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx
1585
1612
  - app/pb_kits/playbook/pb_gauge/_gauge.scss
1586
1613
  - app/pb_kits/playbook/pb_gauge/_gauge.tsx
1587
1614
  - app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.html.erb
@@ -2029,6 +2056,8 @@ files:
2029
2056
  - app/pb_kits/playbook/pb_message/docs/_message_default.jsx
2030
2057
  - app/pb_kits/playbook/pb_message/docs/_message_default.md
2031
2058
  - app/pb_kits/playbook/pb_message/docs/_message_default_swift.md
2059
+ - app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb
2060
+ - app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx
2032
2061
  - app/pb_kits/playbook/pb_message/docs/_message_hover.html.erb
2033
2062
  - app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
2034
2063
  - app/pb_kits/playbook/pb_message/docs/_message_mentions.html.erb
@@ -3374,6 +3403,8 @@ files:
3374
3403
  - app/pb_kits/playbook/pb_user/docs/_user_font_options.jsx
3375
3404
  - app/pb_kits/playbook/pb_user/docs/_user_font_options_rails.md
3376
3405
  - app/pb_kits/playbook/pb_user/docs/_user_font_options_react.md
3406
+ - app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb
3407
+ - app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx
3377
3408
  - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
3378
3409
  - app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
3379
3410
  - app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
@@ -3534,11 +3565,11 @@ files:
3534
3565
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3535
3566
  - app/pb_kits/playbook/utilities/text.ts
3536
3567
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3537
- - dist/chunks/_typeahead-D8CsVBZO.js
3538
- - dist/chunks/_weekday_stacked-CHQsoCdP.js
3568
+ - dist/chunks/_typeahead-BPSIWtFT.js
3569
+ - dist/chunks/_weekday_stacked-BeuPAmxG.js
3539
3570
  - dist/chunks/lazysizes-B7xYodB-.js
3540
- - dist/chunks/lib-BmTAc7Nc.js
3541
- - dist/chunks/pb_form_validation-BWjy4bFn.js
3571
+ - dist/chunks/lib-B20MXZcW.js
3572
+ - dist/chunks/pb_form_validation-WWvUXPKD.js
3542
3573
  - dist/chunks/vendor.js
3543
3574
  - dist/menu.yml
3544
3575
  - dist/playbook-doc.js
@@ -1 +0,0 @@
1
- `autocomplete` prop can also be used in conjunction with the `customDisplay` prop.
@@ -1,79 +0,0 @@
1
- import React, { useRef } from 'react'
2
-
3
- import Dropdown from '../../pb_dropdown/_dropdown'
4
- import useDropdown from '../../pb_dropdown/hooks/useDropdown'
5
- import CircleIconButton from '../../pb_circle_icon_button/_circle_icon_button'
6
- import FlexItem from '../../pb_flex/_flex_item'
7
- import Icon from '../../pb_icon/_icon'
8
- import Body from '../../pb_body/_body'
9
- import Flex from '../../pb_flex/_flex'
10
-
11
- const DropdownWithHook = (props) => {
12
- const [isDropDownClosed, setIsDropdownClosed] = useDropdown(true);
13
- const buttonRef = useRef(null);
14
-
15
- const options = [
16
- {
17
- label: "United States",
18
- value: "United States",
19
- areaCode: "+1",
20
- icon: "🇺🇸",
21
- id: "United-states"
22
- },
23
- {
24
- label: "Canada",
25
- value: "Canada",
26
- areaCode: "+1",
27
- icon: "🇨🇦",
28
- id: "canada"
29
- },
30
- {
31
- label: "Pakistan",
32
- value: "Pakistan",
33
- areaCode: "+92",
34
- icon: "🇵🇰",
35
- id: "pakistan"
36
- }
37
- ];
38
-
39
- return (
40
- <div>
41
- <CircleIconButton
42
- htmlOptions={{ref: buttonRef}}
43
- icon={"flag"}
44
- onClick={() => setIsDropdownClosed(!isDropDownClosed)}
45
- variant="secondary"
46
- />
47
- <Dropdown
48
- isClosed={isDropDownClosed}
49
- options={options}
50
- triggerRef={buttonRef}
51
- {...props}
52
- >
53
- {options.map((option) => (
54
- <Dropdown.Option key={option.id}
55
- option={option}
56
- >
57
- <>
58
- <FlexItem>
59
- <Flex paddingRight='md'>
60
- <Icon icon={option.icon}
61
- paddingRight="xs"
62
- />
63
- <Body text={option.label} />
64
- </Flex>
65
- </FlexItem>
66
- <FlexItem>
67
- <Body color="light"
68
- text={option.areaCode}
69
- />
70
- </FlexItem>
71
- </>
72
- </Dropdown.Option>
73
- ))}
74
- </Dropdown>
75
- </div>
76
- )
77
- }
78
-
79
- export default DropdownWithHook
@@ -1,3 +0,0 @@
1
- .pb_gantt_chart {
2
-
3
- }
@@ -1,72 +0,0 @@
1
- import React, { useState, useEffect } from "react";
2
- import classnames from "classnames";
3
- import { buildAriaProps, buildCss, buildDataProps, buildHtmlProps } from "../utilities/props";
4
- import { globalProps } from "../utilities/globalProps";
5
- import HighchartsReact from "highcharts-react-official";
6
- import Highcharts from "highcharts/highcharts-gantt";
7
-
8
- import { highchartsTheme } from "../pb_dashboard/pbChartsLightTheme";
9
- import { highchartsDarkTheme } from "../pb_dashboard/pbChartsDarkTheme";
10
-
11
- type GanttChartProps = {
12
- aria?: { [key: string]: string };
13
- className?: string;
14
- customOptions: Partial<Highcharts.Options>;
15
- dark?: boolean;
16
- data?: { [key: string]: string };
17
- htmlOptions?: { [key: string]: string | number | boolean | (() => void) };
18
- id?: string;
19
- };
20
-
21
- const GanttChart = (props: GanttChartProps) => {
22
- const {
23
- aria = {},
24
- className,
25
- customOptions = {},
26
- dark = false,
27
- data = {},
28
- htmlOptions = {},
29
- id,
30
- } = props;
31
-
32
- const ariaProps = buildAriaProps(aria);
33
- const dataProps = buildDataProps(data);
34
- const htmlProps = buildHtmlProps(htmlOptions);
35
- const classes = classnames(
36
- buildCss("pb_gantt_chart"),
37
- globalProps(props),
38
- className
39
- );
40
-
41
- const [options, setOptions] = useState<Highcharts.Options | undefined>(customOptions);
42
-
43
- useEffect(() => {
44
- setOptions(customOptions);
45
- }, [customOptions]);
46
-
47
- const setupTheme = () => {
48
- dark
49
- ? Highcharts.setOptions(highchartsDarkTheme)
50
- : Highcharts.setOptions(highchartsTheme);
51
- };
52
- setupTheme();
53
-
54
- return (
55
- <div>
56
- <HighchartsReact
57
- constructorType={"ganttChart"}
58
- containerProps={{
59
- className: classnames(globalProps(props), classes),
60
- id: id,
61
- ...ariaProps,
62
- ...dataProps,
63
- ...htmlProps,
64
- }}
65
- highcharts={Highcharts}
66
- options={options}
67
- />
68
- </div>
69
- );
70
- };
71
-
72
- export default GanttChart;
@@ -1,53 +0,0 @@
1
- import React from "react";
2
- import GanttChart from '../../pb_gantt_chart/_gantt_chart'
3
-
4
- const mockOptions = {
5
- title: {
6
- text: "Simple Gantt Chart",
7
- },
8
-
9
- xAxis: [
10
- {
11
- min: Date.UTC(2014, 10, 17),
12
- max: Date.UTC(2014, 10, 30),
13
- },
14
- ],
15
-
16
- series: [
17
- {
18
- name: "Project 1",
19
- data: [
20
- {
21
- name: "Start prototype",
22
- start: Date.UTC(2014, 10, 18),
23
- end: Date.UTC(2014, 10, 25),
24
- },
25
- {
26
- name: "Develop",
27
- start: Date.UTC(2014, 10, 20),
28
- end: Date.UTC(2014, 10, 25),
29
- },
30
- {
31
- name: "Run acceptance tests",
32
- start: Date.UTC(2014, 10, 23),
33
- end: Date.UTC(2014, 10, 26),
34
- },
35
- {
36
- name: "Test prototype",
37
- start: Date.UTC(2014, 10, 27),
38
- end: Date.UTC(2014, 10, 29),
39
- },
40
- ],
41
- },
42
- ],
43
- };
44
-
45
- const GanttChartDefault = (props) => (
46
- <div>
47
- <GanttChart customOptions={mockOptions}
48
- {...props}
49
- />
50
- </div>
51
- );
52
-
53
- export default GanttChartDefault;
@@ -1,7 +0,0 @@
1
- examples:
2
-
3
-
4
- react:
5
- - gantt_chart_default: Default
6
-
7
-
@@ -1 +0,0 @@
1
- export { default as GanttChartDefault } from './_gantt_chart_default.jsx'
@@ -1,19 +0,0 @@
1
- // import { renderKit } from '../utilities/test-utils'
2
-
3
- // import GanttChart from './_gantt_chart'
4
-
5
- /* See these resources for more testing info:
6
- - https://github.com/testing-library/jest-dom#usage for useage and examples
7
- - https://jestjs.io/docs/en/using-matchers
8
- */
9
-
10
- test('generated scaffold test - update me', () => {
11
- // const props = {
12
- // data: { testid: 'default' }
13
- // }
14
-
15
-
16
- // const kit = renderKit(GanttChart , props)
17
- // expect(kit).toBeInTheDocument()
18
- })
19
-