playbook_ui 14.13.0 → 14.14.0.pre.alpha.PBNTR866finalizecssendlessscroll6462

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 (187) 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 +129 -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 +4 -1
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +3 -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/dist/chunks/_typeahead-B1p_cPQJ.js +36 -0
  154. data/dist/chunks/_weekday_stacked-DTN9JLqd.js +45 -0
  155. data/dist/chunks/lazysizes-B7xYodB-.js +1 -0
  156. data/dist/chunks/{lib-DjpLC8uO.js → lib-Fr78pbpF.js} +2 -2
  157. data/dist/chunks/{pb_form_validation-S56UaHZl.js → pb_form_validation-CN51bfsD.js} +1 -1
  158. data/dist/chunks/vendor.js +1 -1
  159. data/dist/menu.yml +3 -10
  160. data/dist/playbook-doc.js +1 -1
  161. data/dist/playbook-rails-react-bindings.js +1 -1
  162. data/dist/playbook-rails.js +1 -1
  163. data/dist/playbook.css +1 -1
  164. data/lib/playbook/forms/builder/time_zone_select_field.rb +19 -0
  165. data/lib/playbook/forms/builder.rb +1 -0
  166. data/lib/playbook/version.rb +2 -2
  167. metadata +75 -24
  168. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +0 -66
  169. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx +0 -98
  170. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +0 -28
  171. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb +0 -42
  172. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb +0 -19
  173. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +0 -26
  174. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb +0 -10
  175. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +0 -17
  176. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +0 -19
  177. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb +0 -16
  178. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb +0 -35
  179. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +0 -42
  180. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb +0 -13
  181. data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +0 -15
  182. data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +0 -4
  183. data/app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js +0 -31
  184. data/dist/chunks/_typeahead-btjo1UN5.js +0 -36
  185. data/dist/chunks/_weekday_stacked-DeYS_l8v.js +0 -45
  186. data/dist/chunks/lazysizes-DHz07jlL.js +0 -1
  187. /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.PBNTR866finalizecssendlessscroll6462"
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.PBNTR866finalizecssendlessscroll6462
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-04 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
@@ -3332,11 +3382,11 @@ files:
3332
3382
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3333
3383
  - app/pb_kits/playbook/utilities/text.ts
3334
3384
  - 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
3385
+ - dist/chunks/_typeahead-B1p_cPQJ.js
3386
+ - dist/chunks/_weekday_stacked-DTN9JLqd.js
3387
+ - dist/chunks/lazysizes-B7xYodB-.js
3388
+ - dist/chunks/lib-Fr78pbpF.js
3389
+ - dist/chunks/pb_form_validation-CN51bfsD.js
3340
3390
  - dist/chunks/vendor.js
3341
3391
  - dist/menu.yml
3342
3392
  - dist/playbook-doc.js
@@ -3372,6 +3422,7 @@ files:
3372
3422
  - lib/playbook/forms/builder/phone_number_field.rb
3373
3423
  - lib/playbook/forms/builder/select_field.rb
3374
3424
  - lib/playbook/forms/builder/star_rating_field.rb
3425
+ - lib/playbook/forms/builder/time_zone_select_field.rb
3375
3426
  - lib/playbook/forms/builder/typeahead_field.rb
3376
3427
  - lib/playbook/height.rb
3377
3428
  - 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>
@@ -1,17 +0,0 @@
1
- import React from 'react'
2
-
3
- import AvatarActionButton from '../_avatar_action_button'
4
-
5
- const AvatarActionButtonDefault = (props) => (
6
- <div className="pb--doc-demo-row">
7
- <AvatarActionButton
8
- imageAlt="Sophia Carden"
9
- imageUrl="https://randomuser.me/api/portraits/women/8.jpg"
10
- linkAriaLabel="Sophia Carden"
11
- name="Sophia Carden"
12
- {...props}
13
- />
14
- </div>
15
- )
16
-
17
- export default AvatarActionButtonDefault