playbook_ui 14.13.0.pre.alpha.rails8compatible6232 → 14.13.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 (213) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +4 -11
  5. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +10 -74
  6. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +26 -43
  7. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +1 -8
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +0 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md +1 -3
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md +1 -3
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -3
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -3
  14. data/app/pb_kits/playbook/pb_advanced_table/index.js +6 -9
  15. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +5 -8
  16. data/app/pb_kits/playbook/pb_avatar/_avatar.scss +0 -9
  17. data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +7 -11
  18. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +7 -6
  19. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx +3 -9
  20. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx +2 -6
  21. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +66 -0
  22. data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx +98 -0
  23. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +28 -0
  24. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb +42 -0
  25. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb +19 -0
  26. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +26 -0
  27. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb +10 -0
  28. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +17 -0
  29. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +19 -0
  30. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb +16 -0
  31. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb +35 -0
  32. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +42 -0
  33. data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb +13 -0
  34. data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +15 -0
  35. data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +4 -0
  36. data/app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js +31 -0
  37. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +0 -1
  38. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +0 -1
  39. data/app/pb_kits/playbook/pb_button/button.rb +1 -1
  40. data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +8 -17
  41. data/app/pb_kits/playbook/pb_checkbox/checkbox.test.js +0 -16
  42. data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +1 -2
  43. data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -1
  44. data/app/pb_kits/playbook/pb_date/_date.tsx +4 -14
  45. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +1 -2
  46. data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +5 -13
  47. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +1 -3
  48. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +5 -4
  49. data/app/pb_kits/playbook/pb_draggable/docs/index.js +1 -2
  50. data/app/pb_kits/playbook/pb_draggable/draggable_container.html.erb +2 -2
  51. data/app/pb_kits/playbook/pb_draggable/draggable_container.rb +0 -5
  52. data/app/pb_kits/playbook/pb_draggable/draggable_item.html.erb +1 -1
  53. data/app/pb_kits/playbook/pb_draggable/draggable_item.rb +0 -4
  54. data/app/pb_kits/playbook/pb_draggable/index.js +15 -151
  55. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +4 -7
  56. data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +3 -6
  57. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +6 -1
  58. data/app/pb_kits/playbook/pb_filter/filter.html.erb +5 -1
  59. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml +0 -1
  60. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/index.js +5 -7
  61. data/app/pb_kits/playbook/pb_form_group/form_group.html.erb +6 -1
  62. data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +1 -1
  63. data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +7 -11
  64. data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +0 -2
  65. data/app/pb_kits/playbook/pb_home_address_street/docs/index.js +0 -1
  66. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +2 -13
  67. data/app/pb_kits/playbook/pb_icon/icon.html.erb +6 -2
  68. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb +2 -1
  69. data/app/pb_kits/playbook/pb_icon_button/docs/example.yml +3 -1
  70. data/app/pb_kits/playbook/pb_icon_button/icon_button.html.erb +1 -1
  71. data/app/pb_kits/playbook/pb_icon_button/icon_button.rb +0 -3
  72. data/app/pb_kits/playbook/pb_layout/body.html.erb +5 -1
  73. data/app/pb_kits/playbook/pb_layout/footer.html.erb +5 -1
  74. data/app/pb_kits/playbook/pb_layout/header.html.erb +5 -1
  75. data/app/pb_kits/playbook/pb_layout/item.html.erb +5 -1
  76. data/app/pb_kits/playbook/pb_layout/layout.html.erb +5 -1
  77. data/app/pb_kits/playbook/pb_layout/sidebar.html.erb +5 -1
  78. data/app/pb_kits/playbook/pb_legend/legend.html.erb +6 -1
  79. data/app/pb_kits/playbook/pb_lightbox/lightbox.scss +6 -7
  80. data/app/pb_kits/playbook/pb_link/_link.tsx +0 -18
  81. data/app/pb_kits/playbook/pb_link/docs/example.yml +3 -5
  82. data/app/pb_kits/playbook/pb_link/docs/index.js +1 -2
  83. data/app/pb_kits/playbook/pb_link/link.html.erb +1 -1
  84. data/app/pb_kits/playbook/pb_link/link.rb +0 -6
  85. data/app/pb_kits/playbook/pb_link/link.test.jsx +0 -30
  86. data/app/pb_kits/playbook/pb_message/message.html.erb +6 -1
  87. data/app/pb_kits/playbook/pb_message/message_mention.html.erb +6 -1
  88. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +6 -1
  89. data/app/pb_kits/playbook/pb_nav/item.html.erb +19 -7
  90. data/app/pb_kits/playbook/pb_nav/nav.html.erb +8 -3
  91. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +6 -1
  92. data/app/pb_kits/playbook/pb_overlay/_overlay.tsx +0 -4
  93. data/app/pb_kits/playbook/pb_overlay/docs/example.yml +0 -1
  94. data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -1
  95. data/app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx +10 -48
  96. data/app/pb_kits/playbook/pb_popover/popover.html.erb +6 -1
  97. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss +1 -6
  98. data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +5 -7
  99. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +0 -1
  100. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +0 -7
  101. data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +0 -2
  102. data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +0 -1
  103. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +7 -2
  104. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +0 -6
  105. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.test.js +1 -26
  106. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +5 -1
  107. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb +6 -6
  108. data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +5 -1
  109. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +5 -1
  110. data/app/pb_kits/playbook/pb_radio/radio.html.erb +11 -6
  111. data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb +9 -6
  112. data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx +9 -6
  113. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +1 -1
  114. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -5
  115. data/app/pb_kits/playbook/pb_table/docs/index.js +1 -3
  116. data/app/pb_kits/playbook/pb_table/index.ts +9 -41
  117. data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +0 -4
  118. data/app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss +0 -26
  119. data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +1 -0
  120. data/app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss +0 -25
  121. data/app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss +0 -25
  122. data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +2 -29
  123. data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +3 -31
  124. data/app/pb_kits/playbook/pb_table/table_body.html.erb +7 -13
  125. data/app/pb_kits/playbook/pb_table/table_body.rb +0 -2
  126. data/app/pb_kits/playbook/pb_table/table_row.html.erb +7 -14
  127. data/app/pb_kits/playbook/pb_table/table_row.rb +1 -14
  128. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +1 -15
  129. data/app/pb_kits/playbook/pb_text_input/index.js +82 -60
  130. data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -5
  131. data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +1 -3
  132. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +1 -1
  133. data/app/pb_kits/playbook/pb_tooltip/index.js +27 -45
  134. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +1 -5
  135. data/app/pb_kits/playbook/pb_user/_user.tsx +0 -3
  136. data/app/pb_kits/playbook/pb_user/docs/example.yml +0 -2
  137. data/app/pb_kits/playbook/pb_user/docs/index.js +0 -1
  138. data/app/pb_kits/playbook/pb_user/user.html.erb +1 -1
  139. data/app/pb_kits/playbook/pb_user/user.rb +0 -1
  140. data/app/pb_kits/playbook/pb_user/user.test.js +0 -14
  141. data/dist/chunks/_typeahead-BWwaAo_0.js +36 -0
  142. data/dist/chunks/_weekday_stacked-zyBCd1s8.js +45 -0
  143. data/dist/chunks/{lib-D3us1bGD.js → lib-kMuhBuU7.js} +2 -2
  144. data/dist/chunks/{pb_form_validation-BpihMSOQ.js → pb_form_validation-DBJ0wZuS.js} +1 -1
  145. data/dist/chunks/vendor.js +1 -1
  146. data/dist/menu.yml +7 -6
  147. data/dist/playbook-doc.js +1 -1
  148. data/dist/playbook-rails-react-bindings.js +1 -1
  149. data/dist/playbook-rails.js +1 -1
  150. data/dist/playbook.css +1 -1
  151. data/lib/playbook/version.rb +2 -2
  152. metadata +38 -79
  153. data/app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts +0 -26
  154. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx +0 -75
  155. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb +0 -33
  156. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx +0 -55
  157. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md +0 -3
  158. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md +0 -3
  159. data/app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss +0 -58
  160. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx +0 -64
  161. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md +0 -1
  162. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +0 -69
  163. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md +0 -1
  164. data/app/pb_kits/playbook/pb_copy_button/_copy_button.scss +0 -4
  165. data/app/pb_kits/playbook/pb_copy_button/_copy_button.tsx +0 -92
  166. data/app/pb_kits/playbook/pb_copy_button/copy_button.html.erb +0 -15
  167. data/app/pb_kits/playbook/pb_copy_button/copy_button.rb +0 -28
  168. data/app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx +0 -64
  169. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb +0 -2
  170. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx +0 -21
  171. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb +0 -5
  172. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx +0 -45
  173. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md +0 -1
  174. data/app/pb_kits/playbook/pb_copy_button/docs/example.yml +0 -8
  175. data/app/pb_kits/playbook/pb_copy_button/docs/index.js +0 -2
  176. data/app/pb_kits/playbook/pb_copy_button/index.js +0 -47
  177. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb +0 -99
  178. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md +0 -1
  179. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb +0 -61
  180. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md +0 -4
  181. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +0 -90
  182. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +0 -5
  183. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb +0 -58
  184. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md +0 -3
  185. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb +0 -11
  186. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx +0 -22
  187. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md +0 -1
  188. data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md +0 -1
  189. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb +0 -27
  190. data/app/pb_kits/playbook/pb_link/docs/_link_target.html.erb +0 -15
  191. data/app/pb_kits/playbook/pb_link/docs/_link_target.jsx +0 -29
  192. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +0 -37
  193. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md +0 -1
  194. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md +0 -1
  195. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb +0 -1
  196. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx +0 -18
  197. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md +0 -1
  198. data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md +0 -1
  199. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb +0 -47
  200. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx +0 -88
  201. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md +0 -1
  202. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb +0 -51
  203. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md +0 -2
  204. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +0 -96
  205. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx +0 -101
  206. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md +0 -1
  207. data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb +0 -42
  208. data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx +0 -59
  209. data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.md +0 -2
  210. data/dist/chunks/_typeahead-PqkcDf1H.js +0 -36
  211. data/dist/chunks/_weekday_stacked-C7J0S4f7.js +0 -45
  212. /data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/{_fixed_confirmation_toast_auto_close_react.md → _fixed_confirmation_toast_auto_close.md} +0 -0
  213. /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
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.13.0"
5
- VERSION = "14.13.0.pre.alpha.rails8compatible6232"
4
+ PREVIOUS_VERSION = "14.12.0"
5
+ VERSION = "14.13.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.13.0.pre.alpha.rails8compatible6232
4
+ version: 14.13.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-02-21 00:00:00.000000000 Z
12
+ date: 2025-01-28 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -67,6 +67,20 @@ dependencies:
67
67
  - - '='
68
68
  - !ruby/object:Gem::Version
69
69
  version: 2.6.1
70
+ - !ruby/object:Gem::Dependency
71
+ name: view_component
72
+ requirement: !ruby/object:Gem::Requirement
73
+ requirements:
74
+ - - '='
75
+ - !ruby/object:Gem::Version
76
+ version: 2.83.0
77
+ type: :runtime
78
+ prerelease: false
79
+ version_requirements: !ruby/object:Gem::Requirement
80
+ requirements:
81
+ - - '='
82
+ - !ruby/object:Gem::Version
83
+ version: 2.83.0
70
84
  - !ruby/object:Gem::Dependency
71
85
  name: webpacker-react
72
86
  requirement: !ruby/object:Gem::Requirement
@@ -227,20 +241,6 @@ dependencies:
227
241
  - - '='
228
242
  - !ruby/object:Gem::Version
229
243
  version: 3.3.1
230
- - !ruby/object:Gem::Dependency
231
- name: view_component
232
- requirement: !ruby/object:Gem::Requirement
233
- requirements:
234
- - - '='
235
- - !ruby/object:Gem::Version
236
- version: 2.83.0
237
- type: :runtime
238
- prerelease: false
239
- version_requirements: !ruby/object:Gem::Requirement
240
- requirements:
241
- - - '='
242
- - !ruby/object:Gem::Version
243
- version: 2.83.0
244
244
  description: Playbook UI is built out in Ruby View Components and React Components.
245
245
  Playbook takes a modern design approach and applies it in a way that makes it easy
246
246
  to support bleeding edge or legacy systems.
@@ -265,7 +265,6 @@ files:
265
265
  - app/pb_kits/playbook/pb_advanced_table/README.md
266
266
  - app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx
267
267
  - app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx
268
- - app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
269
268
  - app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
270
269
  - app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
271
270
  - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
@@ -288,7 +287,6 @@ files:
288
287
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.html.erb
289
288
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx
290
289
  - 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
290
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.html.erb
293
291
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx
294
292
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.md
@@ -334,10 +332,6 @@ files:
334
332
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
335
333
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md
336
334
  - 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
- - 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
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
341
335
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
342
336
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
343
337
  - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
@@ -387,6 +381,22 @@ files:
387
381
  - app/pb_kits/playbook/pb_avatar/docs/_footer.md
388
382
  - app/pb_kits/playbook/pb_avatar/docs/example.yml
389
383
  - app/pb_kits/playbook/pb_avatar/docs/index.js
384
+ - app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss
385
+ - app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx
386
+ - app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb
387
+ - app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb
388
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb
389
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx
390
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb
391
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx
392
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx
393
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb
394
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb
395
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx
396
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb
397
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml
398
+ - app/pb_kits/playbook/pb_avatar_action_button/docs/index.js
399
+ - app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js
390
400
  - app/pb_kits/playbook/pb_background/_background.scss
391
401
  - app/pb_kits/playbook/pb_background/_background.tsx
392
402
  - app/pb_kits/playbook/pb_background/background.html.erb
@@ -437,7 +447,6 @@ files:
437
447
  - app/pb_kits/playbook/pb_badge/docs/_description.md
438
448
  - app/pb_kits/playbook/pb_badge/docs/example.yml
439
449
  - app/pb_kits/playbook/pb_badge/docs/index.js
440
- - app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss
441
450
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.scss
442
451
  - app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx
443
452
  - app/pb_kits/playbook/pb_bar_graph/barGraph.test.js
@@ -466,8 +475,6 @@ files:
466
475
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.md
467
476
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_negative_numbers.html.erb
468
477
  - 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
478
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.html.erb
472
479
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.jsx
473
480
  - app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_secondary_y_axis.md
@@ -672,8 +679,6 @@ files:
672
679
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate_swift.md
673
680
  - app/pb_kits/playbook/pb_checkbox/docs/_checkbox_options.html.erb
674
681
  - 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
682
  - app/pb_kits/playbook/pb_checkbox/docs/_description.md
678
683
  - app/pb_kits/playbook/pb_checkbox/docs/example.yml
679
684
  - app/pb_kits/playbook/pb_checkbox/docs/index.js
@@ -793,19 +798,6 @@ files:
793
798
  - app/pb_kits/playbook/pb_contact/docs/_description.md
794
799
  - app/pb_kits/playbook/pb_contact/docs/example.yml
795
800
  - app/pb_kits/playbook/pb_contact/docs/index.js
796
- - app/pb_kits/playbook/pb_copy_button/_copy_button.scss
797
- - app/pb_kits/playbook/pb_copy_button/_copy_button.tsx
798
- - app/pb_kits/playbook/pb_copy_button/copy_button.html.erb
799
- - app/pb_kits/playbook/pb_copy_button/copy_button.rb
800
- - app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx
801
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
802
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
803
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
804
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
805
- - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
806
- - app/pb_kits/playbook/pb_copy_button/docs/example.yml
807
- - app/pb_kits/playbook/pb_copy_button/docs/index.js
808
- - app/pb_kits/playbook/pb_copy_button/index.js
809
801
  - app/pb_kits/playbook/pb_currency/_currency.scss
810
802
  - app/pb_kits/playbook/pb_currency/_currency.tsx
811
803
  - app/pb_kits/playbook/pb_currency/currency.html.erb
@@ -1163,8 +1155,6 @@ files:
1163
1155
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
1164
1156
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
1165
1157
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
1166
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
1167
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
1168
1158
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
1169
1159
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
1170
1160
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
@@ -1177,10 +1167,6 @@ files:
1177
1167
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
1178
1168
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
1179
1169
  - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
1180
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb
1181
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md
1182
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx
1183
- - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md
1184
1170
  - app/pb_kits/playbook/pb_draggable/docs/example.yml
1185
1171
  - app/pb_kits/playbook/pb_draggable/docs/index.js
1186
1172
  - app/pb_kits/playbook/pb_draggable/draggable.html.erb
@@ -1349,10 +1335,8 @@ files:
1349
1335
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
1350
1336
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx
1351
1337
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
1352
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb
1353
1338
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.jsx
1354
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md
1355
- - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_react.md
1339
+ - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.md
1356
1340
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.html.erb
1357
1341
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.jsx
1358
1342
  - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_children.md
@@ -1560,10 +1544,6 @@ files:
1560
1544
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
1561
1545
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
1562
1546
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
1563
- - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
1564
- - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
1565
- - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
1566
- - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
1567
1547
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
1568
1548
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
1569
1549
  - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
@@ -1623,7 +1603,6 @@ files:
1623
1603
  - app/pb_kits/playbook/pb_icon/icon.test.js
1624
1604
  - app/pb_kits/playbook/pb_icon_button/_icon_button.scss
1625
1605
  - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb
1626
- - app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb
1627
1606
  - app/pb_kits/playbook/pb_icon_button/docs/example.yml
1628
1607
  - app/pb_kits/playbook/pb_icon_button/icon_button.html.erb
1629
1608
  - app/pb_kits/playbook/pb_icon_button/icon_button.rb
@@ -1849,8 +1828,6 @@ files:
1849
1828
  - app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
1850
1829
  - app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
1851
1830
  - app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
1852
- - app/pb_kits/playbook/pb_link/docs/_link_target.html.erb
1853
- - app/pb_kits/playbook/pb_link/docs/_link_target.jsx
1854
1831
  - app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
1855
1832
  - app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
1856
1833
  - app/pb_kits/playbook/pb_link/docs/example.yml
@@ -2116,8 +2093,6 @@ files:
2116
2093
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb
2117
2094
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx
2118
2095
  - app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md
2119
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx
2120
- - app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md
2121
2096
  - app/pb_kits/playbook/pb_overlay/docs/example.yml
2122
2097
  - app/pb_kits/playbook/pb_overlay/docs/index.js
2123
2098
  - app/pb_kits/playbook/pb_overlay/overlay.html.erb
@@ -2272,11 +2247,6 @@ files:
2272
2247
  - app/pb_kits/playbook/pb_progress_pills/docs/_description.md
2273
2248
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb
2274
2249
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx
2275
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md
2276
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb
2277
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx
2278
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md
2279
- - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md
2280
2250
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.html.erb
2281
2251
  - app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx
2282
2252
  - app/pb_kits/playbook/pb_progress_pills/docs/example.yml
@@ -2745,17 +2715,12 @@ files:
2745
2715
  - app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
2746
2716
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
2747
2717
  - app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
2748
- - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb
2749
- - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx
2750
- - app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md
2751
2718
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.html.erb
2752
2719
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx
2753
2720
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_rails.md
2754
2721
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_react.md
2755
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb
2756
2722
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx
2757
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md
2758
- - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_react.md
2723
+ - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.md
2759
2724
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx
2760
2725
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.md
2761
2726
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content_rails.html.erb
@@ -2768,9 +2733,6 @@ files:
2768
2733
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md
2769
2734
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.html.erb
2770
2735
  - app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md
2771
- - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb
2772
- - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx
2773
- - app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md
2774
2736
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
2775
2737
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.md
2776
2738
  - app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
@@ -3184,9 +3146,6 @@ files:
3184
3146
  - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
3185
3147
  - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
3186
3148
  - app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
3187
- - app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb
3188
- - app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx
3189
- - app/pb_kits/playbook/pb_user/docs/_user_light_weight.md
3190
3149
  - app/pb_kits/playbook/pb_user/docs/_user_presence_indicator_swift.md
3191
3150
  - app/pb_kits/playbook/pb_user/docs/_user_props_table.md
3192
3151
  - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
@@ -3342,11 +3301,11 @@ files:
3342
3301
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3343
3302
  - app/pb_kits/playbook/utilities/text.ts
3344
3303
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3345
- - dist/chunks/_typeahead-PqkcDf1H.js
3346
- - dist/chunks/_weekday_stacked-C7J0S4f7.js
3304
+ - dist/chunks/_typeahead-BWwaAo_0.js
3305
+ - dist/chunks/_weekday_stacked-zyBCd1s8.js
3347
3306
  - dist/chunks/lazysizes-B7xYodB-.js
3348
- - dist/chunks/lib-D3us1bGD.js
3349
- - dist/chunks/pb_form_validation-BpihMSOQ.js
3307
+ - dist/chunks/lib-kMuhBuU7.js
3308
+ - dist/chunks/pb_form_validation-DBJ0wZuS.js
3350
3309
  - dist/chunks/vendor.js
3351
3310
  - dist/menu.yml
3352
3311
  - dist/playbook-doc.js
@@ -1,26 +0,0 @@
1
- export const showActionBar = (elem: HTMLElement) => {
2
- elem.style.display = "block";
3
- const height = elem.scrollHeight + "px";
4
- elem.style.height = height;
5
- elem.classList.add("is-visible");
6
- elem.style.overflow = "hidden";
7
-
8
- window.setTimeout(() => {
9
- if (elem.classList.contains("is-visible")) {
10
- elem.style.height = "";
11
- elem.style.overflow = "visible";
12
- }
13
- }, 300);
14
- };
15
-
16
- export const hideActionBar = (elem: HTMLElement) => {
17
- elem.style.height = elem.scrollHeight + "px";
18
- elem.offsetHeight;
19
- window.setTimeout(() => {
20
- elem.style.height = "0";
21
- elem.style.overflow = "hidden";
22
- }, 10);
23
- window.setTimeout(() => {
24
- elem.classList.remove("is-visible");
25
- }, 300);
26
- };
@@ -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,55 +0,0 @@
1
- import React from "react"
2
- import { AdvancedTable } from "playbook-ui"
3
- import MOCK_DATA from "./advanced_table_mock_data.json"
4
-
5
- const AdvancedTableTablePropsStickyHeader = (props) => {
6
- const columnDefinitions = [
7
- {
8
- accessor: "year",
9
- label: "Year",
10
- cellAccessors: ["quarter", "month", "day"],
11
- },
12
- {
13
- accessor: "newEnrollments",
14
- label: "New Enrollments",
15
- },
16
- {
17
- accessor: "scheduledMeetings",
18
- label: "Scheduled Meetings",
19
- },
20
- {
21
- accessor: "attendanceRate",
22
- label: "Attendance Rate",
23
- },
24
- {
25
- accessor: "completedClasses",
26
- label: "Completed Classes",
27
- },
28
- {
29
- accessor: "classCompletionRate",
30
- label: "Class Completion Rate",
31
- },
32
- {
33
- accessor: "graduatedStudents",
34
- label: "Graduated Students",
35
- },
36
- ]
37
-
38
- const tableProps = {
39
- sticky: true
40
- }
41
-
42
- return (
43
- <div>
44
- <AdvancedTable
45
- columnDefinitions={columnDefinitions}
46
- maxHeight="xs"
47
- tableData={MOCK_DATA}
48
- tableProps={tableProps}
49
- {...props}
50
- />
51
- </div>
52
- )
53
- }
54
-
55
- export default AdvancedTableTablePropsStickyHeader
@@ -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,3 +0,0 @@
1
- Create a sticky header that works for responsive Advanced Tables by setting `sticky: true` via `tableProps` and giving the AdvancedTable a `maxHeight` using our [Max Height](https://playbook.powerapp.cloud/visual_guidelines/max_height) global prop. This behavior requires a `maxHeight` 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/react#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.