@wordpress/block-editor 12.2.0 → 12.3.1

package/build/components/block-preview/auto.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-preview/auto.js"],"names":["MemoizedBlockList","MAX_HEIGHT","ScaledBlockPreview","viewportWidth","containerWidth","minHeight","additionalStyles","contentResizeListener","height","contentHeight","styles","select","settings","store","getSettings","editorStyles","css","__unstableType","BlockList","scale","transform","maxHeight","undefined","bodyElement","ownerDocument","documentElement","classList","add","style","position","width","boxSizing","pointerEvents","AutoBlockPreview","props","containerResizeListener"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useResizeObserver, pure, useRefEffect } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { Disabled } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport Iframe from '../iframe';\nimport EditorStyles from '../editor-styles';\nimport { store } from '../../store';\n\n// This is used to avoid rendering the block list if the sizes change.\nlet MemoizedBlockList;\n\nconst MAX_HEIGHT = 2000;\n\nfunction ScaledBlockPreview( {\n\tviewportWidth,\n\tcontainerWidth,\n\tminHeight,\n\tadditionalStyles = [],\n} ) {\n\tif ( ! viewportWidth ) {\n\t\tviewportWidth = containerWidth;\n\t}\n\n\tconst [ contentResizeListener, { height: contentHeight } ] =\n\t\tuseResizeObserver();\n\tconst { styles } = useSelect( ( select ) => {\n\t\tconst settings = select( store ).getSettings();\n\t\treturn {\n\t\t\tstyles: settings.styles,\n\t\t};\n\t}, [] );\n\n\t// Avoid scrollbars for pattern previews.\n\tconst editorStyles = useMemo( () => {\n\t\tif ( styles ) {\n\t\t\treturn [\n\t\t\t\t...styles,\n\t\t\t\t{\n\t\t\t\t\tcss: 'body{height:auto;overflow:hidden;border:none;padding:0;}',\n\t\t\t\t\t__unstableType: 'presets',\n\t\t\t\t},\n\t\t\t\t...additionalStyles,\n\t\t\t];\n\t\t}\n\n\t\treturn styles;\n\t}, [ styles, additionalStyles ] );\n\n\t// Initialize on render instead of module top level, to avoid circular dependency issues.\n\tMemoizedBlockList = MemoizedBlockList || pure( BlockList );\n\n\tconst scale = containerWidth / viewportWidth;\n\treturn (\n\t\t<Disabled\n\t\t\tclassName=\"block-editor-block-preview__content\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `scale(${ scale })`,\n\t\t\t\theight: contentHeight * scale,\n\t\t\t\tmaxHeight:\n\t\t\t\t\tcontentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : undefined,\n\t\t\t\tminHeight,\n\t\t\t} }\n\t\t>\n\t\t\t<Iframe\n\t\t\t\tcontentRef={ useRefEffect( ( bodyElement ) => {\n\t\t\t\t\tconst {\n\t\t\t\t\t\townerDocument: { documentElement },\n\t\t\t\t\t} = bodyElement;\n\t\t\t\t\tdocumentElement.classList.add(\n\t\t\t\t\t\t'block-editor-block-preview__content-iframe'\n\t\t\t\t\t);\n\t\t\t\t\tdocumentElement.style.position = 'absolute';\n\t\t\t\t\tdocumentElement.style.width = '100%';\n\n\t\t\t\t\t// Necessary for contentResizeListener to work.\n\t\t\t\t\tbodyElement.style.boxSizing = 'border-box';\n\t\t\t\t\tbodyElement.style.position = 'absolute';\n\t\t\t\t\tbodyElement.style.width = '100%';\n\t\t\t\t}, [] ) }\n\t\t\t\taria-hidden\n\t\t\t\ttabIndex={ -1 }\n\t\t\t\tstyle={ {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: viewportWidth,\n\t\t\t\t\theight: contentHeight,\n\t\t\t\t\tpointerEvents: 'none',\n\t\t\t\t\t// This is a catch-all max-height for patterns.\n\t\t\t\t\t// See: https://github.com/WordPress/gutenberg/pull/38175.\n\t\t\t\t\tmaxHeight: MAX_HEIGHT,\n\t\t\t\t\tminHeight:\n\t\t\t\t\t\tscale !== 0 && scale < 1 && minHeight\n\t\t\t\t\t\t\t? minHeight / scale\n\t\t\t\t\t\t\t: minHeight,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<EditorStyles styles={ editorStyles } />\n\t\t\t\t{ contentResizeListener }\n\t\t\t\t<MemoizedBlockList renderAppender={ false } />\n\t\t\t</Iframe>\n\t\t</Disabled>\n\t);\n}\n\nexport default function AutoBlockPreview( props ) {\n\tconst [ containerResizeListener, { width: containerWidth } ] =\n\t\tuseResizeObserver();\n\n\treturn (\n\t\t<>\n\t\t\t<div style={ { position: 'relative', width: '100%', height: 0 } }>\n\t\t\t\t{ containerResizeListener }\n\t\t\t</div>\n\t\t\t<div className=\"block-editor-block-preview__container\">\n\t\t\t\t{ !! containerWidth && (\n\t\t\t\t\t<ScaledBlockPreview\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\tcontainerWidth={ containerWidth }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-preview/auto.js"],"names":["MemoizedBlockList","MAX_HEIGHT","ScaledBlockPreview","viewportWidth","containerWidth","minHeight","additionalStyles","contentResizeListener","height","contentHeight","styles","select","settings","store","getSettings","editorStyles","css","__unstableType","BlockList","scale","transform","maxHeight","undefined","bodyElement","ownerDocument","documentElement","classList","add","style","position","width","boxSizing","pointerEvents","AutoBlockPreview","props","containerResizeListener"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useResizeObserver, pure, useRefEffect } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { Disabled } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../block-list';\nimport Iframe from '../iframe';\nimport EditorStyles from '../editor-styles';\nimport { store } from '../../store';\n\n// This is used to avoid rendering the block list if the sizes change.\nlet MemoizedBlockList;\n\nconst MAX_HEIGHT = 2000;\n\nfunction ScaledBlockPreview( {\n\tviewportWidth,\n\tcontainerWidth,\n\tminHeight,\n\tadditionalStyles = [],\n} ) {\n\tif ( ! viewportWidth ) {\n\t\tviewportWidth = containerWidth;\n\t}\n\n\tconst [ contentResizeListener, { height: contentHeight } ] =\n\t\tuseResizeObserver();\n\tconst { styles } = useSelect( ( select ) => {\n\t\tconst settings = select( store ).getSettings();\n\t\treturn {\n\t\t\tstyles: settings.styles,\n\t\t};\n\t}, [] );\n\n\t// Avoid scrollbars for pattern previews.\n\tconst editorStyles = useMemo( () => {\n\t\tif ( styles ) {\n\t\t\treturn [\n\t\t\t\t...styles,\n\t\t\t\t{\n\t\t\t\t\tcss: 'body{height:auto;overflow:hidden;border:none;padding:0;}',\n\t\t\t\t\t__unstableType: 'presets',\n\t\t\t\t},\n\t\t\t\t...additionalStyles,\n\t\t\t];\n\t\t}\n\n\t\treturn styles;\n\t}, [ styles, additionalStyles ] );\n\n\t// Initialize on render instead of module top level, to avoid circular dependency issues.\n\tMemoizedBlockList = MemoizedBlockList || pure( BlockList );\n\n\tconst scale = containerWidth / viewportWidth;\n\treturn (\n\t\t<Disabled\n\t\t\tclassName=\"block-editor-block-preview__content\"\n\t\t\tstyle={ {\n\t\t\t\ttransform: `scale(${ scale })`,\n\t\t\t\theight: contentHeight * scale,\n\t\t\t\tmaxHeight:\n\t\t\t\t\tcontentHeight > MAX_HEIGHT ? MAX_HEIGHT * scale : undefined,\n\t\t\t\tminHeight,\n\t\t\t} }\n\t\t>\n\t\t\t<Iframe\n\t\t\t\tcontentRef={ useRefEffect( ( bodyElement ) => {\n\t\t\t\t\tconst {\n\t\t\t\t\t\townerDocument: { documentElement },\n\t\t\t\t\t} = bodyElement;\n\t\t\t\t\tdocumentElement.classList.add(\n\t\t\t\t\t\t'block-editor-block-preview__content-iframe'\n\t\t\t\t\t);\n\t\t\t\t\tdocumentElement.style.position = 'absolute';\n\t\t\t\t\tdocumentElement.style.width = '100%';\n\n\t\t\t\t\t// Necessary for contentResizeListener to work.\n\t\t\t\t\tbodyElement.style.boxSizing = 'border-box';\n\t\t\t\t\tbodyElement.style.position = 'absolute';\n\t\t\t\t\tbodyElement.style.width = '100%';\n\t\t\t\t}, [] ) }\n\t\t\t\taria-hidden\n\t\t\t\ttabIndex={ -1 }\n\t\t\t\tstyle={ {\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\twidth: viewportWidth,\n\t\t\t\t\theight: contentHeight,\n\t\t\t\t\tpointerEvents: 'none',\n\t\t\t\t\t// This is a catch-all max-height for patterns.\n\t\t\t\t\t// See: https://github.com/WordPress/gutenberg/pull/38175.\n\t\t\t\t\tmaxHeight: MAX_HEIGHT,\n\t\t\t\t\tminHeight:\n\t\t\t\t\t\tscale !== 0 && scale < 1 && minHeight\n\t\t\t\t\t\t\t? minHeight / scale\n\t\t\t\t\t\t\t: minHeight,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<EditorStyles styles={ editorStyles } />\n\t\t\t\t{ contentResizeListener }\n\t\t\t\t<MemoizedBlockList renderAppender={ false } />\n\t\t\t</Iframe>\n\t\t</Disabled>\n\t);\n}\n\nexport default function AutoBlockPreview( props ) {\n\tconst [ containerResizeListener, { width: containerWidth } ] =\n\t\tuseResizeObserver();\n\n\treturn (\n\t\t<>\n\t\t\t<div style={ { position: 'relative', width: '100%', height: 0 } }>\n\t\t\t\t{ containerResizeListener }\n\t\t\t</div>\n\t\t\t<div className=\"block-editor-block-preview__container\">\n\t\t\t\t{ !! containerWidth && (\n\t\t\t\t\t<ScaledBlockPreview\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\tcontainerWidth={ containerWidth }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"]}

package/build/components/block-preview/index.js

@@ -38,17 +38,15 @@ var _blockList = require("../block-list");
 /**
  * Internal dependencies
  */
-function BlockPreview(_ref) {
-  let {
-    blocks,
-    viewportWidth = 1200,
-    minHeight,
-    additionalStyles = [],
-    // Deprecated props:
-    __experimentalMinHeight,
-    __experimentalPadding
-  } = _ref;
-
+function BlockPreview({
+  blocks,
+  viewportWidth = 1200,
+  minHeight,
+  additionalStyles = [],
+  // Deprecated props:
+  __experimentalMinHeight,
+  __experimentalPadding
+}) {
   if (__experimentalMinHeight) {
     minHeight = __experimentalMinHeight;
     (0, _deprecated.default)('The __experimentalMinHeight prop', {
@@ -111,23 +109,22 @@ var _default = (0, _element.memo)(BlockPreview);
  * returns. Optionally, you can also pass any other props through this hook, and
  * they will be merged and returned.
  *
- * @param {Object}    options                      Preview options.
- * @param {WPBlock[]} options.blocks               Block objects.
- * @param {Object}    options.props                Optional. Props to pass to the element. Must contain
- *                                                 the ref if one is defined.
- * @param {Object}    options.__experimentalLayout Layout settings to be used in the preview.
+ * @param {Object}    options        Preview options.
+ * @param {WPBlock[]} options.blocks Block objects.
+ * @param {Object}    options.props  Optional. Props to pass to the element. Must contain
+ *                                   the ref if one is defined.
+ * @param {Object}    options.layout Layout settings to be used in the preview.
  *
  */
 
 
 exports.default = _default;
 
-function useBlockPreview(_ref2) {
-  let {
-    blocks,
-    props = {},
-    __experimentalLayout
-  } = _ref2;
+function useBlockPreview({
+  blocks,
+  props = {},
+  layout
+}) {
   const originalSettings = (0, _data.useSelect)(select => select(_store.store).getSettings(), []);
   const settings = (0, _element.useMemo)(() => ({ ...originalSettings,
     __unstableIsPreviewMode: true
@@ -140,12 +137,12 @@ function useBlockPreview(_ref2) {
     settings: settings
   }, (0, _element.createElement)(_blockList.BlockListItems, {
     renderAppender: false,
-    __experimentalLayout: __experimentalLayout
+    layout: layout
   }));
   return { ...props,
     ref,
     className: (0, _classnames.default)(props.className, 'block-editor-block-preview__live-content', 'components-disabled'),
-    children: blocks !== null && blocks !== void 0 && blocks.length ? children : null
+    children: blocks?.length ? children : null
   };
 }
 //# sourceMappingURL=index.js.map

package/build/components/block-preview/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-preview/index.js"],"names":["BlockPreview","blocks","viewportWidth","minHeight","additionalStyles","__experimentalMinHeight","__experimentalPadding","since","version","alternative","css","originalSettings","select","blockEditorStore","getSettings","settings","__unstableIsPreviewMode","renderedBlocks","Array","isArray","length","useBlockPreview","props","__experimentalLayout","disabledRef","ref","children","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useDisabled, useMergeRefs } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { memo, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { ExperimentalBlockEditorProvider } from '../provider';\nimport AutoHeightBlockPreview from './auto';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockListItems } from '../block-list';\n\nexport function BlockPreview( {\n\tblocks,\n\tviewportWidth = 1200,\n\tminHeight,\n\tadditionalStyles = [],\n\t// Deprecated props:\n\t__experimentalMinHeight,\n\t__experimentalPadding,\n} ) {\n\tif ( __experimentalMinHeight ) {\n\t\tminHeight = __experimentalMinHeight;\n\t\tdeprecated( 'The __experimentalMinHeight prop', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t\talternative: 'minHeight',\n\t\t} );\n\t}\n\tif ( __experimentalPadding ) {\n\t\tadditionalStyles = [\n\t\t\t...additionalStyles,\n\t\t\t{ css: `body { padding: ${ __experimentalPadding }px; }` },\n\t\t];\n\t\tdeprecated( 'The __experimentalPadding prop of BlockPreview', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t\talternative: 'additionalStyles',\n\t\t} );\n\t}\n\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tif ( ! blocks || blocks.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ renderedBlocks }\n\t\t\tsettings={ settings }\n\t\t>\n\t\t\t<AutoHeightBlockPreview\n\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tadditionalStyles={ additionalStyles }\n\t\t\t/>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n\n/**\n * BlockPreview renders a preview of a block or array of blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-preview/README.md\n *\n * @param {Object}       preview               options for how the preview should be shown\n * @param {Array|Object} preview.blocks        A block instance (object) or an array of blocks to be previewed.\n * @param {number}       preview.viewportWidth Width of the preview container in pixels. Controls at what size the blocks will be rendered inside the preview. Default: 700.\n *\n * @return {WPComponent} The component to be rendered.\n */\nexport default memo( BlockPreview );\n\n/**\n * This hook is used to lightly mark an element as a block preview wrapper\n * element. Call this hook and pass the returned props to the element to mark as\n * a block preview wrapper, automatically rendering inner blocks as children. If\n * you define a ref for the element, it is important to pass the ref to this\n * hook, which the hook in turn will pass to the component through the props it\n * returns. Optionally, you can also pass any other props through this hook, and\n * they will be merged and returned.\n *\n * @param {Object}    options                      Preview options.\n * @param {WPBlock[]} options.blocks               Block objects.\n * @param {Object}    options.props                Optional. Props to pass to the element. Must contain\n *                                                 the ref if one is defined.\n * @param {Object}    options.__experimentalLayout Layout settings to be used in the preview.\n *\n */\nexport function useBlockPreview( {\n\tblocks,\n\tprops = {},\n\t__experimentalLayout,\n} ) {\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\tconst disabledRef = useDisabled();\n\tconst ref = useMergeRefs( [ props.ref, disabledRef ] );\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tconst children = (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ renderedBlocks }\n\t\t\tsettings={ settings }\n\t\t>\n\t\t\t<BlockListItems\n\t\t\t\trenderAppender={ false }\n\t\t\t\t__experimentalLayout={ __experimentalLayout }\n\t\t\t/>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n\n\treturn {\n\t\t...props,\n\t\tref,\n\t\tclassName: classnames(\n\t\t\tprops.className,\n\t\t\t'block-editor-block-preview__live-content',\n\t\t\t'components-disabled'\n\t\t),\n\t\tchildren: blocks?.length ? children : null,\n\t};\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-preview/index.js"],"names":["BlockPreview","blocks","viewportWidth","minHeight","additionalStyles","__experimentalMinHeight","__experimentalPadding","since","version","alternative","css","originalSettings","select","blockEditorStore","getSettings","settings","__unstableIsPreviewMode","renderedBlocks","Array","isArray","length","useBlockPreview","props","layout","disabledRef","ref","children","className"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useDisabled, useMergeRefs } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { memo, useMemo } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { ExperimentalBlockEditorProvider } from '../provider';\nimport AutoHeightBlockPreview from './auto';\nimport { store as blockEditorStore } from '../../store';\nimport { BlockListItems } from '../block-list';\n\nexport function BlockPreview( {\n\tblocks,\n\tviewportWidth = 1200,\n\tminHeight,\n\tadditionalStyles = [],\n\t// Deprecated props:\n\t__experimentalMinHeight,\n\t__experimentalPadding,\n} ) {\n\tif ( __experimentalMinHeight ) {\n\t\tminHeight = __experimentalMinHeight;\n\t\tdeprecated( 'The __experimentalMinHeight prop', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t\talternative: 'minHeight',\n\t\t} );\n\t}\n\tif ( __experimentalPadding ) {\n\t\tadditionalStyles = [\n\t\t\t...additionalStyles,\n\t\t\t{ css: `body { padding: ${ __experimentalPadding }px; }` },\n\t\t];\n\t\tdeprecated( 'The __experimentalPadding prop of BlockPreview', {\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.4',\n\t\t\talternative: 'additionalStyles',\n\t\t} );\n\t}\n\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tif ( ! blocks || blocks.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ renderedBlocks }\n\t\t\tsettings={ settings }\n\t\t>\n\t\t\t<AutoHeightBlockPreview\n\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\tminHeight={ minHeight }\n\t\t\t\tadditionalStyles={ additionalStyles }\n\t\t\t/>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n\n/**\n * BlockPreview renders a preview of a block or array of blocks.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-preview/README.md\n *\n * @param {Object}       preview               options for how the preview should be shown\n * @param {Array|Object} preview.blocks        A block instance (object) or an array of blocks to be previewed.\n * @param {number}       preview.viewportWidth Width of the preview container in pixels. Controls at what size the blocks will be rendered inside the preview. Default: 700.\n *\n * @return {WPComponent} The component to be rendered.\n */\nexport default memo( BlockPreview );\n\n/**\n * This hook is used to lightly mark an element as a block preview wrapper\n * element. Call this hook and pass the returned props to the element to mark as\n * a block preview wrapper, automatically rendering inner blocks as children. If\n * you define a ref for the element, it is important to pass the ref to this\n * hook, which the hook in turn will pass to the component through the props it\n * returns. Optionally, you can also pass any other props through this hook, and\n * they will be merged and returned.\n *\n * @param {Object}    options        Preview options.\n * @param {WPBlock[]} options.blocks Block objects.\n * @param {Object}    options.props  Optional. Props to pass to the element. Must contain\n *                                   the ref if one is defined.\n * @param {Object}    options.layout Layout settings to be used in the preview.\n *\n */\nexport function useBlockPreview( { blocks, props = {}, layout } ) {\n\tconst originalSettings = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings(),\n\t\t[]\n\t);\n\tconst settings = useMemo(\n\t\t() => ( { ...originalSettings, __unstableIsPreviewMode: true } ),\n\t\t[ originalSettings ]\n\t);\n\tconst disabledRef = useDisabled();\n\tconst ref = useMergeRefs( [ props.ref, disabledRef ] );\n\tconst renderedBlocks = useMemo(\n\t\t() => ( Array.isArray( blocks ) ? blocks : [ blocks ] ),\n\t\t[ blocks ]\n\t);\n\n\tconst children = (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ renderedBlocks }\n\t\t\tsettings={ settings }\n\t\t>\n\t\t\t<BlockListItems renderAppender={ false } layout={ layout } />\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n\n\treturn {\n\t\t...props,\n\t\tref,\n\t\tclassName: classnames(\n\t\t\tprops.className,\n\t\t\t'block-editor-block-preview__live-content',\n\t\t\t'components-disabled'\n\t\t),\n\t\tchildren: blocks?.length ? children : null,\n\t};\n}\n"]}

package/build/components/block-quick-navigation/index.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = BlockQuickNavigation;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _components = require("@wordpress/components");
+
+var _blocks = require("@wordpress/blocks");
+
+var _store = require("../../store");
+
+var _blockIcon = _interopRequireDefault(require("../block-icon"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function BlockQuickNavigation({
+  clientIds
+}) {
+  if (!clientIds.length) {
+    return null;
+  }
+
+  return (0, _element.createElement)(_components.__experimentalVStack, {
+    spacing: 1
+  }, clientIds.map(clientId => (0, _element.createElement)(BlockQuickNavigationItem, {
+    key: clientId,
+    clientId: clientId
+  })));
+}
+
+function BlockQuickNavigationItem({
+  clientId
+}) {
+  const {
+    name,
+    icon,
+    isSelected
+  } = (0, _data.useSelect)(select => {
+    const {
+      getBlockName,
+      getBlockAttributes,
+      isBlockSelected,
+      hasSelectedInnerBlock
+    } = select(_store.store);
+    const {
+      getBlockType
+    } = select(_blocks.store);
+    const blockType = getBlockType(getBlockName(clientId));
+    const attributes = getBlockAttributes(clientId);
+    return {
+      name: blockType && (0, _blocks.__experimentalGetBlockLabel)(blockType, attributes, 'list-view'),
+      icon: blockType?.icon,
+      isSelected: isBlockSelected(clientId) || hasSelectedInnerBlock(clientId,
+      /* deep: */
+      true)
+    };
+  }, [clientId]);
+  const {
+    selectBlock
+  } = (0, _data.useDispatch)(_store.store);
+  return (0, _element.createElement)(_components.Button, {
+    isPressed: isSelected,
+    onClick: () => selectBlock(clientId)
+  }, (0, _element.createElement)(_components.__experimentalHStack, {
+    justify: "flex-start"
+  }, (0, _element.createElement)(_blockIcon.default, {
+    icon: icon
+  }), (0, _element.createElement)(_components.FlexItem, null, name)));
+}
+//# sourceMappingURL=index.js.map

package/build/components/block-quick-navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-quick-navigation/index.js"],"names":["BlockQuickNavigation","clientIds","length","map","clientId","BlockQuickNavigationItem","name","icon","isSelected","select","getBlockName","getBlockAttributes","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","getBlockType","blocksStore","blockType","attributes","selectBlock"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAMA;;AAQA;;AACA;;AAnBA;AACA;AACA;;AAaA;AACA;AACA;AAIe,SAASA,oBAAT,CAA+B;AAAEC,EAAAA;AAAF,CAA/B,EAA+C;AAC7D,MAAK,CAAEA,SAAS,CAACC,MAAjB,EAA0B;AACzB,WAAO,IAAP;AACA;;AACD,SACC,4BAAC,gCAAD;AAAQ,IAAA,OAAO,EAAG;AAAlB,KACGD,SAAS,CAACE,GAAV,CAAiBC,QAAF,IAChB,4BAAC,wBAAD;AACC,IAAA,GAAG,EAAGA,QADP;AAEC,IAAA,QAAQ,EAAGA;AAFZ,IADC,CADH,CADD;AAUA;;AAED,SAASC,wBAAT,CAAmC;AAAED,EAAAA;AAAF,CAAnC,EAAkD;AACjD,QAAM;AAAEE,IAAAA,IAAF;AAAQC,IAAAA,IAAR;AAAcC,IAAAA;AAAd,MAA6B,qBAChCC,MAAF,IAAc;AACb,UAAM;AACLC,MAAAA,YADK;AAELC,MAAAA,kBAFK;AAGLC,MAAAA,eAHK;AAILC,MAAAA;AAJK,QAKFJ,MAAM,CAAEK,YAAF,CALV;AAMA,UAAM;AAAEC,MAAAA;AAAF,QAAmBN,MAAM,CAAEO,aAAF,CAA/B;AAEA,UAAMC,SAAS,GAAGF,YAAY,CAAEL,YAAY,CAAEN,QAAF,CAAd,CAA9B;AACA,UAAMc,UAAU,GAAGP,kBAAkB,CAAEP,QAAF,CAArC;AAEA,WAAO;AACNE,MAAAA,IAAI,EACHW,SAAS,IACT,yCACCA,SADD,EAECC,UAFD,EAGC,WAHD,CAHK;AAQNX,MAAAA,IAAI,EAAEU,SAAS,EAAEV,IARX;AASNC,MAAAA,UAAU,EACTI,eAAe,CAAER,QAAF,CAAf,IACAS,qBAAqB,CAAET,QAAF;AAAY;AAAY,UAAxB;AAXhB,KAAP;AAaA,GA1BiC,EA2BlC,CAAEA,QAAF,CA3BkC,CAAnC;AA6BA,QAAM;AAAEe,IAAAA;AAAF,MAAkB,uBAAaL,YAAb,CAAxB;AAEA,SACC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAGN,UADb;AAEC,IAAA,OAAO,EAAG,MAAMW,WAAW,CAAEf,QAAF;AAF5B,KAIC,4BAAC,gCAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,KACC,4BAAC,kBAAD;AAAW,IAAA,IAAI,EAAGG;AAAlB,IADD,EAEC,4BAAC,oBAAD,QAAYD,IAAZ,CAFD,CAJD,CADD;AAWA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport {\n\t__experimentalGetBlockLabel,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockIcon from '../block-icon';\n\nexport default function BlockQuickNavigation( { clientIds } ) {\n\tif ( ! clientIds.length ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<VStack spacing={ 1 }>\n\t\t\t{ clientIds.map( ( clientId ) => (\n\t\t\t\t<BlockQuickNavigationItem\n\t\t\t\t\tkey={ clientId }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</VStack>\n\t);\n}\n\nfunction BlockQuickNavigationItem( { clientId } ) {\n\tconst { name, icon, isSelected } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockName,\n\t\t\t\tgetBlockAttributes,\n\t\t\t\tisBlockSelected,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst { getBlockType } = select( blocksStore );\n\n\t\t\tconst blockType = getBlockType( getBlockName( clientId ) );\n\t\t\tconst attributes = getBlockAttributes( clientId );\n\n\t\t\treturn {\n\t\t\t\tname:\n\t\t\t\t\tblockType &&\n\t\t\t\t\t__experimentalGetBlockLabel(\n\t\t\t\t\t\tblockType,\n\t\t\t\t\t\tattributes,\n\t\t\t\t\t\t'list-view'\n\t\t\t\t\t),\n\t\t\t\ticon: blockType?.icon,\n\t\t\t\tisSelected:\n\t\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\t\thasSelectedInnerBlock( clientId, /* deep: */ true ),\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<Button\n\t\t\tisPressed={ isSelected }\n\t\t\tonClick={ () => selectBlock( clientId ) }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t<FlexItem>{ name }</FlexItem>\n\t\t\t</HStack>\n\t\t</Button>\n\t);\n}\n"]}

package/build/components/block-removal-warning-modal/index.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockRemovalWarningModal = BlockRemovalWarningModal;
+exports.blockTypePromptMessages = void 0;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _store = require("../../store");
+
+var _lockUnlock = require("../../lock-unlock");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+// In certain editing contexts, we'd like to prevent accidental removal of
+// important blocks. For example, in the site editor, the Query Loop block is
+// deemed important. In such cases, we'll ask the user for confirmation that
+// they intended to remove such block(s).
+//
+// @see https://github.com/WordPress/gutenberg/pull/51145
+const blockTypePromptMessages = {
+  'core/query': (0, _i18n.__)('Query Loop displays a list of posts or pages.'),
+  'core/post-content': (0, _i18n.__)('Post Content displays the content of a post or page.')
+};
+exports.blockTypePromptMessages = blockTypePromptMessages;
+
+function BlockRemovalWarningModal() {
+  const {
+    clientIds,
+    selectPrevious,
+    blockNamesForPrompt
+  } = (0, _data.useSelect)(select => (0, _lockUnlock.unlock)(select(_store.store)).getRemovalPromptData());
+  const {
+    clearRemovalPrompt,
+    toggleRemovalPromptSupport,
+    privateRemoveBlocks
+  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store)); // Signalling the removal prompt is in place.
+
+  (0, _element.useEffect)(() => {
+    toggleRemovalPromptSupport(true);
+    return () => {
+      toggleRemovalPromptSupport(false);
+    };
+  }, [toggleRemovalPromptSupport]);
+
+  if (!blockNamesForPrompt) {
+    return;
+  }
+
+  const onConfirmRemoval = () => {
+    privateRemoveBlocks(clientIds, selectPrevious,
+    /* force */
+    true);
+    clearRemovalPrompt();
+  };
+
+  return (0, _element.createElement)(_components.Modal, {
+    title: (0, _i18n.__)('Are you sure?'),
+    onRequestClose: clearRemovalPrompt
+  }, blockNamesForPrompt.length === 1 ? (0, _element.createElement)("p", null, blockTypePromptMessages[blockNamesForPrompt[0]]) : (0, _element.createElement)("ul", {
+    style: {
+      listStyleType: 'disc',
+      paddingLeft: '1rem'
+    }
+  }, blockNamesForPrompt.map(name => (0, _element.createElement)("li", {
+    key: name
+  }, blockTypePromptMessages[name]))), (0, _element.createElement)("p", null, (0, _i18n._n)('Removing this block is not advised.', 'Removing these blocks is not advised.', blockNamesForPrompt.length)), (0, _element.createElement)(_components.__experimentalHStack, {
+    justify: "right"
+  }, (0, _element.createElement)(_components.Button, {
+    variant: "tertiary",
+    onClick: clearRemovalPrompt
+  }, (0, _i18n.__)('Cancel')), (0, _element.createElement)(_components.Button, {
+    variant: "primary",
+    onClick: onConfirmRemoval
+  }, (0, _i18n.__)('Delete'))));
+}
+//# sourceMappingURL=index.js.map

package/build/components/block-removal-warning-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-removal-warning-modal/index.js"],"names":["blockTypePromptMessages","BlockRemovalWarningModal","clientIds","selectPrevious","blockNamesForPrompt","select","blockEditorStore","getRemovalPromptData","clearRemovalPrompt","toggleRemovalPromptSupport","privateRemoveBlocks","onConfirmRemoval","length","listStyleType","paddingLeft","map","name"],"mappings":";;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAKA;;AACA;;AAhBA;AACA;AACA;;AAUA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMA,uBAAuB,GAAG;AACtC,gBAAc,cAAI,+CAAJ,CADwB;AAEtC,uBAAqB,cACpB,sDADoB;AAFiB,CAAhC;;;AAOA,SAASC,wBAAT,GAAoC;AAC1C,QAAM;AAAEC,IAAAA,SAAF;AAAaC,IAAAA,cAAb;AAA6BC,IAAAA;AAA7B,MAAqD,qBACxDC,MAAF,IACC,wBAAQA,MAAM,CAAEC,YAAF,CAAd,EAAqCC,oBAArC,EAFyD,CAA3D;AAKA,QAAM;AACLC,IAAAA,kBADK;AAELC,IAAAA,0BAFK;AAGLC,IAAAA;AAHK,MAIF,wBAAQ,uBAAaJ,YAAb,CAAR,CAJJ,CAN0C,CAY1C;;AACA,0BAAW,MAAM;AAChBG,IAAAA,0BAA0B,CAAE,IAAF,CAA1B;AACA,WAAO,MAAM;AACZA,MAAAA,0BAA0B,CAAE,KAAF,CAA1B;AACA,KAFD;AAGA,GALD,EAKG,CAAEA,0BAAF,CALH;;AAOA,MAAK,CAAEL,mBAAP,EAA6B;AAC5B;AACA;;AAED,QAAMO,gBAAgB,GAAG,MAAM;AAC9BD,IAAAA,mBAAmB,CAAER,SAAF,EAAaC,cAAb;AAA6B;AAAY,QAAzC,CAAnB;AACAK,IAAAA,kBAAkB;AAClB,GAHD;;AAKA,SACC,4BAAC,iBAAD;AACC,IAAA,KAAK,EAAG,cAAI,eAAJ,CADT;AAEC,IAAA,cAAc,EAAGA;AAFlB,KAIGJ,mBAAmB,CAACQ,MAApB,KAA+B,CAA/B,GACD,uCAAKZ,uBAAuB,CAAEI,mBAAmB,CAAE,CAAF,CAArB,CAA5B,CADC,GAGD;AAAI,IAAA,KAAK,EAAG;AAAES,MAAAA,aAAa,EAAE,MAAjB;AAAyBC,MAAAA,WAAW,EAAE;AAAtC;AAAZ,KACGV,mBAAmB,CAACW,GAApB,CAA2BC,IAAF,IAC1B;AAAI,IAAA,GAAG,EAAGA;AAAV,KACGhB,uBAAuB,CAAEgB,IAAF,CAD1B,CADC,CADH,CAPF,EAeC,uCACG,cACD,qCADC,EAED,uCAFC,EAGDZ,mBAAmB,CAACQ,MAHnB,CADH,CAfD,EAsBC,4BAAC,gCAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,KACC,4BAAC,kBAAD;AAAQ,IAAA,OAAO,EAAC,UAAhB;AAA2B,IAAA,OAAO,EAAGJ;AAArC,KACG,cAAI,QAAJ,CADH,CADD,EAIC,4BAAC,kBAAD;AAAQ,IAAA,OAAO,EAAC,SAAhB;AAA0B,IAAA,OAAO,EAAGG;AAApC,KACG,cAAI,QAAJ,CADH,CAJD,CAtBD,CADD;AAiCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tModal,\n\tButton,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { __, _n } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\n// In certain editing contexts, we'd like to prevent accidental removal of\n// important blocks. For example, in the site editor, the Query Loop block is\n// deemed important. In such cases, we'll ask the user for confirmation that\n// they intended to remove such block(s).\n//\n// @see https://github.com/WordPress/gutenberg/pull/51145\nexport const blockTypePromptMessages = {\n\t'core/query': __( 'Query Loop displays a list of posts or pages.' ),\n\t'core/post-content': __(\n\t\t'Post Content displays the content of a post or page.'\n\t),\n};\n\nexport function BlockRemovalWarningModal() {\n\tconst { clientIds, selectPrevious, blockNamesForPrompt } = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( blockEditorStore ) ).getRemovalPromptData()\n\t);\n\n\tconst {\n\t\tclearRemovalPrompt,\n\t\ttoggleRemovalPromptSupport,\n\t\tprivateRemoveBlocks,\n\t} = unlock( useDispatch( blockEditorStore ) );\n\n\t// Signalling the removal prompt is in place.\n\tuseEffect( () => {\n\t\ttoggleRemovalPromptSupport( true );\n\t\treturn () => {\n\t\t\ttoggleRemovalPromptSupport( false );\n\t\t};\n\t}, [ toggleRemovalPromptSupport ] );\n\n\tif ( ! blockNamesForPrompt ) {\n\t\treturn;\n\t}\n\n\tconst onConfirmRemoval = () => {\n\t\tprivateRemoveBlocks( clientIds, selectPrevious, /* force */ true );\n\t\tclearRemovalPrompt();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Are you sure?' ) }\n\t\t\tonRequestClose={ clearRemovalPrompt }\n\t\t>\n\t\t\t{ blockNamesForPrompt.length === 1 ? (\n\t\t\t\t<p>{ blockTypePromptMessages[ blockNamesForPrompt[ 0 ] ] }</p>\n\t\t\t) : (\n\t\t\t\t<ul style={ { listStyleType: 'disc', paddingLeft: '1rem' } }>\n\t\t\t\t\t{ blockNamesForPrompt.map( ( name ) => (\n\t\t\t\t\t\t<li key={ name }>\n\t\t\t\t\t\t\t{ blockTypePromptMessages[ name ] }\n\t\t\t\t\t\t</li>\n\t\t\t\t\t) ) }\n\t\t\t\t</ul>\n\t\t\t) }\n\t\t\t<p>\n\t\t\t\t{ _n(\n\t\t\t\t\t'Removing this block is not advised.',\n\t\t\t\t\t'Removing these blocks is not advised.',\n\t\t\t\t\tblockNamesForPrompt.length\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<HStack justify=\"right\">\n\t\t\t\t<Button variant=\"tertiary\" onClick={ clearRemovalPrompt }>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t\t<Button variant=\"primary\" onClick={ onConfirmRemoval }>\n\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t</Button>\n\t\t\t</HStack>\n\t\t</Modal>\n\t);\n}\n"]}

package/build/components/block-selection-clearer/index.js

@@ -1,7 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,8 +8,6 @@ exports.useBlockSelectionClearer = useBlockSelectionClearer;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _data = require("@wordpress/data");
 
 var _compose = require("@wordpress/compose");
@@ -71,8 +67,9 @@ function useBlockSelectionClearer() {
 }
 
 function BlockSelectionClearer(props) {
-  return (0, _element.createElement)("div", (0, _extends2.default)({
-    ref: useBlockSelectionClearer()
-  }, props));
+  return (0, _element.createElement)("div", {
+    ref: useBlockSelectionClearer(),
+    ...props
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/block-selection-clearer/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-selection-clearer/index.js"],"names":["useBlockSelectionClearer","getSettings","hasSelectedBlock","hasMultiSelection","blockEditorStore","clearSelectedBlock","clearBlockSelection","isEnabled","node","onMouseDown","event","target","addEventListener","removeEventListener","BlockSelectionClearer","props"],"mappings":";;;;;;;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,wBAAT,GAAoC;AAC1C,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,gBAAf;AAAiCC,IAAAA;AAAjC,MACL,qBAAWC,YAAX,CADD;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAyB,uBAAaD,YAAb,CAA/B;AACA,QAAM;AAAEE,IAAAA,mBAAmB,EAAEC;AAAvB,MAAqCN,WAAW,EAAtD;AAEA,SAAO,2BACJO,IAAF,IAAY;AACX,QAAK,CAAED,SAAP,EAAmB;AAClB;AACA;;AAED,aAASE,WAAT,CAAsBC,KAAtB,EAA8B;AAC7B,UAAK,CAAER,gBAAgB,EAAlB,IAAwB,CAAEC,iBAAiB,EAAhD,EAAqD;AACpD;AACA,OAH4B,CAK7B;;;AACA,UAAKO,KAAK,CAACC,MAAN,KAAiBH,IAAtB,EAA6B;AAC5B;AACA;;AAEDH,MAAAA,kBAAkB;AAClB;;AAEDG,IAAAA,IAAI,CAACI,gBAAL,CAAuB,WAAvB,EAAoCH,WAApC;AAEA,WAAO,MAAM;AACZD,MAAAA,IAAI,CAACK,mBAAL,CAA0B,WAA1B,EAAuCJ,WAAvC;AACA,KAFD;AAGA,GAxBK,EAyBN,CAAEP,gBAAF,EAAoBC,iBAApB,EAAuCE,kBAAvC,EAA2DE,SAA3D,CAzBM,CAAP;AA2BA;;AAEc,SAASO,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,SAAO;AAAK,IAAA,GAAG,EAAGf,wBAAwB;AAAnC,KAA6Ce,KAA7C,EAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Pass the returned ref callback to an element that should clear block\n * selection. Selection will only be cleared if the element is clicked directly,\n * not if a child element is clicked.\n *\n * @return {import('react').RefCallback} Ref callback.\n */\nexport function useBlockSelectionClearer() {\n\tconst { getSettings, hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clearBlockSelection: isEnabled } = getSettings();\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onMouseDown( event ) {\n\t\t\t\tif ( ! hasSelectedBlock() && ! hasMultiSelection() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Only handle clicks on the element, not the children.\n\t\t\t\tif ( event.target !== node ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tclearSelectedBlock();\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousedown', onMouseDown );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousedown', onMouseDown );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled ]\n\t);\n}\n\nexport default function BlockSelectionClearer( props ) {\n\treturn <div ref={ useBlockSelectionClearer() } { ...props } />;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-selection-clearer/index.js"],"names":["useBlockSelectionClearer","getSettings","hasSelectedBlock","hasMultiSelection","blockEditorStore","clearSelectedBlock","clearBlockSelection","isEnabled","node","onMouseDown","event","target","addEventListener","removeEventListener","BlockSelectionClearer","props"],"mappings":";;;;;;;;;;AAGA;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,wBAAT,GAAoC;AAC1C,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,gBAAf;AAAiCC,IAAAA;AAAjC,MACL,qBAAWC,YAAX,CADD;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAyB,uBAAaD,YAAb,CAA/B;AACA,QAAM;AAAEE,IAAAA,mBAAmB,EAAEC;AAAvB,MAAqCN,WAAW,EAAtD;AAEA,SAAO,2BACJO,IAAF,IAAY;AACX,QAAK,CAAED,SAAP,EAAmB;AAClB;AACA;;AAED,aAASE,WAAT,CAAsBC,KAAtB,EAA8B;AAC7B,UAAK,CAAER,gBAAgB,EAAlB,IAAwB,CAAEC,iBAAiB,EAAhD,EAAqD;AACpD;AACA,OAH4B,CAK7B;;;AACA,UAAKO,KAAK,CAACC,MAAN,KAAiBH,IAAtB,EAA6B;AAC5B;AACA;;AAEDH,MAAAA,kBAAkB;AAClB;;AAEDG,IAAAA,IAAI,CAACI,gBAAL,CAAuB,WAAvB,EAAoCH,WAApC;AAEA,WAAO,MAAM;AACZD,MAAAA,IAAI,CAACK,mBAAL,CAA0B,WAA1B,EAAuCJ,WAAvC;AACA,KAFD;AAGA,GAxBK,EAyBN,CAAEP,gBAAF,EAAoBC,iBAApB,EAAuCE,kBAAvC,EAA2DE,SAA3D,CAzBM,CAAP;AA2BA;;AAEc,SAASO,qBAAT,CAAgCC,KAAhC,EAAwC;AACtD,SAAO;AAAK,IAAA,GAAG,EAAGf,wBAAwB,EAAnC;AAAA,OAA6Ce;AAA7C,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Pass the returned ref callback to an element that should clear block\n * selection. Selection will only be cleared if the element is clicked directly,\n * not if a child element is clicked.\n *\n * @return {import('react').RefCallback} Ref callback.\n */\nexport function useBlockSelectionClearer() {\n\tconst { getSettings, hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { clearBlockSelection: isEnabled } = getSettings();\n\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( ! isEnabled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tfunction onMouseDown( event ) {\n\t\t\t\tif ( ! hasSelectedBlock() && ! hasMultiSelection() ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Only handle clicks on the element, not the children.\n\t\t\t\tif ( event.target !== node ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tclearSelectedBlock();\n\t\t\t}\n\n\t\t\tnode.addEventListener( 'mousedown', onMouseDown );\n\n\t\t\treturn () => {\n\t\t\t\tnode.removeEventListener( 'mousedown', onMouseDown );\n\t\t\t};\n\t\t},\n\t\t[ hasSelectedBlock, hasMultiSelection, clearSelectedBlock, isEnabled ]\n\t);\n}\n\nexport default function BlockSelectionClearer( props ) {\n\treturn <div ref={ useBlockSelectionClearer() } { ...props } />;\n}\n"]}

package/build/components/block-settings/button.native.js

@@ -23,18 +23,16 @@ const {
   Slot
 } = (0, _components.createSlotFill)('SettingsToolbarButton');
 
-const SettingsButton = _ref => {
-  let {
-    openGeneralSidebar
-  } = _ref;
-  return (0, _element.createElement)(_components.ToolbarButton, {
-    title: (0, _i18n.__)('Open Settings'),
-    icon: _icons.cog,
-    onClick: openGeneralSidebar
-  });
-};
-
-const SettingsButtonFill = props => (0, _element.createElement)(Fill, null, (0, _element.createElement)(SettingsButton, props));
+const SettingsButton = ({
+  openGeneralSidebar
+}) => (0, _element.createElement)(_components.ToolbarButton, {
+  title: (0, _i18n.__)('Open Settings'),
+  icon: _icons.cog,
+  onClick: openGeneralSidebar
+});
+
+const SettingsButtonFill = props => (0, _element.createElement)(Fill, null, (0, _element.createElement)(SettingsButton, { ...props
+}));
 
 const SettingsToolbarButton = (0, _data.withDispatch)(dispatch => {
   const {

package/build/components/block-settings/button.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings/button.native.js"],"names":["Fill","Slot","SettingsButton","openGeneralSidebar","cog","SettingsButtonFill","props","SettingsToolbarButton","dispatch"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;AAMA,MAAM;AAAEA,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiB,gCAAgB,uBAAhB,CAAvB;;AAEA,MAAMC,cAAc,GAAG;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,SACtB,4BAAC,yBAAD;AACC,IAAA,KAAK,EAAG,cAAI,eAAJ,CADT;AAEC,IAAA,IAAI,EAAGC,UAFR;AAGC,IAAA,OAAO,EAAGD;AAHX,IADsB;AAAA,CAAvB;;AAQA,MAAME,kBAAkB,GAAKC,KAAF,IAC1B,4BAAC,IAAD,QACC,4BAAC,cAAD,EAAqBA,KAArB,CADD,CADD;;AAMA,MAAMC,qBAAqB,GAAG,wBAAgBC,QAAF,IAAgB;AAC3D,QAAM;AAAEL,IAAAA;AAAF,MAAyBK,QAAQ,CAAE,gBAAF,CAAvC;AAEA,SAAO;AACNL,IAAAA,kBAAkB,EAAE,MAAMA,kBAAkB,CAAE,iBAAF;AADtC,GAAP;AAGA,CAN6B,EAMzBE,kBANyB,CAA9B;AAQAE,qBAAqB,CAACN,IAAtB,GAA6BA,IAA7B;eAEeM,qB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill, ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withDispatch } from '@wordpress/data';\nimport { cog } from '@wordpress/icons';\n\nconst { Fill, Slot } = createSlotFill( 'SettingsToolbarButton' );\n\nconst SettingsButton = ( { openGeneralSidebar } ) => (\n\t<ToolbarButton\n\t\ttitle={ __( 'Open Settings' ) }\n\t\ticon={ cog }\n\t\tonClick={ openGeneralSidebar }\n\t/>\n);\n\nconst SettingsButtonFill = ( props ) => (\n\t<Fill>\n\t\t<SettingsButton { ...props } />\n\t</Fill>\n);\n\nconst SettingsToolbarButton = withDispatch( ( dispatch ) => {\n\tconst { openGeneralSidebar } = dispatch( 'core/edit-post' );\n\n\treturn {\n\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t};\n} )( SettingsButtonFill );\n\nSettingsToolbarButton.Slot = Slot;\n\nexport default SettingsToolbarButton;\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings/button.native.js"],"names":["Fill","Slot","SettingsButton","openGeneralSidebar","cog","SettingsButtonFill","props","SettingsToolbarButton","dispatch"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;AAMA,MAAM;AAAEA,EAAAA,IAAF;AAAQC,EAAAA;AAAR,IAAiB,gCAAgB,uBAAhB,CAAvB;;AAEA,MAAMC,cAAc,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KACtB,4BAAC,yBAAD;AACC,EAAA,KAAK,EAAG,cAAI,eAAJ,CADT;AAEC,EAAA,IAAI,EAAGC,UAFR;AAGC,EAAA,OAAO,EAAGD;AAHX,EADD;;AAQA,MAAME,kBAAkB,GAAKC,KAAF,IAC1B,4BAAC,IAAD,QACC,4BAAC,cAAD,OAAqBA;AAArB,EADD,CADD;;AAMA,MAAMC,qBAAqB,GAAG,wBAAgBC,QAAF,IAAgB;AAC3D,QAAM;AAAEL,IAAAA;AAAF,MAAyBK,QAAQ,CAAE,gBAAF,CAAvC;AAEA,SAAO;AACNL,IAAAA,kBAAkB,EAAE,MAAMA,kBAAkB,CAAE,iBAAF;AADtC,GAAP;AAGA,CAN6B,EAMzBE,kBANyB,CAA9B;AAQAE,qBAAqB,CAACN,IAAtB,GAA6BA,IAA7B;eAEeM,qB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill, ToolbarButton } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { withDispatch } from '@wordpress/data';\nimport { cog } from '@wordpress/icons';\n\nconst { Fill, Slot } = createSlotFill( 'SettingsToolbarButton' );\n\nconst SettingsButton = ( { openGeneralSidebar } ) => (\n\t<ToolbarButton\n\t\ttitle={ __( 'Open Settings' ) }\n\t\ticon={ cog }\n\t\tonClick={ openGeneralSidebar }\n\t/>\n);\n\nconst SettingsButtonFill = ( props ) => (\n\t<Fill>\n\t\t<SettingsButton { ...props } />\n\t</Fill>\n);\n\nconst SettingsToolbarButton = withDispatch( ( dispatch ) => {\n\tconst { openGeneralSidebar } = dispatch( 'core/edit-post' );\n\n\treturn {\n\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t};\n} )( SettingsButtonFill );\n\nSettingsToolbarButton.Slot = Slot;\n\nexport default SettingsToolbarButton;\n"]}

package/build/components/block-settings/container.native.js

@@ -10,8 +10,6 @@ exports.default = BottomSheetSettings;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _blockEditor = require("@wordpress/block-editor");
 
 var _components = require("@wordpress/components");
@@ -42,14 +40,15 @@ function BottomSheetSettings(props) {
     closeGeneralSidebar
   } = (0, _data.useDispatch)('core/edit-post');
   const editorSidebarOpened = (0, _data.useSelect)(select => select('core/edit-post').isEditorSidebarOpened());
-  return (0, _element.createElement)(_components.BottomSheet, (0, _extends2.default)({
+  return (0, _element.createElement)(_components.BottomSheet, {
     isVisible: editorSidebarOpened,
     onClose: closeGeneralSidebar,
     hideHeader: true,
     contentStyle: _containerNative.default.content,
     hasNavigation: true,
-    testID: "block-settings-modal"
-  }, props), (0, _element.createElement)(_components.BottomSheet.NavigationContainer, {
+    testID: "block-settings-modal",
+    ...props
+  }, (0, _element.createElement)(_components.BottomSheet.NavigationContainer, {
     animate: true,
     main: true
   }, (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
@@ -71,6 +70,7 @@ function BottomSheetSettings(props) {
     returnScreenName: blockSettingsScreens.settings
   })), (0, _element.createElement)(_components.BottomSheet.NavigationScreen, {
     name: blockSettingsScreens.imageLinkDestinations
-  }, (0, _element.createElement)(_components.ImageLinkDestinationsScreen, props))));
+  }, (0, _element.createElement)(_components.ImageLinkDestinationsScreen, { ...props
+  }))));
 }
 //# sourceMappingURL=container.native.js.map

package/build/components/block-settings/container.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings/container.native.js"],"names":["blockSettingsScreens","settings","color","focalPoint","linkPicker","imageLinkDestinations","BottomSheetSettings","props","colorSettings","closeGeneralSidebar","editorSidebarOpened","select","isEditorSidebarOpened","styles","content","BottomSheet","SubSheet","screenName"],"mappings":";;;;;;;;;;;;;;AAGA;;AAIA;;AAOA;;AAKA;;AAnBA;AACA;AACA;;AAcA;AACA;AACA;AAGO,MAAMA,oBAAoB,GAAG;AACnCC,EAAAA,QAAQ,EAAE,UADyB;AAEnCC,EAAAA,KAAK,EAAE,OAF4B;AAGnCC,EAAAA,UAAU,EAAE,YAHuB;AAInCC,EAAAA,UAAU,EAAE,YAJuB;AAKnCC,EAAAA,qBAAqB,EAAE;AALY,CAA7B;;;AAQQ,SAASC,mBAAT,CAA8BC,KAA9B,EAAsC;AACpD,QAAMC,aAAa,GAAG,uDAAtB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAA0B,uBAAa,gBAAb,CAAhC;AACA,QAAMC,mBAAmB,GAAG,qBAAaC,MAAF,IACtCA,MAAM,CAAE,gBAAF,CAAN,CAA2BC,qBAA3B,EAD2B,CAA5B;AAIA,SACC,4BAAC,uBAAD;AACC,IAAA,SAAS,EAAGF,mBADb;AAEC,IAAA,OAAO,EAAGD,mBAFX;AAGC,IAAA,UAAU,MAHX;AAIC,IAAA,YAAY,EAAGI,yBAAOC,OAJvB;AAKC,IAAA,aAAa,MALd;AAMC,IAAA,MAAM,EAAC;AANR,KAOMP,KAPN,GASC,4BAAC,uBAAD,CAAa,mBAAb;AAAiC,IAAA,OAAO,MAAxC;AAAyC,IAAA,IAAI;AAA7C,KACC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGP,oBAAoB,CAACC;AAD7B,KAGC,4BAAC,8BAAD,CAAmB,IAAnB,OAHD,CADD,EAMC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGc,wBAAYC,QAAZ,CAAqBC;AAD7B,KAGC,4BAAC,uBAAD,CAAa,QAAb,CAAsB,IAAtB,OAHD,CAND,EAYC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGjB,oBAAoB,CAACE;AAD7B,KAGC,4BAAC,yBAAD;AAAe,IAAA,eAAe,EAAGM;AAAjC,IAHD,CAZD,EAiBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGR,oBAAoB,CAACG,UAD7B;AAEC,IAAA,UAAU;AAFX,KAIC,4BAAC,mCAAD,OAJD,CAjBD,EAuBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,oBAAoB,CAACI,UAD7B;AAEC,IAAA,UAAU,MAFX;AAGC,IAAA,YAAY;AAHb,KAKC,4BAAC,4BAAD;AACC,IAAA,gBAAgB,EAAGJ,oBAAoB,CAACC;AADzC,IALD,CAvBD,EAgCC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGD,oBAAoB,CAACK;AAD7B,KAGC,4BAAC,uCAAD,EAAkCE,KAAlC,CAHD,CAhCD,CATD,CADD;AAkDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tuseMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport {\n\tBottomSheet,\n\tColorSettings,\n\tFocalPointSettingsPanel,\n\tImageLinkDestinationsScreen,\n\tLinkPickerScreen,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport styles from './container.native.scss';\n\nexport const blockSettingsScreens = {\n\tsettings: 'Settings',\n\tcolor: 'Color',\n\tfocalPoint: 'FocalPoint',\n\tlinkPicker: 'linkPicker',\n\timageLinkDestinations: 'imageLinkDestinations',\n};\n\nexport default function BottomSheetSettings( props ) {\n\tconst colorSettings = useMultipleOriginColorsAndGradients();\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst editorSidebarOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ editorSidebarOpened }\n\t\t\tonClose={ closeGeneralSidebar }\n\t\t\thideHeader\n\t\t\tcontentStyle={ styles.content }\n\t\t\thasNavigation\n\t\t\ttestID=\"block-settings-modal\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.settings }\n\t\t\t\t>\n\t\t\t\t\t<InspectorControls.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ BottomSheet.SubSheet.screenName }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.SubSheet.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.color }\n\t\t\t\t>\n\t\t\t\t\t<ColorSettings defaultSettings={ colorSettings } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.focalPoint }\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<FocalPointSettingsPanel />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.linkPicker }\n\t\t\t\t\tfullScreen\n\t\t\t\t\tisScrollable\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ blockSettingsScreens.settings }\n\t\t\t\t\t/>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.imageLinkDestinations }\n\t\t\t\t>\n\t\t\t\t\t<ImageLinkDestinationsScreen { ...props } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t</BottomSheet>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings/container.native.js"],"names":["blockSettingsScreens","settings","color","focalPoint","linkPicker","imageLinkDestinations","BottomSheetSettings","props","colorSettings","closeGeneralSidebar","editorSidebarOpened","select","isEditorSidebarOpened","styles","content","BottomSheet","SubSheet","screenName"],"mappings":";;;;;;;;;;;;AAGA;;AAIA;;AAOA;;AAKA;;AAnBA;AACA;AACA;;AAcA;AACA;AACA;AAGO,MAAMA,oBAAoB,GAAG;AACnCC,EAAAA,QAAQ,EAAE,UADyB;AAEnCC,EAAAA,KAAK,EAAE,OAF4B;AAGnCC,EAAAA,UAAU,EAAE,YAHuB;AAInCC,EAAAA,UAAU,EAAE,YAJuB;AAKnCC,EAAAA,qBAAqB,EAAE;AALY,CAA7B;;;AAQQ,SAASC,mBAAT,CAA8BC,KAA9B,EAAsC;AACpD,QAAMC,aAAa,GAAG,uDAAtB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAA0B,uBAAa,gBAAb,CAAhC;AACA,QAAMC,mBAAmB,GAAG,qBAAaC,MAAF,IACtCA,MAAM,CAAE,gBAAF,CAAN,CAA2BC,qBAA3B,EAD2B,CAA5B;AAIA,SACC,4BAAC,uBAAD;AACC,IAAA,SAAS,EAAGF,mBADb;AAEC,IAAA,OAAO,EAAGD,mBAFX;AAGC,IAAA,UAAU,MAHX;AAIC,IAAA,YAAY,EAAGI,yBAAOC,OAJvB;AAKC,IAAA,aAAa,MALd;AAMC,IAAA,MAAM,EAAC,sBANR;AAAA,OAOMP;AAPN,KASC,4BAAC,uBAAD,CAAa,mBAAb;AAAiC,IAAA,OAAO,MAAxC;AAAyC,IAAA,IAAI;AAA7C,KACC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGP,oBAAoB,CAACC;AAD7B,KAGC,4BAAC,8BAAD,CAAmB,IAAnB,OAHD,CADD,EAMC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGc,wBAAYC,QAAZ,CAAqBC;AAD7B,KAGC,4BAAC,uBAAD,CAAa,QAAb,CAAsB,IAAtB,OAHD,CAND,EAYC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGjB,oBAAoB,CAACE;AAD7B,KAGC,4BAAC,yBAAD;AAAe,IAAA,eAAe,EAAGM;AAAjC,IAHD,CAZD,EAiBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGR,oBAAoB,CAACG,UAD7B;AAEC,IAAA,UAAU;AAFX,KAIC,4BAAC,mCAAD,OAJD,CAjBD,EAuBC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGH,oBAAoB,CAACI,UAD7B;AAEC,IAAA,UAAU,MAFX;AAGC,IAAA,YAAY;AAHb,KAKC,4BAAC,4BAAD;AACC,IAAA,gBAAgB,EAAGJ,oBAAoB,CAACC;AADzC,IALD,CAvBD,EAgCC,4BAAC,uBAAD,CAAa,gBAAb;AACC,IAAA,IAAI,EAAGD,oBAAoB,CAACK;AAD7B,KAGC,4BAAC,uCAAD,OAAkCE;AAAlC,IAHD,CAhCD,CATD,CADD;AAkDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tInspectorControls,\n\tuseMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport {\n\tBottomSheet,\n\tColorSettings,\n\tFocalPointSettingsPanel,\n\tImageLinkDestinationsScreen,\n\tLinkPickerScreen,\n} from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport styles from './container.native.scss';\n\nexport const blockSettingsScreens = {\n\tsettings: 'Settings',\n\tcolor: 'Color',\n\tfocalPoint: 'FocalPoint',\n\tlinkPicker: 'linkPicker',\n\timageLinkDestinations: 'imageLinkDestinations',\n};\n\nexport default function BottomSheetSettings( props ) {\n\tconst colorSettings = useMultipleOriginColorsAndGradients();\n\tconst { closeGeneralSidebar } = useDispatch( 'core/edit-post' );\n\tconst editorSidebarOpened = useSelect( ( select ) =>\n\t\tselect( 'core/edit-post' ).isEditorSidebarOpened()\n\t);\n\n\treturn (\n\t\t<BottomSheet\n\t\t\tisVisible={ editorSidebarOpened }\n\t\t\tonClose={ closeGeneralSidebar }\n\t\t\thideHeader\n\t\t\tcontentStyle={ styles.content }\n\t\t\thasNavigation\n\t\t\ttestID=\"block-settings-modal\"\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<BottomSheet.NavigationContainer animate main>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.settings }\n\t\t\t\t>\n\t\t\t\t\t<InspectorControls.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ BottomSheet.SubSheet.screenName }\n\t\t\t\t>\n\t\t\t\t\t<BottomSheet.SubSheet.Slot />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.color }\n\t\t\t\t>\n\t\t\t\t\t<ColorSettings defaultSettings={ colorSettings } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.focalPoint }\n\t\t\t\t\tfullScreen\n\t\t\t\t>\n\t\t\t\t\t<FocalPointSettingsPanel />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.linkPicker }\n\t\t\t\t\tfullScreen\n\t\t\t\t\tisScrollable\n\t\t\t\t>\n\t\t\t\t\t<LinkPickerScreen\n\t\t\t\t\t\treturnScreenName={ blockSettingsScreens.settings }\n\t\t\t\t\t/>\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t\t<BottomSheet.NavigationScreen\n\t\t\t\t\tname={ blockSettingsScreens.imageLinkDestinations }\n\t\t\t\t>\n\t\t\t\t\t<ImageLinkDestinationsScreen { ...props } />\n\t\t\t\t</BottomSheet.NavigationScreen>\n\t\t\t</BottomSheet.NavigationContainer>\n\t\t</BottomSheet>\n\t);\n}\n"]}

package/build/components/block-settings-menu/block-convert-button.js

@@ -14,13 +14,11 @@ var _components = require("@wordpress/components");
 /**
  * WordPress dependencies
  */
-function BlockConvertButton(_ref) {
-  let {
-    shouldRender,
-    onClick,
-    small
-  } = _ref;
-
+function BlockConvertButton({
+  shouldRender,
+  onClick,
+  small
+}) {
   if (!shouldRender) {
     return null;
   }

package/build/components/block-settings-menu/block-convert-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-convert-button.js"],"names":["BlockConvertButton","shouldRender","onClick","small","label"],"mappings":";;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIe,SAASA,kBAAT,OAAgE;AAAA,MAAnC;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA,OAAhB;AAAyBC,IAAAA;AAAzB,GAAmC;;AAC9E,MAAK,CAAEF,YAAP,EAAsB;AACrB,WAAO,IAAP;AACA;;AAED,QAAMG,KAAK,GAAG,cAAI,mBAAJ,CAAd;AACA,SAAO,4BAAC,oBAAD;AAAU,IAAA,OAAO,EAAGF;AAApB,KAAgC,CAAEC,KAAF,IAAWC,KAA3C,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\n\nexport default function BlockConvertButton( { shouldRender, onClick, small } ) {\n\tif ( ! shouldRender ) {\n\t\treturn null;\n\t}\n\n\tconst label = __( 'Convert to Blocks' );\n\treturn <MenuItem onClick={ onClick }>{ ! small && label }</MenuItem>;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-convert-button.js"],"names":["BlockConvertButton","shouldRender","onClick","small","label"],"mappings":";;;;;;;;;AAGA;;AACA;;AAJA;AACA;AACA;AAIe,SAASA,kBAAT,CAA6B;AAAEC,EAAAA,YAAF;AAAgBC,EAAAA,OAAhB;AAAyBC,EAAAA;AAAzB,CAA7B,EAAgE;AAC9E,MAAK,CAAEF,YAAP,EAAsB;AACrB,WAAO,IAAP;AACA;;AAED,QAAMG,KAAK,GAAG,cAAI,mBAAJ,CAAd;AACA,SAAO,4BAAC,oBAAD;AAAU,IAAA,OAAO,EAAGF;AAApB,KAAgC,CAAEC,KAAF,IAAWC,KAA3C,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\n\nexport default function BlockConvertButton( { shouldRender, onClick, small } ) {\n\tif ( ! shouldRender ) {\n\t\treturn null;\n\t}\n\n\tconst label = __( 'Convert to Blocks' );\n\treturn <MenuItem onClick={ onClick }>{ ! small && label }</MenuItem>;\n}\n"]}

package/build/components/block-settings-menu/block-html-convert-button.js

@@ -24,25 +24,21 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-var _default = (0, _compose.compose)((0, _data.withSelect)((select, _ref) => {
-  let {
-    clientId
-  } = _ref;
+var _default = (0, _compose.compose)((0, _data.withSelect)((select, {
+  clientId
+}) => {
   const block = select(_store.store).getBlock(clientId);
   return {
     block,
     shouldRender: block && block.name === 'core/html'
   };
-}), (0, _data.withDispatch)((dispatch, _ref2) => {
-  let {
-    block
-  } = _ref2;
-  return {
-    onClick: () => dispatch(_store.store).replaceBlocks(block.clientId, (0, _blocks.rawHandler)({
-      HTML: (0, _blocks.getBlockContent)(block)
-    }))
-  };
-}))(_blockConvertButton.default);
+}), (0, _data.withDispatch)((dispatch, {
+  block
+}) => ({
+  onClick: () => dispatch(_store.store).replaceBlocks(block.clientId, (0, _blocks.rawHandler)({
+    HTML: (0, _blocks.getBlockContent)(block)
+  }))
+})))(_blockConvertButton.default);
 
 exports.default = _default;
 //# sourceMappingURL=block-html-convert-button.js.map

package/build/components/block-settings-menu/block-html-convert-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-html-convert-button.js"],"names":["select","clientId","block","blockEditorStore","getBlock","shouldRender","name","dispatch","onClick","replaceBlocks","HTML","BlockConvertButton"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AAXA;AACA;AACA;;AAKA;AACA;AACA;eAIe,sBACd,sBAAY,CAAEA,MAAF,WAA4B;AAAA,MAAlB;AAAEC,IAAAA;AAAF,GAAkB;AACvC,QAAMC,KAAK,GAAGF,MAAM,CAAEG,YAAF,CAAN,CAA2BC,QAA3B,CAAqCH,QAArC,CAAd;AAEA,SAAO;AACNC,IAAAA,KADM;AAENG,IAAAA,YAAY,EAAEH,KAAK,IAAIA,KAAK,CAACI,IAAN,KAAe;AAFhC,GAAP;AAIA,CAPD,CADc,EASd,wBAAc,CAAEC,QAAF;AAAA,MAAY;AAAEL,IAAAA;AAAF,GAAZ;AAAA,SAA6B;AAC1CM,IAAAA,OAAO,EAAE,MACRD,QAAQ,CAAEJ,YAAF,CAAR,CAA6BM,aAA7B,CACCP,KAAK,CAACD,QADP,EAEC,wBAAY;AAAES,MAAAA,IAAI,EAAE,6BAAiBR,KAAjB;AAAR,KAAZ,CAFD;AAFyC,GAA7B;AAAA,CAAd,CATc,EAgBZS,2BAhBY,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { rawHandler, getBlockContent } from '@wordpress/blocks';\nimport { compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockConvertButton from './block-convert-button';\nimport { store as blockEditorStore } from '../../store';\n\nexport default compose(\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst block = select( blockEditorStore ).getBlock( clientId );\n\n\t\treturn {\n\t\t\tblock,\n\t\t\tshouldRender: block && block.name === 'core/html',\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { block } ) => ( {\n\t\tonClick: () =>\n\t\t\tdispatch( blockEditorStore ).replaceBlocks(\n\t\t\t\tblock.clientId,\n\t\t\t\trawHandler( { HTML: getBlockContent( block ) } )\n\t\t\t),\n\t} ) )\n)( BlockConvertButton );\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/components/block-settings-menu/block-html-convert-button.js"],"names":["select","clientId","block","blockEditorStore","getBlock","shouldRender","name","dispatch","onClick","replaceBlocks","HTML","BlockConvertButton"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AAXA;AACA;AACA;;AAKA;AACA;AACA;eAIe,sBACd,sBAAY,CAAEA,MAAF,EAAU;AAAEC,EAAAA;AAAF,CAAV,KAA4B;AACvC,QAAMC,KAAK,GAAGF,MAAM,CAAEG,YAAF,CAAN,CAA2BC,QAA3B,CAAqCH,QAArC,CAAd;AAEA,SAAO;AACNC,IAAAA,KADM;AAENG,IAAAA,YAAY,EAAEH,KAAK,IAAIA,KAAK,CAACI,IAAN,KAAe;AAFhC,GAAP;AAIA,CAPD,CADc,EASd,wBAAc,CAAEC,QAAF,EAAY;AAAEL,EAAAA;AAAF,CAAZ,MAA6B;AAC1CM,EAAAA,OAAO,EAAE,MACRD,QAAQ,CAAEJ,YAAF,CAAR,CAA6BM,aAA7B,CACCP,KAAK,CAACD,QADP,EAEC,wBAAY;AAAES,IAAAA,IAAI,EAAE,6BAAiBR,KAAjB;AAAR,GAAZ,CAFD;AAFyC,CAA7B,CAAd,CATc,EAgBZS,2BAhBY,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { rawHandler, getBlockContent } from '@wordpress/blocks';\nimport { compose } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport BlockConvertButton from './block-convert-button';\nimport { store as blockEditorStore } from '../../store';\n\nexport default compose(\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst block = select( blockEditorStore ).getBlock( clientId );\n\n\t\treturn {\n\t\t\tblock,\n\t\t\tshouldRender: block && block.name === 'core/html',\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { block } ) => ( {\n\t\tonClick: () =>\n\t\t\tdispatch( blockEditorStore ).replaceBlocks(\n\t\t\t\tblock.clientId,\n\t\t\t\trawHandler( { HTML: getBlockContent( block ) } )\n\t\t\t),\n\t} ) )\n)( BlockConvertButton );\n"]}