@wordpress/block-editor 14.3.4 → 14.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/README.md +4 -0
- package/build/autocompleters/link.js +2 -1
- package/build/autocompleters/link.js.map +1 -1
- package/build/components/block-actions/index.js +1 -13
- package/build/components/block-actions/index.js.map +1 -1
- package/build/components/block-inspector/index.js +56 -75
- package/build/components/block-inspector/index.js.map +1 -1
- package/build/components/block-list/block.js +5 -19
- package/build/components/block-list/block.js.map +1 -1
- package/build/components/block-list/index.js +5 -8
- package/build/components/block-list/index.js.map +1 -1
- package/build/components/block-list/use-block-props/index.js +3 -11
- package/build/components/block-list/use-block-props/index.js.map +1 -1
- package/build/components/block-list/use-block-props/use-zoom-out-mode-exit.js +9 -12
- package/build/components/block-list/use-block-props/use-zoom-out-mode-exit.js.map +1 -1
- package/build/components/block-list/use-in-between-inserter.js +5 -3
- package/build/components/block-list/use-in-between-inserter.js.map +1 -1
- package/build/components/block-list/zoom-out-separator.js +14 -6
- package/build/components/block-list/zoom-out-separator.js.map +1 -1
- package/build/components/block-navigation/dropdown.js +2 -4
- package/build/components/block-navigation/dropdown.js.map +1 -1
- package/build/components/block-parent-selector/index.js +13 -10
- package/build/components/block-parent-selector/index.js.map +1 -1
- package/build/components/block-pattern-setup/setup-toolbar.js +10 -20
- package/build/components/block-pattern-setup/setup-toolbar.js.map +1 -1
- package/build/components/block-patterns-paging/index.js +11 -13
- package/build/components/block-patterns-paging/index.js.map +1 -1
- package/build/components/block-quick-navigation/index.js +2 -4
- package/build/components/block-quick-navigation/index.js.map +1 -1
- package/build/components/block-settings-menu/block-settings-dropdown.js +79 -76
- package/build/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
- package/build/components/block-settings-menu-controls/index.js +1 -6
- package/build/components/block-settings-menu-controls/index.js.map +1 -1
- package/build/components/block-switcher/index.js +17 -14
- package/build/components/block-switcher/index.js.map +1 -1
- package/build/components/block-toolbar/index.js +16 -19
- package/build/components/block-toolbar/index.js.map +1 -1
- package/build/components/block-toolbar/use-has-block-toolbar.js +3 -5
- package/build/components/block-toolbar/use-has-block-toolbar.js.map +1 -1
- package/build/components/block-tools/index.js +8 -11
- package/build/components/block-tools/index.js.map +1 -1
- package/build/components/block-tools/insertion-point.js +1 -4
- package/build/components/block-tools/insertion-point.js.map +1 -1
- package/build/components/block-tools/use-show-block-tools.js +2 -5
- package/build/components/block-tools/use-show-block-tools.js.map +1 -1
- package/build/components/block-tools/zoom-out-mode-inserter-button.js +1 -12
- package/build/components/block-tools/zoom-out-mode-inserter-button.js.map +1 -1
- package/build/components/block-tools/zoom-out-mode-inserters.js +14 -17
- package/build/components/block-tools/zoom-out-mode-inserters.js.map +1 -1
- package/build/components/block-tools/zoom-out-toolbar.js +2 -12
- package/build/components/block-tools/zoom-out-toolbar.js.map +1 -1
- package/build/components/block-variation-picker/index.js +2 -4
- package/build/components/block-variation-picker/index.js.map +1 -1
- package/build/components/block-variation-transforms/index.js +3 -4
- package/build/components/block-variation-transforms/index.js.map +1 -1
- package/build/components/button-block-appender/index.js +2 -4
- package/build/components/button-block-appender/index.js.map +1 -1
- package/build/components/colors-gradients/dropdown.js +2 -4
- package/build/components/colors-gradients/dropdown.js.map +1 -1
- package/build/components/global-styles/border-panel.js +1 -1
- package/build/components/global-styles/border-panel.js.map +1 -1
- package/build/components/global-styles/color-panel.js +2 -4
- package/build/components/global-styles/color-panel.js.map +1 -1
- package/build/components/global-styles/dimensions-panel.js +3 -3
- package/build/components/global-styles/dimensions-panel.js.map +1 -1
- package/build/components/global-styles/filters-panel.js +2 -4
- package/build/components/global-styles/filters-panel.js.map +1 -1
- package/build/components/global-styles/shadow-panel-components.js +24 -29
- package/build/components/global-styles/shadow-panel-components.js.map +1 -1
- package/build/components/inner-blocks/index.js +1 -9
- package/build/components/inner-blocks/index.js.map +1 -1
- package/build/components/inserter/block-types-tab.js +1 -1
- package/build/components/inserter/block-types-tab.js.map +1 -1
- package/build/components/inserter/hooks/use-block-types-state.js +24 -5
- package/build/components/inserter/hooks/use-block-types-state.js.map +1 -1
- package/build/components/inserter/hooks/use-insertion-point.js +22 -12
- package/build/components/inserter/hooks/use-insertion-point.js.map +1 -1
- package/build/components/inserter/hooks/use-patterns-state.js +23 -10
- package/build/components/inserter/hooks/use-patterns-state.js.map +1 -1
- package/build/components/inserter/media-tab/media-preview.js +35 -13
- package/build/components/inserter/media-tab/media-preview.js.map +1 -1
- package/build/components/inserter/menu.js +2 -2
- package/build/components/inserter/menu.js.map +1 -1
- package/build/components/inserter/mobile-tab-navigation.js +5 -5
- package/build/components/inserter/mobile-tab-navigation.js.map +1 -1
- package/build/components/inserter/quick-inserter.js +4 -4
- package/build/components/inserter/quick-inserter.js.map +1 -1
- package/build/components/inspector-controls-tabs/index.js +11 -8
- package/build/components/inspector-controls-tabs/index.js.map +1 -1
- package/build/components/inspector-popover-header/index.js +4 -8
- package/build/components/inspector-popover-header/index.js.map +1 -1
- package/build/components/link-control/index.js +5 -10
- package/build/components/link-control/index.js.map +1 -1
- package/build/components/link-control/settings-drawer.js +2 -4
- package/build/components/link-control/settings-drawer.js.map +1 -1
- package/build/components/list-view/block-contents.js +1 -25
- package/build/components/list-view/block-contents.js.map +1 -1
- package/build/components/list-view/block-select-button.js +1 -4
- package/build/components/list-view/block-select-button.js.map +1 -1
- package/build/components/media-placeholder/index.js +12 -24
- package/build/components/media-placeholder/index.js.map +1 -1
- package/build/components/skip-to-selected-block/index.js +2 -4
- package/build/components/skip-to-selected-block/index.js.map +1 -1
- package/build/components/tool-selector/index.js +13 -12
- package/build/components/tool-selector/index.js.map +1 -1
- package/build/components/url-input/button.js +14 -16
- package/build/components/url-input/button.js.map +1 -1
- package/build/components/url-input/index.js +2 -4
- package/build/components/url-input/index.js.map +1 -1
- package/build/components/use-block-commands/index.js +0 -61
- package/build/components/use-block-commands/index.js.map +1 -1
- package/build/components/writing-flow/use-tab-nav.js +2 -25
- package/build/components/writing-flow/use-tab-nav.js.map +1 -1
- package/build/hooks/duotone.js +4 -1
- package/build/hooks/duotone.js.map +1 -1
- package/build/hooks/layout-child.js +3 -1
- package/build/hooks/layout-child.js.map +1 -1
- package/build/hooks/position.js +3 -2
- package/build/hooks/position.js.map +1 -1
- package/build/layouts/flex.js +6 -38
- package/build/layouts/flex.js.map +1 -1
- package/build/store/actions.js +13 -14
- package/build/store/actions.js.map +1 -1
- package/build/store/private-actions.js +15 -0
- package/build/store/private-actions.js.map +1 -1
- package/build/store/private-selectors.js +104 -7
- package/build/store/private-selectors.js.map +1 -1
- package/build/store/reducer.js +22 -26
- package/build/store/reducer.js.map +1 -1
- package/build/store/selectors.js +127 -56
- package/build/store/selectors.js.map +1 -1
- package/build/store/utils.js +4 -3
- package/build/store/utils.js.map +1 -1
- package/build/utils/block-bindings.js +2 -0
- package/build/utils/block-bindings.js.map +1 -1
- package/build-module/autocompleters/link.js +2 -1
- package/build-module/autocompleters/link.js.map +1 -1
- package/build-module/components/block-actions/index.js +1 -13
- package/build-module/components/block-actions/index.js.map +1 -1
- package/build-module/components/block-inspector/index.js +57 -76
- package/build-module/components/block-inspector/index.js.map +1 -1
- package/build-module/components/block-list/block.js +5 -19
- package/build-module/components/block-list/block.js.map +1 -1
- package/build-module/components/block-list/index.js +5 -8
- package/build-module/components/block-list/index.js.map +1 -1
- package/build-module/components/block-list/use-block-props/index.js +3 -11
- package/build-module/components/block-list/use-block-props/index.js.map +1 -1
- package/build-module/components/block-list/use-block-props/use-zoom-out-mode-exit.js +9 -12
- package/build-module/components/block-list/use-block-props/use-zoom-out-mode-exit.js.map +1 -1
- package/build-module/components/block-list/use-in-between-inserter.js +5 -3
- package/build-module/components/block-list/use-in-between-inserter.js.map +1 -1
- package/build-module/components/block-list/zoom-out-separator.js +14 -6
- package/build-module/components/block-list/zoom-out-separator.js.map +1 -1
- package/build-module/components/block-navigation/dropdown.js +2 -4
- package/build-module/components/block-navigation/dropdown.js.map +1 -1
- package/build-module/components/block-parent-selector/index.js +13 -10
- package/build-module/components/block-parent-selector/index.js.map +1 -1
- package/build-module/components/block-pattern-setup/setup-toolbar.js +10 -20
- package/build-module/components/block-pattern-setup/setup-toolbar.js.map +1 -1
- package/build-module/components/block-patterns-paging/index.js +11 -13
- package/build-module/components/block-patterns-paging/index.js.map +1 -1
- package/build-module/components/block-quick-navigation/index.js +2 -4
- package/build-module/components/block-quick-navigation/index.js.map +1 -1
- package/build-module/components/block-settings-menu/block-settings-dropdown.js +79 -76
- package/build-module/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
- package/build-module/components/block-settings-menu-controls/index.js +2 -7
- package/build-module/components/block-settings-menu-controls/index.js.map +1 -1
- package/build-module/components/block-switcher/index.js +17 -14
- package/build-module/components/block-switcher/index.js.map +1 -1
- package/build-module/components/block-toolbar/index.js +17 -20
- package/build-module/components/block-toolbar/index.js.map +1 -1
- package/build-module/components/block-toolbar/use-has-block-toolbar.js +3 -5
- package/build-module/components/block-toolbar/use-has-block-toolbar.js.map +1 -1
- package/build-module/components/block-tools/index.js +8 -11
- package/build-module/components/block-tools/index.js.map +1 -1
- package/build-module/components/block-tools/insertion-point.js +1 -4
- package/build-module/components/block-tools/insertion-point.js.map +1 -1
- package/build-module/components/block-tools/use-show-block-tools.js +2 -5
- package/build-module/components/block-tools/use-show-block-tools.js.map +1 -1
- package/build-module/components/block-tools/zoom-out-mode-inserter-button.js +1 -12
- package/build-module/components/block-tools/zoom-out-mode-inserter-button.js.map +1 -1
- package/build-module/components/block-tools/zoom-out-mode-inserters.js +14 -17
- package/build-module/components/block-tools/zoom-out-mode-inserters.js.map +1 -1
- package/build-module/components/block-tools/zoom-out-toolbar.js +2 -12
- package/build-module/components/block-tools/zoom-out-toolbar.js.map +1 -1
- package/build-module/components/block-variation-picker/index.js +2 -4
- package/build-module/components/block-variation-picker/index.js.map +1 -1
- package/build-module/components/block-variation-transforms/index.js +3 -4
- package/build-module/components/block-variation-transforms/index.js.map +1 -1
- package/build-module/components/button-block-appender/index.js +2 -4
- package/build-module/components/button-block-appender/index.js.map +1 -1
- package/build-module/components/colors-gradients/dropdown.js +2 -4
- package/build-module/components/colors-gradients/dropdown.js.map +1 -1
- package/build-module/components/global-styles/border-panel.js +1 -1
- package/build-module/components/global-styles/border-panel.js.map +1 -1
- package/build-module/components/global-styles/color-panel.js +2 -4
- package/build-module/components/global-styles/color-panel.js.map +1 -1
- package/build-module/components/global-styles/dimensions-panel.js +1 -1
- package/build-module/components/global-styles/dimensions-panel.js.map +1 -1
- package/build-module/components/global-styles/filters-panel.js +2 -4
- package/build-module/components/global-styles/filters-panel.js.map +1 -1
- package/build-module/components/global-styles/shadow-panel-components.js +25 -30
- package/build-module/components/global-styles/shadow-panel-components.js.map +1 -1
- package/build-module/components/inner-blocks/index.js +1 -9
- package/build-module/components/inner-blocks/index.js.map +1 -1
- package/build-module/components/inserter/block-types-tab.js +1 -1
- package/build-module/components/inserter/block-types-tab.js.map +1 -1
- package/build-module/components/inserter/hooks/use-block-types-state.js +27 -8
- package/build-module/components/inserter/hooks/use-block-types-state.js.map +1 -1
- package/build-module/components/inserter/hooks/use-insertion-point.js +22 -12
- package/build-module/components/inserter/hooks/use-insertion-point.js.map +1 -1
- package/build-module/components/inserter/hooks/use-patterns-state.js +23 -10
- package/build-module/components/inserter/hooks/use-patterns-state.js.map +1 -1
- package/build-module/components/inserter/media-tab/media-preview.js +35 -13
- package/build-module/components/inserter/media-tab/media-preview.js.map +1 -1
- package/build-module/components/inserter/menu.js +2 -2
- package/build-module/components/inserter/menu.js.map +1 -1
- package/build-module/components/inserter/mobile-tab-navigation.js +6 -6
- package/build-module/components/inserter/mobile-tab-navigation.js.map +1 -1
- package/build-module/components/inserter/quick-inserter.js +4 -4
- package/build-module/components/inserter/quick-inserter.js.map +1 -1
- package/build-module/components/inspector-controls-tabs/index.js +12 -9
- package/build-module/components/inspector-controls-tabs/index.js.map +1 -1
- package/build-module/components/inspector-popover-header/index.js +4 -8
- package/build-module/components/inspector-popover-header/index.js.map +1 -1
- package/build-module/components/link-control/index.js +5 -10
- package/build-module/components/link-control/index.js.map +1 -1
- package/build-module/components/link-control/settings-drawer.js +2 -4
- package/build-module/components/link-control/settings-drawer.js.map +1 -1
- package/build-module/components/list-view/block-contents.js +1 -25
- package/build-module/components/list-view/block-contents.js.map +1 -1
- package/build-module/components/list-view/block-select-button.js +2 -5
- package/build-module/components/list-view/block-select-button.js.map +1 -1
- package/build-module/components/media-placeholder/index.js +12 -24
- package/build-module/components/media-placeholder/index.js.map +1 -1
- package/build-module/components/skip-to-selected-block/index.js +2 -4
- package/build-module/components/skip-to-selected-block/index.js.map +1 -1
- package/build-module/components/tool-selector/index.js +13 -12
- package/build-module/components/tool-selector/index.js.map +1 -1
- package/build-module/components/url-input/button.js +15 -17
- package/build-module/components/url-input/button.js.map +1 -1
- package/build-module/components/url-input/index.js +2 -4
- package/build-module/components/url-input/index.js.map +1 -1
- package/build-module/components/use-block-commands/index.js +1 -62
- package/build-module/components/use-block-commands/index.js.map +1 -1
- package/build-module/components/writing-flow/use-tab-nav.js +3 -26
- package/build-module/components/writing-flow/use-tab-nav.js.map +1 -1
- package/build-module/hooks/duotone.js +4 -1
- package/build-module/hooks/duotone.js.map +1 -1
- package/build-module/hooks/layout-child.js +4 -1
- package/build-module/hooks/layout-child.js.map +1 -1
- package/build-module/hooks/position.js +4 -1
- package/build-module/hooks/position.js.map +1 -1
- package/build-module/layouts/flex.js +7 -39
- package/build-module/layouts/flex.js.map +1 -1
- package/build-module/store/actions.js +12 -12
- package/build-module/store/actions.js.map +1 -1
- package/build-module/store/private-actions.js +14 -0
- package/build-module/store/private-actions.js.map +1 -1
- package/build-module/store/private-selectors.js +98 -7
- package/build-module/store/private-selectors.js.map +1 -1
- package/build-module/store/reducer.js +21 -25
- package/build-module/store/reducer.js.map +1 -1
- package/build-module/store/selectors.js +129 -58
- package/build-module/store/selectors.js.map +1 -1
- package/build-module/store/utils.js +3 -2
- package/build-module/store/utils.js.map +1 -1
- package/build-module/utils/block-bindings.js +2 -0
- package/build-module/utils/block-bindings.js.map +1 -1
- package/build-style/content-rtl.css +14 -56
- package/build-style/content.css +14 -56
- package/build-style/default-editor-styles-rtl.css +10 -1
- package/build-style/default-editor-styles.css +10 -1
- package/build-style/style-rtl.css +51 -149
- package/build-style/style.css +51 -149
- package/package.json +32 -32
- package/src/autocompleters/link.js +2 -1
- package/src/components/block-actions/index.js +1 -13
- package/src/components/block-draggable/style.scss +2 -2
- package/src/components/block-inspector/index.js +79 -95
- package/src/components/block-inspector/style.scss +2 -0
- package/src/components/block-list/block.js +7 -28
- package/src/components/block-list/content.scss +1 -61
- package/src/components/block-list/index.js +21 -29
- package/src/components/block-list/use-block-props/index.js +3 -10
- package/src/components/block-list/use-block-props/use-zoom-out-mode-exit.js +19 -11
- package/src/components/block-list/use-in-between-inserter.js +5 -2
- package/src/components/block-list/zoom-out-separator.js +24 -8
- package/src/components/block-navigation/dropdown.js +1 -2
- package/src/components/block-parent-selector/index.js +13 -10
- package/src/components/block-pattern-setup/setup-toolbar.js +5 -10
- package/src/components/block-patterns-paging/index.js +8 -7
- package/src/components/block-patterns-paging/style.scss +10 -27
- package/src/components/block-quick-navigation/index.js +1 -2
- package/src/components/block-settings-menu/block-settings-dropdown.js +120 -106
- package/src/components/block-settings-menu-controls/index.js +0 -15
- package/src/components/block-switcher/index.js +37 -30
- package/src/components/block-toolbar/index.js +22 -34
- package/src/components/block-toolbar/style.scss +10 -1
- package/src/components/block-toolbar/use-has-block-toolbar.js +19 -31
- package/src/components/block-tools/index.js +7 -16
- package/src/components/block-tools/insertion-point.js +1 -4
- package/src/components/block-tools/style.scss +3 -88
- package/src/components/block-tools/use-show-block-tools.js +2 -12
- package/src/components/block-tools/zoom-out-mode-inserter-button.js +2 -17
- package/src/components/block-tools/zoom-out-mode-inserters.js +11 -19
- package/src/components/block-tools/zoom-out-toolbar.js +2 -13
- package/src/components/block-variation-picker/index.js +1 -2
- package/src/components/block-variation-transforms/index.js +2 -2
- package/src/components/button-block-appender/content.scss +0 -5
- package/src/components/button-block-appender/index.js +1 -2
- package/src/components/colors-gradients/dropdown.js +1 -5
- package/src/components/font-family/README.md +5 -1
- package/src/components/global-styles/border-panel.js +1 -1
- package/src/components/global-styles/color-panel.js +1 -5
- package/src/components/global-styles/dimensions-panel.js +1 -1
- package/src/components/global-styles/filters-panel.js +1 -2
- package/src/components/global-styles/shadow-panel-components.js +28 -33
- package/src/components/global-styles/style.scss +5 -0
- package/src/components/inner-blocks/index.js +1 -16
- package/src/components/inserter/block-types-tab.js +1 -1
- package/src/components/inserter/hooks/use-block-types-state.js +34 -14
- package/src/components/inserter/hooks/use-insertion-point.js +35 -13
- package/src/components/inserter/hooks/use-patterns-state.js +46 -9
- package/src/components/inserter/media-tab/media-preview.js +38 -12
- package/src/components/inserter/menu.js +2 -2
- package/src/components/inserter/mobile-tab-navigation.js +10 -13
- package/src/components/inserter/quick-inserter.js +5 -4
- package/src/components/inserter/style.scss +0 -28
- package/src/components/inspector-controls-tabs/index.js +21 -20
- package/src/components/inspector-controls-tabs/style.scss +2 -6
- package/src/components/inspector-popover-header/index.js +2 -4
- package/src/components/inspector-popover-header/style.scss +0 -13
- package/src/components/link-control/index.js +2 -5
- package/src/components/link-control/settings-drawer.js +1 -2
- package/src/components/list-view/block-contents.js +1 -28
- package/src/components/list-view/block-select-button.js +2 -5
- package/src/components/list-view/style.scss +18 -14
- package/src/components/media-placeholder/index.js +6 -12
- package/src/components/skip-to-selected-block/index.js +1 -2
- package/src/components/skip-to-selected-block/style.scss +0 -9
- package/src/components/tool-selector/index.js +14 -9
- package/src/components/tool-selector/style.scss +5 -0
- package/src/components/url-input/button.js +16 -12
- package/src/components/url-input/index.js +1 -2
- package/src/components/url-input/style.scss +0 -6
- package/src/components/use-block-commands/index.js +0 -58
- package/src/components/writing-flow/use-tab-nav.js +4 -36
- package/src/content.scss +0 -1
- package/src/hooks/duotone.js +4 -1
- package/src/hooks/layout-child.js +4 -1
- package/src/hooks/position.js +4 -1
- package/src/layouts/flex.js +10 -53
- package/src/store/actions.js +14 -13
- package/src/store/private-actions.js +14 -0
- package/src/store/private-selectors.js +120 -16
- package/src/store/reducer.js +22 -28
- package/src/store/selectors.js +203 -114
- package/src/store/test/private-actions.js +15 -0
- package/src/store/test/private-selectors.js +34 -0
- package/src/store/test/reducer.js +40 -4
- package/src/store/test/selectors.js +183 -20
- package/src/store/utils.js +4 -2
- package/src/utils/block-bindings.js +2 -0
- package/build/components/block-controls/use-has-block-controls.js +0 -43
- package/build/components/block-controls/use-has-block-controls.js.map +0 -1
- package/build/components/block-list/use-block-props/use-nav-mode-exit.js +0 -54
- package/build/components/block-list/use-block-props/use-nav-mode-exit.js.map +0 -1
- package/build/components/block-tools/block-selection-button.js +0 -259
- package/build/components/block-tools/block-selection-button.js.map +0 -1
- package/build/components/block-tools/block-toolbar-breadcrumb.js +0 -57
- package/build/components/block-tools/block-toolbar-breadcrumb.js.map +0 -1
- package/build/components/inserter/tabs.js +0 -78
- package/build/components/inserter/tabs.js.map +0 -1
- package/build-module/components/block-controls/use-has-block-controls.js +0 -34
- package/build-module/components/block-controls/use-has-block-controls.js.map +0 -1
- package/build-module/components/block-list/use-block-props/use-nav-mode-exit.js +0 -48
- package/build-module/components/block-list/use-block-props/use-nav-mode-exit.js.map +0 -1
- package/build-module/components/block-tools/block-selection-button.js +0 -254
- package/build-module/components/block-tools/block-selection-button.js.map +0 -1
- package/build-module/components/block-tools/block-toolbar-breadcrumb.js +0 -49
- package/build-module/components/block-tools/block-toolbar-breadcrumb.js.map +0 -1
- package/build-module/components/inserter/tabs.js +0 -72
- package/build-module/components/inserter/tabs.js.map +0 -1
- package/src/components/block-controls/use-has-block-controls.js +0 -35
- package/src/components/block-list/use-block-props/use-nav-mode-exit.js +0 -46
- package/src/components/block-tools/block-selection-button.js +0 -302
- package/src/components/block-tools/block-toolbar-breadcrumb.js +0 -51
- package/src/components/inner-blocks/content.scss +0 -13
- package/src/components/inserter/tabs.js +0 -78
- package/src/components/inserter/test/block-types-tab.native.js +0 -67
|
@@ -1,254 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* WordPress dependencies
|
|
8
|
-
*/
|
|
9
|
-
import { dragHandle } from '@wordpress/icons';
|
|
10
|
-
import { Button, Flex, FlexItem } from '@wordpress/components';
|
|
11
|
-
import { useSelect, useDispatch } from '@wordpress/data';
|
|
12
|
-
import { forwardRef, useEffect } from '@wordpress/element';
|
|
13
|
-
import { BACKSPACE, DELETE, UP, DOWN, LEFT, RIGHT, TAB, ESCAPE, ENTER, SPACE } from '@wordpress/keycodes';
|
|
14
|
-
import { __experimentalGetAccessibleBlockLabel as getAccessibleBlockLabel, store as blocksStore } from '@wordpress/blocks';
|
|
15
|
-
import { speak } from '@wordpress/a11y';
|
|
16
|
-
import { focus } from '@wordpress/dom';
|
|
17
|
-
import { __ } from '@wordpress/i18n';
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* Internal dependencies
|
|
21
|
-
*/
|
|
22
|
-
import BlockTitle from '../block-title';
|
|
23
|
-
import BlockIcon from '../block-icon';
|
|
24
|
-
import { store as blockEditorStore } from '../../store';
|
|
25
|
-
import BlockDraggable from '../block-draggable';
|
|
26
|
-
import { useBlockElement } from '../block-list/use-block-props/use-block-refs';
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* Block selection button component, displaying the label of the block. If the block
|
|
30
|
-
* descends from a root block, a button is displayed enabling the user to select
|
|
31
|
-
* the root block.
|
|
32
|
-
*
|
|
33
|
-
* @param {string} props Component props.
|
|
34
|
-
* @param {string} props.clientId Client ID of block.
|
|
35
|
-
* @param {Object} ref Reference to the component.
|
|
36
|
-
*
|
|
37
|
-
* @return {Component} The component to be rendered.
|
|
38
|
-
*/
|
|
39
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
40
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
41
|
-
function BlockSelectionButton({
|
|
42
|
-
clientId,
|
|
43
|
-
rootClientId
|
|
44
|
-
}, ref) {
|
|
45
|
-
const selected = useSelect(select => {
|
|
46
|
-
const {
|
|
47
|
-
getBlock,
|
|
48
|
-
getBlockIndex,
|
|
49
|
-
hasBlockMovingClientId,
|
|
50
|
-
getBlockListSettings,
|
|
51
|
-
__unstableGetEditorMode,
|
|
52
|
-
getNextBlockClientId,
|
|
53
|
-
getPreviousBlockClientId,
|
|
54
|
-
canMoveBlock
|
|
55
|
-
} = select(blockEditorStore);
|
|
56
|
-
const {
|
|
57
|
-
getActiveBlockVariation,
|
|
58
|
-
getBlockType
|
|
59
|
-
} = select(blocksStore);
|
|
60
|
-
const index = getBlockIndex(clientId);
|
|
61
|
-
const {
|
|
62
|
-
name,
|
|
63
|
-
attributes
|
|
64
|
-
} = getBlock(clientId);
|
|
65
|
-
const blockType = getBlockType(name);
|
|
66
|
-
const orientation = getBlockListSettings(rootClientId)?.orientation;
|
|
67
|
-
const match = getActiveBlockVariation(name, attributes);
|
|
68
|
-
return {
|
|
69
|
-
blockMovingMode: hasBlockMovingClientId(),
|
|
70
|
-
editorMode: __unstableGetEditorMode(),
|
|
71
|
-
icon: match?.icon || blockType.icon,
|
|
72
|
-
label: getAccessibleBlockLabel(blockType, attributes, index + 1, orientation),
|
|
73
|
-
canMove: canMoveBlock(clientId, rootClientId),
|
|
74
|
-
getNextBlockClientId,
|
|
75
|
-
getPreviousBlockClientId
|
|
76
|
-
};
|
|
77
|
-
}, [clientId, rootClientId]);
|
|
78
|
-
const {
|
|
79
|
-
label,
|
|
80
|
-
icon,
|
|
81
|
-
blockMovingMode,
|
|
82
|
-
editorMode,
|
|
83
|
-
canMove
|
|
84
|
-
} = selected;
|
|
85
|
-
const {
|
|
86
|
-
setNavigationMode,
|
|
87
|
-
removeBlock
|
|
88
|
-
} = useDispatch(blockEditorStore);
|
|
89
|
-
|
|
90
|
-
// Focus the breadcrumb in navigation mode.
|
|
91
|
-
useEffect(() => {
|
|
92
|
-
if (editorMode === 'navigation') {
|
|
93
|
-
ref.current.focus();
|
|
94
|
-
speak(label);
|
|
95
|
-
}
|
|
96
|
-
}, [label, editorMode]);
|
|
97
|
-
const blockElement = useBlockElement(clientId);
|
|
98
|
-
const {
|
|
99
|
-
hasBlockMovingClientId,
|
|
100
|
-
getBlockIndex,
|
|
101
|
-
getBlockRootClientId,
|
|
102
|
-
getClientIdsOfDescendants,
|
|
103
|
-
getSelectedBlockClientId,
|
|
104
|
-
getMultiSelectedBlocksEndClientId,
|
|
105
|
-
getPreviousBlockClientId,
|
|
106
|
-
getNextBlockClientId
|
|
107
|
-
} = useSelect(blockEditorStore);
|
|
108
|
-
const {
|
|
109
|
-
selectBlock,
|
|
110
|
-
clearSelectedBlock,
|
|
111
|
-
setBlockMovingClientId,
|
|
112
|
-
moveBlockToPosition
|
|
113
|
-
} = useDispatch(blockEditorStore);
|
|
114
|
-
function onKeyDown(event) {
|
|
115
|
-
const {
|
|
116
|
-
keyCode
|
|
117
|
-
} = event;
|
|
118
|
-
const isUp = keyCode === UP;
|
|
119
|
-
const isDown = keyCode === DOWN;
|
|
120
|
-
const isLeft = keyCode === LEFT;
|
|
121
|
-
const isRight = keyCode === RIGHT;
|
|
122
|
-
const isTab = keyCode === TAB;
|
|
123
|
-
const isEscape = keyCode === ESCAPE;
|
|
124
|
-
const isEnter = keyCode === ENTER;
|
|
125
|
-
const isSpace = keyCode === SPACE;
|
|
126
|
-
const isShift = event.shiftKey;
|
|
127
|
-
if (keyCode === BACKSPACE || keyCode === DELETE) {
|
|
128
|
-
removeBlock(clientId);
|
|
129
|
-
event.preventDefault();
|
|
130
|
-
return;
|
|
131
|
-
}
|
|
132
|
-
const selectedBlockClientId = getSelectedBlockClientId();
|
|
133
|
-
const selectionEndClientId = getMultiSelectedBlocksEndClientId();
|
|
134
|
-
const selectionBeforeEndClientId = getPreviousBlockClientId(selectionEndClientId || selectedBlockClientId);
|
|
135
|
-
const selectionAfterEndClientId = getNextBlockClientId(selectionEndClientId || selectedBlockClientId);
|
|
136
|
-
const navigateUp = isTab && isShift || isUp;
|
|
137
|
-
const navigateDown = isTab && !isShift || isDown;
|
|
138
|
-
// Move out of current nesting level (no effect if at root level).
|
|
139
|
-
const navigateOut = isLeft;
|
|
140
|
-
// Move into next nesting level (no effect if the current block has no innerBlocks).
|
|
141
|
-
const navigateIn = isRight;
|
|
142
|
-
let focusedBlockUid;
|
|
143
|
-
if (navigateUp) {
|
|
144
|
-
focusedBlockUid = selectionBeforeEndClientId;
|
|
145
|
-
} else if (navigateDown) {
|
|
146
|
-
focusedBlockUid = selectionAfterEndClientId;
|
|
147
|
-
} else if (navigateOut) {
|
|
148
|
-
var _getBlockRootClientId;
|
|
149
|
-
focusedBlockUid = (_getBlockRootClientId = getBlockRootClientId(selectedBlockClientId)) !== null && _getBlockRootClientId !== void 0 ? _getBlockRootClientId : selectedBlockClientId;
|
|
150
|
-
} else if (navigateIn) {
|
|
151
|
-
var _getClientIdsOfDescen;
|
|
152
|
-
focusedBlockUid = (_getClientIdsOfDescen = getClientIdsOfDescendants(selectedBlockClientId)[0]) !== null && _getClientIdsOfDescen !== void 0 ? _getClientIdsOfDescen : selectedBlockClientId;
|
|
153
|
-
}
|
|
154
|
-
const startingBlockClientId = hasBlockMovingClientId();
|
|
155
|
-
if (isEscape && startingBlockClientId && !event.defaultPrevented) {
|
|
156
|
-
setBlockMovingClientId(null);
|
|
157
|
-
event.preventDefault();
|
|
158
|
-
}
|
|
159
|
-
if ((isEnter || isSpace) && startingBlockClientId) {
|
|
160
|
-
const sourceRoot = getBlockRootClientId(startingBlockClientId);
|
|
161
|
-
const destRoot = getBlockRootClientId(selectedBlockClientId);
|
|
162
|
-
const sourceBlockIndex = getBlockIndex(startingBlockClientId);
|
|
163
|
-
let destinationBlockIndex = getBlockIndex(selectedBlockClientId);
|
|
164
|
-
if (sourceBlockIndex < destinationBlockIndex && sourceRoot === destRoot) {
|
|
165
|
-
destinationBlockIndex -= 1;
|
|
166
|
-
}
|
|
167
|
-
moveBlockToPosition(startingBlockClientId, sourceRoot, destRoot, destinationBlockIndex);
|
|
168
|
-
selectBlock(startingBlockClientId);
|
|
169
|
-
setBlockMovingClientId(null);
|
|
170
|
-
}
|
|
171
|
-
// Prevent the block from being moved into itself.
|
|
172
|
-
if (startingBlockClientId && selectedBlockClientId === startingBlockClientId && navigateIn) {
|
|
173
|
-
return;
|
|
174
|
-
}
|
|
175
|
-
if (navigateDown || navigateUp || navigateOut || navigateIn) {
|
|
176
|
-
if (focusedBlockUid) {
|
|
177
|
-
event.preventDefault();
|
|
178
|
-
selectBlock(focusedBlockUid);
|
|
179
|
-
} else if (isTab && selectedBlockClientId) {
|
|
180
|
-
let nextTabbable;
|
|
181
|
-
if (navigateDown) {
|
|
182
|
-
nextTabbable = blockElement;
|
|
183
|
-
do {
|
|
184
|
-
nextTabbable = focus.tabbable.findNext(nextTabbable);
|
|
185
|
-
} while (nextTabbable && blockElement.contains(nextTabbable));
|
|
186
|
-
if (!nextTabbable) {
|
|
187
|
-
nextTabbable = blockElement.ownerDocument.defaultView.frameElement;
|
|
188
|
-
nextTabbable = focus.tabbable.findNext(nextTabbable);
|
|
189
|
-
}
|
|
190
|
-
} else {
|
|
191
|
-
nextTabbable = focus.tabbable.findPrevious(blockElement);
|
|
192
|
-
}
|
|
193
|
-
if (nextTabbable) {
|
|
194
|
-
event.preventDefault();
|
|
195
|
-
nextTabbable.focus();
|
|
196
|
-
clearSelectedBlock();
|
|
197
|
-
}
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
const classNames = clsx('block-editor-block-list__block-selection-button', {
|
|
202
|
-
'is-block-moving-mode': !!blockMovingMode
|
|
203
|
-
});
|
|
204
|
-
const dragHandleLabel = __('Drag');
|
|
205
|
-
const showBlockDraggable = canMove && editorMode === 'navigation';
|
|
206
|
-
return /*#__PURE__*/_jsx("div", {
|
|
207
|
-
className: classNames,
|
|
208
|
-
children: /*#__PURE__*/_jsxs(Flex, {
|
|
209
|
-
justify: "center",
|
|
210
|
-
className: "block-editor-block-list__block-selection-button__content",
|
|
211
|
-
children: [/*#__PURE__*/_jsx(FlexItem, {
|
|
212
|
-
children: /*#__PURE__*/_jsx(BlockIcon, {
|
|
213
|
-
icon: icon,
|
|
214
|
-
showColors: true
|
|
215
|
-
})
|
|
216
|
-
}), showBlockDraggable && /*#__PURE__*/_jsx(FlexItem, {
|
|
217
|
-
children: /*#__PURE__*/_jsx(BlockDraggable, {
|
|
218
|
-
clientIds: [clientId],
|
|
219
|
-
children: draggableProps => /*#__PURE__*/_jsx(Button
|
|
220
|
-
// TODO: Switch to `true` (40px size) if possible
|
|
221
|
-
, {
|
|
222
|
-
__next40pxDefaultSize: false,
|
|
223
|
-
icon: dragHandle,
|
|
224
|
-
className: "block-selection-button_drag-handle",
|
|
225
|
-
label: dragHandleLabel
|
|
226
|
-
// Should not be able to tab to drag handle as this
|
|
227
|
-
// button can only be used with a pointer device.
|
|
228
|
-
,
|
|
229
|
-
tabIndex: "-1",
|
|
230
|
-
...draggableProps
|
|
231
|
-
})
|
|
232
|
-
})
|
|
233
|
-
}), editorMode === 'navigation' && /*#__PURE__*/_jsx(FlexItem, {
|
|
234
|
-
children: /*#__PURE__*/_jsx(Button
|
|
235
|
-
// TODO: Switch to `true` (40px size) if possible
|
|
236
|
-
, {
|
|
237
|
-
__next40pxDefaultSize: false,
|
|
238
|
-
ref: ref,
|
|
239
|
-
onClick: editorMode === 'navigation' ? () => setNavigationMode(false) : undefined,
|
|
240
|
-
onKeyDown: onKeyDown,
|
|
241
|
-
label: label,
|
|
242
|
-
showTooltip: false,
|
|
243
|
-
className: "block-selection-button_select-button",
|
|
244
|
-
children: /*#__PURE__*/_jsx(BlockTitle, {
|
|
245
|
-
clientId: clientId,
|
|
246
|
-
maximumLength: 35
|
|
247
|
-
})
|
|
248
|
-
})
|
|
249
|
-
})]
|
|
250
|
-
})
|
|
251
|
-
});
|
|
252
|
-
}
|
|
253
|
-
export default forwardRef(BlockSelectionButton);
|
|
254
|
-
//# sourceMappingURL=block-selection-button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","dragHandle","Button","Flex","FlexItem","useSelect","useDispatch","forwardRef","useEffect","BACKSPACE","DELETE","UP","DOWN","LEFT","RIGHT","TAB","ESCAPE","ENTER","SPACE","__experimentalGetAccessibleBlockLabel","getAccessibleBlockLabel","store","blocksStore","speak","focus","__","BlockTitle","BlockIcon","blockEditorStore","BlockDraggable","useBlockElement","jsx","_jsx","jsxs","_jsxs","BlockSelectionButton","clientId","rootClientId","ref","selected","select","getBlock","getBlockIndex","hasBlockMovingClientId","getBlockListSettings","__unstableGetEditorMode","getNextBlockClientId","getPreviousBlockClientId","canMoveBlock","getActiveBlockVariation","getBlockType","index","name","attributes","blockType","orientation","match","blockMovingMode","editorMode","icon","label","canMove","setNavigationMode","removeBlock","current","blockElement","getBlockRootClientId","getClientIdsOfDescendants","getSelectedBlockClientId","getMultiSelectedBlocksEndClientId","selectBlock","clearSelectedBlock","setBlockMovingClientId","moveBlockToPosition","onKeyDown","event","keyCode","isUp","isDown","isLeft","isRight","isTab","isEscape","isEnter","isSpace","isShift","shiftKey","preventDefault","selectedBlockClientId","selectionEndClientId","selectionBeforeEndClientId","selectionAfterEndClientId","navigateUp","navigateDown","navigateOut","navigateIn","focusedBlockUid","_getBlockRootClientId","_getClientIdsOfDescen","startingBlockClientId","defaultPrevented","sourceRoot","destRoot","sourceBlockIndex","destinationBlockIndex","nextTabbable","tabbable","findNext","contains","ownerDocument","defaultView","frameElement","findPrevious","classNames","dragHandleLabel","showBlockDraggable","className","children","justify","showColors","clientIds","draggableProps","__next40pxDefaultSize","tabIndex","onClick","undefined","showTooltip","maximumLength"],"sources":["@wordpress/block-editor/src/components/block-tools/block-selection-button.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { dragHandle } from '@wordpress/icons';\nimport { Button, Flex, FlexItem } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef, useEffect } from '@wordpress/element';\nimport {\n\tBACKSPACE,\n\tDELETE,\n\tUP,\n\tDOWN,\n\tLEFT,\n\tRIGHT,\n\tTAB,\n\tESCAPE,\n\tENTER,\n\tSPACE,\n} from '@wordpress/keycodes';\nimport {\n\t__experimentalGetAccessibleBlockLabel as getAccessibleBlockLabel,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { speak } from '@wordpress/a11y';\nimport { focus } from '@wordpress/dom';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport BlockTitle from '../block-title';\nimport BlockIcon from '../block-icon';\nimport { store as blockEditorStore } from '../../store';\nimport BlockDraggable from '../block-draggable';\nimport { useBlockElement } from '../block-list/use-block-props/use-block-refs';\n\n/**\n * Block selection button component, displaying the label of the block. If the block\n * descends from a root block, a button is displayed enabling the user to select\n * the root block.\n *\n * @param {string} props Component props.\n * @param {string} props.clientId Client ID of block.\n * @param {Object} ref Reference to the component.\n *\n * @return {Component} The component to be rendered.\n */\nfunction BlockSelectionButton( { clientId, rootClientId }, ref ) {\n\tconst selected = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlock,\n\t\t\t\tgetBlockIndex,\n\t\t\t\thasBlockMovingClientId,\n\t\t\t\tgetBlockListSettings,\n\t\t\t\t__unstableGetEditorMode,\n\t\t\t\tgetNextBlockClientId,\n\t\t\t\tgetPreviousBlockClientId,\n\t\t\t\tcanMoveBlock,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getActiveBlockVariation, getBlockType } =\n\t\t\t\tselect( blocksStore );\n\t\t\tconst index = getBlockIndex( clientId );\n\t\t\tconst { name, attributes } = getBlock( clientId );\n\t\t\tconst blockType = getBlockType( name );\n\t\t\tconst orientation =\n\t\t\t\tgetBlockListSettings( rootClientId )?.orientation;\n\t\t\tconst match = getActiveBlockVariation( name, attributes );\n\n\t\t\treturn {\n\t\t\t\tblockMovingMode: hasBlockMovingClientId(),\n\t\t\t\teditorMode: __unstableGetEditorMode(),\n\t\t\t\ticon: match?.icon || blockType.icon,\n\t\t\t\tlabel: getAccessibleBlockLabel(\n\t\t\t\t\tblockType,\n\t\t\t\t\tattributes,\n\t\t\t\t\tindex + 1,\n\t\t\t\t\torientation\n\t\t\t\t),\n\t\t\t\tcanMove: canMoveBlock( clientId, rootClientId ),\n\t\t\t\tgetNextBlockClientId,\n\t\t\t\tgetPreviousBlockClientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId, rootClientId ]\n\t);\n\tconst { label, icon, blockMovingMode, editorMode, canMove } = selected;\n\tconst { setNavigationMode, removeBlock } = useDispatch( blockEditorStore );\n\n\t// Focus the breadcrumb in navigation mode.\n\tuseEffect( () => {\n\t\tif ( editorMode === 'navigation' ) {\n\t\t\tref.current.focus();\n\t\t\tspeak( label );\n\t\t}\n\t}, [ label, editorMode ] );\n\tconst blockElement = useBlockElement( clientId );\n\n\tconst {\n\t\thasBlockMovingClientId,\n\t\tgetBlockIndex,\n\t\tgetBlockRootClientId,\n\t\tgetClientIdsOfDescendants,\n\t\tgetSelectedBlockClientId,\n\t\tgetMultiSelectedBlocksEndClientId,\n\t\tgetPreviousBlockClientId,\n\t\tgetNextBlockClientId,\n\t} = useSelect( blockEditorStore );\n\tconst {\n\t\tselectBlock,\n\t\tclearSelectedBlock,\n\t\tsetBlockMovingClientId,\n\t\tmoveBlockToPosition,\n\t} = useDispatch( blockEditorStore );\n\n\tfunction onKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\t\tconst isUp = keyCode === UP;\n\t\tconst isDown = keyCode === DOWN;\n\t\tconst isLeft = keyCode === LEFT;\n\t\tconst isRight = keyCode === RIGHT;\n\t\tconst isTab = keyCode === TAB;\n\t\tconst isEscape = keyCode === ESCAPE;\n\t\tconst isEnter = keyCode === ENTER;\n\t\tconst isSpace = keyCode === SPACE;\n\t\tconst isShift = event.shiftKey;\n\n\t\tif ( keyCode === BACKSPACE || keyCode === DELETE ) {\n\t\t\tremoveBlock( clientId );\n\t\t\tevent.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\t\tconst selectionEndClientId = getMultiSelectedBlocksEndClientId();\n\t\tconst selectionBeforeEndClientId = getPreviousBlockClientId(\n\t\t\tselectionEndClientId || selectedBlockClientId\n\t\t);\n\t\tconst selectionAfterEndClientId = getNextBlockClientId(\n\t\t\tselectionEndClientId || selectedBlockClientId\n\t\t);\n\n\t\tconst navigateUp = ( isTab && isShift ) || isUp;\n\t\tconst navigateDown = ( isTab && ! isShift ) || isDown;\n\t\t// Move out of current nesting level (no effect if at root level).\n\t\tconst navigateOut = isLeft;\n\t\t// Move into next nesting level (no effect if the current block has no innerBlocks).\n\t\tconst navigateIn = isRight;\n\n\t\tlet focusedBlockUid;\n\t\tif ( navigateUp ) {\n\t\t\tfocusedBlockUid = selectionBeforeEndClientId;\n\t\t} else if ( navigateDown ) {\n\t\t\tfocusedBlockUid = selectionAfterEndClientId;\n\t\t} else if ( navigateOut ) {\n\t\t\tfocusedBlockUid =\n\t\t\t\tgetBlockRootClientId( selectedBlockClientId ) ??\n\t\t\t\tselectedBlockClientId;\n\t\t} else if ( navigateIn ) {\n\t\t\tfocusedBlockUid =\n\t\t\t\tgetClientIdsOfDescendants( selectedBlockClientId )[ 0 ] ??\n\t\t\t\tselectedBlockClientId;\n\t\t}\n\t\tconst startingBlockClientId = hasBlockMovingClientId();\n\t\tif ( isEscape && startingBlockClientId && ! event.defaultPrevented ) {\n\t\t\tsetBlockMovingClientId( null );\n\t\t\tevent.preventDefault();\n\t\t}\n\t\tif ( ( isEnter || isSpace ) && startingBlockClientId ) {\n\t\t\tconst sourceRoot = getBlockRootClientId( startingBlockClientId );\n\t\t\tconst destRoot = getBlockRootClientId( selectedBlockClientId );\n\t\t\tconst sourceBlockIndex = getBlockIndex( startingBlockClientId );\n\t\t\tlet destinationBlockIndex = getBlockIndex( selectedBlockClientId );\n\t\t\tif (\n\t\t\t\tsourceBlockIndex < destinationBlockIndex &&\n\t\t\t\tsourceRoot === destRoot\n\t\t\t) {\n\t\t\t\tdestinationBlockIndex -= 1;\n\t\t\t}\n\t\t\tmoveBlockToPosition(\n\t\t\t\tstartingBlockClientId,\n\t\t\t\tsourceRoot,\n\t\t\t\tdestRoot,\n\t\t\t\tdestinationBlockIndex\n\t\t\t);\n\t\t\tselectBlock( startingBlockClientId );\n\t\t\tsetBlockMovingClientId( null );\n\t\t}\n\t\t// Prevent the block from being moved into itself.\n\t\tif (\n\t\t\tstartingBlockClientId &&\n\t\t\tselectedBlockClientId === startingBlockClientId &&\n\t\t\tnavigateIn\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tif ( navigateDown || navigateUp || navigateOut || navigateIn ) {\n\t\t\tif ( focusedBlockUid ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tselectBlock( focusedBlockUid );\n\t\t\t} else if ( isTab && selectedBlockClientId ) {\n\t\t\t\tlet nextTabbable;\n\n\t\t\t\tif ( navigateDown ) {\n\t\t\t\t\tnextTabbable = blockElement;\n\t\t\t\t\tdo {\n\t\t\t\t\t\tnextTabbable = focus.tabbable.findNext( nextTabbable );\n\t\t\t\t\t} while (\n\t\t\t\t\t\tnextTabbable &&\n\t\t\t\t\t\tblockElement.contains( nextTabbable )\n\t\t\t\t\t);\n\n\t\t\t\t\tif ( ! nextTabbable ) {\n\t\t\t\t\t\tnextTabbable =\n\t\t\t\t\t\t\tblockElement.ownerDocument.defaultView.frameElement;\n\t\t\t\t\t\tnextTabbable = focus.tabbable.findNext( nextTabbable );\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tnextTabbable = focus.tabbable.findPrevious( blockElement );\n\t\t\t\t}\n\n\t\t\t\tif ( nextTabbable ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tnextTabbable.focus();\n\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tconst classNames = clsx(\n\t\t'block-editor-block-list__block-selection-button',\n\t\t{\n\t\t\t'is-block-moving-mode': !! blockMovingMode,\n\t\t}\n\t);\n\n\tconst dragHandleLabel = __( 'Drag' );\n\tconst showBlockDraggable = canMove && editorMode === 'navigation';\n\n\treturn (\n\t\t<div className={ classNames }>\n\t\t\t<Flex\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"block-editor-block-list__block-selection-button__content\"\n\t\t\t>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<BlockIcon icon={ icon } showColors />\n\t\t\t\t</FlexItem>\n\t\t\t\t{ showBlockDraggable && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<BlockDraggable clientIds={ [ clientId ] }>\n\t\t\t\t\t\t\t{ ( draggableProps ) => (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\t\t\ticon={ dragHandle }\n\t\t\t\t\t\t\t\t\tclassName=\"block-selection-button_drag-handle\"\n\t\t\t\t\t\t\t\t\tlabel={ dragHandleLabel }\n\t\t\t\t\t\t\t\t\t// Should not be able to tab to drag handle as this\n\t\t\t\t\t\t\t\t\t// button can only be used with a pointer device.\n\t\t\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t\t\t{ ...draggableProps }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BlockDraggable>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t\t{ editorMode === 'navigation' && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\teditorMode === 'navigation'\n\t\t\t\t\t\t\t\t\t? () => setNavigationMode( false )\n\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\tshowTooltip={ false }\n\t\t\t\t\t\t\tclassName=\"block-selection-button_select-button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BlockTitle\n\t\t\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\t\t\tmaximumLength={ 35 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( BlockSelectionButton );\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* WordPress dependencies
|
|
8
|
-
*/
|
|
9
|
-
import { forwardRef } from '@wordpress/element';
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Internal dependencies
|
|
13
|
-
*/
|
|
14
|
-
import BlockSelectionButton from './block-selection-button';
|
|
15
|
-
import { PrivateBlockPopover } from '../block-popover';
|
|
16
|
-
import useBlockToolbarPopoverProps from './use-block-toolbar-popover-props';
|
|
17
|
-
import useSelectedBlockToolProps from './use-selected-block-tool-props';
|
|
18
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
19
|
-
function BlockToolbarBreadcrumb({
|
|
20
|
-
clientId,
|
|
21
|
-
__unstableContentRef
|
|
22
|
-
}, ref) {
|
|
23
|
-
const {
|
|
24
|
-
capturingClientId,
|
|
25
|
-
isInsertionPointVisible,
|
|
26
|
-
lastClientId,
|
|
27
|
-
rootClientId
|
|
28
|
-
} = useSelectedBlockToolProps(clientId);
|
|
29
|
-
const popoverProps = useBlockToolbarPopoverProps({
|
|
30
|
-
contentElement: __unstableContentRef?.current,
|
|
31
|
-
clientId
|
|
32
|
-
});
|
|
33
|
-
return /*#__PURE__*/_jsx(PrivateBlockPopover, {
|
|
34
|
-
clientId: capturingClientId || clientId,
|
|
35
|
-
bottomClientId: lastClientId,
|
|
36
|
-
className: clsx('block-editor-block-list__block-popover', {
|
|
37
|
-
'is-insertion-point-visible': isInsertionPointVisible
|
|
38
|
-
}),
|
|
39
|
-
resize: false,
|
|
40
|
-
...popoverProps,
|
|
41
|
-
children: /*#__PURE__*/_jsx(BlockSelectionButton, {
|
|
42
|
-
ref: ref,
|
|
43
|
-
clientId: clientId,
|
|
44
|
-
rootClientId: rootClientId
|
|
45
|
-
})
|
|
46
|
-
});
|
|
47
|
-
}
|
|
48
|
-
export default forwardRef(BlockToolbarBreadcrumb);
|
|
49
|
-
//# sourceMappingURL=block-toolbar-breadcrumb.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","forwardRef","BlockSelectionButton","PrivateBlockPopover","useBlockToolbarPopoverProps","useSelectedBlockToolProps","jsx","_jsx","BlockToolbarBreadcrumb","clientId","__unstableContentRef","ref","capturingClientId","isInsertionPointVisible","lastClientId","rootClientId","popoverProps","contentElement","current","bottomClientId","className","resize","children"],"sources":["@wordpress/block-editor/src/components/block-tools/block-toolbar-breadcrumb.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport BlockSelectionButton from './block-selection-button';\nimport { PrivateBlockPopover } from '../block-popover';\nimport useBlockToolbarPopoverProps from './use-block-toolbar-popover-props';\nimport useSelectedBlockToolProps from './use-selected-block-tool-props';\n\nfunction BlockToolbarBreadcrumb( { clientId, __unstableContentRef }, ref ) {\n\tconst {\n\t\tcapturingClientId,\n\t\tisInsertionPointVisible,\n\t\tlastClientId,\n\t\trootClientId,\n\t} = useSelectedBlockToolProps( clientId );\n\n\tconst popoverProps = useBlockToolbarPopoverProps( {\n\t\tcontentElement: __unstableContentRef?.current,\n\t\tclientId,\n\t} );\n\n\treturn (\n\t\t<PrivateBlockPopover\n\t\t\tclientId={ capturingClientId || clientId }\n\t\t\tbottomClientId={ lastClientId }\n\t\t\tclassName={ clsx( 'block-editor-block-list__block-popover', {\n\t\t\t\t'is-insertion-point-visible': isInsertionPointVisible,\n\t\t\t} ) }\n\t\t\tresize={ false }\n\t\t\t{ ...popoverProps }\n\t\t>\n\t\t\t<BlockSelectionButton\n\t\t\t\tref={ ref }\n\t\t\t\tclientId={ clientId }\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t/>\n\t\t</PrivateBlockPopover>\n\t);\n}\n\nexport default forwardRef( BlockToolbarBreadcrumb );\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,oBAAoB,MAAM,0BAA0B;AAC3D,SAASC,mBAAmB,QAAQ,kBAAkB;AACtD,OAAOC,2BAA2B,MAAM,mCAAmC;AAC3E,OAAOC,yBAAyB,MAAM,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExE,SAASC,sBAAsBA,CAAE;EAAEC,QAAQ;EAAEC;AAAqB,CAAC,EAAEC,GAAG,EAAG;EAC1E,MAAM;IACLC,iBAAiB;IACjBC,uBAAuB;IACvBC,YAAY;IACZC;EACD,CAAC,GAAGV,yBAAyB,CAAEI,QAAS,CAAC;EAEzC,MAAMO,YAAY,GAAGZ,2BAA2B,CAAE;IACjDa,cAAc,EAAEP,oBAAoB,EAAEQ,OAAO;IAC7CT;EACD,CAAE,CAAC;EAEH,oBACCF,IAAA,CAACJ,mBAAmB;IACnBM,QAAQ,EAAGG,iBAAiB,IAAIH,QAAU;IAC1CU,cAAc,EAAGL,YAAc;IAC/BM,SAAS,EAAGpB,IAAI,CAAE,wCAAwC,EAAE;MAC3D,4BAA4B,EAAEa;IAC/B,CAAE,CAAG;IACLQ,MAAM,EAAG,KAAO;IAAA,GACXL,YAAY;IAAAM,QAAA,eAEjBf,IAAA,CAACL,oBAAoB;MACpBS,GAAG,EAAGA,GAAK;MACXF,QAAQ,EAAGA,QAAU;MACrBM,YAAY,EAAGA;IAAc,CAC7B;EAAC,CACkB,CAAC;AAExB;AAEA,eAAed,UAAU,CAAEO,sBAAuB,CAAC","ignoreList":[]}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { Button, privateApis as componentsPrivateApis } from '@wordpress/components';
|
|
5
|
-
import { __ } from '@wordpress/i18n';
|
|
6
|
-
import { forwardRef } from '@wordpress/element';
|
|
7
|
-
import { closeSmall } from '@wordpress/icons';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Internal dependencies
|
|
11
|
-
*/
|
|
12
|
-
import { unlock } from '../../lock-unlock';
|
|
13
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
14
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
-
const {
|
|
16
|
-
Tabs
|
|
17
|
-
} = unlock(componentsPrivateApis);
|
|
18
|
-
const blocksTab = {
|
|
19
|
-
name: 'blocks',
|
|
20
|
-
/* translators: Blocks tab title in the block inserter. */
|
|
21
|
-
title: __('Blocks')
|
|
22
|
-
};
|
|
23
|
-
const patternsTab = {
|
|
24
|
-
name: 'patterns',
|
|
25
|
-
/* translators: Theme and Directory Patterns tab title in the block inserter. */
|
|
26
|
-
title: __('Patterns')
|
|
27
|
-
};
|
|
28
|
-
const mediaTab = {
|
|
29
|
-
name: 'media',
|
|
30
|
-
/* translators: Media tab title in the block inserter. */
|
|
31
|
-
title: __('Media')
|
|
32
|
-
};
|
|
33
|
-
function InserterTabs({
|
|
34
|
-
onSelect,
|
|
35
|
-
children,
|
|
36
|
-
onClose,
|
|
37
|
-
selectedTab
|
|
38
|
-
}, ref) {
|
|
39
|
-
const tabs = [blocksTab, patternsTab, mediaTab];
|
|
40
|
-
return /*#__PURE__*/_jsx("div", {
|
|
41
|
-
className: "block-editor-inserter__tabs",
|
|
42
|
-
ref: ref,
|
|
43
|
-
children: /*#__PURE__*/_jsxs(Tabs, {
|
|
44
|
-
onSelect: onSelect,
|
|
45
|
-
selectedTabId: selectedTab,
|
|
46
|
-
children: [/*#__PURE__*/_jsxs("div", {
|
|
47
|
-
className: "block-editor-inserter__tablist-and-close-button",
|
|
48
|
-
children: [/*#__PURE__*/_jsx(Button, {
|
|
49
|
-
className: "block-editor-inserter__close-button",
|
|
50
|
-
icon: closeSmall,
|
|
51
|
-
label: __('Close block inserter'),
|
|
52
|
-
onClick: () => onClose(),
|
|
53
|
-
size: "small"
|
|
54
|
-
}), /*#__PURE__*/_jsx(Tabs.TabList, {
|
|
55
|
-
className: "block-editor-inserter__tablist",
|
|
56
|
-
children: tabs.map(tab => /*#__PURE__*/_jsx(Tabs.Tab, {
|
|
57
|
-
tabId: tab.name,
|
|
58
|
-
className: "block-editor-inserter__tab",
|
|
59
|
-
children: tab.title
|
|
60
|
-
}, tab.name))
|
|
61
|
-
})]
|
|
62
|
-
}), tabs.map(tab => /*#__PURE__*/_jsx(Tabs.TabPanel, {
|
|
63
|
-
tabId: tab.name,
|
|
64
|
-
focusable: false,
|
|
65
|
-
className: "block-editor-inserter__tabpanel",
|
|
66
|
-
children: children
|
|
67
|
-
}, tab.name))]
|
|
68
|
-
})
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
export default forwardRef(InserterTabs);
|
|
72
|
-
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Button","privateApis","componentsPrivateApis","__","forwardRef","closeSmall","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","blocksTab","name","title","patternsTab","mediaTab","InserterTabs","onSelect","children","onClose","selectedTab","ref","tabs","className","selectedTabId","icon","label","onClick","size","TabList","map","tab","Tab","tabId","TabPanel","focusable"],"sources":["@wordpress/block-editor/src/components/inserter/tabs.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { forwardRef } from '@wordpress/element';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nconst blocksTab = {\n\tname: 'blocks',\n\t/* translators: Blocks tab title in the block inserter. */\n\ttitle: __( 'Blocks' ),\n};\nconst patternsTab = {\n\tname: 'patterns',\n\t/* translators: Theme and Directory Patterns tab title in the block inserter. */\n\ttitle: __( 'Patterns' ),\n};\n\nconst mediaTab = {\n\tname: 'media',\n\t/* translators: Media tab title in the block inserter. */\n\ttitle: __( 'Media' ),\n};\n\nfunction InserterTabs( { onSelect, children, onClose, selectedTab }, ref ) {\n\tconst tabs = [ blocksTab, patternsTab, mediaTab ];\n\n\treturn (\n\t\t<div className=\"block-editor-inserter__tabs\" ref={ ref }>\n\t\t\t<Tabs onSelect={ onSelect } selectedTabId={ selectedTab }>\n\t\t\t\t<div className=\"block-editor-inserter__tablist-and-close-button\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclassName=\"block-editor-inserter__close-button\"\n\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\tlabel={ __( 'Close block inserter' ) }\n\t\t\t\t\t\tonClick={ () => onClose() }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<Tabs.TabList className=\"block-editor-inserter__tablist\">\n\t\t\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t\t\t<Tabs.Tab\n\t\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\t\t\tclassName=\"block-editor-inserter__tab\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ tab.title }\n\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t</div>\n\t\t\t\t{ tabs.map( ( tab ) => (\n\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\ttabId={ tab.name }\n\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\tclassName=\"block-editor-inserter__tabpanel\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t) ) }\n\t\t\t</Tabs>\n\t\t</div>\n\t);\n}\n\nexport default forwardRef( InserterTabs );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,MAAM,EACNC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAK,CAAC,GAAGL,MAAM,CAAEJ,qBAAsB,CAAC;AAEhD,MAAMU,SAAS,GAAG;EACjBC,IAAI,EAAE,QAAQ;EACd;EACAC,KAAK,EAAEX,EAAE,CAAE,QAAS;AACrB,CAAC;AACD,MAAMY,WAAW,GAAG;EACnBF,IAAI,EAAE,UAAU;EAChB;EACAC,KAAK,EAAEX,EAAE,CAAE,UAAW;AACvB,CAAC;AAED,MAAMa,QAAQ,GAAG;EAChBH,IAAI,EAAE,OAAO;EACb;EACAC,KAAK,EAAEX,EAAE,CAAE,OAAQ;AACpB,CAAC;AAED,SAASc,YAAYA,CAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAY,CAAC,EAAEC,GAAG,EAAG;EAC1E,MAAMC,IAAI,GAAG,CAAEX,SAAS,EAAEG,WAAW,EAAEC,QAAQ,CAAE;EAEjD,oBACCR,IAAA;IAAKgB,SAAS,EAAC,6BAA6B;IAACF,GAAG,EAAGA,GAAK;IAAAH,QAAA,eACvDT,KAAA,CAACC,IAAI;MAACO,QAAQ,EAAGA,QAAU;MAACO,aAAa,EAAGJ,WAAa;MAAAF,QAAA,gBACxDT,KAAA;QAAKc,SAAS,EAAC,iDAAiD;QAAAL,QAAA,gBAC/DX,IAAA,CAACR,MAAM;UACNwB,SAAS,EAAC,qCAAqC;UAC/CE,IAAI,EAAGrB,UAAY;UACnBsB,KAAK,EAAGxB,EAAE,CAAE,sBAAuB,CAAG;UACtCyB,OAAO,EAAGA,CAAA,KAAMR,OAAO,CAAC,CAAG;UAC3BS,IAAI,EAAC;QAAO,CACZ,CAAC,eAEFrB,IAAA,CAACG,IAAI,CAACmB,OAAO;UAACN,SAAS,EAAC,gCAAgC;UAAAL,QAAA,EACrDI,IAAI,CAACQ,GAAG,CAAIC,GAAG,iBAChBxB,IAAA,CAACG,IAAI,CAACsB,GAAG;YAERC,KAAK,EAAGF,GAAG,CAACnB,IAAM;YAClBW,SAAS,EAAC,4BAA4B;YAAAL,QAAA,EAEpCa,GAAG,CAAClB;UAAK,GAJLkB,GAAG,CAACnB,IAKD,CACT;QAAC,CACU,CAAC;MAAA,CACX,CAAC,EACJU,IAAI,CAACQ,GAAG,CAAIC,GAAG,iBAChBxB,IAAA,CAACG,IAAI,CAACwB,QAAQ;QAEbD,KAAK,EAAGF,GAAG,CAACnB,IAAM;QAClBuB,SAAS,EAAG,KAAO;QACnBZ,SAAS,EAAC,iCAAiC;QAAAL,QAAA,EAEzCA;MAAQ,GALJa,GAAG,CAACnB,IAMI,CACd,CAAC;IAAA,CACE;EAAC,CACH,CAAC;AAER;AAEA,eAAeT,UAAU,CAAEa,YAAa,CAAC","ignoreList":[]}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { __experimentalUseSlotFills as useSlotFills } from '@wordpress/components';
|
|
5
|
-
import warning from '@wordpress/warning';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Internal dependencies
|
|
9
|
-
*/
|
|
10
|
-
import groups from './groups';
|
|
11
|
-
|
|
12
|
-
export function useHasAnyBlockControls() {
|
|
13
|
-
let hasAnyBlockControls = false;
|
|
14
|
-
for ( const group in groups ) {
|
|
15
|
-
// It is safe to violate the rules of hooks here as the `groups` object
|
|
16
|
-
// is static and will not change length between renders. Do not return
|
|
17
|
-
// early as that will cause the hook to be called a different number of
|
|
18
|
-
// times between renders.
|
|
19
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
20
|
-
if ( useHasBlockControls( group ) ) {
|
|
21
|
-
hasAnyBlockControls = true;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
return hasAnyBlockControls;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export function useHasBlockControls( group = 'default' ) {
|
|
28
|
-
const Slot = groups[ group ]?.Slot;
|
|
29
|
-
const fills = useSlotFills( Slot?.__unstableName );
|
|
30
|
-
if ( ! Slot ) {
|
|
31
|
-
warning( `Unknown BlockControls group "${ group }" provided.` );
|
|
32
|
-
return null;
|
|
33
|
-
}
|
|
34
|
-
return !! fills?.length;
|
|
35
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { useSelect, useDispatch } from '@wordpress/data';
|
|
5
|
-
import { useRefEffect } from '@wordpress/compose';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Internal dependencies
|
|
9
|
-
*/
|
|
10
|
-
import { store as blockEditorStore } from '../../../store';
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Allows navigation mode to be exited by clicking in the selected block.
|
|
14
|
-
*
|
|
15
|
-
* @param {string} clientId Block client ID.
|
|
16
|
-
*/
|
|
17
|
-
export function useNavModeExit( clientId ) {
|
|
18
|
-
const { isNavigationMode, isBlockSelected } = useSelect( blockEditorStore );
|
|
19
|
-
const { setNavigationMode, selectBlock } = useDispatch( blockEditorStore );
|
|
20
|
-
return useRefEffect(
|
|
21
|
-
( node ) => {
|
|
22
|
-
function onMouseDown( event ) {
|
|
23
|
-
// Don't select a block if it's already handled by a child
|
|
24
|
-
// block.
|
|
25
|
-
if ( isNavigationMode() && ! event.defaultPrevented ) {
|
|
26
|
-
// Prevent focus from moving to the block.
|
|
27
|
-
event.preventDefault();
|
|
28
|
-
|
|
29
|
-
// When clicking on a selected block, exit navigation mode.
|
|
30
|
-
if ( isBlockSelected( clientId ) ) {
|
|
31
|
-
setNavigationMode( false );
|
|
32
|
-
} else {
|
|
33
|
-
selectBlock( clientId );
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
node.addEventListener( 'mousedown', onMouseDown );
|
|
39
|
-
|
|
40
|
-
return () => {
|
|
41
|
-
node.removeEventListener( 'mousedown', onMouseDown );
|
|
42
|
-
};
|
|
43
|
-
},
|
|
44
|
-
[ clientId, isNavigationMode, isBlockSelected, setNavigationMode ]
|
|
45
|
-
);
|
|
46
|
-
}
|