playbook_ui 18.2.0 → 18.3.0.pre.alpha.PLAY3342advancedtablereactmulticolumnselectablerow21082
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/pb_advanced_table/Components/CollapsibleTrail.tsx +8 -1
- data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +39 -8
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx +62 -2
- data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +24 -4
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +105 -66
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts +29 -0
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +83 -5
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +8 -0
- data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +1100 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md +5 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md +3 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi_select_all.jsx +82 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi_select_all.md +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md +3 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_group_separators.jsx +67 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_group_separators.md +7 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_group_separators_rails.html.erb +78 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_group_separators_rails.md +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx +177 -58
- data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.json +17 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_playground.overrides.json +8 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_group_separators.json +328 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +3 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_advanced_table/index.js +39 -2
- data/app/pb_kits/playbook/pb_advanced_table/kit.schema.json +44 -16
- data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +53 -23
- data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +2 -0
- data/app/pb_kits/playbook/pb_avatar/_avatar.tsx +3 -1
- data/app/pb_kits/playbook/pb_avatar/kit.schema.json +23 -10
- data/app/pb_kits/playbook/pb_background/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_background/kit.schema.json +10 -3
- data/app/pb_kits/playbook/pb_badge/docs/_playground.json +2 -0
- data/app/pb_kits/playbook/pb_badge/kit.schema.json +27 -13
- data/app/pb_kits/playbook/pb_body/docs/_playground.json +3 -3
- data/app/pb_kits/playbook/pb_body/kit.schema.json +14 -5
- data/app/pb_kits/playbook/pb_button/_button.tsx +3 -1
- data/app/pb_kits/playbook/pb_button/button.rb +3 -0
- data/app/pb_kits/playbook/pb_button/button.test.js +154 -0
- data/app/pb_kits/playbook/pb_button/docs/_button_options_rails.md +5 -0
- data/app/pb_kits/playbook/pb_button/docs/_button_options_react.md +9 -0
- data/app/pb_kits/playbook/pb_button/docs/_playground.json +4 -2
- data/app/pb_kits/playbook/pb_button/docs/_playground.overrides.json +1 -1
- data/app/pb_kits/playbook/pb_button/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_button/kit.schema.json +31 -27
- data/app/pb_kits/playbook/pb_caption/kit.schema.json +17 -7
- data/app/pb_kits/playbook/pb_card/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_card/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_playground.json +6 -1
- data/app/pb_kits/playbook/pb_checkbox/kit.schema.json +10 -5
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +4 -4
- data/app/pb_kits/playbook/pb_collapsible/collapsible.test.js +81 -2
- data/app/pb_kits/playbook/pb_contact/_contact.tsx +4 -1
- data/app/pb_kits/playbook/pb_contact/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_contact/kit.schema.json +3 -1
- data/app/pb_kits/playbook/pb_copy_button/docs/_playground.json +5 -1
- data/app/pb_kits/playbook/pb_copy_button/kit.schema.json +10 -5
- data/app/pb_kits/playbook/pb_currency/docs/_playground.json +1 -1
- data/app/pb_kits/playbook/pb_currency/kit.schema.json +6 -2
- data/app/pb_kits/playbook/pb_dashboard_value/docs/_playground.json +2 -2
- data/app/pb_kits/playbook/pb_dashboard_value/kit.schema.json +4 -2
- data/app/pb_kits/playbook/pb_date/_date.tsx +3 -1
- data/app/pb_kits/playbook/pb_date/date.test.js +1 -1
- data/app/pb_kits/playbook/pb_date/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_date/kit.schema.json +17 -7
- data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +4 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_playground.json +4 -1
- data/app/pb_kits/playbook/pb_date_picker/kit.schema.json +32 -14
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +3 -1
- data/app/pb_kits/playbook/pb_date_range_inline/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_date_range_inline/kit.schema.json +3 -1
- data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.tsx +3 -1
- data/app/pb_kits/playbook/pb_date_range_stacked/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +4 -1
- data/app/pb_kits/playbook/pb_date_stacked/date_stacked.test.js +1 -0
- data/app/pb_kits/playbook/pb_date_stacked/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +3 -1
- data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +1 -0
- data/app/pb_kits/playbook/pb_date_time/docs/_playground.json +2 -1
- data/app/pb_kits/playbook/pb_date_time/kit.schema.json +3 -1
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +2 -1
- data/app/pb_kits/playbook/pb_date_time_stacked/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_date_time_stacked/kit.schema.json +3 -1
- data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx +3 -1
- data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.test.js +1 -0
- data/app/pb_kits/playbook/pb_date_year_stacked/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_detail/docs/_playground.json +2 -1
- data/app/pb_kits/playbook/pb_detail/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_playground.json +1 -1
- data/app/pb_kits/playbook/pb_dialog/kit.schema.json +22 -9
- data/app/pb_kits/playbook/pb_distribution_bar/docs/_playground.json +2 -2
- data/app/pb_kits/playbook/pb_distribution_bar/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_draggable/utilities/touchDrag.ts +10 -0
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +112 -0
- data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +121 -15
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_draggable_pills.html.erb +51 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_draggable_pills.jsx +62 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_draggable_pills_rails.md +9 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_draggable_pills_react.md +9 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_form.jsx +50 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_form_react.md +9 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_option_creation.html.erb +16 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_option_creation.jsx +27 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_option_creation_rails.md +9 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_option_creation_react.md +9 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/_playground.json +39 -3
- data/app/pb_kits/playbook/pb_dropdown/docs/_playground.overrides.json +13 -2
- data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +5 -0
- data/app/pb_kits/playbook/pb_dropdown/docs/index.js +4 -1
- data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
- data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +24 -1
- data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +235 -1
- data/app/pb_kits/playbook/pb_dropdown/dropdown_creation.test.jsx +414 -0
- data/app/pb_kits/playbook/pb_dropdown/dropdown_form.test.jsx +173 -0
- data/app/pb_kits/playbook/pb_dropdown/dropdown_index.test.js +545 -0
- data/app/pb_kits/playbook/pb_dropdown/hooks/useHandleOnKeydown.tsx +22 -5
- data/app/pb_kits/playbook/pb_dropdown/index.js +260 -37
- data/app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js +3 -1
- data/app/pb_kits/playbook/pb_dropdown/kit.schema.json +59 -9
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +43 -25
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownFormFields.tsx +83 -0
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +13 -5
- data/app/pb_kits/playbook/pb_dropdown/subcomponents/MultiSelectTriggerDisplay.tsx +336 -31
- data/app/pb_kits/playbook/pb_dropdown/utilities/optionCreation.ts +21 -0
- data/app/pb_kits/playbook/pb_dropdown/utilities/pillReorder.js +281 -0
- data/app/pb_kits/playbook/pb_dropdown/utilities/quickpickDateSync.test.ts +24 -0
- data/app/pb_kits/playbook/pb_dropdown/utilities/usePillDropIndicator.ts +144 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/_playground.json +1 -1
- data/app/pb_kits/playbook/pb_empty_state/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_file_upload/docs/_playground.json +3 -2
- data/app/pb_kits/playbook/pb_file_upload/kit.schema.json +8 -3
- data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx +8 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_one_click.html.erb +38 -0
- data/app/pb_kits/playbook/pb_filter/docs/_filter_one_click.jsx +69 -0
- data/app/pb_kits/playbook/pb_filter/docs/_filter_one_click.md +1 -0
- data/app/pb_kits/playbook/pb_filter/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_filter/docs/index.js +2 -1
- data/app/pb_kits/playbook/pb_filter/filter.html.erb +4 -4
- data/app/pb_kits/playbook/pb_filter/filter.rb +28 -0
- data/app/pb_kits/playbook/pb_filter/filter.test.js +41 -0
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_playground.json +4 -4
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.test.js +1 -2
- data/app/pb_kits/playbook/pb_fixed_confirmation_toast/kit.schema.json +6 -3
- data/app/pb_kits/playbook/pb_flex/docs/_playground.json +3 -0
- data/app/pb_kits/playbook/pb_flex/kit.schema.json +27 -12
- data/app/pb_kits/playbook/pb_form/docs/_description_react.md +3 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_default_values.jsx +898 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_default_values_react.md +3 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_defaults.jsx +879 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_defaults_react.md +29 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_loading.jsx +75 -0
- data/app/pb_kits/playbook/pb_form/docs/{_form_loading.md → _form_loading_rails.md} +1 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_loading_react.md +1 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_model_values.jsx +147 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_model_values_react.md +16 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_multi_column.jsx +164 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_multi_column_react.md +3 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_validation.jsx +1057 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_validation_react.md +26 -0
- data/app/pb_kits/playbook/pb_form/docs/example.yml +7 -0
- data/app/pb_kits/playbook/pb_form/form.rb +1 -1
- data/app/pb_kits/playbook/pb_form/kit.schema.json +1 -6
- data/app/pb_kits/playbook/pb_form/pb_form_validation.js +1 -0
- data/app/pb_kits/playbook/pb_form_group/_form_group.scss +1 -4
- data/app/pb_kits/playbook/pb_form_pill/docs/_playground.json +3 -0
- data/app/pb_kits/playbook/pb_form_pill/kit.schema.json +6 -3
- data/app/pb_kits/playbook/pb_full_screen/_full_screen.scss +6 -0
- data/app/pb_kits/playbook/pb_full_screen/_full_screen.tsx +11 -2
- data/app/pb_kits/playbook/pb_full_screen/docs/_full_screen_advanced_table_sticky_header.jsx +73 -0
- data/app/pb_kits/playbook/pb_full_screen/docs/_full_screen_advanced_table_sticky_header.md +1 -0
- data/app/pb_kits/playbook/pb_full_screen/docs/_playground.json +3 -3
- data/app/pb_kits/playbook/pb_full_screen/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_full_screen/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_full_screen/full_screen.test.jsx +4 -2
- data/app/pb_kits/playbook/pb_full_screen/kit.schema.json +8 -4
- data/app/pb_kits/playbook/pb_hashtag/docs/_playground.json +2 -2
- data/app/pb_kits/playbook/pb_hashtag/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_highlight/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +6 -1
- data/app/pb_kits/playbook/pb_icon/docs/_playground.json +2 -2
- data/app/pb_kits/playbook/pb_icon/kit.schema.json +31 -13
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +3 -1
- data/app/pb_kits/playbook/pb_icon_circle/docs/_playground.json +2 -2
- data/app/pb_kits/playbook/pb_icon_circle/kit.schema.json +3 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/docs/_playground.json +3 -2
- data/app/pb_kits/playbook/pb_icon_stat_value/kit.schema.json +4 -2
- data/app/pb_kits/playbook/pb_image/_image.tsx +5 -3
- data/app/pb_kits/playbook/pb_image/docs/_playground.json +27 -27
- data/app/pb_kits/playbook/pb_image/kit.schema.json +57 -24
- data/app/pb_kits/playbook/pb_label_pill/_label_pill.tsx +3 -1
- data/app/pb_kits/playbook/pb_label_pill/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_label_value/docs/_playground.json +2 -2
- data/app/pb_kits/playbook/pb_label_value/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_layout/docs/_playground.json +2 -2
- data/app/pb_kits/playbook/pb_layout/kit.schema.json +43 -20
- data/app/pb_kits/playbook/pb_legend/_legend.tsx +3 -1
- data/app/pb_kits/playbook/pb_legend/docs/_playground.json +2 -2
- data/app/pb_kits/playbook/pb_legend/kit.schema.json +3 -1
- data/app/pb_kits/playbook/pb_lightbox/_lightbox.tsx +2 -2
- data/app/pb_kits/playbook/pb_lightbox/kit.schema.json +84 -0
- data/app/pb_kits/playbook/pb_link/docs/_playground.json +6 -3
- data/app/pb_kits/playbook/pb_link/kit.schema.json +14 -6
- data/app/pb_kits/playbook/pb_list/_list_item.tsx +6 -3
- data/app/pb_kits/playbook/pb_list/docs/_playground.json +2 -2
- data/app/pb_kits/playbook/pb_list/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_loading_inline/docs/_playground.json +0 -1
- data/app/pb_kits/playbook/pb_loading_inline/kit.schema.json +4 -1
- data/app/pb_kits/playbook/pb_map/docs/_map_default.md +22 -3
- data/app/pb_kits/playbook/pb_map/kit.schema.json +4 -6
- data/app/pb_kits/playbook/pb_message/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +4 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/_playground.json +2 -1
- data/app/pb_kits/playbook/pb_multiple_users/kit.schema.json +19 -11
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_nav/_nav_item.test.js +17 -0
- data/app/pb_kits/playbook/pb_nav/docs/_playground.json +2 -0
- data/app/pb_kits/playbook/pb_nav/kit.schema.json +4 -2
- data/app/pb_kits/playbook/pb_online_status/_online_status.tsx +3 -1
- data/app/pb_kits/playbook/pb_online_status/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_overlay/docs/_playground.json +3 -3
- data/app/pb_kits/playbook/pb_overlay/kit.schema.json +22 -12
- data/app/pb_kits/playbook/pb_pagination/kit.schema.json +6 -3
- data/app/pb_kits/playbook/pb_passphrase/docs/_playground.json +6 -4
- data/app/pb_kits/playbook/pb_passphrase/kit.schema.json +10 -5
- data/app/pb_kits/playbook/pb_pb_bar_graph/pbbargraph.test.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_gauge_chart/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_pb_gauge_chart/pb_gauge_chart.test.jsx +1 -2
- data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.test.jsx +1 -2
- data/app/pb_kits/playbook/pb_person/_person.tsx +3 -1
- data/app/pb_kits/playbook/pb_person/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_person_contact/docs/_playground.json +3 -3
- data/app/pb_kits/playbook/pb_person_contact/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +3 -7
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_playground.json +3 -0
- data/app/pb_kits/playbook/pb_phone_number_input/img/flags.webp +0 -0
- data/app/pb_kits/playbook/pb_phone_number_input/img/flags@2x.webp +0 -0
- data/app/pb_kits/playbook/pb_phone_number_input/img/globe.webp +0 -0
- data/app/pb_kits/playbook/pb_phone_number_input/img/globe@2x.webp +0 -0
- data/app/pb_kits/playbook/pb_phone_number_input/intlTelInput.scss +13 -6
- data/app/pb_kits/playbook/pb_phone_number_input/kit.schema.json +6 -3
- data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input_assets.test.js +61 -0
- data/app/pb_kits/playbook/pb_pill/_pill.tsx +3 -1
- data/app/pb_kits/playbook/pb_pill/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_popover/docs/_playground.json +1 -2
- data/app/pb_kits/playbook/pb_popover/index.ts +47 -8
- data/app/pb_kits/playbook/pb_popover/kit.schema.json +18 -9
- data/app/pb_kits/playbook/pb_popover/popover_index.test.js +456 -0
- data/app/pb_kits/playbook/pb_progress_pills/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_progress_pills/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_progress_simple/docs/_playground.json +3 -2
- data/app/pb_kits/playbook/pb_progress_simple/kit.schema.json +4 -2
- data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.tsx +3 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_playground.json +10 -3
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_playground.overrides.json +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_required_indicator.md +2 -2
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_default.md +3 -4
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_extensions.md +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_markdown_support.md +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_required_indicator.html.erb +9 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_rails_required_indicator.md +3 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/kit.schema.json +18 -9
- data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.html.erb +3 -7
- data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor_rails.js +26 -21
- data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor_rails.test.js +85 -1
- data/app/pb_kits/playbook/pb_selectable_card/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_selectable_card/kit.schema.json +4 -2
- data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss +0 -9
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_custom.jsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_card_icon/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss +0 -7
- data/app/pb_kits/playbook/pb_source/_source.tsx +3 -1
- data/app/pb_kits/playbook/pb_source/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_source/kit.schema.json +3 -1
- data/app/pb_kits/playbook/pb_source/source.rb +1 -1
- data/app/pb_kits/playbook/pb_star_rating/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_star_rating/kit.schema.json +15 -7
- data/app/pb_kits/playbook/pb_stat_change/_stat_change.tsx +3 -1
- data/app/pb_kits/playbook/pb_stat_change/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_stat_change/kit.schema.json +3 -1
- data/app/pb_kits/playbook/pb_stat_value/docs/_playground.json +3 -1
- data/app/pb_kits/playbook/pb_stat_value/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_table/docs/_playground.json +5 -1
- data/app/pb_kits/playbook/pb_table/kit.schema.json +28 -11
- data/app/pb_kits/playbook/pb_text_input/docs/_playground.json +3 -0
- data/app/pb_kits/playbook/pb_text_input/kit.schema.json +22 -9
- data/app/pb_kits/playbook/pb_textarea/_textarea.tsx +4 -1
- data/app/pb_kits/playbook/pb_time/kit.schema.json +13 -5
- data/app/pb_kits/playbook/pb_time_picker/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_time_picker/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +3 -1
- data/app/pb_kits/playbook/pb_time_range_inline/kit.schema.json +13 -5
- data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.tsx +3 -1
- data/app/pb_kits/playbook/pb_time_stacked/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_timeline/_item.tsx +3 -1
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +3 -1
- data/app/pb_kits/playbook/pb_timestamp/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_timestamp/timestamp.test.js +1 -0
- data/app/pb_kits/playbook/pb_title/kit.schema.json +23 -10
- data/app/pb_kits/playbook/pb_title_count/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_title_count/kit.schema.json +2 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_playground.json +5 -1
- data/app/pb_kits/playbook/pb_tooltip/kit.schema.json +10 -5
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +73 -0
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx +285 -12
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +22 -14
- data/app/pb_kits/playbook/pb_typeahead/components/PillRenderer.tsx +15 -11
- data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx +29 -30
- data/app/pb_kits/playbook/pb_typeahead/components/usePillDropIndicator.ts +155 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_playground.json +5 -5
- data/app/pb_kits/playbook/pb_typeahead/docs/_playground.overrides.json +2 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_draggable_pills.html.erb +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_draggable_pills.jsx +0 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_draggable_pills_rails.md +3 -3
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_draggable_pills_react.md +7 -0
- data/app/pb_kits/playbook/pb_typeahead/kit.schema.json +3 -3
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +3 -3
- data/app/pb_kits/playbook/pb_user/_user.tsx +3 -1
- data/app/pb_kits/playbook/pb_user/docs/_playground.json +3 -1
- data/app/pb_kits/playbook/pb_user/kit.schema.json +20 -9
- data/app/pb_kits/playbook/pb_user_badge/_user_badge.tsx +3 -1
- data/app/pb_kits/playbook/pb_user_badge/kit.schema.json +1 -0
- data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +3 -1
- data/app/pb_kits/playbook/pb_weekday_stacked/docs/_playground.json +1 -0
- data/app/pb_kits/playbook/pb_weekday_stacked/kit.schema.json +3 -1
- data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.test.jsx +1 -0
- data/app/pb_kits/playbook/utilities/test/globalProps/onClick.test.js +471 -0
- data/app/pb_kits/playbook/utilities/test-utils.js +0 -1
- data/dist/ai/all-schemas.json +986 -388
- data/dist/ai/external-dependencies.json +1 -1
- data/dist/ai/forms.json +2 -2
- data/dist/ai/index.json +11 -3
- data/dist/ai/kits/advanced_table.schema.json +44 -16
- data/dist/ai/kits/avatar.schema.json +22 -9
- data/dist/ai/kits/background.schema.json +10 -3
- data/dist/ai/kits/badge.schema.json +26 -12
- data/dist/ai/kits/body.schema.json +14 -5
- data/dist/ai/kits/button.schema.json +29 -25
- data/dist/ai/kits/caption.schema.json +17 -7
- data/dist/ai/kits/card.schema.json +2 -1
- data/dist/ai/kits/checkbox.schema.json +10 -5
- data/dist/ai/kits/contact.schema.json +3 -1
- data/dist/ai/kits/copy_button.schema.json +10 -5
- data/dist/ai/kits/currency.schema.json +6 -2
- data/dist/ai/kits/dashboard_value.schema.json +4 -2
- data/dist/ai/kits/date.schema.json +16 -6
- data/dist/ai/kits/date_picker.schema.json +31 -13
- data/dist/ai/kits/date_range_inline.schema.json +3 -1
- data/dist/ai/kits/date_range_stacked.schema.json +1 -0
- data/dist/ai/kits/date_stacked.schema.json +1 -0
- data/dist/ai/kits/date_time.schema.json +3 -1
- data/dist/ai/kits/date_time_stacked.schema.json +3 -1
- data/dist/ai/kits/date_year_stacked.schema.json +1 -0
- data/dist/ai/kits/detail.schema.json +2 -1
- data/dist/ai/kits/dialog.schema.json +22 -9
- data/dist/ai/kits/distribution_bar.schema.json +2 -1
- data/dist/ai/kits/dropdown.schema.json +98 -18
- data/dist/ai/kits/empty_state.schema.json +2 -1
- data/dist/ai/kits/file_upload.schema.json +8 -3
- data/dist/ai/kits/fixed_confirmation_toast.schema.json +6 -3
- data/dist/ai/kits/flex.schema.json +27 -12
- data/dist/ai/kits/form.schema.json +1 -6
- data/dist/ai/kits/form_pill.schema.json +6 -3
- data/dist/ai/kits/full_screen.schema.json +8 -4
- data/dist/ai/kits/hashtag.schema.json +2 -1
- data/dist/ai/kits/highlight.schema.json +2 -1
- data/dist/ai/kits/icon.schema.json +31 -13
- data/dist/ai/kits/icon_circle.schema.json +3 -1
- data/dist/ai/kits/icon_stat_value.schema.json +4 -2
- data/dist/ai/kits/image.schema.json +57 -24
- data/dist/ai/kits/label_pill.schema.json +1 -0
- data/dist/ai/kits/label_value.schema.json +2 -1
- data/dist/ai/kits/layout.schema.json +43 -20
- data/dist/ai/kits/legend.schema.json +3 -1
- data/dist/ai/kits/lightbox.schema.json +86 -0
- data/dist/ai/kits/link.schema.json +14 -6
- data/dist/ai/kits/list.schema.json +2 -1
- data/dist/ai/kits/loading_inline.schema.json +4 -1
- data/dist/ai/kits/map.schema.json +4 -7
- data/dist/ai/kits/message.schema.json +2 -1
- data/dist/ai/kits/multiple_users.schema.json +19 -11
- data/dist/ai/kits/multiple_users_stacked.schema.json +2 -1
- data/dist/ai/kits/nav.schema.json +4 -2
- data/dist/ai/kits/online_status.schema.json +1 -0
- data/dist/ai/kits/overlay.schema.json +22 -12
- data/dist/ai/kits/pagination.schema.json +6 -3
- data/dist/ai/kits/passphrase.schema.json +10 -5
- data/dist/ai/kits/pb_gauge_chart.schema.json +2 -1
- data/dist/ai/kits/person.schema.json +1 -0
- data/dist/ai/kits/person_contact.schema.json +2 -1
- data/dist/ai/kits/phone_number_input.schema.json +6 -3
- data/dist/ai/kits/pill.schema.json +1 -0
- data/dist/ai/kits/popover.schema.json +17 -8
- data/dist/ai/kits/progress_pills.schema.json +2 -1
- data/dist/ai/kits/progress_simple.schema.json +4 -2
- data/dist/ai/kits/rich_text_editor.schema.json +19 -10
- data/dist/ai/kits/selectable_card.schema.json +4 -2
- data/dist/ai/kits/selectable_card_icon.schema.json +2 -1
- data/dist/ai/kits/source.schema.json +3 -1
- data/dist/ai/kits/star_rating.schema.json +15 -7
- data/dist/ai/kits/stat_change.schema.json +3 -1
- data/dist/ai/kits/stat_value.schema.json +2 -1
- data/dist/ai/kits/table.schema.json +28 -11
- data/dist/ai/kits/text_input.schema.json +22 -9
- data/dist/ai/kits/time.schema.json +12 -4
- data/dist/ai/kits/time_picker.schema.json +2 -1
- data/dist/ai/kits/time_range_inline.schema.json +13 -5
- data/dist/ai/kits/time_stacked.schema.json +1 -0
- data/dist/ai/kits/timestamp.schema.json +1 -0
- data/dist/ai/kits/title.schema.json +23 -10
- data/dist/ai/kits/title_count.schema.json +2 -1
- data/dist/ai/kits/tooltip.schema.json +10 -5
- data/dist/ai/kits/typeahead.schema.json +3 -3
- data/dist/ai/kits/user.schema.json +20 -9
- data/dist/ai/kits/user_badge.schema.json +1 -0
- data/dist/ai/kits/weekday_stacked.schema.json +3 -1
- data/dist/ai/playgrounds/advanced_table.json +1 -1
- data/dist/ai/playgrounds/dropdown.json +1 -1
- data/dist/ai/playgrounds/index.json +1 -1
- data/dist/ai/playgrounds/rich_text_editor.json +1 -1
- data/dist/ai/playgrounds/typeahead.json +1 -1
- data/dist/ai/visual-index.json +1 -1
- data/dist/chunks/_pagination-DZ0eQuH2.js +1 -0
- data/dist/chunks/{_pb_line_graph-Du7xE9vl.js → _pb_line_graph-DyvH5Zj1.js} +1 -1
- data/dist/chunks/{_detail-Bsvl694i.js → _tooltip-CFbtqu-E.js} +2 -2
- data/dist/chunks/_typeahead-CkiAf8zx.js +1 -0
- data/dist/chunks/{globalProps-B120NbSJ.js → globalProps-xfGTpdLP.js} +1 -1
- data/dist/chunks/index-4jrZjexD.js +1 -0
- data/dist/chunks/index-BAy61y8S.js +1 -0
- data/dist/chunks/index-Cb_SDipk.js +1 -0
- data/dist/chunks/index-D3RdsDp7.js +1 -0
- data/dist/chunks/index-D8PZIesy.js +1 -0
- data/dist/chunks/index-DIoc-aua.js +1 -0
- data/dist/chunks/index-qex65UMn.js +1 -0
- data/dist/chunks/lib-Cu_i0y0k.js +29 -0
- data/dist/chunks/{time_picker_helper-CYGg0UQ0.js → time_picker_helper-B82MORju.js} +1 -1
- data/dist/chunks/vendor.js +2 -2
- data/dist/menu.yml +3 -3
- 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/changelog_generator.rb +47 -21
- data/lib/playbook/connect_message_generator.rb +15 -2
- data/lib/playbook/version.rb +2 -2
- metadata +99 -23
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_draggable_pills.md +0 -7
- data/dist/chunks/_table-Bf6LGyL9.js +0 -1
- data/dist/chunks/_typeahead-w6S5Vx4b.js +0 -1
- data/dist/chunks/lib-Buo6zHEw.js +0 -29
- /data/app/pb_kits/playbook/pb_form/docs/{_description.md → _description_rails.md} +0 -0
- /data/app/pb_kits/playbook/pb_form/docs/{_form_default_values.md → _form_default_values_rails.md} +0 -0
- /data/app/pb_kits/playbook/pb_form/docs/{_form_defaults.md → _form_defaults_rails.md} +0 -0
- /data/app/pb_kits/playbook/pb_form/docs/{_form_model_values.md → _form_model_values_rails.md} +0 -0
- /data/app/pb_kits/playbook/pb_form/docs/{_form_multi_column.md → _form_multi_column_rails.md} +0 -0
- /data/app/pb_kits/playbook/pb_form/docs/{_form_validation.md → _form_validation_rails.md} +0 -0
|
@@ -41,13 +41,8 @@
|
|
|
41
41
|
},
|
|
42
42
|
"globalProps": true,
|
|
43
43
|
"usage": {
|
|
44
|
-
"react": {
|
|
45
|
-
"import": "import { Form } from 'playbook-ui'",
|
|
46
|
-
"example": "<Form></Form>"
|
|
47
|
-
},
|
|
48
44
|
"rails": {
|
|
49
|
-
"import": null
|
|
50
|
-
"example": "<%= pb_rails(\"form\", props: { text: \"Example\" }) %>"
|
|
45
|
+
"import": null
|
|
51
46
|
}
|
|
52
47
|
},
|
|
53
48
|
"category": "form_elements",
|
|
@@ -45,7 +45,8 @@
|
|
|
45
45
|
"platforms": [
|
|
46
46
|
"react",
|
|
47
47
|
"rails"
|
|
48
|
-
]
|
|
48
|
+
],
|
|
49
|
+
"default": ""
|
|
49
50
|
},
|
|
50
51
|
"textTransform": {
|
|
51
52
|
"type": "enum",
|
|
@@ -102,7 +103,8 @@
|
|
|
102
103
|
"platforms": [
|
|
103
104
|
"react",
|
|
104
105
|
"rails"
|
|
105
|
-
]
|
|
106
|
+
],
|
|
107
|
+
"default": ""
|
|
106
108
|
},
|
|
107
109
|
"wrapped": {
|
|
108
110
|
"type": "boolean",
|
|
@@ -116,7 +118,8 @@
|
|
|
116
118
|
"type": "GenericObject",
|
|
117
119
|
"platforms": [
|
|
118
120
|
"react"
|
|
119
|
-
]
|
|
121
|
+
],
|
|
122
|
+
"default": {}
|
|
120
123
|
},
|
|
121
124
|
"tabindex": {
|
|
122
125
|
"platforms": [
|
|
@@ -20,7 +20,8 @@
|
|
|
20
20
|
"md",
|
|
21
21
|
"lg",
|
|
22
22
|
"xl"
|
|
23
|
-
]
|
|
23
|
+
],
|
|
24
|
+
"default": "lg"
|
|
24
25
|
},
|
|
25
26
|
"headerText": {
|
|
26
27
|
"type": "string",
|
|
@@ -36,7 +37,8 @@
|
|
|
36
37
|
"values": [
|
|
37
38
|
"title_4",
|
|
38
39
|
"body"
|
|
39
|
-
]
|
|
40
|
+
],
|
|
41
|
+
"default": "title_4"
|
|
40
42
|
},
|
|
41
43
|
"isFullscreen": {
|
|
42
44
|
"type": "boolean",
|
|
@@ -60,7 +62,8 @@
|
|
|
60
62
|
"type": "boolean",
|
|
61
63
|
"platforms": [
|
|
62
64
|
"react"
|
|
63
|
-
]
|
|
65
|
+
],
|
|
66
|
+
"default": true
|
|
64
67
|
},
|
|
65
68
|
"trigger": {
|
|
66
69
|
"type": "function",
|
|
@@ -72,7 +75,8 @@
|
|
|
72
75
|
"type": "boolean",
|
|
73
76
|
"platforms": [
|
|
74
77
|
"react"
|
|
75
|
-
]
|
|
78
|
+
],
|
|
79
|
+
"default": true
|
|
76
80
|
}
|
|
77
81
|
},
|
|
78
82
|
"globalProps": true,
|
|
@@ -61,20 +61,31 @@
|
|
|
61
61
|
"react",
|
|
62
62
|
"rails"
|
|
63
63
|
],
|
|
64
|
-
"values":
|
|
65
|
-
"
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
64
|
+
"values": {
|
|
65
|
+
"react": [
|
|
66
|
+
"horizontal",
|
|
67
|
+
"vertical",
|
|
68
|
+
"both",
|
|
69
|
+
"none"
|
|
70
|
+
],
|
|
71
|
+
"rails": [
|
|
72
|
+
"horizontal",
|
|
73
|
+
"vertical",
|
|
74
|
+
"both"
|
|
75
|
+
]
|
|
76
|
+
},
|
|
77
|
+
"default": {
|
|
78
|
+
"react": "none",
|
|
79
|
+
"rails": null
|
|
80
|
+
}
|
|
71
81
|
},
|
|
72
82
|
"icon": {
|
|
73
83
|
"type": "string | ReactSVGElement",
|
|
74
84
|
"platforms": [
|
|
75
85
|
"react",
|
|
76
86
|
"rails"
|
|
77
|
-
]
|
|
87
|
+
],
|
|
88
|
+
"default": ""
|
|
78
89
|
},
|
|
79
90
|
"inverse": {
|
|
80
91
|
"type": "boolean",
|
|
@@ -98,11 +109,17 @@
|
|
|
98
109
|
"react",
|
|
99
110
|
"rails"
|
|
100
111
|
],
|
|
101
|
-
"values":
|
|
102
|
-
"
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
112
|
+
"values": {
|
|
113
|
+
"react": [
|
|
114
|
+
"left",
|
|
115
|
+
"right",
|
|
116
|
+
"none"
|
|
117
|
+
],
|
|
118
|
+
"rails": [
|
|
119
|
+
"left",
|
|
120
|
+
"right"
|
|
121
|
+
]
|
|
122
|
+
},
|
|
106
123
|
"default": null
|
|
107
124
|
},
|
|
108
125
|
"pulse": {
|
|
@@ -184,6 +201,7 @@
|
|
|
184
201
|
}
|
|
185
202
|
},
|
|
186
203
|
"globalProps": true,
|
|
204
|
+
"globalEventProps": true,
|
|
187
205
|
"usage": {
|
|
188
206
|
"react": {
|
|
189
207
|
"import": "import { Icon } from 'playbook-ui'",
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
"type": "boolean",
|
|
12
12
|
"platforms": [
|
|
13
13
|
"react"
|
|
14
|
-
]
|
|
14
|
+
],
|
|
15
|
+
"default": false
|
|
15
16
|
},
|
|
16
17
|
"icon": {
|
|
17
18
|
"type": "string",
|
|
@@ -66,6 +67,7 @@
|
|
|
66
67
|
}
|
|
67
68
|
},
|
|
68
69
|
"globalProps": true,
|
|
70
|
+
"globalEventProps": true,
|
|
69
71
|
"usage": {
|
|
70
72
|
"react": {
|
|
71
73
|
"import": "import { IconCircle } from 'playbook-ui'",
|
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
"type": "boolean",
|
|
12
12
|
"platforms": [
|
|
13
13
|
"react"
|
|
14
|
-
]
|
|
14
|
+
],
|
|
15
|
+
"default": false
|
|
15
16
|
},
|
|
16
17
|
"icon": {
|
|
17
18
|
"type": "string",
|
|
@@ -66,7 +67,8 @@
|
|
|
66
67
|
"platforms": [
|
|
67
68
|
"react",
|
|
68
69
|
"rails"
|
|
69
|
-
]
|
|
70
|
+
],
|
|
71
|
+
"default": 0
|
|
70
72
|
},
|
|
71
73
|
"variant": {
|
|
72
74
|
"type": "enum",
|
|
@@ -8,59 +8,92 @@
|
|
|
8
8
|
],
|
|
9
9
|
"props": {
|
|
10
10
|
"alt": {
|
|
11
|
+
"type": "string",
|
|
11
12
|
"platforms": [
|
|
13
|
+
"react",
|
|
12
14
|
"rails"
|
|
13
|
-
]
|
|
15
|
+
],
|
|
16
|
+
"default": ""
|
|
14
17
|
},
|
|
15
18
|
"onError": {
|
|
19
|
+
"type": {
|
|
20
|
+
"react": "function",
|
|
21
|
+
"rails": "string"
|
|
22
|
+
},
|
|
16
23
|
"platforms": [
|
|
24
|
+
"react",
|
|
17
25
|
"rails"
|
|
18
26
|
],
|
|
19
|
-
"type": "string",
|
|
20
27
|
"default": null
|
|
21
28
|
},
|
|
22
|
-
"
|
|
29
|
+
"size": {
|
|
30
|
+
"type": "enum",
|
|
23
31
|
"platforms": [
|
|
32
|
+
"react",
|
|
24
33
|
"rails"
|
|
25
34
|
],
|
|
26
|
-
"
|
|
27
|
-
|
|
35
|
+
"values": {
|
|
36
|
+
"react": [
|
|
37
|
+
"xs",
|
|
38
|
+
"sm",
|
|
39
|
+
"md",
|
|
40
|
+
"lg",
|
|
41
|
+
"xl"
|
|
42
|
+
],
|
|
43
|
+
"rails": [
|
|
44
|
+
"xs",
|
|
45
|
+
"sm",
|
|
46
|
+
"md",
|
|
47
|
+
"lg",
|
|
48
|
+
"xl",
|
|
49
|
+
"none"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"default": {
|
|
53
|
+
"react": "",
|
|
54
|
+
"rails": "none"
|
|
55
|
+
}
|
|
28
56
|
},
|
|
29
|
-
"
|
|
57
|
+
"rounded": {
|
|
58
|
+
"type": "boolean",
|
|
30
59
|
"platforms": [
|
|
60
|
+
"react",
|
|
31
61
|
"rails"
|
|
32
62
|
],
|
|
33
|
-
"
|
|
34
|
-
"values": [
|
|
35
|
-
"xs",
|
|
36
|
-
"sm",
|
|
37
|
-
"md",
|
|
38
|
-
"lg",
|
|
39
|
-
"xl",
|
|
40
|
-
"none"
|
|
41
|
-
],
|
|
42
|
-
"default": "none"
|
|
63
|
+
"default": false
|
|
43
64
|
},
|
|
44
65
|
"transition": {
|
|
66
|
+
"type": "enum",
|
|
45
67
|
"platforms": [
|
|
68
|
+
"react",
|
|
46
69
|
"rails"
|
|
47
70
|
],
|
|
48
|
-
"
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
71
|
+
"values": {
|
|
72
|
+
"react": [
|
|
73
|
+
"blur",
|
|
74
|
+
"fade",
|
|
75
|
+
"scale"
|
|
76
|
+
],
|
|
77
|
+
"rails": [
|
|
78
|
+
"blur",
|
|
79
|
+
"fade",
|
|
80
|
+
"scale",
|
|
81
|
+
"none"
|
|
82
|
+
]
|
|
83
|
+
},
|
|
55
84
|
"default": "fade"
|
|
56
85
|
},
|
|
57
86
|
"url": {
|
|
87
|
+
"type": "string",
|
|
58
88
|
"platforms": [
|
|
89
|
+
"react",
|
|
59
90
|
"rails"
|
|
60
|
-
]
|
|
91
|
+
],
|
|
92
|
+
"default": ""
|
|
61
93
|
}
|
|
62
94
|
},
|
|
63
95
|
"globalProps": true,
|
|
96
|
+
"globalEventProps": true,
|
|
64
97
|
"usage": {
|
|
65
98
|
"react": {
|
|
66
99
|
"import": "import { Image } from 'playbook-ui'",
|
|
@@ -20,13 +20,17 @@
|
|
|
20
20
|
"lg",
|
|
21
21
|
"xl"
|
|
22
22
|
],
|
|
23
|
-
"default":
|
|
23
|
+
"default": {
|
|
24
|
+
"react": "md",
|
|
25
|
+
"rails": "xs"
|
|
26
|
+
}
|
|
24
27
|
},
|
|
25
28
|
"dark": {
|
|
26
29
|
"type": "boolean",
|
|
27
30
|
"platforms": [
|
|
28
31
|
"react"
|
|
29
|
-
]
|
|
32
|
+
],
|
|
33
|
+
"default": false
|
|
30
34
|
},
|
|
31
35
|
"full": {
|
|
32
36
|
"type": "boolean",
|
|
@@ -62,15 +66,24 @@
|
|
|
62
66
|
"react",
|
|
63
67
|
"rails"
|
|
64
68
|
],
|
|
65
|
-
"values":
|
|
66
|
-
"
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
69
|
+
"values": {
|
|
70
|
+
"react": [
|
|
71
|
+
"xs",
|
|
72
|
+
"sm",
|
|
73
|
+
"md",
|
|
74
|
+
"base",
|
|
75
|
+
"lg",
|
|
76
|
+
"xl"
|
|
77
|
+
],
|
|
78
|
+
"rails": [
|
|
79
|
+
"xs",
|
|
80
|
+
"sm",
|
|
81
|
+
"md",
|
|
82
|
+
"lg",
|
|
83
|
+
"xl"
|
|
84
|
+
]
|
|
85
|
+
},
|
|
86
|
+
"default": "md"
|
|
74
87
|
},
|
|
75
88
|
"variant": {
|
|
76
89
|
"type": "enum",
|
|
@@ -99,15 +112,25 @@
|
|
|
99
112
|
"react",
|
|
100
113
|
"rails"
|
|
101
114
|
],
|
|
102
|
-
"values":
|
|
103
|
-
"
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
115
|
+
"values": {
|
|
116
|
+
"react": [
|
|
117
|
+
"sidebar",
|
|
118
|
+
"collection",
|
|
119
|
+
"collection_detail",
|
|
120
|
+
"kanban",
|
|
121
|
+
"content",
|
|
122
|
+
"masonry",
|
|
123
|
+
"bracket"
|
|
124
|
+
],
|
|
125
|
+
"rails": [
|
|
126
|
+
"sidebar",
|
|
127
|
+
"collection",
|
|
128
|
+
"collection_detail",
|
|
129
|
+
"kanban",
|
|
130
|
+
"content",
|
|
131
|
+
"masonry"
|
|
132
|
+
]
|
|
133
|
+
},
|
|
111
134
|
"default": "sidebar"
|
|
112
135
|
}
|
|
113
136
|
},
|
|
@@ -19,7 +19,8 @@
|
|
|
19
19
|
"type": "boolean",
|
|
20
20
|
"platforms": [
|
|
21
21
|
"react"
|
|
22
|
-
]
|
|
22
|
+
],
|
|
23
|
+
"default": false
|
|
23
24
|
},
|
|
24
25
|
"prefixText": {
|
|
25
26
|
"type": "string",
|
|
@@ -37,6 +38,7 @@
|
|
|
37
38
|
}
|
|
38
39
|
},
|
|
39
40
|
"globalProps": true,
|
|
41
|
+
"globalEventProps": true,
|
|
40
42
|
"usage": {
|
|
41
43
|
"react": {
|
|
42
44
|
"import": "import { Legend } from 'playbook-ui'",
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
3
|
+
"name": "Lightbox",
|
|
4
|
+
"description": "Fullscreen dimmed overlay for enlarged images or media that covers the viewport.",
|
|
5
|
+
"platforms": [
|
|
6
|
+
"react"
|
|
7
|
+
],
|
|
8
|
+
"props": {
|
|
9
|
+
"currentPhotoIndex": {
|
|
10
|
+
"type": "number",
|
|
11
|
+
"platforms": [
|
|
12
|
+
"react"
|
|
13
|
+
]
|
|
14
|
+
},
|
|
15
|
+
"description": {
|
|
16
|
+
"type": "string | any",
|
|
17
|
+
"platforms": [
|
|
18
|
+
"react"
|
|
19
|
+
]
|
|
20
|
+
},
|
|
21
|
+
"photos": {
|
|
22
|
+
"type": "array",
|
|
23
|
+
"platforms": [
|
|
24
|
+
"react"
|
|
25
|
+
]
|
|
26
|
+
},
|
|
27
|
+
"initialPhoto": {
|
|
28
|
+
"type": "number",
|
|
29
|
+
"platforms": [
|
|
30
|
+
"react"
|
|
31
|
+
],
|
|
32
|
+
"default": 0
|
|
33
|
+
},
|
|
34
|
+
"onChange": {
|
|
35
|
+
"type": "function",
|
|
36
|
+
"platforms": [
|
|
37
|
+
"react"
|
|
38
|
+
]
|
|
39
|
+
},
|
|
40
|
+
"onClickRight": {
|
|
41
|
+
"type": "function",
|
|
42
|
+
"platforms": [
|
|
43
|
+
"react"
|
|
44
|
+
]
|
|
45
|
+
},
|
|
46
|
+
"onClose": {
|
|
47
|
+
"type": "function",
|
|
48
|
+
"platforms": [
|
|
49
|
+
"react"
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
"icon": {
|
|
53
|
+
"type": "string",
|
|
54
|
+
"platforms": [
|
|
55
|
+
"react"
|
|
56
|
+
],
|
|
57
|
+
"default": "times"
|
|
58
|
+
},
|
|
59
|
+
"navRight": {
|
|
60
|
+
"type": "string",
|
|
61
|
+
"platforms": [
|
|
62
|
+
"react"
|
|
63
|
+
]
|
|
64
|
+
},
|
|
65
|
+
"trigger": {
|
|
66
|
+
"type": "string",
|
|
67
|
+
"platforms": [
|
|
68
|
+
"react"
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
"title": {
|
|
72
|
+
"type": "string | any",
|
|
73
|
+
"platforms": [
|
|
74
|
+
"react"
|
|
75
|
+
]
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
"globalProps": true,
|
|
79
|
+
"usage": {
|
|
80
|
+
"react": {
|
|
81
|
+
"import": "import { Lightbox } from 'playbook-ui'"
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"category": "icons_and_images",
|
|
85
|
+
"status": "stable"
|
|
86
|
+
}
|
|
@@ -19,7 +19,10 @@
|
|
|
19
19
|
"muted",
|
|
20
20
|
"destructive"
|
|
21
21
|
],
|
|
22
|
-
"default":
|
|
22
|
+
"default": {
|
|
23
|
+
"react": "",
|
|
24
|
+
"rails": "default"
|
|
25
|
+
}
|
|
23
26
|
},
|
|
24
27
|
"dark": {
|
|
25
28
|
"type": "boolean",
|
|
@@ -40,21 +43,24 @@
|
|
|
40
43
|
"platforms": [
|
|
41
44
|
"react",
|
|
42
45
|
"rails"
|
|
43
|
-
]
|
|
46
|
+
],
|
|
47
|
+
"default": ""
|
|
44
48
|
},
|
|
45
49
|
"icon": {
|
|
46
50
|
"type": "string",
|
|
47
51
|
"platforms": [
|
|
48
52
|
"react",
|
|
49
53
|
"rails"
|
|
50
|
-
]
|
|
54
|
+
],
|
|
55
|
+
"default": ""
|
|
51
56
|
},
|
|
52
57
|
"iconRight": {
|
|
53
58
|
"type": "string",
|
|
54
59
|
"platforms": [
|
|
55
60
|
"react",
|
|
56
61
|
"rails"
|
|
57
|
-
]
|
|
62
|
+
],
|
|
63
|
+
"default": ""
|
|
58
64
|
},
|
|
59
65
|
"rel": {
|
|
60
66
|
"type": "string",
|
|
@@ -94,14 +100,16 @@
|
|
|
94
100
|
"platforms": [
|
|
95
101
|
"react",
|
|
96
102
|
"rails"
|
|
97
|
-
]
|
|
103
|
+
],
|
|
104
|
+
"default": ""
|
|
98
105
|
},
|
|
99
106
|
"text": {
|
|
100
107
|
"type": "string",
|
|
101
108
|
"platforms": [
|
|
102
109
|
"react",
|
|
103
110
|
"rails"
|
|
104
|
-
]
|
|
111
|
+
],
|
|
112
|
+
"default": ""
|
|
105
113
|
},
|
|
106
114
|
"underline": {
|
|
107
115
|
"type": "boolean",
|
|
@@ -10,13 +10,15 @@
|
|
|
10
10
|
"type": "boolean",
|
|
11
11
|
"platforms": [
|
|
12
12
|
"react"
|
|
13
|
-
]
|
|
13
|
+
],
|
|
14
|
+
"default": false
|
|
14
15
|
},
|
|
15
16
|
"flyTo": {
|
|
16
17
|
"type": "boolean",
|
|
17
18
|
"platforms": [
|
|
18
19
|
"react"
|
|
19
|
-
]
|
|
20
|
+
],
|
|
21
|
+
"default": false
|
|
20
22
|
},
|
|
21
23
|
"zoomInClick": {
|
|
22
24
|
"type": "function",
|
|
@@ -43,11 +45,6 @@
|
|
|
43
45
|
"import": "import { Map } from 'playbook-ui'",
|
|
44
46
|
"example": "<Map zoomBtns zoomInClick=\"() => handleZoomIn(mapInstance)\" zoomOutClick=\"() => handleZoomOut(mapInstance)\" />",
|
|
45
47
|
"preset": "Zoom Controls"
|
|
46
|
-
},
|
|
47
|
-
"rails": {
|
|
48
|
-
"import": null,
|
|
49
|
-
"example": "<%= pb_rails(\"map\", props: { zoom_btns: true }) %>",
|
|
50
|
-
"preset": "Zoom Controls"
|
|
51
48
|
}
|
|
52
49
|
},
|
|
53
50
|
"category": "data_visualization",
|