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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +1 -0
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +0 -3
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +5 -6
- 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_rails.md +1 -3
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_react.md +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
- 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_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_currency/_currency.tsx +31 -46
- data/app/pb_kits/playbook/pb_currency/currency.html.erb +8 -15
- data/app/pb_kits/playbook/pb_currency/currency.rb +2 -17
- data/app/pb_kits/playbook/pb_currency/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_currency/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +1 -3
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.html.erb +2 -2
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table.md +1 -4
- data/app/pb_kits/playbook/pb_draggable/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_draggable/docs/index.js +1 -2
- 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_drawer/_drawer.scss +8 -32
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.html.erb +1 -20
- data/app/pb_kits/playbook/pb_drawer/docs/example.yml +0 -5
- data/app/pb_kits/playbook/pb_drawer/drawer.html.erb +12 -20
- data/app/pb_kits/playbook/pb_drawer/drawer.rb +1 -49
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +0 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -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 -5
- 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_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 -2
- data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_overlay/overlay.html.erb +3 -5
- data/app/pb_kits/playbook/pb_overlay/overlay.rb +0 -9
- 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/progress_step.html.erb +5 -1
- data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +7 -3
- data/app/pb_kits/playbook/pb_radio/radio.html.erb +11 -6
- data/app/pb_kits/playbook/pb_select/select.rb +0 -8
- 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/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 +0 -14
- data/app/pb_kits/playbook/pb_text_input/index.js +0 -9
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -5
- data/app/pb_kits/playbook/pb_title/_title.scss +0 -32
- data/app/pb_kits/playbook/pb_title/_title.tsx +1 -10
- data/app/pb_kits/playbook/pb_title/docs/_title_default.html.erb +2 -1
- data/app/pb_kits/playbook/pb_title/docs/_title_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_title/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_title/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_title/title.rb +1 -10
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +3 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_tooltip/index.js +2 -2
- data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +2 -10
- data/dist/chunks/{_typeahead-_d2af7Id.js → _typeahead-btjo1UN5.js} +4 -4
- data/dist/chunks/_weekday_stacked-TIh9nTmZ.js +45 -0
- data/dist/chunks/{lib-Fr78pbpF.js → lib-DjpLC8uO.js} +2 -2
- data/dist/chunks/{pb_form_validation-CN51bfsD.js → pb_form_validation-S56UaHZl.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +10 -3
- 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/forms/builder.rb +0 -1
- data/lib/playbook/version.rb +2 -2
- metadata +23 -62
- 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_rails.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_currency/docs/_currency_null_display.html.erb +0 -22
- data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx +0 -34
- data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display_rails.md +0 -1
- data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display_react.md +0 -1
- 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_drawer/docs/_drawer_behavior.html.erb +0 -8
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.html.erb +0 -33
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.html.erb +0 -0
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.html.erb +0 -24
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.html.erb +0 -21
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.md +0 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.html.erb +0 -49
- data/app/pb_kits/playbook/pb_drawer/index.js +0 -257
- data/app/pb_kits/playbook/pb_icon_button/_icon_button.tsx +0 -71
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx +0 -17
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.html.erb +0 -27
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx +0 -61
- data/app/pb_kits/playbook/pb_icon_button/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_icon_button/icon_button.test.jsx +0 -39
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.html.erb +0 -11
- 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.md +0 -1
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional_react.md +0 -1
- data/app/pb_kits/playbook/pb_overlay/index.js +0 -61
- 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_select/index.js +0 -38
- 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_title/docs/_title_display_size.html.erb +0 -7
- data/app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx +0 -54
- data/app/pb_kits/playbook/pb_title/docs/_title_display_size.md +0 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb +0 -39
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md +0 -3
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb +0 -26
- data/app/pb_kits/playbook/pb_tooltip/floating_ui.js +0 -282
- data/dist/chunks/_weekday_stacked-BZe1DgW-.js +0 -45
- data/lib/playbook/forms/builder/time_zone_select_field.rb +0 -19
- /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"))
|
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.14.0.pre.
|
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-
|
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/
|
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-
|
3374
|
-
- dist/chunks/_weekday_stacked-
|
3335
|
+
- dist/chunks/_typeahead-btjo1UN5.js
|
3336
|
+
- dist/chunks/_weekday_stacked-TIh9nTmZ.js
|
3375
3337
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3376
|
-
- dist/chunks/lib-
|
3377
|
-
- dist/chunks/pb_form_validation-
|
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
|
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_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.
|
@@ -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.
|