playbook_ui 14.20.0.pre.rc.1 → 14.20.0

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 (98) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx +61 -35
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +36 -22
  4. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +6 -19
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx +1 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md +3 -1
  7. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +1 -1
  8. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +77 -19
  9. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb +31 -0
  10. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.md +5 -0
  11. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.jsx +56 -0
  12. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.md +3 -0
  13. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.jsx +58 -0
  14. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.md +3 -0
  15. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.html.erb +20 -0
  16. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.md +1 -0
  17. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.html.erb +19 -0
  18. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.md +3 -0
  19. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.html.erb +20 -0
  20. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.jsx +57 -0
  21. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.md +1 -0
  22. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.html.erb +50 -0
  23. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.jsx +105 -0
  24. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.html.erb +22 -0
  25. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx +67 -0
  26. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +11 -1
  27. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +5 -0
  28. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +3 -3
  29. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +16 -2
  30. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +34 -13
  31. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.rb +3 -1
  32. data/app/pb_kits/playbook/pb_dropdown/hooks/useHandleOnKeydown.tsx +0 -6
  33. data/app/pb_kits/playbook/pb_dropdown/index.js +334 -41
  34. data/app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js +39 -12
  35. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +16 -12
  36. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +78 -12
  37. data/app/pb_kits/playbook/pb_dropdown/subcomponents/MultiSelectTriggerDisplay.tsx +58 -0
  38. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  39. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
  40. data/app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss +2 -2
  41. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +19 -12
  42. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +2 -2
  43. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb +11 -11
  44. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx +11 -11
  45. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb +11 -11
  46. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +11 -11
  47. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +11 -11
  48. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx +11 -11
  49. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb +11 -11
  50. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx +11 -11
  51. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb +11 -11
  52. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx +11 -11
  53. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb +11 -11
  54. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx +11 -11
  55. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb +11 -11
  56. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx +11 -11
  57. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb +11 -11
  58. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.jsx +11 -11
  59. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb +11 -11
  60. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.jsx +11 -11
  61. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx +11 -11
  62. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb +11 -11
  63. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +11 -11
  64. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx +11 -11
  65. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +11 -11
  66. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +2 -0
  67. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.jsx +11 -11
  68. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md +3 -1
  69. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb +22 -22
  70. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +22 -22
  71. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb +22 -22
  72. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx +22 -22
  73. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.jsx +11 -11
  74. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children_with_radios.jsx +11 -11
  75. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb +11 -11
  76. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +73 -3
  77. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.jsx +23 -0
  78. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.md +1 -0
  79. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +1 -0
  80. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -0
  81. data/dist/chunks/_typeahead-MUu4QW0I.js +22 -0
  82. data/dist/chunks/_weekday_stacked-CZJor-EY.js +45 -0
  83. data/dist/chunks/lazysizes-DHz07jlL.js +1 -0
  84. data/dist/chunks/lib-DFF1N868.js +29 -0
  85. data/dist/chunks/{pb_form_validation-WWvUXPKD.js → pb_form_validation-D1Bwm-op.js} +1 -1
  86. data/dist/chunks/vendor.js +1 -1
  87. data/dist/playbook-doc.js +2 -2
  88. data/dist/playbook-rails-react-bindings.js +1 -1
  89. data/dist/playbook-rails.js +1 -1
  90. data/dist/playbook.css +1 -1
  91. data/lib/playbook/kit_base.rb +3 -3
  92. data/lib/playbook/version.rb +1 -1
  93. metadata +27 -8
  94. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb +0 -10
  95. data/dist/chunks/_typeahead-BPSIWtFT.js +0 -22
  96. data/dist/chunks/_weekday_stacked-CaTzIguf.js +0 -45
  97. data/dist/chunks/lazysizes-B7xYodB-.js +0 -1
  98. data/dist/chunks/lib-B20MXZcW.js +0 -29
@@ -129,9 +129,9 @@ module Playbook
129
129
  end
130
130
 
131
131
  inline_styles = dynamic_inline_props
132
- merged[:style] = if inline_styles.present?
133
- merged[:style].present? ? "#{merged[:style]}; #{inline_styles}" : inline_styles
134
- end
132
+ if inline_styles.present?
133
+ merged[:style] = merged[:style].present? ? "#{merged[:style]}; #{inline_styles}" : inline_styles
134
+ end
135
135
 
136
136
  merged.deep_merge(data_attributes)
137
137
  end
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.19.0"
5
- VERSION = "14.20.0.pre.rc.1"
5
+ VERSION = "14.20.0"
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.20.0.pre.rc.1
4
+ version: 14.20.0
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-05-15 00:00:00.000000000 Z
12
+ date: 2025-05-22 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -1318,13 +1318,29 @@ files:
1318
1318
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx
1319
1319
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx
1320
1320
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md
1321
- - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.html.erb
1322
1321
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx
1323
1322
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.md
1323
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb
1324
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.md
1324
1325
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.html.erb
1325
1326
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx
1326
1327
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb
1327
1328
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx
1329
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.jsx
1330
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.md
1331
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.jsx
1332
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.md
1333
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.html.erb
1334
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.md
1335
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.html.erb
1336
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.md
1337
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.html.erb
1338
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.jsx
1339
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.md
1340
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.html.erb
1341
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.jsx
1342
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.html.erb
1343
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx
1328
1344
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.html.erb
1329
1345
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx
1330
1346
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
@@ -1383,6 +1399,7 @@ files:
1383
1399
  - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx
1384
1400
  - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx
1385
1401
  - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx
1402
+ - app/pb_kits/playbook/pb_dropdown/subcomponents/MultiSelectTriggerDisplay.tsx
1386
1403
  - app/pb_kits/playbook/pb_dropdown/utilities/clickOutsideHelper.tsx
1387
1404
  - app/pb_kits/playbook/pb_dropdown/utilities/index.ts
1388
1405
  - app/pb_kits/playbook/pb_dropdown/utilities/subComponentHelper.tsx
@@ -3361,6 +3378,8 @@ files:
3361
3378
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
3362
3379
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
3363
3380
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
3381
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.jsx
3382
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.md
3364
3383
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
3365
3384
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
3366
3385
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
@@ -3567,11 +3586,11 @@ files:
3567
3586
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3568
3587
  - app/pb_kits/playbook/utilities/text.ts
3569
3588
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3570
- - dist/chunks/_typeahead-BPSIWtFT.js
3571
- - dist/chunks/_weekday_stacked-CaTzIguf.js
3572
- - dist/chunks/lazysizes-B7xYodB-.js
3573
- - dist/chunks/lib-B20MXZcW.js
3574
- - dist/chunks/pb_form_validation-WWvUXPKD.js
3589
+ - dist/chunks/_typeahead-MUu4QW0I.js
3590
+ - dist/chunks/_weekday_stacked-CZJor-EY.js
3591
+ - dist/chunks/lazysizes-DHz07jlL.js
3592
+ - dist/chunks/lib-DFF1N868.js
3593
+ - dist/chunks/pb_form_validation-D1Bwm-op.js
3575
3594
  - dist/chunks/vendor.js
3576
3595
  - dist/menu.yml
3577
3596
  - dist/playbook-doc.js
@@ -1,10 +0,0 @@
1
- <%
2
- options = [
3
- { label: 'United States', value: 'United States', id: 'us' },
4
- { label: 'Canada', value: 'Canada', id: 'ca' },
5
- { label: 'Pakistan', value: 'Pakistan', id: 'pk' },
6
- ]
7
-
8
- %>
9
-
10
- <%= pb_rails("dropdown", props: {options: options}) %>