@wordpress/block-library 8.34.0 → 9.0.0

package/build-module/template-part/edit/title-modal.js

@@ -1,10 +1,11 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { useState } from '@wordpress/element';
 import { __, sprintf } from '@wordpress/i18n';
 import { TextControl, Button, Modal, __experimentalHStack as HStack, __experimentalVStack as VStack } from '@wordpress/components';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function TitleModal({
   areaLabel,
   onClose,
@@ -17,28 +18,33 @@ export default function TitleModal({
     event.preventDefault();
     onSubmit(title);
   };
-  return createElement(Modal, {
+  return /*#__PURE__*/_jsx(Modal, {
     title: sprintf(
     // Translators: %s as template part area title ("Header", "Footer", etc.).
     __('Name and create your new %s'), areaLabel.toLowerCase()),
     overlayClassName: "wp-block-template-part__placeholder-create-new__title-form",
-    onRequestClose: onClose
-  }, createElement("form", {
-    onSubmit: submitForCreation
-  }, createElement(VStack, {
-    spacing: "5"
-  }, createElement(TextControl, {
-    __nextHasNoMarginBottom: true,
-    label: __('Name'),
-    value: title,
-    onChange: setTitle
-  }), createElement(HStack, {
-    justify: "right"
-  }, createElement(Button, {
-    variant: "primary",
-    type: "submit",
-    disabled: !title.length,
-    "aria-disabled": !title.length
-  }, __('Create'))))));
+    onRequestClose: onClose,
+    children: /*#__PURE__*/_jsx("form", {
+      onSubmit: submitForCreation,
+      children: /*#__PURE__*/_jsxs(VStack, {
+        spacing: "5",
+        children: [/*#__PURE__*/_jsx(TextControl, {
+          __nextHasNoMarginBottom: true,
+          label: __('Name'),
+          value: title,
+          onChange: setTitle
+        }), /*#__PURE__*/_jsx(HStack, {
+          justify: "right",
+          children: /*#__PURE__*/_jsx(Button, {
+            variant: "primary",
+            type: "submit",
+            disabled: !title.length,
+            "aria-disabled": !title.length,
+            children: __('Create')
+          })
+        })]
+      })
+    })
+  });
 }
 //# sourceMappingURL=title-modal.js.map

package/build-module/template-part/edit/title-modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","__","sprintf","TextControl","Button","Modal","__experimentalHStack","HStack","__experimentalVStack","VStack","TitleModal","areaLabel","onClose","onSubmit","title","setTitle","submitForCreation","event","preventDefault","createElement","toLowerCase","overlayClassName","onRequestClose","spacing","__nextHasNoMarginBottom","label","value","onChange","justify","variant","type","disabled","length"],"sources":["@wordpress/block-library/src/template-part/edit/title-modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tTextControl,\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\nexport default function TitleModal( { areaLabel, onClose, onSubmit } ) {\n\t// Restructure onCreate to set the blocks on local state.\n\t// Add modal to confirm title and trigger onCreate.\n\tconst [ title, setTitle ] = useState( __( 'Untitled Template Part' ) );\n\n\tconst submitForCreation = ( event ) => {\n\t\tevent.preventDefault();\n\t\tonSubmit( title );\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ sprintf(\n\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t__( 'Name and create your new %s' ),\n\t\t\t\tareaLabel.toLowerCase()\n\t\t\t) }\n\t\t\toverlayClassName=\"wp-block-template-part__placeholder-create-new__title-form\"\n\t\t\tonRequestClose={ onClose }\n\t\t>\n\t\t\t<form onSubmit={ submitForCreation }>\n\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tdisabled={ ! title.length }\n\t\t\t\t\t\t\taria-disabled={ ! title.length }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,WAAW,EACXC,MAAM,EACNC,KAAK,EACLC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAE9B,eAAe,SAASC,UAAUA,CAAE;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAG;EACtE;EACA;EACA,MAAM,CAAEC,KAAK,EAAEC,QAAQ,CAAE,GAAGf,QAAQ,CAAEC,EAAE,CAAE,wBAAyB,CAAE,CAAC;EAEtE,MAAMe,iBAAiB,GAAKC,KAAK,IAAM;IACtCA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBL,QAAQ,CAAEC,KAAM,CAAC;EAClB,CAAC;EAED,OACCK,aAAA,CAACd,KAAK;IACLS,KAAK,EAAGZ,OAAO;IACd;IACAD,EAAE,CAAE,6BAA8B,CAAC,EACnCU,SAAS,CAACS,WAAW,CAAC,CACvB,CAAG;IACHC,gBAAgB,EAAC,4DAA4D;IAC7EC,cAAc,EAAGV;EAAS,GAE1BO,aAAA;IAAMN,QAAQ,EAAGG;EAAmB,GACnCG,aAAA,CAACV,MAAM;IAACc,OAAO,EAAC;EAAG,GAClBJ,aAAA,CAAChB,WAAW;IACXqB,uBAAuB;IACvBC,KAAK,EAAGxB,EAAE,CAAE,MAAO,CAAG;IACtByB,KAAK,EAAGZ,KAAO;IACfa,QAAQ,EAAGZ;EAAU,CACrB,CAAC,EACFI,aAAA,CAACZ,MAAM;IAACqB,OAAO,EAAC;EAAO,GACtBT,aAAA,CAACf,MAAM;IACNyB,OAAO,EAAC,SAAS;IACjBC,IAAI,EAAC,QAAQ;IACbC,QAAQ,EAAG,CAAEjB,KAAK,CAACkB,MAAQ;IAC3B,iBAAgB,CAAElB,KAAK,CAACkB;EAAQ,GAE9B/B,EAAE,CAAE,QAAS,CACR,CACD,CACD,CACH,CACA,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["useState","__","sprintf","TextControl","Button","Modal","__experimentalHStack","HStack","__experimentalVStack","VStack","jsx","_jsx","jsxs","_jsxs","TitleModal","areaLabel","onClose","onSubmit","title","setTitle","submitForCreation","event","preventDefault","toLowerCase","overlayClassName","onRequestClose","children","spacing","__nextHasNoMarginBottom","label","value","onChange","justify","variant","type","disabled","length"],"sources":["@wordpress/block-library/src/template-part/edit/title-modal.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tTextControl,\n\tButton,\n\tModal,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\nexport default function TitleModal( { areaLabel, onClose, onSubmit } ) {\n\t// Restructure onCreate to set the blocks on local state.\n\t// Add modal to confirm title and trigger onCreate.\n\tconst [ title, setTitle ] = useState( __( 'Untitled Template Part' ) );\n\n\tconst submitForCreation = ( event ) => {\n\t\tevent.preventDefault();\n\t\tonSubmit( title );\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ sprintf(\n\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t__( 'Name and create your new %s' ),\n\t\t\t\tareaLabel.toLowerCase()\n\t\t\t) }\n\t\t\toverlayClassName=\"wp-block-template-part__placeholder-create-new__title-form\"\n\t\t\tonRequestClose={ onClose }\n\t\t>\n\t\t\t<form onSubmit={ submitForCreation }>\n\t\t\t\t<VStack spacing=\"5\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\tdisabled={ ! title.length }\n\t\t\t\t\t\t\taria-disabled={ ! title.length }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,WAAW,EACXC,MAAM,EACNC,KAAK,EACLC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/B,eAAe,SAASC,UAAUA,CAAE;EAAEC,SAAS;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAG;EACtE;EACA;EACA,MAAM,CAAEC,KAAK,EAAEC,QAAQ,CAAE,GAAGnB,QAAQ,CAAEC,EAAE,CAAE,wBAAyB,CAAE,CAAC;EAEtE,MAAMmB,iBAAiB,GAAKC,KAAK,IAAM;IACtCA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtBL,QAAQ,CAAEC,KAAM,CAAC;EAClB,CAAC;EAED,oBACCP,IAAA,CAACN,KAAK;IACLa,KAAK,EAAGhB,OAAO;IACd;IACAD,EAAE,CAAE,6BAA8B,CAAC,EACnCc,SAAS,CAACQ,WAAW,CAAC,CACvB,CAAG;IACHC,gBAAgB,EAAC,4DAA4D;IAC7EC,cAAc,EAAGT,OAAS;IAAAU,QAAA,eAE1Bf,IAAA;MAAMM,QAAQ,EAAGG,iBAAmB;MAAAM,QAAA,eACnCb,KAAA,CAACJ,MAAM;QAACkB,OAAO,EAAC,GAAG;QAAAD,QAAA,gBAClBf,IAAA,CAACR,WAAW;UACXyB,uBAAuB;UACvBC,KAAK,EAAG5B,EAAE,CAAE,MAAO,CAAG;UACtB6B,KAAK,EAAGZ,KAAO;UACfa,QAAQ,EAAGZ;QAAU,CACrB,CAAC,eACFR,IAAA,CAACJ,MAAM;UAACyB,OAAO,EAAC,OAAO;UAAAN,QAAA,eACtBf,IAAA,CAACP,MAAM;YACN6B,OAAO,EAAC,SAAS;YACjBC,IAAI,EAAC,QAAQ;YACbC,QAAQ,EAAG,CAAEjB,KAAK,CAACkB,MAAQ;YAC3B,iBAAgB,CAAElB,KAAK,CAACkB,MAAQ;YAAAV,QAAA,EAE9BzB,EAAE,CAAE,QAAS;UAAC,CACT;QAAC,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV","ignoreList":[]}

package/build-module/term-description/edit.js

@@ -1,14 +1,16 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
 import { useBlockProps, BlockControls, AlignmentControl } from '@wordpress/block-editor';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function TermDescriptionEdit({
   attributes,
   setAttributes,
@@ -18,24 +20,31 @@ export default function TermDescriptionEdit({
     textAlign
   } = attributes;
   const blockProps = useBlockProps({
-    className: classnames({
+    className: clsx({
       [`has-text-align-${textAlign}`]: textAlign
     }),
     style: mergedStyle
   });
-  return createElement(Fragment, null, createElement(BlockControls, {
-    group: "block"
-  }, createElement(AlignmentControl, {
-    value: textAlign,
-    onChange: nextAlign => {
-      setAttributes({
-        textAlign: nextAlign
-      });
-    }
-  })), createElement("div", {
-    ...blockProps
-  }, createElement("div", {
-    className: "wp-block-term-description__placeholder"
-  }, createElement("span", null, __('Term Description')))));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BlockControls, {
+      group: "block",
+      children: /*#__PURE__*/_jsx(AlignmentControl, {
+        value: textAlign,
+        onChange: nextAlign => {
+          setAttributes({
+            textAlign: nextAlign
+          });
+        }
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      ...blockProps,
+      children: /*#__PURE__*/_jsx("div", {
+        className: "wp-block-term-description__placeholder",
+        children: /*#__PURE__*/_jsx("span", {
+          children: __('Term Description')
+        })
+      })
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build-module/term-description/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","__","useBlockProps","BlockControls","AlignmentControl","TermDescriptionEdit","attributes","setAttributes","mergedStyle","textAlign","blockProps","className","style","createElement","Fragment","group","value","onChange","nextAlign"],"sources":["@wordpress/block-library/src/term-description/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tBlockControls,\n\tAlignmentControl,\n} from '@wordpress/block-editor';\n\nexport default function TermDescriptionEdit( {\n\tattributes,\n\tsetAttributes,\n\tmergedStyle,\n} ) {\n\tconst { textAlign } = attributes;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\tstyle: mergedStyle,\n\t} );\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<div className=\"wp-block-term-description__placeholder\">\n\t\t\t\t\t<span>{ __( 'Term Description' ) }</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,aAAa,EACbC,aAAa,EACbC,gBAAgB,QACV,yBAAyB;AAEhC,eAAe,SAASC,mBAAmBA,CAAE;EAC5CC,UAAU;EACVC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGH,UAAU;EAChC,MAAMI,UAAU,GAAGR,aAAa,CAAE;IACjCS,SAAS,EAAEX,UAAU,CAAE;MACtB,CAAG,kBAAkBS,SAAW,EAAC,GAAIA;IACtC,CAAE,CAAC;IACHG,KAAK,EAAEJ;EACR,CAAE,CAAC;EACH,OACCK,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACV,aAAa;IAACY,KAAK,EAAC;EAAO,GAC3BF,aAAA,CAACT,gBAAgB;IAChBY,KAAK,EAAGP,SAAW;IACnBQ,QAAQ,EAAKC,SAAS,IAAM;MAC3BX,aAAa,CAAE;QAAEE,SAAS,EAAES;MAAU,CAAE,CAAC;IAC1C;EAAG,CACH,CACa,CAAC,EAChBL,aAAA;IAAA,GAAUH;EAAU,GACnBG,aAAA;IAAKF,SAAS,EAAC;EAAwC,GACtDE,aAAA,eAAQZ,EAAE,CAAE,kBAAmB,CAAS,CACpC,CACD,CACJ,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["clsx","__","useBlockProps","BlockControls","AlignmentControl","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TermDescriptionEdit","attributes","setAttributes","mergedStyle","textAlign","blockProps","className","style","children","group","value","onChange","nextAlign"],"sources":["@wordpress/block-library/src/term-description/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tBlockControls,\n\tAlignmentControl,\n} from '@wordpress/block-editor';\n\nexport default function TermDescriptionEdit( {\n\tattributes,\n\tsetAttributes,\n\tmergedStyle,\n} ) {\n\tconst { textAlign } = attributes;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t\tstyle: mergedStyle,\n\t} );\n\treturn (\n\t\t<>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<AlignmentControl\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<div className=\"wp-block-term-description__placeholder\">\n\t\t\t\t\t<span>{ __( 'Term Description' ) }</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,aAAa,EACbC,aAAa,EACbC,gBAAgB,QACV,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEjC,eAAe,SAASC,mBAAmBA,CAAE;EAC5CC,UAAU;EACVC,aAAa;EACbC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAU,CAAC,GAAGH,UAAU;EAChC,MAAMI,UAAU,GAAGd,aAAa,CAAE;IACjCe,SAAS,EAAEjB,IAAI,CAAE;MAChB,CAAG,kBAAkBe,SAAW,EAAC,GAAIA;IACtC,CAAE,CAAC;IACHG,KAAK,EAAEJ;EACR,CAAE,CAAC;EACH,oBACCJ,KAAA,CAAAF,SAAA;IAAAW,QAAA,gBACCb,IAAA,CAACH,aAAa;MAACiB,KAAK,EAAC,OAAO;MAAAD,QAAA,eAC3Bb,IAAA,CAACF,gBAAgB;QAChBiB,KAAK,EAAGN,SAAW;QACnBO,QAAQ,EAAKC,SAAS,IAAM;UAC3BV,aAAa,CAAE;YAAEE,SAAS,EAAEQ;UAAU,CAAE,CAAC;QAC1C;MAAG,CACH;IAAC,CACY,CAAC,eAChBjB,IAAA;MAAA,GAAUU,UAAU;MAAAG,QAAA,eACnBb,IAAA;QAAKW,SAAS,EAAC,wCAAwC;QAAAE,QAAA,eACtDb,IAAA;UAAAa,QAAA,EAAQlB,EAAE,CAAE,kBAAmB;QAAC,CAAQ;MAAC,CACrC;IAAC,CACF,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}

package/build-module/text-columns/edit.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -6,6 +5,9 @@ import { __, sprintf } from '@wordpress/i18n';
 import { PanelBody, RangeControl } from '@wordpress/components';
 import { BlockControls, BlockAlignmentToolbar, InspectorControls, RichText, useBlockProps } from '@wordpress/block-editor';
 import deprecated from '@wordpress/deprecated';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default function TextColumnsEdit({
   attributes,
   setAttributes
@@ -19,48 +21,57 @@ export default function TextColumnsEdit({
     since: '5.3',
     alternative: 'the Columns block'
   });
-  return createElement(Fragment, null, createElement(BlockControls, null, createElement(BlockAlignmentToolbar, {
-    value: width,
-    onChange: nextWidth => setAttributes({
-      width: nextWidth
-    }),
-    controls: ['center', 'wide', 'full']
-  })), createElement(InspectorControls, null, createElement(PanelBody, null, createElement(RangeControl, {
-    __nextHasNoMarginBottom: true,
-    __next40pxDefaultSize: true,
-    label: __('Columns'),
-    value: columns,
-    onChange: value => setAttributes({
-      columns: value
-    }),
-    min: 2,
-    max: 4,
-    required: true
-  }))), createElement("div", {
-    ...useBlockProps({
-      className: `align${width} columns-${columns}`
-    })
-  }, Array.from({
-    length: columns
-  }).map((_, index) => {
-    return createElement("div", {
-      className: "wp-block-column",
-      key: `column-${index}`
-    }, createElement(RichText, {
-      tagName: "p",
-      value: content?.[index]?.children,
-      onChange: nextContent => {
-        setAttributes({
-          content: [...content.slice(0, index), {
-            children: nextContent
-          }, ...content.slice(index + 1)]
-        });
-      },
-      "aria-label": sprintf(
-      // translators: %d: column index (starting with 1)
-      __('Column %d text'), index + 1),
-      placeholder: __('New Column')
-    }));
-  })));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(BlockControls, {
+      children: /*#__PURE__*/_jsx(BlockAlignmentToolbar, {
+        value: width,
+        onChange: nextWidth => setAttributes({
+          width: nextWidth
+        }),
+        controls: ['center', 'wide', 'full']
+      })
+    }), /*#__PURE__*/_jsx(InspectorControls, {
+      children: /*#__PURE__*/_jsx(PanelBody, {
+        children: /*#__PURE__*/_jsx(RangeControl, {
+          __nextHasNoMarginBottom: true,
+          __next40pxDefaultSize: true,
+          label: __('Columns'),
+          value: columns,
+          onChange: value => setAttributes({
+            columns: value
+          }),
+          min: 2,
+          max: 4,
+          required: true
+        })
+      })
+    }), /*#__PURE__*/_jsx("div", {
+      ...useBlockProps({
+        className: `align${width} columns-${columns}`
+      }),
+      children: Array.from({
+        length: columns
+      }).map((_, index) => {
+        return /*#__PURE__*/_jsx("div", {
+          className: "wp-block-column",
+          children: /*#__PURE__*/_jsx(RichText, {
+            tagName: "p",
+            value: content?.[index]?.children,
+            onChange: nextContent => {
+              setAttributes({
+                content: [...content.slice(0, index), {
+                  children: nextContent
+                }, ...content.slice(index + 1)]
+              });
+            },
+            "aria-label": sprintf(
+            // translators: %d: column index (starting with 1)
+            __('Column %d text'), index + 1),
+            placeholder: __('New Column')
+          })
+        }, `column-${index}`);
+      })
+    })]
+  });
 }
 //# sourceMappingURL=edit.js.map

package/build-module/text-columns/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","sprintf","PanelBody","RangeControl","BlockControls","BlockAlignmentToolbar","InspectorControls","RichText","useBlockProps","deprecated","TextColumnsEdit","attributes","setAttributes","width","content","columns","since","alternative","createElement","Fragment","value","onChange","nextWidth","controls","__nextHasNoMarginBottom","__next40pxDefaultSize","label","min","max","required","className","Array","from","length","map","_","index","key","tagName","children","nextContent","slice","placeholder"],"sources":["@wordpress/block-library/src/text-columns/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { PanelBody, RangeControl } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockAlignmentToolbar,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport deprecated from '@wordpress/deprecated';\n\nexport default function TextColumnsEdit( { attributes, setAttributes } ) {\n\tconst { width, content, columns } = attributes;\n\n\tdeprecated( 'The Text Columns block', {\n\t\tsince: '5.3',\n\t\talternative: 'the Columns block',\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<BlockAlignmentToolbar\n\t\t\t\t\tvalue={ width }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tsetAttributes( { width: nextWidth } )\n\t\t\t\t\t}\n\t\t\t\t\tcontrols={ [ 'center', 'wide', 'full' ] }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\tvalue={ columns }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { columns: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ 2 }\n\t\t\t\t\t\tmax={ 4 }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName: `align${ width } columns-${ columns }`,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ Array.from( { length: columns } ).map( ( _, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"wp-block-column\"\n\t\t\t\t\t\t\tkey={ `column-${ index }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\t\t\tvalue={ content?.[ index ]?.children }\n\t\t\t\t\t\t\t\tonChange={ ( nextContent ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tcontent: [\n\t\t\t\t\t\t\t\t\t\t\t...content.slice( 0, index ),\n\t\t\t\t\t\t\t\t\t\t\t{ children: nextContent },\n\t\t\t\t\t\t\t\t\t\t\t...content.slice( index + 1 ),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %d: column index (starting with 1)\n\t\t\t\t\t\t\t\t\t__( 'Column %d text' ),\n\t\t\t\t\t\t\t\t\tindex + 1\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'New Column' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,SAAS,EAAEC,YAAY,QAAQ,uBAAuB;AAC/D,SACCC,aAAa,EACbC,qBAAqB,EACrBC,iBAAiB,EACjBC,QAAQ,EACRC,aAAa,QACP,yBAAyB;AAChC,OAAOC,UAAU,MAAM,uBAAuB;AAE9C,eAAe,SAASC,eAAeA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACxE,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAGJ,UAAU;EAE9CF,UAAU,CAAE,wBAAwB,EAAE;IACrCO,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAACd,aAAa,QACbc,aAAA,CAACb,qBAAqB;IACrBe,KAAK,EAAGP,KAAO;IACfQ,QAAQ,EAAKC,SAAS,IACrBV,aAAa,CAAE;MAAEC,KAAK,EAAES;IAAU,CAAE,CACpC;IACDC,QAAQ,EAAG,CAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;EAAI,CACzC,CACa,CAAC,EAChBL,aAAA,CAACZ,iBAAiB,QACjBY,aAAA,CAAChB,SAAS,QACTgB,aAAA,CAACf,YAAY;IACZqB,uBAAuB;IACvBC,qBAAqB;IACrBC,KAAK,EAAG1B,EAAE,CAAE,SAAU,CAAG;IACzBoB,KAAK,EAAGL,OAAS;IACjBM,QAAQ,EAAKD,KAAK,IACjBR,aAAa,CAAE;MAAEG,OAAO,EAAEK;IAAM,CAAE,CAClC;IACDO,GAAG,EAAG,CAAG;IACTC,GAAG,EAAG,CAAG;IACTC,QAAQ;EAAA,CACR,CACS,CACO,CAAC,EACpBX,aAAA;IAAA,GACMV,aAAa,CAAE;MACnBsB,SAAS,EAAG,QAAQjB,KAAO,YAAYE,OAAS;IACjD,CAAE;EAAC,GAEDgB,KAAK,CAACC,IAAI,CAAE;IAAEC,MAAM,EAAElB;EAAQ,CAAE,CAAC,CAACmB,GAAG,CAAE,CAAEC,CAAC,EAAEC,KAAK,KAAM;IACxD,OACClB,aAAA;MACCY,SAAS,EAAC,iBAAiB;MAC3BO,GAAG,EAAI,UAAUD,KAAO;IAAG,GAE3BlB,aAAA,CAACX,QAAQ;MACR+B,OAAO,EAAC,GAAG;MACXlB,KAAK,EAAGN,OAAO,GAAIsB,KAAK,CAAE,EAAEG,QAAU;MACtClB,QAAQ,EAAKmB,WAAW,IAAM;QAC7B5B,aAAa,CAAE;UACdE,OAAO,EAAE,CACR,GAAGA,OAAO,CAAC2B,KAAK,CAAE,CAAC,EAAEL,KAAM,CAAC,EAC5B;YAAEG,QAAQ,EAAEC;UAAY,CAAC,EACzB,GAAG1B,OAAO,CAAC2B,KAAK,CAAEL,KAAK,GAAG,CAAE,CAAC;QAE/B,CAAE,CAAC;MACJ,CAAG;MACH,cAAanC,OAAO;MACnB;MACAD,EAAE,CAAE,gBAAiB,CAAC,EACtBoC,KAAK,GAAG,CACT,CAAG;MACHM,WAAW,EAAG1C,EAAE,CAAE,YAAa;IAAG,CAClC,CACG,CAAC;EAER,CAAE,CACE,CACJ,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["__","sprintf","PanelBody","RangeControl","BlockControls","BlockAlignmentToolbar","InspectorControls","RichText","useBlockProps","deprecated","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","TextColumnsEdit","attributes","setAttributes","width","content","columns","since","alternative","children","value","onChange","nextWidth","controls","__nextHasNoMarginBottom","__next40pxDefaultSize","label","min","max","required","className","Array","from","length","map","_","index","tagName","nextContent","slice","placeholder"],"sources":["@wordpress/block-library/src/text-columns/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { PanelBody, RangeControl } from '@wordpress/components';\nimport {\n\tBlockControls,\n\tBlockAlignmentToolbar,\n\tInspectorControls,\n\tRichText,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport deprecated from '@wordpress/deprecated';\n\nexport default function TextColumnsEdit( { attributes, setAttributes } ) {\n\tconst { width, content, columns } = attributes;\n\n\tdeprecated( 'The Text Columns block', {\n\t\tsince: '5.3',\n\t\talternative: 'the Columns block',\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<BlockControls>\n\t\t\t\t<BlockAlignmentToolbar\n\t\t\t\t\tvalue={ width }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tsetAttributes( { width: nextWidth } )\n\t\t\t\t\t}\n\t\t\t\t\tcontrols={ [ 'center', 'wide', 'full' ] }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\tvalue={ columns }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { columns: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ 2 }\n\t\t\t\t\t\tmax={ 4 }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<div\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName: `align${ width } columns-${ columns }`,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ Array.from( { length: columns } ).map( ( _, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"wp-block-column\"\n\t\t\t\t\t\t\tkey={ `column-${ index }` }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\t\t\tvalue={ content?.[ index ]?.children }\n\t\t\t\t\t\t\t\tonChange={ ( nextContent ) => {\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tcontent: [\n\t\t\t\t\t\t\t\t\t\t\t...content.slice( 0, index ),\n\t\t\t\t\t\t\t\t\t\t\t{ children: nextContent },\n\t\t\t\t\t\t\t\t\t\t\t...content.slice( index + 1 ),\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %d: column index (starting with 1)\n\t\t\t\t\t\t\t\t\t__( 'Column %d text' ),\n\t\t\t\t\t\t\t\t\tindex + 1\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tplaceholder={ __( 'New Column' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,SAAS,EAAEC,YAAY,QAAQ,uBAAuB;AAC/D,SACCC,aAAa,EACbC,qBAAqB,EACrBC,iBAAiB,EACjBC,QAAQ,EACRC,aAAa,QACP,yBAAyB;AAChC,OAAOC,UAAU,MAAM,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/C,eAAe,SAASC,eAAeA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACxE,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAGJ,UAAU;EAE9CR,UAAU,CAAE,wBAAwB,EAAE;IACrCa,KAAK,EAAE,KAAK;IACZC,WAAW,EAAE;EACd,CAAE,CAAC;EAEH,oBACCR,KAAA,CAAAF,SAAA;IAAAW,QAAA,gBACCb,IAAA,CAACP,aAAa;MAAAoB,QAAA,eACbb,IAAA,CAACN,qBAAqB;QACrBoB,KAAK,EAAGN,KAAO;QACfO,QAAQ,EAAKC,SAAS,IACrBT,aAAa,CAAE;UAAEC,KAAK,EAAEQ;QAAU,CAAE,CACpC;QACDC,QAAQ,EAAG,CAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;MAAI,CACzC;IAAC,CACY,CAAC,eAChBjB,IAAA,CAACL,iBAAiB;MAAAkB,QAAA,eACjBb,IAAA,CAACT,SAAS;QAAAsB,QAAA,eACTb,IAAA,CAACR,YAAY;UACZ0B,uBAAuB;UACvBC,qBAAqB;UACrBC,KAAK,EAAG/B,EAAE,CAAE,SAAU,CAAG;UACzByB,KAAK,EAAGJ,OAAS;UACjBK,QAAQ,EAAKD,KAAK,IACjBP,aAAa,CAAE;YAAEG,OAAO,EAAEI;UAAM,CAAE,CAClC;UACDO,GAAG,EAAG,CAAG;UACTC,GAAG,EAAG,CAAG;UACTC,QAAQ;QAAA,CACR;MAAC,CACQ;IAAC,CACM,CAAC,eACpBvB,IAAA;MAAA,GACMH,aAAa,CAAE;QACnB2B,SAAS,EAAG,QAAQhB,KAAO,YAAYE,OAAS;MACjD,CAAE,CAAC;MAAAG,QAAA,EAEDY,KAAK,CAACC,IAAI,CAAE;QAAEC,MAAM,EAAEjB;MAAQ,CAAE,CAAC,CAACkB,GAAG,CAAE,CAAEC,CAAC,EAAEC,KAAK,KAAM;QACxD,oBACC9B,IAAA;UACCwB,SAAS,EAAC,iBAAiB;UAAAX,QAAA,eAG3Bb,IAAA,CAACJ,QAAQ;YACRmC,OAAO,EAAC,GAAG;YACXjB,KAAK,EAAGL,OAAO,GAAIqB,KAAK,CAAE,EAAEjB,QAAU;YACtCE,QAAQ,EAAKiB,WAAW,IAAM;cAC7BzB,aAAa,CAAE;gBACdE,OAAO,EAAE,CACR,GAAGA,OAAO,CAACwB,KAAK,CAAE,CAAC,EAAEH,KAAM,CAAC,EAC5B;kBAAEjB,QAAQ,EAAEmB;gBAAY,CAAC,EACzB,GAAGvB,OAAO,CAACwB,KAAK,CAAEH,KAAK,GAAG,CAAE,CAAC;cAE/B,CAAE,CAAC;YACJ,CAAG;YACH,cAAaxC,OAAO;YACnB;YACAD,EAAE,CAAE,gBAAiB,CAAC,EACtByC,KAAK,GAAG,CACT,CAAG;YACHI,WAAW,EAAG7C,EAAE,CAAE,YAAa;UAAG,CAClC;QAAC,GApBK,UAAUyC,KAAO,EAqBpB,CAAC;MAER,CAAE;IAAC,CACC,CAAC;EAAA,CACL,CAAC;AAEL","ignoreList":[]}

package/build-module/text-columns/save.js

@@ -1,8 +1,8 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
 import { RichText, useBlockProps } from '@wordpress/block-editor';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function save({
   attributes
 }) {
@@ -11,18 +11,19 @@ export default function save({
     content,
     columns
   } = attributes;
-  return createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     ...useBlockProps.save({
       className: `align${width} columns-${columns}`
-    })
-  }, Array.from({
-    length: columns
-  }).map((_, index) => createElement("div", {
-    className: "wp-block-column",
-    key: `column-${index}`
-  }, createElement(RichText.Content, {
-    tagName: "p",
-    value: content?.[index]?.children
-  }))));
+    }),
+    children: Array.from({
+      length: columns
+    }).map((_, index) => /*#__PURE__*/_jsx("div", {
+      className: "wp-block-column",
+      children: /*#__PURE__*/_jsx(RichText.Content, {
+        tagName: "p",
+        value: content?.[index]?.children
+      })
+    }, `column-${index}`))
+  });
 }
 //# sourceMappingURL=save.js.map

package/build-module/text-columns/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["RichText","useBlockProps","save","attributes","width","content","columns","createElement","className","Array","from","length","map","_","index","key","Content","tagName","value","children"],"sources":["@wordpress/block-library/src/text-columns/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { width, content, columns } = attributes;\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tclassName: `align${ width } columns-${ columns }`,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ Array.from( { length: columns } ).map( ( _, index ) => (\n\t\t\t\t<div className=\"wp-block-column\" key={ `column-${ index }` }>\n\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\tvalue={ content?.[ index ]?.children }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) ) }\n\t\t</div>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;AAEjE,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAGH,UAAU;EAC9C,OACCI,aAAA;IAAA,GACMN,aAAa,CAACC,IAAI,CAAE;MACxBM,SAAS,EAAG,QAAQJ,KAAO,YAAYE,OAAS;IACjD,CAAE;EAAC,GAEDG,KAAK,CAACC,IAAI,CAAE;IAAEC,MAAM,EAAEL;EAAQ,CAAE,CAAC,CAACM,GAAG,CAAE,CAAEC,CAAC,EAAEC,KAAK,KAClDP,aAAA;IAAKC,SAAS,EAAC,iBAAiB;IAACO,GAAG,EAAI,UAAUD,KAAO;EAAG,GAC3DP,aAAA,CAACP,QAAQ,CAACgB,OAAO;IAChBC,OAAO,EAAC,GAAG;IACXC,KAAK,EAAGb,OAAO,GAAIS,KAAK,CAAE,EAAEK;EAAU,CACtC,CACG,CACJ,CACE,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["RichText","useBlockProps","jsx","_jsx","save","attributes","width","content","columns","className","children","Array","from","length","map","_","index","Content","tagName","value"],"sources":["@wordpress/block-library/src/text-columns/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { width, content, columns } = attributes;\n\treturn (\n\t\t<div\n\t\t\t{ ...useBlockProps.save( {\n\t\t\t\tclassName: `align${ width } columns-${ columns }`,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ Array.from( { length: columns } ).map( ( _, index ) => (\n\t\t\t\t<div className=\"wp-block-column\" key={ `column-${ index }` }>\n\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\ttagName=\"p\"\n\t\t\t\t\t\tvalue={ content?.[ index ]?.children }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) ) }\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,aAAa,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElE,eAAe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,KAAK;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAGH,UAAU;EAC9C,oBACCF,IAAA;IAAA,GACMF,aAAa,CAACG,IAAI,CAAE;MACxBK,SAAS,EAAG,QAAQH,KAAO,YAAYE,OAAS;IACjD,CAAE,CAAC;IAAAE,QAAA,EAEDC,KAAK,CAACC,IAAI,CAAE;MAAEC,MAAM,EAAEL;IAAQ,CAAE,CAAC,CAACM,GAAG,CAAE,CAAEC,CAAC,EAAEC,KAAK,kBAClDb,IAAA;MAAKM,SAAS,EAAC,iBAAiB;MAAAC,QAAA,eAC/BP,IAAA,CAACH,QAAQ,CAACiB,OAAO;QAChBC,OAAO,EAAC,GAAG;QACXC,KAAK,EAAGZ,OAAO,GAAIS,KAAK,CAAE,EAAEN;MAAU,CACtC;IAAC,GAJqC,UAAUM,KAAO,EAKpD,CACJ;EAAC,CACC,CAAC;AAER","ignoreList":[]}

package/build-module/utils/caption.js

@@ -1,8 +1,7 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -19,6 +18,9 @@ import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
  * Internal dependencies
  */
 import { unlock } from '../lock-unlock';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export function Caption({
   attributeKey = 'caption',
   attributes,
@@ -64,35 +66,38 @@ export function Caption({
       node.focus();
     }
   }, [isCaptionEmpty]);
-  return createElement(Fragment, null, showToolbarButton && createElement(BlockControls, {
-    group: "block"
-  }, createElement(ToolbarButton, {
-    onClick: () => {
-      setShowCaption(!showCaption);
-      if (showCaption && caption) {
-        setAttributes({
-          [attributeKey]: undefined
-        });
-      }
-    },
-    icon: icon,
-    isPressed: showCaption,
-    label: showCaption ? removeLabel : addLabel
-  })), showCaption && (!RichText.isEmpty(caption) || isSelected) && createElement(RichText, {
-    identifier: attributeKey,
-    tagName: tagName,
-    className: classnames(className, __experimentalGetElementClassName('caption')),
-    ref: ref,
-    "aria-label": label,
-    placeholder: placeholder,
-    value: caption,
-    onChange: value => setAttributes({
-      [attributeKey]: value
-    }),
-    inlineToolbar: true,
-    __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName())),
-    readOnly: readOnly,
-    ...props
-  }));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [showToolbarButton && /*#__PURE__*/_jsx(BlockControls, {
+      group: "block",
+      children: /*#__PURE__*/_jsx(ToolbarButton, {
+        onClick: () => {
+          setShowCaption(!showCaption);
+          if (showCaption && caption) {
+            setAttributes({
+              [attributeKey]: undefined
+            });
+          }
+        },
+        icon: icon,
+        isPressed: showCaption,
+        label: showCaption ? removeLabel : addLabel
+      })
+    }), showCaption && (!RichText.isEmpty(caption) || isSelected) && /*#__PURE__*/_jsx(RichText, {
+      identifier: attributeKey,
+      tagName: tagName,
+      className: clsx(className, __experimentalGetElementClassName('caption')),
+      ref: ref,
+      "aria-label": label,
+      placeholder: placeholder,
+      value: caption,
+      onChange: value => setAttributes({
+        [attributeKey]: value
+      }),
+      inlineToolbar: true,
+      __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName())),
+      readOnly: readOnly,
+      ...props
+    })]
+  });
 }
 //# sourceMappingURL=caption.js.map

package/build-module/utils/caption.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","useState","useEffect","useCallback","usePrevious","__","BlockControls","__experimentalGetElementClassName","privateApis","blockEditorPrivateApis","ToolbarButton","caption","captionIcon","createBlock","getDefaultBlockName","unlock","Caption","attributeKey","attributes","setAttributes","isSelected","insertBlocksAfter","placeholder","label","showToolbarButton","className","readOnly","tagName","addLabel","removeLabel","icon","props","prevCaption","PrivateRichText","RichText","isCaptionEmpty","isEmpty","isPrevCaptionEmpty","showCaption","setShowCaption","ref","node","focus","createElement","Fragment","group","onClick","undefined","isPressed","identifier","value","onChange","inlineToolbar","__unstableOnSplitAtEnd"],"sources":["@wordpress/block-library/src/utils/caption.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useCallback } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockControls,\n\t__experimentalGetElementClassName,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { caption as captionIcon } from '@wordpress/icons';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nexport function Caption( {\n\tattributeKey = 'caption',\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tinsertBlocksAfter,\n\tplaceholder = __( 'Add caption' ),\n\tlabel = __( 'Caption text' ),\n\tshowToolbarButton = true,\n\tclassName,\n\treadOnly,\n\ttagName = 'figcaption',\n\taddLabel = __( 'Add caption' ),\n\tremoveLabel = __( 'Remove caption' ),\n\ticon = captionIcon,\n\t...props\n} ) {\n\tconst caption = attributes[ attributeKey ];\n\tconst prevCaption = usePrevious( caption );\n\tconst { PrivateRichText: RichText } = unlock( blockEditorPrivateApis );\n\tconst isCaptionEmpty = RichText.isEmpty( caption );\n\tconst isPrevCaptionEmpty = RichText.isEmpty( prevCaption );\n\tconst [ showCaption, setShowCaption ] = useState( ! isCaptionEmpty );\n\n\t// We need to show the caption when changes come from\n\t// history navigation(undo/redo).\n\tuseEffect( () => {\n\t\tif ( ! isCaptionEmpty && isPrevCaptionEmpty ) {\n\t\t\tsetShowCaption( true );\n\t\t}\n\t}, [ isCaptionEmpty, isPrevCaptionEmpty ] );\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected && isCaptionEmpty ) {\n\t\t\tsetShowCaption( false );\n\t\t}\n\t}, [ isSelected, isCaptionEmpty ] );\n\n\t// Focus the caption when we click to add one.\n\tconst ref = useCallback(\n\t\t( node ) => {\n\t\t\tif ( node && isCaptionEmpty ) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t},\n\t\t[ isCaptionEmpty ]\n\t);\n\treturn (\n\t\t<>\n\t\t\t{ showToolbarButton && (\n\t\t\t\t<BlockControls group=\"block\">\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetShowCaption( ! showCaption );\n\t\t\t\t\t\t\tif ( showCaption && caption ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t[ attributeKey ]: undefined,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tisPressed={ showCaption }\n\t\t\t\t\t\tlabel={ showCaption ? removeLabel : addLabel }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ showCaption &&\n\t\t\t\t( ! RichText.isEmpty( caption ) || isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier={ attributeKey }\n\t\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t__experimentalGetElementClassName( 'caption' )\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { [ attributeKey ]: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\treadOnly={ readOnly }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","useState","useEffect","useCallback","usePrevious","__","BlockControls","__experimentalGetElementClassName","privateApis","blockEditorPrivateApis","ToolbarButton","caption","captionIcon","createBlock","getDefaultBlockName","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Caption","attributeKey","attributes","setAttributes","isSelected","insertBlocksAfter","placeholder","label","showToolbarButton","className","readOnly","tagName","addLabel","removeLabel","icon","props","prevCaption","PrivateRichText","RichText","isCaptionEmpty","isEmpty","isPrevCaptionEmpty","showCaption","setShowCaption","ref","node","focus","children","group","onClick","undefined","isPressed","identifier","value","onChange","inlineToolbar","__unstableOnSplitAtEnd"],"sources":["@wordpress/block-library/src/utils/caption.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useCallback } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBlockControls,\n\t__experimentalGetElementClassName,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { caption as captionIcon } from '@wordpress/icons';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nexport function Caption( {\n\tattributeKey = 'caption',\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tinsertBlocksAfter,\n\tplaceholder = __( 'Add caption' ),\n\tlabel = __( 'Caption text' ),\n\tshowToolbarButton = true,\n\tclassName,\n\treadOnly,\n\ttagName = 'figcaption',\n\taddLabel = __( 'Add caption' ),\n\tremoveLabel = __( 'Remove caption' ),\n\ticon = captionIcon,\n\t...props\n} ) {\n\tconst caption = attributes[ attributeKey ];\n\tconst prevCaption = usePrevious( caption );\n\tconst { PrivateRichText: RichText } = unlock( blockEditorPrivateApis );\n\tconst isCaptionEmpty = RichText.isEmpty( caption );\n\tconst isPrevCaptionEmpty = RichText.isEmpty( prevCaption );\n\tconst [ showCaption, setShowCaption ] = useState( ! isCaptionEmpty );\n\n\t// We need to show the caption when changes come from\n\t// history navigation(undo/redo).\n\tuseEffect( () => {\n\t\tif ( ! isCaptionEmpty && isPrevCaptionEmpty ) {\n\t\t\tsetShowCaption( true );\n\t\t}\n\t}, [ isCaptionEmpty, isPrevCaptionEmpty ] );\n\n\tuseEffect( () => {\n\t\tif ( ! isSelected && isCaptionEmpty ) {\n\t\t\tsetShowCaption( false );\n\t\t}\n\t}, [ isSelected, isCaptionEmpty ] );\n\n\t// Focus the caption when we click to add one.\n\tconst ref = useCallback(\n\t\t( node ) => {\n\t\t\tif ( node && isCaptionEmpty ) {\n\t\t\t\tnode.focus();\n\t\t\t}\n\t\t},\n\t\t[ isCaptionEmpty ]\n\t);\n\treturn (\n\t\t<>\n\t\t\t{ showToolbarButton && (\n\t\t\t\t<BlockControls group=\"block\">\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetShowCaption( ! showCaption );\n\t\t\t\t\t\t\tif ( showCaption && caption ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t[ attributeKey ]: undefined,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\ticon={ icon }\n\t\t\t\t\t\tisPressed={ showCaption }\n\t\t\t\t\t\tlabel={ showCaption ? removeLabel : addLabel }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t{ showCaption &&\n\t\t\t\t( ! RichText.isEmpty( caption ) || isSelected ) && (\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier={ attributeKey }\n\t\t\t\t\t\ttagName={ tagName }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t\t__experimentalGetElementClassName( 'caption' )\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( { [ attributeKey ]: value } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\t\t\tinsertBlocksAfter(\n\t\t\t\t\t\t\t\tcreateBlock( getDefaultBlockName() )\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\treadOnly={ readOnly }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/utils/hooks.js

@@ -29,6 +29,7 @@ export function useCanEditEntity(kind, name, recordId) {
  */
 export function useUploadMediaFromBlobURL(args = {}) {
   const latestArgs = useRef(args);
+  const hasUploadStarted = useRef(false);
   const {
     getSettings
   } = useSelect(blockEditorStore);
@@ -36,6 +37,11 @@ export function useUploadMediaFromBlobURL(args = {}) {
     latestArgs.current = args;
   });
   useEffect(() => {
+    // Uploading is a special effect that can't be canceled via the cleanup method.
+    // The extra check avoids duplicate uploads in development mode (React.StrictMode).
+    if (hasUploadStarted.current) {
+      return;
+    }
     if (!latestArgs.current.url || !isBlobURL(latestArgs.current.url)) {
       return;
     }
@@ -52,6 +58,7 @@ export function useUploadMediaFromBlobURL(args = {}) {
     const {
       mediaUpload
     } = getSettings();
+    hasUploadStarted.current = true;
     mediaUpload({
       filesList: [file],
       allowedTypes,
@@ -61,10 +68,12 @@ export function useUploadMediaFromBlobURL(args = {}) {
         }
         revokeBlobURL(url);
         onChange(media);
+        hasUploadStarted.current = false;
       },
       onError: message => {
         revokeBlobURL(url);
         onError(message);
+        hasUploadStarted.current = false;
       }
     });
   }, [getSettings]);

package/build-module/utils/hooks.js.map

@@ -1 +1 @@
-{"version":3,"names":["useSelect","useLayoutEffect","useEffect","useRef","getBlobByURL","isBlobURL","revokeBlobURL","store","blockEditorStore","coreStore","useCanEditEntity","kind","name","recordId","select","canUserEditEntityRecord","useUploadMediaFromBlobURL","args","latestArgs","getSettings","current","url","file","allowedTypes","onChange","onError","mediaUpload","filesList","onFileChange","media","message"],"sources":["@wordpress/block-library/src/utils/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useLayoutEffect, useEffect, useRef } from '@wordpress/element';\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Returns whether the current user can edit the given entity.\n *\n * @param {string} kind     Entity kind.\n * @param {string} name     Entity name.\n * @param {string} recordId Record's id.\n */\nexport function useCanEditEntity( kind, name, recordId ) {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).canUserEditEntityRecord( kind, name, recordId ),\n\t\t[ kind, name, recordId ]\n\t);\n}\n\n/**\n * Handles uploading a media file from a blob URL on mount.\n *\n * @param {Object}   args              Upload media arguments.\n * @param {string}   args.url          Blob URL.\n * @param {?Array}   args.allowedTypes Array of allowed media types.\n * @param {Function} args.onChange     Function called when the media is uploaded.\n * @param {Function} args.onError      Function called when an error happens.\n */\nexport function useUploadMediaFromBlobURL( args = {} ) {\n\tconst latestArgs = useRef( args );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tuseLayoutEffect( () => {\n\t\tlatestArgs.current = args;\n\t} );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\t! latestArgs.current.url ||\n\t\t\t! isBlobURL( latestArgs.current.url )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst file = getBlobByURL( latestArgs.current.url );\n\t\tif ( ! file ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { url, allowedTypes, onChange, onError } = latestArgs.current;\n\t\tconst { mediaUpload } = getSettings();\n\n\t\tmediaUpload( {\n\t\t\tfilesList: [ file ],\n\t\t\tallowedTypes,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tif ( isBlobURL( media?.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonChange( media );\n\t\t\t},\n\t\t\tonError: ( message ) => {\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonError( message );\n\t\t\t},\n\t\t} );\n\t}, [ getSettings ] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,eAAe,EAAEC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;AACvE,SAASC,YAAY,EAAEC,SAAS,EAAEC,aAAa,QAAQ,iBAAiB;AACxE,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASD,KAAK,IAAIE,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAG;EACxD,OAAOb,SAAS,CACbc,MAAM,IACPA,MAAM,CAAEL,SAAU,CAAC,CAACM,uBAAuB,CAAEJ,IAAI,EAAEC,IAAI,EAAEC,QAAS,CAAC,EACpE,CAAEF,IAAI,EAAEC,IAAI,EAAEC,QAAQ,CACvB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,yBAAyBA,CAAEC,IAAI,GAAG,CAAC,CAAC,EAAG;EACtD,MAAMC,UAAU,GAAGf,MAAM,CAAEc,IAAK,CAAC;EACjC,MAAM;IAAEE;EAAY,CAAC,GAAGnB,SAAS,CAAEQ,gBAAiB,CAAC;EAErDP,eAAe,CAAE,MAAM;IACtBiB,UAAU,CAACE,OAAO,GAAGH,IAAI;EAC1B,CAAE,CAAC;EAEHf,SAAS,CAAE,MAAM;IAChB,IACC,CAAEgB,UAAU,CAACE,OAAO,CAACC,GAAG,IACxB,CAAEhB,SAAS,CAAEa,UAAU,CAACE,OAAO,CAACC,GAAI,CAAC,EACpC;MACD;IACD;IAEA,MAAMC,IAAI,GAAGlB,YAAY,CAAEc,UAAU,CAACE,OAAO,CAACC,GAAI,CAAC;IACnD,IAAK,CAAEC,IAAI,EAAG;MACb;IACD;IAEA,MAAM;MAAED,GAAG;MAAEE,YAAY;MAAEC,QAAQ;MAAEC;IAAQ,CAAC,GAAGP,UAAU,CAACE,OAAO;IACnE,MAAM;MAAEM;IAAY,CAAC,GAAGP,WAAW,CAAC,CAAC;IAErCO,WAAW,CAAE;MACZC,SAAS,EAAE,CAAEL,IAAI,CAAE;MACnBC,YAAY;MACZK,YAAY,EAAEA,CAAE,CAAEC,KAAK,CAAE,KAAM;QAC9B,IAAKxB,SAAS,CAAEwB,KAAK,EAAER,GAAI,CAAC,EAAG;UAC9B;QACD;QAEAf,aAAa,CAAEe,GAAI,CAAC;QACpBG,QAAQ,CAAEK,KAAM,CAAC;MAClB,CAAC;MACDJ,OAAO,EAAIK,OAAO,IAAM;QACvBxB,aAAa,CAAEe,GAAI,CAAC;QACpBI,OAAO,CAAEK,OAAQ,CAAC;MACnB;IACD,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEX,WAAW,CAAG,CAAC;AACrB","ignoreList":[]}
+{"version":3,"names":["useSelect","useLayoutEffect","useEffect","useRef","getBlobByURL","isBlobURL","revokeBlobURL","store","blockEditorStore","coreStore","useCanEditEntity","kind","name","recordId","select","canUserEditEntityRecord","useUploadMediaFromBlobURL","args","latestArgs","hasUploadStarted","getSettings","current","url","file","allowedTypes","onChange","onError","mediaUpload","filesList","onFileChange","media","message"],"sources":["@wordpress/block-library/src/utils/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useLayoutEffect, useEffect, useRef } from '@wordpress/element';\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Returns whether the current user can edit the given entity.\n *\n * @param {string} kind     Entity kind.\n * @param {string} name     Entity name.\n * @param {string} recordId Record's id.\n */\nexport function useCanEditEntity( kind, name, recordId ) {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).canUserEditEntityRecord( kind, name, recordId ),\n\t\t[ kind, name, recordId ]\n\t);\n}\n\n/**\n * Handles uploading a media file from a blob URL on mount.\n *\n * @param {Object}   args              Upload media arguments.\n * @param {string}   args.url          Blob URL.\n * @param {?Array}   args.allowedTypes Array of allowed media types.\n * @param {Function} args.onChange     Function called when the media is uploaded.\n * @param {Function} args.onError      Function called when an error happens.\n */\nexport function useUploadMediaFromBlobURL( args = {} ) {\n\tconst latestArgs = useRef( args );\n\tconst hasUploadStarted = useRef( false );\n\tconst { getSettings } = useSelect( blockEditorStore );\n\n\tuseLayoutEffect( () => {\n\t\tlatestArgs.current = args;\n\t} );\n\n\tuseEffect( () => {\n\t\t// Uploading is a special effect that can't be canceled via the cleanup method.\n\t\t// The extra check avoids duplicate uploads in development mode (React.StrictMode).\n\t\tif ( hasUploadStarted.current ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (\n\t\t\t! latestArgs.current.url ||\n\t\t\t! isBlobURL( latestArgs.current.url )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst file = getBlobByURL( latestArgs.current.url );\n\t\tif ( ! file ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { url, allowedTypes, onChange, onError } = latestArgs.current;\n\t\tconst { mediaUpload } = getSettings();\n\n\t\thasUploadStarted.current = true;\n\n\t\tmediaUpload( {\n\t\t\tfilesList: [ file ],\n\t\t\tallowedTypes,\n\t\t\tonFileChange: ( [ media ] ) => {\n\t\t\t\tif ( isBlobURL( media?.url ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonChange( media );\n\t\t\t\thasUploadStarted.current = false;\n\t\t\t},\n\t\t\tonError: ( message ) => {\n\t\t\t\trevokeBlobURL( url );\n\t\t\t\tonError( message );\n\t\t\t\thasUploadStarted.current = false;\n\t\t\t},\n\t\t} );\n\t}, [ getSettings ] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,eAAe,EAAEC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;AACvE,SAASC,YAAY,EAAEC,SAAS,EAAEC,aAAa,QAAQ,iBAAiB;AACxE,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASD,KAAK,IAAIE,SAAS,QAAQ,sBAAsB;;AAEzD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAG;EACxD,OAAOb,SAAS,CACbc,MAAM,IACPA,MAAM,CAAEL,SAAU,CAAC,CAACM,uBAAuB,CAAEJ,IAAI,EAAEC,IAAI,EAAEC,QAAS,CAAC,EACpE,CAAEF,IAAI,EAAEC,IAAI,EAAEC,QAAQ,CACvB,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASG,yBAAyBA,CAAEC,IAAI,GAAG,CAAC,CAAC,EAAG;EACtD,MAAMC,UAAU,GAAGf,MAAM,CAAEc,IAAK,CAAC;EACjC,MAAME,gBAAgB,GAAGhB,MAAM,CAAE,KAAM,CAAC;EACxC,MAAM;IAAEiB;EAAY,CAAC,GAAGpB,SAAS,CAAEQ,gBAAiB,CAAC;EAErDP,eAAe,CAAE,MAAM;IACtBiB,UAAU,CAACG,OAAO,GAAGJ,IAAI;EAC1B,CAAE,CAAC;EAEHf,SAAS,CAAE,MAAM;IAChB;IACA;IACA,IAAKiB,gBAAgB,CAACE,OAAO,EAAG;MAC/B;IACD;IAEA,IACC,CAAEH,UAAU,CAACG,OAAO,CAACC,GAAG,IACxB,CAAEjB,SAAS,CAAEa,UAAU,CAACG,OAAO,CAACC,GAAI,CAAC,EACpC;MACD;IACD;IAEA,MAAMC,IAAI,GAAGnB,YAAY,CAAEc,UAAU,CAACG,OAAO,CAACC,GAAI,CAAC;IACnD,IAAK,CAAEC,IAAI,EAAG;MACb;IACD;IAEA,MAAM;MAAED,GAAG;MAAEE,YAAY;MAAEC,QAAQ;MAAEC;IAAQ,CAAC,GAAGR,UAAU,CAACG,OAAO;IACnE,MAAM;MAAEM;IAAY,CAAC,GAAGP,WAAW,CAAC,CAAC;IAErCD,gBAAgB,CAACE,OAAO,GAAG,IAAI;IAE/BM,WAAW,CAAE;MACZC,SAAS,EAAE,CAAEL,IAAI,CAAE;MACnBC,YAAY;MACZK,YAAY,EAAEA,CAAE,CAAEC,KAAK,CAAE,KAAM;QAC9B,IAAKzB,SAAS,CAAEyB,KAAK,EAAER,GAAI,CAAC,EAAG;UAC9B;QACD;QAEAhB,aAAa,CAAEgB,GAAI,CAAC;QACpBG,QAAQ,CAAEK,KAAM,CAAC;QACjBX,gBAAgB,CAACE,OAAO,GAAG,KAAK;MACjC,CAAC;MACDK,OAAO,EAAIK,OAAO,IAAM;QACvBzB,aAAa,CAAEgB,GAAI,CAAC;QACpBI,OAAO,CAAEK,OAAQ,CAAC;QAClBZ,gBAAgB,CAACE,OAAO,GAAG,KAAK;MACjC;IACD,CAAE,CAAC;EACJ,CAAC,EAAE,CAAED,WAAW,CAAG,CAAC;AACrB","ignoreList":[]}

package/build-module/verse/deprecated.js

@@ -1,8 +1,7 @@
-import { createElement } from "react";
 /**
  * External dependencies
  */
-import classnames from 'classnames';
+import clsx from 'clsx';
 
 /**
  * WordPress dependencies
@@ -13,6 +12,7 @@ import { RichText, useBlockProps } from '@wordpress/block-editor';
  * Internal dependencies
  */
 import migrateFontFamily from '../utils/migrate-font-family';
+import { jsx as _jsx } from "react/jsx-runtime";
 const v1 = {
   attributes: {
     content: {
@@ -32,7 +32,7 @@ const v1 = {
       textAlign,
       content
     } = attributes;
-    return createElement(RichText.Content, {
+    return /*#__PURE__*/_jsx(RichText.Content, {
       tagName: "pre",
       style: {
         textAlign
@@ -76,16 +76,17 @@ const v2 = {
       textAlign,
       content
     } = attributes;
-    const className = classnames({
+    const className = clsx({
       [`has-text-align-${textAlign}`]: textAlign
     });
-    return createElement("pre", {
+    return /*#__PURE__*/_jsx("pre", {
       ...useBlockProps.save({
         className
+      }),
+      children: /*#__PURE__*/_jsx(RichText.Content, {
+        value: content
       })
-    }, createElement(RichText.Content, {
-      value: content
-    }));
+    });
   },
   migrate: migrateFontFamily,
   isEligible({