@wordpress/block-editor 12.25.0 → 13.0.0

package/build/components/block-list/use-block-props/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useBlockProps = useBlockProps;
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _blocks = require("@wordpress/blocks");
@@ -21,6 +21,7 @@ var _useSelectedBlockEventHandlers = require("./use-selected-block-event-handler
 var _useNavModeExit = require("./use-nav-mode-exit");
 var _useBlockRefs = require("./use-block-refs");
 var _useIntersectionObserver = require("./use-intersection-observer");
+var _useScrollIntoView = require("./use-scroll-into-view");
 var _useFlashEditableBlocks = require("../../use-flash-editable-blocks");
 var _useBindingsAttributes = require("../../../hooks/use-bindings-attributes");
 /**
@@ -127,6 +128,8 @@ function useBlockProps(props = {}, {
   }), (0, _useFlashEditableBlocks.useFlashEditableBlocks)({
     clientId,
     isEnabled: name === 'core/block' || templateLock === 'contentOnly'
+  }), (0, _useScrollIntoView.useScrollIntoView)({
+    isSelected
   })]);
   const blockEditContext = (0, _context.useBlockEditContext)();
   const hasBlockBindings = !!blockEditContext[_context.blockBindingsKey];
@@ -137,7 +140,7 @@ function useBlockProps(props = {}, {
 
   // Ensures it warns only inside the `edit` implementation for the block.
   if (blockApiVersion < 2 && clientId === blockEditContext.clientId) {
-    typeof SCRIPT_DEBUG !== "undefined" && SCRIPT_DEBUG === true ? (0, _warning.default)(`Block type "${name}" must support API version 2 or higher to work correctly with "useBlockProps" method.`) : void 0;
+    globalThis.SCRIPT_DEBUG === true ? (0, _warning.default)(`Block type "${name}" must support API version 2 or higher to work correctly with "useBlockProps" method.`) : void 0;
   }
   let hasNegativeMargin = false;
   if (wrapperProps?.style?.marginTop?.charAt(0) === '-' || wrapperProps?.style?.marginBottom?.charAt(0) === '-' || wrapperProps?.style?.marginLeft?.charAt(0) === '-' || wrapperProps?.style?.marginRight?.charAt(0) === '-') {
@@ -155,7 +158,7 @@ function useBlockProps(props = {}, {
     'data-type': name,
     'data-title': blockTitle,
     inert: isSubtreeDisabled ? 'true' : undefined,
-    className: (0, _classnames.default)('block-editor-block-list__block', {
+    className: (0, _clsx.default)('block-editor-block-list__block', {
       // The wp-block className is important for editor styles.
       'wp-block': !isAligned,
       'has-block-overlay': hasOverlay,

package/build/components/block-list/use-block-props/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_i18n","_blocks","_compose","_warning","_useMovingAnimation","_privateBlockContext","_useFocusFirstElement","_useIsHovered","_context","_useFocusHandler","_useSelectedBlockEventHandlers","_useNavModeExit","_useBlockRefs","_useIntersectionObserver","_useFlashEditableBlocks","_useBindingsAttributes","useBlockProps","props","__unstableIsHtml","clientId","className","wrapperProps","isAligned","index","mode","name","blockApiVersion","blockTitle","isSelected","isSubtreeDisabled","hasOverlay","initialPosition","blockEditingMode","isHighlighted","isMultiSelected","isPartiallySelected","isReusable","isDragging","hasChildSelected","isBlockMovingMode","canInsertMovingBlock","isEditingDisabled","hasEditableOutline","isTemporarilyEditingAsBlocks","defaultClassName","templateLock","useContext","PrivateBlockContext","blockLabel","sprintf","__","htmlSuffix","mergedRefs","useMergeRefs","ref","useFocusFirstElement","useBlockRefProvider","useFocusHandler","useEventHandlers","useNavModeExit","useIsHovered","useIntersectionObserver","useMovingAnimation","triggerAnimationOnChange","useDisabled","isDisabled","useFlashEditableBlocks","isEnabled","blockEditContext","useBlockEditContext","hasBlockBindings","blockBindingsKey","bindingsStyle","canBindBlock","SCRIPT_DEBUG","warning","hasNegativeMargin","style","marginTop","charAt","marginBottom","marginLeft","marginRight","tabIndex","id","role","inert","undefined","classnames","save","getBlockProps"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { __unstableGetBlockProps as getBlockProps } from '@wordpress/blocks';\nimport { useMergeRefs, useDisabled } from '@wordpress/compose';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport useMovingAnimation from '../../use-moving-animation';\nimport { PrivateBlockContext } from '../private-block-context';\nimport { useFocusFirstElement } from './use-focus-first-element';\nimport { useIsHovered } from './use-is-hovered';\nimport {\n\tblockBindingsKey,\n\tuseBlockEditContext,\n} from '../../block-edit/context';\nimport { useFocusHandler } from './use-focus-handler';\nimport { useEventHandlers } from './use-selected-block-event-handlers';\nimport { useNavModeExit } from './use-nav-mode-exit';\nimport { useBlockRefProvider } from './use-block-refs';\nimport { useIntersectionObserver } from './use-intersection-observer';\nimport { useFlashEditableBlocks } from '../../use-flash-editable-blocks';\nimport { canBindBlock } from '../../../hooks/use-bindings-attributes';\n\n/**\n * This hook is used to lightly mark an element as a block element. The element\n * should be the outermost element of a block. Call this hook and pass the\n * returned props to the element to mark as a block. If you define a ref for the\n * element, it is important to pass the ref to this hook, which the hook in turn\n * will pass to the component through the props it returns. Optionally, you can\n * also pass any other props through this hook, and they will be merged and\n * returned.\n *\n * Use of this hook on the outermost element of a block is required if using API >= v2.\n *\n * @example\n * ```js\n * import { useBlockProps } from '@wordpress/block-editor';\n *\n * export default function Edit() {\n *\n *   const blockProps = useBlockProps(\n *     className: 'my-custom-class',\n *     style: {\n *       color: '#222222',\n *       backgroundColor: '#eeeeee'\n *     }\n *   )\n *\n *   return (\n *\t    <div { ...blockProps }>\n *\n *     </div>\n *   )\n * }\n *\n * ```\n *\n *\n * @param {Object}  props                    Optional. Props to pass to the element. Must contain\n *                                           the ref if one is defined.\n * @param {Object}  options                  Options for internal use only.\n * @param {boolean} options.__unstableIsHtml\n *\n * @return {Object} Props to pass to the element to mark as a block.\n */\nexport function useBlockProps( props = {}, { __unstableIsHtml } = {} ) {\n\tconst {\n\t\tclientId,\n\t\tclassName,\n\t\twrapperProps = {},\n\t\tisAligned,\n\t\tindex,\n\t\tmode,\n\t\tname,\n\t\tblockApiVersion,\n\t\tblockTitle,\n\t\tisSelected,\n\t\tisSubtreeDisabled,\n\t\thasOverlay,\n\t\tinitialPosition,\n\t\tblockEditingMode,\n\t\tisHighlighted,\n\t\tisMultiSelected,\n\t\tisPartiallySelected,\n\t\tisReusable,\n\t\tisDragging,\n\t\thasChildSelected,\n\t\tisBlockMovingMode,\n\t\tcanInsertMovingBlock,\n\t\tisEditingDisabled,\n\t\thasEditableOutline,\n\t\tisTemporarilyEditingAsBlocks,\n\t\tdefaultClassName,\n\t\ttemplateLock,\n\t} = useContext( PrivateBlockContext );\n\n\t// translators: %s: Type of block (i.e. Text, Image etc)\n\tconst blockLabel = sprintf( __( 'Block: %s' ), blockTitle );\n\tconst htmlSuffix = mode === 'html' && ! __unstableIsHtml ? '-visual' : '';\n\tconst mergedRefs = useMergeRefs( [\n\t\tprops.ref,\n\t\tuseFocusFirstElement( { clientId, initialPosition } ),\n\t\tuseBlockRefProvider( clientId ),\n\t\tuseFocusHandler( clientId ),\n\t\tuseEventHandlers( { clientId, isSelected } ),\n\t\tuseNavModeExit( clientId ),\n\t\tuseIsHovered(),\n\t\tuseIntersectionObserver(),\n\t\tuseMovingAnimation( { triggerAnimationOnChange: index, clientId } ),\n\t\tuseDisabled( { isDisabled: ! hasOverlay } ),\n\t\tuseFlashEditableBlocks( {\n\t\t\tclientId,\n\t\t\tisEnabled: name === 'core/block' || templateLock === 'contentOnly',\n\t\t} ),\n\t] );\n\n\tconst blockEditContext = useBlockEditContext();\n\tconst hasBlockBindings = !! blockEditContext[ blockBindingsKey ];\n\tconst bindingsStyle =\n\t\thasBlockBindings && canBindBlock( name )\n\t\t\t? {\n\t\t\t\t\t'--wp-admin-theme-color': 'var(--wp-block-synced-color)',\n\t\t\t\t\t'--wp-admin-theme-color--rgb':\n\t\t\t\t\t\t'var(--wp-block-synced-color--rgb)',\n\t\t\t  }\n\t\t\t: {};\n\n\t// Ensures it warns only inside the `edit` implementation for the block.\n\tif ( blockApiVersion < 2 && clientId === blockEditContext.clientId ) {\n\t\twarning(\n\t\t\t`Block type \"${ name }\" must support API version 2 or higher to work correctly with \"useBlockProps\" method.`\n\t\t);\n\t}\n\n\tlet hasNegativeMargin = false;\n\tif (\n\t\twrapperProps?.style?.marginTop?.charAt( 0 ) === '-' ||\n\t\twrapperProps?.style?.marginBottom?.charAt( 0 ) === '-' ||\n\t\twrapperProps?.style?.marginLeft?.charAt( 0 ) === '-' ||\n\t\twrapperProps?.style?.marginRight?.charAt( 0 ) === '-'\n\t) {\n\t\thasNegativeMargin = true;\n\t}\n\n\treturn {\n\t\ttabIndex: blockEditingMode === 'disabled' ? -1 : 0,\n\t\t...wrapperProps,\n\t\t...props,\n\t\tref: mergedRefs,\n\t\tid: `block-${ clientId }${ htmlSuffix }`,\n\t\trole: 'document',\n\t\t'aria-label': blockLabel,\n\t\t'data-block': clientId,\n\t\t'data-type': name,\n\t\t'data-title': blockTitle,\n\t\tinert: isSubtreeDisabled ? 'true' : undefined,\n\t\tclassName: classnames(\n\t\t\t'block-editor-block-list__block',\n\t\t\t{\n\t\t\t\t// The wp-block className is important for editor styles.\n\t\t\t\t'wp-block': ! isAligned,\n\t\t\t\t'has-block-overlay': hasOverlay,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t\t'is-highlighted': isHighlighted,\n\t\t\t\t'is-multi-selected': isMultiSelected,\n\t\t\t\t'is-partially-selected': isPartiallySelected,\n\t\t\t\t'is-reusable': isReusable,\n\t\t\t\t'is-dragging': isDragging,\n\t\t\t\t'has-child-selected': hasChildSelected,\n\t\t\t\t'is-block-moving-mode': isBlockMovingMode,\n\t\t\t\t'can-insert-moving-block': canInsertMovingBlock,\n\t\t\t\t'is-editing-disabled': isEditingDisabled,\n\t\t\t\t'has-editable-outline': hasEditableOutline,\n\t\t\t\t'has-negative-margin': hasNegativeMargin,\n\t\t\t\t'is-content-locked-temporarily-editing-as-blocks':\n\t\t\t\t\tisTemporarilyEditingAsBlocks,\n\t\t\t},\n\t\t\tclassName,\n\t\t\tprops.className,\n\t\t\twrapperProps.className,\n\t\t\tdefaultClassName\n\t\t),\n\t\tstyle: { ...wrapperProps.style, ...props.style, ...bindingsStyle },\n\t};\n}\n\n/**\n * Call within a save function to get the props for the block wrapper.\n *\n * @param {Object} props Optional. Props to pass to the element.\n */\nuseBlockProps.save = getBlockProps;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_i18n","_blocks","_compose","_warning","_useMovingAnimation","_privateBlockContext","_useFocusFirstElement","_useIsHovered","_context","_useFocusHandler","_useSelectedBlockEventHandlers","_useNavModeExit","_useBlockRefs","_useIntersectionObserver","_useScrollIntoView","_useFlashEditableBlocks","_useBindingsAttributes","useBlockProps","props","__unstableIsHtml","clientId","className","wrapperProps","isAligned","index","mode","name","blockApiVersion","blockTitle","isSelected","isSubtreeDisabled","hasOverlay","initialPosition","blockEditingMode","isHighlighted","isMultiSelected","isPartiallySelected","isReusable","isDragging","hasChildSelected","isBlockMovingMode","canInsertMovingBlock","isEditingDisabled","hasEditableOutline","isTemporarilyEditingAsBlocks","defaultClassName","templateLock","useContext","PrivateBlockContext","blockLabel","sprintf","__","htmlSuffix","mergedRefs","useMergeRefs","ref","useFocusFirstElement","useBlockRefProvider","useFocusHandler","useEventHandlers","useNavModeExit","useIsHovered","useIntersectionObserver","useMovingAnimation","triggerAnimationOnChange","useDisabled","isDisabled","useFlashEditableBlocks","isEnabled","useScrollIntoView","blockEditContext","useBlockEditContext","hasBlockBindings","blockBindingsKey","bindingsStyle","canBindBlock","globalThis","SCRIPT_DEBUG","warning","hasNegativeMargin","style","marginTop","charAt","marginBottom","marginLeft","marginRight","tabIndex","id","role","inert","undefined","clsx","save","getBlockProps"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { __unstableGetBlockProps as getBlockProps } from '@wordpress/blocks';\nimport { useMergeRefs, useDisabled } from '@wordpress/compose';\nimport warning from '@wordpress/warning';\n\n/**\n * Internal dependencies\n */\nimport useMovingAnimation from '../../use-moving-animation';\nimport { PrivateBlockContext } from '../private-block-context';\nimport { useFocusFirstElement } from './use-focus-first-element';\nimport { useIsHovered } from './use-is-hovered';\nimport {\n\tblockBindingsKey,\n\tuseBlockEditContext,\n} from '../../block-edit/context';\nimport { useFocusHandler } from './use-focus-handler';\nimport { useEventHandlers } from './use-selected-block-event-handlers';\nimport { useNavModeExit } from './use-nav-mode-exit';\nimport { useBlockRefProvider } from './use-block-refs';\nimport { useIntersectionObserver } from './use-intersection-observer';\nimport { useScrollIntoView } from './use-scroll-into-view';\nimport { useFlashEditableBlocks } from '../../use-flash-editable-blocks';\nimport { canBindBlock } from '../../../hooks/use-bindings-attributes';\n\n/**\n * This hook is used to lightly mark an element as a block element. The element\n * should be the outermost element of a block. Call this hook and pass the\n * returned props to the element to mark as a block. If you define a ref for the\n * element, it is important to pass the ref to this hook, which the hook in turn\n * will pass to the component through the props it returns. Optionally, you can\n * also pass any other props through this hook, and they will be merged and\n * returned.\n *\n * Use of this hook on the outermost element of a block is required if using API >= v2.\n *\n * @example\n * ```js\n * import { useBlockProps } from '@wordpress/block-editor';\n *\n * export default function Edit() {\n *\n *   const blockProps = useBlockProps(\n *     className: 'my-custom-class',\n *     style: {\n *       color: '#222222',\n *       backgroundColor: '#eeeeee'\n *     }\n *   )\n *\n *   return (\n *\t    <div { ...blockProps }>\n *\n *     </div>\n *   )\n * }\n *\n * ```\n *\n *\n * @param {Object}  props                    Optional. Props to pass to the element. Must contain\n *                                           the ref if one is defined.\n * @param {Object}  options                  Options for internal use only.\n * @param {boolean} options.__unstableIsHtml\n *\n * @return {Object} Props to pass to the element to mark as a block.\n */\nexport function useBlockProps( props = {}, { __unstableIsHtml } = {} ) {\n\tconst {\n\t\tclientId,\n\t\tclassName,\n\t\twrapperProps = {},\n\t\tisAligned,\n\t\tindex,\n\t\tmode,\n\t\tname,\n\t\tblockApiVersion,\n\t\tblockTitle,\n\t\tisSelected,\n\t\tisSubtreeDisabled,\n\t\thasOverlay,\n\t\tinitialPosition,\n\t\tblockEditingMode,\n\t\tisHighlighted,\n\t\tisMultiSelected,\n\t\tisPartiallySelected,\n\t\tisReusable,\n\t\tisDragging,\n\t\thasChildSelected,\n\t\tisBlockMovingMode,\n\t\tcanInsertMovingBlock,\n\t\tisEditingDisabled,\n\t\thasEditableOutline,\n\t\tisTemporarilyEditingAsBlocks,\n\t\tdefaultClassName,\n\t\ttemplateLock,\n\t} = useContext( PrivateBlockContext );\n\n\t// translators: %s: Type of block (i.e. Text, Image etc)\n\tconst blockLabel = sprintf( __( 'Block: %s' ), blockTitle );\n\tconst htmlSuffix = mode === 'html' && ! __unstableIsHtml ? '-visual' : '';\n\tconst mergedRefs = useMergeRefs( [\n\t\tprops.ref,\n\t\tuseFocusFirstElement( { clientId, initialPosition } ),\n\t\tuseBlockRefProvider( clientId ),\n\t\tuseFocusHandler( clientId ),\n\t\tuseEventHandlers( { clientId, isSelected } ),\n\t\tuseNavModeExit( clientId ),\n\t\tuseIsHovered(),\n\t\tuseIntersectionObserver(),\n\t\tuseMovingAnimation( { triggerAnimationOnChange: index, clientId } ),\n\t\tuseDisabled( { isDisabled: ! hasOverlay } ),\n\t\tuseFlashEditableBlocks( {\n\t\t\tclientId,\n\t\t\tisEnabled: name === 'core/block' || templateLock === 'contentOnly',\n\t\t} ),\n\t\tuseScrollIntoView( { isSelected } ),\n\t] );\n\n\tconst blockEditContext = useBlockEditContext();\n\tconst hasBlockBindings = !! blockEditContext[ blockBindingsKey ];\n\tconst bindingsStyle =\n\t\thasBlockBindings && canBindBlock( name )\n\t\t\t? {\n\t\t\t\t\t'--wp-admin-theme-color': 'var(--wp-block-synced-color)',\n\t\t\t\t\t'--wp-admin-theme-color--rgb':\n\t\t\t\t\t\t'var(--wp-block-synced-color--rgb)',\n\t\t\t  }\n\t\t\t: {};\n\n\t// Ensures it warns only inside the `edit` implementation for the block.\n\tif ( blockApiVersion < 2 && clientId === blockEditContext.clientId ) {\n\t\twarning(\n\t\t\t`Block type \"${ name }\" must support API version 2 or higher to work correctly with \"useBlockProps\" method.`\n\t\t);\n\t}\n\n\tlet hasNegativeMargin = false;\n\tif (\n\t\twrapperProps?.style?.marginTop?.charAt( 0 ) === '-' ||\n\t\twrapperProps?.style?.marginBottom?.charAt( 0 ) === '-' ||\n\t\twrapperProps?.style?.marginLeft?.charAt( 0 ) === '-' ||\n\t\twrapperProps?.style?.marginRight?.charAt( 0 ) === '-'\n\t) {\n\t\thasNegativeMargin = true;\n\t}\n\n\treturn {\n\t\ttabIndex: blockEditingMode === 'disabled' ? -1 : 0,\n\t\t...wrapperProps,\n\t\t...props,\n\t\tref: mergedRefs,\n\t\tid: `block-${ clientId }${ htmlSuffix }`,\n\t\trole: 'document',\n\t\t'aria-label': blockLabel,\n\t\t'data-block': clientId,\n\t\t'data-type': name,\n\t\t'data-title': blockTitle,\n\t\tinert: isSubtreeDisabled ? 'true' : undefined,\n\t\tclassName: clsx(\n\t\t\t'block-editor-block-list__block',\n\t\t\t{\n\t\t\t\t// The wp-block className is important for editor styles.\n\t\t\t\t'wp-block': ! isAligned,\n\t\t\t\t'has-block-overlay': hasOverlay,\n\t\t\t\t'is-selected': isSelected,\n\t\t\t\t'is-highlighted': isHighlighted,\n\t\t\t\t'is-multi-selected': isMultiSelected,\n\t\t\t\t'is-partially-selected': isPartiallySelected,\n\t\t\t\t'is-reusable': isReusable,\n\t\t\t\t'is-dragging': isDragging,\n\t\t\t\t'has-child-selected': hasChildSelected,\n\t\t\t\t'is-block-moving-mode': isBlockMovingMode,\n\t\t\t\t'can-insert-moving-block': canInsertMovingBlock,\n\t\t\t\t'is-editing-disabled': isEditingDisabled,\n\t\t\t\t'has-editable-outline': hasEditableOutline,\n\t\t\t\t'has-negative-margin': hasNegativeMargin,\n\t\t\t\t'is-content-locked-temporarily-editing-as-blocks':\n\t\t\t\t\tisTemporarilyEditingAsBlocks,\n\t\t\t},\n\t\t\tclassName,\n\t\t\tprops.className,\n\t\t\twrapperProps.className,\n\t\t\tdefaultClassName\n\t\t),\n\t\tstyle: { ...wrapperProps.style, ...props.style, ...bindingsStyle },\n\t};\n}\n\n/**\n * Call within a save function to get the props for the block wrapper.\n *\n * @param {Object} props Optional. Props to pass to the element.\n */\nuseBlockProps.save = getBlockProps;\n"],"mappings":"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","ignoreList":[]}

package/build/components/block-list/use-block-props/use-scroll-into-view.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScrollIntoView = useScrollIntoView;
+var _compose = require("@wordpress/compose");
+/**
+ * WordPress dependencies
+ */
+
+function useScrollIntoView({
+  isSelected
+}) {
+  const prefersReducedMotion = (0, _compose.useReducedMotion)();
+  return (0, _compose.useRefEffect)(node => {
+    if (isSelected) {
+      const {
+        ownerDocument
+      } = node;
+      const {
+        defaultView
+      } = ownerDocument;
+      if (!defaultView.IntersectionObserver) {
+        return;
+      }
+      const observer = new defaultView.IntersectionObserver(entries => {
+        // Once observing starts, we always get an initial
+        // entry with the intersecting state.
+        if (!entries[0].isIntersecting) {
+          node.scrollIntoView({
+            behavior: prefersReducedMotion ? 'instant' : 'smooth'
+          });
+        }
+        observer.disconnect();
+      });
+      observer.observe(node);
+      return () => {
+        observer.disconnect();
+      };
+    }
+  }, [isSelected]);
+}
+//# sourceMappingURL=use-scroll-into-view.js.map

package/build/components/block-list/use-block-props/use-scroll-into-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_compose","require","useScrollIntoView","isSelected","prefersReducedMotion","useReducedMotion","useRefEffect","node","ownerDocument","defaultView","IntersectionObserver","observer","entries","isIntersecting","scrollIntoView","behavior","disconnect","observe"],"sources":["@wordpress/block-editor/src/components/block-list/use-block-props/use-scroll-into-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useReducedMotion, useRefEffect } from '@wordpress/compose';\n\nexport function useScrollIntoView( { isSelected } ) {\n\tconst prefersReducedMotion = useReducedMotion();\n\treturn useRefEffect(\n\t\t( node ) => {\n\t\t\tif ( isSelected ) {\n\t\t\t\tconst { ownerDocument } = node;\n\t\t\t\tconst { defaultView } = ownerDocument;\n\t\t\t\tif ( ! defaultView.IntersectionObserver ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst observer = new defaultView.IntersectionObserver(\n\t\t\t\t\t( entries ) => {\n\t\t\t\t\t\t// Once observing starts, we always get an initial\n\t\t\t\t\t\t// entry with the intersecting state.\n\t\t\t\t\t\tif ( ! entries[ 0 ].isIntersecting ) {\n\t\t\t\t\t\t\tnode.scrollIntoView( {\n\t\t\t\t\t\t\t\tbehavior: prefersReducedMotion\n\t\t\t\t\t\t\t\t\t? 'instant'\n\t\t\t\t\t\t\t\t\t: 'smooth',\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t}\n\t\t\t\t\t\tobserver.disconnect();\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tobserver.observe( node );\n\t\t\t\treturn () => {\n\t\t\t\t\tobserver.disconnect();\n\t\t\t\t};\n\t\t\t}\n\t\t},\n\t\t[ isSelected ]\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,SAASC,iBAAiBA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACnD,MAAMC,oBAAoB,GAAG,IAAAC,yBAAgB,EAAC,CAAC;EAC/C,OAAO,IAAAC,qBAAY,EAChBC,IAAI,IAAM;IACX,IAAKJ,UAAU,EAAG;MACjB,MAAM;QAAEK;MAAc,CAAC,GAAGD,IAAI;MAC9B,MAAM;QAAEE;MAAY,CAAC,GAAGD,aAAa;MACrC,IAAK,CAAEC,WAAW,CAACC,oBAAoB,EAAG;QACzC;MACD;MACA,MAAMC,QAAQ,GAAG,IAAIF,WAAW,CAACC,oBAAoB,CAClDE,OAAO,IAAM;QACd;QACA;QACA,IAAK,CAAEA,OAAO,CAAE,CAAC,CAAE,CAACC,cAAc,EAAG;UACpCN,IAAI,CAACO,cAAc,CAAE;YACpBC,QAAQ,EAAEX,oBAAoB,GAC3B,SAAS,GACT;UACJ,CAAE,CAAC;QACJ;QACAO,QAAQ,CAACK,UAAU,CAAC,CAAC;MACtB,CACD,CAAC;MACDL,QAAQ,CAACM,OAAO,CAAEV,IAAK,CAAC;MACxB,OAAO,MAAM;QACZI,QAAQ,CAACK,UAAU,CAAC,CAAC;MACtB,CAAC;IACF;EACD,CAAC,EACD,CAAEb,UAAU,CACb,CAAC;AACF","ignoreList":[]}

package/build/components/block-list-appender/index.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockListAppender;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _data = require("@wordpress/data");
 var _blocks = require("@wordpress/blocks");
 var _defaultBlockAppender = _interopRequireDefault(require("../default-block-appender"));
 var _buttonBlockAppender = _interopRequireDefault(require("../button-block-appender"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -31,13 +31,13 @@ function DefaultAppender({
   if (canInsertDefaultBlock) {
     // Render the default block appender if the context supports use
     // of the default appender.
-    return (0, _react.createElement)(_defaultBlockAppender.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_defaultBlockAppender.default, {
       rootClientId: rootClientId
     });
   }
 
   // Fallback in case the default block can't be inserted.
-  return (0, _react.createElement)(_buttonBlockAppender.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttonBlockAppender.default, {
     rootClientId: rootClientId,
     className: "block-list-appender__toggle"
   });
@@ -60,7 +60,7 @@ function BlockListAppender({
     // the DnD utility hooks.
     return isBlockInsertionPointVisible() && rootClientId === insertionPoint?.rootClientId && getBlockCount(rootClientId) === 0;
   }, [rootClientId]);
-  return (0, _react.createElement)(TagName
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName
   // A `tabIndex` is used on the wrapping `div` element in order to
   // force a focus event to occur when an appender `button` element
   // is clicked. In some browsers (Firefox, Safari), button clicks do
@@ -71,7 +71,7 @@ function BlockListAppender({
   // See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus
   , {
     tabIndex: -1,
-    className: (0, _classnames.default)('block-list-appender wp-block', className, {
+    className: (0, _clsx.default)('block-list-appender wp-block', className, {
       'is-drag-over': isDragOver
     })
     // Needed in case the whole editor is content editable (for multi
@@ -88,9 +88,10 @@ function BlockListAppender({
     // the correct margin is applied, especially for classic themes which
     // have commonly targeted that attribute for margins.
     ,
-    "data-block": true
-  }, CustomAppender ? (0, _react.createElement)(CustomAppender, null) : (0, _react.createElement)(DefaultAppender, {
-    rootClientId: rootClientId
-  }));
+    "data-block": true,
+    children: CustomAppender ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomAppender, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultAppender, {
+      rootClientId: rootClientId
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/block-list-appender/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_blocks","_defaultBlockAppender","_buttonBlockAppender","_store","DefaultAppender","rootClientId","canInsertDefaultBlock","useSelect","select","blockEditorStore","canInsertBlockType","getDefaultBlockName","_react","createElement","default","className","BlockListAppender","CustomAppender","tagName","TagName","isDragOver","getBlockInsertionPoint","isBlockInsertionPointVisible","getBlockCount","insertionPoint","tabIndex","classnames","contentEditable"],"sources":["@wordpress/block-editor/src/components/block-list-appender/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport DefaultBlockAppender from '../default-block-appender';\nimport ButtonBlockAppender from '../button-block-appender';\nimport { store as blockEditorStore } from '../../store';\n\nfunction DefaultAppender( { rootClientId } ) {\n\tconst canInsertDefaultBlock = useSelect( ( select ) =>\n\t\tselect( blockEditorStore ).canInsertBlockType(\n\t\t\tgetDefaultBlockName(),\n\t\t\trootClientId\n\t\t)\n\t);\n\n\tif ( canInsertDefaultBlock ) {\n\t\t// Render the default block appender if the context supports use\n\t\t// of the default appender.\n\t\treturn <DefaultBlockAppender rootClientId={ rootClientId } />;\n\t}\n\n\t// Fallback in case the default block can't be inserted.\n\treturn (\n\t\t<ButtonBlockAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tclassName=\"block-list-appender__toggle\"\n\t\t/>\n\t);\n}\n\nexport default function BlockListAppender( {\n\trootClientId,\n\tCustomAppender,\n\tclassName,\n\ttagName: TagName = 'div',\n} ) {\n\tconst isDragOver = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\t\t// Ideally we should also check for `isDragging` but currently it\n\t\t\t// requires a lot more setup. We can revisit this once we refactor\n\t\t\t// the DnD utility hooks.\n\t\t\treturn (\n\t\t\t\tisBlockInsertionPointVisible() &&\n\t\t\t\trootClientId === insertionPoint?.rootClientId &&\n\t\t\t\tgetBlockCount( rootClientId ) === 0\n\t\t\t);\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<TagName\n\t\t\t// A `tabIndex` is used on the wrapping `div` element in order to\n\t\t\t// force a focus event to occur when an appender `button` element\n\t\t\t// is clicked. In some browsers (Firefox, Safari), button clicks do\n\t\t\t// not emit a focus event, which could cause this event to propagate\n\t\t\t// unexpectedly. The `tabIndex` ensures that the interaction is\n\t\t\t// captured as a focus, without also adding an extra tab stop.\n\t\t\t//\n\t\t\t// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus\n\t\t\ttabIndex={ -1 }\n\t\t\tclassName={ classnames( 'block-list-appender wp-block', className, {\n\t\t\t\t'is-drag-over': isDragOver,\n\t\t\t} ) }\n\t\t\t// Needed in case the whole editor is content editable (for multi\n\t\t\t// selection). It fixes an edge case where ArrowDown and ArrowRight\n\t\t\t// should collapse the selection to the end of that selection and\n\t\t\t// not into the appender.\n\t\t\tcontentEditable={ false }\n\t\t\t// The appender exists to let you add the first Paragraph before\n\t\t\t// any is inserted. To that end, this appender should visually be\n\t\t\t// presented as a block. That means theme CSS should style it as if\n\t\t\t// it were an empty paragraph block. That means a `wp-block` class to\n\t\t\t// ensure the width is correct, and a [data-block] attribute to ensure\n\t\t\t// the correct margin is applied, especially for classic themes which\n\t\t\t// have commonly targeted that attribute for margins.\n\t\t\tdata-block\n\t\t>\n\t\t\t{ CustomAppender ? (\n\t\t\t\t<CustomAppender />\n\t\t\t) : (\n\t\t\t\t<DefaultAppender rootClientId={ rootClientId } />\n\t\t\t) }\n\t\t</TagName>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASM,eAAeA,CAAE;EAAEC;AAAa,CAAC,EAAG;EAC5C,MAAMC,qBAAqB,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAChDA,MAAM,CAAEC,YAAiB,CAAC,CAACC,kBAAkB,CAC5C,IAAAC,2BAAmB,EAAC,CAAC,EACrBN,YACD,CACD,CAAC;EAED,IAAKC,qBAAqB,EAAG;IAC5B;IACA;IACA,OAAO,IAAAM,MAAA,CAAAC,aAAA,EAACZ,qBAAA,CAAAa,OAAoB;MAACT,YAAY,EAAGA;IAAc,CAAE,CAAC;EAC9D;;EAEA;EACA,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACX,oBAAA,CAAAY,OAAmB;IACnBT,YAAY,EAAGA,YAAc;IAC7BU,SAAS,EAAC;EAA6B,CACvC,CAAC;AAEJ;AAEe,SAASC,iBAAiBA,CAAE;EAC1CX,YAAY;EACZY,cAAc;EACdF,SAAS;EACTG,OAAO,EAAEC,OAAO,GAAG;AACpB,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAb,eAAS,EACzBC,MAAM,IAAM;IACb,MAAM;MACLa,sBAAsB;MACtBC,4BAA4B;MAC5BC;IACD,CAAC,GAAGf,MAAM,CAAEC,YAAiB,CAAC;IAC9B,MAAMe,cAAc,GAAGH,sBAAsB,CAAC,CAAC;IAC/C;IACA;IACA;IACA,OACCC,4BAA4B,CAAC,CAAC,IAC9BjB,YAAY,KAAKmB,cAAc,EAAEnB,YAAY,IAC7CkB,aAAa,CAAElB,YAAa,CAAC,KAAK,CAAC;EAErC,CAAC,EACD,CAAEA,YAAY,CACf,CAAC;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;IACAM,QAAQ,EAAG,CAAC,CAAG;IACfV,SAAS,EAAG,IAAAW,mBAAU,EAAE,8BAA8B,EAAEX,SAAS,EAAE;MAClE,cAAc,EAAEK;IACjB,CAAE;IACF;IACA;IACA;IACA;IAAA;IACAO,eAAe,EAAG;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IAAA;IACA;EAAU,GAERV,cAAc,GACf,IAAAL,MAAA,CAAAC,aAAA,EAACI,cAAc,MAAE,CAAC,GAElB,IAAAL,MAAA,CAAAC,aAAA,EAACT,eAAe;IAACC,YAAY,EAAGA;EAAc,CAAE,CAEzC,CAAC;AAEZ","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_blocks","_defaultBlockAppender","_buttonBlockAppender","_store","_jsxRuntime","DefaultAppender","rootClientId","canInsertDefaultBlock","useSelect","select","blockEditorStore","canInsertBlockType","getDefaultBlockName","jsx","default","className","BlockListAppender","CustomAppender","tagName","TagName","isDragOver","getBlockInsertionPoint","isBlockInsertionPointVisible","getBlockCount","insertionPoint","tabIndex","clsx","contentEditable","children"],"sources":["@wordpress/block-editor/src/components/block-list-appender/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport DefaultBlockAppender from '../default-block-appender';\nimport ButtonBlockAppender from '../button-block-appender';\nimport { store as blockEditorStore } from '../../store';\n\nfunction DefaultAppender( { rootClientId } ) {\n\tconst canInsertDefaultBlock = useSelect( ( select ) =>\n\t\tselect( blockEditorStore ).canInsertBlockType(\n\t\t\tgetDefaultBlockName(),\n\t\t\trootClientId\n\t\t)\n\t);\n\n\tif ( canInsertDefaultBlock ) {\n\t\t// Render the default block appender if the context supports use\n\t\t// of the default appender.\n\t\treturn <DefaultBlockAppender rootClientId={ rootClientId } />;\n\t}\n\n\t// Fallback in case the default block can't be inserted.\n\treturn (\n\t\t<ButtonBlockAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tclassName=\"block-list-appender__toggle\"\n\t\t/>\n\t);\n}\n\nexport default function BlockListAppender( {\n\trootClientId,\n\tCustomAppender,\n\tclassName,\n\ttagName: TagName = 'div',\n} ) {\n\tconst isDragOver = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockInsertionPoint,\n\t\t\t\tisBlockInsertionPointVisible,\n\t\t\t\tgetBlockCount,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst insertionPoint = getBlockInsertionPoint();\n\t\t\t// Ideally we should also check for `isDragging` but currently it\n\t\t\t// requires a lot more setup. We can revisit this once we refactor\n\t\t\t// the DnD utility hooks.\n\t\t\treturn (\n\t\t\t\tisBlockInsertionPointVisible() &&\n\t\t\t\trootClientId === insertionPoint?.rootClientId &&\n\t\t\t\tgetBlockCount( rootClientId ) === 0\n\t\t\t);\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\treturn (\n\t\t<TagName\n\t\t\t// A `tabIndex` is used on the wrapping `div` element in order to\n\t\t\t// force a focus event to occur when an appender `button` element\n\t\t\t// is clicked. In some browsers (Firefox, Safari), button clicks do\n\t\t\t// not emit a focus event, which could cause this event to propagate\n\t\t\t// unexpectedly. The `tabIndex` ensures that the interaction is\n\t\t\t// captured as a focus, without also adding an extra tab stop.\n\t\t\t//\n\t\t\t// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus\n\t\t\ttabIndex={ -1 }\n\t\t\tclassName={ clsx( 'block-list-appender wp-block', className, {\n\t\t\t\t'is-drag-over': isDragOver,\n\t\t\t} ) }\n\t\t\t// Needed in case the whole editor is content editable (for multi\n\t\t\t// selection). It fixes an edge case where ArrowDown and ArrowRight\n\t\t\t// should collapse the selection to the end of that selection and\n\t\t\t// not into the appender.\n\t\t\tcontentEditable={ false }\n\t\t\t// The appender exists to let you add the first Paragraph before\n\t\t\t// any is inserted. To that end, this appender should visually be\n\t\t\t// presented as a block. That means theme CSS should style it as if\n\t\t\t// it were an empty paragraph block. That means a `wp-block` class to\n\t\t\t// ensure the width is correct, and a [data-block] attribute to ensure\n\t\t\t// the correct margin is applied, especially for classic themes which\n\t\t\t// have commonly targeted that attribute for margins.\n\t\t\tdata-block\n\t\t>\n\t\t\t{ CustomAppender ? (\n\t\t\t\t<CustomAppender />\n\t\t\t) : (\n\t\t\t\t<DefaultAppender rootClientId={ rootClientId } />\n\t\t\t) }\n\t\t</TagName>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,oBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAhBxD;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASO,eAAeA,CAAE;EAAEC;AAAa,CAAC,EAAG;EAC5C,MAAMC,qBAAqB,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAChDA,MAAM,CAAEC,YAAiB,CAAC,CAACC,kBAAkB,CAC5C,IAAAC,2BAAmB,EAAC,CAAC,EACrBN,YACD,CACD,CAAC;EAED,IAAKC,qBAAqB,EAAG;IAC5B;IACA;IACA,oBAAO,IAAAH,WAAA,CAAAS,GAAA,EAACZ,qBAAA,CAAAa,OAAoB;MAACR,YAAY,EAAGA;IAAc,CAAE,CAAC;EAC9D;;EAEA;EACA,oBACC,IAAAF,WAAA,CAAAS,GAAA,EAACX,oBAAA,CAAAY,OAAmB;IACnBR,YAAY,EAAGA,YAAc;IAC7BS,SAAS,EAAC;EAA6B,CACvC,CAAC;AAEJ;AAEe,SAASC,iBAAiBA,CAAE;EAC1CV,YAAY;EACZW,cAAc;EACdF,SAAS;EACTG,OAAO,EAAEC,OAAO,GAAG;AACpB,CAAC,EAAG;EACH,MAAMC,UAAU,GAAG,IAAAZ,eAAS,EACzBC,MAAM,IAAM;IACb,MAAM;MACLY,sBAAsB;MACtBC,4BAA4B;MAC5BC;IACD,CAAC,GAAGd,MAAM,CAAEC,YAAiB,CAAC;IAC9B,MAAMc,cAAc,GAAGH,sBAAsB,CAAC,CAAC;IAC/C;IACA;IACA;IACA,OACCC,4BAA4B,CAAC,CAAC,IAC9BhB,YAAY,KAAKkB,cAAc,EAAElB,YAAY,IAC7CiB,aAAa,CAAEjB,YAAa,CAAC,KAAK,CAAC;EAErC,CAAC,EACD,CAAEA,YAAY,CACf,CAAC;EAED,oBACC,IAAAF,WAAA,CAAAS,GAAA,EAACM;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAAA;IACAM,QAAQ,EAAG,CAAC,CAAG;IACfV,SAAS,EAAG,IAAAW,aAAI,EAAE,8BAA8B,EAAEX,SAAS,EAAE;MAC5D,cAAc,EAAEK;IACjB,CAAE;IACF;IACA;IACA;IACA;IAAA;IACAO,eAAe,EAAG;IAClB;IACA;IACA;IACA;IACA;IACA;IACA;IAAA;IACA,kBAAU;IAAAC,QAAA,EAERX,cAAc,gBACf,IAAAb,WAAA,CAAAS,GAAA,EAACI,cAAc,IAAE,CAAC,gBAElB,IAAAb,WAAA,CAAAS,GAAA,EAACR,eAAe;MAACC,YAAY,EAAGA;IAAc,CAAE;EAChD,CACO,CAAC;AAEZ","ignoreList":[]}

package/build/components/block-list-appender/index.native.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockListAppender;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _blocks = require("@wordpress/blocks");
 var _defaultBlockAppender = _interopRequireDefault(require("../default-block-appender"));
 var _style = _interopRequireDefault(require("./style.scss"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -39,7 +39,7 @@ function DefaultAppender({
   if (!canInsertDefaultBlock) {
     return null;
   }
-  return (0, _react.createElement)(_defaultBlockAppender.default, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_defaultBlockAppender.default, {
     rootClientId: rootClientId,
     lastBlockClientId: blockClientIds[blockClientIds.length - 1],
     containerStyle: _style.default.blockListAppender,
@@ -57,11 +57,11 @@ function BlockListAppender({
     return null;
   }
   if (CustomAppender) {
-    return (0, _react.createElement)(CustomAppender, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomAppender, {
       showSeparator: showSeparator
     });
   }
-  return (0, _react.createElement)(DefaultAppender, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultAppender, {
     rootClientId: rootClientId,
     showSeparator: showSeparator
   });

package/build/components/block-list-appender/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_blocks","_defaultBlockAppender","_interopRequireDefault","_style","_store","DefaultAppender","rootClientId","showSeparator","blockClientIds","canInsertDefaultBlock","useSelect","select","getBlockOrder","canInsertBlockType","blockEditorStore","getDefaultBlockName","_react","createElement","default","lastBlockClientId","length","containerStyle","styles","blockListAppender","placeholder","BlockListAppender","renderAppender","CustomAppender","isLocked","getTemplateLock"],"sources":["@wordpress/block-editor/src/components/block-list-appender/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport DefaultBlockAppender from '../default-block-appender';\nimport styles from './style.scss';\nimport { store as blockEditorStore } from '../../store';\n\nfunction DefaultAppender( { rootClientId, showSeparator } ) {\n\tconst { blockClientIds, canInsertDefaultBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockOrder, canInsertBlockType } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tblockClientIds: getBlockOrder( rootClientId ),\n\t\t\t\tcanInsertDefaultBlock: canInsertBlockType(\n\t\t\t\t\tgetDefaultBlockName(),\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tif ( ! canInsertDefaultBlock ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DefaultBlockAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tlastBlockClientId={ blockClientIds[ blockClientIds.length - 1 ] }\n\t\t\tcontainerStyle={ styles.blockListAppender }\n\t\t\tplaceholder={ blockClientIds.length > 0 ? '' : null }\n\t\t\tshowSeparator={ showSeparator }\n\t\t/>\n\t);\n}\n\nexport default function BlockListAppender( {\n\trootClientId,\n\trenderAppender: CustomAppender,\n\tshowSeparator,\n} ) {\n\tconst isLocked = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( blockEditorStore ).getTemplateLock( rootClientId ),\n\t\t[ rootClientId ]\n\t);\n\n\tif ( isLocked ) {\n\t\treturn null;\n\t}\n\n\tif ( CustomAppender ) {\n\t\treturn <CustomAppender showSeparator={ showSeparator } />;\n\t}\n\n\treturn (\n\t\t<DefaultAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tshowSeparator={ showSeparator }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,qBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASM,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAc,CAAC,EAAG;EAC3D,MAAM;IAAEC,cAAc;IAAEC;EAAsB,CAAC,GAAG,IAAAC,eAAS,EACxDC,MAAM,IAAM;IACb,MAAM;MAAEC,aAAa;MAAEC;IAAmB,CAAC,GAC1CF,MAAM,CAAEG,YAAiB,CAAC;IAC3B,OAAO;MACNN,cAAc,EAAEI,aAAa,CAAEN,YAAa,CAAC;MAC7CG,qBAAqB,EAAEI,kBAAkB,CACxC,IAAAE,2BAAmB,EAAC,CAAC,EACrBT,YACD;IACD,CAAC;EACF,CAAC,EACD,CAAEA,YAAY,CACf,CAAC;EAED,IAAK,CAAEG,qBAAqB,EAAG;IAC9B,OAAO,IAAI;EACZ;EAEA,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAChB,qBAAA,CAAAiB,OAAoB;IACpBZ,YAAY,EAAGA,YAAc;IAC7Ba,iBAAiB,EAAGX,cAAc,CAAEA,cAAc,CAACY,MAAM,GAAG,CAAC,CAAI;IACjEC,cAAc,EAAGC,cAAM,CAACC,iBAAmB;IAC3CC,WAAW,EAAGhB,cAAc,CAACY,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,IAAM;IACrDb,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ;AAEe,SAASkB,iBAAiBA,CAAE;EAC1CnB,YAAY;EACZoB,cAAc,EAAEC,cAAc;EAC9BpB;AACD,CAAC,EAAG;EACH,MAAMqB,QAAQ,GAAG,IAAAlB,eAAS,EACvBC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEG,YAAiB,CAAC,CAACe,eAAe,CAAEvB,YAAa,CAAC,EAC9D,CAAEA,YAAY,CACf,CAAC;EAED,IAAKsB,QAAQ,EAAG;IACf,OAAO,IAAI;EACZ;EAEA,IAAKD,cAAc,EAAG;IACrB,OAAO,IAAAX,MAAA,CAAAC,aAAA,EAACU,cAAc;MAACpB,aAAa,EAAGA;IAAe,CAAE,CAAC;EAC1D;EAEA,OACC,IAAAS,MAAA,CAAAC,aAAA,EAACZ,eAAe;IACfC,YAAY,EAAGA,YAAc;IAC7BC,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_data","require","_blocks","_defaultBlockAppender","_interopRequireDefault","_style","_store","_jsxRuntime","DefaultAppender","rootClientId","showSeparator","blockClientIds","canInsertDefaultBlock","useSelect","select","getBlockOrder","canInsertBlockType","blockEditorStore","getDefaultBlockName","jsx","default","lastBlockClientId","length","containerStyle","styles","blockListAppender","placeholder","BlockListAppender","renderAppender","CustomAppender","isLocked","getTemplateLock"],"sources":["@wordpress/block-editor/src/components/block-list-appender/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport DefaultBlockAppender from '../default-block-appender';\nimport styles from './style.scss';\nimport { store as blockEditorStore } from '../../store';\n\nfunction DefaultAppender( { rootClientId, showSeparator } ) {\n\tconst { blockClientIds, canInsertDefaultBlock } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockOrder, canInsertBlockType } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tblockClientIds: getBlockOrder( rootClientId ),\n\t\t\t\tcanInsertDefaultBlock: canInsertBlockType(\n\t\t\t\t\tgetDefaultBlockName(),\n\t\t\t\t\trootClientId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tif ( ! canInsertDefaultBlock ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<DefaultBlockAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tlastBlockClientId={ blockClientIds[ blockClientIds.length - 1 ] }\n\t\t\tcontainerStyle={ styles.blockListAppender }\n\t\t\tplaceholder={ blockClientIds.length > 0 ? '' : null }\n\t\t\tshowSeparator={ showSeparator }\n\t\t/>\n\t);\n}\n\nexport default function BlockListAppender( {\n\trootClientId,\n\trenderAppender: CustomAppender,\n\tshowSeparator,\n} ) {\n\tconst isLocked = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( blockEditorStore ).getTemplateLock( rootClientId ),\n\t\t[ rootClientId ]\n\t);\n\n\tif ( isLocked ) {\n\t\treturn null;\n\t}\n\n\tif ( CustomAppender ) {\n\t\treturn <CustomAppender showSeparator={ showSeparator } />;\n\t}\n\n\treturn (\n\t\t<DefaultAppender\n\t\t\trootClientId={ rootClientId }\n\t\t\tshowSeparator={ showSeparator }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,qBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAwD,IAAAM,WAAA,GAAAN,OAAA;AAXxD;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASO,eAAeA,CAAE;EAAEC,YAAY;EAAEC;AAAc,CAAC,EAAG;EAC3D,MAAM;IAAEC,cAAc;IAAEC;EAAsB,CAAC,GAAG,IAAAC,eAAS,EACxDC,MAAM,IAAM;IACb,MAAM;MAAEC,aAAa;MAAEC;IAAmB,CAAC,GAC1CF,MAAM,CAAEG,YAAiB,CAAC;IAC3B,OAAO;MACNN,cAAc,EAAEI,aAAa,CAAEN,YAAa,CAAC;MAC7CG,qBAAqB,EAAEI,kBAAkB,CACxC,IAAAE,2BAAmB,EAAC,CAAC,EACrBT,YACD;IACD,CAAC;EACF,CAAC,EACD,CAAEA,YAAY,CACf,CAAC;EAED,IAAK,CAAEG,qBAAqB,EAAG;IAC9B,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAL,WAAA,CAAAY,GAAA,EAAChB,qBAAA,CAAAiB,OAAoB;IACpBX,YAAY,EAAGA,YAAc;IAC7BY,iBAAiB,EAAGV,cAAc,CAAEA,cAAc,CAACW,MAAM,GAAG,CAAC,CAAI;IACjEC,cAAc,EAAGC,cAAM,CAACC,iBAAmB;IAC3CC,WAAW,EAAGf,cAAc,CAACW,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,IAAM;IACrDZ,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ;AAEe,SAASiB,iBAAiBA,CAAE;EAC1ClB,YAAY;EACZmB,cAAc,EAAEC,cAAc;EAC9BnB;AACD,CAAC,EAAG;EACH,MAAMoB,QAAQ,GAAG,IAAAjB,eAAS,EACvBC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEG,YAAiB,CAAC,CAACc,eAAe,CAAEtB,YAAa,CAAC,EAC9D,CAAEA,YAAY,CACf,CAAC;EAED,IAAKqB,QAAQ,EAAG;IACf,OAAO,IAAI;EACZ;EAEA,IAAKD,cAAc,EAAG;IACrB,oBAAO,IAAAtB,WAAA,CAAAY,GAAA,EAACU,cAAc;MAACnB,aAAa,EAAGA;IAAe,CAAE,CAAC;EAC1D;EAEA,oBACC,IAAAH,WAAA,CAAAY,GAAA,EAACX,eAAe;IACfC,YAAY,EAAGA,YAAc;IAC7BC,aAAa,EAAGA;EAAe,CAC/B,CAAC;AAEJ","ignoreList":[]}

package/build/components/block-lock/menu-item.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockLockMenuItem;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _icons = require("@wordpress/icons");
 var _useBlockLock = _interopRequireDefault(require("./use-block-lock"));
 var _modal = _interopRequireDefault(require("./modal"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -32,14 +32,17 @@ function BlockLockMenuItem({
     return null;
   }
   const label = isLocked ? (0, _i18n.__)('Unlock') : (0, _i18n.__)('Lock');
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuItem, {
-    icon: isLocked ? _icons.unlock : _icons.lockOutline,
-    onClick: toggleModal,
-    "aria-expanded": isModalOpen,
-    "aria-haspopup": "dialog"
-  }, label), isModalOpen && (0, _react.createElement)(_modal.default, {
-    clientId: clientId,
-    onClose: toggleModal
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.MenuItem, {
+      icon: isLocked ? _icons.unlock : _icons.lockOutline,
+      onClick: toggleModal,
+      "aria-expanded": isModalOpen,
+      "aria-haspopup": "dialog",
+      children: label
+    }), isModalOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_modal.default, {
+      clientId: clientId,
+      onClose: toggleModal
+    })]
+  });
 }
 //# sourceMappingURL=menu-item.js.map

package/build/components/block-lock/menu-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_element","_components","_icons","_useBlockLock","_interopRequireDefault","_modal","BlockLockMenuItem","clientId","canLock","isLocked","useBlockLock","isModalOpen","toggleModal","useReducer","isActive","label","__","_react","createElement","Fragment","MenuItem","icon","unlock","lockOutline","onClick","default","onClose"],"sources":["@wordpress/block-editor/src/components/block-lock/menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useReducer } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { lockOutline, unlock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useBlockLock from './use-block-lock';\nimport BlockLockModal from './modal';\n\nexport default function BlockLockMenuItem( { clientId } ) {\n\tconst { canLock, isLocked } = useBlockLock( clientId );\n\n\tconst [ isModalOpen, toggleModal ] = useReducer(\n\t\t( isActive ) => ! isActive,\n\t\tfalse\n\t);\n\n\tif ( ! canLock ) {\n\t\treturn null;\n\t}\n\n\tconst label = isLocked ? __( 'Unlock' ) : __( 'Lock' );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ isLocked ? unlock : lockOutline }\n\t\t\t\tonClick={ toggleModal }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockLockModal clientId={ clientId } onClose={ toggleModal } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAD,sBAAA,CAAAL,OAAA;AAZA;AACA;AACA;;AAMA;AACA;AACA;;AAIe,SAASO,iBAAiBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACzD,MAAM;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAG,IAAAC,qBAAY,EAAEH,QAAS,CAAC;EAEtD,MAAM,CAAEI,WAAW,EAAEC,WAAW,CAAE,GAAG,IAAAC,mBAAU,EAC5CC,QAAQ,IAAM,CAAEA,QAAQ,EAC1B,KACD,CAAC;EAED,IAAK,CAAEN,OAAO,EAAG;IAChB,OAAO,IAAI;EACZ;EAEA,MAAMO,KAAK,GAAGN,QAAQ,GAAG,IAAAO,QAAE,EAAE,QAAS,CAAC,GAAG,IAAAA,QAAE,EAAE,MAAO,CAAC;EAEtD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAmB,QAAQ;IACRC,IAAI,EAAGZ,QAAQ,GAAGa,aAAM,GAAGC,kBAAa;IACxCC,OAAO,EAAGZ,WAAa;IACvB,iBAAgBD,WAAa;IAC7B,iBAAc;EAAQ,GAEpBI,KACO,CAAC,EACTJ,WAAW,IACZ,IAAAM,MAAA,CAAAC,aAAA,EAACb,MAAA,CAAAoB,OAAc;IAAClB,QAAQ,EAAGA,QAAU;IAACmB,OAAO,EAAGd;EAAa,CAAE,CAE/D,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_element","_components","_icons","_useBlockLock","_interopRequireDefault","_modal","_jsxRuntime","BlockLockMenuItem","clientId","canLock","isLocked","useBlockLock","isModalOpen","toggleModal","useReducer","isActive","label","__","jsxs","Fragment","children","jsx","MenuItem","icon","unlock","lockOutline","onClick","default","onClose"],"sources":["@wordpress/block-editor/src/components/block-lock/menu-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useReducer } from '@wordpress/element';\nimport { MenuItem } from '@wordpress/components';\nimport { lockOutline, unlock } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport useBlockLock from './use-block-lock';\nimport BlockLockModal from './modal';\n\nexport default function BlockLockMenuItem( { clientId } ) {\n\tconst { canLock, isLocked } = useBlockLock( clientId );\n\n\tconst [ isModalOpen, toggleModal ] = useReducer(\n\t\t( isActive ) => ! isActive,\n\t\tfalse\n\t);\n\n\tif ( ! canLock ) {\n\t\treturn null;\n\t}\n\n\tconst label = isLocked ? __( 'Unlock' ) : __( 'Lock' );\n\n\treturn (\n\t\t<>\n\t\t\t<MenuItem\n\t\t\t\ticon={ isLocked ? unlock : lockOutline }\n\t\t\t\tonClick={ toggleModal }\n\t\t\t\taria-expanded={ isModalOpen }\n\t\t\t\taria-haspopup=\"dialog\"\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</MenuItem>\n\t\t\t{ isModalOpen && (\n\t\t\t\t<BlockLockModal clientId={ clientId } onClose={ toggleModal } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAKA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAD,sBAAA,CAAAL,OAAA;AAAqC,IAAAO,WAAA,GAAAP,OAAA;AAZrC;AACA;AACA;;AAMA;AACA;AACA;;AAIe,SAASQ,iBAAiBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACzD,MAAM;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAG,IAAAC,qBAAY,EAAEH,QAAS,CAAC;EAEtD,MAAM,CAAEI,WAAW,EAAEC,WAAW,CAAE,GAAG,IAAAC,mBAAU,EAC5CC,QAAQ,IAAM,CAAEA,QAAQ,EAC1B,KACD,CAAC;EAED,IAAK,CAAEN,OAAO,EAAG;IAChB,OAAO,IAAI;EACZ;EAEA,MAAMO,KAAK,GAAGN,QAAQ,GAAG,IAAAO,QAAE,EAAE,QAAS,CAAC,GAAG,IAAAA,QAAE,EAAE,MAAO,CAAC;EAEtD,oBACC,IAAAX,WAAA,CAAAY,IAAA,EAAAZ,WAAA,CAAAa,QAAA;IAAAC,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA,EAACpB,WAAA,CAAAqB,QAAQ;MACRC,IAAI,EAAGb,QAAQ,GAAGc,aAAM,GAAGC,kBAAa;MACxCC,OAAO,EAAGb,WAAa;MACvB,iBAAgBD,WAAa;MAC7B,iBAAc,QAAQ;MAAAQ,QAAA,EAEpBJ;IAAK,CACE,CAAC,EACTJ,WAAW,iBACZ,IAAAN,WAAA,CAAAe,GAAA,EAAChB,MAAA,CAAAsB,OAAc;MAACnB,QAAQ,EAAGA,QAAU;MAACoB,OAAO,EAAGf;IAAa,CAAE,CAC/D;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

package/build/components/block-lock/modal.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockLockModal;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
@@ -16,6 +15,7 @@ var _blocks = require("@wordpress/blocks");
 var _useBlockLock = _interopRequireDefault(require("./use-block-lock"));
 var _useBlockDisplayInformation = _interopRequireDefault(require("../use-block-display-information"));
 var _store = require("../../store");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -85,97 +85,114 @@ function BlockLockModal({
   }, [canEdit, canMove, canRemove, allowsEditLocking]);
   const isAllChecked = Object.values(lock).every(Boolean);
   const isMixed = Object.values(lock).some(Boolean) && !isAllChecked;
-  return (0, _react.createElement)(_components.Modal, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Modal, {
     title: (0, _i18n.sprintf)( /* translators: %s: Name of the block. */
     (0, _i18n.__)('Lock %s'), blockInformation.title),
     overlayClassName: "block-editor-block-lock-modal",
-    onRequestClose: onClose
-  }, (0, _react.createElement)("p", null, (0, _i18n.__)('Choose specific attributes to restrict or lock all available options.')), (0, _react.createElement)("form", {
-    onSubmit: event => {
-      event.preventDefault();
-      updateBlockAttributes([clientId], {
-        lock,
-        templateLock: applyTemplateLock ? getTemplateLockValue(lock) : undefined
-      });
-      onClose();
-    }
-  }, (0, _react.createElement)("div", {
-    role: "group",
-    "aria-labelledby": instanceId,
-    className: "block-editor-block-lock-modal__options"
-  }, (0, _react.createElement)(_components.CheckboxControl, {
-    __nextHasNoMarginBottom: true,
-    className: "block-editor-block-lock-modal__options-title",
-    label: (0, _react.createElement)("span", {
-      id: instanceId
-    }, (0, _i18n.__)('Lock all')),
-    checked: isAllChecked,
-    indeterminate: isMixed,
-    onChange: newValue => setLock({
-      move: newValue,
-      remove: newValue,
-      ...(allowsEditLocking ? {
-        edit: newValue
-      } : {})
-    })
-  }), (0, _react.createElement)("ul", {
-    className: "block-editor-block-lock-modal__checklist"
-  }, allowsEditLocking && (0, _react.createElement)("li", {
-    className: "block-editor-block-lock-modal__checklist-item"
-  }, (0, _react.createElement)(_components.CheckboxControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Restrict editing'),
-    checked: !!lock.edit,
-    onChange: edit => setLock(prevLock => ({
-      ...prevLock,
-      edit
-    }))
-  }), (0, _react.createElement)(_components.Icon, {
-    className: "block-editor-block-lock-modal__lock-icon",
-    icon: lock.edit ? _icons.lock : _icons.unlock
-  })), (0, _react.createElement)("li", {
-    className: "block-editor-block-lock-modal__checklist-item"
-  }, (0, _react.createElement)(_components.CheckboxControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Disable movement'),
-    checked: lock.move,
-    onChange: move => setLock(prevLock => ({
-      ...prevLock,
-      move
-    }))
-  }), (0, _react.createElement)(_components.Icon, {
-    className: "block-editor-block-lock-modal__lock-icon",
-    icon: lock.move ? _icons.lock : _icons.unlock
-  })), (0, _react.createElement)("li", {
-    className: "block-editor-block-lock-modal__checklist-item"
-  }, (0, _react.createElement)(_components.CheckboxControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Prevent removal'),
-    checked: lock.remove,
-    onChange: remove => setLock(prevLock => ({
-      ...prevLock,
-      remove
-    }))
-  }), (0, _react.createElement)(_components.Icon, {
-    className: "block-editor-block-lock-modal__lock-icon",
-    icon: lock.remove ? _icons.lock : _icons.unlock
-  }))), hasTemplateLock && (0, _react.createElement)(_components.ToggleControl, {
-    __nextHasNoMarginBottom: true,
-    className: "block-editor-block-lock-modal__template-lock",
-    label: (0, _i18n.__)('Apply to all blocks inside'),
-    checked: applyTemplateLock,
-    disabled: lock.move && !lock.remove,
-    onChange: () => setApplyTemplateLock(!applyTemplateLock)
-  })), (0, _react.createElement)(_components.Flex, {
-    className: "block-editor-block-lock-modal__actions",
-    justify: "flex-end",
-    expanded: false
-  }, (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
-    onClick: onClose
-  }, (0, _i18n.__)('Cancel'))), (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_components.Button, {
-    variant: "primary",
-    type: "submit"
-  }, (0, _i18n.__)('Apply'))))));
+    onRequestClose: onClose,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: (0, _i18n.__)('Choose specific attributes to restrict or lock all available options.')
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("form", {
+      onSubmit: event => {
+        event.preventDefault();
+        updateBlockAttributes([clientId], {
+          lock,
+          templateLock: applyTemplateLock ? getTemplateLockValue(lock) : undefined
+        });
+        onClose();
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        role: "group",
+        "aria-labelledby": instanceId,
+        className: "block-editor-block-lock-modal__options",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
+          __nextHasNoMarginBottom: true,
+          className: "block-editor-block-lock-modal__options-title",
+          label: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            id: instanceId,
+            children: (0, _i18n.__)('Lock all')
+          }),
+          checked: isAllChecked,
+          indeterminate: isMixed,
+          onChange: newValue => setLock({
+            move: newValue,
+            remove: newValue,
+            ...(allowsEditLocking ? {
+              edit: newValue
+            } : {})
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+          className: "block-editor-block-lock-modal__checklist",
+          children: [allowsEditLocking && /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            className: "block-editor-block-lock-modal__checklist-item",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
+              __nextHasNoMarginBottom: true,
+              label: (0, _i18n.__)('Restrict editing'),
+              checked: !!lock.edit,
+              onChange: edit => setLock(prevLock => ({
+                ...prevLock,
+                edit
+              }))
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+              className: "block-editor-block-lock-modal__lock-icon",
+              icon: lock.edit ? _icons.lock : _icons.unlock
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            className: "block-editor-block-lock-modal__checklist-item",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
+              __nextHasNoMarginBottom: true,
+              label: (0, _i18n.__)('Disable movement'),
+              checked: lock.move,
+              onChange: move => setLock(prevLock => ({
+                ...prevLock,
+                move
+              }))
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+              className: "block-editor-block-lock-modal__lock-icon",
+              icon: lock.move ? _icons.lock : _icons.unlock
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+            className: "block-editor-block-lock-modal__checklist-item",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
+              __nextHasNoMarginBottom: true,
+              label: (0, _i18n.__)('Prevent removal'),
+              checked: lock.remove,
+              onChange: remove => setLock(prevLock => ({
+                ...prevLock,
+                remove
+              }))
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+              className: "block-editor-block-lock-modal__lock-icon",
+              icon: lock.remove ? _icons.lock : _icons.unlock
+            })]
+          })]
+        }), hasTemplateLock && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
+          __nextHasNoMarginBottom: true,
+          className: "block-editor-block-lock-modal__template-lock",
+          label: (0, _i18n.__)('Apply to all blocks inside'),
+          checked: applyTemplateLock,
+          disabled: lock.move && !lock.remove,
+          onChange: () => setApplyTemplateLock(!applyTemplateLock)
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
+        className: "block-editor-block-lock-modal__actions",
+        justify: "flex-end",
+        expanded: false,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            variant: "tertiary",
+            onClick: onClose,
+            children: (0, _i18n.__)('Cancel')
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            variant: "primary",
+            type: "submit",
+            children: (0, _i18n.__)('Apply')
+          })
+        })]
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=modal.js.map