playbook_ui_docs 14.15.0.pre.alpha.play1757pbcontenttag6677 → 14.15.0.pre.alpha.play1907passglobalpropstotooltiprails6706
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_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_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_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_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_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.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_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_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_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 +1 -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_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 +3 -5
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +3 -5
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +1 -1
- 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 +5 -2
@@ -1,6 +1,12 @@
|
|
1
1
|
import React from 'react'
|
2
2
|
import PropTypes from 'prop-types'
|
3
|
-
|
3
|
+
|
4
|
+
import Collapsible from '../../pb_collapsible/_collapsible'
|
5
|
+
import useCollapsible from '../../pb_collapsible/useCollapsible'
|
6
|
+
import Flex from '../../pb_flex/_flex'
|
7
|
+
import Title from '../../pb_title/_title'
|
8
|
+
import List from '../../pb_list/_list'
|
9
|
+
import ListItem from '../../pb_list/_list_item'
|
4
10
|
|
5
11
|
const CollapsibleCustomMain = (props) => {
|
6
12
|
const [isCollapsed, setIsCollapsed] = useCollapsible(true)
|
@@ -1,6 +1,12 @@
|
|
1
1
|
import React from 'react'
|
2
2
|
import PropTypes from 'prop-types'
|
3
|
-
|
3
|
+
|
4
|
+
import Collapsible from '../../pb_collapsible/_collapsible'
|
5
|
+
import useCollapsible from '../../pb_collapsible/useCollapsible'
|
6
|
+
import Flex from '../../pb_flex/_flex'
|
7
|
+
import Title from '../../pb_title/_title'
|
8
|
+
import List from '../../pb_list/_list'
|
9
|
+
import ListItem from '../../pb_list/_list_item'
|
4
10
|
|
5
11
|
const CollapsibleCustomMainWithIcon = (props) => {
|
6
12
|
const [isCollapsed, setIsCollapsed] = useCollapsible(true)
|
@@ -1,6 +1,9 @@
|
|
1
1
|
import React from 'react'
|
2
2
|
import PropTypes from 'prop-types';
|
3
|
-
|
3
|
+
|
4
|
+
import Collapsible from '../../pb_collapsible/_collapsible'
|
5
|
+
import useCollapsible from '../../pb_collapsible/useCollapsible'
|
6
|
+
import Button from '../../pb_button/_button'
|
4
7
|
|
5
8
|
const CollapsibleState = (props) => {
|
6
9
|
const [isCollapsed, setIsCollapsed] = useCollapsible(true)
|
@@ -1,5 +1,9 @@
|
|
1
1
|
import React, { useState } from 'react'
|
2
|
-
|
2
|
+
|
3
|
+
import CopyButton from '../../pb_copy_button/_copy_button'
|
4
|
+
import Body from '../../pb_body/_body'
|
5
|
+
import TextInput from '../../pb_text_input/_text_input'
|
6
|
+
import Textarea from '../../pb_textarea/_textarea'
|
3
7
|
|
4
8
|
const CopyButtonFrom = (props) => {
|
5
9
|
const [text, setText] = useState("Copy this text input text")
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import React from 'react'
|
2
|
-
|
2
|
+
|
3
|
+
import FormattedDate from '../../pb_date/_date'
|
4
|
+
import Caption from '../../pb_caption/_caption'
|
5
|
+
import Title from '../../pb_title/_title'
|
3
6
|
|
4
7
|
const DateDefault = (props) => {
|
5
8
|
return (
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import React from 'react'
|
2
|
-
|
2
|
+
|
3
|
+
import Caption from '../../pb_caption/_caption'
|
4
|
+
import FormattedDate from '../../pb_date/_date'
|
5
|
+
import Title from '../../pb_title/_title'
|
3
6
|
|
4
7
|
const DateUnstyled = (props) => {
|
5
8
|
return (
|
@@ -1 +1,3 @@
|
|
1
|
-
You can find a full list of flatpickr events and hooks in their [documentation](https://flatpickr.js.org/events/).
|
1
|
+
You can find a full list of flatpickr events and hooks in their [documentation](https://flatpickr.js.org/events/).
|
2
|
+
|
3
|
+
Use `window.addEventListener("DOMContentLoaded", () => {})`, not `document.addEventListener("DOMContentLoaded", () => {})`.
|
@@ -0,0 +1,39 @@
|
|
1
|
+
<%= pb_rails("date_picker", props: {
|
2
|
+
label: "Date Picker",
|
3
|
+
picker_id: "date-picker-onchange",
|
4
|
+
margin_bottom: "lg"
|
5
|
+
}) %>
|
6
|
+
<%= pb_rails("caption", props: { text: "Date Object" }) %>
|
7
|
+
<%= pb_rails("body", props: {
|
8
|
+
label: "Date Object",
|
9
|
+
text: "Select Date",
|
10
|
+
margin_bottom: "lg",
|
11
|
+
id: "date-picker-onchange-object",
|
12
|
+
}) %>
|
13
|
+
<%= pb_rails("caption", props: { text: "Date String" }) %>
|
14
|
+
<%= pb_rails("body", props: {
|
15
|
+
label: "Date String",
|
16
|
+
text: "Select Date",
|
17
|
+
margin_bottom: "lg",
|
18
|
+
id: "date-picker-onchange-string",
|
19
|
+
}) %>
|
20
|
+
|
21
|
+
|
22
|
+
<%= javascript_tag do %>
|
23
|
+
window.addEventListener("DOMContentLoaded", () => {
|
24
|
+
<%# Access flatpickr instance with picker id and assign it a variable %>
|
25
|
+
const fp = document.querySelector("#date-picker-onchange")._flatpickr
|
26
|
+
|
27
|
+
<%# Define Hook %>
|
28
|
+
const changeHook = (selectedDates, dateStr) => {
|
29
|
+
const object = document.querySelector('#date-picker-onchange-object')
|
30
|
+
object.textContent = selectedDates[0] ? selectedDates[0].toString() : ''
|
31
|
+
|
32
|
+
const string = document.querySelector('#date-picker-onchange-string')
|
33
|
+
string.textContent = dateStr
|
34
|
+
}
|
35
|
+
|
36
|
+
<%# Push one or more hooks to onChange config array %>
|
37
|
+
fp.config.onChange.push(changeHook)
|
38
|
+
})
|
39
|
+
<% end %>
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import React, { useState } from 'react'
|
2
|
-
|
2
|
+
|
3
|
+
import DatePicker from '../../pb_date_picker/_date_picker'
|
4
|
+
import LabelValue from '../../pb_label_value/_label_value'
|
3
5
|
|
4
6
|
const DatePickerOnChange = (props) => {
|
5
7
|
const today = new Date()
|
@@ -0,0 +1,39 @@
|
|
1
|
+
<%= pb_rails("date_picker", props: {
|
2
|
+
label: "Date Picker",
|
3
|
+
picker_id: "date-picker-onclose",
|
4
|
+
margin_bottom: "lg"
|
5
|
+
}) %>
|
6
|
+
<%= pb_rails("caption", props: { text: "Date Object" }) %>
|
7
|
+
<%= pb_rails("body", props: {
|
8
|
+
label: "Date Object",
|
9
|
+
text: "Select Date",
|
10
|
+
margin_bottom: "lg",
|
11
|
+
id: "date-picker-onclose-object",
|
12
|
+
}) %>
|
13
|
+
<%= pb_rails("caption", props: { text: "Date String" }) %>
|
14
|
+
<%= pb_rails("body", props: {
|
15
|
+
label: "Date String",
|
16
|
+
text: "Select Date",
|
17
|
+
margin_bottom: "lg",
|
18
|
+
id: "date-picker-onclose-string",
|
19
|
+
}) %>
|
20
|
+
|
21
|
+
|
22
|
+
<%= javascript_tag do %>
|
23
|
+
window.addEventListener("DOMContentLoaded", () => {
|
24
|
+
<%# Access flatpickr instance with picker id and assign it a variable %>
|
25
|
+
const fp = document.querySelector("#date-picker-onclose")._flatpickr
|
26
|
+
|
27
|
+
<%# Define Hook %>
|
28
|
+
const closeHook = (selectedDates, dateStr) => {
|
29
|
+
const object = document.querySelector('#date-picker-onclose-object')
|
30
|
+
object.textContent = selectedDates[0] ? selectedDates[0].toString() : ''
|
31
|
+
|
32
|
+
const string = document.querySelector('#date-picker-onclose-string')
|
33
|
+
string.textContent = dateStr
|
34
|
+
}
|
35
|
+
|
36
|
+
<%# Push one or more hooks to onClose config array %>
|
37
|
+
fp.config.onClose.push(closeHook)
|
38
|
+
})
|
39
|
+
<% end %>
|
@@ -1,6 +1,8 @@
|
|
1
1
|
/* eslint-disable react/no-multi-comp */
|
2
2
|
import React, { useState } from 'react'
|
3
|
-
|
3
|
+
|
4
|
+
import DatePicker from '../../pb_date_picker/_date_picker'
|
5
|
+
import LabelValue from '../../pb_label_value/_label_value'
|
4
6
|
|
5
7
|
|
6
8
|
const DatePickerOnClose = (props) => {
|
@@ -7,6 +7,8 @@ examples:
|
|
7
7
|
- date_picker_allow_input: Allow Input
|
8
8
|
- date_picker_input: Input Field
|
9
9
|
- date_picker_label: Label
|
10
|
+
- date_picker_on_change: onChange
|
11
|
+
- date_picker_on_close: onClose
|
10
12
|
# - date_picker_range: Range
|
11
13
|
- date_picker_quick_pick_rails: Range (Quick Pick)
|
12
14
|
- date_picker_quick_pick_range_limit: Range (Quick Pick w/ “This” Range limit)
|
@@ -1,12 +1,11 @@
|
|
1
1
|
import React, { useState } from 'react'
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
} from 'playbook-ui'
|
2
|
+
|
3
|
+
import Body from '../../pb_body/_body'
|
4
|
+
import Button from '../../pb_button/_button'
|
5
|
+
import Caption from '../../pb_caption/_caption'
|
6
|
+
import Dialog from '../../pb_dialog/_dialog'
|
7
|
+
import RichTextEditor from '../../pb_rich_text_editor/_rich_text_editor'
|
8
|
+
import Typeahead from '../../pb_typeahead/_typeahead'
|
10
9
|
|
11
10
|
const DialogCompound = () => {
|
12
11
|
const [isOpen, setIsOpen] = useState(false)
|
@@ -1,13 +1,12 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
} from "playbook-ui";
|
2
|
+
|
3
|
+
import Body from '../../pb_body/_body'
|
4
|
+
import Button from '../../pb_button/_button'
|
5
|
+
import Dialog from '../../pb_dialog/_dialog'
|
6
|
+
import Flex from '../../pb_flex/_flex'
|
7
|
+
import Caption from '../../pb_caption/_caption'
|
8
|
+
import RichTextEditor from '../../pb_rich_text_editor/_rich_text_editor'
|
9
|
+
import Typeahead from '../../pb_typeahead/_typeahead'
|
11
10
|
|
12
11
|
const useDialog = (visible = false) => {
|
13
12
|
const [opened, setOpened] = useState(visible);
|
@@ -1,13 +1,12 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
} from "playbook-ui";
|
2
|
+
|
3
|
+
import Body from '../../pb_body/_body'
|
4
|
+
import Button from '../../pb_button/_button'
|
5
|
+
import Dialog from '../../pb_dialog/_dialog'
|
6
|
+
import Flex from '../../pb_flex/_flex'
|
7
|
+
import Caption from '../../pb_caption/_caption'
|
8
|
+
import RichTextEditor from '../../pb_rich_text_editor/_rich_text_editor'
|
9
|
+
import Typeahead from '../../pb_typeahead/_typeahead'
|
11
10
|
|
12
11
|
const useDialog = (visible = false) => {
|
13
12
|
const [opened, setOpened] = useState(visible);
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import React, { useState } from 'react'
|
2
|
-
import
|
2
|
+
import Button from '../../pb_button/_button'
|
3
|
+
import Dialog from '../../pb_dialog/_dialog'
|
4
|
+
import Flex from '../../pb_flex/_flex'
|
3
5
|
|
4
6
|
const useDialog = (visible = false) => {
|
5
7
|
const [opened, setOpened] = useState(visible)
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import React, { useState } from 'react'
|
2
|
-
import
|
2
|
+
import Button from '../../pb_button/_button'
|
3
|
+
import Dialog from '../../pb_dialog/_dialog'
|
3
4
|
|
4
5
|
const DialogShouldCloseOnOverlay = () => {
|
5
6
|
const [isOpen, setIsOpen] = useState(false)
|
@@ -1,6 +1,8 @@
|
|
1
1
|
|
2
2
|
import React, { useState } from 'react'
|
3
|
-
import
|
3
|
+
import Button from '../../pb_button/_button'
|
4
|
+
import Dialog from '../../pb_dialog/_dialog'
|
5
|
+
import Flex from '../../pb_flex/_flex'
|
4
6
|
|
5
7
|
const useDialog = (visible = false) => {
|
6
8
|
const [opened, setOpened] = useState(visible)
|
@@ -1,6 +1,8 @@
|
|
1
1
|
/* eslint-disable react/jsx-handler-names */
|
2
2
|
import React, { useState } from "react"
|
3
|
-
import
|
3
|
+
import Button from '../../pb_button/_button'
|
4
|
+
import Dialog from '../../pb_dialog/_dialog'
|
5
|
+
import Flex from '../../pb_flex/_flex'
|
4
6
|
|
5
7
|
const useDialog = (visible = false) => {
|
6
8
|
const [opened, setOpened] = useState(visible)
|
@@ -1,7 +1,10 @@
|
|
1
1
|
/* eslint-disable react/jsx-handler-names */
|
2
2
|
|
3
3
|
import React, { useState } from "react"
|
4
|
-
|
4
|
+
|
5
|
+
import Button from '../../pb_button/_button'
|
6
|
+
import Dialog from '../../pb_dialog/_dialog'
|
7
|
+
import Flex from '../../pb_flex/_flex'
|
5
8
|
|
6
9
|
const useDialog = (visible = false) => {
|
7
10
|
const [opened, setOpened] = useState(visible)
|
@@ -1,5 +1,9 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
2
|
+
|
3
|
+
import Flex from '../../pb_flex/_flex'
|
4
|
+
import Draggable from '../../pb_draggable/_draggable'
|
5
|
+
import { DraggableProvider } from '../../pb_draggable/context'
|
6
|
+
|
3
7
|
|
4
8
|
// Initial items to be dragged
|
5
9
|
const data = [
|
@@ -1,16 +1,15 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
} from "playbook-ui";
|
2
|
+
|
3
|
+
import Flex from '../../pb_flex/_flex'
|
4
|
+
import Draggable from '../../pb_draggable/_draggable'
|
5
|
+
import { DraggableProvider } from '../../pb_draggable/context'
|
6
|
+
import Badge from '../../pb_badge/_badge'
|
7
|
+
import Title from '../../pb_title/_title'
|
8
|
+
import Caption from '../../pb_caption/_caption'
|
9
|
+
import Card from '../../pb_card/_card'
|
10
|
+
import FlexItem from '../../pb_flex/_flex_item'
|
11
|
+
import Avatar from '../../pb_avatar/_avatar'
|
12
|
+
import Body from '../../pb_body/_body'
|
14
13
|
|
15
14
|
// Initial groups to drag between
|
16
15
|
const containers = ["To Do", "In Progress", "Done"];
|
@@ -1,14 +1,13 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
} from "playbook-ui";
|
2
|
+
|
3
|
+
import Flex from '../../pb_flex/_flex'
|
4
|
+
import Draggable from '../../pb_draggable/_draggable'
|
5
|
+
import { DraggableProvider } from '../../pb_draggable/context'
|
6
|
+
import Badge from '../../pb_badge/_badge'
|
7
|
+
import Title from '../../pb_title/_title'
|
8
|
+
import Icon from '../../pb_icon/_icon'
|
9
|
+
import Caption from '../../pb_caption/_caption'
|
10
|
+
import Card from '../../pb_card/_card'
|
12
11
|
|
13
12
|
// Initial items to be dragged
|
14
13
|
const data = [
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
2
|
+
|
3
|
+
import { DraggableProvider } from '../../pb_draggable/context'
|
4
|
+
import List from '../../pb_list/_list'
|
5
|
+
import ListItem from '../../pb_list/_list_item'
|
3
6
|
|
4
7
|
// Initial items to be dragged
|
5
8
|
const data = [
|
@@ -1,5 +1,7 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
2
|
+
|
3
|
+
import SelectableList from '../../pb_selectable_list/_selectable_list'
|
4
|
+
import { DraggableProvider } from '../../pb_draggable/context'
|
3
5
|
|
4
6
|
// Initial items to be dragged
|
5
7
|
const data = [
|
@@ -1,5 +1,10 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
2
|
+
|
3
|
+
import Flex from '../../pb_flex/_flex'
|
4
|
+
import { DraggableProvider } from '../../pb_draggable/context'
|
5
|
+
import Avatar from '../../pb_avatar/_avatar'
|
6
|
+
import Body from '../../pb_body/_body'
|
7
|
+
import Table from '../../pb_table/_table'
|
3
8
|
|
4
9
|
// Initial items to be dragged
|
5
10
|
const data = [
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import React, { useState } from "react"
|
2
|
-
|
2
|
+
|
3
|
+
import Button from '../../pb_button/_button'
|
4
|
+
import Drawer from '../../pb_drawer/_drawer'
|
5
|
+
import Flex from '../../pb_flex/_flex'
|
3
6
|
|
4
7
|
const useDrawer = (visible = false) => {
|
5
8
|
const [opened, setOpened] = useState(visible)
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
2
|
+
|
3
|
+
import Button from '../../pb_button/_button'
|
4
|
+
import Drawer from '../../pb_drawer/_drawer'
|
5
|
+
import Flex from '../../pb_flex/_flex'
|
3
6
|
|
4
7
|
const DrawerBorders = () => {
|
5
8
|
// Individual state variables for each drawer size
|
@@ -1,5 +1,8 @@
|
|
1
1
|
import React, { useState } from "react";
|
2
|
-
|
2
|
+
|
3
|
+
import Button from '../../pb_button/_button'
|
4
|
+
import Drawer from '../../pb_drawer/_drawer'
|
5
|
+
import Flex from '../../pb_flex/_flex'
|
3
6
|
|
4
7
|
const useDrawer = (visible = false) => {
|
5
8
|
const [opened, setOpened] = useState(visible);
|