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
data/dist/ai/all-schemas.json
CHANGED
|
@@ -1316,7 +1316,8 @@
|
|
|
1316
1316
|
"type": "boolean",
|
|
1317
1317
|
"platforms": [
|
|
1318
1318
|
"react"
|
|
1319
|
-
]
|
|
1319
|
+
],
|
|
1320
|
+
"default": false
|
|
1320
1321
|
},
|
|
1321
1322
|
"columnDefinitions": {
|
|
1322
1323
|
"type": "array",
|
|
@@ -1331,15 +1332,28 @@
|
|
|
1331
1332
|
"react",
|
|
1332
1333
|
"rails"
|
|
1333
1334
|
],
|
|
1334
|
-
"values":
|
|
1335
|
-
"
|
|
1336
|
-
|
|
1337
|
-
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
|
|
1342
|
-
|
|
1335
|
+
"values": {
|
|
1336
|
+
"react": [
|
|
1337
|
+
"text_lt_default",
|
|
1338
|
+
"text_lt_light",
|
|
1339
|
+
"text_lt_lighter",
|
|
1340
|
+
"text_dk_default",
|
|
1341
|
+
"text_dk_light",
|
|
1342
|
+
"text_dk_lighter"
|
|
1343
|
+
],
|
|
1344
|
+
"rails": [
|
|
1345
|
+
"text_lt_default",
|
|
1346
|
+
"text_lt_light",
|
|
1347
|
+
"text_lt_lighter",
|
|
1348
|
+
"text_dk_default",
|
|
1349
|
+
"text_dk_light",
|
|
1350
|
+
"text_dk_lighter",
|
|
1351
|
+
"none"
|
|
1352
|
+
]
|
|
1353
|
+
},
|
|
1354
|
+
"default": {
|
|
1355
|
+
"rails": "none"
|
|
1356
|
+
}
|
|
1343
1357
|
},
|
|
1344
1358
|
"columnVisibilityControl": {
|
|
1345
1359
|
"type": "GenericObject",
|
|
@@ -1370,7 +1384,8 @@
|
|
|
1370
1384
|
"type": "boolean",
|
|
1371
1385
|
"platforms": [
|
|
1372
1386
|
"react"
|
|
1373
|
-
]
|
|
1387
|
+
],
|
|
1388
|
+
"default": false
|
|
1374
1389
|
},
|
|
1375
1390
|
"expandedControl": {
|
|
1376
1391
|
"type": "GenericObject",
|
|
@@ -1398,11 +1413,20 @@
|
|
|
1398
1413
|
],
|
|
1399
1414
|
"default": false
|
|
1400
1415
|
},
|
|
1416
|
+
"groupSeparators": {
|
|
1417
|
+
"type": "boolean",
|
|
1418
|
+
"platforms": [
|
|
1419
|
+
"react",
|
|
1420
|
+
"rails"
|
|
1421
|
+
],
|
|
1422
|
+
"default": false
|
|
1423
|
+
},
|
|
1401
1424
|
"initialLoadingRowsCount": {
|
|
1402
1425
|
"type": "number",
|
|
1403
1426
|
"platforms": [
|
|
1404
1427
|
"react"
|
|
1405
|
-
]
|
|
1428
|
+
],
|
|
1429
|
+
"default": 10
|
|
1406
1430
|
},
|
|
1407
1431
|
"inlineRowLoading": {
|
|
1408
1432
|
"type": "boolean",
|
|
@@ -1457,7 +1481,8 @@
|
|
|
1457
1481
|
"type": "boolean",
|
|
1458
1482
|
"platforms": [
|
|
1459
1483
|
"react"
|
|
1460
|
-
]
|
|
1484
|
+
],
|
|
1485
|
+
"default": false
|
|
1461
1486
|
},
|
|
1462
1487
|
"paginationProps": {
|
|
1463
1488
|
"type": "GenericObject",
|
|
@@ -1533,7 +1558,8 @@
|
|
|
1533
1558
|
"type": "boolean",
|
|
1534
1559
|
"platforms": [
|
|
1535
1560
|
"react"
|
|
1536
|
-
]
|
|
1561
|
+
],
|
|
1562
|
+
"default": false
|
|
1537
1563
|
},
|
|
1538
1564
|
"stickyLeftColumn": {
|
|
1539
1565
|
"type": "array",
|
|
@@ -1565,7 +1591,8 @@
|
|
|
1565
1591
|
"type": "string | string[]",
|
|
1566
1592
|
"platforms": [
|
|
1567
1593
|
"react"
|
|
1568
|
-
]
|
|
1594
|
+
],
|
|
1595
|
+
"default": "arrows-from-line"
|
|
1569
1596
|
},
|
|
1570
1597
|
"onRowSelectionChange": {
|
|
1571
1598
|
"type": "function",
|
|
@@ -1583,7 +1610,8 @@
|
|
|
1583
1610
|
"type": "boolean",
|
|
1584
1611
|
"platforms": [
|
|
1585
1612
|
"react"
|
|
1586
|
-
]
|
|
1613
|
+
],
|
|
1614
|
+
"default": false
|
|
1587
1615
|
},
|
|
1588
1616
|
"enableSorting": {
|
|
1589
1617
|
"type": "boolean",
|
|
@@ -1688,14 +1716,25 @@
|
|
|
1688
1716
|
"react",
|
|
1689
1717
|
"rails"
|
|
1690
1718
|
],
|
|
1691
|
-
"values":
|
|
1692
|
-
"
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
|
|
1697
|
-
|
|
1698
|
-
|
|
1719
|
+
"values": {
|
|
1720
|
+
"react": [
|
|
1721
|
+
"md",
|
|
1722
|
+
"lg",
|
|
1723
|
+
"sm",
|
|
1724
|
+
"xl",
|
|
1725
|
+
"xs",
|
|
1726
|
+
"xxs"
|
|
1727
|
+
],
|
|
1728
|
+
"rails": [
|
|
1729
|
+
"xxs",
|
|
1730
|
+
"xs",
|
|
1731
|
+
"sm",
|
|
1732
|
+
"md",
|
|
1733
|
+
"base",
|
|
1734
|
+
"lg",
|
|
1735
|
+
"xl"
|
|
1736
|
+
]
|
|
1737
|
+
},
|
|
1699
1738
|
"default": "md"
|
|
1700
1739
|
},
|
|
1701
1740
|
"status": {
|
|
@@ -1708,10 +1747,12 @@
|
|
|
1708
1747
|
"away",
|
|
1709
1748
|
"offline",
|
|
1710
1749
|
"online"
|
|
1711
|
-
]
|
|
1750
|
+
],
|
|
1751
|
+
"default": null
|
|
1712
1752
|
}
|
|
1713
1753
|
},
|
|
1714
1754
|
"globalProps": true,
|
|
1755
|
+
"globalEventProps": true,
|
|
1715
1756
|
"usage": {
|
|
1716
1757
|
"react": {
|
|
1717
1758
|
"import": "import { Avatar } from 'playbook-ui'",
|
|
@@ -1841,7 +1882,10 @@
|
|
|
1841
1882
|
"react",
|
|
1842
1883
|
"rails"
|
|
1843
1884
|
],
|
|
1844
|
-
"default":
|
|
1885
|
+
"default": {
|
|
1886
|
+
"react": "",
|
|
1887
|
+
"rails": null
|
|
1888
|
+
}
|
|
1845
1889
|
},
|
|
1846
1890
|
"backgroundRepeat": {
|
|
1847
1891
|
"type": {
|
|
@@ -1869,7 +1913,8 @@
|
|
|
1869
1913
|
"platforms": [
|
|
1870
1914
|
"react",
|
|
1871
1915
|
"rails"
|
|
1872
|
-
]
|
|
1916
|
+
],
|
|
1917
|
+
"default": ""
|
|
1873
1918
|
},
|
|
1874
1919
|
"imageOverlay": {
|
|
1875
1920
|
"type": "enum",
|
|
@@ -1946,7 +1991,10 @@
|
|
|
1946
1991
|
"blur",
|
|
1947
1992
|
"scale"
|
|
1948
1993
|
],
|
|
1949
|
-
"default":
|
|
1994
|
+
"default": {
|
|
1995
|
+
"react": "",
|
|
1996
|
+
"rails": null
|
|
1997
|
+
}
|
|
1950
1998
|
}
|
|
1951
1999
|
},
|
|
1952
2000
|
"globalProps": true,
|
|
@@ -1979,13 +2027,15 @@
|
|
|
1979
2027
|
"type": "GenericObject",
|
|
1980
2028
|
"platforms": [
|
|
1981
2029
|
"react"
|
|
1982
|
-
]
|
|
2030
|
+
],
|
|
2031
|
+
"default": {}
|
|
1983
2032
|
},
|
|
1984
2033
|
"removeIcon": {
|
|
1985
2034
|
"type": "boolean",
|
|
1986
2035
|
"platforms": [
|
|
1987
2036
|
"react"
|
|
1988
|
-
]
|
|
2037
|
+
],
|
|
2038
|
+
"default": false
|
|
1989
2039
|
},
|
|
1990
2040
|
"removeOnClick": {
|
|
1991
2041
|
"type": "function",
|
|
@@ -2020,16 +2070,28 @@
|
|
|
2020
2070
|
"react",
|
|
2021
2071
|
"rails"
|
|
2022
2072
|
],
|
|
2023
|
-
"values":
|
|
2024
|
-
"
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2073
|
+
"values": {
|
|
2074
|
+
"react": [
|
|
2075
|
+
"error",
|
|
2076
|
+
"info",
|
|
2077
|
+
"neutral",
|
|
2078
|
+
"notification",
|
|
2079
|
+
"notificationError",
|
|
2080
|
+
"primary",
|
|
2081
|
+
"success",
|
|
2082
|
+
"warning"
|
|
2083
|
+
],
|
|
2084
|
+
"rails": [
|
|
2085
|
+
"success",
|
|
2086
|
+
"warning",
|
|
2087
|
+
"error",
|
|
2088
|
+
"info",
|
|
2089
|
+
"neutral",
|
|
2090
|
+
"notification",
|
|
2091
|
+
"notification_error",
|
|
2092
|
+
"primary"
|
|
2093
|
+
]
|
|
2094
|
+
},
|
|
2033
2095
|
"default": "neutral"
|
|
2034
2096
|
}
|
|
2035
2097
|
},
|
|
@@ -2072,7 +2134,10 @@
|
|
|
2072
2134
|
"error",
|
|
2073
2135
|
"success"
|
|
2074
2136
|
],
|
|
2075
|
-
"default":
|
|
2137
|
+
"default": {
|
|
2138
|
+
"react": "",
|
|
2139
|
+
"rails": "default"
|
|
2140
|
+
}
|
|
2076
2141
|
},
|
|
2077
2142
|
"dark": {
|
|
2078
2143
|
"type": "boolean",
|
|
@@ -2085,7 +2150,8 @@
|
|
|
2085
2150
|
"platforms": [
|
|
2086
2151
|
"react",
|
|
2087
2152
|
"rails"
|
|
2088
|
-
]
|
|
2153
|
+
],
|
|
2154
|
+
"default": []
|
|
2089
2155
|
},
|
|
2090
2156
|
"highlighting": {
|
|
2091
2157
|
"type": "boolean",
|
|
@@ -2106,7 +2172,10 @@
|
|
|
2106
2172
|
"negative",
|
|
2107
2173
|
"positive"
|
|
2108
2174
|
],
|
|
2109
|
-
"default":
|
|
2175
|
+
"default": {
|
|
2176
|
+
"react": null,
|
|
2177
|
+
"rails": "neutral"
|
|
2178
|
+
}
|
|
2110
2179
|
},
|
|
2111
2180
|
"tag": {
|
|
2112
2181
|
"type": "enum",
|
|
@@ -2132,7 +2201,8 @@
|
|
|
2132
2201
|
"platforms": [
|
|
2133
2202
|
"react",
|
|
2134
2203
|
"rails"
|
|
2135
|
-
]
|
|
2204
|
+
],
|
|
2205
|
+
"default": ""
|
|
2136
2206
|
},
|
|
2137
2207
|
"variant": {
|
|
2138
2208
|
"type": "enum",
|
|
@@ -2141,7 +2211,8 @@
|
|
|
2141
2211
|
],
|
|
2142
2212
|
"values": [
|
|
2143
2213
|
"link"
|
|
2144
|
-
]
|
|
2214
|
+
],
|
|
2215
|
+
"default": null
|
|
2145
2216
|
}
|
|
2146
2217
|
},
|
|
2147
2218
|
"globalProps": true,
|
|
@@ -2252,7 +2323,8 @@
|
|
|
2252
2323
|
"platforms": [
|
|
2253
2324
|
"react",
|
|
2254
2325
|
"rails"
|
|
2255
|
-
]
|
|
2326
|
+
],
|
|
2327
|
+
"default": null
|
|
2256
2328
|
},
|
|
2257
2329
|
"iconRight": {
|
|
2258
2330
|
"type": "boolean",
|
|
@@ -2267,7 +2339,8 @@
|
|
|
2267
2339
|
"platforms": [
|
|
2268
2340
|
"react",
|
|
2269
2341
|
"rails"
|
|
2270
|
-
]
|
|
2342
|
+
],
|
|
2343
|
+
"default": null
|
|
2271
2344
|
},
|
|
2272
2345
|
"loading": {
|
|
2273
2346
|
"type": "boolean",
|
|
@@ -2315,7 +2388,8 @@
|
|
|
2315
2388
|
"platforms": [
|
|
2316
2389
|
"react",
|
|
2317
2390
|
"rails"
|
|
2318
|
-
]
|
|
2391
|
+
],
|
|
2392
|
+
"default": ""
|
|
2319
2393
|
},
|
|
2320
2394
|
"text": {
|
|
2321
2395
|
"type": "string",
|
|
@@ -2324,28 +2398,6 @@
|
|
|
2324
2398
|
"rails"
|
|
2325
2399
|
]
|
|
2326
2400
|
},
|
|
2327
|
-
"type": {
|
|
2328
|
-
"type": "enum",
|
|
2329
|
-
"platforms": [
|
|
2330
|
-
"react",
|
|
2331
|
-
"rails"
|
|
2332
|
-
],
|
|
2333
|
-
"values": [
|
|
2334
|
-
"inline"
|
|
2335
|
-
],
|
|
2336
|
-
"default": "inline"
|
|
2337
|
-
},
|
|
2338
|
-
"htmlType": {
|
|
2339
|
-
"type": "enum",
|
|
2340
|
-
"platforms": [
|
|
2341
|
-
"react"
|
|
2342
|
-
],
|
|
2343
|
-
"values": [
|
|
2344
|
-
"submit",
|
|
2345
|
-
"reset",
|
|
2346
|
-
"button"
|
|
2347
|
-
]
|
|
2348
|
-
},
|
|
2349
2401
|
"value": {
|
|
2350
2402
|
"type": "string | null",
|
|
2351
2403
|
"platforms": [
|
|
@@ -2368,12 +2420,35 @@
|
|
|
2368
2420
|
],
|
|
2369
2421
|
"default": "primary"
|
|
2370
2422
|
},
|
|
2423
|
+
"htmlType": {
|
|
2424
|
+
"type": "enum",
|
|
2425
|
+
"platforms": [
|
|
2426
|
+
"react"
|
|
2427
|
+
],
|
|
2428
|
+
"values": [
|
|
2429
|
+
"submit",
|
|
2430
|
+
"reset",
|
|
2431
|
+
"button"
|
|
2432
|
+
],
|
|
2433
|
+
"default": "button"
|
|
2434
|
+
},
|
|
2371
2435
|
"wrapperClass": {
|
|
2372
2436
|
"type": "string",
|
|
2373
2437
|
"platforms": [
|
|
2374
2438
|
"react"
|
|
2375
2439
|
]
|
|
2376
2440
|
},
|
|
2441
|
+
"type": {
|
|
2442
|
+
"platforms": [
|
|
2443
|
+
"rails"
|
|
2444
|
+
],
|
|
2445
|
+
"type": "enum",
|
|
2446
|
+
"values": [
|
|
2447
|
+
"submit",
|
|
2448
|
+
"reset",
|
|
2449
|
+
"button"
|
|
2450
|
+
]
|
|
2451
|
+
},
|
|
2377
2452
|
"iconFontFamily": {
|
|
2378
2453
|
"platforms": [
|
|
2379
2454
|
"rails"
|
|
@@ -2586,13 +2661,23 @@
|
|
|
2586
2661
|
"react",
|
|
2587
2662
|
"rails"
|
|
2588
2663
|
],
|
|
2589
|
-
"values":
|
|
2590
|
-
"
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2664
|
+
"values": {
|
|
2665
|
+
"react": [
|
|
2666
|
+
"xs",
|
|
2667
|
+
"sm",
|
|
2668
|
+
"md",
|
|
2669
|
+
"lg",
|
|
2670
|
+
"xl"
|
|
2671
|
+
],
|
|
2672
|
+
"rails": [
|
|
2673
|
+
"xs",
|
|
2674
|
+
"sm",
|
|
2675
|
+
"md",
|
|
2676
|
+
"base",
|
|
2677
|
+
"lg",
|
|
2678
|
+
"xl"
|
|
2679
|
+
]
|
|
2680
|
+
},
|
|
2596
2681
|
"default": "md"
|
|
2597
2682
|
},
|
|
2598
2683
|
"tag": {
|
|
@@ -2766,7 +2851,8 @@
|
|
|
2766
2851
|
"platforms": [
|
|
2767
2852
|
"react",
|
|
2768
2853
|
"rails"
|
|
2769
|
-
]
|
|
2854
|
+
],
|
|
2855
|
+
"default": {}
|
|
2770
2856
|
},
|
|
2771
2857
|
"length": {
|
|
2772
2858
|
"type": "number",
|
|
@@ -2876,7 +2962,8 @@
|
|
|
2876
2962
|
"type": "boolean",
|
|
2877
2963
|
"platforms": [
|
|
2878
2964
|
"react"
|
|
2879
|
-
]
|
|
2965
|
+
],
|
|
2966
|
+
"default": false
|
|
2880
2967
|
},
|
|
2881
2968
|
"disabled": {
|
|
2882
2969
|
"type": "boolean",
|
|
@@ -2898,14 +2985,16 @@
|
|
|
2898
2985
|
"type": "boolean",
|
|
2899
2986
|
"platforms": [
|
|
2900
2987
|
"react"
|
|
2901
|
-
]
|
|
2988
|
+
],
|
|
2989
|
+
"default": false
|
|
2902
2990
|
},
|
|
2903
2991
|
"name": {
|
|
2904
2992
|
"type": "string",
|
|
2905
2993
|
"platforms": [
|
|
2906
2994
|
"react",
|
|
2907
2995
|
"rails"
|
|
2908
|
-
]
|
|
2996
|
+
],
|
|
2997
|
+
"default": ""
|
|
2909
2998
|
},
|
|
2910
2999
|
"onChange": {
|
|
2911
3000
|
"type": "function",
|
|
@@ -2932,14 +3021,16 @@
|
|
|
2932
3021
|
"platforms": [
|
|
2933
3022
|
"react",
|
|
2934
3023
|
"rails"
|
|
2935
|
-
]
|
|
3024
|
+
],
|
|
3025
|
+
"default": ""
|
|
2936
3026
|
},
|
|
2937
3027
|
"value": {
|
|
2938
3028
|
"type": "string",
|
|
2939
3029
|
"platforms": [
|
|
2940
3030
|
"react",
|
|
2941
3031
|
"rails"
|
|
2942
|
-
]
|
|
3032
|
+
],
|
|
3033
|
+
"default": ""
|
|
2943
3034
|
},
|
|
2944
3035
|
"indeterminateMain": {
|
|
2945
3036
|
"platforms": [
|
|
@@ -3449,7 +3540,8 @@
|
|
|
3449
3540
|
"type": "boolean",
|
|
3450
3541
|
"platforms": [
|
|
3451
3542
|
"react"
|
|
3452
|
-
]
|
|
3543
|
+
],
|
|
3544
|
+
"default": false
|
|
3453
3545
|
},
|
|
3454
3546
|
"iconEnabled": {
|
|
3455
3547
|
"type": "boolean",
|
|
@@ -3469,6 +3561,7 @@
|
|
|
3469
3561
|
}
|
|
3470
3562
|
},
|
|
3471
3563
|
"globalProps": true,
|
|
3564
|
+
"globalEventProps": true,
|
|
3472
3565
|
"usage": {
|
|
3473
3566
|
"react": {
|
|
3474
3567
|
"import": "import { Contact } from 'playbook-ui'",
|
|
@@ -3555,14 +3648,16 @@
|
|
|
3555
3648
|
"platforms": [
|
|
3556
3649
|
"react",
|
|
3557
3650
|
"rails"
|
|
3558
|
-
]
|
|
3651
|
+
],
|
|
3652
|
+
"default": ""
|
|
3559
3653
|
},
|
|
3560
3654
|
"text": {
|
|
3561
3655
|
"type": "string",
|
|
3562
3656
|
"platforms": [
|
|
3563
3657
|
"react",
|
|
3564
3658
|
"rails"
|
|
3565
|
-
]
|
|
3659
|
+
],
|
|
3660
|
+
"default": "Copy"
|
|
3566
3661
|
},
|
|
3567
3662
|
"tooltipPlacement": {
|
|
3568
3663
|
"type": "enum",
|
|
@@ -3574,7 +3669,8 @@
|
|
|
3574
3669
|
"right",
|
|
3575
3670
|
"bottom",
|
|
3576
3671
|
"left"
|
|
3577
|
-
]
|
|
3672
|
+
],
|
|
3673
|
+
"default": "bottom"
|
|
3578
3674
|
},
|
|
3579
3675
|
"tooltipText": {
|
|
3580
3676
|
"type": "string",
|
|
@@ -3589,7 +3685,8 @@
|
|
|
3589
3685
|
"platforms": [
|
|
3590
3686
|
"react",
|
|
3591
3687
|
"rails"
|
|
3592
|
-
]
|
|
3688
|
+
],
|
|
3689
|
+
"default": ""
|
|
3593
3690
|
},
|
|
3594
3691
|
"variant": {
|
|
3595
3692
|
"type": "enum",
|
|
@@ -3607,7 +3704,8 @@
|
|
|
3607
3704
|
"type": "number",
|
|
3608
3705
|
"platforms": [
|
|
3609
3706
|
"react"
|
|
3610
|
-
]
|
|
3707
|
+
],
|
|
3708
|
+
"default": 1000
|
|
3611
3709
|
},
|
|
3612
3710
|
"tooltipPosition": {
|
|
3613
3711
|
"platforms": [
|
|
@@ -3717,7 +3815,8 @@
|
|
|
3717
3815
|
"platforms": [
|
|
3718
3816
|
"react",
|
|
3719
3817
|
"rails"
|
|
3720
|
-
]
|
|
3818
|
+
],
|
|
3819
|
+
"default": ""
|
|
3721
3820
|
},
|
|
3722
3821
|
"size": {
|
|
3723
3822
|
"type": "enum",
|
|
@@ -3730,7 +3829,10 @@
|
|
|
3730
3829
|
"md",
|
|
3731
3830
|
"lg"
|
|
3732
3831
|
],
|
|
3733
|
-
"default":
|
|
3832
|
+
"default": {
|
|
3833
|
+
"react": "sm",
|
|
3834
|
+
"rails": "md"
|
|
3835
|
+
}
|
|
3734
3836
|
},
|
|
3735
3837
|
"symbol": {
|
|
3736
3838
|
"type": "string",
|
|
@@ -3821,7 +3923,8 @@
|
|
|
3821
3923
|
"platforms": [
|
|
3822
3924
|
"react",
|
|
3823
3925
|
"rails"
|
|
3824
|
-
]
|
|
3926
|
+
],
|
|
3927
|
+
"default": {}
|
|
3825
3928
|
},
|
|
3826
3929
|
"statLabel": {
|
|
3827
3930
|
"type": "string",
|
|
@@ -3835,7 +3938,8 @@
|
|
|
3835
3938
|
"platforms": [
|
|
3836
3939
|
"react",
|
|
3837
3940
|
"rails"
|
|
3838
|
-
]
|
|
3941
|
+
],
|
|
3942
|
+
"default": {}
|
|
3839
3943
|
}
|
|
3840
3944
|
},
|
|
3841
3945
|
"globalProps": true,
|
|
@@ -3881,7 +3985,8 @@
|
|
|
3881
3985
|
"type": "boolean",
|
|
3882
3986
|
"platforms": [
|
|
3883
3987
|
"react"
|
|
3884
|
-
]
|
|
3988
|
+
],
|
|
3989
|
+
"default": false
|
|
3885
3990
|
},
|
|
3886
3991
|
"showDayOfWeek": {
|
|
3887
3992
|
"type": "boolean",
|
|
@@ -3913,11 +4018,19 @@
|
|
|
3913
4018
|
"react",
|
|
3914
4019
|
"rails"
|
|
3915
4020
|
],
|
|
3916
|
-
"values":
|
|
3917
|
-
"
|
|
3918
|
-
|
|
3919
|
-
|
|
3920
|
-
|
|
4021
|
+
"values": {
|
|
4022
|
+
"react": [
|
|
4023
|
+
"sm",
|
|
4024
|
+
"md",
|
|
4025
|
+
"lg"
|
|
4026
|
+
],
|
|
4027
|
+
"rails": [
|
|
4028
|
+
"lg",
|
|
4029
|
+
"md",
|
|
4030
|
+
"sm",
|
|
4031
|
+
"xs"
|
|
4032
|
+
]
|
|
4033
|
+
},
|
|
3921
4034
|
"default": "md"
|
|
3922
4035
|
},
|
|
3923
4036
|
"unstyled": {
|
|
@@ -3947,6 +4060,7 @@
|
|
|
3947
4060
|
}
|
|
3948
4061
|
},
|
|
3949
4062
|
"globalProps": true,
|
|
4063
|
+
"globalEventProps": true,
|
|
3950
4064
|
"usage": {
|
|
3951
4065
|
"react": {
|
|
3952
4066
|
"import": "import { Date } from 'playbook-ui'",
|
|
@@ -4015,7 +4129,8 @@
|
|
|
4015
4129
|
"platforms": [
|
|
4016
4130
|
"react",
|
|
4017
4131
|
"rails"
|
|
4018
|
-
]
|
|
4132
|
+
],
|
|
4133
|
+
"default": null
|
|
4019
4134
|
},
|
|
4020
4135
|
"disableInput": {
|
|
4021
4136
|
"type": "boolean",
|
|
@@ -4030,14 +4145,16 @@
|
|
|
4030
4145
|
"platforms": [
|
|
4031
4146
|
"react",
|
|
4032
4147
|
"rails"
|
|
4033
|
-
]
|
|
4148
|
+
],
|
|
4149
|
+
"default": null
|
|
4034
4150
|
},
|
|
4035
4151
|
"disableWeekdays": {
|
|
4036
4152
|
"type": "array",
|
|
4037
4153
|
"platforms": [
|
|
4038
4154
|
"react",
|
|
4039
4155
|
"rails"
|
|
4040
|
-
]
|
|
4156
|
+
],
|
|
4157
|
+
"default": null
|
|
4041
4158
|
},
|
|
4042
4159
|
"enableTime": {
|
|
4043
4160
|
"type": "boolean",
|
|
@@ -4082,27 +4199,31 @@
|
|
|
4082
4199
|
"type": "boolean",
|
|
4083
4200
|
"platforms": [
|
|
4084
4201
|
"react"
|
|
4085
|
-
]
|
|
4202
|
+
],
|
|
4203
|
+
"default": false
|
|
4086
4204
|
},
|
|
4087
4205
|
"inLine": {
|
|
4088
4206
|
"type": "boolean",
|
|
4089
4207
|
"platforms": [
|
|
4090
4208
|
"react"
|
|
4091
|
-
]
|
|
4209
|
+
],
|
|
4210
|
+
"default": false
|
|
4092
4211
|
},
|
|
4093
4212
|
"inputAria": {
|
|
4094
4213
|
"type": "GenericObject",
|
|
4095
4214
|
"platforms": [
|
|
4096
4215
|
"react",
|
|
4097
4216
|
"rails"
|
|
4098
|
-
]
|
|
4217
|
+
],
|
|
4218
|
+
"default": {}
|
|
4099
4219
|
},
|
|
4100
4220
|
"inputData": {
|
|
4101
4221
|
"type": "GenericObject",
|
|
4102
4222
|
"platforms": [
|
|
4103
4223
|
"react",
|
|
4104
4224
|
"rails"
|
|
4105
|
-
]
|
|
4225
|
+
],
|
|
4226
|
+
"default": {}
|
|
4106
4227
|
},
|
|
4107
4228
|
"inputOnChange": {
|
|
4108
4229
|
"type": "function",
|
|
@@ -4191,12 +4312,23 @@
|
|
|
4191
4312
|
"react",
|
|
4192
4313
|
"rails"
|
|
4193
4314
|
],
|
|
4194
|
-
"values":
|
|
4195
|
-
"
|
|
4196
|
-
|
|
4197
|
-
|
|
4198
|
-
|
|
4199
|
-
|
|
4315
|
+
"values": {
|
|
4316
|
+
"react": [
|
|
4317
|
+
"month",
|
|
4318
|
+
"week",
|
|
4319
|
+
"quickpick"
|
|
4320
|
+
],
|
|
4321
|
+
"rails": [
|
|
4322
|
+
"week",
|
|
4323
|
+
"month",
|
|
4324
|
+
"quickpick",
|
|
4325
|
+
"none"
|
|
4326
|
+
]
|
|
4327
|
+
},
|
|
4328
|
+
"default": {
|
|
4329
|
+
"react": "",
|
|
4330
|
+
"rails": "none"
|
|
4331
|
+
}
|
|
4200
4332
|
},
|
|
4201
4333
|
"showTimezone": {
|
|
4202
4334
|
"type": "boolean",
|
|
@@ -4594,7 +4726,8 @@
|
|
|
4594
4726
|
"platforms": [
|
|
4595
4727
|
"react",
|
|
4596
4728
|
"rails"
|
|
4597
|
-
]
|
|
4729
|
+
],
|
|
4730
|
+
"default": false
|
|
4598
4731
|
},
|
|
4599
4732
|
"size": {
|
|
4600
4733
|
"type": "enum",
|
|
@@ -4625,6 +4758,7 @@
|
|
|
4625
4758
|
}
|
|
4626
4759
|
},
|
|
4627
4760
|
"globalProps": true,
|
|
4761
|
+
"globalEventProps": true,
|
|
4628
4762
|
"usage": {
|
|
4629
4763
|
"react": {
|
|
4630
4764
|
"import": "import { DateRangeInline } from 'playbook-ui'",
|
|
@@ -4673,6 +4807,7 @@
|
|
|
4673
4807
|
}
|
|
4674
4808
|
},
|
|
4675
4809
|
"globalProps": true,
|
|
4810
|
+
"globalEventProps": true,
|
|
4676
4811
|
"usage": {
|
|
4677
4812
|
"react": {
|
|
4678
4813
|
"import": "import { DateRangeStacked } from 'playbook-ui'",
|
|
@@ -4763,6 +4898,7 @@
|
|
|
4763
4898
|
}
|
|
4764
4899
|
},
|
|
4765
4900
|
"globalProps": true,
|
|
4901
|
+
"globalEventProps": true,
|
|
4766
4902
|
"usage": {
|
|
4767
4903
|
"react": {
|
|
4768
4904
|
"import": "import { DateStacked } from 'playbook-ui'",
|
|
@@ -4846,7 +4982,8 @@
|
|
|
4846
4982
|
"type": "string",
|
|
4847
4983
|
"platforms": [
|
|
4848
4984
|
"react"
|
|
4849
|
-
]
|
|
4985
|
+
],
|
|
4986
|
+
"default": "America/New_York"
|
|
4850
4987
|
},
|
|
4851
4988
|
"date": {
|
|
4852
4989
|
"platforms": [
|
|
@@ -4870,6 +5007,7 @@
|
|
|
4870
5007
|
}
|
|
4871
5008
|
},
|
|
4872
5009
|
"globalProps": true,
|
|
5010
|
+
"globalEventProps": true,
|
|
4873
5011
|
"usage": {
|
|
4874
5012
|
"react": {
|
|
4875
5013
|
"import": "import { DateTime } from 'playbook-ui'",
|
|
@@ -4919,7 +5057,8 @@
|
|
|
4919
5057
|
"type": "string",
|
|
4920
5058
|
"platforms": [
|
|
4921
5059
|
"react"
|
|
4922
|
-
]
|
|
5060
|
+
],
|
|
5061
|
+
"default": "America/New_York"
|
|
4923
5062
|
},
|
|
4924
5063
|
"showCurrentYear": {
|
|
4925
5064
|
"type": "boolean",
|
|
@@ -4944,6 +5083,7 @@
|
|
|
4944
5083
|
}
|
|
4945
5084
|
},
|
|
4946
5085
|
"globalProps": true,
|
|
5086
|
+
"globalEventProps": true,
|
|
4947
5087
|
"usage": {
|
|
4948
5088
|
"react": {
|
|
4949
5089
|
"import": "import { DateTimeStacked } from 'playbook-ui'",
|
|
@@ -4998,6 +5138,7 @@
|
|
|
4998
5138
|
}
|
|
4999
5139
|
},
|
|
5000
5140
|
"globalProps": true,
|
|
5141
|
+
"globalEventProps": true,
|
|
5001
5142
|
"usage": {
|
|
5002
5143
|
"react": {
|
|
5003
5144
|
"import": "import { DateYearStacked } from 'playbook-ui'",
|
|
@@ -5076,7 +5217,8 @@
|
|
|
5076
5217
|
"platforms": [
|
|
5077
5218
|
"react",
|
|
5078
5219
|
"rails"
|
|
5079
|
-
]
|
|
5220
|
+
],
|
|
5221
|
+
"default": ""
|
|
5080
5222
|
}
|
|
5081
5223
|
},
|
|
5082
5224
|
"globalProps": true,
|
|
@@ -5140,7 +5282,8 @@
|
|
|
5140
5282
|
"platforms": [
|
|
5141
5283
|
"react",
|
|
5142
5284
|
"rails"
|
|
5143
|
-
]
|
|
5285
|
+
],
|
|
5286
|
+
"default": false
|
|
5144
5287
|
},
|
|
5145
5288
|
"onCancel": {
|
|
5146
5289
|
"type": "function",
|
|
@@ -5221,14 +5364,26 @@
|
|
|
5221
5364
|
"react",
|
|
5222
5365
|
"rails"
|
|
5223
5366
|
],
|
|
5224
|
-
"values":
|
|
5225
|
-
"
|
|
5226
|
-
|
|
5227
|
-
|
|
5228
|
-
|
|
5229
|
-
|
|
5230
|
-
|
|
5231
|
-
|
|
5367
|
+
"values": {
|
|
5368
|
+
"react": [
|
|
5369
|
+
"info",
|
|
5370
|
+
"caution",
|
|
5371
|
+
"delete",
|
|
5372
|
+
"error",
|
|
5373
|
+
"success"
|
|
5374
|
+
],
|
|
5375
|
+
"rails": [
|
|
5376
|
+
"info",
|
|
5377
|
+
"caution",
|
|
5378
|
+
"delete",
|
|
5379
|
+
"error",
|
|
5380
|
+
"success",
|
|
5381
|
+
"default"
|
|
5382
|
+
]
|
|
5383
|
+
},
|
|
5384
|
+
"default": {
|
|
5385
|
+
"rails": ""
|
|
5386
|
+
}
|
|
5232
5387
|
},
|
|
5233
5388
|
"text": {
|
|
5234
5389
|
"type": "string",
|
|
@@ -5298,7 +5453,8 @@
|
|
|
5298
5453
|
"platforms": [
|
|
5299
5454
|
"react",
|
|
5300
5455
|
"rails"
|
|
5301
|
-
]
|
|
5456
|
+
],
|
|
5457
|
+
"default": []
|
|
5302
5458
|
},
|
|
5303
5459
|
"size": {
|
|
5304
5460
|
"type": "enum",
|
|
@@ -5415,6 +5571,14 @@
|
|
|
5415
5571
|
"rails"
|
|
5416
5572
|
],
|
|
5417
5573
|
"props": {
|
|
5574
|
+
"allowOptionCreation": {
|
|
5575
|
+
"type": "boolean",
|
|
5576
|
+
"platforms": [
|
|
5577
|
+
"react",
|
|
5578
|
+
"rails"
|
|
5579
|
+
],
|
|
5580
|
+
"default": false
|
|
5581
|
+
},
|
|
5418
5582
|
"async": {
|
|
5419
5583
|
"type": "boolean",
|
|
5420
5584
|
"platforms": [
|
|
@@ -5433,19 +5597,22 @@
|
|
|
5433
5597
|
"type": "boolean | GenericObject[]",
|
|
5434
5598
|
"platforms": [
|
|
5435
5599
|
"react"
|
|
5436
|
-
]
|
|
5600
|
+
],
|
|
5601
|
+
"default": false
|
|
5437
5602
|
},
|
|
5438
5603
|
"cacheOptions": {
|
|
5439
5604
|
"type": "boolean",
|
|
5440
5605
|
"platforms": [
|
|
5441
5606
|
"react"
|
|
5442
|
-
]
|
|
5607
|
+
],
|
|
5608
|
+
"default": false
|
|
5443
5609
|
},
|
|
5444
5610
|
"loading": {
|
|
5445
5611
|
"type": "boolean",
|
|
5446
5612
|
"platforms": [
|
|
5447
5613
|
"react"
|
|
5448
|
-
]
|
|
5614
|
+
],
|
|
5615
|
+
"default": false
|
|
5449
5616
|
},
|
|
5450
5617
|
"onInputChange": {
|
|
5451
5618
|
"type": "function",
|
|
@@ -5539,14 +5706,16 @@
|
|
|
5539
5706
|
"type": "boolean",
|
|
5540
5707
|
"platforms": [
|
|
5541
5708
|
"react"
|
|
5542
|
-
]
|
|
5709
|
+
],
|
|
5710
|
+
"default": false
|
|
5543
5711
|
},
|
|
5544
5712
|
"defaultValue": {
|
|
5545
5713
|
"type": "GenericObject",
|
|
5546
5714
|
"platforms": [
|
|
5547
5715
|
"react",
|
|
5548
5716
|
"rails"
|
|
5549
|
-
]
|
|
5717
|
+
],
|
|
5718
|
+
"default": {}
|
|
5550
5719
|
},
|
|
5551
5720
|
"error": {
|
|
5552
5721
|
"type": "string",
|
|
@@ -5555,11 +5724,35 @@
|
|
|
5555
5724
|
"rails"
|
|
5556
5725
|
]
|
|
5557
5726
|
},
|
|
5727
|
+
"enableFormSupport": {
|
|
5728
|
+
"type": "boolean",
|
|
5729
|
+
"platforms": [
|
|
5730
|
+
"react"
|
|
5731
|
+
],
|
|
5732
|
+
"default": false
|
|
5733
|
+
},
|
|
5734
|
+
"enablePillReorder": {
|
|
5735
|
+
"type": "boolean",
|
|
5736
|
+
"platforms": [
|
|
5737
|
+
"react",
|
|
5738
|
+
"rails"
|
|
5739
|
+
],
|
|
5740
|
+
"default": false
|
|
5741
|
+
},
|
|
5742
|
+
"externalDragHandle": {
|
|
5743
|
+
"type": "boolean",
|
|
5744
|
+
"platforms": [
|
|
5745
|
+
"react",
|
|
5746
|
+
"rails"
|
|
5747
|
+
],
|
|
5748
|
+
"default": false
|
|
5749
|
+
},
|
|
5558
5750
|
"isClosed": {
|
|
5559
5751
|
"type": "boolean",
|
|
5560
5752
|
"platforms": [
|
|
5561
5753
|
"react"
|
|
5562
|
-
]
|
|
5754
|
+
],
|
|
5755
|
+
"default": true
|
|
5563
5756
|
},
|
|
5564
5757
|
"label": {
|
|
5565
5758
|
"type": "string",
|
|
@@ -5627,6 +5820,14 @@
|
|
|
5627
5820
|
],
|
|
5628
5821
|
"default": true
|
|
5629
5822
|
},
|
|
5823
|
+
"showPillIndex": {
|
|
5824
|
+
"type": "boolean",
|
|
5825
|
+
"platforms": [
|
|
5826
|
+
"react",
|
|
5827
|
+
"rails"
|
|
5828
|
+
],
|
|
5829
|
+
"default": false
|
|
5830
|
+
},
|
|
5630
5831
|
"variant": {
|
|
5631
5832
|
"type": "enum",
|
|
5632
5833
|
"platforms": [
|
|
@@ -5680,18 +5881,23 @@
|
|
|
5680
5881
|
"default": false
|
|
5681
5882
|
},
|
|
5682
5883
|
"required": {
|
|
5884
|
+
"type": "boolean",
|
|
5683
5885
|
"platforms": [
|
|
5886
|
+
"react",
|
|
5684
5887
|
"rails"
|
|
5685
5888
|
],
|
|
5686
|
-
"type": "boolean",
|
|
5687
5889
|
"default": false
|
|
5688
5890
|
},
|
|
5689
5891
|
"validationMessage": {
|
|
5892
|
+
"type": "string",
|
|
5690
5893
|
"platforms": [
|
|
5894
|
+
"react",
|
|
5691
5895
|
"rails"
|
|
5692
5896
|
],
|
|
5693
|
-
"
|
|
5694
|
-
|
|
5897
|
+
"default": {
|
|
5898
|
+
"react": "Please fill out this field.",
|
|
5899
|
+
"rails": ""
|
|
5900
|
+
}
|
|
5695
5901
|
},
|
|
5696
5902
|
"searchTermMinimumLength": {
|
|
5697
5903
|
"platforms": [
|
|
@@ -5779,13 +5985,13 @@
|
|
|
5779
5985
|
"usage": {
|
|
5780
5986
|
"react": {
|
|
5781
5987
|
"import": "import { Dropdown } from 'playbook-ui'",
|
|
5782
|
-
"example": "<Dropdown />",
|
|
5783
|
-
"preset": "
|
|
5988
|
+
"example": "<Dropdown allowOptionCreation multiSelect name=\"tags[]\" label=\"Tags\" />",
|
|
5989
|
+
"preset": "Create tags"
|
|
5784
5990
|
},
|
|
5785
5991
|
"rails": {
|
|
5786
5992
|
"import": null,
|
|
5787
|
-
"example": "<%= pb_rails(\"dropdown\") %>",
|
|
5788
|
-
"preset": "
|
|
5993
|
+
"example": "<%= pb_rails(\"dropdown\", props: { allow_option_creation: true, multi_select: true, name: \"tags[]\", label: \"Tags\" }) %>",
|
|
5994
|
+
"preset": "Create tags"
|
|
5789
5995
|
}
|
|
5790
5996
|
},
|
|
5791
5997
|
"category": "form_selection",
|
|
@@ -5828,7 +6034,7 @@
|
|
|
5828
6034
|
"submission": {
|
|
5829
6035
|
"submits": true,
|
|
5830
6036
|
"value": "Selected option id in a CSS-hidden input (not input type=hidden).",
|
|
5831
|
-
"multi": "
|
|
6037
|
+
"multi": "syncHiddenInputs emits one hidden input per selected id in selection order, adds [] to the name only if absent and clears the original CSS-hidden input and removes its name while selections exist, so no blank array entry is submitted. When empty, the original name and required state are restored, including after Turbo reconnects. These submission fixes apply whether or not allow_option_creation is enabled. With enable_pill_reorder, drag or keyboard reordering updates that same selection order before syncHiddenInputs runs, so submitted values and pb:dropdown:reordered / pb:dropdown:selected details match the pill order. Comma-joining is used for default-value encoding, not as an additional submitted selection.",
|
|
5832
6038
|
"dynamicOptions": "props.options_by_context with props.context_selector replaces the rendered options when the referenced element fires change, and props.clear_on_context_change (default true) then clears the selection, so a context change can submit an empty value. A pb:dropdown:updateOptions event, or an event named in props.options_event_type, replaces options the same way; clearSelection: false keeps only selections whose id exists in the replacement options."
|
|
5833
6039
|
},
|
|
5834
6040
|
"validation": {
|
|
@@ -5962,6 +6168,33 @@
|
|
|
5962
6168
|
"form.rails.builder.simpleForm"
|
|
5963
6169
|
]
|
|
5964
6170
|
},
|
|
6171
|
+
{
|
|
6172
|
+
"id": "dropdown.pill-reorder",
|
|
6173
|
+
"platforms": [
|
|
6174
|
+
"react",
|
|
6175
|
+
"rails"
|
|
6176
|
+
],
|
|
6177
|
+
"questions": [
|
|
6178
|
+
"Can multi-select Dropdown pills be reordered?",
|
|
6179
|
+
"How do I enable draggable pills on Dropdown?",
|
|
6180
|
+
"Does pill reorder preserve form submission order?"
|
|
6181
|
+
],
|
|
6182
|
+
"answer": "Opt in with enablePillReorder (Rails: enable_pill_reorder) on multi-select or multi-select + autocomplete. showPillIndex / show_pill_index numbers the pills. By default the whole pill is draggable with an in-pill grip; externalDragHandle / external_drag_handle requires an external grip. Focused pills reorder with ArrowLeft / ArrowRight. React onChange and Rails hidden inputs keep the new order; Rails also emits pb:dropdown:reordered (and pb:dropdown:selected) with the reordered array. Single-select is unaffected; reordering is off by default."
|
|
6183
|
+
},
|
|
6184
|
+
{
|
|
6185
|
+
"id": "dropdown.option-creation",
|
|
6186
|
+
"platforms": [
|
|
6187
|
+
"react",
|
|
6188
|
+
"rails"
|
|
6189
|
+
],
|
|
6190
|
+
"questions": [
|
|
6191
|
+
"How do I create new Dropdown options?"
|
|
6192
|
+
],
|
|
6193
|
+
"answer": "Enable allowOptionCreation (Rails: allow_option_creation). The default trigger enables autocomplete. Custom Rails subcomponents must supply an autocomplete trigger or search bar. Creation supports single and multiple selections, including async, and is ignored for quickpick. A selectable Create row yields { id: text, label: text, value: text, __isNew__: true } through normal React selection callbacks, Rails pb:dropdown:selected events, and native form submission. Text is trimmed and blank or case-insensitive existing/selected labels, values and IDs are rejected. Exact ID or value matches keep the existing option selectable even if its label does not contain the query. Pending async searches and errors suppress creation. Creation only selects local text; the application owns persistence.",
|
|
6194
|
+
"props": [
|
|
6195
|
+
"allowOptionCreation"
|
|
6196
|
+
]
|
|
6197
|
+
},
|
|
5965
6198
|
{
|
|
5966
6199
|
"id": "dropdown.builder-name",
|
|
5967
6200
|
"platforms": [
|
|
@@ -5971,7 +6204,7 @@
|
|
|
5971
6204
|
"Does dropdown_field scope country to user[country]?",
|
|
5972
6205
|
"Does multi_select submit separate array values?"
|
|
5973
6206
|
],
|
|
5974
|
-
"answer": "Pass the attribute (e.g. :country) so the builder can auto-bind default_value and errors from the model; pass user[country] explicitly when you need that nested parameter name instead. multi_select
|
|
6207
|
+
"answer": "Pass the attribute (e.g. :country) so the builder can auto-bind default_value and errors from the model; pass user[country] explicitly when you need that nested parameter name instead. multi_select adds [] only if absent, preserves selection order and removes the original CSS-hidden input name while per-selection hidden inputs submit. When selection is empty, the original name and required state are restored, including after Turbo reconnects. These submission fixes apply whether or not allow_option_creation is enabled.",
|
|
5975
6208
|
"contractPaths": [
|
|
5976
6209
|
"form.rails.builder.methods"
|
|
5977
6210
|
],
|
|
@@ -6073,7 +6306,7 @@
|
|
|
6073
6306
|
"How do I reset React Dropdown?",
|
|
6074
6307
|
"Does cacheOptions remember an empty search?"
|
|
6075
6308
|
],
|
|
6076
|
-
"answer": "Use onInputChange(text, { reason }) for input and clear notifications. Selection itself does not emit an input notification; use onSelect. In async mode, emptying single-select autocomplete proposes an empty selection even without onInputChange; emptying a multi-select or search-bar query preserves selection. With loadOptions, an empty query and a multi-select selection restore the defaultOptions results. A single-select autocomplete selection keeps that search result list and shows the selected label in the input; opening the menu again shows only results whose labels contain that text. Typing a character replaces the query only while the input still shows that label, including when a controlled value later arrives as null. Once the text has changed, further characters edit the query in place. Backspace and Delete remove one character and keep the selection until the query is empty. Escape, an outside click, or disabling the kit cancels an in-flight loadOptions request and ignores its late response. If that search had cleared the list, the last settled options return, or defaultOptions when nothing has settled yet. Opening the menu again searches for the query still in the input; ref.clearSelected() drops that retry. A search that already settled as an error or with no results keeps that message when the menu closes, and opening it again does not search again. Opening an async Dropdown with no source options, or a search that settles empty and has no earlier label matches, shows the empty message (noOptionsText, default \"No results found\"). When a search returns nothing, earlier results whose labels contain the query stay visible, including text typed after a space. cacheOptions stores the server response for that exact query, including an empty array. Each Dropdown keeps at most 100 queries. Errors are not cached. Repeating the query after a clear shows that cached response, so an empty search stays empty. Already-selected rows are hidden and do not count as an empty search, so a successful result list or an idle list that still contains options does not show that message when every remaining row is selected. blankSelection is not a search result: an empty async list shows the empty message instead of the blank row, and the blank row is included when results are present. Async options are identified by value, then id, then label. Reset controlled value through the application or form library, or call ref.clearSelected() for an uncontrolled selection.
|
|
6309
|
+
"answer": "Use onInputChange(text, { reason }) for input and clear notifications. Selection itself does not emit an input notification; use onSelect. In async mode, emptying single-select autocomplete proposes an empty selection even without onInputChange; emptying a multi-select or search-bar query preserves selection. With loadOptions, an empty query and a multi-select selection restore the defaultOptions results. A single-select autocomplete selection keeps that search result list and shows the selected label in the input; opening the menu again shows only results whose labels contain that text. Typing a character replaces the query only while the input still shows that label, including when a controlled value later arrives as null. Once the text has changed, further characters edit the query in place. Backspace and Delete remove one character and keep the selection until the query is empty. Escape, an outside click, or disabling the kit cancels an in-flight loadOptions request and ignores its late response. If that search had cleared the list, the last settled options return, or defaultOptions when nothing has settled yet. Opening the menu again searches for the query still in the input; ref.clearSelected() drops that retry. A search that already settled as an error or with no results keeps that message when the menu closes, and opening it again does not search again. Opening an async Dropdown with no source options, or a search that settles empty and has no earlier label matches, shows the empty message (noOptionsText, default \"No results found\"). When a search returns nothing, earlier results whose labels contain the query stay visible, including text typed after a space. cacheOptions stores the server response for that exact query, including an empty array. Each Dropdown keeps at most 100 queries. Errors are not cached. Repeating the query after a clear shows that cached response, so an empty search stays empty. Already-selected rows are hidden and do not count as an empty search, so a successful result list or an idle list that still contains options does not show that message when every remaining row is selected. blankSelection is not a search result: an empty async list shows the empty message instead of the blank row, and the blank row is included when results are present. Async options are identified by value, then id, then label. Reset controlled value through the application or form library, or call ref.clearSelected() for an uncontrolled selection. With enableFormSupport: true, native form reset restores defaultValue, clears the query and validation state, closes the menu, and reports the reset through selection callbacks. Controlled parents must accept the new value. Canceled resets preserve state. For application-managed fetching, use async with options and loading without loadOptions; the application owns debounce, query thresholds, errors and stale-response protection. When the menu is open, a new result list focuses the first match so Enter selects it, for both loadOptions and application-managed options. ArrowDown and ArrowUp still move through that list.",
|
|
6077
6310
|
"props": [
|
|
6078
6311
|
"onInputChange",
|
|
6079
6312
|
"async",
|
|
@@ -6096,12 +6329,15 @@
|
|
|
6096
6329
|
"Can I use Dropdown with react-hook-form?",
|
|
6097
6330
|
"Does the React Dropdown submit a value?"
|
|
6098
6331
|
],
|
|
6099
|
-
"answer": "
|
|
6332
|
+
"answer": "Use a controlled form-library adapter with name, value, and onChange. It accepts name and onChange, and calls onChange with { target: { name, value } } in addition to any onSelect. value is the selected option object, an array for multiSelect and null or [] when cleared, so read value.value in form state. The ref resolves to the kit imperative handle, not an input. With enableFormSupport: true and name, native forms submit selected id (falling back to value) through hidden inputs; multiSelect emits one input per selection and adds [] only if absent. Disabled fields are omitted. enableFormSupport defaults to false, so name alone adds no native inputs or reset handling. With form support enabled, required validates the selection and validationMessage sets the inline required message. Native reset restores defaultValue through the normal callbacks; controlled parents must update value.",
|
|
6100
6333
|
"props": [
|
|
6101
6334
|
"name",
|
|
6102
6335
|
"onChange",
|
|
6103
6336
|
"onSelect",
|
|
6104
|
-
"multiSelect"
|
|
6337
|
+
"multiSelect",
|
|
6338
|
+
"enableFormSupport",
|
|
6339
|
+
"required",
|
|
6340
|
+
"validationMessage"
|
|
6105
6341
|
]
|
|
6106
6342
|
}
|
|
6107
6343
|
]
|
|
@@ -6140,7 +6376,8 @@
|
|
|
6140
6376
|
"platforms": [
|
|
6141
6377
|
"react",
|
|
6142
6378
|
"rails"
|
|
6143
|
-
]
|
|
6379
|
+
],
|
|
6380
|
+
"default": ""
|
|
6144
6381
|
},
|
|
6145
6382
|
"image": {
|
|
6146
6383
|
"type": "string",
|
|
@@ -6245,7 +6482,10 @@
|
|
|
6245
6482
|
"react",
|
|
6246
6483
|
"rails"
|
|
6247
6484
|
],
|
|
6248
|
-
"default":
|
|
6485
|
+
"default": {
|
|
6486
|
+
"react": {},
|
|
6487
|
+
"rails": ""
|
|
6488
|
+
}
|
|
6249
6489
|
},
|
|
6250
6490
|
"customMessage": {
|
|
6251
6491
|
"type": "string",
|
|
@@ -6259,13 +6499,15 @@
|
|
|
6259
6499
|
"type": "boolean",
|
|
6260
6500
|
"platforms": [
|
|
6261
6501
|
"react"
|
|
6262
|
-
]
|
|
6502
|
+
],
|
|
6503
|
+
"default": false
|
|
6263
6504
|
},
|
|
6264
6505
|
"acceptedFilesDescription": {
|
|
6265
6506
|
"type": "string",
|
|
6266
6507
|
"platforms": [
|
|
6267
6508
|
"react"
|
|
6268
|
-
]
|
|
6509
|
+
],
|
|
6510
|
+
"default": ""
|
|
6269
6511
|
},
|
|
6270
6512
|
"maxSize": {
|
|
6271
6513
|
"type": "number",
|
|
@@ -6553,7 +6795,8 @@
|
|
|
6553
6795
|
"platforms": [
|
|
6554
6796
|
"react",
|
|
6555
6797
|
"rails"
|
|
6556
|
-
]
|
|
6798
|
+
],
|
|
6799
|
+
"default": 0
|
|
6557
6800
|
},
|
|
6558
6801
|
"closeable": {
|
|
6559
6802
|
"type": "boolean",
|
|
@@ -6609,7 +6852,8 @@
|
|
|
6609
6852
|
"type": "boolean",
|
|
6610
6853
|
"platforms": [
|
|
6611
6854
|
"react"
|
|
6612
|
-
]
|
|
6855
|
+
],
|
|
6856
|
+
"default": true
|
|
6613
6857
|
},
|
|
6614
6858
|
"status": {
|
|
6615
6859
|
"type": "enum",
|
|
@@ -6648,7 +6892,8 @@
|
|
|
6648
6892
|
"type": "number | string",
|
|
6649
6893
|
"platforms": [
|
|
6650
6894
|
"react"
|
|
6651
|
-
]
|
|
6895
|
+
],
|
|
6896
|
+
"default": "max"
|
|
6652
6897
|
}
|
|
6653
6898
|
},
|
|
6654
6899
|
"globalProps": true,
|
|
@@ -6697,15 +6942,27 @@
|
|
|
6697
6942
|
"react",
|
|
6698
6943
|
"rails"
|
|
6699
6944
|
],
|
|
6700
|
-
"values":
|
|
6701
|
-
"
|
|
6702
|
-
|
|
6703
|
-
|
|
6704
|
-
|
|
6705
|
-
|
|
6706
|
-
|
|
6707
|
-
|
|
6708
|
-
|
|
6945
|
+
"values": {
|
|
6946
|
+
"react": [
|
|
6947
|
+
"start",
|
|
6948
|
+
"center",
|
|
6949
|
+
"end",
|
|
6950
|
+
"around",
|
|
6951
|
+
"between",
|
|
6952
|
+
"evenly",
|
|
6953
|
+
"none"
|
|
6954
|
+
],
|
|
6955
|
+
"rails": [
|
|
6956
|
+
"start",
|
|
6957
|
+
"center",
|
|
6958
|
+
"end",
|
|
6959
|
+
"stretch",
|
|
6960
|
+
"around",
|
|
6961
|
+
"between",
|
|
6962
|
+
"evenly",
|
|
6963
|
+
"none"
|
|
6964
|
+
]
|
|
6965
|
+
},
|
|
6709
6966
|
"default": "none"
|
|
6710
6967
|
},
|
|
6711
6968
|
"inline": {
|
|
@@ -6787,21 +7044,24 @@
|
|
|
6787
7044
|
"platforms": [
|
|
6788
7045
|
"react",
|
|
6789
7046
|
"rails"
|
|
6790
|
-
]
|
|
7047
|
+
],
|
|
7048
|
+
"default": "none"
|
|
6791
7049
|
},
|
|
6792
7050
|
"rowGap": {
|
|
6793
7051
|
"type": "SizeType | SizeResponsiveType",
|
|
6794
7052
|
"platforms": [
|
|
6795
7053
|
"react",
|
|
6796
7054
|
"rails"
|
|
6797
|
-
]
|
|
7055
|
+
],
|
|
7056
|
+
"default": "none"
|
|
6798
7057
|
},
|
|
6799
7058
|
"columnGap": {
|
|
6800
7059
|
"type": "SizeType | SizeResponsiveType",
|
|
6801
7060
|
"platforms": [
|
|
6802
7061
|
"react",
|
|
6803
7062
|
"rails"
|
|
6804
|
-
]
|
|
7063
|
+
],
|
|
7064
|
+
"default": "none"
|
|
6805
7065
|
},
|
|
6806
7066
|
"wrap": {
|
|
6807
7067
|
"type": "boolean",
|
|
@@ -6887,13 +7147,8 @@
|
|
|
6887
7147
|
},
|
|
6888
7148
|
"globalProps": true,
|
|
6889
7149
|
"usage": {
|
|
6890
|
-
"react": {
|
|
6891
|
-
"import": "import { Form } from 'playbook-ui'",
|
|
6892
|
-
"example": "<Form></Form>"
|
|
6893
|
-
},
|
|
6894
7150
|
"rails": {
|
|
6895
|
-
"import": null
|
|
6896
|
-
"example": "<%= pb_rails(\"form\", props: { text: \"Example\" }) %>"
|
|
7151
|
+
"import": null
|
|
6897
7152
|
}
|
|
6898
7153
|
},
|
|
6899
7154
|
"category": "form_elements",
|
|
@@ -6980,7 +7235,8 @@
|
|
|
6980
7235
|
"platforms": [
|
|
6981
7236
|
"react",
|
|
6982
7237
|
"rails"
|
|
6983
|
-
]
|
|
7238
|
+
],
|
|
7239
|
+
"default": ""
|
|
6984
7240
|
},
|
|
6985
7241
|
"textTransform": {
|
|
6986
7242
|
"type": "enum",
|
|
@@ -7037,7 +7293,8 @@
|
|
|
7037
7293
|
"platforms": [
|
|
7038
7294
|
"react",
|
|
7039
7295
|
"rails"
|
|
7040
|
-
]
|
|
7296
|
+
],
|
|
7297
|
+
"default": ""
|
|
7041
7298
|
},
|
|
7042
7299
|
"wrapped": {
|
|
7043
7300
|
"type": "boolean",
|
|
@@ -7051,7 +7308,8 @@
|
|
|
7051
7308
|
"type": "GenericObject",
|
|
7052
7309
|
"platforms": [
|
|
7053
7310
|
"react"
|
|
7054
|
-
]
|
|
7311
|
+
],
|
|
7312
|
+
"default": {}
|
|
7055
7313
|
},
|
|
7056
7314
|
"tabindex": {
|
|
7057
7315
|
"platforms": [
|
|
@@ -7097,7 +7355,8 @@
|
|
|
7097
7355
|
"md",
|
|
7098
7356
|
"lg",
|
|
7099
7357
|
"xl"
|
|
7100
|
-
]
|
|
7358
|
+
],
|
|
7359
|
+
"default": "lg"
|
|
7101
7360
|
},
|
|
7102
7361
|
"headerText": {
|
|
7103
7362
|
"type": "string",
|
|
@@ -7113,7 +7372,8 @@
|
|
|
7113
7372
|
"values": [
|
|
7114
7373
|
"title_4",
|
|
7115
7374
|
"body"
|
|
7116
|
-
]
|
|
7375
|
+
],
|
|
7376
|
+
"default": "title_4"
|
|
7117
7377
|
},
|
|
7118
7378
|
"isFullscreen": {
|
|
7119
7379
|
"type": "boolean",
|
|
@@ -7137,7 +7397,8 @@
|
|
|
7137
7397
|
"type": "boolean",
|
|
7138
7398
|
"platforms": [
|
|
7139
7399
|
"react"
|
|
7140
|
-
]
|
|
7400
|
+
],
|
|
7401
|
+
"default": true
|
|
7141
7402
|
},
|
|
7142
7403
|
"trigger": {
|
|
7143
7404
|
"type": "function",
|
|
@@ -7149,7 +7410,8 @@
|
|
|
7149
7410
|
"type": "boolean",
|
|
7150
7411
|
"platforms": [
|
|
7151
7412
|
"react"
|
|
7152
|
-
]
|
|
7413
|
+
],
|
|
7414
|
+
"default": true
|
|
7153
7415
|
}
|
|
7154
7416
|
},
|
|
7155
7417
|
"globalProps": true,
|
|
@@ -7181,7 +7443,8 @@
|
|
|
7181
7443
|
"type": "boolean",
|
|
7182
7444
|
"platforms": [
|
|
7183
7445
|
"react"
|
|
7184
|
-
]
|
|
7446
|
+
],
|
|
7447
|
+
"default": false
|
|
7185
7448
|
},
|
|
7186
7449
|
"newWindow": {
|
|
7187
7450
|
"type": "boolean",
|
|
@@ -7263,7 +7526,8 @@
|
|
|
7263
7526
|
"platforms": [
|
|
7264
7527
|
"react",
|
|
7265
7528
|
"rails"
|
|
7266
|
-
]
|
|
7529
|
+
],
|
|
7530
|
+
"default": ""
|
|
7267
7531
|
},
|
|
7268
7532
|
"highlightedText": {
|
|
7269
7533
|
"type": "array",
|
|
@@ -7488,20 +7752,31 @@
|
|
|
7488
7752
|
"react",
|
|
7489
7753
|
"rails"
|
|
7490
7754
|
],
|
|
7491
|
-
"values":
|
|
7492
|
-
"
|
|
7493
|
-
|
|
7494
|
-
|
|
7495
|
-
|
|
7496
|
-
|
|
7497
|
-
|
|
7755
|
+
"values": {
|
|
7756
|
+
"react": [
|
|
7757
|
+
"horizontal",
|
|
7758
|
+
"vertical",
|
|
7759
|
+
"both",
|
|
7760
|
+
"none"
|
|
7761
|
+
],
|
|
7762
|
+
"rails": [
|
|
7763
|
+
"horizontal",
|
|
7764
|
+
"vertical",
|
|
7765
|
+
"both"
|
|
7766
|
+
]
|
|
7767
|
+
},
|
|
7768
|
+
"default": {
|
|
7769
|
+
"react": "none",
|
|
7770
|
+
"rails": null
|
|
7771
|
+
}
|
|
7498
7772
|
},
|
|
7499
7773
|
"icon": {
|
|
7500
7774
|
"type": "string | ReactSVGElement",
|
|
7501
7775
|
"platforms": [
|
|
7502
7776
|
"react",
|
|
7503
7777
|
"rails"
|
|
7504
|
-
]
|
|
7778
|
+
],
|
|
7779
|
+
"default": ""
|
|
7505
7780
|
},
|
|
7506
7781
|
"inverse": {
|
|
7507
7782
|
"type": "boolean",
|
|
@@ -7525,11 +7800,17 @@
|
|
|
7525
7800
|
"react",
|
|
7526
7801
|
"rails"
|
|
7527
7802
|
],
|
|
7528
|
-
"values":
|
|
7529
|
-
"
|
|
7530
|
-
|
|
7531
|
-
|
|
7532
|
-
|
|
7803
|
+
"values": {
|
|
7804
|
+
"react": [
|
|
7805
|
+
"left",
|
|
7806
|
+
"right",
|
|
7807
|
+
"none"
|
|
7808
|
+
],
|
|
7809
|
+
"rails": [
|
|
7810
|
+
"left",
|
|
7811
|
+
"right"
|
|
7812
|
+
]
|
|
7813
|
+
},
|
|
7533
7814
|
"default": null
|
|
7534
7815
|
},
|
|
7535
7816
|
"pulse": {
|
|
@@ -7611,6 +7892,7 @@
|
|
|
7611
7892
|
}
|
|
7612
7893
|
},
|
|
7613
7894
|
"globalProps": true,
|
|
7895
|
+
"globalEventProps": true,
|
|
7614
7896
|
"usage": {
|
|
7615
7897
|
"react": {
|
|
7616
7898
|
"import": "import { Icon } from 'playbook-ui'",
|
|
@@ -7639,7 +7921,8 @@
|
|
|
7639
7921
|
"type": "boolean",
|
|
7640
7922
|
"platforms": [
|
|
7641
7923
|
"react"
|
|
7642
|
-
]
|
|
7924
|
+
],
|
|
7925
|
+
"default": false
|
|
7643
7926
|
},
|
|
7644
7927
|
"icon": {
|
|
7645
7928
|
"type": "string",
|
|
@@ -7694,6 +7977,7 @@
|
|
|
7694
7977
|
}
|
|
7695
7978
|
},
|
|
7696
7979
|
"globalProps": true,
|
|
7980
|
+
"globalEventProps": true,
|
|
7697
7981
|
"usage": {
|
|
7698
7982
|
"react": {
|
|
7699
7983
|
"import": "import { IconCircle } from 'playbook-ui'",
|
|
@@ -7722,7 +8006,8 @@
|
|
|
7722
8006
|
"type": "boolean",
|
|
7723
8007
|
"platforms": [
|
|
7724
8008
|
"react"
|
|
7725
|
-
]
|
|
8009
|
+
],
|
|
8010
|
+
"default": false
|
|
7726
8011
|
},
|
|
7727
8012
|
"icon": {
|
|
7728
8013
|
"type": "string",
|
|
@@ -7777,7 +8062,8 @@
|
|
|
7777
8062
|
"platforms": [
|
|
7778
8063
|
"react",
|
|
7779
8064
|
"rails"
|
|
7780
|
-
]
|
|
8065
|
+
],
|
|
8066
|
+
"default": 0
|
|
7781
8067
|
},
|
|
7782
8068
|
"variant": {
|
|
7783
8069
|
"type": "enum",
|
|
@@ -7886,59 +8172,92 @@
|
|
|
7886
8172
|
],
|
|
7887
8173
|
"props": {
|
|
7888
8174
|
"alt": {
|
|
8175
|
+
"type": "string",
|
|
7889
8176
|
"platforms": [
|
|
8177
|
+
"react",
|
|
7890
8178
|
"rails"
|
|
7891
|
-
]
|
|
8179
|
+
],
|
|
8180
|
+
"default": ""
|
|
7892
8181
|
},
|
|
7893
8182
|
"onError": {
|
|
8183
|
+
"type": {
|
|
8184
|
+
"react": "function",
|
|
8185
|
+
"rails": "string"
|
|
8186
|
+
},
|
|
7894
8187
|
"platforms": [
|
|
8188
|
+
"react",
|
|
7895
8189
|
"rails"
|
|
7896
8190
|
],
|
|
7897
|
-
"type": "string",
|
|
7898
8191
|
"default": null
|
|
7899
8192
|
},
|
|
7900
|
-
"
|
|
8193
|
+
"size": {
|
|
8194
|
+
"type": "enum",
|
|
7901
8195
|
"platforms": [
|
|
8196
|
+
"react",
|
|
7902
8197
|
"rails"
|
|
7903
8198
|
],
|
|
7904
|
-
"
|
|
7905
|
-
|
|
8199
|
+
"values": {
|
|
8200
|
+
"react": [
|
|
8201
|
+
"xs",
|
|
8202
|
+
"sm",
|
|
8203
|
+
"md",
|
|
8204
|
+
"lg",
|
|
8205
|
+
"xl"
|
|
8206
|
+
],
|
|
8207
|
+
"rails": [
|
|
8208
|
+
"xs",
|
|
8209
|
+
"sm",
|
|
8210
|
+
"md",
|
|
8211
|
+
"lg",
|
|
8212
|
+
"xl",
|
|
8213
|
+
"none"
|
|
8214
|
+
]
|
|
8215
|
+
},
|
|
8216
|
+
"default": {
|
|
8217
|
+
"react": "",
|
|
8218
|
+
"rails": "none"
|
|
8219
|
+
}
|
|
7906
8220
|
},
|
|
7907
|
-
"
|
|
8221
|
+
"rounded": {
|
|
8222
|
+
"type": "boolean",
|
|
7908
8223
|
"platforms": [
|
|
8224
|
+
"react",
|
|
7909
8225
|
"rails"
|
|
7910
8226
|
],
|
|
7911
|
-
"
|
|
7912
|
-
"values": [
|
|
7913
|
-
"xs",
|
|
7914
|
-
"sm",
|
|
7915
|
-
"md",
|
|
7916
|
-
"lg",
|
|
7917
|
-
"xl",
|
|
7918
|
-
"none"
|
|
7919
|
-
],
|
|
7920
|
-
"default": "none"
|
|
8227
|
+
"default": false
|
|
7921
8228
|
},
|
|
7922
8229
|
"transition": {
|
|
8230
|
+
"type": "enum",
|
|
7923
8231
|
"platforms": [
|
|
8232
|
+
"react",
|
|
7924
8233
|
"rails"
|
|
7925
8234
|
],
|
|
7926
|
-
"
|
|
7927
|
-
|
|
7928
|
-
|
|
7929
|
-
|
|
7930
|
-
|
|
7931
|
-
|
|
7932
|
-
|
|
8235
|
+
"values": {
|
|
8236
|
+
"react": [
|
|
8237
|
+
"blur",
|
|
8238
|
+
"fade",
|
|
8239
|
+
"scale"
|
|
8240
|
+
],
|
|
8241
|
+
"rails": [
|
|
8242
|
+
"blur",
|
|
8243
|
+
"fade",
|
|
8244
|
+
"scale",
|
|
8245
|
+
"none"
|
|
8246
|
+
]
|
|
8247
|
+
},
|
|
7933
8248
|
"default": "fade"
|
|
7934
8249
|
},
|
|
7935
8250
|
"url": {
|
|
8251
|
+
"type": "string",
|
|
7936
8252
|
"platforms": [
|
|
8253
|
+
"react",
|
|
7937
8254
|
"rails"
|
|
7938
|
-
]
|
|
8255
|
+
],
|
|
8256
|
+
"default": ""
|
|
7939
8257
|
}
|
|
7940
8258
|
},
|
|
7941
8259
|
"globalProps": true,
|
|
8260
|
+
"globalEventProps": true,
|
|
7942
8261
|
"usage": {
|
|
7943
8262
|
"react": {
|
|
7944
8263
|
"import": "import { Image } from 'playbook-ui'",
|
|
@@ -7995,6 +8314,7 @@
|
|
|
7995
8314
|
}
|
|
7996
8315
|
},
|
|
7997
8316
|
"globalProps": true,
|
|
8317
|
+
"globalEventProps": true,
|
|
7998
8318
|
"usage": {
|
|
7999
8319
|
"react": {
|
|
8000
8320
|
"import": "import { LabelPill } from 'playbook-ui'",
|
|
@@ -8031,7 +8351,8 @@
|
|
|
8031
8351
|
"type": "boolean",
|
|
8032
8352
|
"platforms": [
|
|
8033
8353
|
"react"
|
|
8034
|
-
]
|
|
8354
|
+
],
|
|
8355
|
+
"default": false
|
|
8035
8356
|
},
|
|
8036
8357
|
"date": {
|
|
8037
8358
|
"type": "Date",
|
|
@@ -8127,13 +8448,17 @@
|
|
|
8127
8448
|
"lg",
|
|
8128
8449
|
"xl"
|
|
8129
8450
|
],
|
|
8130
|
-
"default":
|
|
8451
|
+
"default": {
|
|
8452
|
+
"react": "md",
|
|
8453
|
+
"rails": "xs"
|
|
8454
|
+
}
|
|
8131
8455
|
},
|
|
8132
8456
|
"dark": {
|
|
8133
8457
|
"type": "boolean",
|
|
8134
8458
|
"platforms": [
|
|
8135
8459
|
"react"
|
|
8136
|
-
]
|
|
8460
|
+
],
|
|
8461
|
+
"default": false
|
|
8137
8462
|
},
|
|
8138
8463
|
"full": {
|
|
8139
8464
|
"type": "boolean",
|
|
@@ -8169,15 +8494,24 @@
|
|
|
8169
8494
|
"react",
|
|
8170
8495
|
"rails"
|
|
8171
8496
|
],
|
|
8172
|
-
"values":
|
|
8173
|
-
"
|
|
8174
|
-
|
|
8175
|
-
|
|
8176
|
-
|
|
8177
|
-
|
|
8178
|
-
|
|
8179
|
-
|
|
8180
|
-
|
|
8497
|
+
"values": {
|
|
8498
|
+
"react": [
|
|
8499
|
+
"xs",
|
|
8500
|
+
"sm",
|
|
8501
|
+
"md",
|
|
8502
|
+
"base",
|
|
8503
|
+
"lg",
|
|
8504
|
+
"xl"
|
|
8505
|
+
],
|
|
8506
|
+
"rails": [
|
|
8507
|
+
"xs",
|
|
8508
|
+
"sm",
|
|
8509
|
+
"md",
|
|
8510
|
+
"lg",
|
|
8511
|
+
"xl"
|
|
8512
|
+
]
|
|
8513
|
+
},
|
|
8514
|
+
"default": "md"
|
|
8181
8515
|
},
|
|
8182
8516
|
"variant": {
|
|
8183
8517
|
"type": "enum",
|
|
@@ -8206,15 +8540,25 @@
|
|
|
8206
8540
|
"react",
|
|
8207
8541
|
"rails"
|
|
8208
8542
|
],
|
|
8209
|
-
"values":
|
|
8210
|
-
"
|
|
8211
|
-
|
|
8212
|
-
|
|
8213
|
-
|
|
8214
|
-
|
|
8215
|
-
|
|
8216
|
-
|
|
8217
|
-
|
|
8543
|
+
"values": {
|
|
8544
|
+
"react": [
|
|
8545
|
+
"sidebar",
|
|
8546
|
+
"collection",
|
|
8547
|
+
"collection_detail",
|
|
8548
|
+
"kanban",
|
|
8549
|
+
"content",
|
|
8550
|
+
"masonry",
|
|
8551
|
+
"bracket"
|
|
8552
|
+
],
|
|
8553
|
+
"rails": [
|
|
8554
|
+
"sidebar",
|
|
8555
|
+
"collection",
|
|
8556
|
+
"collection_detail",
|
|
8557
|
+
"kanban",
|
|
8558
|
+
"content",
|
|
8559
|
+
"masonry"
|
|
8560
|
+
]
|
|
8561
|
+
},
|
|
8218
8562
|
"default": "sidebar"
|
|
8219
8563
|
}
|
|
8220
8564
|
},
|
|
@@ -8255,7 +8599,8 @@
|
|
|
8255
8599
|
"type": "boolean",
|
|
8256
8600
|
"platforms": [
|
|
8257
8601
|
"react"
|
|
8258
|
-
]
|
|
8602
|
+
],
|
|
8603
|
+
"default": false
|
|
8259
8604
|
},
|
|
8260
8605
|
"prefixText": {
|
|
8261
8606
|
"type": "string",
|
|
@@ -8273,6 +8618,7 @@
|
|
|
8273
8618
|
}
|
|
8274
8619
|
},
|
|
8275
8620
|
"globalProps": true,
|
|
8621
|
+
"globalEventProps": true,
|
|
8276
8622
|
"usage": {
|
|
8277
8623
|
"react": {
|
|
8278
8624
|
"import": "import { Legend } from 'playbook-ui'",
|
|
@@ -8288,6 +8634,92 @@
|
|
|
8288
8634
|
"category": "data_visualization",
|
|
8289
8635
|
"status": "stable"
|
|
8290
8636
|
},
|
|
8637
|
+
"lightbox": {
|
|
8638
|
+
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
8639
|
+
"name": "Lightbox",
|
|
8640
|
+
"description": "Fullscreen dimmed overlay for enlarged images or media that covers the viewport.",
|
|
8641
|
+
"platforms": [
|
|
8642
|
+
"react"
|
|
8643
|
+
],
|
|
8644
|
+
"props": {
|
|
8645
|
+
"currentPhotoIndex": {
|
|
8646
|
+
"type": "number",
|
|
8647
|
+
"platforms": [
|
|
8648
|
+
"react"
|
|
8649
|
+
]
|
|
8650
|
+
},
|
|
8651
|
+
"description": {
|
|
8652
|
+
"type": "string | any",
|
|
8653
|
+
"platforms": [
|
|
8654
|
+
"react"
|
|
8655
|
+
]
|
|
8656
|
+
},
|
|
8657
|
+
"photos": {
|
|
8658
|
+
"type": "array",
|
|
8659
|
+
"platforms": [
|
|
8660
|
+
"react"
|
|
8661
|
+
]
|
|
8662
|
+
},
|
|
8663
|
+
"initialPhoto": {
|
|
8664
|
+
"type": "number",
|
|
8665
|
+
"platforms": [
|
|
8666
|
+
"react"
|
|
8667
|
+
],
|
|
8668
|
+
"default": 0
|
|
8669
|
+
},
|
|
8670
|
+
"onChange": {
|
|
8671
|
+
"type": "function",
|
|
8672
|
+
"platforms": [
|
|
8673
|
+
"react"
|
|
8674
|
+
]
|
|
8675
|
+
},
|
|
8676
|
+
"onClickRight": {
|
|
8677
|
+
"type": "function",
|
|
8678
|
+
"platforms": [
|
|
8679
|
+
"react"
|
|
8680
|
+
]
|
|
8681
|
+
},
|
|
8682
|
+
"onClose": {
|
|
8683
|
+
"type": "function",
|
|
8684
|
+
"platforms": [
|
|
8685
|
+
"react"
|
|
8686
|
+
]
|
|
8687
|
+
},
|
|
8688
|
+
"icon": {
|
|
8689
|
+
"type": "string",
|
|
8690
|
+
"platforms": [
|
|
8691
|
+
"react"
|
|
8692
|
+
],
|
|
8693
|
+
"default": "times"
|
|
8694
|
+
},
|
|
8695
|
+
"navRight": {
|
|
8696
|
+
"type": "string",
|
|
8697
|
+
"platforms": [
|
|
8698
|
+
"react"
|
|
8699
|
+
]
|
|
8700
|
+
},
|
|
8701
|
+
"trigger": {
|
|
8702
|
+
"type": "string",
|
|
8703
|
+
"platforms": [
|
|
8704
|
+
"react"
|
|
8705
|
+
]
|
|
8706
|
+
},
|
|
8707
|
+
"title": {
|
|
8708
|
+
"type": "string | any",
|
|
8709
|
+
"platforms": [
|
|
8710
|
+
"react"
|
|
8711
|
+
]
|
|
8712
|
+
}
|
|
8713
|
+
},
|
|
8714
|
+
"globalProps": true,
|
|
8715
|
+
"usage": {
|
|
8716
|
+
"react": {
|
|
8717
|
+
"import": "import { Lightbox } from 'playbook-ui'"
|
|
8718
|
+
}
|
|
8719
|
+
},
|
|
8720
|
+
"category": "icons_and_images",
|
|
8721
|
+
"status": "stable"
|
|
8722
|
+
},
|
|
8291
8723
|
"link": {
|
|
8292
8724
|
"$schema": "https://playbook.powerapp.cloud/schemas/kit-schema.json",
|
|
8293
8725
|
"name": "Link",
|
|
@@ -8309,7 +8741,10 @@
|
|
|
8309
8741
|
"muted",
|
|
8310
8742
|
"destructive"
|
|
8311
8743
|
],
|
|
8312
|
-
"default":
|
|
8744
|
+
"default": {
|
|
8745
|
+
"react": "",
|
|
8746
|
+
"rails": "default"
|
|
8747
|
+
}
|
|
8313
8748
|
},
|
|
8314
8749
|
"dark": {
|
|
8315
8750
|
"type": "boolean",
|
|
@@ -8330,21 +8765,24 @@
|
|
|
8330
8765
|
"platforms": [
|
|
8331
8766
|
"react",
|
|
8332
8767
|
"rails"
|
|
8333
|
-
]
|
|
8768
|
+
],
|
|
8769
|
+
"default": ""
|
|
8334
8770
|
},
|
|
8335
8771
|
"icon": {
|
|
8336
8772
|
"type": "string",
|
|
8337
8773
|
"platforms": [
|
|
8338
8774
|
"react",
|
|
8339
8775
|
"rails"
|
|
8340
|
-
]
|
|
8776
|
+
],
|
|
8777
|
+
"default": ""
|
|
8341
8778
|
},
|
|
8342
8779
|
"iconRight": {
|
|
8343
8780
|
"type": "string",
|
|
8344
8781
|
"platforms": [
|
|
8345
8782
|
"react",
|
|
8346
8783
|
"rails"
|
|
8347
|
-
]
|
|
8784
|
+
],
|
|
8785
|
+
"default": ""
|
|
8348
8786
|
},
|
|
8349
8787
|
"rel": {
|
|
8350
8788
|
"type": "string",
|
|
@@ -8384,14 +8822,16 @@
|
|
|
8384
8822
|
"platforms": [
|
|
8385
8823
|
"react",
|
|
8386
8824
|
"rails"
|
|
8387
|
-
]
|
|
8825
|
+
],
|
|
8826
|
+
"default": ""
|
|
8388
8827
|
},
|
|
8389
8828
|
"text": {
|
|
8390
8829
|
"type": "string",
|
|
8391
8830
|
"platforms": [
|
|
8392
8831
|
"react",
|
|
8393
8832
|
"rails"
|
|
8394
|
-
]
|
|
8833
|
+
],
|
|
8834
|
+
"default": ""
|
|
8395
8835
|
},
|
|
8396
8836
|
"underline": {
|
|
8397
8837
|
"type": "boolean",
|
|
@@ -8500,7 +8940,8 @@
|
|
|
8500
8940
|
"platforms": [
|
|
8501
8941
|
"react",
|
|
8502
8942
|
"rails"
|
|
8503
|
-
]
|
|
8943
|
+
],
|
|
8944
|
+
"default": ""
|
|
8504
8945
|
},
|
|
8505
8946
|
"variant": {
|
|
8506
8947
|
"type": "string",
|
|
@@ -8596,7 +9037,10 @@
|
|
|
8596
9037
|
"react",
|
|
8597
9038
|
"rails"
|
|
8598
9039
|
],
|
|
8599
|
-
"default":
|
|
9040
|
+
"default": {
|
|
9041
|
+
"react": " Loading",
|
|
9042
|
+
"rails": "Loading"
|
|
9043
|
+
}
|
|
8600
9044
|
},
|
|
8601
9045
|
"variant": {
|
|
8602
9046
|
"type": "enum",
|
|
@@ -8639,13 +9083,15 @@
|
|
|
8639
9083
|
"type": "boolean",
|
|
8640
9084
|
"platforms": [
|
|
8641
9085
|
"react"
|
|
8642
|
-
]
|
|
9086
|
+
],
|
|
9087
|
+
"default": false
|
|
8643
9088
|
},
|
|
8644
9089
|
"flyTo": {
|
|
8645
9090
|
"type": "boolean",
|
|
8646
9091
|
"platforms": [
|
|
8647
9092
|
"react"
|
|
8648
|
-
]
|
|
9093
|
+
],
|
|
9094
|
+
"default": false
|
|
8649
9095
|
},
|
|
8650
9096
|
"zoomInClick": {
|
|
8651
9097
|
"type": "function",
|
|
@@ -8672,11 +9118,6 @@
|
|
|
8672
9118
|
"import": "import { Map } from 'playbook-ui'",
|
|
8673
9119
|
"example": "<Map zoomBtns zoomInClick=\"() => handleZoomIn(mapInstance)\" zoomOutClick=\"() => handleZoomOut(mapInstance)\" />",
|
|
8674
9120
|
"preset": "Zoom Controls"
|
|
8675
|
-
},
|
|
8676
|
-
"rails": {
|
|
8677
|
-
"import": null,
|
|
8678
|
-
"example": "<%= pb_rails(\"map\", props: { zoom_btns: true }) %>",
|
|
8679
|
-
"preset": "Zoom Controls"
|
|
8680
9121
|
}
|
|
8681
9122
|
},
|
|
8682
9123
|
"category": "data_visualization",
|
|
@@ -8723,7 +9164,8 @@
|
|
|
8723
9164
|
"away",
|
|
8724
9165
|
"offline",
|
|
8725
9166
|
"online"
|
|
8726
|
-
]
|
|
9167
|
+
],
|
|
9168
|
+
"default": null
|
|
8727
9169
|
},
|
|
8728
9170
|
"avatarUrl": {
|
|
8729
9171
|
"type": "string",
|
|
@@ -9200,13 +9642,15 @@
|
|
|
9200
9642
|
"type": "boolean",
|
|
9201
9643
|
"platforms": [
|
|
9202
9644
|
"react"
|
|
9203
|
-
]
|
|
9645
|
+
],
|
|
9646
|
+
"default": false
|
|
9204
9647
|
},
|
|
9205
9648
|
"maxDisplayedUsers": {
|
|
9206
9649
|
"type": "number",
|
|
9207
9650
|
"platforms": [
|
|
9208
9651
|
"react"
|
|
9209
|
-
]
|
|
9652
|
+
],
|
|
9653
|
+
"default": 4
|
|
9210
9654
|
},
|
|
9211
9655
|
"reverse": {
|
|
9212
9656
|
"type": "boolean",
|
|
@@ -9222,14 +9666,20 @@
|
|
|
9222
9666
|
"react",
|
|
9223
9667
|
"rails"
|
|
9224
9668
|
],
|
|
9225
|
-
"values":
|
|
9226
|
-
"
|
|
9227
|
-
|
|
9228
|
-
|
|
9229
|
-
|
|
9230
|
-
|
|
9231
|
-
|
|
9232
|
-
|
|
9669
|
+
"values": {
|
|
9670
|
+
"react": [
|
|
9671
|
+
"md",
|
|
9672
|
+
"lg",
|
|
9673
|
+
"sm",
|
|
9674
|
+
"xl",
|
|
9675
|
+
"xs",
|
|
9676
|
+
"xxs"
|
|
9677
|
+
],
|
|
9678
|
+
"rails": [
|
|
9679
|
+
"xxs",
|
|
9680
|
+
"xs"
|
|
9681
|
+
]
|
|
9682
|
+
},
|
|
9233
9683
|
"default": "xs"
|
|
9234
9684
|
},
|
|
9235
9685
|
"withTooltip": {
|
|
@@ -9258,7 +9708,7 @@
|
|
|
9258
9708
|
},
|
|
9259
9709
|
"rails": {
|
|
9260
9710
|
"import": null,
|
|
9261
|
-
"example": "<%= pb_rails(\"multiple_users\", props: {
|
|
9711
|
+
"example": "<%= pb_rails(\"multiple_users\", props: { users: [{ name: \"Anna Black\", image_url: \"https://randomuser.me/api/portraits/women/44.jpg\" }, { name: \"Jordan Lee\", image_url: \"https://randomuser.me/api/portraits/men/32.jpg\" }, { name: \"Sam Rivera\", image_url: \"https://randomuser.me/api/portraits/women/68.jpg\" }, { name: \"Chris Patel\", image_url: \"https://randomuser.me/api/portraits/men/75.jpg\" }] }) %>",
|
|
9262
9712
|
"preset": "Size sm"
|
|
9263
9713
|
}
|
|
9264
9714
|
},
|
|
@@ -9278,7 +9728,8 @@
|
|
|
9278
9728
|
"type": "boolean",
|
|
9279
9729
|
"platforms": [
|
|
9280
9730
|
"react"
|
|
9281
|
-
]
|
|
9731
|
+
],
|
|
9732
|
+
"default": false
|
|
9282
9733
|
},
|
|
9283
9734
|
"size": {
|
|
9284
9735
|
"type": "enum",
|
|
@@ -9352,7 +9803,8 @@
|
|
|
9352
9803
|
"type": "boolean",
|
|
9353
9804
|
"platforms": [
|
|
9354
9805
|
"react"
|
|
9355
|
-
]
|
|
9806
|
+
],
|
|
9807
|
+
"default": false
|
|
9356
9808
|
},
|
|
9357
9809
|
"extendedUnderline": {
|
|
9358
9810
|
"type": "boolean",
|
|
@@ -9401,7 +9853,8 @@
|
|
|
9401
9853
|
"platforms": [
|
|
9402
9854
|
"react",
|
|
9403
9855
|
"rails"
|
|
9404
|
-
]
|
|
9856
|
+
],
|
|
9857
|
+
"default": ""
|
|
9405
9858
|
},
|
|
9406
9859
|
"variant": {
|
|
9407
9860
|
"type": "enum",
|
|
@@ -9497,6 +9950,7 @@
|
|
|
9497
9950
|
}
|
|
9498
9951
|
},
|
|
9499
9952
|
"globalProps": true,
|
|
9953
|
+
"globalEventProps": true,
|
|
9500
9954
|
"usage": {
|
|
9501
9955
|
"react": {
|
|
9502
9956
|
"import": "import { OnlineStatus } from 'playbook-ui'",
|
|
@@ -9527,16 +9981,24 @@
|
|
|
9527
9981
|
"react",
|
|
9528
9982
|
"rails"
|
|
9529
9983
|
],
|
|
9530
|
-
"values":
|
|
9531
|
-
"
|
|
9532
|
-
|
|
9533
|
-
|
|
9534
|
-
|
|
9535
|
-
|
|
9536
|
-
|
|
9537
|
-
|
|
9538
|
-
|
|
9539
|
-
|
|
9984
|
+
"values": {
|
|
9985
|
+
"react": [
|
|
9986
|
+
"card_light",
|
|
9987
|
+
"bg_light",
|
|
9988
|
+
"card_dark",
|
|
9989
|
+
"bg_dark",
|
|
9990
|
+
"black",
|
|
9991
|
+
"white",
|
|
9992
|
+
"success",
|
|
9993
|
+
"error"
|
|
9994
|
+
],
|
|
9995
|
+
"rails": [
|
|
9996
|
+
"card_light",
|
|
9997
|
+
"bg_light",
|
|
9998
|
+
"card_dark",
|
|
9999
|
+
"bg_dark"
|
|
10000
|
+
]
|
|
10001
|
+
},
|
|
9540
10002
|
"default": "card_light"
|
|
9541
10003
|
},
|
|
9542
10004
|
"dynamic": {
|
|
@@ -9554,7 +10016,8 @@
|
|
|
9554
10016
|
"type": "boolean",
|
|
9555
10017
|
"platforms": [
|
|
9556
10018
|
"react"
|
|
9557
|
-
]
|
|
10019
|
+
],
|
|
10020
|
+
"default": true
|
|
9558
10021
|
},
|
|
9559
10022
|
"position": {
|
|
9560
10023
|
"type": "string",
|
|
@@ -9580,7 +10043,8 @@
|
|
|
9580
10043
|
"type": "boolean",
|
|
9581
10044
|
"platforms": [
|
|
9582
10045
|
"react"
|
|
9583
|
-
]
|
|
10046
|
+
],
|
|
10047
|
+
"default": false
|
|
9584
10048
|
},
|
|
9585
10049
|
"layout": {
|
|
9586
10050
|
"type": "GenericObject",
|
|
@@ -9637,7 +10101,8 @@
|
|
|
9637
10101
|
"type": "number",
|
|
9638
10102
|
"platforms": [
|
|
9639
10103
|
"react"
|
|
9640
|
-
]
|
|
10104
|
+
],
|
|
10105
|
+
"default": 1
|
|
9641
10106
|
},
|
|
9642
10107
|
"onChange": {
|
|
9643
10108
|
"type": "function",
|
|
@@ -9649,13 +10114,15 @@
|
|
|
9649
10114
|
"type": "number",
|
|
9650
10115
|
"platforms": [
|
|
9651
10116
|
"react"
|
|
9652
|
-
]
|
|
10117
|
+
],
|
|
10118
|
+
"default": 5
|
|
9653
10119
|
},
|
|
9654
10120
|
"total": {
|
|
9655
10121
|
"type": "number",
|
|
9656
10122
|
"platforms": [
|
|
9657
10123
|
"react"
|
|
9658
|
-
]
|
|
10124
|
+
],
|
|
10125
|
+
"default": 1
|
|
9659
10126
|
},
|
|
9660
10127
|
"model": {
|
|
9661
10128
|
"platforms": [
|
|
@@ -9705,14 +10172,16 @@
|
|
|
9705
10172
|
"type": "boolean",
|
|
9706
10173
|
"platforms": [
|
|
9707
10174
|
"react"
|
|
9708
|
-
]
|
|
10175
|
+
],
|
|
10176
|
+
"default": false
|
|
9709
10177
|
},
|
|
9710
10178
|
"inputProps": {
|
|
9711
10179
|
"type": "GenericObject",
|
|
9712
10180
|
"platforms": [
|
|
9713
10181
|
"react",
|
|
9714
10182
|
"rails"
|
|
9715
|
-
]
|
|
10183
|
+
],
|
|
10184
|
+
"default": {}
|
|
9716
10185
|
},
|
|
9717
10186
|
"label": {
|
|
9718
10187
|
"type": "string",
|
|
@@ -9756,20 +10225,23 @@
|
|
|
9756
10225
|
"platforms": [
|
|
9757
10226
|
"react",
|
|
9758
10227
|
"rails"
|
|
9759
|
-
]
|
|
10228
|
+
],
|
|
10229
|
+
"default": []
|
|
9760
10230
|
},
|
|
9761
10231
|
"uncontrolled": {
|
|
9762
10232
|
"type": "boolean",
|
|
9763
10233
|
"platforms": [
|
|
9764
10234
|
"react"
|
|
9765
|
-
]
|
|
10235
|
+
],
|
|
10236
|
+
"default": false
|
|
9766
10237
|
},
|
|
9767
10238
|
"value": {
|
|
9768
10239
|
"type": "string",
|
|
9769
10240
|
"platforms": [
|
|
9770
10241
|
"react",
|
|
9771
10242
|
"rails"
|
|
9772
|
-
]
|
|
10243
|
+
],
|
|
10244
|
+
"default": ""
|
|
9773
10245
|
},
|
|
9774
10246
|
"required": {
|
|
9775
10247
|
"platforms": [
|
|
@@ -9899,7 +10371,8 @@
|
|
|
9899
10371
|
"platforms": [
|
|
9900
10372
|
"react",
|
|
9901
10373
|
"rails"
|
|
9902
|
-
]
|
|
10374
|
+
],
|
|
10375
|
+
"default": {}
|
|
9903
10376
|
}
|
|
9904
10377
|
},
|
|
9905
10378
|
"globalProps": true,
|
|
@@ -9994,6 +10467,7 @@
|
|
|
9994
10467
|
}
|
|
9995
10468
|
},
|
|
9996
10469
|
"globalProps": true,
|
|
10470
|
+
"globalEventProps": true,
|
|
9997
10471
|
"usage": {
|
|
9998
10472
|
"react": {
|
|
9999
10473
|
"import": "import { Person } from 'playbook-ui'",
|
|
@@ -10037,7 +10511,8 @@
|
|
|
10037
10511
|
"platforms": [
|
|
10038
10512
|
"react",
|
|
10039
10513
|
"rails"
|
|
10040
|
-
]
|
|
10514
|
+
],
|
|
10515
|
+
"default": []
|
|
10041
10516
|
}
|
|
10042
10517
|
},
|
|
10043
10518
|
"globalProps": true,
|
|
@@ -10144,21 +10619,24 @@
|
|
|
10144
10619
|
"platforms": [
|
|
10145
10620
|
"react",
|
|
10146
10621
|
"rails"
|
|
10147
|
-
]
|
|
10622
|
+
],
|
|
10623
|
+
"default": []
|
|
10148
10624
|
},
|
|
10149
10625
|
"excludeCountries": {
|
|
10150
10626
|
"type": "array",
|
|
10151
10627
|
"platforms": [
|
|
10152
10628
|
"react",
|
|
10153
10629
|
"rails"
|
|
10154
|
-
]
|
|
10630
|
+
],
|
|
10631
|
+
"default": []
|
|
10155
10632
|
},
|
|
10156
10633
|
"preferredCountries": {
|
|
10157
10634
|
"type": "array",
|
|
10158
10635
|
"platforms": [
|
|
10159
10636
|
"react",
|
|
10160
10637
|
"rails"
|
|
10161
|
-
]
|
|
10638
|
+
],
|
|
10639
|
+
"default": []
|
|
10162
10640
|
},
|
|
10163
10641
|
"required": {
|
|
10164
10642
|
"type": "boolean",
|
|
@@ -10519,6 +10997,7 @@
|
|
|
10519
10997
|
}
|
|
10520
10998
|
},
|
|
10521
10999
|
"globalProps": true,
|
|
11000
|
+
"globalEventProps": true,
|
|
10522
11001
|
"usage": {
|
|
10523
11002
|
"react": {
|
|
10524
11003
|
"import": "import { Pill } from 'playbook-ui'",
|
|
@@ -10557,12 +11036,22 @@
|
|
|
10557
11036
|
"react",
|
|
10558
11037
|
"rails"
|
|
10559
11038
|
],
|
|
10560
|
-
"values":
|
|
10561
|
-
"
|
|
10562
|
-
|
|
10563
|
-
|
|
10564
|
-
|
|
10565
|
-
|
|
11039
|
+
"values": {
|
|
11040
|
+
"react": [
|
|
11041
|
+
"outside",
|
|
11042
|
+
"inside",
|
|
11043
|
+
"any"
|
|
11044
|
+
],
|
|
11045
|
+
"rails": [
|
|
11046
|
+
"none",
|
|
11047
|
+
"outside",
|
|
11048
|
+
"inside",
|
|
11049
|
+
"any"
|
|
11050
|
+
]
|
|
11051
|
+
},
|
|
11052
|
+
"default": {
|
|
11053
|
+
"rails": "none"
|
|
11054
|
+
}
|
|
10566
11055
|
},
|
|
10567
11056
|
"offset": {
|
|
10568
11057
|
"type": "boolean",
|
|
@@ -10589,8 +11078,7 @@
|
|
|
10589
11078
|
"type": "function",
|
|
10590
11079
|
"platforms": [
|
|
10591
11080
|
"react"
|
|
10592
|
-
]
|
|
10593
|
-
"default": "noop"
|
|
11081
|
+
]
|
|
10594
11082
|
},
|
|
10595
11083
|
"position": {
|
|
10596
11084
|
"platforms": [
|
|
@@ -10692,7 +11180,8 @@
|
|
|
10692
11180
|
"type": "boolean",
|
|
10693
11181
|
"platforms": [
|
|
10694
11182
|
"react"
|
|
10695
|
-
]
|
|
11183
|
+
],
|
|
11184
|
+
"default": false
|
|
10696
11185
|
},
|
|
10697
11186
|
"fullWidthPill": {
|
|
10698
11187
|
"type": "boolean",
|
|
@@ -10767,7 +11256,8 @@
|
|
|
10767
11256
|
"type": "boolean",
|
|
10768
11257
|
"platforms": [
|
|
10769
11258
|
"react"
|
|
10770
|
-
]
|
|
11259
|
+
],
|
|
11260
|
+
"default": false
|
|
10771
11261
|
},
|
|
10772
11262
|
"max": {
|
|
10773
11263
|
"type": "number",
|
|
@@ -10789,7 +11279,8 @@
|
|
|
10789
11279
|
"platforms": [
|
|
10790
11280
|
"react",
|
|
10791
11281
|
"rails"
|
|
10792
|
-
]
|
|
11282
|
+
],
|
|
11283
|
+
"default": ""
|
|
10793
11284
|
},
|
|
10794
11285
|
"value": {
|
|
10795
11286
|
"type": "number",
|
|
@@ -11057,32 +11548,37 @@
|
|
|
11057
11548
|
"type": "boolean",
|
|
11058
11549
|
"platforms": [
|
|
11059
11550
|
"react"
|
|
11060
|
-
]
|
|
11551
|
+
],
|
|
11552
|
+
"default": true
|
|
11061
11553
|
},
|
|
11062
11554
|
"toolbarBottom": {
|
|
11063
11555
|
"type": "boolean",
|
|
11064
11556
|
"platforms": [
|
|
11065
11557
|
"react"
|
|
11066
|
-
]
|
|
11558
|
+
],
|
|
11559
|
+
"default": false
|
|
11067
11560
|
},
|
|
11068
11561
|
"focus": {
|
|
11069
11562
|
"type": "boolean",
|
|
11070
11563
|
"platforms": [
|
|
11071
11564
|
"react"
|
|
11072
|
-
]
|
|
11565
|
+
],
|
|
11566
|
+
"default": false
|
|
11073
11567
|
},
|
|
11074
11568
|
"inputOptions": {
|
|
11075
11569
|
"type": "GenericObject",
|
|
11076
11570
|
"platforms": [
|
|
11077
11571
|
"react",
|
|
11078
11572
|
"rails"
|
|
11079
|
-
]
|
|
11573
|
+
],
|
|
11574
|
+
"default": {}
|
|
11080
11575
|
},
|
|
11081
11576
|
"inline": {
|
|
11082
11577
|
"type": "boolean",
|
|
11083
11578
|
"platforms": [
|
|
11084
11579
|
"react"
|
|
11085
|
-
]
|
|
11580
|
+
],
|
|
11581
|
+
"default": false
|
|
11086
11582
|
},
|
|
11087
11583
|
"label": {
|
|
11088
11584
|
"type": "string",
|
|
@@ -11177,26 +11673,30 @@
|
|
|
11177
11673
|
"type": "boolean",
|
|
11178
11674
|
"platforms": [
|
|
11179
11675
|
"react"
|
|
11180
|
-
]
|
|
11676
|
+
],
|
|
11677
|
+
"default": false
|
|
11181
11678
|
},
|
|
11182
11679
|
"template": {
|
|
11183
11680
|
"type": "string",
|
|
11184
11681
|
"platforms": [
|
|
11185
11682
|
"react"
|
|
11186
|
-
]
|
|
11683
|
+
],
|
|
11684
|
+
"default": ""
|
|
11187
11685
|
},
|
|
11188
11686
|
"value": {
|
|
11189
11687
|
"type": "string",
|
|
11190
11688
|
"platforms": [
|
|
11191
11689
|
"react",
|
|
11192
11690
|
"rails"
|
|
11193
|
-
]
|
|
11691
|
+
],
|
|
11692
|
+
"default": ""
|
|
11194
11693
|
},
|
|
11195
11694
|
"maxWidth": {
|
|
11196
11695
|
"type": "string",
|
|
11197
11696
|
"platforms": [
|
|
11198
11697
|
"react"
|
|
11199
|
-
]
|
|
11698
|
+
],
|
|
11699
|
+
"default": "md"
|
|
11200
11700
|
},
|
|
11201
11701
|
"TrixEditor": {
|
|
11202
11702
|
"type": "ReactNode",
|
|
@@ -11237,7 +11737,7 @@
|
|
|
11237
11737
|
"prosemirror-model"
|
|
11238
11738
|
],
|
|
11239
11739
|
"optional": true,
|
|
11240
|
-
"note": "Default React editor uses Trix (pass TrixEditor from react-trix). Advanced React editor uses TipTap, and the host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails
|
|
11740
|
+
"note": "Default React editor uses Trix (pass TrixEditor from react-trix). Advanced React editor uses TipTap, and the host app must already have the needed packages installed. Agents must not install packages — tell the user if they are missing. Rails bundles TipTap in playbook-rails.js (no host packages needed) and accepts only these extension strings: underline, text_align, horizontal_rule, image."
|
|
11241
11741
|
}
|
|
11242
11742
|
},
|
|
11243
11743
|
"section_separator": {
|
|
@@ -11798,7 +12298,8 @@
|
|
|
11798
12298
|
"type": "boolean",
|
|
11799
12299
|
"platforms": [
|
|
11800
12300
|
"react"
|
|
11801
|
-
]
|
|
12301
|
+
],
|
|
12302
|
+
"default": false
|
|
11802
12303
|
},
|
|
11803
12304
|
"disabled": {
|
|
11804
12305
|
"type": "boolean",
|
|
@@ -11829,7 +12330,8 @@
|
|
|
11829
12330
|
"platforms": [
|
|
11830
12331
|
"react",
|
|
11831
12332
|
"rails"
|
|
11832
|
-
]
|
|
12333
|
+
],
|
|
12334
|
+
"default": null
|
|
11833
12335
|
},
|
|
11834
12336
|
"multi": {
|
|
11835
12337
|
"type": "boolean",
|
|
@@ -11937,7 +12439,8 @@
|
|
|
11937
12439
|
"type": "boolean",
|
|
11938
12440
|
"platforms": [
|
|
11939
12441
|
"react"
|
|
11940
|
-
]
|
|
12442
|
+
],
|
|
12443
|
+
"default": false
|
|
11941
12444
|
},
|
|
11942
12445
|
"disabled": {
|
|
11943
12446
|
"type": "boolean",
|
|
@@ -12360,10 +12863,12 @@
|
|
|
12360
12863
|
"platforms": [
|
|
12361
12864
|
"react",
|
|
12362
12865
|
"rails"
|
|
12363
|
-
]
|
|
12866
|
+
],
|
|
12867
|
+
"default": {}
|
|
12364
12868
|
}
|
|
12365
12869
|
},
|
|
12366
12870
|
"globalProps": true,
|
|
12871
|
+
"globalEventProps": true,
|
|
12367
12872
|
"usage": {
|
|
12368
12873
|
"react": {
|
|
12369
12874
|
"import": "import { Source } from 'playbook-ui'",
|
|
@@ -12392,7 +12897,8 @@
|
|
|
12392
12897
|
"type": "boolean",
|
|
12393
12898
|
"platforms": [
|
|
12394
12899
|
"react"
|
|
12395
|
-
]
|
|
12900
|
+
],
|
|
12901
|
+
"default": false
|
|
12396
12902
|
},
|
|
12397
12903
|
"fixedWidth": {
|
|
12398
12904
|
"type": "boolean",
|
|
@@ -12448,12 +12954,19 @@
|
|
|
12448
12954
|
"react",
|
|
12449
12955
|
"rails"
|
|
12450
12956
|
],
|
|
12451
|
-
"values":
|
|
12452
|
-
"
|
|
12453
|
-
|
|
12454
|
-
|
|
12455
|
-
|
|
12456
|
-
|
|
12957
|
+
"values": {
|
|
12958
|
+
"react": [
|
|
12959
|
+
"yellow",
|
|
12960
|
+
"primary",
|
|
12961
|
+
"subtle",
|
|
12962
|
+
"outline"
|
|
12963
|
+
],
|
|
12964
|
+
"rails": [
|
|
12965
|
+
"yellow",
|
|
12966
|
+
"primary",
|
|
12967
|
+
"subtle"
|
|
12968
|
+
]
|
|
12969
|
+
},
|
|
12457
12970
|
"default": "yellow"
|
|
12458
12971
|
},
|
|
12459
12972
|
"backgroundType": {
|
|
@@ -12743,7 +13256,8 @@
|
|
|
12743
13256
|
"type": "boolean",
|
|
12744
13257
|
"platforms": [
|
|
12745
13258
|
"react"
|
|
12746
|
-
]
|
|
13259
|
+
],
|
|
13260
|
+
"default": false
|
|
12747
13261
|
},
|
|
12748
13262
|
"icon": {
|
|
12749
13263
|
"type": "string",
|
|
@@ -12764,6 +13278,7 @@
|
|
|
12764
13278
|
}
|
|
12765
13279
|
},
|
|
12766
13280
|
"globalProps": true,
|
|
13281
|
+
"globalEventProps": true,
|
|
12767
13282
|
"usage": {
|
|
12768
13283
|
"react": {
|
|
12769
13284
|
"import": "import { StatChange } from 'playbook-ui'",
|
|
@@ -12803,7 +13318,8 @@
|
|
|
12803
13318
|
"platforms": [
|
|
12804
13319
|
"react",
|
|
12805
13320
|
"rails"
|
|
12806
|
-
]
|
|
13321
|
+
],
|
|
13322
|
+
"default": 0
|
|
12807
13323
|
},
|
|
12808
13324
|
"precision": {
|
|
12809
13325
|
"platforms": [
|
|
@@ -12843,7 +13359,8 @@
|
|
|
12843
13359
|
"platforms": [
|
|
12844
13360
|
"react",
|
|
12845
13361
|
"rails"
|
|
12846
|
-
]
|
|
13362
|
+
],
|
|
13363
|
+
"default": {}
|
|
12847
13364
|
},
|
|
12848
13365
|
"collapse": {
|
|
12849
13366
|
"type": "enum",
|
|
@@ -12893,7 +13410,8 @@
|
|
|
12893
13410
|
"platforms": [
|
|
12894
13411
|
"react",
|
|
12895
13412
|
"rails"
|
|
12896
|
-
]
|
|
13413
|
+
],
|
|
13414
|
+
"default": {}
|
|
12897
13415
|
},
|
|
12898
13416
|
"filterContent": {
|
|
12899
13417
|
"type": "any",
|
|
@@ -12930,7 +13448,10 @@
|
|
|
12930
13448
|
"lg",
|
|
12931
13449
|
"xl"
|
|
12932
13450
|
],
|
|
12933
|
-
"default":
|
|
13451
|
+
"default": {
|
|
13452
|
+
"react": "",
|
|
13453
|
+
"rails": null
|
|
13454
|
+
}
|
|
12934
13455
|
},
|
|
12935
13456
|
"pagination": {
|
|
12936
13457
|
"type": "ReactNode",
|
|
@@ -12963,7 +13484,10 @@
|
|
|
12963
13484
|
"md",
|
|
12964
13485
|
"lg"
|
|
12965
13486
|
],
|
|
12966
|
-
"default":
|
|
13487
|
+
"default": {
|
|
13488
|
+
"react": "sm",
|
|
13489
|
+
"rails": "md"
|
|
13490
|
+
}
|
|
12967
13491
|
},
|
|
12968
13492
|
"sticky": {
|
|
12969
13493
|
"type": "boolean",
|
|
@@ -12978,14 +13502,16 @@
|
|
|
12978
13502
|
"platforms": [
|
|
12979
13503
|
"react",
|
|
12980
13504
|
"rails"
|
|
12981
|
-
]
|
|
13505
|
+
],
|
|
13506
|
+
"default": []
|
|
12982
13507
|
},
|
|
12983
13508
|
"stickyRightColumn": {
|
|
12984
13509
|
"type": "array",
|
|
12985
13510
|
"platforms": [
|
|
12986
13511
|
"react",
|
|
12987
13512
|
"rails"
|
|
12988
|
-
]
|
|
13513
|
+
],
|
|
13514
|
+
"default": []
|
|
12989
13515
|
},
|
|
12990
13516
|
"striped": {
|
|
12991
13517
|
"type": "boolean",
|
|
@@ -13020,7 +13546,8 @@
|
|
|
13020
13546
|
"platforms": [
|
|
13021
13547
|
"react",
|
|
13022
13548
|
"rails"
|
|
13023
|
-
]
|
|
13549
|
+
],
|
|
13550
|
+
"default": {}
|
|
13024
13551
|
},
|
|
13025
13552
|
"variant": {
|
|
13026
13553
|
"type": "enum",
|
|
@@ -13028,10 +13555,16 @@
|
|
|
13028
13555
|
"react",
|
|
13029
13556
|
"rails"
|
|
13030
13557
|
],
|
|
13031
|
-
"values":
|
|
13032
|
-
"
|
|
13033
|
-
|
|
13034
|
-
|
|
13558
|
+
"values": {
|
|
13559
|
+
"react": [
|
|
13560
|
+
"default",
|
|
13561
|
+
"withFilter"
|
|
13562
|
+
],
|
|
13563
|
+
"rails": [
|
|
13564
|
+
"default",
|
|
13565
|
+
"with_filter"
|
|
13566
|
+
]
|
|
13567
|
+
},
|
|
13035
13568
|
"default": "default"
|
|
13036
13569
|
},
|
|
13037
13570
|
"contrastBorder": {
|
|
@@ -13096,7 +13629,8 @@
|
|
|
13096
13629
|
"type": "boolean",
|
|
13097
13630
|
"platforms": [
|
|
13098
13631
|
"react"
|
|
13099
|
-
]
|
|
13632
|
+
],
|
|
13633
|
+
"default": false
|
|
13100
13634
|
},
|
|
13101
13635
|
"disabled": {
|
|
13102
13636
|
"type": "boolean",
|
|
@@ -13149,12 +13683,22 @@
|
|
|
13149
13683
|
"react",
|
|
13150
13684
|
"rails"
|
|
13151
13685
|
],
|
|
13152
|
-
"values":
|
|
13153
|
-
"
|
|
13154
|
-
|
|
13155
|
-
|
|
13156
|
-
|
|
13157
|
-
|
|
13686
|
+
"values": {
|
|
13687
|
+
"react": [
|
|
13688
|
+
"currency",
|
|
13689
|
+
"zipCode",
|
|
13690
|
+
"postalCode",
|
|
13691
|
+
"ssn"
|
|
13692
|
+
],
|
|
13693
|
+
"rails": [
|
|
13694
|
+
"currency",
|
|
13695
|
+
"zip_code",
|
|
13696
|
+
"postal_code",
|
|
13697
|
+
"ssn",
|
|
13698
|
+
"credit_card",
|
|
13699
|
+
"cvv"
|
|
13700
|
+
]
|
|
13701
|
+
},
|
|
13158
13702
|
"default": null
|
|
13159
13703
|
},
|
|
13160
13704
|
"onChange": {
|
|
@@ -13199,7 +13743,8 @@
|
|
|
13199
13743
|
"platforms": [
|
|
13200
13744
|
"react",
|
|
13201
13745
|
"rails"
|
|
13202
|
-
]
|
|
13746
|
+
],
|
|
13747
|
+
"default": ""
|
|
13203
13748
|
},
|
|
13204
13749
|
"addOn": {
|
|
13205
13750
|
"type": {
|
|
@@ -13215,7 +13760,8 @@
|
|
|
13215
13760
|
"type": "boolean | string",
|
|
13216
13761
|
"platforms": [
|
|
13217
13762
|
"react"
|
|
13218
|
-
]
|
|
13763
|
+
],
|
|
13764
|
+
"default": true
|
|
13219
13765
|
},
|
|
13220
13766
|
"autocomplete": {
|
|
13221
13767
|
"platforms": [
|
|
@@ -14164,10 +14710,18 @@
|
|
|
14164
14710
|
"react",
|
|
14165
14711
|
"rails"
|
|
14166
14712
|
],
|
|
14167
|
-
"values":
|
|
14168
|
-
"
|
|
14169
|
-
|
|
14170
|
-
|
|
14713
|
+
"values": {
|
|
14714
|
+
"react": [
|
|
14715
|
+
"md",
|
|
14716
|
+
"sm"
|
|
14717
|
+
],
|
|
14718
|
+
"rails": [
|
|
14719
|
+
"xs",
|
|
14720
|
+
"sm",
|
|
14721
|
+
"md",
|
|
14722
|
+
"lg"
|
|
14723
|
+
]
|
|
14724
|
+
},
|
|
14171
14725
|
"default": "sm"
|
|
14172
14726
|
},
|
|
14173
14727
|
"showTimezone": {
|
|
@@ -14264,7 +14818,8 @@
|
|
|
14264
14818
|
"platforms": [
|
|
14265
14819
|
"react",
|
|
14266
14820
|
"rails"
|
|
14267
|
-
]
|
|
14821
|
+
],
|
|
14822
|
+
"default": {}
|
|
14268
14823
|
},
|
|
14269
14824
|
"label": {
|
|
14270
14825
|
"type": "string",
|
|
@@ -14561,11 +15116,18 @@
|
|
|
14561
15116
|
"react",
|
|
14562
15117
|
"rails"
|
|
14563
15118
|
],
|
|
14564
|
-
"values":
|
|
14565
|
-
"
|
|
14566
|
-
|
|
14567
|
-
|
|
14568
|
-
|
|
15119
|
+
"values": {
|
|
15120
|
+
"react": [
|
|
15121
|
+
"left",
|
|
15122
|
+
"center",
|
|
15123
|
+
"vertical"
|
|
15124
|
+
],
|
|
15125
|
+
"rails": [
|
|
15126
|
+
"left",
|
|
15127
|
+
"center",
|
|
15128
|
+
"right"
|
|
15129
|
+
]
|
|
15130
|
+
},
|
|
14569
15131
|
"default": "left"
|
|
14570
15132
|
},
|
|
14571
15133
|
"size": {
|
|
@@ -14620,6 +15182,7 @@
|
|
|
14620
15182
|
}
|
|
14621
15183
|
},
|
|
14622
15184
|
"globalProps": true,
|
|
15185
|
+
"globalEventProps": true,
|
|
14623
15186
|
"usage": {
|
|
14624
15187
|
"react": {
|
|
14625
15188
|
"import": "import { TimeRangeInline } from 'playbook-ui'",
|
|
@@ -14690,6 +15253,7 @@
|
|
|
14690
15253
|
}
|
|
14691
15254
|
},
|
|
14692
15255
|
"globalProps": true,
|
|
15256
|
+
"globalEventProps": true,
|
|
14693
15257
|
"usage": {
|
|
14694
15258
|
"react": {
|
|
14695
15259
|
"import": "import { TimeStacked } from 'playbook-ui'",
|
|
@@ -14892,6 +15456,7 @@
|
|
|
14892
15456
|
}
|
|
14893
15457
|
},
|
|
14894
15458
|
"globalProps": true,
|
|
15459
|
+
"globalEventProps": true,
|
|
14895
15460
|
"usage": {
|
|
14896
15461
|
"react": {
|
|
14897
15462
|
"import": "import { Timestamp } from 'playbook-ui'",
|
|
@@ -14970,16 +15535,29 @@
|
|
|
14970
15535
|
"react",
|
|
14971
15536
|
"rails"
|
|
14972
15537
|
],
|
|
14973
|
-
"values":
|
|
14974
|
-
"
|
|
14975
|
-
|
|
14976
|
-
|
|
14977
|
-
|
|
14978
|
-
|
|
14979
|
-
|
|
14980
|
-
|
|
14981
|
-
|
|
14982
|
-
|
|
15538
|
+
"values": {
|
|
15539
|
+
"react": [
|
|
15540
|
+
"h1",
|
|
15541
|
+
"h2",
|
|
15542
|
+
"h3",
|
|
15543
|
+
"h4",
|
|
15544
|
+
"h5",
|
|
15545
|
+
"h6",
|
|
15546
|
+
"div",
|
|
15547
|
+
"span"
|
|
15548
|
+
],
|
|
15549
|
+
"rails": [
|
|
15550
|
+
"h1",
|
|
15551
|
+
"h2",
|
|
15552
|
+
"h3",
|
|
15553
|
+
"h4",
|
|
15554
|
+
"h5",
|
|
15555
|
+
"h6",
|
|
15556
|
+
"p",
|
|
15557
|
+
"div",
|
|
15558
|
+
"span"
|
|
15559
|
+
]
|
|
15560
|
+
},
|
|
14983
15561
|
"default": "h3"
|
|
14984
15562
|
},
|
|
14985
15563
|
"text": {
|
|
@@ -15051,7 +15629,8 @@
|
|
|
15051
15629
|
"type": "boolean",
|
|
15052
15630
|
"platforms": [
|
|
15053
15631
|
"react"
|
|
15054
|
-
]
|
|
15632
|
+
],
|
|
15633
|
+
"default": false
|
|
15055
15634
|
},
|
|
15056
15635
|
"title": {
|
|
15057
15636
|
"type": "string",
|
|
@@ -15245,7 +15824,8 @@
|
|
|
15245
15824
|
"type": "number | Partial<{open: number; close: number}>",
|
|
15246
15825
|
"platforms": [
|
|
15247
15826
|
"react"
|
|
15248
|
-
]
|
|
15827
|
+
],
|
|
15828
|
+
"default": 0
|
|
15249
15829
|
},
|
|
15250
15830
|
"height": {
|
|
15251
15831
|
"type": "string",
|
|
@@ -15258,7 +15838,8 @@
|
|
|
15258
15838
|
"type": "string",
|
|
15259
15839
|
"platforms": [
|
|
15260
15840
|
"react"
|
|
15261
|
-
]
|
|
15841
|
+
],
|
|
15842
|
+
"default": null
|
|
15262
15843
|
},
|
|
15263
15844
|
"interaction": {
|
|
15264
15845
|
"type": "boolean",
|
|
@@ -15311,7 +15892,8 @@
|
|
|
15311
15892
|
"values": [
|
|
15312
15893
|
"absolute",
|
|
15313
15894
|
"fixed"
|
|
15314
|
-
]
|
|
15895
|
+
],
|
|
15896
|
+
"default": "absolute"
|
|
15315
15897
|
},
|
|
15316
15898
|
"text": {
|
|
15317
15899
|
"type": "string",
|
|
@@ -15330,13 +15912,15 @@
|
|
|
15330
15912
|
"type": "boolean",
|
|
15331
15913
|
"platforms": [
|
|
15332
15914
|
"react"
|
|
15333
|
-
]
|
|
15915
|
+
],
|
|
15916
|
+
"default": true
|
|
15334
15917
|
},
|
|
15335
15918
|
"forceOpenTooltip": {
|
|
15336
15919
|
"type": "boolean",
|
|
15337
15920
|
"platforms": [
|
|
15338
15921
|
"react"
|
|
15339
|
-
]
|
|
15922
|
+
],
|
|
15923
|
+
"default": false
|
|
15340
15924
|
},
|
|
15341
15925
|
"dark": {
|
|
15342
15926
|
"platforms": [
|
|
@@ -15622,7 +16206,7 @@
|
|
|
15622
16206
|
],
|
|
15623
16207
|
"default": false
|
|
15624
16208
|
},
|
|
15625
|
-
"
|
|
16209
|
+
"externalDragHandle": {
|
|
15626
16210
|
"type": "boolean",
|
|
15627
16211
|
"platforms": [
|
|
15628
16212
|
"react",
|
|
@@ -15630,13 +16214,13 @@
|
|
|
15630
16214
|
],
|
|
15631
16215
|
"default": false
|
|
15632
16216
|
},
|
|
15633
|
-
"
|
|
16217
|
+
"showPillIndex": {
|
|
15634
16218
|
"type": "boolean",
|
|
15635
16219
|
"platforms": [
|
|
15636
16220
|
"react",
|
|
15637
16221
|
"rails"
|
|
15638
16222
|
],
|
|
15639
|
-
"default":
|
|
16223
|
+
"default": false
|
|
15640
16224
|
},
|
|
15641
16225
|
"styles": {
|
|
15642
16226
|
"type": "TypeaheadStylesConfig",
|
|
@@ -15980,7 +16564,8 @@
|
|
|
15980
16564
|
"type": "boolean",
|
|
15981
16565
|
"platforms": [
|
|
15982
16566
|
"react"
|
|
15983
|
-
]
|
|
16567
|
+
],
|
|
16568
|
+
"default": false
|
|
15984
16569
|
},
|
|
15985
16570
|
"avatarGrayscale": {
|
|
15986
16571
|
"type": "boolean",
|
|
@@ -16048,14 +16633,16 @@
|
|
|
16048
16633
|
"platforms": [
|
|
16049
16634
|
"react",
|
|
16050
16635
|
"rails"
|
|
16051
|
-
]
|
|
16636
|
+
],
|
|
16637
|
+
"default": ""
|
|
16052
16638
|
},
|
|
16053
16639
|
"title": {
|
|
16054
16640
|
"type": "string",
|
|
16055
16641
|
"platforms": [
|
|
16056
16642
|
"react",
|
|
16057
16643
|
"rails"
|
|
16058
|
-
]
|
|
16644
|
+
],
|
|
16645
|
+
"default": ""
|
|
16059
16646
|
},
|
|
16060
16647
|
"titleStyle": {
|
|
16061
16648
|
"type": "enum",
|
|
@@ -16063,16 +16650,24 @@
|
|
|
16063
16650
|
"react",
|
|
16064
16651
|
"rails"
|
|
16065
16652
|
],
|
|
16066
|
-
"values":
|
|
16067
|
-
"
|
|
16068
|
-
|
|
16069
|
-
|
|
16070
|
-
|
|
16071
|
-
|
|
16653
|
+
"values": {
|
|
16654
|
+
"react": [
|
|
16655
|
+
"title",
|
|
16656
|
+
"body",
|
|
16657
|
+
"caption",
|
|
16658
|
+
"detail"
|
|
16659
|
+
],
|
|
16660
|
+
"rails": [
|
|
16661
|
+
"body",
|
|
16662
|
+
"caption",
|
|
16663
|
+
"detail"
|
|
16664
|
+
]
|
|
16665
|
+
},
|
|
16072
16666
|
"default": "body"
|
|
16073
16667
|
}
|
|
16074
16668
|
},
|
|
16075
16669
|
"globalProps": true,
|
|
16670
|
+
"globalEventProps": true,
|
|
16076
16671
|
"usage": {
|
|
16077
16672
|
"react": {
|
|
16078
16673
|
"import": "import { User } from 'playbook-ui'",
|
|
@@ -16124,6 +16719,7 @@
|
|
|
16124
16719
|
}
|
|
16125
16720
|
},
|
|
16126
16721
|
"globalProps": true,
|
|
16722
|
+
"globalEventProps": true,
|
|
16127
16723
|
"usage": {
|
|
16128
16724
|
"react": {
|
|
16129
16725
|
"import": "import { UserBadge } from 'playbook-ui'",
|
|
@@ -16165,7 +16761,8 @@
|
|
|
16165
16761
|
"type": "boolean",
|
|
16166
16762
|
"platforms": [
|
|
16167
16763
|
"react"
|
|
16168
|
-
]
|
|
16764
|
+
],
|
|
16765
|
+
"default": false
|
|
16169
16766
|
},
|
|
16170
16767
|
"date": {
|
|
16171
16768
|
"type": "Date",
|
|
@@ -16197,6 +16794,7 @@
|
|
|
16197
16794
|
}
|
|
16198
16795
|
},
|
|
16199
16796
|
"globalProps": true,
|
|
16797
|
+
"globalEventProps": true,
|
|
16200
16798
|
"usage": {
|
|
16201
16799
|
"react": {
|
|
16202
16800
|
"import": "import { WeekdayStacked } from 'playbook-ui'",
|