playbook_ui 14.13.0 → 14.14.0.pre.alpha.PBNTR866finalizecssendlessscroll6486

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 (195) 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 +127 -0
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx +55 -0
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/TablePagination.tsx +33 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +275 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx +143 -3
  8. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts +66 -0
  9. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +195 -0
  10. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +45 -99
  11. data/app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx +73 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts +52 -0
  13. data/app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts +80 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +126 -7
  15. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +153 -298
  16. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +8 -1
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx +75 -0
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +50 -0
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +1 -1
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md +3 -1
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md +1 -1
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb +33 -0
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md +3 -0
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json +152002 -0
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +2 -0
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +2 -1
  27. data/app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss +58 -0
  28. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx +64 -0
  29. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md +1 -0
  30. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +1 -0
  31. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +1 -0
  32. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +17 -8
  33. data/app/pb_kits/playbook/pb_checkbox/checkbox.test.js +16 -0
  34. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +69 -0
  35. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md +1 -0
  36. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +2 -1
  37. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +1 -0
  38. data/app/pb_kits/playbook/pb_currency/_currency.tsx +46 -31
  39. data/app/pb_kits/playbook/pb_currency/currency.html.erb +15 -8
  40. data/app/pb_kits/playbook/pb_currency/currency.rb +17 -2
  41. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb +22 -0
  42. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx +34 -0
  43. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md +1 -0
  44. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display_react.md +1 -0
  45. data/app/pb_kits/playbook/pb_currency/docs/example.yml +2 -0
  46. data/app/pb_kits/playbook/pb_currency/docs/index.js +2 -1
  47. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +3 -1
  48. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb +2 -2
  49. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md +4 -1
  50. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +90 -0
  51. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +5 -0
  52. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +2 -0
  53. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  54. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +7 -4
  55. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +6 -3
  56. data/app/pb_kits/playbook/pb_drawer/_drawer.scss +32 -8
  57. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb +8 -0
  58. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb +33 -0
  59. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +0 -0
  60. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb +20 -1
  61. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb +24 -0
  62. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb +21 -0
  63. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md +1 -0
  64. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb +49 -0
  65. data/app/pb_kits/playbook/pb_drawer/docs/example.yml +5 -0
  66. data/app/pb_kits/playbook/pb_drawer/drawer.html.erb +20 -12
  67. data/app/pb_kits/playbook/pb_drawer/drawer.rb +49 -1
  68. data/app/pb_kits/playbook/pb_drawer/index.js +257 -0
  69. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  70. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +2 -1
  71. data/app/pb_kits/playbook/pb_icon_button/_icon_button.tsx +71 -0
  72. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb +1 -2
  73. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx +17 -0
  74. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb +27 -0
  75. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx +61 -0
  76. data/app/pb_kits/playbook/pb_icon_button/docs/example.yml +5 -3
  77. data/app/pb_kits/playbook/pb_icon_button/docs/index.js +2 -0
  78. data/app/pb_kits/playbook/pb_icon_button/icon_button.html.erb +1 -1
  79. data/app/pb_kits/playbook/pb_icon_button/icon_button.rb +3 -0
  80. data/app/pb_kits/playbook/pb_icon_button/icon_button.test.jsx +39 -0
  81. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +1 -6
  82. data/app/pb_kits/playbook/pb_nav/item.html.erb +7 -19
  83. data/app/pb_kits/playbook/pb_nav/nav.html.erb +3 -8
  84. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +1 -6
  85. data/app/pb_kits/playbook/pb_overlay/_overlay.scss +13 -0
  86. data/app/pb_kits/playbook/pb_overlay/_overlay.tsx +11 -1
  87. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb +11 -0
  88. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx +37 -0
  89. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md +1 -0
  90. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md +1 -0
  91. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb +11 -0
  92. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +37 -0
  93. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md +1 -0
  94. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md +1 -0
  95. data/app/pb_kits/playbook/pb_overlay/docs/example.yml +4 -0
  96. data/app/pb_kits/playbook/pb_overlay/docs/index.js +2 -0
  97. data/app/pb_kits/playbook/pb_overlay/index.js +61 -0
  98. data/app/pb_kits/playbook/pb_overlay/overlay.html.erb +5 -3
  99. data/app/pb_kits/playbook/pb_overlay/overlay.rb +16 -1
  100. data/app/pb_kits/playbook/pb_overlay/overlay.test.jsx +12 -0
  101. data/app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx +48 -10
  102. data/app/pb_kits/playbook/pb_popover/popover.html.erb +1 -6
  103. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss +6 -1
  104. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +7 -5
  105. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +1 -0
  106. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +7 -0
  107. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md +1 -0
  108. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb +1 -0
  109. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx +18 -0
  110. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md +1 -0
  111. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md +1 -0
  112. data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +2 -0
  113. data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +1 -0
  114. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +2 -7
  115. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +6 -0
  116. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.test.js +26 -1
  117. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +1 -5
  118. data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +1 -5
  119. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +3 -7
  120. data/app/pb_kits/playbook/pb_radio/radio.html.erb +6 -11
  121. data/app/pb_kits/playbook/pb_select/index.js +38 -0
  122. data/app/pb_kits/playbook/pb_select/select.rb +8 -0
  123. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb +47 -0
  124. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx +88 -0
  125. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md +1 -0
  126. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +1 -1
  127. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb +51 -0
  128. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md +2 -0
  129. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +96 -0
  130. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx +101 -0
  131. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md +1 -0
  132. data/app/pb_kits/playbook/pb_table/docs/example.yml +5 -0
  133. data/app/pb_kits/playbook/pb_table/docs/index.js +3 -1
  134. data/app/pb_kits/playbook/pb_table/index.ts +41 -9
  135. data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +4 -0
  136. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +29 -2
  137. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +31 -3
  138. data/app/pb_kits/playbook/pb_table/table_body.html.erb +13 -7
  139. data/app/pb_kits/playbook/pb_table/table_body.rb +2 -0
  140. data/app/pb_kits/playbook/pb_table/table_row.html.erb +14 -7
  141. data/app/pb_kits/playbook/pb_table/table_row.rb +14 -1
  142. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +14 -0
  143. data/app/pb_kits/playbook/pb_text_input/index.js +9 -0
  144. data/app/pb_kits/playbook/pb_text_input/text_input.rb +5 -2
  145. data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +0 -3
  146. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb +39 -0
  147. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md +3 -0
  148. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb +26 -0
  149. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +2 -0
  150. data/app/pb_kits/playbook/pb_tooltip/floating_ui.js +282 -0
  151. data/app/pb_kits/playbook/pb_tooltip/index.js +2 -2
  152. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +10 -2
  153. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +34 -1
  154. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb +45 -0
  155. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md +5 -0
  156. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb +33 -0
  157. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.md +3 -0
  158. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +2 -0
  159. data/app/pb_kits/playbook/pb_typeahead/index.ts +61 -8
  160. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +13 -1
  161. data/dist/chunks/_typeahead-BBL6ThPp.js +36 -0
  162. data/dist/chunks/_weekday_stacked-CF_V6Rbs.js +45 -0
  163. data/dist/chunks/lazysizes-B7xYodB-.js +1 -0
  164. data/dist/chunks/{lib-DjpLC8uO.js → lib-Dmay5Z6U.js} +2 -2
  165. data/dist/chunks/{pb_form_validation-S56UaHZl.js → pb_form_validation-DdP7BnVX.js} +1 -1
  166. data/dist/chunks/vendor.js +1 -1
  167. data/dist/menu.yml +3 -10
  168. data/dist/playbook-doc.js +1 -1
  169. data/dist/playbook-rails-react-bindings.js +1 -1
  170. data/dist/playbook-rails.js +1 -1
  171. data/dist/playbook.css +1 -1
  172. data/lib/playbook/forms/builder/time_zone_select_field.rb +19 -0
  173. data/lib/playbook/forms/builder.rb +1 -0
  174. data/lib/playbook/version.rb +2 -2
  175. metadata +79 -24
  176. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +0 -66
  177. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx +0 -98
  178. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +0 -28
  179. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb +0 -42
  180. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb +0 -19
  181. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +0 -26
  182. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb +0 -10
  183. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +0 -17
  184. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +0 -19
  185. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb +0 -16
  186. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb +0 -35
  187. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +0 -42
  188. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb +0 -13
  189. data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +0 -15
  190. data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +0 -4
  191. data/app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js +0 -31
  192. data/dist/chunks/_typeahead-btjo1UN5.js +0 -36
  193. data/dist/chunks/_weekday_stacked-DeYS_l8v.js +0 -45
  194. data/dist/chunks/lazysizes-DHz07jlL.js +0 -1
  195. /data/app/pb_kits/playbook/pb_table/docs/{_table_with_collapsible_with_custom_click.md → _table_with_collapsible_with_custom_click_react.md} +0 -0
@@ -0,0 +1,19 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module Forms
5
+ class Builder
6
+ def time_zone_select_field(name, choices = {}, options = {}, html_options = {}, props: {})
7
+ props[:label] = @template.label(@object_name, name) if props[:label] == true
8
+ options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
9
+ options[:prompt] = props[:blank_selection] || ""
10
+ html_options[:required] = "required" if props[:required]
11
+ input = @template.time_zone_select(@object_name, name, choices, options, html_options)
12
+
13
+ @template.pb_rails("select", props: props) do
14
+ input
15
+ end
16
+ end
17
+ end
18
+ end
19
+ end
@@ -15,6 +15,7 @@ module Playbook
15
15
  require_relative "builder/phone_number_field"
16
16
  require_relative "builder/dropdown_field"
17
17
  require_relative "builder/star_rating_field"
18
+ require_relative "builder/time_zone_select_field"
18
19
 
19
20
  prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
20
21
  prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.12.0"
5
- VERSION = "14.13.0"
4
+ PREVIOUS_VERSION = "14.14.0"
5
+ VERSION = "14.14.0.pre.alpha.PBNTR866finalizecssendlessscroll6486"
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.13.0
4
+ version: 14.14.0.pre.alpha.PBNTR866finalizecssendlessscroll6486
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-02-07 00:00:00.000000000 Z
12
+ date: 2025-03-05 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -257,18 +257,27 @@ files:
257
257
  - app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx
258
258
  - app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx
259
259
  - app/pb_kits/playbook/pb_advanced_table/Components/LoadingCell.tsx
260
+ - app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx
260
261
  - app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx
261
262
  - app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx
263
+ - app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx
262
264
  - app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx
265
+ - app/pb_kits/playbook/pb_advanced_table/Components/TablePagination.tsx
263
266
  - app/pb_kits/playbook/pb_advanced_table/Components/ToggleIconButton.tsx
267
+ - app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx
264
268
  - app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx
269
+ - app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts
270
+ - app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts
265
271
  - app/pb_kits/playbook/pb_advanced_table/README.md
266
272
  - app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx
267
273
  - app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx
268
274
  - app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
269
275
  - app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
276
+ - app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx
270
277
  - app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
271
278
  - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
279
+ - app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts
280
+ - app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts
272
281
  - app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts
273
282
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
274
283
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
@@ -288,6 +297,7 @@ files:
288
297
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
289
298
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
290
299
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
300
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx
291
301
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
292
302
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
293
303
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
@@ -299,6 +309,7 @@ files:
299
309
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
300
310
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
301
311
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
312
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
302
313
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
303
314
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
304
315
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb
@@ -333,10 +344,13 @@ files:
333
344
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
334
345
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md
335
346
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
347
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb
336
348
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
349
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
337
350
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
338
351
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
339
352
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
353
+ - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
340
354
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
341
355
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
342
356
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
@@ -384,22 +398,6 @@ files:
384
398
  - app/pb_kits/playbook/pb_avatar/docs/_footer.md
385
399
  - app/pb_kits/playbook/pb_avatar/docs/example.yml
386
400
  - app/pb_kits/playbook/pb_avatar/docs/index.js
387
- - app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss
388
- - app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx
389
- - app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb
390
- - app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
391
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
392
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
393
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
394
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
395
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
396
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
397
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
398
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
399
- - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
400
- - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
401
- - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
402
- - app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js
403
401
  - app/pb_kits/playbook/pb_background/_background.scss
404
402
  - app/pb_kits/playbook/pb_background/_background.tsx
405
403
  - app/pb_kits/playbook/pb_background/background.html.erb
@@ -450,6 +448,7 @@ files:
450
448
  - app/pb_kits/playbook/pb_badge/docs/_description.md
451
449
  - app/pb_kits/playbook/pb_badge/docs/example.yml
452
450
  - app/pb_kits/playbook/pb_badge/docs/index.js
451
+ - app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss
453
452
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
454
453
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
455
454
  - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
@@ -478,6 +477,8 @@ files:
478
477
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
479
478
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
480
479
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
480
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx
481
+ - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md
481
482
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
482
483
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
483
484
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -682,6 +683,8 @@ files:
682
683
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
683
684
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
684
685
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
686
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx
687
+ - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md
685
688
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
686
689
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
687
690
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -833,6 +836,10 @@ files:
833
836
  - app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx
834
837
  - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
835
838
  - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
839
+ - app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb
840
+ - app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx
841
+ - app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md
842
+ - app/pb_kits/playbook/pb_currency/docs/_currency_null_display_react.md
836
843
  - app/pb_kits/playbook/pb_currency/docs/_currency_props_swift.md
837
844
  - app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
838
845
  - app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx
@@ -1187,6 +1194,8 @@ files:
1187
1194
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
1188
1195
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
1189
1196
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
1197
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
1198
+ - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
1190
1199
  - app/pb_kits/playbook/pb_draggable/docs/example.yml
1191
1200
  - app/pb_kits/playbook/pb_draggable/docs/index.js
1192
1201
  - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -1204,14 +1213,21 @@ files:
1204
1213
  - app/pb_kits/playbook/pb_drawer/_drawer.tsx
1205
1214
  - app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
1206
1215
  - app/pb_kits/playbook/pb_drawer/context.ts
1216
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb
1207
1217
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
1218
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
1208
1219
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
1220
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
1209
1221
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
1210
1222
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
1211
1223
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
1224
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
1212
1225
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
1213
1226
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
1227
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
1214
1228
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
1229
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
1230
+ - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
1215
1231
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
1216
1232
  - app/pb_kits/playbook/pb_drawer/docs/example.yml
1217
1233
  - app/pb_kits/playbook/pb_drawer/docs/index.js
@@ -1220,6 +1236,7 @@ files:
1220
1236
  - app/pb_kits/playbook/pb_drawer/drawer.test.jsx
1221
1237
  - app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
1222
1238
  - app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
1239
+ - app/pb_kits/playbook/pb_drawer/index.js
1223
1240
  - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
1224
1241
  - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
1225
1242
  - app/pb_kits/playbook/pb_dropdown/context/index.tsx
@@ -1628,10 +1645,16 @@ files:
1628
1645
  - app/pb_kits/playbook/pb_icon/icon.rb
1629
1646
  - app/pb_kits/playbook/pb_icon/icon.test.js
1630
1647
  - app/pb_kits/playbook/pb_icon_button/_icon_button.scss
1648
+ - app/pb_kits/playbook/pb_icon_button/_icon_button.tsx
1631
1649
  - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
1650
+ - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx
1651
+ - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
1652
+ - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx
1632
1653
  - app/pb_kits/playbook/pb_icon_button/docs/example.yml
1654
+ - app/pb_kits/playbook/pb_icon_button/docs/index.js
1633
1655
  - app/pb_kits/playbook/pb_icon_button/icon_button.html.erb
1634
1656
  - app/pb_kits/playbook/pb_icon_button/icon_button.rb
1657
+ - app/pb_kits/playbook/pb_icon_button/icon_button.test.jsx
1635
1658
  - app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
1636
1659
  - app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
1637
1660
  - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
@@ -2115,14 +2138,23 @@ files:
2115
2138
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.html.erb
2116
2139
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx
2117
2140
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_default.md
2141
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.html.erb
2142
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx
2143
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_rails.md
2144
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar_react.md
2118
2145
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.html.erb
2119
2146
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx
2120
2147
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.md
2121
2148
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
2122
2149
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
2123
2150
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
2151
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb
2152
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
2153
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md
2154
+ - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
2124
2155
  - app/pb_kits/playbook/pb_overlay/docs/example.yml
2125
2156
  - app/pb_kits/playbook/pb_overlay/docs/index.js
2157
+ - app/pb_kits/playbook/pb_overlay/index.js
2126
2158
  - app/pb_kits/playbook/pb_overlay/overlay.html.erb
2127
2159
  - app/pb_kits/playbook/pb_overlay/overlay.rb
2128
2160
  - app/pb_kits/playbook/pb_overlay/overlay.test.jsx
@@ -2275,6 +2307,11 @@ files:
2275
2307
  - app/pb_kits/playbook/pb_progress_pills/docs/_description.md
2276
2308
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
2277
2309
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
2310
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md
2311
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb
2312
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx
2313
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md
2314
+ - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md
2278
2315
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
2279
2316
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
2280
2317
  - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
@@ -2476,6 +2513,7 @@ files:
2476
2513
  - app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx
2477
2514
  - app/pb_kits/playbook/pb_select/docs/example.yml
2478
2515
  - app/pb_kits/playbook/pb_select/docs/index.js
2516
+ - app/pb_kits/playbook/pb_select/index.js
2479
2517
  - app/pb_kits/playbook/pb_select/select.html.erb
2480
2518
  - app/pb_kits/playbook/pb_select/select.rb
2481
2519
  - app/pb_kits/playbook/pb_select/select.test.js
@@ -2743,12 +2781,17 @@ files:
2743
2781
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
2744
2782
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
2745
2783
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
2784
+ - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb
2785
+ - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx
2786
+ - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md
2746
2787
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
2747
2788
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
2748
2789
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
2749
2790
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
2791
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb
2750
2792
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
2751
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
2793
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md
2794
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_react.md
2752
2795
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
2753
2796
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
2754
2797
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb
@@ -2761,6 +2804,9 @@ files:
2761
2804
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
2762
2805
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
2763
2806
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
2807
+ - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
2808
+ - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
2809
+ - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md
2764
2810
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
2765
2811
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
2766
2812
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
@@ -3064,9 +3110,12 @@ files:
3064
3110
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
3065
3111
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx
3066
3112
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
3113
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb
3114
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
3067
3115
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
3068
3116
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
3069
3117
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
3118
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
3070
3119
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
3071
3120
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
3072
3121
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
@@ -3080,6 +3129,7 @@ files:
3080
3129
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
3081
3130
  - app/pb_kits/playbook/pb_tooltip/docs/example.yml
3082
3131
  - app/pb_kits/playbook/pb_tooltip/docs/index.js
3132
+ - app/pb_kits/playbook/pb_tooltip/floating_ui.js
3083
3133
  - app/pb_kits/playbook/pb_tooltip/index.js
3084
3134
  - app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
3085
3135
  - app/pb_kits/playbook/pb_tooltip/tooltip.rb
@@ -3126,6 +3176,10 @@ files:
3126
3176
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx
3127
3177
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
3128
3178
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
3179
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.html.erb
3180
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options.md
3181
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.html.erb
3182
+ - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_dynamic_options_pure_rails.md
3129
3183
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb
3130
3184
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx
3131
3185
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.md
@@ -3332,11 +3386,11 @@ files:
3332
3386
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3333
3387
  - app/pb_kits/playbook/utilities/text.ts
3334
3388
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3335
- - dist/chunks/_typeahead-btjo1UN5.js
3336
- - dist/chunks/_weekday_stacked-DeYS_l8v.js
3337
- - dist/chunks/lazysizes-DHz07jlL.js
3338
- - dist/chunks/lib-DjpLC8uO.js
3339
- - dist/chunks/pb_form_validation-S56UaHZl.js
3389
+ - dist/chunks/_typeahead-BBL6ThPp.js
3390
+ - dist/chunks/_weekday_stacked-CF_V6Rbs.js
3391
+ - dist/chunks/lazysizes-B7xYodB-.js
3392
+ - dist/chunks/lib-Dmay5Z6U.js
3393
+ - dist/chunks/pb_form_validation-DdP7BnVX.js
3340
3394
  - dist/chunks/vendor.js
3341
3395
  - dist/menu.yml
3342
3396
  - dist/playbook-doc.js
@@ -3372,6 +3426,7 @@ files:
3372
3426
  - lib/playbook/forms/builder/phone_number_field.rb
3373
3427
  - lib/playbook/forms/builder/select_field.rb
3374
3428
  - lib/playbook/forms/builder/star_rating_field.rb
3429
+ - lib/playbook/forms/builder/time_zone_select_field.rb
3375
3430
  - lib/playbook/forms/builder/typeahead_field.rb
3376
3431
  - lib/playbook/height.rb
3377
3432
  - lib/playbook/hover.rb
@@ -1,66 +0,0 @@
1
- [class^=pb_avatar_action_button_kit] {
2
-
3
- $icon_size: 0px;
4
- $border_size: 0px;
5
-
6
- $action-colors: (
7
- "add": $primary,
8
- "remove": $error,
9
- );
10
-
11
- @each $key, $value in $action-colors {
12
- &[class*=_#{$key}] a {
13
- color: $value;
14
- }
15
- }
16
-
17
- @mixin icon-base {
18
- &.dark{
19
- background-color: $bg_dark
20
- }
21
- width: $icon_size;
22
- height: $icon_size;
23
- position: absolute;
24
- background-color: $white;
25
- border-radius: $icon_size;
26
- font-size: ($icon_size - $border_size * 2);
27
- display: flex;
28
- justify-content: center;
29
- align-items: center;
30
- z-index: 1;
31
- }
32
-
33
- @each $name, $size in $avatar-sizes {
34
-
35
- &[class*=_#{$name}] {
36
-
37
- $avatar_size: map-get($avatar-sizes, $name);
38
- $icon_size: $avatar_size / 2;
39
- $border_size: $icon_size / 10;
40
-
41
- position: relative;
42
- width: $avatar_size * 1.25;
43
- height: $avatar_size * 1.1;
44
- display: flex;
45
-
46
- [class^=pb_tooltip_kit] {
47
- justify-self: center;
48
- }
49
-
50
- &[class*=_bottom] .icon {
51
- @include icon-base;
52
- top: $icon_size * 1.27;
53
- }
54
- &[class*=_top] .icon {
55
- @include icon-base;
56
- bottom: $icon_size * 1.27;
57
- }
58
- &[class*=_right] .icon {
59
- left: $icon_size * 1.5;
60
- }
61
- &[class*=_left] [class^=pb_avatar_kit] {
62
- padding-left: $icon_size / 2;
63
- }
64
- }
65
- }
66
- }
@@ -1,98 +0,0 @@
1
- import React from 'react'
2
- import classnames from 'classnames'
3
-
4
- import {
5
- buildAriaProps,
6
- buildCss,
7
- buildDataProps,
8
- buildHtmlProps } from '../utilities/props'
9
- import { globalProps } from '../utilities/globalProps'
10
-
11
- import Avatar from '../pb_avatar/_avatar'
12
- import Icon from '../pb_icon/_icon'
13
-
14
- type AvatarActionButtonProps = {
15
- action?: "add" | "remove",
16
- aria?: {[key: string]: string},
17
- linkAriaLabel?: string,
18
- className?: string,
19
- dark?: boolean,
20
- data?: {[key: string]: string},
21
- htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
22
- id?: string,
23
- imageAlt?: string,
24
- imageUrl?: string,
25
- linkUrl?: string,
26
- name?: string,
27
- onClick?: React.MouseEventHandler<HTMLSpanElement>,
28
- placement?: string,
29
- size?: "md" | "lg" | "sm" | "xl" | "xs" | "xxs",
30
- }
31
-
32
- const AvatarActionButton = (props: AvatarActionButtonProps): React.ReactElement => {
33
- const {
34
- action = 'add',
35
- aria = {},
36
- linkAriaLabel,
37
- className,
38
- dark = false,
39
- data = {},
40
- htmlOptions = {},
41
- id,
42
- imageAlt = '',
43
- imageUrl,
44
- linkUrl,
45
- name,
46
- onClick,
47
- placement = 'bottom left',
48
- size = 'md',
49
- } = props
50
-
51
- const ariaProps = buildAriaProps(aria)
52
- const dataProps = buildDataProps(data)
53
- const htmlProps = buildHtmlProps(htmlOptions)
54
-
55
- const classes = classnames(buildCss(
56
- 'pb_avatar_action_button_kit',
57
- action,
58
- placement,
59
- size),
60
- globalProps(props),
61
- className)
62
-
63
- const icons = {
64
- add: 'plus-circle',
65
- remove: 'times-circle',
66
- }
67
-
68
- return (
69
- <div
70
- {...ariaProps}
71
- {...dataProps}
72
- {...htmlProps}
73
- className={classes}
74
- id={id}
75
- >
76
- <a
77
- aria-label={linkAriaLabel}
78
- href={linkUrl}
79
- onClick={onClick}
80
- >
81
- <Avatar
82
- imageAlt={imageAlt}
83
- imageUrl={imageUrl}
84
- name={name}
85
- size={size}
86
- />
87
- <div className={`icon ${dark ? 'dark' : ''}`}>
88
- <Icon
89
- dark={dark}
90
- icon={icons[action]}
91
- />
92
- </div>
93
- </a>
94
- </div>
95
- )
96
- }
97
-
98
- export default AvatarActionButton
@@ -1,28 +0,0 @@
1
- <%= pb_content_tag do %>
2
- <% if object.tooltip_text.present? %>
3
- <%= pb_rails("tooltip", props: {
4
- trigger_element_id: object.tooltip_id,
5
- tooltip_id: "tooltip-2",
6
- position: 'top'
7
- }) do %>
8
- <%= object.tooltip_text %>
9
- <% end %>
10
- <% end %>
11
-
12
- <%= link_to object.link_url, id: object.tooltip_id, 'aria-label': object.link_aria_label do %>
13
- <%= pb_rails("avatar", props: {
14
- dark: object.dark,
15
- name: object.name,
16
- size: object.size,
17
- image_alt: object.image_alt,
18
- image_url: object.image_url,
19
- class: "avatar_action"
20
- }) %>
21
- <div class="icon <%= object.dark ? 'dark' : '' %> ">
22
- <%= pb_rails("icon", props: {
23
- dark: object.dark,
24
- icon: object.action_icons
25
- }) %>
26
- </div>
27
- <% end %>
28
- <% end %>
@@ -1,42 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module PbAvatarActionButton
5
- class AvatarActionButton < Playbook::KitBase
6
- prop :action, type: Playbook::Props::String,
7
- default: "add"
8
- prop :link_aria_label, type: Playbook::Props::String
9
- prop :image_alt, type: Playbook::Props::String
10
- prop :image_url, type: Playbook::Props::String
11
- prop :link_url, type: Playbook::Props::String, default: "#"
12
- prop :tooltip_text, type: Playbook::Props::String
13
- prop :tooltip_id, type: Playbook::Props::String
14
- prop :name, type: Playbook::Props::String,
15
- default: ""
16
- prop :size, type: Playbook::Props::Enum,
17
- values: %w[xs sm md lg xl],
18
- default: "md"
19
- prop :placement, type: Playbook::Props::Enum,
20
- values: %w[bottom_left bottom_right top_left top_right],
21
- default: "bottom_left"
22
-
23
- def classname
24
- generate_classname("pb_avatar_action_button_kit", action, size, placement)
25
- end
26
-
27
- def action_icons
28
- icon_hash = {
29
- add: "plus-circle",
30
- remove: "times-circle",
31
- }
32
- # if an 'action' prop is passed that isn't
33
- # in the icon_hash an empty string is returned
34
- # instead of a null value, which would break the page
35
-
36
- # double pipe ruby syntax below is essentially a reduced if-else statement
37
- # if icon_hash[action.to_sym] returns a falsey value, return "" instead
38
- icon_hash[action.to_sym] ||= ""
39
- end
40
- end
41
- end
42
- end
@@ -1,19 +0,0 @@
1
- <div class="pb--doc-demo-row">
2
-
3
- <%= pb_rails("avatar_action_button", props: {
4
- link_aria_label: "Add Sophia Carden",
5
- name: "Sophia Carden",
6
- image_alt: "Add Sophia Carden",
7
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
8
- action: "add",
9
- }) %>
10
-
11
- <%= pb_rails("avatar_action_button", props: {
12
- link_aria_label: "Remove Sophia Carden",
13
- name: "Sophia Carden",
14
- image_alt: "Remove Sophia Carden",
15
- image_url: "https://randomuser.me/api/portraits/women/8.jpg",
16
- action: "remove",
17
- }) %>
18
-
19
- </div>
@@ -1,26 +0,0 @@
1
- import React from 'react'
2
-
3
- import AvatarActionButton from '../_avatar_action_button'
4
-
5
- const AvatarActionButtonActions = (props) => (
6
- <div className="pb--doc-demo-row">
7
- <AvatarActionButton
8
- action="add"
9
- imageAlt="Add Sophia Carden"
10
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
11
- linkAriaLabel="Add Sophia Carden"
12
- name="Sophia Carden"
13
- {...props}
14
- />
15
- <AvatarActionButton
16
- action="remove"
17
- imageAlt="Remove Sophia Carden"
18
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
19
- linkAriaLabel="Remove Sophia Carden"
20
- name="Sophia Carden"
21
- {...props}
22
- />
23
- </div>
24
- )
25
-
26
- export default AvatarActionButtonActions
@@ -1,10 +0,0 @@
1
- <div class="pb--doc-demo-row">
2
-
3
- <%= pb_rails("avatar_action_button", props: {
4
- link_aria_label: "Sophia Carden",
5
- name: "Sophia Carden",
6
- image_alt: "Sophia Carden",
7
- image_url: "https://randomuser.me/api/portraits/women/8.jpg"
8
- }) %>
9
-
10
- </div>