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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +4 -11
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +10 -74
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +26 -43
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +1 -8
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_rails.md +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/index.js +6 -9
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +5 -8
- data/app/pb_kits/playbook/pb_avatar/_avatar.scss +0 -9
- data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +7 -11
- data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +7 -6
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx +3 -9
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx +2 -6
- data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.scss +66 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/_avatar_action_button.tsx +98 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +28 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb +42 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.html.erb +19 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_actions.jsx +26 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb +10 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.jsx +17 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_on_click.jsx +19 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_onclick.html.erb +16 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.html.erb +35 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_placement.jsx +42 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_tooltip.html.erb +13 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/example.yml +15 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/docs/index.js +4 -0
- data/app/pb_kits/playbook/pb_avatar_action_button/pb_avatar_action_button.test.js +31 -0
- data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_button/button.rb +1 -1
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.tsx +8 -17
- data/app/pb_kits/playbook/pb_checkbox/checkbox.test.js +0 -16
- data/app/pb_kits/playbook/pb_checkbox/docs/example.yml +1 -2
- data/app/pb_kits/playbook/pb_checkbox/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_date/_date.tsx +4 -14
- data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +1 -2
- data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +5 -13
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +1 -3
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +5 -4
- data/app/pb_kits/playbook/pb_draggable/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_draggable/draggable_container.html.erb +2 -2
- data/app/pb_kits/playbook/pb_draggable/draggable_container.rb +0 -5
- data/app/pb_kits/playbook/pb_draggable/draggable_item.html.erb +1 -1
- data/app/pb_kits/playbook/pb_draggable/draggable_item.rb +0 -4
- data/app/pb_kits/playbook/pb_draggable/index.js +15 -151
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx +4 -7
- data/app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx +3 -6
- data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +6 -1
- data/app/pb_kits/playbook/pb_filter/filter.html.erb +5 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/index.js +5 -7
- data/app/pb_kits/playbook/pb_form_group/form_group.html.erb +6 -1
- data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +1 -1
- data/app/pb_kits/playbook/pb_home_address_street/_home_address_street.tsx +7 -11
- data/app/pb_kits/playbook/pb_home_address_street/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_home_address_street/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_home_address_street/home_address_street.rb +2 -13
- data/app/pb_kits/playbook/pb_icon/icon.html.erb +6 -2
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.html.erb +2 -1
- data/app/pb_kits/playbook/pb_icon_button/docs/example.yml +3 -1
- data/app/pb_kits/playbook/pb_icon_button/icon_button.html.erb +1 -1
- data/app/pb_kits/playbook/pb_icon_button/icon_button.rb +0 -3
- data/app/pb_kits/playbook/pb_layout/body.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/footer.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/header.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/item.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/layout.html.erb +5 -1
- data/app/pb_kits/playbook/pb_layout/sidebar.html.erb +5 -1
- data/app/pb_kits/playbook/pb_legend/legend.html.erb +6 -1
- data/app/pb_kits/playbook/pb_lightbox/lightbox.scss +6 -7
- data/app/pb_kits/playbook/pb_link/_link.tsx +0 -18
- data/app/pb_kits/playbook/pb_link/docs/example.yml +3 -5
- data/app/pb_kits/playbook/pb_link/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_link/link.html.erb +1 -1
- data/app/pb_kits/playbook/pb_link/link.rb +0 -6
- data/app/pb_kits/playbook/pb_link/link.test.jsx +0 -30
- data/app/pb_kits/playbook/pb_message/message.html.erb +6 -1
- data/app/pb_kits/playbook/pb_message/message_mention.html.erb +6 -1
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +6 -1
- data/app/pb_kits/playbook/pb_nav/item.html.erb +19 -7
- data/app/pb_kits/playbook/pb_nav/nav.html.erb +8 -3
- data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +6 -1
- data/app/pb_kits/playbook/pb_overlay/_overlay.tsx +0 -4
- data/app/pb_kits/playbook/pb_overlay/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_overlay/subcomponents/_overlay_token.tsx +10 -48
- data/app/pb_kits/playbook/pb_popover/popover.html.erb +6 -1
- data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.scss +1 -6
- data/app/pb_kits/playbook/pb_progress_pills/_progress_pills.tsx +5 -7
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.html.erb +0 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.jsx +0 -7
- data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_progress_pills/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +7 -2
- data/app/pb_kits/playbook/pb_progress_pills/progress_pills.rb +0 -6
- data/app/pb_kits/playbook/pb_progress_pills/progress_pills.test.js +1 -26
- data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +5 -1
- data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb +6 -6
- data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +5 -1
- data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +5 -1
- data/app/pb_kits/playbook/pb_radio/radio.html.erb +11 -6
- data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb +9 -6
- data/app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx +9 -6
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +1 -1
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -5
- data/app/pb_kits/playbook/pb_table/docs/index.js +1 -3
- data/app/pb_kits/playbook/pb_table/index.ts +9 -41
- data/app/pb_kits/playbook/pb_table/styles/_collapsible.scss +0 -4
- data/app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss +0 -26
- data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +1 -0
- data/app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss +0 -25
- data/app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss +0 -25
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_body.tsx +2 -29
- data/app/pb_kits/playbook/pb_table/subcomponents/_table_row.tsx +3 -31
- data/app/pb_kits/playbook/pb_table/table_body.html.erb +7 -13
- data/app/pb_kits/playbook/pb_table/table_body.rb +0 -2
- data/app/pb_kits/playbook/pb_table/table_row.html.erb +7 -14
- data/app/pb_kits/playbook/pb_table/table_row.rb +1 -14
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_mask.html.erb +1 -15
- data/app/pb_kits/playbook/pb_text_input/index.js +82 -60
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -5
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +1 -3
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_tooltip/index.js +27 -45
- data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +1 -5
- data/app/pb_kits/playbook/pb_user/_user.tsx +0 -3
- data/app/pb_kits/playbook/pb_user/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_user/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_user/user.html.erb +1 -1
- data/app/pb_kits/playbook/pb_user/user.rb +0 -1
- data/app/pb_kits/playbook/pb_user/user.test.js +0 -14
- data/dist/chunks/_typeahead-BWwaAo_0.js +36 -0
- data/dist/chunks/_weekday_stacked-zyBCd1s8.js +45 -0
- data/dist/chunks/{lib-D3us1bGD.js → lib-kMuhBuU7.js} +2 -2
- data/dist/chunks/{pb_form_validation-BpihMSOQ.js → pb_form_validation-DBJ0wZuS.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +7 -6
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +2 -2
- metadata +38 -79
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts +0 -26
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx +0 -75
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb +0 -33
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx +0 -55
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md +0 -3
- data/app/pb_kits/playbook/pb_bar_graph/BarGraphStyles.scss +0 -58
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.jsx +0 -64
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_pb_styles.md +0 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +0 -69
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.md +0 -1
- data/app/pb_kits/playbook/pb_copy_button/_copy_button.scss +0 -4
- data/app/pb_kits/playbook/pb_copy_button/_copy_button.tsx +0 -92
- data/app/pb_kits/playbook/pb_copy_button/copy_button.html.erb +0 -15
- data/app/pb_kits/playbook/pb_copy_button/copy_button.rb +0 -28
- data/app/pb_kits/playbook/pb_copy_button/copy_button.test.jsx +0 -64
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb +0 -2
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx +0 -21
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb +0 -5
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx +0 -45
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md +0 -1
- data/app/pb_kits/playbook/pb_copy_button/docs/example.yml +0 -8
- data/app/pb_kits/playbook/pb_copy_button/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_copy_button/index.js +0 -47
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb +0 -99
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md +0 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb +0 -61
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md +0 -4
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +0 -90
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.md +0 -5
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close.html.erb +0 -58
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_auto_close_rails.md +0 -3
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb +0 -11
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx +0 -22
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md +0 -1
- data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md +0 -1
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb +0 -27
- data/app/pb_kits/playbook/pb_link/docs/_link_target.html.erb +0 -15
- data/app/pb_kits/playbook/pb_link/docs/_link_target.jsx +0 -29
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +0 -37
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md +0 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_default.md +0 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.html.erb +0 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width.jsx +0 -18
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_rails.md +0 -1
- data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_full_width_react.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.html.erb +0 -47
- data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx +0 -88
- data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.md +0 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.html.erb +0 -51
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.html.erb +0 -96
- data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx +0 -101
- data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.md +0 -1
- data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.html.erb +0 -42
- data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx +0 -59
- data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.md +0 -2
- data/dist/chunks/_typeahead-PqkcDf1H.js +0 -36
- data/dist/chunks/_weekday_stacked-C7J0S4f7.js +0 -45
- /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
- /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
data/lib/playbook/version.rb
CHANGED
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.
|
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-
|
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/
|
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/
|
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-
|
3346
|
-
- dist/chunks/_weekday_stacked-
|
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-
|
3349
|
-
- dist/chunks/pb_form_validation-
|
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
|
-
};
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx
DELETED
@@ -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
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb
DELETED
@@ -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 }}) %>
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx
DELETED
@@ -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
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_rails.md
DELETED
@@ -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.
|
data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
DELETED
@@ -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.
|