@wordpress/block-editor 12.9.0 → 12.10.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 +6 -0
- package/README.md +33 -3
- package/build/components/block-canvas/index.js +107 -0
- package/build/components/block-canvas/index.js.map +1 -0
- package/build/components/block-inspector/index.js +4 -1
- package/build/components/block-inspector/index.js.map +1 -1
- package/build/components/block-patterns-list/index.js +19 -4
- package/build/components/block-patterns-list/index.js.map +1 -1
- package/build/components/block-patterns-paging/index.js +66 -0
- package/build/components/block-patterns-paging/index.js.map +1 -0
- package/build/components/block-settings-menu/block-settings-dropdown.js +28 -0
- package/build/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
- package/build/components/block-settings-menu-controls/index.js +4 -7
- package/build/components/block-settings-menu-controls/index.js.map +1 -1
- package/build/components/block-styles/index.js +1 -0
- package/build/components/block-styles/index.js.map +1 -1
- package/build/components/block-toolbar/block-toolbar-menu.native.js +3 -7
- package/build/components/block-toolbar/block-toolbar-menu.native.js.map +1 -1
- package/build/components/block-tools/block-contextual-toolbar.js +18 -7
- package/build/components/block-tools/block-contextual-toolbar.js.map +1 -1
- package/build/components/block-tools/block-selection-button.js +5 -1
- package/build/components/block-tools/block-selection-button.js.map +1 -1
- package/build/components/border-radius-control/input-controls.js +1 -1
- package/build/components/border-radius-control/input-controls.js.map +1 -1
- package/build/components/border-radius-control/linked-button.js +2 -4
- package/build/components/border-radius-control/linked-button.js.map +1 -1
- package/build/components/colors/with-colors.js.map +1 -1
- package/build/components/convert-to-group-buttons/use-convert-to-group-button-props.js +8 -21
- package/build/components/convert-to-group-buttons/use-convert-to-group-button-props.js.map +1 -1
- package/build/components/default-block-appender/index.native.js +20 -1
- package/build/components/default-block-appender/index.native.js.map +1 -1
- package/build/components/duotone/utils.js +68 -0
- package/build/components/duotone/utils.js.map +1 -1
- package/build/components/editor-styles/index.js +28 -9
- package/build/components/editor-styles/index.js.map +1 -1
- package/build/components/global-styles/hooks.js +2 -101
- package/build/components/global-styles/hooks.js.map +1 -1
- package/build/components/global-styles/image-settings-panel.js +61 -0
- package/build/components/global-styles/image-settings-panel.js.map +1 -0
- package/build/components/global-styles/index.js +11 -17
- package/build/components/global-styles/index.js.map +1 -1
- package/build/components/global-styles/use-global-styles-output.js +19 -15
- package/build/components/global-styles/use-global-styles-output.js.map +1 -1
- package/build/components/global-styles/utils.js +1 -1
- package/build/components/global-styles/utils.js.map +1 -1
- package/build/components/iframe/index.js +67 -33
- package/build/components/iframe/index.js.map +1 -1
- package/build/components/image-editor/use-save-image.js +2 -5
- package/build/components/image-editor/use-save-image.js.map +1 -1
- package/build/components/image-editor/use-transform-image.js +9 -9
- package/build/components/image-editor/use-transform-image.js.map +1 -1
- package/build/components/index.js +8 -12
- package/build/components/index.js.map +1 -1
- package/build/components/index.native.js +6 -5
- package/build/components/index.native.js.map +1 -1
- package/build/components/inner-blocks/use-nested-settings-update.js +13 -7
- package/build/components/inner-blocks/use-nested-settings-update.js.map +1 -1
- package/build/components/inserter/block-patterns-explorer/explorer.js +12 -6
- package/build/components/inserter/block-patterns-explorer/explorer.js.map +1 -1
- package/build/components/inserter/block-patterns-explorer/patterns-list.js +57 -23
- package/build/components/inserter/block-patterns-explorer/patterns-list.js.map +1 -1
- package/build/components/inserter/block-patterns-explorer/sidebar.js +24 -9
- package/build/components/inserter/block-patterns-explorer/sidebar.js.map +1 -1
- package/build/components/inserter/block-patterns-source-filter.js +54 -0
- package/build/components/inserter/block-patterns-source-filter.js.map +1 -0
- package/build/components/inserter/block-patterns-sync-filter.js +46 -0
- package/build/components/inserter/block-patterns-sync-filter.js.map +1 -0
- package/build/components/inserter/block-patterns-tab.js +91 -45
- package/build/components/inserter/block-patterns-tab.js.map +1 -1
- package/build/components/inserter/hooks/use-patterns-paging.js +57 -0
- package/build/components/inserter/hooks/use-patterns-paging.js.map +1 -0
- package/build/components/inserter/hooks/use-patterns-state.js +21 -10
- package/build/components/inserter/hooks/use-patterns-state.js.map +1 -1
- package/build/components/inserter/menu.js +13 -11
- package/build/components/inserter/menu.js.map +1 -1
- package/build/components/inserter/search-results.js +4 -3
- package/build/components/inserter/search-results.js.map +1 -1
- package/build/components/inserter/tabs.js +1 -12
- package/build/components/inserter/tabs.js.map +1 -1
- package/build/components/inspector-controls/block-support-slot-container.js +12 -1
- package/build/components/inspector-controls/block-support-slot-container.js.map +1 -1
- package/build/components/inspector-controls/fill.js +24 -13
- package/build/components/inspector-controls/fill.js.map +1 -1
- package/build/components/inspector-controls/groups.js +5 -3
- package/build/components/inspector-controls/groups.js.map +1 -1
- package/build/components/inspector-controls/slot.js +13 -0
- package/build/components/inspector-controls/slot.js.map +1 -1
- package/build/components/inspector-controls-tabs/styles-tab.js +3 -0
- package/build/components/inspector-controls-tabs/styles-tab.js.map +1 -1
- package/build/components/link-control/index.js +13 -2
- package/build/components/link-control/index.js.map +1 -1
- package/build/components/link-control/settings.js +2 -1
- package/build/components/link-control/settings.js.map +1 -1
- package/build/components/list-view/block-select-button.js +1 -3
- package/build/components/list-view/block-select-button.js.map +1 -1
- package/build/components/list-view/block.js +13 -1
- package/build/components/list-view/block.js.map +1 -1
- package/build/components/list-view/use-block-selection.js +29 -24
- package/build/components/list-view/use-block-selection.js.map +1 -1
- package/build/components/media-placeholder/index.js +2 -2
- package/build/components/media-placeholder/index.js.map +1 -1
- package/build/components/media-placeholder/index.native.js +11 -11
- package/build/components/media-placeholder/index.native.js.map +1 -1
- package/build/components/media-replace-flow/index.js +2 -3
- package/build/components/media-replace-flow/index.js.map +1 -1
- package/build/components/media-upload/constants.js +30 -0
- package/build/components/media-upload/constants.js.map +1 -0
- package/build/components/media-upload/index.native.js +63 -53
- package/build/components/media-upload/index.native.js.map +1 -1
- package/build/components/preview-options/index.js +1 -1
- package/build/components/preview-options/index.js.map +1 -1
- package/build/components/rich-text/index.js +34 -35
- package/build/components/rich-text/index.js.map +1 -1
- package/build/components/rich-text/index.native.js +14 -32
- package/build/components/rich-text/index.native.js.map +1 -1
- package/build/components/rich-text/multiline.js +95 -0
- package/build/components/rich-text/multiline.js.map +1 -0
- package/build/components/rich-text/split-value.js +10 -16
- package/build/components/rich-text/split-value.js.map +1 -1
- package/build/components/rich-text/use-enter.js +31 -40
- package/build/components/rich-text/use-enter.js.map +1 -1
- package/build/components/rich-text/use-paste-handler.js +18 -33
- package/build/components/rich-text/use-paste-handler.js.map +1 -1
- package/build/components/spacing-sizes-control/utils.js +1 -1
- package/build/components/spacing-sizes-control/utils.js.map +1 -1
- package/build/components/use-block-commands/index.js +30 -18
- package/build/components/use-block-commands/index.js.map +1 -1
- package/build/components/use-block-display-information/index.js +5 -2
- package/build/components/use-block-display-information/index.js.map +1 -1
- package/build/hooks/background.js +258 -0
- package/build/hooks/background.js.map +1 -0
- package/build/hooks/block-hooks.js +188 -0
- package/build/hooks/block-hooks.js.map +1 -0
- package/build/hooks/block-rename-ui.js +160 -0
- package/build/hooks/block-rename-ui.js.map +1 -0
- package/build/hooks/duotone.js +29 -42
- package/build/hooks/duotone.js.map +1 -1
- package/build/hooks/index.js +2 -2
- package/build/hooks/index.js.map +1 -1
- package/build/hooks/layout.js +31 -14
- package/build/hooks/layout.js.map +1 -1
- package/build/hooks/position.js +4 -2
- package/build/hooks/position.js.map +1 -1
- package/build/hooks/style.js +74 -25
- package/build/hooks/style.js.map +1 -1
- package/build/hooks/utils.js +4 -0
- package/build/hooks/utils.js.map +1 -1
- package/build/private-apis.js +2 -0
- package/build/private-apis.js.map +1 -1
- package/build/store/actions.js +33 -10
- package/build/store/actions.js.map +1 -1
- package/build/store/private-actions.js +42 -8
- package/build/store/private-actions.js.map +1 -1
- package/build/store/private-selectors.js +23 -0
- package/build/store/private-selectors.js.map +1 -1
- package/build/store/reducer.js +43 -1
- package/build/store/reducer.js.map +1 -1
- package/build/store/selectors.js +84 -23
- package/build/store/selectors.js.map +1 -1
- package/build/store/utils.js +0 -4
- package/build/store/utils.js.map +1 -1
- package/build-module/components/block-canvas/index.js +97 -0
- package/build-module/components/block-canvas/index.js.map +1 -0
- package/build-module/components/block-inspector/index.js +4 -1
- package/build-module/components/block-inspector/index.js.map +1 -1
- package/build-module/components/block-patterns-list/index.js +20 -5
- package/build-module/components/block-patterns-list/index.js.map +1 -1
- package/build-module/components/block-patterns-paging/index.js +59 -0
- package/build-module/components/block-patterns-paging/index.js.map +1 -0
- package/build-module/components/block-settings-menu/block-settings-dropdown.js +28 -0
- package/build-module/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
- package/build-module/components/block-settings-menu-controls/index.js +4 -7
- package/build-module/components/block-settings-menu-controls/index.js.map +1 -1
- package/build-module/components/block-styles/index.js +1 -0
- package/build-module/components/block-styles/index.js.map +1 -1
- package/build-module/components/block-toolbar/block-toolbar-menu.native.js +3 -7
- package/build-module/components/block-toolbar/block-toolbar-menu.native.js.map +1 -1
- package/build-module/components/block-tools/block-contextual-toolbar.js +18 -7
- package/build-module/components/block-tools/block-contextual-toolbar.js.map +1 -1
- package/build-module/components/block-tools/block-selection-button.js +5 -1
- package/build-module/components/block-tools/block-selection-button.js.map +1 -1
- package/build-module/components/border-radius-control/input-controls.js +1 -1
- package/build-module/components/border-radius-control/input-controls.js.map +1 -1
- package/build-module/components/border-radius-control/linked-button.js +2 -4
- package/build-module/components/border-radius-control/linked-button.js.map +1 -1
- package/build-module/components/colors/with-colors.js.map +1 -1
- package/build-module/components/convert-to-group-buttons/use-convert-to-group-button-props.js +8 -21
- package/build-module/components/convert-to-group-buttons/use-convert-to-group-button-props.js.map +1 -1
- package/build-module/components/default-block-appender/index.native.js +20 -1
- package/build-module/components/default-block-appender/index.native.js.map +1 -1
- package/build-module/components/duotone/utils.js +65 -0
- package/build-module/components/duotone/utils.js.map +1 -1
- package/build-module/components/editor-styles/index.js +28 -9
- package/build-module/components/editor-styles/index.js.map +1 -1
- package/build-module/components/global-styles/hooks.js +3 -100
- package/build-module/components/global-styles/hooks.js.map +1 -1
- package/build-module/components/global-styles/image-settings-panel.js +53 -0
- package/build-module/components/global-styles/image-settings-panel.js.map +1 -0
- package/build-module/components/global-styles/index.js +2 -2
- package/build-module/components/global-styles/index.js.map +1 -1
- package/build-module/components/global-styles/use-global-styles-output.js +18 -16
- package/build-module/components/global-styles/use-global-styles-output.js.map +1 -1
- package/build-module/components/global-styles/utils.js +1 -1
- package/build-module/components/global-styles/utils.js.map +1 -1
- package/build-module/components/iframe/index.js +66 -33
- package/build-module/components/iframe/index.js.map +1 -1
- package/build-module/components/image-editor/use-save-image.js +2 -5
- package/build-module/components/image-editor/use-save-image.js.map +1 -1
- package/build-module/components/image-editor/use-transform-image.js +9 -9
- package/build-module/components/image-editor/use-transform-image.js.map +1 -1
- package/build-module/components/index.js +1 -1
- package/build-module/components/index.js.map +1 -1
- package/build-module/components/index.native.js +2 -1
- package/build-module/components/index.native.js.map +1 -1
- package/build-module/components/inner-blocks/use-nested-settings-update.js +14 -8
- package/build-module/components/inner-blocks/use-nested-settings-update.js.map +1 -1
- package/build-module/components/inserter/block-patterns-explorer/explorer.js +12 -6
- package/build-module/components/inserter/block-patterns-explorer/explorer.js.map +1 -1
- package/build-module/components/inserter/block-patterns-explorer/patterns-list.js +59 -25
- package/build-module/components/inserter/block-patterns-explorer/patterns-list.js.map +1 -1
- package/build-module/components/inserter/block-patterns-explorer/sidebar.js +23 -9
- package/build-module/components/inserter/block-patterns-explorer/sidebar.js.map +1 -1
- package/build-module/components/inserter/block-patterns-source-filter.js +44 -0
- package/build-module/components/inserter/block-patterns-source-filter.js.map +1 -0
- package/build-module/components/inserter/block-patterns-sync-filter.js +38 -0
- package/build-module/components/inserter/block-patterns-sync-filter.js.map +1 -0
- package/build-module/components/inserter/block-patterns-tab.js +87 -46
- package/build-module/components/inserter/block-patterns-tab.js.map +1 -1
- package/build-module/components/inserter/hooks/use-patterns-paging.js +50 -0
- package/build-module/components/inserter/hooks/use-patterns-paging.js.map +1 -0
- package/build-module/components/inserter/hooks/use-patterns-state.js +22 -10
- package/build-module/components/inserter/hooks/use-patterns-state.js.map +1 -1
- package/build-module/components/inserter/menu.js +13 -11
- package/build-module/components/inserter/menu.js.map +1 -1
- package/build-module/components/inserter/search-results.js +4 -3
- package/build-module/components/inserter/search-results.js.map +1 -1
- package/build-module/components/inserter/tabs.js +1 -12
- package/build-module/components/inserter/tabs.js.map +1 -1
- package/build-module/components/inspector-controls/block-support-slot-container.js +13 -2
- package/build-module/components/inspector-controls/block-support-slot-container.js.map +1 -1
- package/build-module/components/inspector-controls/fill.js +25 -14
- package/build-module/components/inspector-controls/fill.js.map +1 -1
- package/build-module/components/inspector-controls/groups.js +5 -3
- package/build-module/components/inspector-controls/groups.js.map +1 -1
- package/build-module/components/inspector-controls/slot.js +15 -1
- package/build-module/components/inspector-controls/slot.js.map +1 -1
- package/build-module/components/inspector-controls-tabs/styles-tab.js +3 -0
- package/build-module/components/inspector-controls-tabs/styles-tab.js.map +1 -1
- package/build-module/components/link-control/index.js +13 -2
- package/build-module/components/link-control/index.js.map +1 -1
- package/build-module/components/link-control/settings.js +2 -1
- package/build-module/components/link-control/settings.js.map +1 -1
- package/build-module/components/list-view/block-select-button.js +1 -3
- package/build-module/components/list-view/block-select-button.js.map +1 -1
- package/build-module/components/list-view/block.js +13 -1
- package/build-module/components/list-view/block.js.map +1 -1
- package/build-module/components/list-view/use-block-selection.js +30 -25
- package/build-module/components/list-view/use-block-selection.js.map +1 -1
- package/build-module/components/media-placeholder/index.js +2 -2
- package/build-module/components/media-placeholder/index.js.map +1 -1
- package/build-module/components/media-placeholder/index.native.js +7 -7
- package/build-module/components/media-placeholder/index.native.js.map +1 -1
- package/build-module/components/media-replace-flow/index.js +2 -3
- package/build-module/components/media-replace-flow/index.js.map +1 -1
- package/build-module/components/media-upload/constants.js +14 -0
- package/build-module/components/media-upload/constants.js.map +1 -0
- package/build-module/components/media-upload/index.native.js +53 -34
- package/build-module/components/media-upload/index.native.js.map +1 -1
- package/build-module/components/preview-options/index.js +1 -1
- package/build-module/components/preview-options/index.js.map +1 -1
- package/build-module/components/rich-text/index.js +35 -37
- package/build-module/components/rich-text/index.js.map +1 -1
- package/build-module/components/rich-text/index.native.js +15 -33
- package/build-module/components/rich-text/index.native.js.map +1 -1
- package/build-module/components/rich-text/multiline.js +87 -0
- package/build-module/components/rich-text/multiline.js.map +1 -0
- package/build-module/components/rich-text/split-value.js +10 -16
- package/build-module/components/rich-text/split-value.js.map +1 -1
- package/build-module/components/rich-text/use-enter.js +33 -42
- package/build-module/components/rich-text/use-enter.js.map +1 -1
- package/build-module/components/rich-text/use-paste-handler.js +19 -34
- package/build-module/components/rich-text/use-paste-handler.js.map +1 -1
- package/build-module/components/spacing-sizes-control/utils.js +2 -2
- package/build-module/components/spacing-sizes-control/utils.js.map +1 -1
- package/build-module/components/use-block-commands/index.js +28 -16
- package/build-module/components/use-block-commands/index.js.map +1 -1
- package/build-module/components/use-block-display-information/index.js +5 -2
- package/build-module/components/use-block-display-information/index.js.map +1 -1
- package/build-module/hooks/background.js +244 -0
- package/build-module/hooks/background.js.map +1 -0
- package/build-module/hooks/block-hooks.js +181 -0
- package/build-module/hooks/block-hooks.js.map +1 -0
- package/build-module/hooks/block-rename-ui.js +153 -0
- package/build-module/hooks/block-rename-ui.js.map +1 -0
- package/build-module/hooks/duotone.js +26 -39
- package/build-module/hooks/duotone.js.map +1 -1
- package/build-module/hooks/index.js +2 -2
- package/build-module/hooks/index.js.map +1 -1
- package/build-module/hooks/layout.js +33 -16
- package/build-module/hooks/layout.js.map +1 -1
- package/build-module/hooks/position.js +4 -2
- package/build-module/hooks/position.js.map +1 -1
- package/build-module/hooks/style.js +73 -24
- package/build-module/hooks/style.js.map +1 -1
- package/build-module/hooks/utils.js +4 -0
- package/build-module/hooks/utils.js.map +1 -1
- package/build-module/private-apis.js +2 -0
- package/build-module/private-apis.js.map +1 -1
- package/build-module/store/actions.js +33 -10
- package/build-module/store/actions.js.map +1 -1
- package/build-module/store/private-actions.js +39 -8
- package/build-module/store/private-actions.js.map +1 -1
- package/build-module/store/private-selectors.js +21 -0
- package/build-module/store/private-selectors.js.map +1 -1
- package/build-module/store/reducer.js +41 -1
- package/build-module/store/reducer.js.map +1 -1
- package/build-module/store/selectors.js +78 -22
- package/build-module/store/selectors.js.map +1 -1
- package/build-module/store/utils.js +0 -4
- package/build-module/store/utils.js.map +1 -1
- package/build-style/content-rtl.css +0 -1
- package/build-style/content.css +0 -1
- package/build-style/style-rtl.css +174 -131
- package/build-style/style.css +174 -131
- package/package.json +32 -32
- package/src/components/block-canvas/index.js +108 -0
- package/src/components/block-inspector/index.js +5 -1
- package/src/components/block-list/content.scss +0 -1
- package/src/components/block-patterns-list/index.js +32 -7
- package/src/components/block-patterns-list/style.scss +26 -9
- package/src/components/block-patterns-paging/index.js +92 -0
- package/src/components/block-patterns-paging/style.scss +42 -0
- package/src/components/block-settings-menu/block-settings-dropdown.js +44 -0
- package/src/components/block-settings-menu-controls/index.js +4 -9
- package/src/components/block-styles/index.js +1 -0
- package/src/components/block-styles/style.scss +3 -3
- package/src/components/block-toolbar/block-toolbar-menu.native.js +1 -6
- package/src/components/block-tools/block-contextual-toolbar.js +16 -5
- package/src/components/block-tools/block-selection-button.js +9 -1
- package/src/components/block-tools/style.scss +0 -98
- package/src/components/border-radius-control/input-controls.js +1 -1
- package/src/components/border-radius-control/linked-button.js +8 -11
- package/src/components/color-palette/test/__snapshots__/control.js.snap +34 -21
- package/src/components/colors/with-colors.js +3 -2
- package/src/components/convert-to-group-buttons/use-convert-to-group-button-props.js +8 -35
- package/src/components/default-block-appender/index.native.js +26 -3
- package/src/components/duotone/utils.js +65 -0
- package/src/components/editor-styles/index.js +32 -23
- package/src/components/global-styles/hooks.js +4 -112
- package/src/components/global-styles/image-settings-panel.js +71 -0
- package/src/components/global-styles/index.js +4 -3
- package/src/components/global-styles/use-global-styles-output.js +25 -16
- package/src/components/global-styles/utils.js +1 -2
- package/src/components/iframe/index.js +72 -33
- package/src/components/image-editor/use-save-image.js +2 -9
- package/src/components/image-editor/use-transform-image.js +9 -9
- package/src/components/index.js +1 -1
- package/src/components/index.native.js +2 -2
- package/src/components/inner-blocks/use-nested-settings-update.js +15 -10
- package/src/components/inserter/block-patterns-explorer/explorer.js +17 -5
- package/src/components/inserter/block-patterns-explorer/patterns-list.js +109 -40
- package/src/components/inserter/block-patterns-explorer/sidebar.js +23 -8
- package/src/components/inserter/block-patterns-source-filter.js +40 -0
- package/src/components/inserter/block-patterns-sync-filter.js +35 -0
- package/src/components/inserter/block-patterns-tab.js +168 -57
- package/src/components/inserter/hooks/use-patterns-paging.js +65 -0
- package/src/components/inserter/hooks/use-patterns-state.js +27 -16
- package/src/components/inserter/menu.js +15 -17
- package/src/components/inserter/search-results.js +6 -4
- package/src/components/inserter/style.scss +23 -2
- package/src/components/inserter/tabs.js +2 -12
- package/src/components/inserter/test/index.native.js +8 -12
- package/src/components/inspector-controls/block-support-slot-container.js +19 -3
- package/src/components/inspector-controls/fill.js +28 -14
- package/src/components/inspector-controls/groups.js +6 -2
- package/src/components/inspector-controls/slot.js +28 -3
- package/src/components/inspector-controls-tabs/styles-tab.js +4 -0
- package/src/components/link-control/index.js +14 -0
- package/src/components/link-control/settings.js +1 -0
- package/src/components/link-control/style.scss +28 -7
- package/src/components/link-control/test/index.js +88 -6
- package/src/components/list-view/block-select-button.js +1 -3
- package/src/components/list-view/block.js +19 -1
- package/src/components/list-view/style.scss +1 -2
- package/src/components/list-view/use-block-selection.js +38 -32
- package/src/components/media-placeholder/README.md +2 -2
- package/src/components/media-placeholder/index.js +2 -2
- package/src/components/media-placeholder/index.native.js +11 -12
- package/src/components/media-replace-flow/index.js +2 -2
- package/src/components/media-replace-flow/test/index.js +5 -23
- package/src/components/media-upload/README.md +3 -2
- package/src/components/media-upload/constants.js +15 -0
- package/src/components/media-upload/index.native.js +66 -40
- package/src/components/media-upload/style.native.scss +4 -0
- package/src/components/media-upload/test/index.native.js +2 -2
- package/src/components/preview-options/README.md +7 -0
- package/src/components/preview-options/index.js +1 -1
- package/src/components/rich-text/index.js +48 -44
- package/src/components/rich-text/index.native.js +14 -42
- package/src/components/rich-text/multiline.js +121 -0
- package/src/components/rich-text/split-value.js +10 -35
- package/src/components/rich-text/use-enter.js +32 -42
- package/src/components/rich-text/use-paste-handler.js +16 -40
- package/src/components/spacing-sizes-control/style.scss +5 -7
- package/src/components/spacing-sizes-control/utils.js +1 -2
- package/src/components/use-block-commands/index.js +28 -20
- package/src/components/use-block-display-information/index.js +3 -0
- package/src/hooks/background.js +288 -0
- package/src/hooks/background.scss +57 -0
- package/src/hooks/block-hooks.js +257 -0
- package/src/hooks/block-hooks.scss +16 -0
- package/src/hooks/block-rename-ui.js +230 -0
- package/src/hooks/block-rename-ui.scss +3 -0
- package/src/hooks/duotone.js +42 -43
- package/src/hooks/index.js +2 -2
- package/src/hooks/layout.js +31 -33
- package/src/hooks/position.js +4 -3
- package/src/hooks/style.js +96 -37
- package/src/hooks/test/align.native.js +4 -3
- package/src/hooks/utils.js +4 -0
- package/src/private-apis.js +2 -0
- package/src/store/actions.js +52 -10
- package/src/store/private-actions.js +37 -6
- package/src/store/private-selectors.js +21 -0
- package/src/store/reducer.js +38 -0
- package/src/store/selectors.js +107 -26
- package/src/store/test/actions.js +19 -8
- package/src/store/test/private-actions.js +17 -0
- package/src/store/test/reducer.js +25 -0
- package/src/store/test/selectors.js +130 -123
- package/src/store/utils.js +3 -10
- package/src/style.scss +4 -0
- package/build/components/duotone/components.js +0 -135
- package/build/components/duotone/components.js.map +0 -1
- package/build/components/duotone/index.js +0 -38
- package/build/components/duotone/index.js.map +0 -1
- package/build/components/global-styles/behaviors-panel.js +0 -64
- package/build/components/global-styles/behaviors-panel.js.map +0 -1
- package/build/components/inserter/reusable-blocks-tab.js +0 -85
- package/build/components/inserter/reusable-blocks-tab.js.map +0 -1
- package/build/hooks/auto-inserting-blocks.js +0 -174
- package/build/hooks/auto-inserting-blocks.js.map +0 -1
- package/build/hooks/behaviors.js +0 -173
- package/build/hooks/behaviors.js.map +0 -1
- package/build-module/components/duotone/components.js +0 -126
- package/build-module/components/duotone/components.js.map +0 -1
- package/build-module/components/duotone/index.js +0 -3
- package/build-module/components/duotone/index.js.map +0 -1
- package/build-module/components/global-styles/behaviors-panel.js +0 -57
- package/build-module/components/global-styles/behaviors-panel.js.map +0 -1
- package/build-module/components/inserter/reusable-blocks-tab.js +0 -76
- package/build-module/components/inserter/reusable-blocks-tab.js.map +0 -1
- package/build-module/hooks/auto-inserting-blocks.js +0 -167
- package/build-module/hooks/auto-inserting-blocks.js.map +0 -1
- package/build-module/hooks/behaviors.js +0 -166
- package/build-module/hooks/behaviors.js.map +0 -1
- package/src/components/duotone/components.js +0 -133
- package/src/components/duotone/index.js +0 -7
- package/src/components/global-styles/behaviors-panel.js +0 -71
- package/src/components/inserter/reusable-blocks-tab.js +0 -84
- package/src/components/inserter/test/reusable-blocks-tab.js +0 -73
- package/src/hooks/auto-inserting-blocks.js +0 -232
- package/src/hooks/behaviors.js +0 -206
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = _default;
|
|
7
|
-
var _element = require("@wordpress/element");
|
|
8
|
-
var _components = require("@wordpress/components");
|
|
9
|
-
var _i18n = require("@wordpress/i18n");
|
|
10
|
-
/**
|
|
11
|
-
* WordPress dependencies
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
function _default({
|
|
15
|
-
onChange,
|
|
16
|
-
value,
|
|
17
|
-
behaviors
|
|
18
|
-
}) {
|
|
19
|
-
const defaultBehaviors = {
|
|
20
|
-
default: {
|
|
21
|
-
value: 'default',
|
|
22
|
-
label: (0, _i18n.__)('Default')
|
|
23
|
-
},
|
|
24
|
-
noBehaviors: {
|
|
25
|
-
value: '',
|
|
26
|
-
label: (0, _i18n.__)('No behaviors')
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
const behaviorsOptions = Object.entries(behaviors).map(([behaviorName]) => ({
|
|
30
|
-
value: behaviorName,
|
|
31
|
-
// Capitalize the first letter of the behavior name.
|
|
32
|
-
label: `${behaviorName.charAt(0).toUpperCase()}${behaviorName.slice(1).toLowerCase()}`
|
|
33
|
-
}));
|
|
34
|
-
const options = [...Object.values(defaultBehaviors), ...behaviorsOptions];
|
|
35
|
-
const animations = [{
|
|
36
|
-
value: 'zoom',
|
|
37
|
-
label: (0, _i18n.__)('Zoom')
|
|
38
|
-
}, {
|
|
39
|
-
value: 'fade',
|
|
40
|
-
label: (0, _i18n.__)('Fade')
|
|
41
|
-
}];
|
|
42
|
-
return (0, _element.createElement)("div", {
|
|
43
|
-
style: {
|
|
44
|
-
marginTop: '2rem'
|
|
45
|
-
}
|
|
46
|
-
}, (0, _element.createElement)(_components.SelectControl, {
|
|
47
|
-
label: (0, _i18n.__)('Behaviors')
|
|
48
|
-
// At the moment we are only supporting one behavior (Lightbox)
|
|
49
|
-
,
|
|
50
|
-
value: value,
|
|
51
|
-
options: options,
|
|
52
|
-
onChange: onChange,
|
|
53
|
-
hideCancelButton: true,
|
|
54
|
-
size: "__unstable-large"
|
|
55
|
-
}), value === 'lightbox' && (0, _element.createElement)(_components.SelectControl, {
|
|
56
|
-
label: (0, _i18n.__)('Animation'),
|
|
57
|
-
value: behaviors?.lightbox.animation ? behaviors?.lightbox.animation : '',
|
|
58
|
-
options: animations,
|
|
59
|
-
onChange: onChange,
|
|
60
|
-
hideCancelButton: false,
|
|
61
|
-
size: "__unstable-large"
|
|
62
|
-
}));
|
|
63
|
-
}
|
|
64
|
-
//# sourceMappingURL=behaviors-panel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_components","require","_i18n","_default","onChange","value","behaviors","defaultBehaviors","default","label","__","noBehaviors","behaviorsOptions","Object","entries","map","behaviorName","charAt","toUpperCase","slice","toLowerCase","options","values","animations","_element","createElement","style","marginTop","SelectControl","hideCancelButton","size","lightbox","animation"],"sources":["@wordpress/block-editor/src/components/global-styles/behaviors-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ( { onChange, value, behaviors } ) {\n\tconst defaultBehaviors = {\n\t\tdefault: {\n\t\t\tvalue: 'default',\n\t\t\tlabel: __( 'Default' ),\n\t\t},\n\t\tnoBehaviors: {\n\t\t\tvalue: '',\n\t\t\tlabel: __( 'No behaviors' ),\n\t\t},\n\t};\n\n\tconst behaviorsOptions = Object.entries( behaviors ).map(\n\t\t( [ behaviorName ] ) => ( {\n\t\t\tvalue: behaviorName,\n\t\t\t// Capitalize the first letter of the behavior name.\n\t\t\tlabel: `${ behaviorName.charAt( 0 ).toUpperCase() }${ behaviorName\n\t\t\t\t.slice( 1 )\n\t\t\t\t.toLowerCase() }`,\n\t\t} )\n\t);\n\n\tconst options = [\n\t\t...Object.values( defaultBehaviors ),\n\t\t...behaviorsOptions,\n\t];\n\n\tconst animations = [\n\t\t{\n\t\t\tvalue: 'zoom',\n\t\t\tlabel: __( 'Zoom' ),\n\t\t},\n\t\t{\n\t\t\tvalue: 'fade',\n\t\t\tlabel: __( 'Fade' ),\n\t\t},\n\t];\n\treturn (\n\t\t<div style={ { marginTop: '2rem' } }>\n\t\t\t<SelectControl\n\t\t\t\tlabel={ __( 'Behaviors' ) }\n\t\t\t\t// At the moment we are only supporting one behavior (Lightbox)\n\t\t\t\tvalue={ value }\n\t\t\t\toptions={ options }\n\t\t\t\tonChange={ onChange }\n\t\t\t\thideCancelButton={ true }\n\t\t\t\tsize=\"__unstable-large\"\n\t\t\t/>\n\t\t\t{ value === 'lightbox' && (\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Animation' ) }\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tbehaviors?.lightbox.animation\n\t\t\t\t\t\t\t? behaviors?.lightbox.animation\n\t\t\t\t\t\t\t: ''\n\t\t\t\t\t}\n\t\t\t\t\toptions={ animations }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\thideCancelButton={ false }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAAAE,SAAW;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAU,CAAC,EAAG;EAC1D,MAAMC,gBAAgB,GAAG;IACxBC,OAAO,EAAE;MACRH,KAAK,EAAE,SAAS;MAChBI,KAAK,EAAE,IAAAC,QAAE,EAAE,SAAU;IACtB,CAAC;IACDC,WAAW,EAAE;MACZN,KAAK,EAAE,EAAE;MACTI,KAAK,EAAE,IAAAC,QAAE,EAAE,cAAe;IAC3B;EACD,CAAC;EAED,MAAME,gBAAgB,GAAGC,MAAM,CAACC,OAAO,CAAER,SAAU,CAAC,CAACS,GAAG,CACvD,CAAE,CAAEC,YAAY,CAAE,MAAQ;IACzBX,KAAK,EAAEW,YAAY;IACnB;IACAP,KAAK,EAAG,GAAGO,YAAY,CAACC,MAAM,CAAE,CAAE,CAAC,CAACC,WAAW,CAAC,CAAG,GAAGF,YAAY,CAChEG,KAAK,CAAE,CAAE,CAAC,CACVC,WAAW,CAAC,CAAG;EAClB,CAAC,CACF,CAAC;EAED,MAAMC,OAAO,GAAG,CACf,GAAGR,MAAM,CAACS,MAAM,CAAEf,gBAAiB,CAAC,EACpC,GAAGK,gBAAgB,CACnB;EAED,MAAMW,UAAU,GAAG,CAClB;IACClB,KAAK,EAAE,MAAM;IACbI,KAAK,EAAE,IAAAC,QAAE,EAAE,MAAO;EACnB,CAAC,EACD;IACCL,KAAK,EAAE,MAAM;IACbI,KAAK,EAAE,IAAAC,QAAE,EAAE,MAAO;EACnB,CAAC,CACD;EACD,OACC,IAAAc,QAAA,CAAAC,aAAA;IAAKC,KAAK,EAAG;MAAEC,SAAS,EAAE;IAAO;EAAG,GACnC,IAAAH,QAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA4B,aAAa;IACbnB,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY;IACxB;IAAA;IACAL,KAAK,EAAGA,KAAO;IACfgB,OAAO,EAAGA,OAAS;IACnBjB,QAAQ,EAAGA,QAAU;IACrByB,gBAAgB,EAAG,IAAM;IACzBC,IAAI,EAAC;EAAkB,CACvB,CAAC,EACAzB,KAAK,KAAK,UAAU,IACrB,IAAAmB,QAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA4B,aAAa;IACbnB,KAAK,EAAG,IAAAC,QAAE,EAAE,WAAY,CAAG;IAC3BL,KAAK,EACJC,SAAS,EAAEyB,QAAQ,CAACC,SAAS,GAC1B1B,SAAS,EAAEyB,QAAQ,CAACC,SAAS,GAC7B,EACH;IACDX,OAAO,EAAGE,UAAY;IACtBnB,QAAQ,EAAGA,QAAU;IACrByB,gBAAgB,EAAG,KAAO;IAC1BC,IAAI,EAAC;EAAkB,CACvB,CAEE,CAAC;AAER"}
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.ReusableBlocksTab = ReusableBlocksTab;
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
var _element = require("@wordpress/element");
|
|
10
|
-
var _i18n = require("@wordpress/i18n");
|
|
11
|
-
var _url = require("@wordpress/url");
|
|
12
|
-
var _components = require("@wordpress/components");
|
|
13
|
-
var _blockTypesList = _interopRequireDefault(require("../block-types-list"));
|
|
14
|
-
var _panel = _interopRequireDefault(require("./panel"));
|
|
15
|
-
var _noResults = _interopRequireDefault(require("./no-results"));
|
|
16
|
-
var _useBlockTypesState = _interopRequireDefault(require("./hooks/use-block-types-state"));
|
|
17
|
-
var _reusableBlockRenameHint = _interopRequireDefault(require("./reusable-block-rename-hint"));
|
|
18
|
-
/**
|
|
19
|
-
* WordPress dependencies
|
|
20
|
-
*/
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Internal dependencies
|
|
24
|
-
*/
|
|
25
|
-
|
|
26
|
-
function ReusableBlocksList({
|
|
27
|
-
onHover,
|
|
28
|
-
onInsert,
|
|
29
|
-
rootClientId
|
|
30
|
-
}) {
|
|
31
|
-
const [items,,, onSelectItem] = (0, _useBlockTypesState.default)(rootClientId, onInsert);
|
|
32
|
-
const filteredItems = (0, _element.useMemo)(() => {
|
|
33
|
-
return items.filter(({
|
|
34
|
-
category,
|
|
35
|
-
syncStatus
|
|
36
|
-
}) => category === 'reusable' && syncStatus !== 'unsynced');
|
|
37
|
-
}, [items]);
|
|
38
|
-
if (filteredItems.length === 0) {
|
|
39
|
-
return (0, _element.createElement)(_noResults.default, null);
|
|
40
|
-
}
|
|
41
|
-
return (0, _element.createElement)(_panel.default, {
|
|
42
|
-
title: (0, _i18n.__)('Synced patterns')
|
|
43
|
-
}, (0, _element.createElement)(_blockTypesList.default, {
|
|
44
|
-
items: filteredItems,
|
|
45
|
-
onSelect: onSelectItem,
|
|
46
|
-
onHover: onHover,
|
|
47
|
-
label: (0, _i18n.__)('Synced patterns')
|
|
48
|
-
}));
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
// The unwrapped component is only exported for use by unit tests.
|
|
52
|
-
/**
|
|
53
|
-
* List of reusable blocks shown in the "Reusable" tab of the inserter.
|
|
54
|
-
*
|
|
55
|
-
* @param {Object} props Component props.
|
|
56
|
-
* @param {?string} props.rootClientId Client id of block to insert into.
|
|
57
|
-
* @param {Function} props.onInsert Callback to run when item is inserted.
|
|
58
|
-
* @param {Function} props.onHover Callback to run when item is hovered.
|
|
59
|
-
*
|
|
60
|
-
* @return {WPComponent} The component.
|
|
61
|
-
*/
|
|
62
|
-
function ReusableBlocksTab({
|
|
63
|
-
rootClientId,
|
|
64
|
-
onInsert,
|
|
65
|
-
onHover
|
|
66
|
-
}) {
|
|
67
|
-
return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", {
|
|
68
|
-
className: "block-editor-inserter__hint"
|
|
69
|
-
}, (0, _element.createElement)(_reusableBlockRenameHint.default, null)), (0, _element.createElement)(ReusableBlocksList, {
|
|
70
|
-
onHover: onHover,
|
|
71
|
-
onInsert: onInsert,
|
|
72
|
-
rootClientId: rootClientId
|
|
73
|
-
}), (0, _element.createElement)("div", {
|
|
74
|
-
className: "block-editor-inserter__manage-reusable-blocks-container"
|
|
75
|
-
}, (0, _element.createElement)(_components.Button, {
|
|
76
|
-
className: "block-editor-inserter__manage-reusable-blocks",
|
|
77
|
-
variant: "secondary",
|
|
78
|
-
href: (0, _url.addQueryArgs)('edit.php', {
|
|
79
|
-
post_type: 'wp_block'
|
|
80
|
-
})
|
|
81
|
-
}, (0, _i18n.__)('Manage my patterns'))));
|
|
82
|
-
}
|
|
83
|
-
var _default = ReusableBlocksTab;
|
|
84
|
-
exports.default = _default;
|
|
85
|
-
//# sourceMappingURL=reusable-blocks-tab.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_i18n","_url","_components","_blockTypesList","_interopRequireDefault","_panel","_noResults","_useBlockTypesState","_reusableBlockRenameHint","ReusableBlocksList","onHover","onInsert","rootClientId","items","onSelectItem","useBlockTypesState","filteredItems","useMemo","filter","category","syncStatus","length","createElement","default","title","__","onSelect","label","ReusableBlocksTab","Fragment","className","Button","variant","href","addQueryArgs","post_type","_default","exports"],"sources":["@wordpress/block-editor/src/components/inserter/reusable-blocks-tab.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockTypesList from '../block-types-list';\nimport InserterPanel from './panel';\nimport InserterNoResults from './no-results';\nimport useBlockTypesState from './hooks/use-block-types-state';\nimport ReusableBlocksRenameHint from './reusable-block-rename-hint';\n\nfunction ReusableBlocksList( { onHover, onInsert, rootClientId } ) {\n\tconst [ items, , , onSelectItem ] = useBlockTypesState(\n\t\trootClientId,\n\t\tonInsert\n\t);\n\n\tconst filteredItems = useMemo( () => {\n\t\treturn items.filter(\n\t\t\t( { category, syncStatus } ) =>\n\t\t\t\tcategory === 'reusable' && syncStatus !== 'unsynced'\n\t\t);\n\t}, [ items ] );\n\n\tif ( filteredItems.length === 0 ) {\n\t\treturn <InserterNoResults />;\n\t}\n\n\treturn (\n\t\t<InserterPanel title={ __( 'Synced patterns' ) }>\n\t\t\t<BlockTypesList\n\t\t\t\titems={ filteredItems }\n\t\t\t\tonSelect={ onSelectItem }\n\t\t\t\tonHover={ onHover }\n\t\t\t\tlabel={ __( 'Synced patterns' ) }\n\t\t\t/>\n\t\t</InserterPanel>\n\t);\n}\n\n// The unwrapped component is only exported for use by unit tests.\n/**\n * List of reusable blocks shown in the \"Reusable\" tab of the inserter.\n *\n * @param {Object} props Component props.\n * @param {?string} props.rootClientId Client id of block to insert into.\n * @param {Function} props.onInsert Callback to run when item is inserted.\n * @param {Function} props.onHover Callback to run when item is hovered.\n *\n * @return {WPComponent} The component.\n */\nexport function ReusableBlocksTab( { rootClientId, onInsert, onHover } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"block-editor-inserter__hint\">\n\t\t\t\t<ReusableBlocksRenameHint />\n\t\t\t</div>\n\t\t\t<ReusableBlocksList\n\t\t\t\tonHover={ onHover }\n\t\t\t\tonInsert={ onInsert }\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t/>\n\t\t\t<div className=\"block-editor-inserter__manage-reusable-blocks-container\">\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"block-editor-inserter__manage-reusable-blocks\"\n\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\thref={ addQueryArgs( 'edit.php', {\n\t\t\t\t\t\tpost_type: 'wp_block',\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Manage my patterns' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ReusableBlocksTab;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,eAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,UAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,mBAAA,GAAAH,sBAAA,CAAAL,OAAA;AACA,IAAAS,wBAAA,GAAAJ,sBAAA,CAAAL,OAAA;AAfA;AACA;AACA;;AAMA;AACA;AACA;;AAOA,SAASU,kBAAkBA,CAAE;EAAEC,OAAO;EAAEC,QAAQ;EAAEC;AAAa,CAAC,EAAG;EAClE,MAAM,CAAEC,KAAK,IAAMC,YAAY,CAAE,GAAG,IAAAC,2BAAkB,EACrDH,YAAY,EACZD,QACD,CAAC;EAED,MAAMK,aAAa,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACpC,OAAOJ,KAAK,CAACK,MAAM,CAClB,CAAE;MAAEC,QAAQ;MAAEC;IAAW,CAAC,KACzBD,QAAQ,KAAK,UAAU,IAAIC,UAAU,KAAK,UAC5C,CAAC;EACF,CAAC,EAAE,CAAEP,KAAK,CAAG,CAAC;EAEd,IAAKG,aAAa,CAACK,MAAM,KAAK,CAAC,EAAG;IACjC,OAAO,IAAAvB,QAAA,CAAAwB,aAAA,EAAChB,UAAA,CAAAiB,OAAiB,MAAE,CAAC;EAC7B;EAEA,OACC,IAAAzB,QAAA,CAAAwB,aAAA,EAACjB,MAAA,CAAAkB,OAAa;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,iBAAkB;EAAG,GAC/C,IAAA3B,QAAA,CAAAwB,aAAA,EAACnB,eAAA,CAAAoB,OAAc;IACdV,KAAK,EAAGG,aAAe;IACvBU,QAAQ,EAAGZ,YAAc;IACzBJ,OAAO,EAAGA,OAAS;IACnBiB,KAAK,EAAG,IAAAF,QAAE,EAAE,iBAAkB;EAAG,CACjC,CACa,CAAC;AAElB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,iBAAiBA,CAAE;EAAEhB,YAAY;EAAED,QAAQ;EAAED;AAAQ,CAAC,EAAG;EACxE,OACC,IAAAZ,QAAA,CAAAwB,aAAA,EAAAxB,QAAA,CAAA+B,QAAA,QACC,IAAA/B,QAAA,CAAAwB,aAAA;IAAKQ,SAAS,EAAC;EAA6B,GAC3C,IAAAhC,QAAA,CAAAwB,aAAA,EAACd,wBAAA,CAAAe,OAAwB,MAAE,CACvB,CAAC,EACN,IAAAzB,QAAA,CAAAwB,aAAA,EAACb,kBAAkB;IAClBC,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA;EAAc,CAC7B,CAAC,EACF,IAAAd,QAAA,CAAAwB,aAAA;IAAKQ,SAAS,EAAC;EAAyD,GACvE,IAAAhC,QAAA,CAAAwB,aAAA,EAACpB,WAAA,CAAA6B,MAAM;IACND,SAAS,EAAC,+CAA+C;IACzDE,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAG,IAAAC,iBAAY,EAAE,UAAU,EAAE;MAChCC,SAAS,EAAE;IACZ,CAAE;EAAG,GAEH,IAAAV,QAAE,EAAE,oBAAqB,CACpB,CACJ,CACJ,CAAC;AAEL;AAAC,IAAAW,QAAA,GAEcR,iBAAiB;AAAAS,OAAA,CAAAd,OAAA,GAAAa,QAAA"}
|
|
@@ -1,174 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.withAutoInsertingBlocks = void 0;
|
|
7
|
-
var _element = require("@wordpress/element");
|
|
8
|
-
var _i18n = require("@wordpress/i18n");
|
|
9
|
-
var _hooks = require("@wordpress/hooks");
|
|
10
|
-
var _components = require("@wordpress/components");
|
|
11
|
-
var _compose = require("@wordpress/compose");
|
|
12
|
-
var _blocks = require("@wordpress/blocks");
|
|
13
|
-
var _data = require("@wordpress/data");
|
|
14
|
-
var _components2 = require("../components");
|
|
15
|
-
var _store = require("../store");
|
|
16
|
-
/**
|
|
17
|
-
* WordPress dependencies
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Internal dependencies
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
function AutoInsertingBlocksControl(props) {
|
|
25
|
-
const {
|
|
26
|
-
autoInsertedBlocksForCurrentBlock,
|
|
27
|
-
groupedAutoInsertedBlocks
|
|
28
|
-
} = (0, _data.useSelect)(select => {
|
|
29
|
-
const {
|
|
30
|
-
getBlockTypes
|
|
31
|
-
} = select(_blocks.store);
|
|
32
|
-
const _autoInsertedBlocksForCurrentBlock = getBlockTypes()?.filter(({
|
|
33
|
-
autoInsert
|
|
34
|
-
}) => autoInsert && props.blockName in autoInsert);
|
|
35
|
-
|
|
36
|
-
// Group by block namespace (i.e. prefix before the slash).
|
|
37
|
-
const _groupedAutoInsertedBlocks = _autoInsertedBlocksForCurrentBlock?.reduce((groups, block) => {
|
|
38
|
-
const [namespace] = block.name.split('/');
|
|
39
|
-
if (!groups[namespace]) {
|
|
40
|
-
groups[namespace] = [];
|
|
41
|
-
}
|
|
42
|
-
groups[namespace].push(block);
|
|
43
|
-
return groups;
|
|
44
|
-
}, {});
|
|
45
|
-
return {
|
|
46
|
-
autoInsertedBlocksForCurrentBlock: _autoInsertedBlocksForCurrentBlock,
|
|
47
|
-
groupedAutoInsertedBlocks: _groupedAutoInsertedBlocks
|
|
48
|
-
};
|
|
49
|
-
}, [props.blockName]);
|
|
50
|
-
const {
|
|
51
|
-
autoInsertedBlockClientIds,
|
|
52
|
-
blockIndex,
|
|
53
|
-
rootClientId,
|
|
54
|
-
innerBlocksLength
|
|
55
|
-
} = (0, _data.useSelect)(select => {
|
|
56
|
-
const {
|
|
57
|
-
getBlock,
|
|
58
|
-
getBlockIndex,
|
|
59
|
-
getBlockRootClientId
|
|
60
|
-
} = select(_store.store);
|
|
61
|
-
const _rootClientId = getBlockRootClientId(props.clientId);
|
|
62
|
-
const _autoInsertedBlockClientIds = autoInsertedBlocksForCurrentBlock.reduce((clientIds, block) => {
|
|
63
|
-
const relativePosition = block?.autoInsert?.[props.blockName];
|
|
64
|
-
let candidates;
|
|
65
|
-
switch (relativePosition) {
|
|
66
|
-
case 'before':
|
|
67
|
-
case 'after':
|
|
68
|
-
// Any of the current block's siblings (with the right block type) qualifies
|
|
69
|
-
// as an auto-inserted block (inserted `before` or `after` the current one),
|
|
70
|
-
// as the block might've been auto-inserted and then moved around a bit by the user.
|
|
71
|
-
candidates = getBlock(_rootClientId)?.innerBlocks;
|
|
72
|
-
break;
|
|
73
|
-
case 'first_child':
|
|
74
|
-
case 'last_child':
|
|
75
|
-
// Any of the current block's child blocks (with the right block type) qualifies
|
|
76
|
-
// as an auto-inserted first or last child block, as the block might've been
|
|
77
|
-
// auto-inserted and then moved around a bit by the user.
|
|
78
|
-
candidates = getBlock(props.clientId).innerBlocks;
|
|
79
|
-
break;
|
|
80
|
-
}
|
|
81
|
-
const autoInsertedBlock = candidates?.find(({
|
|
82
|
-
name
|
|
83
|
-
}) => name === block.name);
|
|
84
|
-
if (autoInsertedBlock) {
|
|
85
|
-
clientIds[block.name] = autoInsertedBlock.clientId;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
// TOOD: If no auto-inserted block was found in any of its designated locations,
|
|
89
|
-
// we want to check if it's present elsewhere in the block tree.
|
|
90
|
-
// If it is, we'd consider it manually inserted and would want to remove the
|
|
91
|
-
// corresponding toggle from the block inspector panel.
|
|
92
|
-
|
|
93
|
-
return clientIds;
|
|
94
|
-
}, {});
|
|
95
|
-
return {
|
|
96
|
-
blockIndex: getBlockIndex(props.clientId),
|
|
97
|
-
innerBlocksLength: getBlock(props.clientId)?.innerBlocks?.length,
|
|
98
|
-
rootClientId: _rootClientId,
|
|
99
|
-
autoInsertedBlockClientIds: _autoInsertedBlockClientIds
|
|
100
|
-
};
|
|
101
|
-
}, [autoInsertedBlocksForCurrentBlock, props.blockName, props.clientId]);
|
|
102
|
-
const {
|
|
103
|
-
insertBlock,
|
|
104
|
-
removeBlock
|
|
105
|
-
} = (0, _data.useDispatch)(_store.store);
|
|
106
|
-
if (!autoInsertedBlocksForCurrentBlock.length) {
|
|
107
|
-
return null;
|
|
108
|
-
}
|
|
109
|
-
const insertBlockIntoDesignatedLocation = (block, relativePosition) => {
|
|
110
|
-
switch (relativePosition) {
|
|
111
|
-
case 'before':
|
|
112
|
-
case 'after':
|
|
113
|
-
insertBlock(block, relativePosition === 'after' ? blockIndex + 1 : blockIndex, rootClientId,
|
|
114
|
-
// Insert as a child of the current block's parent
|
|
115
|
-
false);
|
|
116
|
-
break;
|
|
117
|
-
case 'first_child':
|
|
118
|
-
case 'last_child':
|
|
119
|
-
insertBlock(block,
|
|
120
|
-
// TODO: It'd be great if insertBlock() would accept negative indices for insertion.
|
|
121
|
-
relativePosition === 'first_child' ? 0 : innerBlocksLength, props.clientId,
|
|
122
|
-
// Insert as a child of the current block.
|
|
123
|
-
false);
|
|
124
|
-
break;
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
return (0, _element.createElement)(_components2.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
|
|
128
|
-
title: (0, _i18n.__)('Plugins'),
|
|
129
|
-
initialOpen: true
|
|
130
|
-
}, Object.keys(groupedAutoInsertedBlocks).map(vendor => {
|
|
131
|
-
return (0, _element.createElement)(_element.Fragment, {
|
|
132
|
-
key: vendor
|
|
133
|
-
}, (0, _element.createElement)("h3", null, vendor), groupedAutoInsertedBlocks[vendor].map(block => {
|
|
134
|
-
// TODO: Display block icon.
|
|
135
|
-
// <BlockIcon icon={ block.icon } />
|
|
136
|
-
|
|
137
|
-
const checked = (block.name in autoInsertedBlockClientIds);
|
|
138
|
-
return (0, _element.createElement)(_components.ToggleControl, {
|
|
139
|
-
checked: checked,
|
|
140
|
-
key: block.title,
|
|
141
|
-
label: block.title,
|
|
142
|
-
onChange: () => {
|
|
143
|
-
if (!checked) {
|
|
144
|
-
// Create and insert block.
|
|
145
|
-
const relativePosition = block.autoInsert[props.blockName];
|
|
146
|
-
insertBlockIntoDesignatedLocation((0, _blocks.createBlock)(block.name), relativePosition);
|
|
147
|
-
return;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
// Remove block.
|
|
151
|
-
const clientId = autoInsertedBlockClientIds[block.name];
|
|
152
|
-
removeBlock(clientId, false);
|
|
153
|
-
}
|
|
154
|
-
});
|
|
155
|
-
}));
|
|
156
|
-
})));
|
|
157
|
-
}
|
|
158
|
-
const withAutoInsertingBlocks = (0, _compose.createHigherOrderComponent)(BlockEdit => {
|
|
159
|
-
return props => {
|
|
160
|
-
const blockEdit = (0, _element.createElement)(BlockEdit, {
|
|
161
|
-
key: "edit",
|
|
162
|
-
...props
|
|
163
|
-
});
|
|
164
|
-
return (0, _element.createElement)(_element.Fragment, null, blockEdit, (0, _element.createElement)(AutoInsertingBlocksControl, {
|
|
165
|
-
blockName: props.name,
|
|
166
|
-
clientId: props.clientId
|
|
167
|
-
}));
|
|
168
|
-
};
|
|
169
|
-
}, 'withAutoInsertingBlocks');
|
|
170
|
-
exports.withAutoInsertingBlocks = withAutoInsertingBlocks;
|
|
171
|
-
if (window?.__experimentalAutoInsertingBlocks) {
|
|
172
|
-
(0, _hooks.addFilter)('editor.BlockEdit', 'core/auto-inserting-blocks/with-inspector-control', withAutoInsertingBlocks);
|
|
173
|
-
}
|
|
174
|
-
//# sourceMappingURL=auto-inserting-blocks.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_i18n","_hooks","_components","_compose","_blocks","_data","_components2","_store","AutoInsertingBlocksControl","props","autoInsertedBlocksForCurrentBlock","groupedAutoInsertedBlocks","useSelect","select","getBlockTypes","blocksStore","_autoInsertedBlocksForCurrentBlock","filter","autoInsert","blockName","_groupedAutoInsertedBlocks","reduce","groups","block","namespace","name","split","push","autoInsertedBlockClientIds","blockIndex","rootClientId","innerBlocksLength","getBlock","getBlockIndex","getBlockRootClientId","blockEditorStore","_rootClientId","clientId","_autoInsertedBlockClientIds","clientIds","relativePosition","candidates","innerBlocks","autoInsertedBlock","find","length","insertBlock","removeBlock","useDispatch","insertBlockIntoDesignatedLocation","createElement","InspectorControls","PanelBody","title","__","initialOpen","Object","keys","map","vendor","Fragment","key","checked","ToggleControl","label","onChange","createBlock","withAutoInsertingBlocks","createHigherOrderComponent","BlockEdit","blockEdit","exports","window","__experimentalAutoInsertingBlocks","addFilter"],"sources":["@wordpress/block-editor/src/hooks/auto-inserting-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { addFilter } from '@wordpress/hooks';\nimport { Fragment } from '@wordpress/element';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { createBlock, store as blocksStore } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { InspectorControls } from '../components';\nimport { store as blockEditorStore } from '../store';\n\nfunction AutoInsertingBlocksControl( props ) {\n\tconst { autoInsertedBlocksForCurrentBlock, groupedAutoInsertedBlocks } =\n\t\tuseSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst { getBlockTypes } = select( blocksStore );\n\t\t\t\tconst _autoInsertedBlocksForCurrentBlock =\n\t\t\t\t\tgetBlockTypes()?.filter(\n\t\t\t\t\t\t( { autoInsert } ) =>\n\t\t\t\t\t\t\tautoInsert && props.blockName in autoInsert\n\t\t\t\t\t);\n\n\t\t\t\t// Group by block namespace (i.e. prefix before the slash).\n\t\t\t\tconst _groupedAutoInsertedBlocks =\n\t\t\t\t\t_autoInsertedBlocksForCurrentBlock?.reduce(\n\t\t\t\t\t\t( groups, block ) => {\n\t\t\t\t\t\t\tconst [ namespace ] = block.name.split( '/' );\n\t\t\t\t\t\t\tif ( ! groups[ namespace ] ) {\n\t\t\t\t\t\t\t\tgroups[ namespace ] = [];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tgroups[ namespace ].push( block );\n\t\t\t\t\t\t\treturn groups;\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{}\n\t\t\t\t\t);\n\n\t\t\t\treturn {\n\t\t\t\t\tautoInsertedBlocksForCurrentBlock:\n\t\t\t\t\t\t_autoInsertedBlocksForCurrentBlock,\n\t\t\t\t\tgroupedAutoInsertedBlocks: _groupedAutoInsertedBlocks,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ props.blockName ]\n\t\t);\n\n\tconst {\n\t\tautoInsertedBlockClientIds,\n\t\tblockIndex,\n\t\trootClientId,\n\t\tinnerBlocksLength,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getBlockIndex, getBlockRootClientId } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst _rootClientId = getBlockRootClientId( props.clientId );\n\n\t\t\tconst _autoInsertedBlockClientIds =\n\t\t\t\tautoInsertedBlocksForCurrentBlock.reduce(\n\t\t\t\t\t( clientIds, block ) => {\n\t\t\t\t\t\tconst relativePosition =\n\t\t\t\t\t\t\tblock?.autoInsert?.[ props.blockName ];\n\t\t\t\t\t\tlet candidates;\n\n\t\t\t\t\t\tswitch ( relativePosition ) {\n\t\t\t\t\t\t\tcase 'before':\n\t\t\t\t\t\t\tcase 'after':\n\t\t\t\t\t\t\t\t// Any of the current block's siblings (with the right block type) qualifies\n\t\t\t\t\t\t\t\t// as an auto-inserted block (inserted `before` or `after` the current one),\n\t\t\t\t\t\t\t\t// as the block might've been auto-inserted and then moved around a bit by the user.\n\t\t\t\t\t\t\t\tcandidates =\n\t\t\t\t\t\t\t\t\tgetBlock( _rootClientId )?.innerBlocks;\n\t\t\t\t\t\t\t\tbreak;\n\n\t\t\t\t\t\t\tcase 'first_child':\n\t\t\t\t\t\t\tcase 'last_child':\n\t\t\t\t\t\t\t\t// Any of the current block's child blocks (with the right block type) qualifies\n\t\t\t\t\t\t\t\t// as an auto-inserted first or last child block, as the block might've been\n\t\t\t\t\t\t\t\t// auto-inserted and then moved around a bit by the user.\n\t\t\t\t\t\t\t\tcandidates = getBlock(\n\t\t\t\t\t\t\t\t\tprops.clientId\n\t\t\t\t\t\t\t\t).innerBlocks;\n\t\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tconst autoInsertedBlock = candidates?.find(\n\t\t\t\t\t\t\t( { name } ) => name === block.name\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\tif ( autoInsertedBlock ) {\n\t\t\t\t\t\t\tclientIds[ block.name ] =\n\t\t\t\t\t\t\t\tautoInsertedBlock.clientId;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// TOOD: If no auto-inserted block was found in any of its designated locations,\n\t\t\t\t\t\t// we want to check if it's present elsewhere in the block tree.\n\t\t\t\t\t\t// If it is, we'd consider it manually inserted and would want to remove the\n\t\t\t\t\t\t// corresponding toggle from the block inspector panel.\n\n\t\t\t\t\t\treturn clientIds;\n\t\t\t\t\t},\n\t\t\t\t\t{}\n\t\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tblockIndex: getBlockIndex( props.clientId ),\n\t\t\t\tinnerBlocksLength: getBlock( props.clientId )?.innerBlocks\n\t\t\t\t\t?.length,\n\t\t\t\trootClientId: _rootClientId,\n\t\t\t\tautoInsertedBlockClientIds: _autoInsertedBlockClientIds,\n\t\t\t};\n\t\t},\n\t\t[ autoInsertedBlocksForCurrentBlock, props.blockName, props.clientId ]\n\t);\n\n\tconst { insertBlock, removeBlock } = useDispatch( blockEditorStore );\n\n\tif ( ! autoInsertedBlocksForCurrentBlock.length ) {\n\t\treturn null;\n\t}\n\n\tconst insertBlockIntoDesignatedLocation = ( block, relativePosition ) => {\n\t\tswitch ( relativePosition ) {\n\t\t\tcase 'before':\n\t\t\tcase 'after':\n\t\t\t\tinsertBlock(\n\t\t\t\t\tblock,\n\t\t\t\t\trelativePosition === 'after' ? blockIndex + 1 : blockIndex,\n\t\t\t\t\trootClientId, // Insert as a child of the current block's parent\n\t\t\t\t\tfalse\n\t\t\t\t);\n\t\t\t\tbreak;\n\n\t\t\tcase 'first_child':\n\t\t\tcase 'last_child':\n\t\t\t\tinsertBlock(\n\t\t\t\t\tblock,\n\t\t\t\t\t// TODO: It'd be great if insertBlock() would accept negative indices for insertion.\n\t\t\t\t\trelativePosition === 'first_child' ? 0 : innerBlocksLength,\n\t\t\t\t\tprops.clientId, // Insert as a child of the current block.\n\t\t\t\t\tfalse\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\treturn (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Plugins' ) } initialOpen={ true }>\n\t\t\t\t{ Object.keys( groupedAutoInsertedBlocks ).map( ( vendor ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Fragment key={ vendor }>\n\t\t\t\t\t\t\t<h3>{ vendor }</h3>\n\t\t\t\t\t\t\t{ groupedAutoInsertedBlocks[ vendor ].map(\n\t\t\t\t\t\t\t\t( block ) => {\n\t\t\t\t\t\t\t\t\t// TODO: Display block icon.\n\t\t\t\t\t\t\t\t\t// <BlockIcon icon={ block.icon } />\n\n\t\t\t\t\t\t\t\t\tconst checked =\n\t\t\t\t\t\t\t\t\t\tblock.name in\n\t\t\t\t\t\t\t\t\t\tautoInsertedBlockClientIds;\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t\t\tchecked={ checked }\n\t\t\t\t\t\t\t\t\t\t\tkey={ block.title }\n\t\t\t\t\t\t\t\t\t\t\tlabel={ block.title }\n\t\t\t\t\t\t\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tif ( ! checked ) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// Create and insert block.\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst relativePosition =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tblock.autoInsert[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tprops.blockName\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\t\t\tinsertBlockIntoDesignatedLocation(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcreateBlock(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tblock.name\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\trelativePosition\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t\t\t\t// Remove block.\n\t\t\t\t\t\t\t\t\t\t\t\tconst clientId =\n\t\t\t\t\t\t\t\t\t\t\t\t\tautoInsertedBlockClientIds[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tblock.name\n\t\t\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\t\tremoveBlock( clientId, false );\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n}\n\nexport const withAutoInsertingBlocks = createHigherOrderComponent(\n\t( BlockEdit ) => {\n\t\treturn ( props ) => {\n\t\t\tconst blockEdit = <BlockEdit key=\"edit\" { ...props } />;\n\t\t\treturn (\n\t\t\t\t<>\n\t\t\t\t\t{ blockEdit }\n\t\t\t\t\t<AutoInsertingBlocksControl\n\t\t\t\t\t\tblockName={ props.name }\n\t\t\t\t\t\tclientId={ props.clientId }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t);\n\t\t};\n\t},\n\t'withAutoInsertingBlocks'\n);\n\nif ( window?.__experimentalAutoInsertingBlocks ) {\n\taddFilter(\n\t\t'editor.BlockEdit',\n\t\t'core/auto-inserting-blocks/with-inspector-control',\n\t\twithAutoInsertingBlocks\n\t);\n}\n"],"mappings":"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"}
|
package/build/hooks/behaviors.js
DELETED
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.withBehaviors = void 0;
|
|
7
|
-
var _element = require("@wordpress/element");
|
|
8
|
-
var _hooks = require("@wordpress/hooks");
|
|
9
|
-
var _components = require("@wordpress/components");
|
|
10
|
-
var _i18n = require("@wordpress/i18n");
|
|
11
|
-
var _blocks = require("@wordpress/blocks");
|
|
12
|
-
var _compose = require("@wordpress/compose");
|
|
13
|
-
var _data = require("@wordpress/data");
|
|
14
|
-
var _store = require("../store");
|
|
15
|
-
var _components2 = require("../components");
|
|
16
|
-
/**
|
|
17
|
-
* WordPress dependencies
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Internal dependencies
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
function BehaviorsControl({
|
|
25
|
-
blockName,
|
|
26
|
-
blockBehaviors,
|
|
27
|
-
onChangeBehavior,
|
|
28
|
-
onChangeAnimation,
|
|
29
|
-
disabled = false
|
|
30
|
-
}) {
|
|
31
|
-
const {
|
|
32
|
-
settings
|
|
33
|
-
} = (0, _data.useSelect)(select => {
|
|
34
|
-
const {
|
|
35
|
-
getSettings
|
|
36
|
-
} = select(_store.store);
|
|
37
|
-
return {
|
|
38
|
-
settings: getSettings()?.__experimentalFeatures?.blocks?.[blockName]?.behaviors || {}
|
|
39
|
-
};
|
|
40
|
-
}, [blockName]);
|
|
41
|
-
const defaultBehaviors = {
|
|
42
|
-
default: {
|
|
43
|
-
value: 'default',
|
|
44
|
-
label: (0, _i18n.__)('Default')
|
|
45
|
-
},
|
|
46
|
-
noBehaviors: {
|
|
47
|
-
value: '',
|
|
48
|
-
label: (0, _i18n.__)('No behaviors')
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
const behaviorsOptions = Object.entries(settings).filter(([behaviorName, behaviorValue]) => (0, _blocks.hasBlockSupport)(blockName, `behaviors.${behaviorName}`) && behaviorValue) // Filter out behaviors that are disabled.
|
|
52
|
-
.map(([behaviorName]) => ({
|
|
53
|
-
value: behaviorName,
|
|
54
|
-
// Capitalize the first letter of the behavior name.
|
|
55
|
-
label: `${behaviorName.charAt(0).toUpperCase()}${behaviorName.slice(1).toLowerCase()}`
|
|
56
|
-
}));
|
|
57
|
-
const options = [...Object.values(defaultBehaviors), ...behaviorsOptions];
|
|
58
|
-
const {
|
|
59
|
-
behaviors,
|
|
60
|
-
behaviorsValue
|
|
61
|
-
} = (0, _element.useMemo)(() => {
|
|
62
|
-
const mergedBehaviors = {
|
|
63
|
-
...(blockBehaviors || {})
|
|
64
|
-
};
|
|
65
|
-
let value = '';
|
|
66
|
-
if (blockBehaviors === undefined) {
|
|
67
|
-
value = 'default';
|
|
68
|
-
}
|
|
69
|
-
if (blockBehaviors?.lightbox.enabled) {
|
|
70
|
-
value = 'lightbox';
|
|
71
|
-
}
|
|
72
|
-
return {
|
|
73
|
-
behaviors: mergedBehaviors,
|
|
74
|
-
behaviorsValue: value
|
|
75
|
-
};
|
|
76
|
-
}, [blockBehaviors]);
|
|
77
|
-
|
|
78
|
-
// If every behavior is disabled, do not show the behaviors inspector control.
|
|
79
|
-
if (behaviorsOptions.length === 0) {
|
|
80
|
-
return null;
|
|
81
|
-
}
|
|
82
|
-
const helpText = disabled ? (0, _i18n.__)('The lightbox behavior is disabled for linked images.') : '';
|
|
83
|
-
return (0, _element.createElement)(_components2.InspectorControls, {
|
|
84
|
-
group: "advanced"
|
|
85
|
-
}, (0, _element.createElement)("div", null, (0, _element.createElement)(_components.SelectControl, {
|
|
86
|
-
label: (0, _i18n.__)('Behaviors')
|
|
87
|
-
// At the moment we are only supporting one behavior (Lightbox)
|
|
88
|
-
,
|
|
89
|
-
value: behaviorsValue,
|
|
90
|
-
options: options,
|
|
91
|
-
onChange: onChangeBehavior,
|
|
92
|
-
hideCancelButton: true,
|
|
93
|
-
help: helpText,
|
|
94
|
-
size: "__unstable-large",
|
|
95
|
-
disabled: disabled
|
|
96
|
-
}), behaviorsValue === 'lightbox' && (0, _element.createElement)(_components.SelectControl, {
|
|
97
|
-
label: (0, _i18n.__)('Animation')
|
|
98
|
-
// At the moment we are only supporting one behavior (Lightbox)
|
|
99
|
-
,
|
|
100
|
-
value: behaviors?.lightbox.animation ? behaviors?.lightbox.animation : '',
|
|
101
|
-
options: [{
|
|
102
|
-
value: 'zoom',
|
|
103
|
-
label: (0, _i18n.__)('Zoom')
|
|
104
|
-
}, {
|
|
105
|
-
value: 'fade',
|
|
106
|
-
label: (0, _i18n.__)('Fade')
|
|
107
|
-
}],
|
|
108
|
-
onChange: onChangeAnimation,
|
|
109
|
-
hideCancelButton: false,
|
|
110
|
-
size: "__unstable-large",
|
|
111
|
-
disabled: disabled
|
|
112
|
-
})));
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
/**
|
|
116
|
-
* Override the default edit UI to include a new block inspector control for
|
|
117
|
-
* assigning behaviors to blocks if behaviors are enabled in the theme.json.
|
|
118
|
-
*
|
|
119
|
-
* Currently, only the `core/image` block is supported.
|
|
120
|
-
*
|
|
121
|
-
* @param {WPComponent} BlockEdit Original component.
|
|
122
|
-
*
|
|
123
|
-
* @return {WPComponent} Wrapped component.
|
|
124
|
-
*/
|
|
125
|
-
const withBehaviors = (0, _compose.createHigherOrderComponent)(BlockEdit => {
|
|
126
|
-
return props => {
|
|
127
|
-
const blockEdit = (0, _element.createElement)(BlockEdit, {
|
|
128
|
-
key: "edit",
|
|
129
|
-
...props
|
|
130
|
-
});
|
|
131
|
-
// Only add behaviors to blocks with support.
|
|
132
|
-
if (!(0, _blocks.hasBlockSupport)(props.name, 'behaviors')) {
|
|
133
|
-
return blockEdit;
|
|
134
|
-
}
|
|
135
|
-
const blockHasLink = typeof props.attributes?.linkDestination !== 'undefined' && props.attributes?.linkDestination !== 'none';
|
|
136
|
-
return (0, _element.createElement)(_element.Fragment, null, blockEdit, (0, _element.createElement)(BehaviorsControl, {
|
|
137
|
-
blockName: props.name,
|
|
138
|
-
blockBehaviors: props.attributes.behaviors,
|
|
139
|
-
onChangeBehavior: nextValue => {
|
|
140
|
-
if (nextValue === 'default') {
|
|
141
|
-
props.setAttributes({
|
|
142
|
-
behaviors: undefined
|
|
143
|
-
});
|
|
144
|
-
} else {
|
|
145
|
-
// If the user selects something, it means that they want to
|
|
146
|
-
// change the default value (true) so we save it in the attributes.
|
|
147
|
-
props.setAttributes({
|
|
148
|
-
behaviors: {
|
|
149
|
-
lightbox: {
|
|
150
|
-
enabled: nextValue === 'lightbox',
|
|
151
|
-
animation: nextValue === 'lightbox' ? 'zoom' : ''
|
|
152
|
-
}
|
|
153
|
-
}
|
|
154
|
-
});
|
|
155
|
-
}
|
|
156
|
-
},
|
|
157
|
-
onChangeAnimation: nextValue => {
|
|
158
|
-
props.setAttributes({
|
|
159
|
-
behaviors: {
|
|
160
|
-
lightbox: {
|
|
161
|
-
enabled: props.attributes.behaviors.lightbox.enabled,
|
|
162
|
-
animation: nextValue
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
|
-
});
|
|
166
|
-
},
|
|
167
|
-
disabled: blockHasLink
|
|
168
|
-
}));
|
|
169
|
-
};
|
|
170
|
-
}, 'withBehaviors');
|
|
171
|
-
exports.withBehaviors = withBehaviors;
|
|
172
|
-
(0, _hooks.addFilter)('editor.BlockEdit', 'core/behaviors/with-inspector-control', withBehaviors);
|
|
173
|
-
//# sourceMappingURL=behaviors.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_hooks","_components","_i18n","_blocks","_compose","_data","_store","_components2","BehaviorsControl","blockName","blockBehaviors","onChangeBehavior","onChangeAnimation","disabled","settings","useSelect","select","getSettings","blockEditorStore","__experimentalFeatures","blocks","behaviors","defaultBehaviors","default","value","label","__","noBehaviors","behaviorsOptions","Object","entries","filter","behaviorName","behaviorValue","hasBlockSupport","map","charAt","toUpperCase","slice","toLowerCase","options","values","behaviorsValue","useMemo","mergedBehaviors","undefined","lightbox","enabled","length","helpText","createElement","InspectorControls","group","SelectControl","onChange","hideCancelButton","help","size","animation","withBehaviors","createHigherOrderComponent","BlockEdit","props","blockEdit","key","name","blockHasLink","attributes","linkDestination","Fragment","nextValue","setAttributes","exports","addFilter"],"sources":["@wordpress/block-editor/src/hooks/behaviors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { hasBlockSupport } from '@wordpress/blocks';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\nimport { InspectorControls } from '../components';\n\nfunction BehaviorsControl( {\n\tblockName,\n\tblockBehaviors,\n\tonChangeBehavior,\n\tonChangeAnimation,\n\tdisabled = false,\n} ) {\n\tconst { settings } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings } = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tsettings:\n\t\t\t\t\tgetSettings()?.__experimentalFeatures?.blocks?.[ blockName ]\n\t\t\t\t\t\t?.behaviors || {},\n\t\t\t};\n\t\t},\n\t\t[ blockName ]\n\t);\n\n\tconst defaultBehaviors = {\n\t\tdefault: {\n\t\t\tvalue: 'default',\n\t\t\tlabel: __( 'Default' ),\n\t\t},\n\t\tnoBehaviors: {\n\t\t\tvalue: '',\n\t\t\tlabel: __( 'No behaviors' ),\n\t\t},\n\t};\n\tconst behaviorsOptions = Object.entries( settings )\n\t\t.filter(\n\t\t\t( [ behaviorName, behaviorValue ] ) =>\n\t\t\t\thasBlockSupport( blockName, `behaviors.${ behaviorName }` ) &&\n\t\t\t\tbehaviorValue\n\t\t) // Filter out behaviors that are disabled.\n\t\t.map( ( [ behaviorName ] ) => ( {\n\t\t\tvalue: behaviorName,\n\t\t\t// Capitalize the first letter of the behavior name.\n\t\t\tlabel: `${ behaviorName.charAt( 0 ).toUpperCase() }${ behaviorName\n\t\t\t\t.slice( 1 )\n\t\t\t\t.toLowerCase() }`,\n\t\t} ) );\n\tconst options = [\n\t\t...Object.values( defaultBehaviors ),\n\t\t...behaviorsOptions,\n\t];\n\n\tconst { behaviors, behaviorsValue } = useMemo( () => {\n\t\tconst mergedBehaviors = {\n\t\t\t...( blockBehaviors || {} ),\n\t\t};\n\n\t\tlet value = '';\n\t\tif ( blockBehaviors === undefined ) {\n\t\t\tvalue = 'default';\n\t\t}\n\t\tif ( blockBehaviors?.lightbox.enabled ) {\n\t\t\tvalue = 'lightbox';\n\t\t}\n\t\treturn {\n\t\t\tbehaviors: mergedBehaviors,\n\t\t\tbehaviorsValue: value,\n\t\t};\n\t}, [ blockBehaviors ] );\n\n\t// If every behavior is disabled, do not show the behaviors inspector control.\n\tif ( behaviorsOptions.length === 0 ) {\n\t\treturn null;\n\t}\n\n\tconst helpText = disabled\n\t\t? __( 'The lightbox behavior is disabled for linked images.' )\n\t\t: '';\n\n\treturn (\n\t\t<InspectorControls group=\"advanced\">\n\t\t\t<div>\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'Behaviors' ) }\n\t\t\t\t\t// At the moment we are only supporting one behavior (Lightbox)\n\t\t\t\t\tvalue={ behaviorsValue }\n\t\t\t\t\toptions={ options }\n\t\t\t\t\tonChange={ onChangeBehavior }\n\t\t\t\t\thideCancelButton={ true }\n\t\t\t\t\thelp={ helpText }\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t/>\n\t\t\t\t{ behaviorsValue === 'lightbox' && (\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\tlabel={ __( 'Animation' ) }\n\t\t\t\t\t\t// At the moment we are only supporting one behavior (Lightbox)\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tbehaviors?.lightbox.animation\n\t\t\t\t\t\t\t\t? behaviors?.lightbox.animation\n\t\t\t\t\t\t\t\t: ''\n\t\t\t\t\t\t}\n\t\t\t\t\t\toptions={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: 'zoom',\n\t\t\t\t\t\t\t\tlabel: __( 'Zoom' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tvalue: 'fade',\n\t\t\t\t\t\t\t\tlabel: __( 'Fade' ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tonChange={ onChangeAnimation }\n\t\t\t\t\t\thideCancelButton={ false }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</InspectorControls>\n\t);\n}\n\n/**\n * Override the default edit UI to include a new block inspector control for\n * assigning behaviors to blocks if behaviors are enabled in the theme.json.\n *\n * Currently, only the `core/image` block is supported.\n *\n * @param {WPComponent} BlockEdit Original component.\n *\n * @return {WPComponent} Wrapped component.\n */\nexport const withBehaviors = createHigherOrderComponent( ( BlockEdit ) => {\n\treturn ( props ) => {\n\t\tconst blockEdit = <BlockEdit key=\"edit\" { ...props } />;\n\t\t// Only add behaviors to blocks with support.\n\t\tif ( ! hasBlockSupport( props.name, 'behaviors' ) ) {\n\t\t\treturn blockEdit;\n\t\t}\n\t\tconst blockHasLink =\n\t\t\ttypeof props.attributes?.linkDestination !== 'undefined' &&\n\t\t\tprops.attributes?.linkDestination !== 'none';\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockEdit }\n\t\t\t\t<BehaviorsControl\n\t\t\t\t\tblockName={ props.name }\n\t\t\t\t\tblockBehaviors={ props.attributes.behaviors }\n\t\t\t\t\tonChangeBehavior={ ( nextValue ) => {\n\t\t\t\t\t\tif ( nextValue === 'default' ) {\n\t\t\t\t\t\t\tprops.setAttributes( {\n\t\t\t\t\t\t\t\tbehaviors: undefined,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t// If the user selects something, it means that they want to\n\t\t\t\t\t\t\t// change the default value (true) so we save it in the attributes.\n\t\t\t\t\t\t\tprops.setAttributes( {\n\t\t\t\t\t\t\t\tbehaviors: {\n\t\t\t\t\t\t\t\t\tlightbox: {\n\t\t\t\t\t\t\t\t\t\tenabled: nextValue === 'lightbox',\n\t\t\t\t\t\t\t\t\t\tanimation:\n\t\t\t\t\t\t\t\t\t\t\tnextValue === 'lightbox'\n\t\t\t\t\t\t\t\t\t\t\t\t? 'zoom'\n\t\t\t\t\t\t\t\t\t\t\t\t: '',\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tonChangeAnimation={ ( nextValue ) => {\n\t\t\t\t\t\tprops.setAttributes( {\n\t\t\t\t\t\t\tbehaviors: {\n\t\t\t\t\t\t\t\tlightbox: {\n\t\t\t\t\t\t\t\t\tenabled:\n\t\t\t\t\t\t\t\t\t\tprops.attributes.behaviors.lightbox\n\t\t\t\t\t\t\t\t\t\t\t.enabled,\n\t\t\t\t\t\t\t\t\tanimation: nextValue,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tdisabled={ blockHasLink }\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t};\n}, 'withBehaviors' );\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/behaviors/with-inspector-control',\n\twithBehaviors\n);\n"],"mappings":"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"}
|