@wordpress/block-library 8.19.6 → 8.20.1

package/build/separator/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SeparatorEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -49,7 +49,7 @@ function SeparatorEdit({
     color: currentColor,
     backgroundColor: currentColor
   };
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.HorizontalRule, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.HorizontalRule, {
     ...(0, _blockEditor.useBlockProps)({
       className,
       style: hasCustomColor ? styles : undefined

package/build/separator/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_useDeprecatedOpacity","SeparatorEdit","attributes","setAttributes","backgroundColor","opacity","style","colorProps","useColorProps","currentColor","hasCustomColor","color","background","useDeprecatedOpacity","colorClass","getColorClassName","className","classnames","styles","_element","createElement","Fragment","HorizontalRule","useBlockProps","undefined"],"sources":["@wordpress/block-library/src/separator/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { HorizontalRule } from '@wordpress/components';\nimport {\n\tuseBlockProps,\n\tgetColorClassName,\n\t__experimentalUseColorProps as useColorProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport useDeprecatedOpacity from './use-deprecated-opacity';\n\nexport default function SeparatorEdit( { attributes, setAttributes } ) {\n\tconst { backgroundColor, opacity, style } = attributes;\n\tconst colorProps = useColorProps( attributes );\n\tconst currentColor = colorProps?.style?.backgroundColor;\n\tconst hasCustomColor = !! style?.color?.background;\n\n\tuseDeprecatedOpacity( opacity, currentColor, setAttributes );\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = classnames(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || currentColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tcolor: currentColor,\n\t\tbackgroundColor: currentColor,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<HorizontalRule\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName,\n\t\t\t\t\tstyle: hasCustomColor ? styles : undefined,\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AASA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;;AAGe,SAASI,aAAaA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACtE,MAAM;IAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGJ,UAAU;EACtD,MAAMK,UAAU,GAAG,IAAAC,wCAAa,EAAEN,UAAW,CAAC;EAC9C,MAAMO,YAAY,GAAGF,UAAU,EAAED,KAAK,EAAEF,eAAe;EACvD,MAAMM,cAAc,GAAG,CAAC,CAAEJ,KAAK,EAAEK,KAAK,EAAEC,UAAU;EAElD,IAAAC,6BAAoB,EAAER,OAAO,EAAEI,YAAY,EAAEN,aAAc,CAAC;;EAE5D;EACA;EACA,MAAMW,UAAU,GAAG,IAAAC,8BAAiB,EAAE,OAAO,EAAEX,eAAgB,CAAC;EAEhE,MAAMY,SAAS,GAAG,IAAAC,mBAAU,EAC3B;IACC,gBAAgB,EAAEb,eAAe,IAAIK,YAAY;IACjD,CAAEK,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAET,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDE,UAAU,CAACS,SACZ,CAAC;EAED,MAAME,MAAM,GAAG;IACdP,KAAK,EAAEF,YAAY;IACnBL,eAAe,EAAEK;EAClB,CAAC;EAED,OACC,IAAAU,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,cAAc;IAAA,GACT,IAAAC,0BAAa,EAAE;MACnBP,SAAS;MACTV,KAAK,EAAEI,cAAc,GAAGQ,MAAM,GAAGM;IAClC,CAAE;EAAC,CACH,CACA,CAAC;AAEL"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_useDeprecatedOpacity","SeparatorEdit","attributes","setAttributes","backgroundColor","opacity","style","colorProps","useColorProps","currentColor","hasCustomColor","color","background","useDeprecatedOpacity","colorClass","getColorClassName","className","classnames","styles","_react","createElement","Fragment","HorizontalRule","useBlockProps","undefined"],"sources":["@wordpress/block-library/src/separator/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { HorizontalRule } from '@wordpress/components';\nimport {\n\tuseBlockProps,\n\tgetColorClassName,\n\t__experimentalUseColorProps as useColorProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport useDeprecatedOpacity from './use-deprecated-opacity';\n\nexport default function SeparatorEdit( { attributes, setAttributes } ) {\n\tconst { backgroundColor, opacity, style } = attributes;\n\tconst colorProps = useColorProps( attributes );\n\tconst currentColor = colorProps?.style?.backgroundColor;\n\tconst hasCustomColor = !! style?.color?.background;\n\n\tuseDeprecatedOpacity( opacity, currentColor, setAttributes );\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = classnames(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || currentColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tcolor: currentColor,\n\t\tbackgroundColor: currentColor,\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<HorizontalRule\n\t\t\t\t{ ...useBlockProps( {\n\t\t\t\t\tclassName,\n\t\t\t\t\tstyle: hasCustomColor ? styles : undefined,\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AASA,IAAAG,qBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;;AAGe,SAASI,aAAaA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACtE,MAAM;IAAEC,eAAe;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGJ,UAAU;EACtD,MAAMK,UAAU,GAAG,IAAAC,wCAAa,EAAEN,UAAW,CAAC;EAC9C,MAAMO,YAAY,GAAGF,UAAU,EAAED,KAAK,EAAEF,eAAe;EACvD,MAAMM,cAAc,GAAG,CAAC,CAAEJ,KAAK,EAAEK,KAAK,EAAEC,UAAU;EAElD,IAAAC,6BAAoB,EAAER,OAAO,EAAEI,YAAY,EAAEN,aAAc,CAAC;;EAE5D;EACA;EACA,MAAMW,UAAU,GAAG,IAAAC,8BAAiB,EAAE,OAAO,EAAEX,eAAgB,CAAC;EAEhE,MAAMY,SAAS,GAAG,IAAAC,mBAAU,EAC3B;IACC,gBAAgB,EAAEb,eAAe,IAAIK,YAAY;IACjD,CAAEK,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAET,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDE,UAAU,CAACS,SACZ,CAAC;EAED,MAAME,MAAM,GAAG;IACdP,KAAK,EAAEF,YAAY;IACnBL,eAAe,EAAEK;EAClB,CAAC;EAED,OACC,IAAAU,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,cAAc;IAAA,GACT,IAAAC,0BAAa,EAAE;MACnBP,SAAS;MACTV,KAAK,EAAEI,cAAc,GAAGQ,MAAM,GAAGM;IAClC,CAAE;EAAC,CACH,CACA,CAAC;AAEL"}

package/build/separator/save.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = separatorSave;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
@@ -42,7 +42,7 @@ function separatorSave({
     backgroundColor: colorProps?.style?.backgroundColor,
     color: colorClass ? undefined : customColor
   };
-  return (0, _element.createElement)("hr", {
+  return (0, _react.createElement)("hr", {
     ..._blockEditor.useBlockProps.save({
       className,
       style: styles

package/build/separator/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","separatorSave","attributes","backgroundColor","style","opacity","customColor","color","background","colorProps","getColorClassesAndStyles","colorClass","getColorClassName","className","classnames","styles","undefined","_element","createElement","useBlockProps","save"],"sources":["@wordpress/block-library/src/separator/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tgetColorClassName,\n\tuseBlockProps,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n} from '@wordpress/block-editor';\n\nexport default function separatorSave( { attributes } ) {\n\tconst { backgroundColor, style, opacity } = attributes;\n\tconst customColor = style?.color?.background;\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\t// The hr support changing color using border-color, since border-color\n\t// is not yet supported in the color palette, we use background-color.\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = classnames(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || customColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tbackgroundColor: colorProps?.style?.backgroundColor,\n\t\tcolor: colorClass ? undefined : customColor,\n\t};\n\treturn <hr { ...useBlockProps.save( { className, style: styles } ) } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAOe,SAASE,aAAaA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACvD,MAAM;IAAEC,eAAe;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGH,UAAU;EACtD,MAAMI,WAAW,GAAGF,KAAK,EAAEG,KAAK,EAAEC,UAAU;EAC5C,MAAMC,UAAU,GAAG,IAAAC,mDAAwB,EAAER,UAAW,CAAC;EACzD;EACA;;EAEA;EACA;EACA,MAAMS,UAAU,GAAG,IAAAC,8BAAiB,EAAE,OAAO,EAAET,eAAgB,CAAC;EAEhE,MAAMU,SAAS,GAAG,IAAAC,mBAAU,EAC3B;IACC,gBAAgB,EAAEX,eAAe,IAAIG,WAAW;IAChD,CAAEK,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAEN,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDI,UAAU,CAACI,SACZ,CAAC;EAED,MAAME,MAAM,GAAG;IACdZ,eAAe,EAAEM,UAAU,EAAEL,KAAK,EAAED,eAAe;IACnDI,KAAK,EAAEI,UAAU,GAAGK,SAAS,GAAGV;EACjC,CAAC;EACD,OAAO,IAAAW,QAAA,CAAAC,aAAA;IAAA,GAASC,0BAAa,CAACC,IAAI,CAAE;MAAEP,SAAS;MAAET,KAAK,EAAEW;IAAO,CAAE;EAAC,CAAI,CAAC;AACxE"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","separatorSave","attributes","backgroundColor","style","opacity","customColor","color","background","colorProps","getColorClassesAndStyles","colorClass","getColorClassName","className","classnames","styles","undefined","_react","createElement","useBlockProps","save"],"sources":["@wordpress/block-library/src/separator/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tgetColorClassName,\n\tuseBlockProps,\n\t__experimentalGetColorClassesAndStyles as getColorClassesAndStyles,\n} from '@wordpress/block-editor';\n\nexport default function separatorSave( { attributes } ) {\n\tconst { backgroundColor, style, opacity } = attributes;\n\tconst customColor = style?.color?.background;\n\tconst colorProps = getColorClassesAndStyles( attributes );\n\t// The hr support changing color using border-color, since border-color\n\t// is not yet supported in the color palette, we use background-color.\n\n\t// The dots styles uses text for the dots, to change those dots color is\n\t// using color, not backgroundColor.\n\tconst colorClass = getColorClassName( 'color', backgroundColor );\n\n\tconst className = classnames(\n\t\t{\n\t\t\t'has-text-color': backgroundColor || customColor,\n\t\t\t[ colorClass ]: colorClass,\n\t\t\t'has-css-opacity': opacity === 'css',\n\t\t\t'has-alpha-channel-opacity': opacity === 'alpha-channel',\n\t\t},\n\t\tcolorProps.className\n\t);\n\n\tconst styles = {\n\t\tbackgroundColor: colorProps?.style?.backgroundColor,\n\t\tcolor: colorClass ? undefined : customColor,\n\t};\n\treturn <hr { ...useBlockProps.save( { className, style: styles } ) } />;\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAOe,SAASE,aAAaA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACvD,MAAM;IAAEC,eAAe;IAAEC,KAAK;IAAEC;EAAQ,CAAC,GAAGH,UAAU;EACtD,MAAMI,WAAW,GAAGF,KAAK,EAAEG,KAAK,EAAEC,UAAU;EAC5C,MAAMC,UAAU,GAAG,IAAAC,mDAAwB,EAAER,UAAW,CAAC;EACzD;EACA;;EAEA;EACA;EACA,MAAMS,UAAU,GAAG,IAAAC,8BAAiB,EAAE,OAAO,EAAET,eAAgB,CAAC;EAEhE,MAAMU,SAAS,GAAG,IAAAC,mBAAU,EAC3B;IACC,gBAAgB,EAAEX,eAAe,IAAIG,WAAW;IAChD,CAAEK,UAAU,GAAIA,UAAU;IAC1B,iBAAiB,EAAEN,OAAO,KAAK,KAAK;IACpC,2BAA2B,EAAEA,OAAO,KAAK;EAC1C,CAAC,EACDI,UAAU,CAACI,SACZ,CAAC;EAED,MAAME,MAAM,GAAG;IACdZ,eAAe,EAAEM,UAAU,EAAEL,KAAK,EAAED,eAAe;IACnDI,KAAK,EAAEI,UAAU,GAAGK,SAAS,GAAGV;EACjC,CAAC;EACD,OAAO,IAAAW,MAAA,CAAAC,aAAA;IAAA,GAASC,0BAAa,CAACC,IAAI,CAAE;MAAEP,SAAS;MAAET,KAAK,EAAEW;IAAO,CAAE;EAAC,CAAI,CAAC;AACxE"}

package/build/shortcode/edit.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ShortcodeEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
@@ -19,16 +19,16 @@ function ShortcodeEdit({
 }) {
   const instanceId = (0, _compose.useInstanceId)(ShortcodeEdit);
   const inputId = `blocks-shortcode-input-${instanceId}`;
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...(0, _blockEditor.useBlockProps)({
       className: 'components-placeholder'
     })
-  }, (0, _element.createElement)("label", {
+  }, (0, _react.createElement)("label", {
     htmlFor: inputId,
     className: "components-placeholder__label"
-  }, (0, _element.createElement)(_icons.Icon, {
+  }, (0, _react.createElement)(_icons.Icon, {
     icon: _icons.shortcode
-  }), (0, _i18n.__)('Shortcode')), (0, _element.createElement)(_blockEditor.PlainText, {
+  }), (0, _i18n.__)('Shortcode')), (0, _react.createElement)(_blockEditor.PlainText, {
     className: "blocks-shortcode__textarea",
     id: inputId,
     value: attributes.text,

package/build/shortcode/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_blockEditor","_compose","_icons","ShortcodeEdit","attributes","setAttributes","instanceId","useInstanceId","inputId","_element","createElement","useBlockProps","className","htmlFor","Icon","icon","shortcode","__","PlainText","id","value","text","placeholder","onChange"],"sources":["@wordpress/block-library/src/shortcode/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PlainText, useBlockProps } from '@wordpress/block-editor';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Icon, shortcode } from '@wordpress/icons';\n\nexport default function ShortcodeEdit( { attributes, setAttributes } ) {\n\tconst instanceId = useInstanceId( ShortcodeEdit );\n\tconst inputId = `blocks-shortcode-input-${ instanceId }`;\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'components-placeholder' } ) }>\n\t\t\t<label\n\t\t\t\thtmlFor={ inputId }\n\t\t\t\tclassName=\"components-placeholder__label\"\n\t\t\t>\n\t\t\t\t<Icon icon={ shortcode } />\n\t\t\t\t{ __( 'Shortcode' ) }\n\t\t\t</label>\n\t\t\t<PlainText\n\t\t\t\tclassName=\"blocks-shortcode__textarea\"\n\t\t\t\tid={ inputId }\n\t\t\t\tvalue={ attributes.text }\n\t\t\t\taria-label={ __( 'Shortcode text' ) }\n\t\t\t\tplaceholder={ __( 'Write shortcode here…' ) }\n\t\t\t\tonChange={ ( text ) => setAttributes( { text } ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMe,SAASI,aAAaA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACtE,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEJ,aAAc,CAAC;EACjD,MAAMK,OAAO,GAAI,0BAA0BF,UAAY,EAAC;EAExD,OACC,IAAAG,QAAA,CAAAC,aAAA;IAAA,GAAU,IAAAC,0BAAa,EAAE;MAAEC,SAAS,EAAE;IAAyB,CAAE;EAAC,GACjE,IAAAH,QAAA,CAAAC,aAAA;IACCG,OAAO,EAAGL,OAAS;IACnBI,SAAS,EAAC;EAA+B,GAEzC,IAAAH,QAAA,CAAAC,aAAA,EAACR,MAAA,CAAAY,IAAI;IAACC,IAAI,EAAGC;EAAW,CAAE,CAAC,EACzB,IAAAC,QAAE,EAAE,WAAY,CACZ,CAAC,EACR,IAAAR,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAkB,SAAS;IACTN,SAAS,EAAC,4BAA4B;IACtCO,EAAE,EAAGX,OAAS;IACdY,KAAK,EAAGhB,UAAU,CAACiB,IAAM;IACzB,cAAa,IAAAJ,QAAE,EAAE,gBAAiB,CAAG;IACrCK,WAAW,EAAG,IAAAL,QAAE,EAAE,uBAAwB,CAAG;IAC7CM,QAAQ,EAAKF,IAAI,IAAMhB,aAAa,CAAE;MAAEgB;IAAK,CAAE;EAAG,CAClD,CACG,CAAC;AAER"}
+{"version":3,"names":["_i18n","require","_blockEditor","_compose","_icons","ShortcodeEdit","attributes","setAttributes","instanceId","useInstanceId","inputId","_react","createElement","useBlockProps","className","htmlFor","Icon","icon","shortcode","__","PlainText","id","value","text","placeholder","onChange"],"sources":["@wordpress/block-library/src/shortcode/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PlainText, useBlockProps } from '@wordpress/block-editor';\nimport { useInstanceId } from '@wordpress/compose';\nimport { Icon, shortcode } from '@wordpress/icons';\n\nexport default function ShortcodeEdit( { attributes, setAttributes } ) {\n\tconst instanceId = useInstanceId( ShortcodeEdit );\n\tconst inputId = `blocks-shortcode-input-${ instanceId }`;\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'components-placeholder' } ) }>\n\t\t\t<label\n\t\t\t\thtmlFor={ inputId }\n\t\t\t\tclassName=\"components-placeholder__label\"\n\t\t\t>\n\t\t\t\t<Icon icon={ shortcode } />\n\t\t\t\t{ __( 'Shortcode' ) }\n\t\t\t</label>\n\t\t\t<PlainText\n\t\t\t\tclassName=\"blocks-shortcode__textarea\"\n\t\t\t\tid={ inputId }\n\t\t\t\tvalue={ attributes.text }\n\t\t\t\taria-label={ __( 'Shortcode text' ) }\n\t\t\t\tplaceholder={ __( 'Write shortcode here…' ) }\n\t\t\t\tonChange={ ( text ) => setAttributes( { text } ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMe,SAASI,aAAaA,CAAE;EAAEC,UAAU;EAAEC;AAAc,CAAC,EAAG;EACtE,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEJ,aAAc,CAAC;EACjD,MAAMK,OAAO,GAAI,0BAA0BF,UAAY,EAAC;EAExD,OACC,IAAAG,MAAA,CAAAC,aAAA;IAAA,GAAU,IAAAC,0BAAa,EAAE;MAAEC,SAAS,EAAE;IAAyB,CAAE;EAAC,GACjE,IAAAH,MAAA,CAAAC,aAAA;IACCG,OAAO,EAAGL,OAAS;IACnBI,SAAS,EAAC;EAA+B,GAEzC,IAAAH,MAAA,CAAAC,aAAA,EAACR,MAAA,CAAAY,IAAI;IAACC,IAAI,EAAGC;EAAW,CAAE,CAAC,EACzB,IAAAC,QAAE,EAAE,WAAY,CACZ,CAAC,EACR,IAAAR,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAkB,SAAS;IACTN,SAAS,EAAC,4BAA4B;IACtCO,EAAE,EAAGX,OAAS;IACdY,KAAK,EAAGhB,UAAU,CAACiB,IAAM;IACzB,cAAa,IAAAJ,QAAE,EAAE,gBAAiB,CAAG;IACrCK,WAAW,EAAG,IAAAL,QAAE,EAAE,uBAAwB,CAAG;IAC7CM,QAAQ,EAAKF,IAAI,IAAMhB,aAAa,CAAE;MAAEgB;IAAK,CAAE;EAAG,CAClD,CACG,CAAC;AAER"}

package/build/shortcode/edit.native.js

@@ -6,11 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ShortcodeEdit = ShortcodeEdit;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _style = _interopRequireDefault(require("./style.scss"));
 /**
  * External dependencies
@@ -41,11 +42,11 @@ function ShortcodeEdit(props) {
   const onChange = (0, _element.useCallback)(text => setAttributes({
     text
   }), [setAttributes]);
-  return (0, _element.createElement)(_reactNative.View, null, (0, _element.createElement)(_reactNative.Text, {
+  return (0, _react.createElement)(_reactNative.View, null, (0, _react.createElement)(_reactNative.Text, {
     style: titleStyle
-  }, (0, _i18n.__)('Shortcode')), (0, _element.createElement)(_reactNative.View, {
+  }, (0, _i18n.__)('Shortcode')), (0, _react.createElement)(_reactNative.View, {
     style: shortcodeContainerStyle
-  }, (0, _element.createElement)(_blockEditor.PlainText, {
+  }, (0, _react.createElement)(_blockEditor.PlainText, {
     __experimentalVersion: 2,
     value: attributes.text,
     style: shortcodeStyle,

package/build/shortcode/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_i18n","_blockEditor","_compose","_style","_interopRequireDefault","ShortcodeEdit","props","attributes","setAttributes","onFocus","onBlur","getStylesFromColorScheme","blockWidth","titleStyle","styles","blockTitle","blockTitleDark","shortcodeContainerStyle","blockShortcodeContainer","blockShortcodeContainerDark","shortcodeStyle","blockShortcode","blockShortcodeDark","placeholderStyle","placeholder","placeholderDark","maxWidth","paddingLeft","paddingRight","onChange","useCallback","text","createElement","View","Text","style","__","PlainText","__experimentalVersion","value","placeholderTextColor","color","disableAutocorrection","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/block-library/src/shortcode/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PlainText } from '@wordpress/block-editor';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport styles from './style.scss';\n\nexport function ShortcodeEdit( props ) {\n\tconst {\n\t\tattributes,\n\t\tsetAttributes,\n\t\tonFocus,\n\t\tonBlur,\n\t\tgetStylesFromColorScheme,\n\t\tblockWidth,\n\t} = props;\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.blockTitle,\n\t\tstyles.blockTitleDark\n\t);\n\tconst shortcodeContainerStyle = getStylesFromColorScheme(\n\t\tstyles.blockShortcodeContainer,\n\t\tstyles.blockShortcodeContainerDark\n\t);\n\tconst shortcodeStyle = getStylesFromColorScheme(\n\t\tstyles.blockShortcode,\n\t\tstyles.blockShortcodeDark\n\t);\n\tconst placeholderStyle = getStylesFromColorScheme(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\tconst maxWidth =\n\t\tblockWidth -\n\t\tshortcodeContainerStyle.paddingLeft +\n\t\tshortcodeContainerStyle.paddingRight;\n\n\tconst onChange = useCallback(\n\t\t( text ) => setAttributes( { text } ),\n\t\t[ setAttributes ]\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<Text style={ titleStyle }>{ __( 'Shortcode' ) }</Text>\n\t\t\t<View style={ shortcodeContainerStyle }>\n\t\t\t\t<PlainText\n\t\t\t\t\t__experimentalVersion={ 2 }\n\t\t\t\t\tvalue={ attributes.text }\n\t\t\t\t\tstyle={ shortcodeStyle }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tplaceholder={ __( 'Add a shortcode…' ) }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\tonBlur={ onBlur }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\tmaxWidth={ maxWidth }\n\t\t\t\t\tdisableAutocorrection\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( ShortcodeEdit );\n"],"mappings":";;;;;;;;AAWA,IAAAA,QAAA,GAAAC,OAAA;AARA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAOA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIO,SAASO,aAAaA,CAAEC,KAAK,EAAG;EACtC,MAAM;IACLC,UAAU;IACVC,aAAa;IACbC,OAAO;IACPC,MAAM;IACNC,wBAAwB;IACxBC;EACD,CAAC,GAAGN,KAAK;EACT,MAAMO,UAAU,GAAGF,wBAAwB,CAC1CG,cAAM,CAACC,UAAU,EACjBD,cAAM,CAACE,cACR,CAAC;EACD,MAAMC,uBAAuB,GAAGN,wBAAwB,CACvDG,cAAM,CAACI,uBAAuB,EAC9BJ,cAAM,CAACK,2BACR,CAAC;EACD,MAAMC,cAAc,GAAGT,wBAAwB,CAC9CG,cAAM,CAACO,cAAc,EACrBP,cAAM,CAACQ,kBACR,CAAC;EACD,MAAMC,gBAAgB,GAAGZ,wBAAwB,CAChDG,cAAM,CAACU,WAAW,EAClBV,cAAM,CAACW,eACR,CAAC;EAED,MAAMC,QAAQ,GACbd,UAAU,GACVK,uBAAuB,CAACU,WAAW,GACnCV,uBAAuB,CAACW,YAAY;EAErC,MAAMC,QAAQ,GAAG,IAAAC,oBAAW,EACzBC,IAAI,IAAMvB,aAAa,CAAE;IAAEuB;EAAK,CAAE,CAAC,EACrC,CAAEvB,aAAa,CAChB,CAAC;EAED,OACC,IAAAX,QAAA,CAAAmC,aAAA,EAACjC,YAAA,CAAAkC,IAAI,QACJ,IAAApC,QAAA,CAAAmC,aAAA,EAACjC,YAAA,CAAAmC,IAAI;IAACC,KAAK,EAAGtB;EAAY,GAAG,IAAAuB,QAAE,EAAE,WAAY,CAAS,CAAC,EACvD,IAAAvC,QAAA,CAAAmC,aAAA,EAACjC,YAAA,CAAAkC,IAAI;IAACE,KAAK,EAAGlB;EAAyB,GACtC,IAAApB,QAAA,CAAAmC,aAAA,EAAC/B,YAAA,CAAAoC,SAAS;IACTC,qBAAqB,EAAG,CAAG;IAC3BC,KAAK,EAAGhC,UAAU,CAACwB,IAAM;IACzBI,KAAK,EAAGf,cAAgB;IACxBS,QAAQ,EAAGA,QAAU;IACrBL,WAAW,EAAG,IAAAY,QAAE,EAAE,kBAAmB,CAAG;IACxC3B,OAAO,EAAGA,OAAS;IACnBC,MAAM,EAAGA,MAAQ;IACjB8B,oBAAoB,EAAGjB,gBAAgB,CAACkB,KAAO;IAC/Cf,QAAQ,EAAGA,QAAU;IACrBgB,qBAAqB;EAAA,CACrB,CACI,CACD,CAAC;AAET;AAAC,IAAAC,QAAA,GAEc,IAAAC,iCAAwB,EAAEvC,aAAc,CAAC;AAAAwC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
+{"version":3,"names":["_reactNative","require","_i18n","_blockEditor","_compose","_element","_style","_interopRequireDefault","ShortcodeEdit","props","attributes","setAttributes","onFocus","onBlur","getStylesFromColorScheme","blockWidth","titleStyle","styles","blockTitle","blockTitleDark","shortcodeContainerStyle","blockShortcodeContainer","blockShortcodeContainerDark","shortcodeStyle","blockShortcode","blockShortcodeDark","placeholderStyle","placeholder","placeholderDark","maxWidth","paddingLeft","paddingRight","onChange","useCallback","text","_react","createElement","View","Text","style","__","PlainText","__experimentalVersion","value","placeholderTextColor","color","disableAutocorrection","_default","withPreferredColorScheme","exports","default"],"sources":["@wordpress/block-library/src/shortcode/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { PlainText } from '@wordpress/block-editor';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nimport styles from './style.scss';\n\nexport function ShortcodeEdit( props ) {\n\tconst {\n\t\tattributes,\n\t\tsetAttributes,\n\t\tonFocus,\n\t\tonBlur,\n\t\tgetStylesFromColorScheme,\n\t\tblockWidth,\n\t} = props;\n\tconst titleStyle = getStylesFromColorScheme(\n\t\tstyles.blockTitle,\n\t\tstyles.blockTitleDark\n\t);\n\tconst shortcodeContainerStyle = getStylesFromColorScheme(\n\t\tstyles.blockShortcodeContainer,\n\t\tstyles.blockShortcodeContainerDark\n\t);\n\tconst shortcodeStyle = getStylesFromColorScheme(\n\t\tstyles.blockShortcode,\n\t\tstyles.blockShortcodeDark\n\t);\n\tconst placeholderStyle = getStylesFromColorScheme(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\tconst maxWidth =\n\t\tblockWidth -\n\t\tshortcodeContainerStyle.paddingLeft +\n\t\tshortcodeContainerStyle.paddingRight;\n\n\tconst onChange = useCallback(\n\t\t( text ) => setAttributes( { text } ),\n\t\t[ setAttributes ]\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<Text style={ titleStyle }>{ __( 'Shortcode' ) }</Text>\n\t\t\t<View style={ shortcodeContainerStyle }>\n\t\t\t\t<PlainText\n\t\t\t\t\t__experimentalVersion={ 2 }\n\t\t\t\t\tvalue={ attributes.text }\n\t\t\t\t\tstyle={ shortcodeStyle }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tplaceholder={ __( 'Add a shortcode…' ) }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t\tonBlur={ onBlur }\n\t\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t\tmaxWidth={ maxWidth }\n\t\t\t\t\tdisableAutocorrection\n\t\t\t\t/>\n\t\t\t</View>\n\t\t</View>\n\t);\n}\n\nexport default withPreferredColorScheme( ShortcodeEdit );\n"],"mappings":";;;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAMA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAIO,SAASO,aAAaA,CAAEC,KAAK,EAAG;EACtC,MAAM;IACLC,UAAU;IACVC,aAAa;IACbC,OAAO;IACPC,MAAM;IACNC,wBAAwB;IACxBC;EACD,CAAC,GAAGN,KAAK;EACT,MAAMO,UAAU,GAAGF,wBAAwB,CAC1CG,cAAM,CAACC,UAAU,EACjBD,cAAM,CAACE,cACR,CAAC;EACD,MAAMC,uBAAuB,GAAGN,wBAAwB,CACvDG,cAAM,CAACI,uBAAuB,EAC9BJ,cAAM,CAACK,2BACR,CAAC;EACD,MAAMC,cAAc,GAAGT,wBAAwB,CAC9CG,cAAM,CAACO,cAAc,EACrBP,cAAM,CAACQ,kBACR,CAAC;EACD,MAAMC,gBAAgB,GAAGZ,wBAAwB,CAChDG,cAAM,CAACU,WAAW,EAClBV,cAAM,CAACW,eACR,CAAC;EAED,MAAMC,QAAQ,GACbd,UAAU,GACVK,uBAAuB,CAACU,WAAW,GACnCV,uBAAuB,CAACW,YAAY;EAErC,MAAMC,QAAQ,GAAG,IAAAC,oBAAW,EACzBC,IAAI,IAAMvB,aAAa,CAAE;IAAEuB;EAAK,CAAE,CAAC,EACrC,CAAEvB,aAAa,CAChB,CAAC;EAED,OACC,IAAAwB,MAAA,CAAAC,aAAA,EAACpC,YAAA,CAAAqC,IAAI,QACJ,IAAAF,MAAA,CAAAC,aAAA,EAACpC,YAAA,CAAAsC,IAAI;IAACC,KAAK,EAAGvB;EAAY,GAAG,IAAAwB,QAAE,EAAE,WAAY,CAAS,CAAC,EACvD,IAAAL,MAAA,CAAAC,aAAA,EAACpC,YAAA,CAAAqC,IAAI;IAACE,KAAK,EAAGnB;EAAyB,GACtC,IAAAe,MAAA,CAAAC,aAAA,EAACjC,YAAA,CAAAsC,SAAS;IACTC,qBAAqB,EAAG,CAAG;IAC3BC,KAAK,EAAGjC,UAAU,CAACwB,IAAM;IACzBK,KAAK,EAAGhB,cAAgB;IACxBS,QAAQ,EAAGA,QAAU;IACrBL,WAAW,EAAG,IAAAa,QAAE,EAAE,kBAAmB,CAAG;IACxC5B,OAAO,EAAGA,OAAS;IACnBC,MAAM,EAAGA,MAAQ;IACjB+B,oBAAoB,EAAGlB,gBAAgB,CAACmB,KAAO;IAC/ChB,QAAQ,EAAGA,QAAU;IACrBiB,qBAAqB;EAAA,CACrB,CACI,CACD,CAAC;AAET;AAAC,IAAAC,QAAA,GAEc,IAAAC,iCAAwB,EAAExC,aAAc,CAAC;AAAAyC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/build/shortcode/save.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
+var _react = require("react");
 var _element = require("@wordpress/element");
 /**
  * WordPress dependencies
@@ -12,6 +13,6 @@ var _element = require("@wordpress/element");
 function save({
   attributes
 }) {
-  return (0, _element.createElement)(_element.RawHTML, null, attributes.text);
+  return (0, _react.createElement)(_element.RawHTML, null, attributes.text);
 }
 //# sourceMappingURL=save.js.map

package/build/shortcode/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","save","attributes","createElement","RawHTML","text"],"sources":["@wordpress/block-library/src/shortcode/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.text }</RawHTML>;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,OAAO,IAAAH,QAAA,CAAAI,aAAA,EAACJ,QAAA,CAAAK,OAAO,QAAGF,UAAU,CAACG,IAAe,CAAC;AAC9C"}
+{"version":3,"names":["_element","require","save","attributes","_react","createElement","RawHTML","text"],"sources":["@wordpress/block-library/src/shortcode/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.text }</RawHTML>;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACL,QAAA,CAAAM,OAAO,QAAGH,UAAU,CAACI,IAAe,CAAC;AAC9C"}

package/build/site-logo/edit.js

@@ -5,9 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LogoEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blob = require("@wordpress/blob");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
@@ -106,7 +107,7 @@ const SiteLogo = ({
   function onResizeStop() {
     toggleSelection(true);
   }
-  const img = (0, _element.createElement)("img", {
+  const img = (0, _react.createElement)("img", {
     className: "custom-logo",
     src: logoUrl,
     alt: alt,
@@ -123,7 +124,7 @@ const SiteLogo = ({
   // should direct focus to block.
   if (isLink) {
     imgWrapper = /* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */
-    (0, _element.createElement)("a", {
+    (0, _react.createElement)("a", {
       href: siteUrl,
       className: classes,
       rel: "home",
@@ -139,7 +140,7 @@ const SiteLogo = ({
     imageWidthWithinContainer = exceedMaxWidth ? clientWidth : naturalWidth;
   }
   if (!isResizable || !imageWidthWithinContainer) {
-    return (0, _element.createElement)("div", {
+    return (0, _react.createElement)("div", {
       style: {
         width,
         height
@@ -196,7 +197,7 @@ const SiteLogo = ({
   /* eslint-enable no-lonely-if */
 
   const canEditImage = logoId && naturalWidth && naturalHeight && imageEditing;
-  const imgEdit = canEditImage && isEditingImage ? (0, _element.createElement)(_blockEditor.__experimentalImageEditor, {
+  const imgEdit = canEditImage && isEditingImage ? (0, _react.createElement)(_blockEditor.__experimentalImageEditor, {
     id: logoId,
     url: logoUrl,
     width: currentWidth,
@@ -210,7 +211,7 @@ const SiteLogo = ({
     onFinishEditing: () => {
       setIsEditingImage(false);
     }
-  }) : (0, _element.createElement)(_components.ResizableBox, {
+  }) : (0, _react.createElement)(_components.ResizableBox, {
     size: {
       width: currentWidth,
       height: currentHeight
@@ -239,15 +240,15 @@ const SiteLogo = ({
   const syncSiteIconHelpText = (0, _element.createInterpolateElement)((0, _i18n.__)('Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. To use a custom icon that is different from your site logo, use the <a>Site Icon settings</a>.'), {
     a:
     // eslint-disable-next-line jsx-a11y/anchor-has-content
-    (0, _element.createElement)("a", {
+    (0, _react.createElement)("a", {
       href: siteUrl + '/wp-admin/customize.php?autofocus[section]=title_tagline',
       target: "_blank",
       rel: "noopener noreferrer"
     })
   });
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.RangeControl, {
+  }, (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     __next40pxDefaultSize: true,
     label: (0, _i18n.__)('Image width'),
@@ -259,21 +260,21 @@ const SiteLogo = ({
     initialPosition: Math.min(defaultWidth, maxWidthBuffer),
     value: width || '',
     disabled: !isResizable
-  }), (0, _element.createElement)(_components.ToggleControl, {
+  }), (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Link image to home'),
     onChange: () => setAttributes({
       isLink: !isLink
     }),
     checked: isLink
-  }), isLink && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToggleControl, {
+  }), isLink && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Open in new tab'),
     onChange: value => setAttributes({
       linkTarget: value ? '_blank' : '_self'
     }),
     checked: linkTarget === '_blank'
-  })), canUserEdit && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToggleControl, {
+  })), canUserEdit && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Use as site icon'),
     onChange: value => {
@@ -284,9 +285,9 @@ const SiteLogo = ({
     },
     checked: !!shouldSyncIcon,
     help: syncSiteIconHelpText
-  })))), (0, _element.createElement)(_blockEditor.BlockControls, {
+  })))), (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "block"
-  }, canEditImage && !isEditingImage && (0, _element.createElement)(_components.ToolbarButton, {
+  }, canEditImage && !isEditingImage && (0, _react.createElement)(_components.ToolbarButton, {
     onClick: () => setIsEditingImage(true),
     icon: _icons.crop,
     label: (0, _i18n.__)('Crop')
@@ -299,11 +300,11 @@ function SiteLogoReplaceFlow({
   onRemoveLogo,
   ...mediaReplaceProps
 }) {
-  return (0, _element.createElement)(_blockEditor.MediaReplaceFlow, {
+  return (0, _react.createElement)(_blockEditor.MediaReplaceFlow, {
     ...mediaReplaceProps,
     allowedTypes: ALLOWED_MEDIA_TYPES,
     accept: ACCEPT_MEDIA_STRING
-  }, (0, _element.createElement)(_components.MenuItem, {
+  }, (0, _react.createElement)(_components.MenuItem, {
     onClick: onRemoveLogo
   }, (0, _i18n.__)('Reset')));
 }
@@ -318,18 +319,18 @@ const InspectorLogoPreview = ({
     media_details: logoMediaDetails
   } = mediaItemData;
   const logoLabel = logoMediaDetails?.sizes?.full?.file || logoSlug;
-  return (0, _element.createElement)(_components.__experimentalItemGroup, {
+  return (0, _react.createElement)(_components.__experimentalItemGroup, {
     ...itemGroupProps,
     as: "span"
-  }, (0, _element.createElement)(_components.__experimentalHStack, {
+  }, (0, _react.createElement)(_components.__experimentalHStack, {
     justify: "flex-start",
     as: "span"
-  }, (0, _element.createElement)("img", {
+  }, (0, _react.createElement)("img", {
     src: logoUrl,
     alt: alt
-  }), (0, _element.createElement)(_components.FlexItem, {
+  }), (0, _react.createElement)(_components.FlexItem, {
     as: "span"
-  }, (0, _element.createElement)(_components.__experimentalTruncate, {
+  }, (0, _react.createElement)(_components.__experimentalTruncate, {
     numberOfLines: 1,
     className: "block-library-site-logo__inspector-media-replace-title"
   }, logoLabel))));
@@ -462,18 +463,18 @@ function LogoEdit({
     onError: onUploadError,
     onRemoveLogo
   };
-  const controls = canUserEdit && logoUrl && (0, _element.createElement)(_blockEditor.BlockControls, {
+  const controls = canUserEdit && logoUrl && (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "other"
-  }, (0, _element.createElement)(SiteLogoReplaceFlow, {
+  }, (0, _react.createElement)(SiteLogoReplaceFlow, {
     ...mediaReplaceFlowProps
   }));
   let logoImage;
   const isLoading = siteLogoId === undefined || isRequestingMediaItem;
   if (isLoading) {
-    logoImage = (0, _element.createElement)(_components.Spinner, null);
+    logoImage = (0, _react.createElement)(_components.Spinner, null);
   }
   if (!!logoUrl) {
-    logoImage = (0, _element.createElement)(SiteLogo, {
+    logoImage = (0, _react.createElement)(SiteLogo, {
       alt: alt,
       attributes: attributes,
       className: className,
@@ -491,7 +492,7 @@ function LogoEdit({
   }
   const placeholder = content => {
     const placeholderClassName = (0, _classnames.default)('block-editor-media-placeholder', className);
-    return (0, _element.createElement)(_components.Placeholder, {
+    return (0, _react.createElement)(_components.Placeholder, {
       className: placeholderClassName,
       preview: logoImage,
       withIllustration: true,
@@ -508,43 +509,43 @@ function LogoEdit({
     className: classes
   });
   const label = (0, _i18n.__)('Add a site logo');
-  const mediaInspectorPanel = (canUserEdit || logoUrl) && (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  const mediaInspectorPanel = (canUserEdit || logoUrl) && (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Media')
-  }, (0, _element.createElement)("div", {
+  }, (0, _react.createElement)("div", {
     className: "block-library-site-logo__inspector-media-replace-container"
-  }, !canUserEdit && !!logoUrl && (0, _element.createElement)(InspectorLogoPreview, {
+  }, !canUserEdit && !!logoUrl && (0, _react.createElement)(InspectorLogoPreview, {
     mediaItemData: mediaItemData,
     itemGroupProps: {
       isBordered: true,
       className: 'block-library-site-logo__inspector-readonly-logo-preview'
     }
-  }), canUserEdit && !!logoUrl && (0, _element.createElement)(SiteLogoReplaceFlow, {
+  }), canUserEdit && !!logoUrl && (0, _react.createElement)(SiteLogoReplaceFlow, {
     ...mediaReplaceFlowProps,
-    name: (0, _element.createElement)(InspectorLogoPreview, {
+    name: (0, _react.createElement)(InspectorLogoPreview, {
       mediaItemData: mediaItemData
     }),
     popoverProps: {}
-  }), canUserEdit && !logoUrl && (0, _element.createElement)(_blockEditor.MediaUploadCheck, null, (0, _element.createElement)(_blockEditor.MediaUpload, {
+  }), canUserEdit && !logoUrl && (0, _react.createElement)(_blockEditor.MediaUploadCheck, null, (0, _react.createElement)(_blockEditor.MediaUpload, {
     onSelect: onInitialSelectLogo,
     allowedTypes: ALLOWED_MEDIA_TYPES,
     render: ({
       open
-    }) => (0, _element.createElement)("div", {
+    }) => (0, _react.createElement)("div", {
       className: "block-library-site-logo__inspector-upload-container"
-    }, (0, _element.createElement)(_components.Button, {
+    }, (0, _react.createElement)(_components.Button, {
       onClick: open,
       variant: "secondary"
-    }, isLoading ? (0, _element.createElement)(_components.Spinner, null) : (0, _i18n.__)('Add media')), (0, _element.createElement)(_components.DropZone, {
+    }, isLoading ? (0, _react.createElement)(_components.Spinner, null) : (0, _i18n.__)('Add media')), (0, _react.createElement)(_components.DropZone, {
       onFilesDrop: onFilesDrop
     }))
   })))));
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     ...blockProps
-  }, controls, mediaInspectorPanel, !!logoUrl && logoImage, !logoUrl && !canUserEdit && (0, _element.createElement)(_components.Placeholder, {
+  }, controls, mediaInspectorPanel, !!logoUrl && logoImage, !logoUrl && !canUserEdit && (0, _react.createElement)(_components.Placeholder, {
     className: "site-logo_placeholder"
-  }, !!isLoading && (0, _element.createElement)("span", {
+  }, !!isLoading && (0, _react.createElement)("span", {
     className: "components-placeholder__preview"
-  }, (0, _element.createElement)(_components.Spinner, null))), !logoUrl && canUserEdit && (0, _element.createElement)(_blockEditor.MediaPlaceholder, {
+  }, (0, _react.createElement)(_components.Spinner, null))), !logoUrl && canUserEdit && (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
     onSelect: onInitialSelectLogo,
     accept: ACCEPT_MEDIA_STRING,
     allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -553,7 +554,7 @@ function LogoEdit({
     mediaLibraryButton: ({
       open
     }) => {
-      return (0, _element.createElement)(_components.Button, {
+      return (0, _react.createElement)(_components.Button, {
         icon: _icons.upload,
         variant: "primary",
         label: label,