playbook_ui 14.19.0.pre.rc.2 → 14.19.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 (124) 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/docs/_advanced_table_beta.md +0 -6
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md +5 -1
  5. 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
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md +3 -2
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +3 -3
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js +106 -0
  10. data/app/pb_kits/playbook/pb_advanced_table/index.js +228 -11
  11. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +9 -1
  12. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +0 -3
  13. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +1 -2
  14. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +4 -0
  15. data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +3 -0
  16. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +3 -3
  17. data/app/pb_kits/playbook/pb_avatar/avatar.rb +2 -0
  18. data/app/pb_kits/playbook/pb_avatar/avatar.test.js +18 -0
  19. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb +5 -0
  20. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx +16 -0
  21. data/app/pb_kits/playbook/pb_avatar/docs/example.yml +2 -0
  22. data/app/pb_kits/playbook/pb_avatar/docs/index.js +1 -0
  23. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -1
  24. data/app/pb_kits/playbook/pb_card/card.rb +12 -0
  25. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +2 -2
  26. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb +22 -1
  27. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb +55 -0
  28. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md +5 -0
  29. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md +5 -0
  30. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx +59 -0
  31. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md +1 -0
  32. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +2 -0
  33. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  34. data/app/pb_kits/playbook/pb_draggable/draggable_container.rb +11 -1
  35. data/app/pb_kits/playbook/pb_draggable/draggable_item.rb +11 -1
  36. data/app/pb_kits/playbook/pb_draggable/index.js +4 -2
  37. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +33 -5
  38. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +5 -0
  39. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +5 -16
  40. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb +5 -2
  41. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb +28 -0
  42. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +17 -64
  43. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb +58 -0
  44. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_autocomplete_and_custom_display.jsx → _dropdown_with_autocomplete_with_subcomponents.jsx} +11 -25
  45. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md +1 -0
  46. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md +1 -0
  47. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx +61 -0
  48. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md +2 -0
  49. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb +52 -0
  50. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md +2 -0
  51. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +7 -4
  52. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +2 -2
  53. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
  54. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +4 -0
  55. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +45 -1
  56. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +10 -0
  57. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +3 -0
  58. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +12 -2
  59. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.rb +3 -1
  60. data/app/pb_kits/playbook/pb_dropdown/index.js +57 -0
  61. data/app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js +26 -0
  62. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +1 -2
  63. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +4 -4
  64. data/app/pb_kits/playbook/pb_empty_state/_empty_state.scss +8 -1
  65. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb +27 -0
  66. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb +7 -0
  67. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb +12 -0
  68. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb +23 -0
  69. data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +5 -1
  70. data/app/pb_kits/playbook/pb_empty_state/empty_state.html.erb +19 -0
  71. data/app/pb_kits/playbook/pb_empty_state/empty_state.rb +123 -0
  72. data/app/pb_kits/playbook/pb_message/_message.tsx +3 -0
  73. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb +9 -0
  74. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx +21 -0
  75. data/app/pb_kits/playbook/pb_message/docs/example.yml +2 -0
  76. data/app/pb_kits/playbook/pb_message/docs/index.js +1 -0
  77. data/app/pb_kits/playbook/pb_message/message.html.erb +2 -1
  78. data/app/pb_kits/playbook/pb_message/message.rb +1 -0
  79. data/app/pb_kits/playbook/pb_overlay/_overlay.scss +2 -1
  80. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +1 -1
  81. data/app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx +5 -4
  82. data/app/pb_kits/playbook/pb_select/_select.scss +10 -0
  83. data/app/pb_kits/playbook/pb_select/docs/_select_error.html.erb +1 -1
  84. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +7 -7
  85. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +5 -5
  86. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb +1 -1
  87. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb +5 -1
  88. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb +8 -1
  89. data/app/pb_kits/playbook/pb_user/_user.tsx +3 -0
  90. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb +6 -0
  91. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx +16 -0
  92. data/app/pb_kits/playbook/pb_user/docs/example.yml +2 -0
  93. data/app/pb_kits/playbook/pb_user/docs/index.js +1 -0
  94. data/app/pb_kits/playbook/pb_user/user.html.erb +2 -1
  95. data/app/pb_kits/playbook/pb_user/user.rb +1 -0
  96. data/dist/chunks/{_typeahead-D8CsVBZO.js → _typeahead-D62OcwsT.js} +3 -3
  97. data/dist/chunks/_weekday_stacked-Ceh9N0ow.js +45 -0
  98. data/dist/chunks/lazysizes-DHz07jlL.js +1 -0
  99. data/dist/chunks/lib-CeKZrPmu.js +29 -0
  100. data/dist/chunks/{pb_form_validation-BWjy4bFn.js → pb_form_validation-BioH7DWv.js} +1 -1
  101. data/dist/chunks/vendor.js +1 -1
  102. data/dist/menu.yml +6 -14
  103. data/dist/playbook-doc.js +2 -2
  104. data/dist/playbook-rails-react-bindings.js +1 -1
  105. data/dist/playbook-rails.js +1 -1
  106. data/dist/playbook.css +1 -1
  107. data/lib/playbook/version.rb +1 -1
  108. metadata +40 -22
  109. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md +0 -1
  110. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +0 -79
  111. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.scss +0 -3
  112. data/app/pb_kits/playbook/pb_gantt_chart/_gantt_chart.tsx +0 -72
  113. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +0 -53
  114. data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +0 -7
  115. data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +0 -1
  116. data/app/pb_kits/playbook/pb_gantt_chart/gantt_chart.test.jsx +0 -19
  117. data/dist/chunks/_weekday_stacked-D3oLTSkH.js +0 -45
  118. data/dist/chunks/lazysizes-B7xYodB-.js +0 -1
  119. data/dist/chunks/lib-BmTAc7Nc.js +0 -29
  120. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_react.md → _advanced_table_selectable_rows.md} +0 -0
  121. /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
  122. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows.html.erb → _advanced_table_selectable_rows_rails.html.erb} +0 -0
  123. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_line.md → _draggable_drop_zones_line_react.md} +0 -0
  124. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_event_listeners.md → _draggable_event_listeners_rails.md} +0 -0
data/app/pb_kits/playbook/pb_user/docs/example.yml CHANGED
@@ -10,6 +10,7 @@ examples:
10
10
  - user_subtitle: Subtitle
11
11
  - user_block_content_subtitle_rails: Block Content Subtitle
12
12
  - user_font_options: Font Options
13
+ - user_grayscale: Grayscale Avatar
13
14
 
14
15
  react:
15
16
  - user_default: Default
@@ -21,6 +22,7 @@ examples:
21
22
  - user_subtitle: Subtitle
22
23
  - user_block_content_subtitle_react: Block Content Subtitle
23
24
  - user_font_options: Font Options
25
+ - user_grayscale: Grayscale Avatar
24
26
 
25
27
  swift:
26
28
  - user_horizontal_swift: Horizontal
data/app/pb_kits/playbook/pb_user/docs/index.js CHANGED
@@ -7,3 +7,4 @@ export { default as UserVerticalSize } from './_user_vertical_size.jsx'
7
7
  export { default as UserSubtitle } from './_user_subtitle.jsx'
8
8
  export { default as UserBlockContentSubtitleReact } from './_user_block_content_subtitle_react.jsx'
9
9
  export { default as UserFontOptions } from './_user_font_options.jsx'
10
+ export { default as UserGrayscale } from './_user_grayscale.jsx'
data/app/pb_kits/playbook/pb_user/user.html.erb CHANGED
@@ -3,7 +3,8 @@
3
3
  <%= pb_rails("avatar", props: {
4
4
  name: object.name,
5
5
  size: object.avatar_size,
6
- image_url: object.avatar_url
6
+ image_url: object.avatar_url,
7
+ grayscale: object.avatar_grayscale,
7
8
  }) %>
8
9
  <% end %>
9
10
  <%= content_tag(:div, class: "content_wrapper") do %>
data/app/pb_kits/playbook/pb_user/user.rb CHANGED
@@ -8,6 +8,7 @@ module Playbook
8
8
  default: "left"
9
9
  prop :avatar, type: Playbook::Props::Boolean,
10
10
  default: false
11
+ prop :avatar_grayscale, type: Playbook::Props::Boolean, default: false
11
12
  prop :avatar_url
12
13
  prop :bold, type: Playbook::Props::Boolean, default: true
13
14
  prop :name