playbook_ui_docs 14.15.0.pre.alpha.PBNTR902multilevelselecthiddeninputbug6580 → 14.15.0.pre.alpha.PBNTR8996733
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/docs/_advanced_table_collapsible_trail.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx +3 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx +8 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx +102 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md +4 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +2 -2
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx +3 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx +1 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +2 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +2 -1
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx +1 -1
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx +1 -1
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx +1 -1
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx +1 -1
- data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx +1 -1
- data/app/pb_kits/playbook/pb_background/docs/_background_category.jsx +2 -2
- data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +1 -1
- data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +6 -2
- data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +1 -1
- data/app/pb_kits/playbook/pb_background/docs/_background_size.jsx +1 -1
- data/app/pb_kits/playbook/pb_background/docs/_background_status.jsx +2 -2
- data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx +2 -2
- data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +1 -1
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +1 -1
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +1 -1
- data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx +3 -1
- data/app/pb_kits/playbook/pb_body/docs/_body_articles.jsx +1 -1
- data/app/pb_kits/playbook/pb_body/docs/_body_block.jsx +1 -1
- data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +1 -1
- data/app/pb_kits/playbook/pb_body/docs/_body_styled.jsx +1 -1
- data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +2 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx +2 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_form.jsx +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_size.jsx +1 -1
- data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx +3 -1
- data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx +2 -1
- data/app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx +1 -1
- data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +1 -1
- data/app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx +1 -1
- data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +1 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx +1 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx +2 -1
- data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +4 -1
- data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +1 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx +1 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx +1 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx +7 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx +7 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx +1 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_no_icon.jsx +1 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx +1 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_state.jsx +4 -1
- data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +1 -1
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx +3 -1
- data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx +5 -1
- data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx +1 -1
- data/app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.jsx +3 -1
- data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +2 -1
- data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +4 -1
- data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +4 -1
- data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +2 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.md +3 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb +39 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx +3 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb +39 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx +3 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.jsx +1 -1
- data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +1 -1
- data/app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx +1 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx +7 -8
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +3 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +8 -9
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +8 -9
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx +2 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +2 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx +3 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx +2 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx +3 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx +3 -1
- data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +4 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +5 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +11 -12
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +9 -10
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx +4 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx +3 -1
- data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +6 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx +4 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +4 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +2 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +4 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +6 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +4 -1
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +4 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx +3 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +5 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx +7 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +7 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +7 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx +1 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +7 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx +5 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +8 -1
- data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx +1 -1
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx +38 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.jsx +17 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx +21 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx +35 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/default_image/computer_fly_no_branding.svg +21 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/default_image/utils.tsx +118 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +8 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/index.js +4 -0
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +4 -5
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +3 -1
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx +3 -5
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx +3 -5
- data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +5 -6
- data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +6 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx +5 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx +5 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +6 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +5 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +5 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx +6 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_popover_props.jsx +5 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_align.jsx +3 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_default.jsx +3 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx +2 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx +3 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx +3 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +3 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_justify.jsx +3 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.jsx +3 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.jsx +3 -1
- data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.jsx +4 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.jsx +3 -1
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx +5 -1
- data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +9 -10
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +3 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +4 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +1 -1
- data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +1 -1
- data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx +1 -1
- data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +1 -1
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx +3 -1
- data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx +1 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx +1 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_sizes.jsx +1 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_vertical.jsx +1 -1
- data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details.jsx +1 -1
- data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx +3 -1
- data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx +1 -1
- data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx +1 -1
- data/app/pb_kits/playbook/pb_legend/docs/_legend_prefix.jsx +1 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx +2 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.jsx +6 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx +4 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx +2 -1
- data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx +2 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +1 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +1 -1
- data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +2 -1
- data/app/pb_kits/playbook/pb_link/docs/_link_color.jsx +1 -1
- data/app/pb_kits/playbook/pb_link/docs/_link_disabled.jsx +1 -1
- data/app/pb_kits/playbook/pb_link/docs/_link_icon.jsx +1 -1
- data/app/pb_kits/playbook/pb_link/docs/_link_tag.jsx +1 -1
- data/app/pb_kits/playbook/pb_link/docs/_link_target.jsx +1 -1
- data/app/pb_kits/playbook/pb_link/docs/_link_underline.jsx +1 -1
- data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +2 -1
- data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx +5 -1
- data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +2 -1
- data/app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb +76 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx +94 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb +75 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx +93 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.md +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb +75 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx +93 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.md +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb +74 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx +92 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.md +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx +91 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +11 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +5 -0
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx +1 -1
- data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx +2 -1
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx +2 -1
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx +4 -1
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.jsx +2 -1
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon.jsx +2 -1
- data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_with_all_options.jsx +2 -1
- data/app/pb_kits/playbook/pb_nav/docs/_nav_with_font_control.jsx +2 -1
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx +4 -4
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx +5 -6
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx +4 -6
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx +4 -1
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +4 -6
- data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +2 -1
- data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx +3 -1
- data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx +4 -1
- data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.jsx +2 -1
- data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +6 -1
- data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx +5 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.jsx +3 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx +3 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx +3 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.html.erb +5 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.md +1 -0
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.jsx +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx +1 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +4 -1
- data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +3 -1
- data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx +6 -7
- data/app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx +4 -5
- data/app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx +5 -6
- data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +7 -8
- data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx +5 -6
- data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx +4 -5
- data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.jsx +1 -1
- data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.jsx +3 -1
- data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.jsx +1 -1
- data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.jsx +1 -1
- data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx +1 -1
- data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.jsx +1 -1
- data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx +3 -1
- data/app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx +3 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx +3 -5
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx +2 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx +1 -1
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx +3 -1
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +4 -1
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx +1 -1
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx +1 -1
- data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.jsx +1 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +2 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx +2 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx +2 -1
- data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx +2 -1
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx +4 -1
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +1 -1
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +1 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.jsx +2 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx +2 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.jsx +1 -2
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx +8 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx +2 -1
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.jsx +1 -2
- data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx +5 -1
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx +1 -1
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx +2 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +4 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +4 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +7 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +4 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +5 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx +5 -1
- data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +1 -1
- data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx +3 -1
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx +1 -1
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx +3 -1
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx +1 -1
- data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx +3 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx +3 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx +4 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx +3 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon_rails.html.erb +22 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx +4 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx +3 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx +5 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.html.erb +22 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx +1 -3
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +66 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md +1 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +6 -8
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +3 -5
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx +4 -6
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +4 -6
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.jsx +6 -1
- data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx +1 -1
- data/app/pb_kits/playbook/pb_user/docs/_user_size.jsx +1 -1
- data/app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx +1 -1
- data/app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx +1 -1
- data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx +1 -1
- data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx +1 -1
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx +2 -1
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx +2 -1
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx +2 -1
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx +2 -1
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx +2 -1
- data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx +2 -1
- data/dist/playbook-doc.js +1 -1
- metadata +34 -3
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb +0 -10
@@ -0,0 +1,74 @@
|
|
1
|
+
<% treeData = [{
|
2
|
+
label: "Power Home Remodeling",
|
3
|
+
value: "Power Home Remodeling",
|
4
|
+
id: "powerhome1",
|
5
|
+
expanded: true,
|
6
|
+
children: [
|
7
|
+
{
|
8
|
+
label: "People",
|
9
|
+
value: "People",
|
10
|
+
id: "people1",
|
11
|
+
expanded: true,
|
12
|
+
children: [
|
13
|
+
{
|
14
|
+
label: "Talent Acquisition",
|
15
|
+
value: "Talent Acquisition",
|
16
|
+
id: "talent1",
|
17
|
+
},
|
18
|
+
{
|
19
|
+
label: "Business Affairs",
|
20
|
+
value: "Business Affairs",
|
21
|
+
id: "business1",
|
22
|
+
expanded: true,
|
23
|
+
disabled: true,
|
24
|
+
children: [
|
25
|
+
{
|
26
|
+
label: "Initiatives",
|
27
|
+
value: "Initiatives",
|
28
|
+
id: "initiative1",
|
29
|
+
},
|
30
|
+
{
|
31
|
+
label: "Learning & Development",
|
32
|
+
value: "Learning & Development",
|
33
|
+
id: "development1",
|
34
|
+
},
|
35
|
+
],
|
36
|
+
},
|
37
|
+
{
|
38
|
+
label: "People Experience",
|
39
|
+
value: "People Experience",
|
40
|
+
id: "experience1",
|
41
|
+
},
|
42
|
+
],
|
43
|
+
},
|
44
|
+
{
|
45
|
+
label: "Contact Center",
|
46
|
+
value: "Contact Center",
|
47
|
+
id: "contact1",
|
48
|
+
children: [
|
49
|
+
{
|
50
|
+
label: "Appointment Management",
|
51
|
+
value: "Appointment Management",
|
52
|
+
id: "appointment1",
|
53
|
+
},
|
54
|
+
{
|
55
|
+
label: "Customer Service",
|
56
|
+
value: "Customer Service",
|
57
|
+
id: "customer1",
|
58
|
+
},
|
59
|
+
{
|
60
|
+
label: "Energy",
|
61
|
+
value: "Energy",
|
62
|
+
id: "energy1",
|
63
|
+
},
|
64
|
+
],
|
65
|
+
},
|
66
|
+
],
|
67
|
+
}] %>
|
68
|
+
|
69
|
+
|
70
|
+
<%= pb_rails("multi_level_select", props: {
|
71
|
+
id: "mls-disabled-options-parent-default-rails",
|
72
|
+
name: "disabled_options_parent_default",
|
73
|
+
tree_data: treeData
|
74
|
+
}) %>
|
@@ -0,0 +1,92 @@
|
|
1
|
+
import React from "react";
|
2
|
+
import MultiLevelSelect from "../_multi_level_select";
|
3
|
+
|
4
|
+
const treeData = [
|
5
|
+
{
|
6
|
+
label: "Power Home Remodeling",
|
7
|
+
value: "Power Home Remodeling",
|
8
|
+
id: "powerhome1",
|
9
|
+
expanded: true,
|
10
|
+
children: [
|
11
|
+
{
|
12
|
+
label: "People",
|
13
|
+
value: "People",
|
14
|
+
id: "people1",
|
15
|
+
expanded: true,
|
16
|
+
children: [
|
17
|
+
{
|
18
|
+
label: "Talent Acquisition",
|
19
|
+
value: "Talent Acquisition",
|
20
|
+
id: "talent1",
|
21
|
+
},
|
22
|
+
{
|
23
|
+
label: "Business Affairs",
|
24
|
+
value: "Business Affairs",
|
25
|
+
id: "business1",
|
26
|
+
expanded: true,
|
27
|
+
disabled: true,
|
28
|
+
children: [
|
29
|
+
{
|
30
|
+
label: "Initiatives",
|
31
|
+
value: "Initiatives",
|
32
|
+
id: "initiative1",
|
33
|
+
},
|
34
|
+
{
|
35
|
+
label: "Learning & Development",
|
36
|
+
value: "Learning & Development",
|
37
|
+
id: "development1",
|
38
|
+
},
|
39
|
+
],
|
40
|
+
},
|
41
|
+
{
|
42
|
+
label: "People Experience",
|
43
|
+
value: "People Experience",
|
44
|
+
id: "experience1",
|
45
|
+
},
|
46
|
+
],
|
47
|
+
},
|
48
|
+
{
|
49
|
+
label: "Contact Center",
|
50
|
+
value: "Contact Center",
|
51
|
+
id: "contact1",
|
52
|
+
children: [
|
53
|
+
{
|
54
|
+
label: "Appointment Management",
|
55
|
+
value: "Appointment Management",
|
56
|
+
id: "appointment1",
|
57
|
+
},
|
58
|
+
{
|
59
|
+
label: "Customer Service",
|
60
|
+
value: "Customer Service",
|
61
|
+
id: "customer1",
|
62
|
+
},
|
63
|
+
{
|
64
|
+
label: "Energy",
|
65
|
+
value: "Energy",
|
66
|
+
id: "energy1",
|
67
|
+
},
|
68
|
+
],
|
69
|
+
},
|
70
|
+
],
|
71
|
+
},
|
72
|
+
];
|
73
|
+
|
74
|
+
const MultiLevelSelectDisabledOptionsParentDefault = (props) => {
|
75
|
+
return (
|
76
|
+
<div>
|
77
|
+
<MultiLevelSelect
|
78
|
+
id='multiselect-disabled-options-parent-default'
|
79
|
+
onSelect={(selectedNodes) =>
|
80
|
+
console.log(
|
81
|
+
"Selected Items",
|
82
|
+
selectedNodes
|
83
|
+
)
|
84
|
+
}
|
85
|
+
treeData={treeData}
|
86
|
+
{...props}
|
87
|
+
/>
|
88
|
+
</div>
|
89
|
+
)
|
90
|
+
};
|
91
|
+
|
92
|
+
export default MultiLevelSelectDisabledOptionsParentDefault;
|
@@ -0,0 +1,91 @@
|
|
1
|
+
import React from "react"
|
2
|
+
import MultiLevelSelect from "../_multi_level_select"
|
3
|
+
import { useForm } from "react-hook-form"
|
4
|
+
|
5
|
+
const treeData = [
|
6
|
+
{
|
7
|
+
label: "Power Home Remodeling",
|
8
|
+
value: "Power Home Remodeling",
|
9
|
+
id: "powerhome1",
|
10
|
+
expanded: true,
|
11
|
+
children: [
|
12
|
+
{
|
13
|
+
label: "People",
|
14
|
+
value: "People",
|
15
|
+
id: "people1",
|
16
|
+
expanded: true,
|
17
|
+
children: [
|
18
|
+
{
|
19
|
+
label: "Talent Acquisition",
|
20
|
+
value: "Talent Acquisition",
|
21
|
+
id: "talent1",
|
22
|
+
},
|
23
|
+
{
|
24
|
+
label: "Business Affairs",
|
25
|
+
value: "Business Affairs",
|
26
|
+
id: "business1",
|
27
|
+
children: [
|
28
|
+
{
|
29
|
+
label: "Initiatives",
|
30
|
+
value: "Initiatives",
|
31
|
+
id: "initiative1",
|
32
|
+
},
|
33
|
+
{
|
34
|
+
label: "Learning & Development",
|
35
|
+
value: "Learning & Development",
|
36
|
+
id: "development1",
|
37
|
+
},
|
38
|
+
],
|
39
|
+
},
|
40
|
+
{
|
41
|
+
label: "People Experience",
|
42
|
+
value: "People Experience",
|
43
|
+
id: "experience1",
|
44
|
+
},
|
45
|
+
],
|
46
|
+
},
|
47
|
+
{
|
48
|
+
label: "Contact Center",
|
49
|
+
value: "Contact Center",
|
50
|
+
id: "contact1",
|
51
|
+
children: [
|
52
|
+
{
|
53
|
+
label: "Appointment Management",
|
54
|
+
value: "Appointment Management",
|
55
|
+
id: "appointment1",
|
56
|
+
},
|
57
|
+
{
|
58
|
+
label: "Customer Service",
|
59
|
+
value: "Customer Service",
|
60
|
+
id: "customer1",
|
61
|
+
},
|
62
|
+
{
|
63
|
+
label: "Energy",
|
64
|
+
value: "Energy",
|
65
|
+
id: "energy1",
|
66
|
+
},
|
67
|
+
],
|
68
|
+
},
|
69
|
+
],
|
70
|
+
},
|
71
|
+
]
|
72
|
+
|
73
|
+
const MultiLevelSelectReactHook = (props) => {
|
74
|
+
const { register, watch } = useForm()
|
75
|
+
const selectedItems = watch("departments")
|
76
|
+
selectedItems && console.log("Selected Items", selectedItems)
|
77
|
+
|
78
|
+
return (
|
79
|
+
<div>
|
80
|
+
<MultiLevelSelect
|
81
|
+
id="multiselect-default"
|
82
|
+
marginBottom="md"
|
83
|
+
treeData={treeData}
|
84
|
+
{...register("departments")}
|
85
|
+
{...props}
|
86
|
+
/>
|
87
|
+
</div>
|
88
|
+
)
|
89
|
+
}
|
90
|
+
|
91
|
+
export default MultiLevelSelectReactHook
|
@@ -0,0 +1 @@
|
|
1
|
+
You can pass `react-hook-form` props to the MultiLevelSelect kit. Check your console to see the full data selected from this example.
|
@@ -8,10 +8,15 @@ examples:
|
|
8
8
|
- multi_level_select_with_form: With Form
|
9
9
|
- multi_level_select_color: With Pills (Custom Color)
|
10
10
|
- multi_level_select_reset: Reset Selection
|
11
|
-
- multi_level_select_disabled: Disabled
|
11
|
+
- multi_level_select_disabled: Disabled Input
|
12
|
+
- multi_level_select_disabled_options_default: Disabled Options (Default)
|
13
|
+
- multi_level_select_disabled_options: Disabled Options (Return All Selected)
|
14
|
+
- multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
|
15
|
+
- multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
|
12
16
|
|
13
17
|
react:
|
14
18
|
- multi_level_select_default: Default
|
19
|
+
- multi_level_select_react_hook: React Hook
|
15
20
|
- multi_level_select_single: Single Select
|
16
21
|
- multi_level_select_single_children_only: Single Select w/ Hidden Radios
|
17
22
|
- multi_level_select_return_all_selected: Return All Selected
|
@@ -19,4 +24,8 @@ examples:
|
|
19
24
|
- multi_level_select_color: With Pills (Custom Color)
|
20
25
|
- multi_level_select_with_children: Checkboxes With Children
|
21
26
|
- multi_level_select_with_children_with_radios: Single Select With Children
|
22
|
-
- multi_level_select_disabled: Disabled
|
27
|
+
- multi_level_select_disabled: Disabled Input
|
28
|
+
- multi_level_select_disabled_options_default: Disabled Options (Default)
|
29
|
+
- multi_level_select_disabled_options: Disabled Options (Return All Selected)
|
30
|
+
- multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
|
31
|
+
- multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
|
@@ -7,3 +7,8 @@ export { default as MultiLevelSelectColor } from './_multi_level_select_color.js
|
|
7
7
|
export { default as MultiLevelSelectWithChildren } from './_multi_level_select_with_children.jsx'
|
8
8
|
export { default as MultiLevelSelectWithChildrenWithRadios } from './_multi_level_select_with_children_with_radios.jsx'
|
9
9
|
export { default as MultiLevelSelectDisabled } from './_multi_level_select_disabled.jsx'
|
10
|
+
export { default as MultiLevelSelectReactHook } from './_multi_level_select_react_hook.jsx'
|
11
|
+
export { default as MultiLevelSelectDisabledOptions } from './_multi_level_select_disabled_options.jsx'
|
12
|
+
export { default as MultiLevelSelectDisabledOptionsParent } from './_multi_level_select_disabled_options_parent.jsx'
|
13
|
+
export { default as MultiLevelSelectDisabledOptionsParentDefault } from './_multi_level_select_disabled_options_parent_default.jsx'
|
14
|
+
export { default as MultiLevelSelectDisabledOptionsDefault } from './_multi_level_select_disabled_options_default.jsx'
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import React from "react"
|
2
|
-
|
2
|
+
|
3
|
+
import Nav from '../../pb_nav/_nav'
|
4
|
+
import NavItem from '../../pb_nav/_item'
|
5
|
+
import useCollapsible from '../../pb_collapsible/useCollapsible'
|
3
6
|
|
4
7
|
const CollapsibleNavCustom = (props) => {
|
5
8
|
const navItems = ["Overview", "Albums", "Similar Artists"]
|
@@ -1,10 +1,9 @@
|
|
1
1
|
import React from 'react'
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
} from 'playbook-ui'
|
2
|
+
|
3
|
+
import Overlay from '../../pb_overlay/_overlay'
|
4
|
+
import Card from '../../pb_card/_card'
|
5
|
+
import Flex from '../../pb_flex/_flex'
|
6
|
+
import FlexItem from '../../pb_flex/_flex_item'
|
8
7
|
|
9
8
|
const InlineCardsExample = () => {
|
10
9
|
return (
|
@@ -1,10 +1,8 @@
|
|
1
1
|
import React from 'react'
|
2
|
-
import
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
FlexItem,
|
7
|
-
} from 'playbook-ui'
|
2
|
+
import Overlay from '../../pb_overlay/_overlay'
|
3
|
+
import Card from '../../pb_card/_card'
|
4
|
+
import Flex from '../../pb_flex/_flex'
|
5
|
+
import FlexItem from '../../pb_flex/_flex_item'
|
8
6
|
|
9
7
|
const InlineCardsExample = () => {
|
10
8
|
return (
|
@@ -1,6 +1,9 @@
|
|
1
1
|
/* eslint-disable react/no-multi-comp */
|
2
2
|
import React, { useState } from "react";
|
3
|
-
|
3
|
+
|
4
|
+
import Overlay from '../../pb_overlay/_overlay'
|
5
|
+
import Button from '../../pb_button/_button'
|
6
|
+
import Table from '../../pb_table/_table'
|
4
7
|
|
5
8
|
const TableExample = () => {
|
6
9
|
return (
|
@@ -1,10 +1,8 @@
|
|
1
1
|
import React, { forwardRef } from 'react'
|
2
|
-
import
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
FlexItem,
|
7
|
-
} from 'playbook-ui'
|
2
|
+
import Overlay from '../../pb_overlay/_overlay'
|
3
|
+
import Card from '../../pb_card/_card'
|
4
|
+
import Flex from '../../pb_flex/_flex'
|
5
|
+
import FlexItem from '../../pb_flex/_flex_item'
|
8
6
|
|
9
7
|
const InlineCardsExample = forwardRef(function InlineCardsExample(ref) {
|
10
8
|
return (
|
@@ -1,6 +1,8 @@
|
|
1
1
|
import React, { useState, useEffect } from 'react'
|
2
2
|
|
3
|
-
import
|
3
|
+
import Passphrase from '../../pb_passphrase/_passphrase'
|
4
|
+
import Caption from '../../pb_caption/_caption'
|
5
|
+
import ProgressSimple from '../../pb_progress_simple/_progress_simple'
|
4
6
|
import zxcvbn from 'zxcvbn'
|
5
7
|
|
6
8
|
const PassphraseBreached = (props) => {
|
@@ -1,6 +1,9 @@
|
|
1
1
|
import React, { useState, useEffect } from 'react'
|
2
2
|
|
3
|
-
import
|
3
|
+
import Body from '../../pb_body/_body'
|
4
|
+
import Passphrase from '../../pb_passphrase/_passphrase'
|
5
|
+
import Caption from '../../pb_caption/_caption'
|
6
|
+
import ProgressSimple from '../../pb_progress_simple/_progress_simple'
|
4
7
|
import zxcvbn from 'zxcvbn'
|
5
8
|
|
6
9
|
const PassphraseCommon = (props) => {
|
@@ -1,6 +1,7 @@
|
|
1
1
|
import React, { useState } from 'react'
|
2
2
|
|
3
|
-
import
|
3
|
+
import Body from '../../pb_body/_body'
|
4
|
+
import Passphrase from '../../pb_passphrase/_passphrase'
|
4
5
|
|
5
6
|
const PassphraseConfirmation = (props) => {
|
6
7
|
const [input, setInput] = useState('')
|
@@ -1,6 +1,11 @@
|
|
1
1
|
import React, { useState } from 'react'
|
2
2
|
|
3
|
-
import
|
3
|
+
import Body from '../../pb_body/_body'
|
4
|
+
import Passphrase from '../../pb_passphrase/_passphrase'
|
5
|
+
import ProgressSimple from '../../pb_progress_simple/_progress_simple'
|
6
|
+
import Caption from '../../pb_caption/_caption'
|
7
|
+
import TextInput from '../../pb_text_input/_text_input'
|
8
|
+
|
4
9
|
import zxcvbn from 'zxcvbn'
|
5
10
|
|
6
11
|
|
@@ -1,7 +1,11 @@
|
|
1
1
|
import React, { useState } from 'react'
|
2
2
|
import { useEffect } from 'react'
|
3
3
|
|
4
|
-
import
|
4
|
+
import Passphrase from '../../pb_passphrase/_passphrase'
|
5
|
+
import Caption from '../../pb_caption/_caption'
|
6
|
+
import ProgressSimple from '../../pb_progress_simple/_progress_simple'
|
7
|
+
import TextInput from '../../pb_text_input/_text_input'
|
8
|
+
|
5
9
|
import zxcvbn from 'zxcvbn'
|
6
10
|
|
7
11
|
const PassphraseStrengthChange = (props) => {
|
data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.jsx
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
import React, { useEffect, useRef } from 'react'
|
2
|
-
|
2
|
+
|
3
|
+
import Body from '../../pb_body/_body'
|
4
|
+
import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
|
3
5
|
|
4
6
|
const PhoneNumberInputAccessInputElement = (props) => {
|
5
7
|
// 1. Create a ref - this accesses the kit's input element.
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import React, { useRef } from 'react'
|
2
|
-
|
2
|
+
|
3
|
+
import Button from '../../pb_button/_button'
|
4
|
+
import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
|
3
5
|
|
4
6
|
const PhoneNumberInputClearField = (props) => {
|
5
7
|
// 1. Create a ref - this accesses the kit's input element.
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
2
|
+
|
3
|
+
import Body from '../../pb_body/_body'
|
4
|
+
import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
|
3
5
|
|
4
6
|
const PhoneNumberInputFormat = (props) => {
|
5
7
|
const [phoneNumber, setPhoneNumber] = useState("");
|
@@ -0,0 +1 @@
|
|
1
|
+
The `hidden_inputs` boolean prop generates two hidden input fields, {field_name}_full and {field_name}_country_code. The value passed when the form is submitted contains the full phone number including the country code. Because it requires the submission of a form to function, only use this prop on Rails phone number elements within html form tags `<form>/<form>` or [pb_forms](https://playbook.powerapp.cloud/kits/form). Read the [intl-tel-input](https://intl-tel-input.com/examples/hidden-input.html) docs for more information.
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import React, { useEffect, useState } from "react";
|
2
|
-
|
2
|
+
|
3
|
+
import Button from '../../pb_button/_button'
|
4
|
+
import FixedConfirmationToast from '../../pb_fixed_confirmation_toast/_fixed_confirmation_toast'
|
5
|
+
import PhoneNumberInput from '../../pb_phone_number_input/_phone_number_input'
|
3
6
|
|
4
7
|
const PhoneNumberInputValidation = (props) => {
|
5
8
|
const [formErrors, setFormErrors] = useState("");
|
@@ -16,4 +16,6 @@ examples:
|
|
16
16
|
- phone_number_input_initial_country: Initial Country
|
17
17
|
- phone_number_input_only_countries: Limited Countries
|
18
18
|
- phone_number_input_validation: Form Validation
|
19
|
-
- phone_number_input_format: Format as You Type
|
19
|
+
- phone_number_input_format: Format as You Type
|
20
|
+
- phone_number_input_hidden_inputs: Hidden Inputs
|
21
|
+
|