@wordpress/block-editor 12.10.3 → 12.11.0

package/build/components/rich-text/use-paste-handler.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.usePasteHandler = usePasteHandler;
 var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
-var _dom = require("@wordpress/dom");
 var _blocks = require("@wordpress/blocks");
 var _richText = require("@wordpress/rich-text");
 var _url = require("@wordpress/url");
@@ -45,33 +44,10 @@ function usePasteHandler(props) {
         return;
       }
       const {
-        clipboardData
-      } = event;
-      let plainText = '';
-      let html = '';
-
-      // IE11 only supports `Text` as an argument for `getData` and will
-      // otherwise throw an invalid argument error, so we try the standard
-      // arguments first, then fallback to `Text` if they fail.
-      try {
-        plainText = clipboardData.getData('text/plain');
-        html = clipboardData.getData('text/html');
-      } catch (error1) {
-        try {
-          html = clipboardData.getData('Text');
-        } catch (error2) {
-          // Some browsers like UC Browser paste plain text by default and
-          // don't support clipboardData at all, so allow default
-          // behaviour.
-          return;
-        }
-      }
-
-      // Remove Windows-specific metadata appended within copied HTML text.
-      html = removeWindowsFragments(html);
-
-      // Strip meta tag.
-      html = removeCharsetMetaTag(html);
+        plainText,
+        html,
+        files
+      } = (0, _pasting.getPasteEventData)(event);
       event.preventDefault();
 
       // Allows us to ask for this information when we get a report.
@@ -97,8 +73,7 @@ function usePasteHandler(props) {
         onChange(transformed);
         return;
       }
-      const files = [...(0, _dom.getFilesFromDataTransfer)(clipboardData)];
-      const isInternal = clipboardData.getData('rich-text') === 'true';
+      const isInternal = event.clipboardData.getData('rich-text') === 'true';
 
       // If the data comes from a rich text instance, we can directly use it
       // without filtering the data. The filters are only meant for externally
@@ -122,14 +97,6 @@ function usePasteHandler(props) {
         // Allows us to ask for this information when we get a report.
         // eslint-disable-next-line no-console
         window.console.log('Received items:\n\n', files);
-      }
-
-      // Process any attached files, unless we infer that the files in
-      // question are redundant "screenshots" of the actual HTML payload,
-      // as created by certain office-type programs.
-      //
-      // @see shouldDismissPastedFiles
-      if (files?.length && !(0, _pasting.shouldDismissPastedFiles)(files, html, plainText)) {
         const fromTransforms = (0, _blocks.getBlockTransforms)('from');
         const blocks = files.reduce((accumulator, file) => {
           const transformation = (0, _blocks.findTransform)(fromTransforms, transform => transform.type === 'files' && transform.isMatch([file]));
@@ -154,14 +121,6 @@ function usePasteHandler(props) {
         return;
       }
       let mode = onReplace && onSplit ? 'AUTO' : 'INLINE';
-
-      // Force the blocks mode when the user is pasting
-      // on a new line & the content resembles a shortcode.
-      // Otherwise it's going to be detected as inline
-      // and the shortcode won't be replaced.
-      if (mode === 'AUTO' && (0, _richText.isEmpty)(value) && (0, _utils.isShortcode)(plainText)) {
-        mode = 'BLOCKS';
-      }
       if (__unstableEmbedURLOnPaste && (0, _richText.isEmpty)(value) && (0, _url.isURL)(plainText.trim())) {
         mode = 'BLOCKS';
       }
@@ -197,45 +156,4 @@ function usePasteHandler(props) {
     };
   }, []);
 }
-
-/**
- * Normalizes a given string of HTML to remove the Windows-specific "Fragment"
- * comments and any preceding and trailing content.
- *
- * @param {string} html the html to be normalized
- * @return {string} the normalized html
- */
-function removeWindowsFragments(html) {
-  const startStr = '<!--StartFragment-->';
-  const startIdx = html.indexOf(startStr);
-  if (startIdx > -1) {
-    html = html.substring(startIdx + startStr.length);
-  } else {
-    // No point looking for EndFragment
-    return html;
-  }
-  const endStr = '<!--EndFragment-->';
-  const endIdx = html.indexOf(endStr);
-  if (endIdx > -1) {
-    html = html.substring(0, endIdx);
-  }
-  return html;
-}
-
-/**
- * Removes the charset meta tag inserted by Chromium.
- * See:
- * - https://github.com/WordPress/gutenberg/issues/33585
- * - https://bugs.chromium.org/p/chromium/issues/detail?id=1264616#c4
- *
- * @param {string} html the html to be stripped of the meta tag.
- * @return {string} the cleaned html
- */
-function removeCharsetMetaTag(html) {
-  const metaTag = `<meta charset='utf-8'>`;
-  if (html.startsWith(metaTag)) {
-    return html.slice(metaTag.length);
-  }
-  return html;
-}
 //# sourceMappingURL=use-paste-handler.js.map

package/build/components/rich-text/use-paste-handler.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_compose","_dom","_blocks","_richText","_url","_utils","_splitValue","_pasting","usePasteHandler","props","propsRef","useRef","current","useRefEffect","element","_onPaste","event","isSelected","disableFormats","onChange","value","formatTypes","tagName","onReplace","onSplit","__unstableEmbedURLOnPaste","preserveWhiteSpace","pastePlainText","clipboardData","plainText","html","getData","error1","error2","removeWindowsFragments","removeCharsetMetaTag","preventDefault","window","console","log","insert","transformed","reduce","accumlator","__unstablePasteRule","files","getFilesFromDataTransfer","isInternal","pastedValue","create","addActiveFormats","activeFormats","text","length","shouldDismissPastedFiles","fromTransforms","getBlockTransforms","blocks","accumulator","file","transformation","findTransform","transform","type","isMatch","push","flat","isEmpty","splitValue","pastedBlocks","mode","isShortcode","isURL","trim","content","pasteHandler","HTML","valueToInsert","addEventListener","removeEventListener","startStr","startIdx","indexOf","substring","endStr","endIdx","metaTag","startsWith","slice"],"sources":["@wordpress/block-editor/src/components/rich-text/use-paste-handler.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { getFilesFromDataTransfer } from '@wordpress/dom';\nimport {\n\tpasteHandler,\n\tfindTransform,\n\tgetBlockTransforms,\n} from '@wordpress/blocks';\nimport { isEmpty, insert, create } from '@wordpress/rich-text';\nimport { isURL } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { addActiveFormats, isShortcode } from './utils';\nimport { splitValue } from './split-value';\nimport { shouldDismissPastedFiles } from '../../utils/pasting';\n\n/** @typedef {import('@wordpress/rich-text').RichTextValue} RichTextValue */\n\nexport function usePasteHandler( props ) {\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\treturn useRefEffect( ( element ) => {\n\t\tfunction _onPaste( event ) {\n\t\t\tconst {\n\t\t\t\tisSelected,\n\t\t\t\tdisableFormats,\n\t\t\t\tonChange,\n\t\t\t\tvalue,\n\t\t\t\tformatTypes,\n\t\t\t\ttagName,\n\t\t\t\tonReplace,\n\t\t\t\tonSplit,\n\t\t\t\t__unstableEmbedURLOnPaste,\n\t\t\t\tpreserveWhiteSpace,\n\t\t\t\tpastePlainText,\n\t\t\t} = propsRef.current;\n\n\t\t\tif ( ! isSelected ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { clipboardData } = event;\n\n\t\t\tlet plainText = '';\n\t\t\tlet html = '';\n\n\t\t\t// IE11 only supports `Text` as an argument for `getData` and will\n\t\t\t// otherwise throw an invalid argument error, so we try the standard\n\t\t\t// arguments first, then fallback to `Text` if they fail.\n\t\t\ttry {\n\t\t\t\tplainText = clipboardData.getData( 'text/plain' );\n\t\t\t\thtml = clipboardData.getData( 'text/html' );\n\t\t\t} catch ( error1 ) {\n\t\t\t\ttry {\n\t\t\t\t\thtml = clipboardData.getData( 'Text' );\n\t\t\t\t} catch ( error2 ) {\n\t\t\t\t\t// Some browsers like UC Browser paste plain text by default and\n\t\t\t\t\t// don't support clipboardData at all, so allow default\n\t\t\t\t\t// behaviour.\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Remove Windows-specific metadata appended within copied HTML text.\n\t\t\thtml = removeWindowsFragments( html );\n\n\t\t\t// Strip meta tag.\n\t\t\thtml = removeCharsetMetaTag( html );\n\n\t\t\tevent.preventDefault();\n\n\t\t\t// Allows us to ask for this information when we get a report.\n\t\t\twindow.console.log( 'Received HTML:\\n\\n', html );\n\t\t\twindow.console.log( 'Received plain text:\\n\\n', plainText );\n\n\t\t\tif ( disableFormats ) {\n\t\t\t\tonChange( insert( value, plainText ) );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst transformed = formatTypes.reduce(\n\t\t\t\t( accumlator, { __unstablePasteRule } ) => {\n\t\t\t\t\t// Only allow one transform.\n\t\t\t\t\tif ( __unstablePasteRule && accumlator === value ) {\n\t\t\t\t\t\taccumlator = __unstablePasteRule( value, {\n\t\t\t\t\t\t\thtml,\n\t\t\t\t\t\t\tplainText,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn accumlator;\n\t\t\t\t},\n\t\t\t\tvalue\n\t\t\t);\n\n\t\t\tif ( transformed !== value ) {\n\t\t\t\tonChange( transformed );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst files = [ ...getFilesFromDataTransfer( clipboardData ) ];\n\t\t\tconst isInternal = clipboardData.getData( 'rich-text' ) === 'true';\n\n\t\t\t// If the data comes from a rich text instance, we can directly use it\n\t\t\t// without filtering the data. The filters are only meant for externally\n\t\t\t// pasted content and remove inline styles.\n\t\t\tif ( isInternal ) {\n\t\t\t\tconst pastedValue = create( {\n\t\t\t\t\thtml,\n\t\t\t\t\tpreserveWhiteSpace,\n\t\t\t\t} );\n\t\t\t\taddActiveFormats( pastedValue, value.activeFormats );\n\t\t\t\tonChange( insert( value, pastedValue ) );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( pastePlainText ) {\n\t\t\t\tonChange( insert( value, create( { text: plainText } ) ) );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( files?.length ) {\n\t\t\t\t// Allows us to ask for this information when we get a report.\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\twindow.console.log( 'Received items:\\n\\n', files );\n\t\t\t}\n\n\t\t\t// Process any attached files, unless we infer that the files in\n\t\t\t// question are redundant \"screenshots\" of the actual HTML payload,\n\t\t\t// as created by certain office-type programs.\n\t\t\t//\n\t\t\t// @see shouldDismissPastedFiles\n\t\t\tif (\n\t\t\t\tfiles?.length &&\n\t\t\t\t! shouldDismissPastedFiles( files, html, plainText )\n\t\t\t) {\n\t\t\t\tconst fromTransforms = getBlockTransforms( 'from' );\n\t\t\t\tconst blocks = files\n\t\t\t\t\t.reduce( ( accumulator, file ) => {\n\t\t\t\t\t\tconst transformation = findTransform(\n\t\t\t\t\t\t\tfromTransforms,\n\t\t\t\t\t\t\t( transform ) =>\n\t\t\t\t\t\t\t\ttransform.type === 'files' &&\n\t\t\t\t\t\t\t\ttransform.isMatch( [ file ] )\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif ( transformation ) {\n\t\t\t\t\t\t\taccumulator.push(\n\t\t\t\t\t\t\t\ttransformation.transform( [ file ] )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn accumulator;\n\t\t\t\t\t}, [] )\n\t\t\t\t\t.flat();\n\t\t\t\tif ( ! blocks.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( onReplace && isEmpty( value ) ) {\n\t\t\t\t\tonReplace( blocks );\n\t\t\t\t} else {\n\t\t\t\t\tsplitValue( {\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\tpastedBlocks: blocks,\n\t\t\t\t\t\tonReplace,\n\t\t\t\t\t\tonSplit,\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet mode = onReplace && onSplit ? 'AUTO' : 'INLINE';\n\n\t\t\t// Force the blocks mode when the user is pasting\n\t\t\t// on a new line & the content resembles a shortcode.\n\t\t\t// Otherwise it's going to be detected as inline\n\t\t\t// and the shortcode won't be replaced.\n\t\t\tif (\n\t\t\t\tmode === 'AUTO' &&\n\t\t\t\tisEmpty( value ) &&\n\t\t\t\tisShortcode( plainText )\n\t\t\t) {\n\t\t\t\tmode = 'BLOCKS';\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t__unstableEmbedURLOnPaste &&\n\t\t\t\tisEmpty( value ) &&\n\t\t\t\tisURL( plainText.trim() )\n\t\t\t) {\n\t\t\t\tmode = 'BLOCKS';\n\t\t\t}\n\n\t\t\tconst content = pasteHandler( {\n\t\t\t\tHTML: html,\n\t\t\t\tplainText,\n\t\t\t\tmode,\n\t\t\t\ttagName,\n\t\t\t\tpreserveWhiteSpace,\n\t\t\t} );\n\n\t\t\tif ( typeof content === 'string' ) {\n\t\t\t\tconst valueToInsert = create( { html: content } );\n\t\t\t\taddActiveFormats( valueToInsert, value.activeFormats );\n\t\t\t\tonChange( insert( value, valueToInsert ) );\n\t\t\t} else if ( content.length > 0 ) {\n\t\t\t\tif ( onReplace && isEmpty( value ) ) {\n\t\t\t\t\tonReplace( content, content.length - 1, -1 );\n\t\t\t\t} else {\n\t\t\t\t\tsplitValue( {\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\tpastedBlocks: content,\n\t\t\t\t\t\tonReplace,\n\t\t\t\t\t\tonSplit,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener( 'paste', _onPaste );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'paste', _onPaste );\n\t\t};\n\t}, [] );\n}\n\n/**\n * Normalizes a given string of HTML to remove the Windows-specific \"Fragment\"\n * comments and any preceding and trailing content.\n *\n * @param {string} html the html to be normalized\n * @return {string} the normalized html\n */\nfunction removeWindowsFragments( html ) {\n\tconst startStr = '<!--StartFragment-->';\n\tconst startIdx = html.indexOf( startStr );\n\tif ( startIdx > -1 ) {\n\t\thtml = html.substring( startIdx + startStr.length );\n\t} else {\n\t\t// No point looking for EndFragment\n\t\treturn html;\n\t}\n\n\tconst endStr = '<!--EndFragment-->';\n\tconst endIdx = html.indexOf( endStr );\n\tif ( endIdx > -1 ) {\n\t\thtml = html.substring( 0, endIdx );\n\t}\n\n\treturn html;\n}\n\n/**\n * Removes the charset meta tag inserted by Chromium.\n * See:\n * - https://github.com/WordPress/gutenberg/issues/33585\n * - https://bugs.chromium.org/p/chromium/issues/detail?id=1264616#c4\n *\n * @param {string} html the html to be stripped of the meta tag.\n * @return {string} the cleaned html\n */\nfunction removeCharsetMetaTag( html ) {\n\tconst metaTag = `<meta charset='utf-8'>`;\n\n\tif ( html.startsWith( metaTag ) ) {\n\t\treturn html.slice( metaTag.length );\n\t}\n\n\treturn html;\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_compose","_blocks","_richText","_url","_utils","_splitValue","_pasting","usePasteHandler","props","propsRef","useRef","current","useRefEffect","element","_onPaste","event","isSelected","disableFormats","onChange","value","formatTypes","tagName","onReplace","onSplit","__unstableEmbedURLOnPaste","preserveWhiteSpace","pastePlainText","plainText","html","files","getPasteEventData","preventDefault","window","console","log","insert","transformed","reduce","accumlator","__unstablePasteRule","isInternal","clipboardData","getData","pastedValue","create","addActiveFormats","activeFormats","text","length","fromTransforms","getBlockTransforms","blocks","accumulator","file","transformation","findTransform","transform","type","isMatch","push","flat","isEmpty","splitValue","pastedBlocks","mode","isURL","trim","content","pasteHandler","HTML","valueToInsert","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/rich-text/use-paste-handler.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport {\n\tpasteHandler,\n\tfindTransform,\n\tgetBlockTransforms,\n} from '@wordpress/blocks';\nimport { isEmpty, insert, create } from '@wordpress/rich-text';\nimport { isURL } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { addActiveFormats } from './utils';\nimport { splitValue } from './split-value';\nimport { getPasteEventData } from '../../utils/pasting';\n\n/** @typedef {import('@wordpress/rich-text').RichTextValue} RichTextValue */\n\nexport function usePasteHandler( props ) {\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\treturn useRefEffect( ( element ) => {\n\t\tfunction _onPaste( event ) {\n\t\t\tconst {\n\t\t\t\tisSelected,\n\t\t\t\tdisableFormats,\n\t\t\t\tonChange,\n\t\t\t\tvalue,\n\t\t\t\tformatTypes,\n\t\t\t\ttagName,\n\t\t\t\tonReplace,\n\t\t\t\tonSplit,\n\t\t\t\t__unstableEmbedURLOnPaste,\n\t\t\t\tpreserveWhiteSpace,\n\t\t\t\tpastePlainText,\n\t\t\t} = propsRef.current;\n\n\t\t\tif ( ! isSelected ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { plainText, html, files } = getPasteEventData( event );\n\n\t\t\tevent.preventDefault();\n\n\t\t\t// Allows us to ask for this information when we get a report.\n\t\t\twindow.console.log( 'Received HTML:\\n\\n', html );\n\t\t\twindow.console.log( 'Received plain text:\\n\\n', plainText );\n\n\t\t\tif ( disableFormats ) {\n\t\t\t\tonChange( insert( value, plainText ) );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst transformed = formatTypes.reduce(\n\t\t\t\t( accumlator, { __unstablePasteRule } ) => {\n\t\t\t\t\t// Only allow one transform.\n\t\t\t\t\tif ( __unstablePasteRule && accumlator === value ) {\n\t\t\t\t\t\taccumlator = __unstablePasteRule( value, {\n\t\t\t\t\t\t\thtml,\n\t\t\t\t\t\t\tplainText,\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn accumlator;\n\t\t\t\t},\n\t\t\t\tvalue\n\t\t\t);\n\n\t\t\tif ( transformed !== value ) {\n\t\t\t\tonChange( transformed );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst isInternal =\n\t\t\t\tevent.clipboardData.getData( 'rich-text' ) === 'true';\n\n\t\t\t// If the data comes from a rich text instance, we can directly use it\n\t\t\t// without filtering the data. The filters are only meant for externally\n\t\t\t// pasted content and remove inline styles.\n\t\t\tif ( isInternal ) {\n\t\t\t\tconst pastedValue = create( {\n\t\t\t\t\thtml,\n\t\t\t\t\tpreserveWhiteSpace,\n\t\t\t\t} );\n\t\t\t\taddActiveFormats( pastedValue, value.activeFormats );\n\t\t\t\tonChange( insert( value, pastedValue ) );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( pastePlainText ) {\n\t\t\t\tonChange( insert( value, create( { text: plainText } ) ) );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( files?.length ) {\n\t\t\t\t// Allows us to ask for this information when we get a report.\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\twindow.console.log( 'Received items:\\n\\n', files );\n\n\t\t\t\tconst fromTransforms = getBlockTransforms( 'from' );\n\t\t\t\tconst blocks = files\n\t\t\t\t\t.reduce( ( accumulator, file ) => {\n\t\t\t\t\t\tconst transformation = findTransform(\n\t\t\t\t\t\t\tfromTransforms,\n\t\t\t\t\t\t\t( transform ) =>\n\t\t\t\t\t\t\t\ttransform.type === 'files' &&\n\t\t\t\t\t\t\t\ttransform.isMatch( [ file ] )\n\t\t\t\t\t\t);\n\t\t\t\t\t\tif ( transformation ) {\n\t\t\t\t\t\t\taccumulator.push(\n\t\t\t\t\t\t\t\ttransformation.transform( [ file ] )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn accumulator;\n\t\t\t\t\t}, [] )\n\t\t\t\t\t.flat();\n\t\t\t\tif ( ! blocks.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( onReplace && isEmpty( value ) ) {\n\t\t\t\t\tonReplace( blocks );\n\t\t\t\t} else {\n\t\t\t\t\tsplitValue( {\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\tpastedBlocks: blocks,\n\t\t\t\t\t\tonReplace,\n\t\t\t\t\t\tonSplit,\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tlet mode = onReplace && onSplit ? 'AUTO' : 'INLINE';\n\n\t\t\tif (\n\t\t\t\t__unstableEmbedURLOnPaste &&\n\t\t\t\tisEmpty( value ) &&\n\t\t\t\tisURL( plainText.trim() )\n\t\t\t) {\n\t\t\t\tmode = 'BLOCKS';\n\t\t\t}\n\n\t\t\tconst content = pasteHandler( {\n\t\t\t\tHTML: html,\n\t\t\t\tplainText,\n\t\t\t\tmode,\n\t\t\t\ttagName,\n\t\t\t\tpreserveWhiteSpace,\n\t\t\t} );\n\n\t\t\tif ( typeof content === 'string' ) {\n\t\t\t\tconst valueToInsert = create( { html: content } );\n\t\t\t\taddActiveFormats( valueToInsert, value.activeFormats );\n\t\t\t\tonChange( insert( value, valueToInsert ) );\n\t\t\t} else if ( content.length > 0 ) {\n\t\t\t\tif ( onReplace && isEmpty( value ) ) {\n\t\t\t\t\tonReplace( content, content.length - 1, -1 );\n\t\t\t\t} else {\n\t\t\t\t\tsplitValue( {\n\t\t\t\t\t\tvalue,\n\t\t\t\t\t\tpastedBlocks: content,\n\t\t\t\t\t\tonReplace,\n\t\t\t\t\t\tonSplit,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener( 'paste', _onPaste );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'paste', _onPaste );\n\t\t};\n\t}, [] );\n}\n"],"mappings":"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"}

package/build/components/rich-text/utils.js

@@ -7,9 +7,8 @@ exports.addActiveFormats = addActiveFormats;
 exports.createLinkInParagraph = createLinkInParagraph;
 exports.getAllowedFormats = getAllowedFormats;
 exports.getMultilineTag = getMultilineTag;
-exports.isShortcode = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
-var _shortcode = require("@wordpress/shortcode");
 var _blocks = require("@wordpress/blocks");
 /**
  * WordPress dependencies
@@ -47,7 +46,6 @@ function getAllowedFormats({
   return allowedFormats;
 }
 getAllowedFormats.EMPTY_ARRAY = [];
-const isShortcode = text => (0, _shortcode.regexp)('.*').test(text);
 
 /**
  * Creates a link from pasted URL.
@@ -56,9 +54,8 @@ const isShortcode = text => (0, _shortcode.regexp)('.*').test(text);
  * @param {string}   url       The URL that could not be embedded.
  * @param {Function} onReplace Function to call with the created fallback block.
  */
-exports.isShortcode = isShortcode;
 function createLinkInParagraph(url, onReplace) {
-  const link = (0, _element.createElement)("a", {
+  const link = (0, _react.createElement)("a", {
     href: url
   }, url);
   onReplace((0, _blocks.createBlock)('core/paragraph', {

package/build/components/rich-text/utils.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_shortcode","_blocks","addActiveFormats","value","activeFormats","length","index","formats","getMultilineTag","multiline","getAllowedFormats","allowedFormats","disableFormats","EMPTY_ARRAY","isShortcode","text","regexp","test","exports","createLinkInParagraph","url","onReplace","link","createElement","href","createBlock","content","renderToString"],"sources":["@wordpress/block-editor/src/components/rich-text/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { regexp } from '@wordpress/shortcode';\nimport { renderToString } from '@wordpress/element';\nimport { createBlock } from '@wordpress/blocks';\n\nexport function addActiveFormats( value, activeFormats ) {\n\tif ( activeFormats?.length ) {\n\t\tlet index = value.formats.length;\n\n\t\twhile ( index-- ) {\n\t\t\tvalue.formats[ index ] = [\n\t\t\t\t...activeFormats,\n\t\t\t\t...( value.formats[ index ] || [] ),\n\t\t\t];\n\t\t}\n\t}\n}\n\n/**\n * Get the multiline tag based on the multiline prop.\n *\n * @param {?(string|boolean)} multiline The multiline prop.\n *\n * @return {string | undefined} The multiline tag.\n */\nexport function getMultilineTag( multiline ) {\n\tif ( multiline !== true && multiline !== 'p' && multiline !== 'li' ) {\n\t\treturn;\n\t}\n\n\treturn multiline === true ? 'p' : multiline;\n}\n\nexport function getAllowedFormats( { allowedFormats, disableFormats } ) {\n\tif ( disableFormats ) {\n\t\treturn getAllowedFormats.EMPTY_ARRAY;\n\t}\n\n\treturn allowedFormats;\n}\n\ngetAllowedFormats.EMPTY_ARRAY = [];\n\nexport const isShortcode = ( text ) => regexp( '.*' ).test( text );\n\n/**\n * Creates a link from pasted URL.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function createLinkInParagraph( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n"],"mappings":";;;;;;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKO,SAASG,gBAAgBA,CAAEC,KAAK,EAAEC,aAAa,EAAG;EACxD,IAAKA,aAAa,EAAEC,MAAM,EAAG;IAC5B,IAAIC,KAAK,GAAGH,KAAK,CAACI,OAAO,CAACF,MAAM;IAEhC,OAAQC,KAAK,EAAE,EAAG;MACjBH,KAAK,CAACI,OAAO,CAAED,KAAK,CAAE,GAAG,CACxB,GAAGF,aAAa,EAChB,IAAKD,KAAK,CAACI,OAAO,CAAED,KAAK,CAAE,IAAI,EAAE,CAAE,CACnC;IACF;EACD;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,eAAeA,CAAEC,SAAS,EAAG;EAC5C,IAAKA,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAK,GAAG,IAAIA,SAAS,KAAK,IAAI,EAAG;IACpE;EACD;EAEA,OAAOA,SAAS,KAAK,IAAI,GAAG,GAAG,GAAGA,SAAS;AAC5C;AAEO,SAASC,iBAAiBA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EACvE,IAAKA,cAAc,EAAG;IACrB,OAAOF,iBAAiB,CAACG,WAAW;EACrC;EAEA,OAAOF,cAAc;AACtB;AAEAD,iBAAiB,CAACG,WAAW,GAAG,EAAE;AAE3B,MAAMC,WAAW,GAAKC,IAAI,IAAM,IAAAC,iBAAM,EAAE,IAAK,CAAC,CAACC,IAAI,CAAEF,IAAK,CAAC;;AAElE;AACA;AACA;AACA;AACA;AACA;AACA;AANAG,OAAA,CAAAJ,WAAA,GAAAA,WAAA;AAOO,SAASK,qBAAqBA,CAAEC,GAAG,EAAEC,SAAS,EAAG;EACvD,MAAMC,IAAI,GAAG,IAAAxB,QAAA,CAAAyB,aAAA;IAAGC,IAAI,EAAGJ;EAAK,GAAGA,GAAQ,CAAC;EACxCC,SAAS,CACR,IAAAI,mBAAW,EAAE,gBAAgB,EAAE;IAAEC,OAAO,EAAE,IAAAC,uBAAc,EAAEL,IAAK;EAAE,CAAE,CACpE,CAAC;AACF"}
+{"version":3,"names":["_element","require","_blocks","addActiveFormats","value","activeFormats","length","index","formats","getMultilineTag","multiline","getAllowedFormats","allowedFormats","disableFormats","EMPTY_ARRAY","createLinkInParagraph","url","onReplace","link","_react","createElement","href","createBlock","content","renderToString"],"sources":["@wordpress/block-editor/src/components/rich-text/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { renderToString } from '@wordpress/element';\nimport { createBlock } from '@wordpress/blocks';\n\nexport function addActiveFormats( value, activeFormats ) {\n\tif ( activeFormats?.length ) {\n\t\tlet index = value.formats.length;\n\n\t\twhile ( index-- ) {\n\t\t\tvalue.formats[ index ] = [\n\t\t\t\t...activeFormats,\n\t\t\t\t...( value.formats[ index ] || [] ),\n\t\t\t];\n\t\t}\n\t}\n}\n\n/**\n * Get the multiline tag based on the multiline prop.\n *\n * @param {?(string|boolean)} multiline The multiline prop.\n *\n * @return {string | undefined} The multiline tag.\n */\nexport function getMultilineTag( multiline ) {\n\tif ( multiline !== true && multiline !== 'p' && multiline !== 'li' ) {\n\t\treturn;\n\t}\n\n\treturn multiline === true ? 'p' : multiline;\n}\n\nexport function getAllowedFormats( { allowedFormats, disableFormats } ) {\n\tif ( disableFormats ) {\n\t\treturn getAllowedFormats.EMPTY_ARRAY;\n\t}\n\n\treturn allowedFormats;\n}\n\ngetAllowedFormats.EMPTY_ARRAY = [];\n\n/**\n * Creates a link from pasted URL.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function createLinkInParagraph( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n"],"mappings":";;;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIO,SAASE,gBAAgBA,CAAEC,KAAK,EAAEC,aAAa,EAAG;EACxD,IAAKA,aAAa,EAAEC,MAAM,EAAG;IAC5B,IAAIC,KAAK,GAAGH,KAAK,CAACI,OAAO,CAACF,MAAM;IAEhC,OAAQC,KAAK,EAAE,EAAG;MACjBH,KAAK,CAACI,OAAO,CAAED,KAAK,CAAE,GAAG,CACxB,GAAGF,aAAa,EAChB,IAAKD,KAAK,CAACI,OAAO,CAAED,KAAK,CAAE,IAAI,EAAE,CAAE,CACnC;IACF;EACD;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASE,eAAeA,CAAEC,SAAS,EAAG;EAC5C,IAAKA,SAAS,KAAK,IAAI,IAAIA,SAAS,KAAK,GAAG,IAAIA,SAAS,KAAK,IAAI,EAAG;IACpE;EACD;EAEA,OAAOA,SAAS,KAAK,IAAI,GAAG,GAAG,GAAGA,SAAS;AAC5C;AAEO,SAASC,iBAAiBA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EACvE,IAAKA,cAAc,EAAG;IACrB,OAAOF,iBAAiB,CAACG,WAAW;EACrC;EAEA,OAAOF,cAAc;AACtB;AAEAD,iBAAiB,CAACG,WAAW,GAAG,EAAE;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,qBAAqBA,CAAEC,GAAG,EAAEC,SAAS,EAAG;EACvD,MAAMC,IAAI,GAAG,IAAAC,MAAA,CAAAC,aAAA;IAAGC,IAAI,EAAGL;EAAK,GAAGA,GAAQ,CAAC;EACxCC,SAAS,CACR,IAAAK,mBAAW,EAAE,gBAAgB,EAAE;IAAEC,OAAO,EAAE,IAAAC,uBAAc,EAAEN,IAAK;EAAE,CAAE,CACpE,CAAC;AACF"}

package/build/components/skip-to-selected-block/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _data = require("@wordpress/data");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
@@ -25,7 +25,7 @@ const SkipToSelectedBlock = ({
   const onClick = () => {
     ref.current.focus();
   };
-  return selectedBlockClientId ? (0, _element.createElement)(_components.Button, {
+  return selectedBlockClientId ? (0, _react.createElement)(_components.Button, {
     variant: "secondary",
     className: "block-editor-skip-to-selected-block",
     onClick: onClick

package/build/components/skip-to-selected-block/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_i18n","_components","_store","_useBlockRefs","SkipToSelectedBlock","selectedBlockClientId","ref","useBlockRef","onClick","current","focus","_element","createElement","Button","variant","className","__","_default","withSelect","select","blockEditorStore","getBlockSelectionStart","exports","default"],"sources":["@wordpress/block-editor/src/components/skip-to-selected-block/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { __unstableUseBlockRef as useBlockRef } from '../block-list/use-block-props/use-block-refs';\n\nconst SkipToSelectedBlock = ( { selectedBlockClientId } ) => {\n\tconst ref = useBlockRef( selectedBlockClientId );\n\tconst onClick = () => {\n\t\tref.current.focus();\n\t};\n\n\treturn selectedBlockClientId ? (\n\t\t<Button\n\t\t\tvariant=\"secondary\"\n\t\t\tclassName=\"block-editor-skip-to-selected-block\"\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ __( 'Skip to the selected block' ) }\n\t\t</Button>\n\t) : null;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md\n */\nexport default withSelect( ( select ) => {\n\treturn {\n\t\tselectedBlockClientId:\n\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t};\n} )( SkipToSelectedBlock );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAMK,mBAAmB,GAAGA,CAAE;EAAEC;AAAsB,CAAC,KAAM;EAC5D,MAAMC,GAAG,GAAG,IAAAC,mCAAW,EAAEF,qBAAsB,CAAC;EAChD,MAAMG,OAAO,GAAGA,CAAA,KAAM;IACrBF,GAAG,CAACG,OAAO,CAACC,KAAK,CAAC,CAAC;EACpB,CAAC;EAED,OAAOL,qBAAqB,GAC3B,IAAAM,QAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,MAAM;IACNC,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAC,qCAAqC;IAC/CP,OAAO,EAAGA;EAAS,GAEjB,IAAAQ,QAAE,EAAE,4BAA6B,CAC5B,CAAC,GACN,IAAI;AACT,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAGe,IAAAC,gBAAU,EAAIC,MAAM,IAAM;EACxC,OAAO;IACNd,qBAAqB,EACpBc,MAAM,CAAEC,YAAiB,CAAC,CAACC,sBAAsB,CAAC;EACpD,CAAC;AACF,CAAE,CAAC,CAAEjB,mBAAoB,CAAC;AAAAkB,OAAA,CAAAC,OAAA,GAAAN,QAAA"}
+{"version":3,"names":["_data","require","_i18n","_components","_store","_useBlockRefs","SkipToSelectedBlock","selectedBlockClientId","ref","useBlockRef","onClick","current","focus","_react","createElement","Button","variant","className","__","_default","withSelect","select","blockEditorStore","getBlockSelectionStart","exports","default"],"sources":["@wordpress/block-editor/src/components/skip-to-selected-block/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { withSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { __unstableUseBlockRef as useBlockRef } from '../block-list/use-block-props/use-block-refs';\n\nconst SkipToSelectedBlock = ( { selectedBlockClientId } ) => {\n\tconst ref = useBlockRef( selectedBlockClientId );\n\tconst onClick = () => {\n\t\tref.current.focus();\n\t};\n\n\treturn selectedBlockClientId ? (\n\t\t<Button\n\t\t\tvariant=\"secondary\"\n\t\t\tclassName=\"block-editor-skip-to-selected-block\"\n\t\t\tonClick={ onClick }\n\t\t>\n\t\t\t{ __( 'Skip to the selected block' ) }\n\t\t</Button>\n\t) : null;\n};\n\n/**\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/skip-to-selected-block/README.md\n */\nexport default withSelect( ( select ) => {\n\treturn {\n\t\tselectedBlockClientId:\n\t\t\tselect( blockEditorStore ).getBlockSelectionStart(),\n\t};\n} )( SkipToSelectedBlock );\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAMK,mBAAmB,GAAGA,CAAE;EAAEC;AAAsB,CAAC,KAAM;EAC5D,MAAMC,GAAG,GAAG,IAAAC,mCAAW,EAAEF,qBAAsB,CAAC;EAChD,MAAMG,OAAO,GAAGA,CAAA,KAAM;IACrBF,GAAG,CAACG,OAAO,CAACC,KAAK,CAAC,CAAC;EACpB,CAAC;EAED,OAAOL,qBAAqB,GAC3B,IAAAM,MAAA,CAAAC,aAAA,EAACX,WAAA,CAAAY,MAAM;IACNC,OAAO,EAAC,WAAW;IACnBC,SAAS,EAAC,qCAAqC;IAC/CP,OAAO,EAAGA;EAAS,GAEjB,IAAAQ,QAAE,EAAE,4BAA6B,CAC5B,CAAC,GACN,IAAI;AACT,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAGe,IAAAC,gBAAU,EAAIC,MAAM,IAAM;EACxC,OAAO;IACNd,qBAAqB,EACpBc,MAAM,CAAEC,YAAiB,CAAC,CAACC,sBAAsB,CAAC;EACpD,CAAC;AACF,CAAE,CAAC,CAAEjB,mBAAoB,CAAC;AAAAkB,OAAA,CAAAC,OAAA,GAAAN,QAAA"}

package/build/components/spacing-sizes-control/index.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SpacingSizesControl;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _axial = _interopRequireDefault(require("./input-controls/axial"));
 var _separated = _interopRequireDefault(require("./input-controls/separated"));
@@ -60,16 +61,16 @@ function SpacingSizesControl({
   };
   const renderControls = () => {
     if (view === _utils.VIEWS.axial) {
-      return (0, _element.createElement)(_axial.default, {
+      return (0, _react.createElement)(_axial.default, {
         ...inputControlProps
       });
     }
     if (view === _utils.VIEWS.custom) {
-      return (0, _element.createElement)(_separated.default, {
+      return (0, _react.createElement)(_separated.default, {
         ...inputControlProps
       });
     }
-    return (0, _element.createElement)(_single.default, {
+    return (0, _react.createElement)(_single.default, {
       side: view,
       ...inputControlProps,
       showSideInLabel: showSideInLabel
@@ -82,14 +83,14 @@ function SpacingSizesControl({
   const dropdownLabelText = (0, _i18n.sprintf)(
   // translators: %s: The current spacing property e.g. "Padding", "Margin".
   (0, _i18n._x)('%s options', 'Button label to reveal side configuration options'), labelProp);
-  return (0, _element.createElement)("fieldset", {
+  return (0, _react.createElement)("fieldset", {
     className: "spacing-sizes-control"
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     className: "spacing-sizes-control__header"
-  }, (0, _element.createElement)(_components.BaseControl.VisualLabel, {
+  }, (0, _react.createElement)(_components.BaseControl.VisualLabel, {
     as: "legend",
     className: "spacing-sizes-control__label"
-  }, label), !hasOneSide && !hasOnlyAxialSides && (0, _element.createElement)(_sidesDropdown.default, {
+  }, label), !hasOneSide && !hasOnlyAxialSides && (0, _react.createElement)(_sidesDropdown.default, {
     label: dropdownLabelText,
     onChange: setView,
     sides: sides,

package/build/components/spacing-sizes-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_i18n","_axial","_interopRequireDefault","_separated","_single","_sidesDropdown","_useSpacingSizes","_utils","SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","ALL_SIDES","useSelect","values","spacingSizes","useSpacingSizes","inputValues","DEFAULT_VALUES","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","useState","getInitialView","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","VIEWS","axial","createElement","default","custom","side","sideLabel","LABELS","sprintf","__","trim","dropdownLabelText","_x","className","__experimentalHStack","BaseControl","VisualLabel","as","value"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport SidesDropdown from './sides-dropdown';\nimport useSpacingSizes from './hooks/use-spacing-sizes';\nimport {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values || DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 2. Type of spacing being modified (Padding, margin, etc). 1: The side of the block being modified (top, bottom, left etc.).\n\t\t__( '%1$s %2$s' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\tconst dropdownLabelText = sprintf(\n\t\t// translators: %s: The current spacing property e.g. \"Padding\", \"Margin\".\n\t\t_x( '%s options', 'Button label to reveal side configuration options' ),\n\t\tlabelProp\n\t);\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<SidesDropdown\n\t\t\t\t\t\tlabel={ dropdownLabelText }\n\t\t\t\t\t\tonChange={ setView }\n\t\t\t\t\t\tsides={ sides }\n\t\t\t\t\t\tvalue={ view }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ renderControls() }\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_components","require","_element","_i18n","_axial","_interopRequireDefault","_separated","_single","_sidesDropdown","_useSpacingSizes","_utils","SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","ALL_SIDES","useSelect","values","spacingSizes","useSpacingSizes","inputValues","DEFAULT_VALUES","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","useState","getInitialView","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","VIEWS","axial","_react","createElement","default","custom","side","sideLabel","LABELS","sprintf","__","trim","dropdownLabelText","_x","className","__experimentalHStack","BaseControl","VisualLabel","as","value"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport SidesDropdown from './sides-dropdown';\nimport useSpacingSizes from './hooks/use-spacing-sizes';\nimport {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values || DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 2. Type of spacing being modified (Padding, margin, etc). 1: The side of the block being modified (top, bottom, left etc.).\n\t\t__( '%1$s %2$s' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\tconst dropdownLabelText = sprintf(\n\t\t// translators: %s: The current spacing property e.g. \"Padding\", \"Margin\".\n\t\t_x( '%s options', 'Button label to reveal side configuration options' ),\n\t\tlabelProp\n\t);\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<SidesDropdown\n\t\t\t\t\t\tlabel={ dropdownLabelText }\n\t\t\t\t\t\tonChange={ setView }\n\t\t\t\t\t\tsides={ sides }\n\t\t\t\t\t\tvalue={ view }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ renderControls() }\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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"}

package/build/components/spacing-sizes-control/input-controls/axial.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AxialInputControls;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
 var _utils = require("../utils");
 /**
@@ -48,9 +48,9 @@ function AxialInputControls({
 
   // Filter sides if custom configuration provided, maintaining default order.
   const filteredSides = sides?.length ? groupedSides.filter(side => (0, _utils.hasAxisSupport)(sides, side)) : groupedSides;
-  return (0, _element.createElement)(_element.Fragment, null, filteredSides.map(side => {
+  return (0, _react.createElement)(_react.Fragment, null, filteredSides.map(side => {
     const axisValue = side === 'vertical' ? values.top : values.left;
-    return (0, _element.createElement)(_spacingInputControl.default, {
+    return (0, _react.createElement)(_spacingInputControl.default, {
       key: `spacing-sizes-control-${side}`,
       icon: _utils.ICONS[side],
       label: _utils.LABELS[side],

package/build/components/spacing-sizes-control/input-controls/axial.js.map

@@ -1 +1 @@
-{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","groupedSides","AxialInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","createHandleOnChange","side","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","top","bottom","left","right","filteredSides","length","filter","hasAxisSupport","_element","createElement","Fragment","map","axisValue","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/axial.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n\thasAxisSupport,\n} from '../utils';\n\nconst groupedSides = [ 'vertical', 'horizontal' ];\n\nexport default function AxialInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = next;\n\t\t\tnextValues.bottom = next;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = next;\n\t\t\tnextValues.right = next;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => hasAxisSupport( sides, side ) )\n\t\t: groupedSides;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst axisValue =\n\t\t\t\t\tside === 'vertical' ? values.top : values.left;\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ axisValue }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AASA,MAAME,YAAY,GAAG,CAAE,UAAU,EAAE,YAAY,CAAE;AAElC,SAASC,kBAAkBA,CAAE;EAC3CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,IAAI,IAAQC,IAAI,IAAM;IACpD,IAAK,CAAET,QAAQ,EAAG;MACjB;IACD;;IAEA;IACA,MAAMU,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEN,MAAO,CAAC,CAACO,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCV,MAAM,CAAES,GAAG,CAAE,EACbX,YACD,CAAC;QACD,OAAOU,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAED,IAAKN,IAAI,KAAK,UAAU,EAAG;MAC1BE,UAAU,CAACO,GAAG,GAAGR,IAAI;MACrBC,UAAU,CAACQ,MAAM,GAAGT,IAAI;IACzB;IAEA,IAAKD,IAAI,KAAK,YAAY,EAAG;MAC5BE,UAAU,CAACS,IAAI,GAAGV,IAAI;MACtBC,UAAU,CAACU,KAAK,GAAGX,IAAI;IACxB;IAEAT,QAAQ,CAAEU,UAAW,CAAC;EACvB,CAAC;;EAED;EACA,MAAMW,aAAa,GAAGlB,KAAK,EAAEmB,MAAM,GAChCzB,YAAY,CAAC0B,MAAM,CAAIf,IAAI,IAAM,IAAAgB,qBAAc,EAAErB,KAAK,EAAEK,IAAK,CAAE,CAAC,GAChEX,YAAY;EAEf,OACC,IAAA4B,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACGN,aAAa,CAACO,GAAG,CAAIpB,IAAI,IAAM;IAChC,MAAMqB,SAAS,GACdrB,IAAI,KAAK,UAAU,GAAGF,MAAM,CAACW,GAAG,GAAGX,MAAM,CAACa,IAAI;IAC/C,OACC,IAAAM,QAAA,CAAAC,aAAA,EAACjC,oBAAA,CAAAqC,OAAmB;MACnBf,GAAG,EAAI,yBAAyBP,IAAM,EAAG;MACzCuB,IAAI,EAAGC,YAAK,CAAExB,IAAI,CAAI;MACtByB,KAAK,EAAGC,aAAM,CAAE1B,IAAI,CAAI;MACxBT,kBAAkB,EAAGA,kBAAoB;MACzCC,QAAQ,EAAGO,oBAAoB,CAAEC,IAAK,CAAG;MACzCP,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGA,WAAa;MAC3BM,IAAI,EAAGA,IAAM;MACbJ,YAAY,EAAGA,YAAc;MAC7BC,IAAI,EAAGA,IAAM;MACb8B,KAAK,EAAGN,SAAW;MACnBO,cAAc,EAAG;IAAO,CACxB,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL"}
+{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","groupedSides","AxialInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","createHandleOnChange","side","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","top","bottom","left","right","filteredSides","length","filter","hasAxisSupport","_react","createElement","Fragment","map","axisValue","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/axial.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n\thasAxisSupport,\n} from '../utils';\n\nconst groupedSides = [ 'vertical', 'horizontal' ];\n\nexport default function AxialInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tif ( side === 'vertical' ) {\n\t\t\tnextValues.top = next;\n\t\t\tnextValues.bottom = next;\n\t\t}\n\n\t\tif ( side === 'horizontal' ) {\n\t\t\tnextValues.left = next;\n\t\t\tnextValues.right = next;\n\t\t}\n\n\t\tonChange( nextValues );\n\t};\n\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? groupedSides.filter( ( side ) => hasAxisSupport( sides, side ) )\n\t\t: groupedSides;\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\tconst axisValue =\n\t\t\t\t\tside === 'vertical' ? values.top : values.left;\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ axisValue }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AASA,MAAME,YAAY,GAAG,CAAE,UAAU,EAAE,YAAY,CAAE;AAElC,SAASC,kBAAkBA,CAAE;EAC3CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,IAAI,IAAQC,IAAI,IAAM;IACpD,IAAK,CAAET,QAAQ,EAAG;MACjB;IACD;;IAEA;IACA,MAAMU,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEN,MAAO,CAAC,CAACO,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCV,MAAM,CAAES,GAAG,CAAE,EACbX,YACD,CAAC;QACD,OAAOU,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAED,IAAKN,IAAI,KAAK,UAAU,EAAG;MAC1BE,UAAU,CAACO,GAAG,GAAGR,IAAI;MACrBC,UAAU,CAACQ,MAAM,GAAGT,IAAI;IACzB;IAEA,IAAKD,IAAI,KAAK,YAAY,EAAG;MAC5BE,UAAU,CAACS,IAAI,GAAGV,IAAI;MACtBC,UAAU,CAACU,KAAK,GAAGX,IAAI;IACxB;IAEAT,QAAQ,CAAEU,UAAW,CAAC;EACvB,CAAC;;EAED;EACA,MAAMW,aAAa,GAAGlB,KAAK,EAAEmB,MAAM,GAChCzB,YAAY,CAAC0B,MAAM,CAAIf,IAAI,IAAM,IAAAgB,qBAAc,EAAErB,KAAK,EAAEK,IAAK,CAAE,CAAC,GAChEX,YAAY;EAEf,OACC,IAAA4B,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGN,aAAa,CAACO,GAAG,CAAIpB,IAAI,IAAM;IAChC,MAAMqB,SAAS,GACdrB,IAAI,KAAK,UAAU,GAAGF,MAAM,CAACW,GAAG,GAAGX,MAAM,CAACa,IAAI;IAC/C,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACjC,oBAAA,CAAAqC,OAAmB;MACnBf,GAAG,EAAI,yBAAyBP,IAAM,EAAG;MACzCuB,IAAI,EAAGC,YAAK,CAAExB,IAAI,CAAI;MACtByB,KAAK,EAAGC,aAAM,CAAE1B,IAAI,CAAI;MACxBT,kBAAkB,EAAGA,kBAAoB;MACzCC,QAAQ,EAAGO,oBAAoB,CAAEC,IAAK,CAAG;MACzCP,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGA,WAAa;MAC3BM,IAAI,EAAGA,IAAM;MACbJ,YAAY,EAAGA,YAAc;MAC7BC,IAAI,EAAGA,IAAM;MACb8B,KAAK,EAAGN,SAAW;MACnBO,cAAc,EAAG;IAAO,CACxB,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL"}

package/build/components/spacing-sizes-control/input-controls/separated.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SeparatedInputControls;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
 var _utils = require("../utils");
 /**
@@ -35,8 +35,8 @@ function SeparatedInputControls({
     nextValues[side] = next;
     onChange(nextValues);
   };
-  return (0, _element.createElement)(_element.Fragment, null, filteredSides.map(side => {
-    return (0, _element.createElement)(_spacingInputControl.default, {
+  return (0, _react.createElement)(_react.Fragment, null, filteredSides.map(side => {
+    return (0, _react.createElement)(_spacingInputControl.default, {
       key: `spacing-sizes-control-${side}`,
       icon: _utils.ICONS[side],
       label: _utils.LABELS[side],

package/build/components/spacing-sizes-control/input-controls/separated.js.map

@@ -1 +1 @@
-{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","SeparatedInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","filteredSides","length","ALL_SIDES","filter","side","includes","createHandleOnChange","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","_element","createElement","Fragment","map","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/separated.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tALL_SIDES,\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n} from '../utils';\n\nexport default function SeparatedInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? ALL_SIDES.filter( ( side ) => sides.includes( side ) )\n\t\t: ALL_SIDES;\n\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ side ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ values[ side ] }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AASe,SAASE,sBAAsBA,CAAE;EAC/CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH;EACA,MAAMC,aAAa,GAAGJ,KAAK,EAAEK,MAAM,GAChCC,gBAAS,CAACC,MAAM,CAAIC,IAAI,IAAMR,KAAK,CAACS,QAAQ,CAAED,IAAK,CAAE,CAAC,GACtDF,gBAAS;EAEZ,MAAMI,oBAAoB,GAAKF,IAAI,IAAQG,IAAI,IAAM;IACpD;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEX,MAAO,CAAC,CAACY,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCf,MAAM,CAAEc,GAAG,CAAE,EACbhB,YACD,CAAC;QACD,OAAOe,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEJ,IAAI,CAAE,GAAGG,IAAI;IAEzBd,QAAQ,CAAEe,UAAW,CAAC;EACvB,CAAC;EAED,OACC,IAAAO,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACGjB,aAAa,CAACkB,GAAG,CAAId,IAAI,IAAM;IAChC,OACC,IAAAW,QAAA,CAAAC,aAAA,EAAC7B,oBAAA,CAAAgC,OAAmB;MACnBN,GAAG,EAAI,yBAAyBT,IAAM,EAAG;MACzCgB,IAAI,EAAGC,YAAK,CAAEjB,IAAI,CAAI;MACtBkB,KAAK,EAAGC,aAAM,CAAEnB,IAAI,CAAI;MACxBZ,kBAAkB,EAAGA,kBAAoB;MACzCC,QAAQ,EAAGa,oBAAoB,CAAEF,IAAK,CAAG;MACzCV,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGA,WAAa;MAC3BS,IAAI,EAAGA,IAAM;MACbP,YAAY,EAAGA,YAAc;MAC7BC,IAAI,EAAGA,IAAM;MACb0B,KAAK,EAAGzB,MAAM,CAAEK,IAAI,CAAI;MACxBqB,cAAc,EAAG;IAAO,CACxB,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL"}
+{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","SeparatedInputControls","minimumCustomValue","onChange","onMouseOut","onMouseOver","sides","spacingSizes","type","values","filteredSides","length","ALL_SIDES","filter","side","includes","createHandleOnChange","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","_react","createElement","Fragment","map","default","icon","ICONS","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/separated.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport {\n\tALL_SIDES,\n\tLABELS,\n\tICONS,\n\tgetPresetValueFromCustomValue,\n} from '../utils';\n\nexport default function SeparatedInputControls( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tsides,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\t// Filter sides if custom configuration provided, maintaining default order.\n\tconst filteredSides = sides?.length\n\t\t? ALL_SIDES.filter( ( side ) => sides.includes( side ) )\n\t\t: ALL_SIDES;\n\n\tconst createHandleOnChange = ( side ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ side ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{ filteredSides.map( ( side ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<SpacingInputControl\n\t\t\t\t\t\tkey={ `spacing-sizes-control-${ side }` }\n\t\t\t\t\t\ticon={ ICONS[ side ] }\n\t\t\t\t\t\tlabel={ LABELS[ side ] }\n\t\t\t\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\t\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\t\t\t\tonMouseOut={ onMouseOut }\n\t\t\t\t\t\tonMouseOver={ onMouseOver }\n\t\t\t\t\t\tside={ side }\n\t\t\t\t\t\tspacingSizes={ spacingSizes }\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tvalue={ values[ side ] }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AASe,SAASE,sBAAsBA,CAAE;EAC/CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,KAAK;EACLC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH;EACA,MAAMC,aAAa,GAAGJ,KAAK,EAAEK,MAAM,GAChCC,gBAAS,CAACC,MAAM,CAAIC,IAAI,IAAMR,KAAK,CAACS,QAAQ,CAAED,IAAK,CAAE,CAAC,GACtDF,gBAAS;EAEZ,MAAMI,oBAAoB,GAAKF,IAAI,IAAQG,IAAI,IAAM;IACpD;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEX,MAAO,CAAC,CAACY,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCf,MAAM,CAAEc,GAAG,CAAE,EACbhB,YACD,CAAC;QACD,OAAOe,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEJ,IAAI,CAAE,GAAGG,IAAI;IAEzBd,QAAQ,CAAEe,UAAW,CAAC;EACvB,CAAC;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACGjB,aAAa,CAACkB,GAAG,CAAId,IAAI,IAAM;IAChC,OACC,IAAAW,MAAA,CAAAC,aAAA,EAAC7B,oBAAA,CAAAgC,OAAmB;MACnBN,GAAG,EAAI,yBAAyBT,IAAM,EAAG;MACzCgB,IAAI,EAAGC,YAAK,CAAEjB,IAAI,CAAI;MACtBkB,KAAK,EAAGC,aAAM,CAAEnB,IAAI,CAAI;MACxBZ,kBAAkB,EAAGA,kBAAoB;MACzCC,QAAQ,EAAGa,oBAAoB,CAAEF,IAAK,CAAG;MACzCV,UAAU,EAAGA,UAAY;MACzBC,WAAW,EAAGA,WAAa;MAC3BS,IAAI,EAAGA,IAAM;MACbP,YAAY,EAAGA,YAAc;MAC7BC,IAAI,EAAGA,IAAM;MACb0B,KAAK,EAAGzB,MAAM,CAAEK,IAAI,CAAI;MACxBqB,cAAc,EAAG;IAAO,CACxB,CAAC;EAEJ,CAAE,CACD,CAAC;AAEL"}

package/build/components/spacing-sizes-control/input-controls/single.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SingleInputControl;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _spacingInputControl = _interopRequireDefault(require("./spacing-input-control"));
 var _utils = require("../utils");
 /**
@@ -34,7 +34,7 @@ function SingleInputControl({
     nextValues[currentSide] = next;
     onChange(nextValues);
   };
-  return (0, _element.createElement)(_spacingInputControl.default, {
+  return (0, _react.createElement)(_spacingInputControl.default, {
     label: _utils.LABELS[side],
     minimumCustomValue: minimumCustomValue,
     onChange: createHandleOnChange(side),

package/build/components/spacing-sizes-control/input-controls/single.js.map

@@ -1 +1 @@
-{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","SingleInputControl","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","side","spacingSizes","type","values","createHandleOnChange","currentSide","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","_element","createElement","default","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/single.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport { LABELS, getPresetValueFromCustomValue } from '../utils';\n\nexport default function SingleInputControl( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( currentSide ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ currentSide ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<SpacingInputControl\n\t\t\tlabel={ LABELS[ side ] }\n\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\tonMouseOut={ onMouseOut }\n\t\t\tonMouseOver={ onMouseOver }\n\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\tside={ side }\n\t\t\tspacingSizes={ spacingSizes }\n\t\t\ttype={ type }\n\t\t\tvalue={ values[ side ] }\n\t\t\twithInputField={ false }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,kBAAkBA,CAAE;EAC3CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,eAAe;EACfC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,WAAW,IAAQC,IAAI,IAAM;IAC3D;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEN,MAAO,CAAC,CAACO,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCV,MAAM,CAAES,GAAG,CAAE,EACbX,YACD,CAAC;QACD,OAAOU,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEF,WAAW,CAAE,GAAGC,IAAI;IAEhCV,QAAQ,CAAEW,UAAW,CAAC;EACvB,CAAC;EAED,OACC,IAAAO,QAAA,CAAAC,aAAA,EAACzB,oBAAA,CAAA0B,OAAmB;IACnBC,KAAK,EAAGC,aAAM,CAAElB,IAAI,CAAI;IACxBL,kBAAkB,EAAGA,kBAAoB;IACzCC,QAAQ,EAAGQ,oBAAoB,CAAEJ,IAAK,CAAG;IACzCH,UAAU,EAAGA,UAAY;IACzBC,WAAW,EAAGA,WAAa;IAC3BC,eAAe,EAAGA,eAAiB;IACnCC,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;IAC7BC,IAAI,EAAGA,IAAM;IACbiB,KAAK,EAAGhB,MAAM,CAAEH,IAAI,CAAI;IACxBoB,cAAc,EAAG;EAAO,CACxB,CAAC;AAEJ"}
+{"version":3,"names":["_spacingInputControl","_interopRequireDefault","require","_utils","SingleInputControl","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","side","spacingSizes","type","values","createHandleOnChange","currentSide","next","nextValues","Object","keys","reduce","acc","key","getPresetValueFromCustomValue","_react","createElement","default","label","LABELS","value","withInputField"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/input-controls/single.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport SpacingInputControl from './spacing-input-control';\nimport { LABELS, getPresetValueFromCustomValue } from '../utils';\n\nexport default function SingleInputControl( {\n\tminimumCustomValue,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel,\n\tside,\n\tspacingSizes,\n\ttype,\n\tvalues,\n} ) {\n\tconst createHandleOnChange = ( currentSide ) => ( next ) => {\n\t\t// Encode the existing value into the preset value if the passed in value matches the value of one of the spacingSizes.\n\t\tconst nextValues = {\n\t\t\t...Object.keys( values ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getPresetValueFromCustomValue(\n\t\t\t\t\tvalues[ key ],\n\t\t\t\t\tspacingSizes\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} ),\n\t\t};\n\n\t\tnextValues[ currentSide ] = next;\n\n\t\tonChange( nextValues );\n\t};\n\n\treturn (\n\t\t<SpacingInputControl\n\t\t\tlabel={ LABELS[ side ] }\n\t\t\tminimumCustomValue={ minimumCustomValue }\n\t\t\tonChange={ createHandleOnChange( side ) }\n\t\t\tonMouseOut={ onMouseOut }\n\t\t\tonMouseOver={ onMouseOver }\n\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\tside={ side }\n\t\t\tspacingSizes={ spacingSizes }\n\t\t\ttype={ type }\n\t\t\tvalue={ values[ side ] }\n\t\t\twithInputField={ false }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,oBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,kBAAkBA,CAAE;EAC3CC,kBAAkB;EAClBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,eAAe;EACfC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC;AACD,CAAC,EAAG;EACH,MAAMC,oBAAoB,GAAKC,WAAW,IAAQC,IAAI,IAAM;IAC3D;IACA,MAAMC,UAAU,GAAG;MAClB,GAAGC,MAAM,CAACC,IAAI,CAAEN,MAAO,CAAC,CAACO,MAAM,CAAE,CAAEC,GAAG,EAAEC,GAAG,KAAM;QAChDD,GAAG,CAAEC,GAAG,CAAE,GAAG,IAAAC,oCAA6B,EACzCV,MAAM,CAAES,GAAG,CAAE,EACbX,YACD,CAAC;QACD,OAAOU,GAAG;MACX,CAAC,EAAE,CAAC,CAAE;IACP,CAAC;IAEDJ,UAAU,CAAEF,WAAW,CAAE,GAAGC,IAAI;IAEhCV,QAAQ,CAAEW,UAAW,CAAC;EACvB,CAAC;EAED,OACC,IAAAO,MAAA,CAAAC,aAAA,EAACzB,oBAAA,CAAA0B,OAAmB;IACnBC,KAAK,EAAGC,aAAM,CAAElB,IAAI,CAAI;IACxBL,kBAAkB,EAAGA,kBAAoB;IACzCC,QAAQ,EAAGQ,oBAAoB,CAAEJ,IAAK,CAAG;IACzCH,UAAU,EAAGA,UAAY;IACzBC,WAAW,EAAGA,WAAa;IAC3BC,eAAe,EAAGA,eAAiB;IACnCC,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;IAC7BC,IAAI,EAAGA,IAAM;IACbiB,KAAK,EAAGhB,MAAM,CAAEH,IAAI,CAAI;IACxBoB,cAAc,EAAG;EAAO,CACxB,CAAC;AAEJ"}

package/build/components/spacing-sizes-control/input-controls/spacing-input-control.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SpacingInputControl;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _compose = require("@wordpress/compose");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
@@ -136,13 +137,13 @@ function SpacingInputControl({
   const ariaLabel = (0, _i18n.sprintf)(
   // translators: 1: The side of the block being modified (top, bottom, left, All sides etc.). 2. Type of spacing being modified (Padding, margin, etc)
   (0, _i18n.__)('%1$s %2$s'), sideLabel, typeLabel).trim();
-  return (0, _element.createElement)(_components.__experimentalHStack, {
+  return (0, _react.createElement)(_components.__experimentalHStack, {
     className: "spacing-sizes-control__wrapper"
-  }, icon && (0, _element.createElement)(_components.Icon, {
+  }, icon && (0, _react.createElement)(_components.Icon, {
     className: "spacing-sizes-control__icon",
     icon: icon,
     size: 24
-  }), showCustomValueControl && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }), showCustomValueControl && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalUnitControl, {
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
     onFocus: onMouseOver,
@@ -157,7 +158,7 @@ function SpacingInputControl({
     hideLabelFromVision: true,
     className: "spacing-sizes-control__custom-value-input",
     size: '__unstable-large'
-  }), (0, _element.createElement)(_components.RangeControl, {
+  }), (0, _react.createElement)(_components.RangeControl, {
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
     onFocus: onMouseOver,
@@ -170,7 +171,7 @@ function SpacingInputControl({
     onChange: handleCustomValueSliderChange,
     className: "spacing-sizes-control__custom-value-range",
     __nextHasNoMarginBottom: true
-  })), showRangeControl && !showCustomValueControl && (0, _element.createElement)(_components.RangeControl, {
+  })), showRangeControl && !showCustomValueControl && (0, _react.createElement)(_components.RangeControl, {
     onMouseOver: onMouseOver,
     onMouseOut: onMouseOut,
     className: "spacing-sizes-control__range-control",
@@ -195,7 +196,7 @@ function SpacingInputControl({
     __nextHasNoMarginBottom: true,
     onFocus: onMouseOver,
     onBlur: onMouseOut
-  }), !showRangeControl && !showCustomValueControl && (0, _element.createElement)(_components.CustomSelectControl, {
+  }), !showRangeControl && !showCustomValueControl && (0, _react.createElement)(_components.CustomSelectControl, {
     className: "spacing-sizes-control__custom-select-control",
     value: options.find(option => option.key === currentValue) || '' // passing undefined here causes a downshift controlled/uncontrolled warning
     ,
@@ -212,7 +213,7 @@ function SpacingInputControl({
     onMouseOut: onMouseOut,
     onFocus: onMouseOver,
     onBlur: onMouseOut
-  }), !disableCustomSpacingSizes && (0, _element.createElement)(_components.Button, {
+  }), !disableCustomSpacingSizes && (0, _react.createElement)(_components.Button, {
     label: showCustomValueControl ? (0, _i18n.__)('Use size preset') : (0, _i18n.__)('Set custom size'),
     icon: _icons.settings,
     onClick: () => {