playbook_ui 14.14.0.pre.alpha.revert4339revert4242play1633displaytitle6456 → 14.14.0.pre.rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (175) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -3
  4. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +5 -6
  5. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +1 -8
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +1 -1
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md +1 -3
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -2
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
  11. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +66 -0
  12. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx +98 -0
  13. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +28 -0
  14. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb +42 -0
  15. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb +19 -0
  16. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +26 -0
  17. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb +10 -0
  18. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +17 -0
  19. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +19 -0
  20. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb +16 -0
  21. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb +35 -0
  22. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +42 -0
  23. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb +13 -0
  24. data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +15 -0
  25. data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +4 -0
  26. data/app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js +31 -0
  27. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +0 -1
  28. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +0 -1
  29. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +8 -17
  30. data/app/pb_kits/playbook/pb_checkbox/checkbox.test.js +0 -16
  31. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +1 -2
  32. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -1
  33. data/app/pb_kits/playbook/pb_currency/_currency.tsx +31 -46
  34. data/app/pb_kits/playbook/pb_currency/currency.html.erb +8 -15
  35. data/app/pb_kits/playbook/pb_currency/currency.rb +2 -17
  36. data/app/pb_kits/playbook/pb_currency/docs/example.yml +0 -2
  37. data/app/pb_kits/playbook/pb_currency/docs/index.js +1 -2
  38. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +1 -3
  39. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb +2 -2
  40. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md +1 -4
  41. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -2
  42. data/app/pb_kits/playbook/pb_draggable/docs/index.js +1 -2
  43. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +4 -7
  44. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +3 -6
  45. data/app/pb_kits/playbook/pb_drawer/_drawer.scss +8 -32
  46. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb +1 -20
  47. data/app/pb_kits/playbook/pb_drawer/docs/example.yml +0 -5
  48. data/app/pb_kits/playbook/pb_drawer/drawer.html.erb +12 -20
  49. data/app/pb_kits/playbook/pb_drawer/drawer.rb +1 -49
  50. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +0 -1
  51. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -2
  52. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb +2 -1
  53. data/app/pb_kits/playbook/pb_icon_button/docs/example.yml +3 -5
  54. data/app/pb_kits/playbook/pb_icon_button/icon_button.html.erb +1 -1
  55. data/app/pb_kits/playbook/pb_icon_button/icon_button.rb +0 -3
  56. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +6 -1
  57. data/app/pb_kits/playbook/pb_nav/item.html.erb +19 -7
  58. data/app/pb_kits/playbook/pb_nav/nav.html.erb +8 -3
  59. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +6 -1
  60. data/app/pb_kits/playbook/pb_overlay/_overlay.tsx +0 -4
  61. data/app/pb_kits/playbook/pb_overlay/docs/example.yml +0 -2
  62. data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -1
  63. data/app/pb_kits/playbook/pb_overlay/overlay.html.erb +3 -5
  64. data/app/pb_kits/playbook/pb_overlay/overlay.rb +0 -9
  65. data/app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx +10 -48
  66. data/app/pb_kits/playbook/pb_popover/popover.html.erb +6 -1
  67. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss +1 -6
  68. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +5 -7
  69. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +0 -1
  70. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +0 -7
  71. data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +0 -2
  72. data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +0 -1
  73. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +7 -2
  74. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +0 -6
  75. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.test.js +1 -26
  76. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +5 -1
  77. data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +5 -1
  78. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +7 -3
  79. data/app/pb_kits/playbook/pb_radio/radio.html.erb +11 -6
  80. data/app/pb_kits/playbook/pb_select/select.rb +0 -8
  81. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +1 -1
  82. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -5
  83. data/app/pb_kits/playbook/pb_table/docs/index.js +1 -3
  84. data/app/pb_kits/playbook/pb_table/index.ts +9 -41
  85. data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +0 -4
  86. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +2 -29
  87. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +3 -31
  88. data/app/pb_kits/playbook/pb_table/table_body.html.erb +7 -13
  89. data/app/pb_kits/playbook/pb_table/table_body.rb +0 -2
  90. data/app/pb_kits/playbook/pb_table/table_row.html.erb +7 -14
  91. data/app/pb_kits/playbook/pb_table/table_row.rb +1 -14
  92. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +0 -14
  93. data/app/pb_kits/playbook/pb_text_input/index.js +0 -9
  94. data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -5
  95. data/app/pb_kits/playbook/pb_title/_title.scss +0 -32
  96. data/app/pb_kits/playbook/pb_title/_title.tsx +1 -10
  97. data/app/pb_kits/playbook/pb_title/docs/_title_default.html.erb +2 -1
  98. data/app/pb_kits/playbook/pb_title/docs/_title_default.jsx +1 -1
  99. data/app/pb_kits/playbook/pb_title/docs/example.yml +0 -2
  100. data/app/pb_kits/playbook/pb_title/docs/index.js +0 -1
  101. data/app/pb_kits/playbook/pb_title/title.rb +1 -10
  102. data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +3 -0
  103. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +0 -2
  104. data/app/pb_kits/playbook/pb_tooltip/index.js +2 -2
  105. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +2 -10
  106. data/dist/chunks/{_typeahead-_d2af7Id.js → _typeahead-btjo1UN5.js} +4 -4
  107. data/dist/chunks/_weekday_stacked-TIh9nTmZ.js +45 -0
  108. data/dist/chunks/{lib-Fr78pbpF.js → lib-DjpLC8uO.js} +2 -2
  109. data/dist/chunks/{pb_form_validation-CN51bfsD.js → pb_form_validation-S56UaHZl.js} +1 -1
  110. data/dist/chunks/vendor.js +1 -1
  111. data/dist/menu.yml +10 -3
  112. data/dist/playbook-doc.js +1 -1
  113. data/dist/playbook-rails-react-bindings.js +1 -1
  114. data/dist/playbook-rails.js +1 -1
  115. data/dist/playbook.css +1 -1
  116. data/lib/playbook/forms/builder.rb +0 -1
  117. data/lib/playbook/version.rb +2 -2
  118. metadata +23 -62
  119. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx +0 -75
  120. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb +0 -33
  121. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md +0 -3
  122. data/app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss +0 -58
  123. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx +0 -64
  124. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md +0 -1
  125. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +0 -69
  126. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md +0 -1
  127. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb +0 -22
  128. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx +0 -34
  129. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md +0 -1
  130. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display_react.md +0 -1
  131. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +0 -90
  132. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +0 -5
  133. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb +0 -8
  134. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb +0 -33
  135. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +0 -0
  136. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb +0 -24
  137. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb +0 -21
  138. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md +0 -1
  139. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb +0 -49
  140. data/app/pb_kits/playbook/pb_drawer/index.js +0 -257
  141. data/app/pb_kits/playbook/pb_icon_button/_icon_button.tsx +0 -71
  142. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx +0 -17
  143. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb +0 -27
  144. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx +0 -61
  145. data/app/pb_kits/playbook/pb_icon_button/docs/index.js +0 -2
  146. data/app/pb_kits/playbook/pb_icon_button/icon_button.test.jsx +0 -39
  147. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb +0 -11
  148. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +0 -37
  149. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md +0 -1
  150. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md +0 -1
  151. data/app/pb_kits/playbook/pb_overlay/index.js +0 -61
  152. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md +0 -1
  153. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb +0 -1
  154. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx +0 -18
  155. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md +0 -1
  156. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md +0 -1
  157. data/app/pb_kits/playbook/pb_select/index.js +0 -38
  158. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb +0 -47
  159. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx +0 -88
  160. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md +0 -1
  161. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb +0 -51
  162. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md +0 -2
  163. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +0 -96
  164. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx +0 -101
  165. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md +0 -1
  166. data/app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb +0 -7
  167. data/app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx +0 -54
  168. data/app/pb_kits/playbook/pb_title/docs/_title_display_size.md +0 -1
  169. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb +0 -39
  170. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md +0 -3
  171. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb +0 -26
  172. data/app/pb_kits/playbook/pb_tooltip/floating_ui.js +0 -282
  173. data/dist/chunks/_weekday_stacked-BZe1DgW-.js +0 -45
  174. data/lib/playbook/forms/builder/time_zone_select_field.rb +0 -19
  175. /data/app/pb_kits/playbook/pb_table/docs/{_table_with_collapsible_with_custom_click_react.md → _table_with_collapsible_with_custom_click.md} +0 -0
@@ -15,7 +15,6 @@ 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"
19
18
 
20
19
  prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
21
20
  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.14.0"
5
- VERSION = "14.14.0.pre.alpha.revert4339revert4242play1633displaytitle6456"
4
+ PREVIOUS_VERSION = "14.13.0"
5
+ VERSION = "14.14.0.pre.rc.0"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.14.0.pre.alpha.revert4339revert4242play1633displaytitle6456
4
+ version: 14.14.0.pre.rc.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-03-04 00:00:00.000000000 Z
12
+ date: 2025-02-10 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -288,7 +288,6 @@ files:
288
288
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
289
289
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
290
290
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.md
291
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx
292
291
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
293
292
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
294
293
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
@@ -334,9 +333,7 @@ files:
334
333
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
335
334
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md
336
335
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md
337
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb
338
336
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
339
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
340
337
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
341
338
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
342
339
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
@@ -387,6 +384,22 @@ files:
387
384
  - app/pb_kits/playbook/pb_avatar/docs/_footer.md
388
385
  - app/pb_kits/playbook/pb_avatar/docs/example.yml
389
386
  - 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
390
403
  - app/pb_kits/playbook/pb_background/_background.scss
391
404
  - app/pb_kits/playbook/pb_background/_background.tsx
392
405
  - app/pb_kits/playbook/pb_background/background.html.erb
@@ -437,7 +450,6 @@ files:
437
450
  - app/pb_kits/playbook/pb_badge/docs/_description.md
438
451
  - app/pb_kits/playbook/pb_badge/docs/example.yml
439
452
  - app/pb_kits/playbook/pb_badge/docs/index.js
440
- - app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss
441
453
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
442
454
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
443
455
  - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
@@ -466,8 +478,6 @@ files:
466
478
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
467
479
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
468
480
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.jsx
469
- - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx
470
- - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md
471
481
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
472
482
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
473
483
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -672,8 +682,6 @@ files:
672
682
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
673
683
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
674
684
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_props_swift.md
675
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx
676
- - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md
677
685
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
678
686
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
679
687
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -825,10 +833,6 @@ files:
825
833
  - app/pb_kits/playbook/pb_currency/docs/_currency_negative.jsx
826
834
  - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
827
835
  - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
828
- - app/pb_kits/playbook/pb_currency/docs/_currency_null_display.html.erb
829
- - app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx
830
- - app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md
831
- - app/pb_kits/playbook/pb_currency/docs/_currency_null_display_react.md
832
836
  - app/pb_kits/playbook/pb_currency/docs/_currency_props_swift.md
833
837
  - app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
834
838
  - app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx
@@ -1183,8 +1187,6 @@ files:
1183
1187
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
1184
1188
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
1185
1189
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
1186
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
1187
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
1188
1190
  - app/pb_kits/playbook/pb_draggable/docs/example.yml
1189
1191
  - app/pb_kits/playbook/pb_draggable/docs/index.js
1190
1192
  - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -1202,21 +1204,14 @@ files:
1202
1204
  - app/pb_kits/playbook/pb_drawer/_drawer.tsx
1203
1205
  - app/pb_kits/playbook/pb_drawer/_drawer_context.tsx
1204
1206
  - app/pb_kits/playbook/pb_drawer/context.ts
1205
- - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.html.erb
1206
1207
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx
1207
- - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb
1208
1208
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx
1209
- - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb
1210
1209
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx
1211
1210
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb
1212
1211
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx
1213
- - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb
1214
1212
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx
1215
1213
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.md
1216
- - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb
1217
1214
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx
1218
- - app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md
1219
- - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb
1220
1215
  - app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx
1221
1216
  - app/pb_kits/playbook/pb_drawer/docs/example.yml
1222
1217
  - app/pb_kits/playbook/pb_drawer/docs/index.js
@@ -1225,7 +1220,6 @@ files:
1225
1220
  - app/pb_kits/playbook/pb_drawer/drawer.test.jsx
1226
1221
  - app/pb_kits/playbook/pb_drawer/hooks/useBreakpoint.tsx
1227
1222
  - app/pb_kits/playbook/pb_drawer/hooks/useDrawerAnimation.tsx
1228
- - app/pb_kits/playbook/pb_drawer/index.js
1229
1223
  - app/pb_kits/playbook/pb_dropdown/_dropdown.scss
1230
1224
  - app/pb_kits/playbook/pb_dropdown/_dropdown.tsx
1231
1225
  - app/pb_kits/playbook/pb_dropdown/context/index.tsx
@@ -1634,16 +1628,10 @@ files:
1634
1628
  - app/pb_kits/playbook/pb_icon/icon.rb
1635
1629
  - app/pb_kits/playbook/pb_icon/icon.test.js
1636
1630
  - app/pb_kits/playbook/pb_icon_button/_icon_button.scss
1637
- - app/pb_kits/playbook/pb_icon_button/_icon_button.tsx
1638
1631
  - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
1639
- - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx
1640
- - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
1641
- - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx
1642
1632
  - app/pb_kits/playbook/pb_icon_button/docs/example.yml
1643
- - app/pb_kits/playbook/pb_icon_button/docs/index.js
1644
1633
  - app/pb_kits/playbook/pb_icon_button/icon_button.html.erb
1645
1634
  - app/pb_kits/playbook/pb_icon_button/icon_button.rb
1646
- - app/pb_kits/playbook/pb_icon_button/icon_button.test.jsx
1647
1635
  - app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss
1648
1636
  - app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx
1649
1637
  - app/pb_kits/playbook/pb_icon_circle/docs/_description.md
@@ -2133,13 +2121,8 @@ files:
2133
2121
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
2134
2122
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
2135
2123
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
2136
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb
2137
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
2138
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.md
2139
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
2140
2124
  - app/pb_kits/playbook/pb_overlay/docs/example.yml
2141
2125
  - app/pb_kits/playbook/pb_overlay/docs/index.js
2142
- - app/pb_kits/playbook/pb_overlay/index.js
2143
2126
  - app/pb_kits/playbook/pb_overlay/overlay.html.erb
2144
2127
  - app/pb_kits/playbook/pb_overlay/overlay.rb
2145
2128
  - app/pb_kits/playbook/pb_overlay/overlay.test.jsx
@@ -2292,11 +2275,6 @@ files:
2292
2275
  - app/pb_kits/playbook/pb_progress_pills/docs/_description.md
2293
2276
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
2294
2277
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
2295
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md
2296
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb
2297
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx
2298
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md
2299
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md
2300
2278
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
2301
2279
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
2302
2280
  - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
@@ -2498,7 +2476,6 @@ files:
2498
2476
  - app/pb_kits/playbook/pb_select/docs/_select_value_text_same.jsx
2499
2477
  - app/pb_kits/playbook/pb_select/docs/example.yml
2500
2478
  - app/pb_kits/playbook/pb_select/docs/index.js
2501
- - app/pb_kits/playbook/pb_select/index.js
2502
2479
  - app/pb_kits/playbook/pb_select/select.html.erb
2503
2480
  - app/pb_kits/playbook/pb_select/select.rb
2504
2481
  - app/pb_kits/playbook/pb_select/select.test.js
@@ -2766,17 +2743,12 @@ files:
2766
2743
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
2767
2744
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
2768
2745
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
2769
- - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb
2770
- - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx
2771
- - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md
2772
2746
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
2773
2747
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
2774
2748
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
2775
2749
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
2776
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb
2777
2750
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
2778
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md
2779
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_react.md
2751
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
2780
2752
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
2781
2753
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
2782
2754
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb
@@ -2789,9 +2761,6 @@ files:
2789
2761
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
2790
2762
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
2791
2763
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
2792
- - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
2793
- - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
2794
- - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md
2795
2764
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
2796
2765
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
2797
2766
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
@@ -3025,9 +2994,6 @@ files:
3025
2994
  - app/pb_kits/playbook/pb_title/docs/_title_default.html.erb
3026
2995
  - app/pb_kits/playbook/pb_title/docs/_title_default.jsx
3027
2996
  - app/pb_kits/playbook/pb_title/docs/_title_default.md
3028
- - app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb
3029
- - app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx
3030
- - app/pb_kits/playbook/pb_title/docs/_title_display_size.md
3031
2997
  - app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
3032
2998
  - app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
3033
2999
  - app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
@@ -3098,12 +3064,9 @@ files:
3098
3064
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.md
3099
3065
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx
3100
3066
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
3101
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb
3102
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
3103
3067
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
3104
3068
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
3105
3069
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
3106
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
3107
3070
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
3108
3071
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
3109
3072
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx
@@ -3117,7 +3080,6 @@ files:
3117
3080
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
3118
3081
  - app/pb_kits/playbook/pb_tooltip/docs/example.yml
3119
3082
  - app/pb_kits/playbook/pb_tooltip/docs/index.js
3120
- - app/pb_kits/playbook/pb_tooltip/floating_ui.js
3121
3083
  - app/pb_kits/playbook/pb_tooltip/index.js
3122
3084
  - app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
3123
3085
  - app/pb_kits/playbook/pb_tooltip/tooltip.rb
@@ -3370,11 +3332,11 @@ files:
3370
3332
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3371
3333
  - app/pb_kits/playbook/utilities/text.ts
3372
3334
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3373
- - dist/chunks/_typeahead-_d2af7Id.js
3374
- - dist/chunks/_weekday_stacked-BZe1DgW-.js
3335
+ - dist/chunks/_typeahead-btjo1UN5.js
3336
+ - dist/chunks/_weekday_stacked-TIh9nTmZ.js
3375
3337
  - dist/chunks/lazysizes-B7xYodB-.js
3376
- - dist/chunks/lib-Fr78pbpF.js
3377
- - dist/chunks/pb_form_validation-CN51bfsD.js
3338
+ - dist/chunks/lib-DjpLC8uO.js
3339
+ - dist/chunks/pb_form_validation-S56UaHZl.js
3378
3340
  - dist/chunks/vendor.js
3379
3341
  - dist/menu.yml
3380
3342
  - dist/playbook-doc.js
@@ -3410,7 +3372,6 @@ files:
3410
3372
  - lib/playbook/forms/builder/phone_number_field.rb
3411
3373
  - lib/playbook/forms/builder/select_field.rb
3412
3374
  - lib/playbook/forms/builder/star_rating_field.rb
3413
- - lib/playbook/forms/builder/time_zone_select_field.rb
3414
3375
  - lib/playbook/forms/builder/typeahead_field.rb
3415
3376
  - lib/playbook/height.rb
3416
3377
  - lib/playbook/hover.rb
@@ -1,75 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable, Pill } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableColumnHeadersCustomCell = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- label: "Enrollment Data",
14
- columns: [
15
- {
16
- accessor: "newEnrollments",
17
- label: "New Enrollments",
18
- customRenderer: (row, value) => (
19
- <Pill text={value}
20
- variant="success"
21
- />
22
- ),
23
- },
24
- {
25
- accessor: "scheduledMeetings",
26
- label: "Scheduled Meetings",
27
- customRenderer: (row, value) => (
28
- <Pill text={value}
29
- variant="info"
30
- />
31
- ),
32
- },
33
- ],
34
- },
35
- {
36
- label: "Performance Data",
37
- columns: [
38
- {
39
- accessor: "attendanceRate",
40
- label: "Attendance Rate",
41
- },
42
- {
43
- accessor: "completedClasses",
44
- label: "Completed Classes",
45
- customRenderer: (row, value) => (
46
- <Pill text={value}
47
- variant="error"
48
- />
49
- ),
50
- },
51
- {
52
- accessor: "classCompletionRate",
53
- label: "Class Completion Rate",
54
- },
55
- {
56
- accessor: "graduatedStudents",
57
- label: "Graduated Students",
58
- },
59
- ],
60
- },
61
- ];
62
-
63
-
64
- return (
65
- <>
66
- <AdvancedTable
67
- columnDefinitions={columnDefinitions}
68
- tableData={MOCK_DATA}
69
- {...props}
70
- />
71
- </>
72
- )
73
- }
74
-
75
- export default AdvancedTableColumnHeadersCustomCell
@@ -1,33 +0,0 @@
1
- <% column_definitions = [
2
- {
3
- accessor: "year",
4
- label: "Year",
5
- cellAccessors: ["quarter", "month", "day"],
6
- },
7
- {
8
- accessor: "newEnrollments",
9
- label: "New Enrollments",
10
- },
11
- {
12
- accessor: "scheduledMeetings",
13
- label: "Scheduled Meetings",
14
- },
15
- {
16
- accessor: "attendanceRate",
17
- label: "Attendance Rate",
18
- },
19
- {
20
- accessor: "completedClasses",
21
- label: "Completed Classes",
22
- },
23
- {
24
- accessor: "classCompletionRate",
25
- label: "Class Completion Rate",
26
- },
27
- {
28
- accessor: "graduatedStudents",
29
- label: "Graduated Students",
30
- }
31
- ] %>
32
-
33
- <%= pb_rails("advanced_table", props: { id: "table_props_table", table_data: @table_data, column_definitions: column_definitions, max_height: "xs", table_props: { sticky: true }}) %>
@@ -1,3 +0,0 @@
1
- Create a sticky header that works for responsive Advanced Tables by setting `sticky: true` via `table_props` and giving the AdvancedTable a `max_height` using our [Max Height](https://playbook.powerapp.cloud/visual_guidelines/max_height) global prop. This behavior requires a `max_height` to work. The header is sticky within the table container, allowing for it to work along with the first column stickiness of a responsive table on smaller screen sizes.
2
-
3
- A sticky header on a nonresponsive table is demonstrated in the ["Table Props"](https://playbook.powerapp.cloud/kits/advanced_table#table-props) doc example above.
@@ -1,58 +0,0 @@
1
- @import "../tokens/colors";
2
- @import "../tokens/typography";
3
- @import url("https://code.highcharts.com/css/highcharts.css");
4
-
5
- :root {
6
- --highcharts-color-0: #{$data_1};
7
- --highcharts-color-1: #{$data_2};
8
- --highcharts-color-2: #{$data_3};
9
- --highcharts-color-3: #{$data_4};
10
- --highcharts-color-4: #{$data_5};
11
- --highcharts-color-5: #{$data_6};
12
- --highcharts-color-6: #{$data_7};
13
- --highcharts-color-7: #{$data_8};
14
- }
15
-
16
- .highcharts-title {
17
- font-family: $font_family_base;
18
- font-weight: $bold;
19
- font-size: $heading_3;
20
- color: $text_lt_default;
21
- fill: $text_lt_default;
22
- }
23
-
24
- .highcharts-subtitle {
25
- font-family: $font_family_base;
26
- color: $text_lt_light;
27
- fill: $text_lt_light;
28
- font-weight: $regular;
29
- font-size: $text_base;
30
- }
31
-
32
- .highcharts-yaxis > .highcharts-axis-title {
33
- color: $text_lt_lighter;
34
- fill: $text_lt_lighter;
35
- font-family: $font_family_base;
36
- font-weight: $bold;
37
- font-size: $text_smaller;
38
- }
39
-
40
- .highcharts-axis-labels {
41
- font-family: $font_family_base;
42
- color: $text_lt_lighter;
43
- fill: $text_lt_lighter;
44
- font-weight: $bold;
45
- font-size: $text_smaller;
46
- }
47
-
48
- .highcharts-grid-line {
49
- stroke: $border_light;
50
- }
51
-
52
- .highcharts-point {
53
- border-radius: 3px;
54
- }
55
-
56
- .highcharts-axis-line {
57
- stroke: $border_light;
58
- }
@@ -1,64 +0,0 @@
1
- import React from 'react'
2
- import Highcharts from "highcharts";
3
- import HighchartsReact from "highcharts-react-official";
4
-
5
- import "../BarGraphStyles.scss";
6
- // Your path might look more like this
7
- //import "playbook-ui/dist/pb_bar_graph/BarGraphStyles.scss";
8
-
9
- const columnChartData = [
10
- {
11
- name: "Installation",
12
- data: [1475, 200, 3000, 654, 656],
13
- },
14
- {
15
- name: "Manufacturing",
16
- data: [4434, 524, 2320, 440, 500],
17
- },
18
- {
19
- name: "Sales & Distribution",
20
- data: [3387, 743, 1344, 434, 440],
21
- },
22
- {
23
- name: "Project Development",
24
- data: [3227, 878, 999, 780, 1000],
25
- },
26
- {
27
- name: "Other",
28
- data: [1111, 677, 3245, 500, 200],
29
- },
30
- ];
31
-
32
- const columnOptions = {
33
- chart: {
34
- type: "column",
35
- },
36
- series: columnChartData,
37
- title: {
38
- text: "Solar Employment Growth by Sector, 2010-2016",
39
- },
40
- subtitle: {
41
- text: "Source: thesolarfoundation.com",
42
- },
43
- xAxis: {
44
- categories: ["Jan", "Feb", "Mar", "Apr", "May"],
45
- },
46
- yAxis: {
47
- min: 0,
48
- title: {
49
- text: "Number of Employees",
50
- },
51
- },
52
- legend: { enabled: false },
53
- credits: { enabled: false },
54
- };
55
-
56
- const BarGraphPbStyles = () => (
57
- <div>
58
- <HighchartsReact highcharts={Highcharts}
59
- options={columnOptions}
60
- />
61
- </div>
62
- )
63
-
64
- export default BarGraphPbStyles
@@ -1 +0,0 @@
1
- You don't need to use the bar graph kit to apply the styles to your Highcharts bar graph. Just import the BarGraphStyles.scss to your component and the styles will apply automatically.
@@ -1,69 +0,0 @@
1
- import React, { useState } from "react"
2
- import { useForm } from "react-hook-form"
3
- import { Button, Checkbox, Flex, Body } from "playbook-ui"
4
-
5
- const CheckboxReactHook = () => {
6
- const { register, handleSubmit } = useForm({
7
- defaultValues: {
8
- Small: false,
9
- Medium: false,
10
- Large: false,
11
- },
12
- })
13
-
14
- const [submittedData, setSubmittedData] = useState({
15
- Small: false,
16
- Medium: false,
17
- Large: false,
18
- })
19
-
20
- const onSubmit = (data) => {
21
- setSubmittedData(data)
22
- }
23
-
24
- return (
25
- <Flex orientation="row">
26
- <Flex align="start"
27
- orientation="column"
28
- paddingRight="lg"
29
- >
30
- <form onSubmit={handleSubmit(onSubmit)}>
31
- <Checkbox padding="xs"
32
- text="Small"
33
- {...register("Small")}
34
- />
35
- <br />
36
- <Checkbox padding="xs"
37
- text="Medium"
38
- {...register("Medium")}
39
- />
40
- <br />
41
- <Checkbox padding="xs"
42
- text="Large"
43
- {...register("Large")}
44
- />
45
- <br />
46
- <Button htmlType="submit"
47
- marginTop="sm"
48
- text="submit"
49
- />
50
- </form>
51
- </Flex>
52
- <Flex align="start"
53
- orientation="column"
54
- >
55
- <Body padding="xs"
56
- text={`Small: ${submittedData.Small ? "true" : "false"}`}
57
- />
58
- <Body padding="xs"
59
- text={`Medium: ${submittedData.Medium ? "true" : "false"}`}
60
- />
61
- <Body padding="xs"
62
- text={`Large: ${submittedData.Large ? "true" : "false"}`}
63
- />
64
- </Flex>
65
- </Flex>
66
- )
67
- }
68
-
69
- export default CheckboxReactHook
@@ -1 +0,0 @@
1
- You can pass react hook props to the checkbox kit.
@@ -1,22 +0,0 @@
1
- <%= pb_rails("currency", props: {
2
- amount: "",
3
- label: "Nil",
4
- margin_bottom: "md",
5
- null_display: "--",
6
- size: "sm"
7
- }) %>
8
-
9
- <%= pb_rails("currency", props: {
10
- amount: "",
11
- label: "Nil",
12
- margin_bottom: "md",
13
- null_display: "$0.00",
14
- size: "sm"
15
- }) %>
16
-
17
- <%= pb_rails("currency", props: {
18
- amount: "",
19
- label: "Nil",
20
- null_display: " ",
21
- size: "sm"
22
- }) %>
@@ -1,34 +0,0 @@
1
- import React from 'react'
2
- import { Currency } from 'playbook-ui'
3
-
4
- const CurrencyNullDisplay = (props) => {
5
- return (
6
- <>
7
- <Currency
8
- amount=""
9
- label="Null"
10
- marginBottom="md"
11
- nullDisplay="--"
12
- {...props}
13
- />
14
-
15
- <Currency
16
- amount=""
17
- label="Null"
18
- marginBottom="md"
19
- nullDisplay="$0.00"
20
- {...props}
21
- />
22
-
23
- <Currency
24
- amount=""
25
- label="Null"
26
- marginBottom="md"
27
- nullDisplay=" "
28
- {...props}
29
- />
30
- </>
31
- )
32
- }
33
-
34
- export default CurrencyNullDisplay
@@ -1 +0,0 @@
1
- To customize how the `amount` field appears when it is empty, use the `null_display` prop and set it to the desired value you want to display.
@@ -1 +0,0 @@
1
- To customize how the `amount` field appears when it is empty, use the `nullDisplay` prop and set it to the desired value you want to display.