@wordpress/block-library 8.19.3 → 8.20.0

package/build/heading/save.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
@@ -28,11 +28,11 @@ function save({
   const className = (0, _classnames.default)({
     [`has-text-align-${textAlign}`]: textAlign
   });
-  return (0, _element.createElement)(TagName, {
+  return (0, _react.createElement)(TagName, {
     ..._blockEditor.useBlockProps.save({
       className
     })
-  }, (0, _element.createElement)(_blockEditor.RichText.Content, {
+  }, (0, _react.createElement)(_blockEditor.RichText.Content, {
     value: content
   }));
 }

package/build/heading/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","save","attributes","textAlign","content","level","TagName","className","classnames","_element","createElement","useBlockProps","RichText","Content","value"],"sources":["@wordpress/block-library/src/heading/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { textAlign, content, level } = attributes;\n\tconst TagName = 'h' + level;\n\n\tconst className = classnames( {\n\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t} );\n\n\treturn (\n\t\t<TagName { ...useBlockProps.save( { className } ) }>\n\t\t\t<RichText.Content value={ content } />\n\t\t</TagName>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGH,UAAU;EAChD,MAAMI,OAAO,GAAG,GAAG,GAAGD,KAAK;EAE3B,MAAME,SAAS,GAAG,IAAAC,mBAAU,EAAE;IAC7B,CAAG,kBAAkBL,SAAW,EAAC,GAAIA;EACtC,CAAE,CAAC;EAEH,OACC,IAAAM,QAAA,CAAAC,aAAA,EAACJ,OAAO;IAAA,GAAMK,0BAAa,CAACV,IAAI,CAAE;MAAEM;IAAU,CAAE;EAAC,GAChD,IAAAE,QAAA,CAAAC,aAAA,EAACV,YAAA,CAAAY,QAAQ,CAACC,OAAO;IAACC,KAAK,EAAGV;EAAS,CAAE,CAC7B,CAAC;AAEZ"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","save","attributes","textAlign","content","level","TagName","className","classnames","_react","createElement","useBlockProps","RichText","Content","value"],"sources":["@wordpress/block-library/src/heading/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { textAlign, content, level } = attributes;\n\tconst TagName = 'h' + level;\n\n\tconst className = classnames( {\n\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t} );\n\n\treturn (\n\t\t<TagName { ...useBlockProps.save( { className } ) }>\n\t\t\t<RichText.Content value={ content } />\n\t\t</TagName>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,IAAIA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAC9C,MAAM;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGH,UAAU;EAChD,MAAMI,OAAO,GAAG,GAAG,GAAGD,KAAK;EAE3B,MAAME,SAAS,GAAG,IAAAC,mBAAU,EAAE;IAC7B,CAAG,kBAAkBL,SAAW,EAAC,GAAIA;EACtC,CAAE,CAAC;EAEH,OACC,IAAAM,MAAA,CAAAC,aAAA,EAACJ,OAAO;IAAA,GAAMK,0BAAa,CAACV,IAAI,CAAE;MAAEM;IAAU,CAAE;EAAC,GAChD,IAAAE,MAAA,CAAAC,aAAA,EAACV,YAAA,CAAAY,QAAQ,CAACC,OAAO;IAACC,KAAK,EAAGV;EAAS,CAAE,CAC7B,CAAC;AAEZ"}

package/build/home-link/edit.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HomeEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
 var _coreData = require("@wordpress/core-data");
+var _element = require("@wordpress/element");
 /**
  * External dependencies
  */
@@ -66,13 +67,13 @@ function HomeEdit({
       });
     }
   }, [label]);
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
     ...blockProps
-  }, (0, _element.createElement)("a", {
+  }, (0, _react.createElement)("a", {
     className: "wp-block-home-link__content wp-block-navigation-item__content",
     href: homeUrl,
     onClick: preventDefault
-  }, (0, _element.createElement)(_blockEditor.RichText, {
+  }, (0, _react.createElement)(_blockEditor.RichText, {
     identifier: "label",
     className: "wp-block-home-link__label",
     value: label,

package/build/home-link/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_i18n","_data","_coreData","preventDefault","event","HomeEdit","attributes","setAttributes","context","homeUrl","useSelect","select","getUnstableBase","coreStore","home","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","textColor","backgroundColor","style","blockProps","useBlockProps","className","classnames","color","text","background","label","useEffect","undefined","__","createElement","Fragment","href","onClick","RichText","identifier","value","onChange","labelValue","placeholder","withoutInteractiveFormatting","allowedFormats"],"sources":["@wordpress/block-library/src/home-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\nconst preventDefault = ( event ) => event.preventDefault();\n\nexport default function HomeEdit( { attributes, setAttributes, context } ) {\n\tconst { homeUrl } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\t\treturn {\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t};\n\t}, [] );\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst { textColor, backgroundColor, style } = context;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( 'wp-block-navigation-item', {\n\t\t\t'has-text-color': !! textColor || !! style?.color?.text,\n\t\t\t[ `has-${ textColor }-color` ]: !! textColor,\n\t\t\t'has-background': !! backgroundColor || !! style?.color?.background,\n\t\t\t[ `has-${ backgroundColor }-background-color` ]: !! backgroundColor,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: style?.color?.text,\n\t\t\tbackgroundColor: style?.color?.background,\n\t\t},\n\t} );\n\n\tconst { label } = attributes;\n\n\tuseEffect( () => {\n\t\tif ( label === undefined ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { label: __( 'Home' ) } );\n\t\t}\n\t}, [ label ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\tclassName=\"wp-block-home-link__content wp-block-navigation-item__content\"\n\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\tonClick={ preventDefault }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\t\tclassName=\"wp-block-home-link__label\"\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\tonChange={ ( labelValue ) => {\n\t\t\t\t\t\t\tsetAttributes( { label: labelValue } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-label={ __( 'Home link text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add home link' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tallowedFormats={ [\n\t\t\t\t\t\t\t'core/bold',\n\t\t\t\t\t\t\t'core/italic',\n\t\t\t\t\t\t\t'core/image',\n\t\t\t\t\t\t\t'core/strikethrough',\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAgBA,IAAAA,QAAA,GAAAC,OAAA;AAbA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAWA,MAAMO,cAAc,GAAKC,KAAK,IAAMA,KAAK,CAACD,cAAc,CAAC,CAAC;AAE3C,SAASE,QAAQA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAQ,CAAC,EAAG;EAC1E,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5C,MAAM;MACLC,eAAe,CAAE;IAClB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IACvB,OAAO;MACNJ,OAAO,EAAEG,eAAe,CAAC,CAAC,EAAEE;IAC7B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAwC,CAAC,GAChD,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAEhC,MAAM;IAAEC,SAAS;IAAEC,eAAe;IAAEC;EAAM,CAAC,GAAGZ,OAAO;EACrD,MAAMa,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,mBAAU,EAAE,0BAA0B,EAAE;MAClD,gBAAgB,EAAE,CAAC,CAAEN,SAAS,IAAI,CAAC,CAAEE,KAAK,EAAEK,KAAK,EAAEC,IAAI;MACvD,CAAG,OAAOR,SAAW,QAAO,GAAI,CAAC,CAAEA,SAAS;MAC5C,gBAAgB,EAAE,CAAC,CAAEC,eAAe,IAAI,CAAC,CAAEC,KAAK,EAAEK,KAAK,EAAEE,UAAU;MACnE,CAAG,OAAOR,eAAiB,mBAAkB,GAAI,CAAC,CAAEA;IACrD,CAAE,CAAC;IACHC,KAAK,EAAE;MACNK,KAAK,EAAEL,KAAK,EAAEK,KAAK,EAAEC,IAAI;MACzBP,eAAe,EAAEC,KAAK,EAAEK,KAAK,EAAEE;IAChC;EACD,CAAE,CAAC;EAEH,MAAM;IAAEC;EAAM,CAAC,GAAGtB,UAAU;EAE5B,IAAAuB,kBAAS,EAAE,MAAM;IAChB,IAAKD,KAAK,KAAKE,SAAS,EAAG;MAC1Bf,uCAAuC,CAAC,CAAC;MACzCR,aAAa,CAAE;QAAEqB,KAAK,EAAE,IAAAG,QAAE,EAAE,MAAO;MAAE,CAAE,CAAC;IACzC;EACD,CAAC,EAAE,CAAEH,KAAK,CAAG,CAAC;EAEd,OACC,IAAAjC,QAAA,CAAAqC,aAAA,EAAArC,QAAA,CAAAsC,QAAA,QACC,IAAAtC,QAAA,CAAAqC,aAAA;IAAA,GAAUX;EAAU,GACnB,IAAA1B,QAAA,CAAAqC,aAAA;IACCT,SAAS,EAAC,+DAA+D;IACzEW,IAAI,EAAGzB,OAAS;IAChB0B,OAAO,EAAGhC;EAAgB,GAE1B,IAAAR,QAAA,CAAAqC,aAAA,EAACjC,YAAA,CAAAqC,QAAQ;IACRC,UAAU,EAAC,OAAO;IAClBd,SAAS,EAAC,2BAA2B;IACrCe,KAAK,EAAGV,KAAO;IACfW,QAAQ,EAAKC,UAAU,IAAM;MAC5BjC,aAAa,CAAE;QAAEqB,KAAK,EAAEY;MAAW,CAAE,CAAC;IACvC,CAAG;IACH,cAAa,IAAAT,QAAE,EAAE,gBAAiB,CAAG;IACrCU,WAAW,EAAG,IAAAV,QAAE,EAAE,eAAgB,CAAG;IACrCW,4BAA4B;IAC5BC,cAAc,EAAG,CAChB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,oBAAoB;EAClB,CACH,CACC,CACC,CACJ,CAAC;AAEL"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_i18n","_data","_coreData","_element","preventDefault","event","HomeEdit","attributes","setAttributes","context","homeUrl","useSelect","select","getUnstableBase","coreStore","home","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","textColor","backgroundColor","style","blockProps","useBlockProps","className","classnames","color","text","background","label","useEffect","undefined","__","_react","createElement","Fragment","href","onClick","RichText","identifier","value","onChange","labelValue","placeholder","withoutInteractiveFormatting","allowedFormats"],"sources":["@wordpress/block-library/src/home-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\n\nconst preventDefault = ( event ) => event.preventDefault();\n\nexport default function HomeEdit( { attributes, setAttributes, context } ) {\n\tconst { homeUrl } = useSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\t\treturn {\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t};\n\t}, [] );\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst { textColor, backgroundColor, style } = context;\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( 'wp-block-navigation-item', {\n\t\t\t'has-text-color': !! textColor || !! style?.color?.text,\n\t\t\t[ `has-${ textColor }-color` ]: !! textColor,\n\t\t\t'has-background': !! backgroundColor || !! style?.color?.background,\n\t\t\t[ `has-${ backgroundColor }-background-color` ]: !! backgroundColor,\n\t\t} ),\n\t\tstyle: {\n\t\t\tcolor: style?.color?.text,\n\t\t\tbackgroundColor: style?.color?.background,\n\t\t},\n\t} );\n\n\tconst { label } = attributes;\n\n\tuseEffect( () => {\n\t\tif ( label === undefined ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { label: __( 'Home' ) } );\n\t\t}\n\t}, [ label ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<a\n\t\t\t\t\tclassName=\"wp-block-home-link__content wp-block-navigation-item__content\"\n\t\t\t\t\thref={ homeUrl }\n\t\t\t\t\tonClick={ preventDefault }\n\t\t\t\t>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\tidentifier=\"label\"\n\t\t\t\t\t\tclassName=\"wp-block-home-link__label\"\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\tonChange={ ( labelValue ) => {\n\t\t\t\t\t\t\tsetAttributes( { label: labelValue } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-label={ __( 'Home link text' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Add home link' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tallowedFormats={ [\n\t\t\t\t\t\t\t'core/bold',\n\t\t\t\t\t\t\t'core/italic',\n\t\t\t\t\t\t\t'core/image',\n\t\t\t\t\t\t\t'core/strikethrough',\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAWA,MAAMM,cAAc,GAAKC,KAAK,IAAMA,KAAK,CAACD,cAAc,CAAC,CAAC;AAE3C,SAASE,QAAQA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAQ,CAAC,EAAG;EAC1E,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5C,MAAM;MACLC,eAAe,CAAE;IAClB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IACvB,OAAO;MACNJ,OAAO,EAAEG,eAAe,CAAC,CAAC,EAAEE;IAC7B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAwC,CAAC,GAChD,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAEhC,MAAM;IAAEC,SAAS;IAAEC,eAAe;IAAEC;EAAM,CAAC,GAAGZ,OAAO;EACrD,MAAMa,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,mBAAU,EAAE,0BAA0B,EAAE;MAClD,gBAAgB,EAAE,CAAC,CAAEN,SAAS,IAAI,CAAC,CAAEE,KAAK,EAAEK,KAAK,EAAEC,IAAI;MACvD,CAAG,OAAOR,SAAW,QAAO,GAAI,CAAC,CAAEA,SAAS;MAC5C,gBAAgB,EAAE,CAAC,CAAEC,eAAe,IAAI,CAAC,CAAEC,KAAK,EAAEK,KAAK,EAAEE,UAAU;MACnE,CAAG,OAAOR,eAAiB,mBAAkB,GAAI,CAAC,CAAEA;IACrD,CAAE,CAAC;IACHC,KAAK,EAAE;MACNK,KAAK,EAAEL,KAAK,EAAEK,KAAK,EAAEC,IAAI;MACzBP,eAAe,EAAEC,KAAK,EAAEK,KAAK,EAAEE;IAChC;EACD,CAAE,CAAC;EAEH,MAAM;IAAEC;EAAM,CAAC,GAAGtB,UAAU;EAE5B,IAAAuB,kBAAS,EAAE,MAAM;IAChB,IAAKD,KAAK,KAAKE,SAAS,EAAG;MAC1Bf,uCAAuC,CAAC,CAAC;MACzCR,aAAa,CAAE;QAAEqB,KAAK,EAAE,IAAAG,QAAE,EAAE,MAAO;MAAE,CAAE,CAAC;IACzC;EACD,CAAC,EAAE,CAAEH,KAAK,CAAG,CAAC;EAEd,OACC,IAAAI,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;IAAA,GAAUZ;EAAU,GACnB,IAAAW,MAAA,CAAAC,aAAA;IACCV,SAAS,EAAC,+DAA+D;IACzEY,IAAI,EAAG1B,OAAS;IAChB2B,OAAO,EAAGjC;EAAgB,GAE1B,IAAA6B,MAAA,CAAAC,aAAA,EAACnC,YAAA,CAAAuC,QAAQ;IACRC,UAAU,EAAC,OAAO;IAClBf,SAAS,EAAC,2BAA2B;IACrCgB,KAAK,EAAGX,KAAO;IACfY,QAAQ,EAAKC,UAAU,IAAM;MAC5BlC,aAAa,CAAE;QAAEqB,KAAK,EAAEa;MAAW,CAAE,CAAC;IACvC,CAAG;IACH,cAAa,IAAAV,QAAE,EAAE,gBAAiB,CAAG;IACrCW,WAAW,EAAG,IAAAX,QAAE,EAAE,eAAgB,CAAG;IACrCY,4BAA4B;IAC5BC,cAAc,EAAG,CAChB,WAAW,EACX,aAAa,EACb,YAAY,EACZ,oBAAoB;EAClB,CACH,CACC,CACC,CACJ,CAAC;AAEL"}

package/build/home-link/save.js

@@ -4,13 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = save;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 /**
  * WordPress dependencies
  */
 
 function save() {
-  return (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null);
+  return (0, _react.createElement)(_blockEditor.InnerBlocks.Content, null);
 }
 //# sourceMappingURL=save.js.map

package/build/home-link/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","save","_element","createElement","InnerBlocks","Content"],"sources":["@wordpress/block-library/src/home-link/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function save() {\n\treturn <InnerBlocks.Content />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAA,EAAG;EAC9B,OAAO,IAAAC,QAAA,CAAAC,aAAA,EAACJ,YAAA,CAAAK,WAAW,CAACC,OAAO,MAAE,CAAC;AAC/B"}
+{"version":3,"names":["_blockEditor","require","save","_react","createElement","InnerBlocks","Content"],"sources":["@wordpress/block-library/src/home-link/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks } from '@wordpress/block-editor';\n\nexport default function save() {\n\treturn <InnerBlocks.Content />;\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,IAAIA,CAAA,EAAG;EAC9B,OAAO,IAAAC,MAAA,CAAAC,aAAA,EAACJ,YAAA,CAAAK,WAAW,CAACC,OAAO,MAAE,CAAC;AAC/B"}

package/build/html/edit.js

@@ -5,10 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HTMLEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
+var _compose = require("@wordpress/compose");
 var _preview = _interopRequireDefault(require("./preview"));
 /**
  * WordPress dependencies
@@ -25,28 +27,33 @@ function HTMLEdit({
 }) {
   const [isPreview, setIsPreview] = (0, _element.useState)();
   const isDisabled = (0, _element.useContext)(_components.Disabled.Context);
+  const instanceId = (0, _compose.useInstanceId)(HTMLEdit, 'html-edit-desc');
   function switchToPreview() {
     setIsPreview(true);
   }
   function switchToHTML() {
     setIsPreview(false);
   }
-  return (0, _element.createElement)("div", {
-    ...(0, _blockEditor.useBlockProps)({
-      className: 'block-library-html__edit'
-    })
-  }, (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.ToolbarButton, {
+  const blockProps = (0, _blockEditor.useBlockProps)({
+    className: 'block-library-html__edit',
+    'aria-describedby': isPreview ? instanceId : undefined
+  });
+  return (0, _react.createElement)("div", {
+    ...blockProps
+  }, (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_components.ToolbarGroup, null, (0, _react.createElement)(_components.ToolbarButton, {
     className: "components-tab-button",
     isPressed: !isPreview,
     onClick: switchToHTML
-  }, "HTML"), (0, _element.createElement)(_components.ToolbarButton, {
+  }, "HTML"), (0, _react.createElement)(_components.ToolbarButton, {
     className: "components-tab-button",
     isPressed: isPreview,
     onClick: switchToPreview
-  }, (0, _i18n.__)('Preview')))), isPreview || isDisabled ? (0, _element.createElement)(_preview.default, {
+  }, (0, _i18n.__)('Preview')))), isPreview || isDisabled ? (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_preview.default, {
     content: attributes.content,
     isSelected: isSelected
-  }) : (0, _element.createElement)(_blockEditor.PlainText, {
+  }), (0, _react.createElement)(_components.VisuallyHidden, {
+    id: instanceId
+  }, (0, _i18n.__)('HTML preview is not yet fully accessible. Please switch screen reader to virtualized mode to navigate the below iFrame.'))) : (0, _react.createElement)(_blockEditor.PlainText, {
     value: attributes.content,
     onChange: content => setAttributes({
       content

package/build/html/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_blockEditor","_components","_preview","_interopRequireDefault","HTMLEdit","attributes","setAttributes","isSelected","isPreview","setIsPreview","useState","isDisabled","useContext","Disabled","Context","switchToPreview","switchToHTML","createElement","useBlockProps","className","BlockControls","ToolbarGroup","ToolbarButton","isPressed","onClick","__","default","content","PlainText","value","onChange","placeholder"],"sources":["@wordpress/block-library/src/html/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useContext, useState } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tPlainText,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { ToolbarButton, Disabled, ToolbarGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport Preview from './preview';\n\nexport default function HTMLEdit( { attributes, setAttributes, isSelected } ) {\n\tconst [ isPreview, setIsPreview ] = useState();\n\tconst isDisabled = useContext( Disabled.Context );\n\n\tfunction switchToPreview() {\n\t\tsetIsPreview( true );\n\t}\n\n\tfunction switchToHTML() {\n\t\tsetIsPreview( false );\n\t}\n\n\treturn (\n\t\t<div { ...useBlockProps( { className: 'block-library-html__edit' } ) }>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"components-tab-button\"\n\t\t\t\t\t\tisPressed={ ! isPreview }\n\t\t\t\t\t\tonClick={ switchToHTML }\n\t\t\t\t\t>\n\t\t\t\t\t\tHTML\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"components-tab-button\"\n\t\t\t\t\t\tisPressed={ isPreview }\n\t\t\t\t\t\tonClick={ switchToPreview }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t{ isPreview || isDisabled ? (\n\t\t\t\t<Preview\n\t\t\t\t\tcontent={ attributes.content }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<PlainText\n\t\t\t\t\tvalue={ attributes.content }\n\t\t\t\t\tonChange={ ( content ) => setAttributes( { content } ) }\n\t\t\t\t\tplaceholder={ __( 'Write HTML…' ) }\n\t\t\t\t\taria-label={ __( 'HTML' ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAIA,IAAAA,QAAA,GAAAC,OAAA;AADA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,QAAA,GAAAC,sBAAA,CAAAL,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGe,SAASM,QAAQA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAW,CAAC,EAAG;EAC7E,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EAC9C,MAAMC,UAAU,GAAG,IAAAC,mBAAU,EAAEC,oBAAQ,CAACC,OAAQ,CAAC;EAEjD,SAASC,eAAeA,CAAA,EAAG;IAC1BN,YAAY,CAAE,IAAK,CAAC;EACrB;EAEA,SAASO,YAAYA,CAAA,EAAG;IACvBP,YAAY,CAAE,KAAM,CAAC;EACtB;EAEA,OACC,IAAAZ,QAAA,CAAAoB,aAAA;IAAA,GAAU,IAAAC,0BAAa,EAAE;MAAEC,SAAS,EAAE;IAA2B,CAAE;EAAC,GACnE,IAAAtB,QAAA,CAAAoB,aAAA,EAACjB,YAAA,CAAAoB,aAAa,QACb,IAAAvB,QAAA,CAAAoB,aAAA,EAAChB,WAAA,CAAAoB,YAAY,QACZ,IAAAxB,QAAA,CAAAoB,aAAA,EAAChB,WAAA,CAAAqB,aAAa;IACbH,SAAS,EAAC,uBAAuB;IACjCI,SAAS,EAAG,CAAEf,SAAW;IACzBgB,OAAO,EAAGR;EAAc,GACxB,MAEc,CAAC,EAChB,IAAAnB,QAAA,CAAAoB,aAAA,EAAChB,WAAA,CAAAqB,aAAa;IACbH,SAAS,EAAC,uBAAuB;IACjCI,SAAS,EAAGf,SAAW;IACvBgB,OAAO,EAAGT;EAAiB,GAEzB,IAAAU,QAAE,EAAE,SAAU,CACF,CACF,CACA,CAAC,EACdjB,SAAS,IAAIG,UAAU,GACxB,IAAAd,QAAA,CAAAoB,aAAA,EAACf,QAAA,CAAAwB,OAAO;IACPC,OAAO,EAAGtB,UAAU,CAACsB,OAAS;IAC9BpB,UAAU,EAAGA;EAAY,CACzB,CAAC,GAEF,IAAAV,QAAA,CAAAoB,aAAA,EAACjB,YAAA,CAAA4B,SAAS;IACTC,KAAK,EAAGxB,UAAU,CAACsB,OAAS;IAC5BG,QAAQ,EAAKH,OAAO,IAAMrB,aAAa,CAAE;MAAEqB;IAAQ,CAAE,CAAG;IACxDI,WAAW,EAAG,IAAAN,QAAE,EAAE,aAAc,CAAG;IACnC,cAAa,IAAAA,QAAE,EAAE,MAAO;EAAG,CAC3B,CAEE,CAAC;AAER"}
+{"version":3,"names":["_i18n","require","_element","_blockEditor","_components","_compose","_preview","_interopRequireDefault","HTMLEdit","attributes","setAttributes","isSelected","isPreview","setIsPreview","useState","isDisabled","useContext","Disabled","Context","instanceId","useInstanceId","switchToPreview","switchToHTML","blockProps","useBlockProps","className","undefined","_react","createElement","BlockControls","ToolbarGroup","ToolbarButton","isPressed","onClick","__","Fragment","default","content","VisuallyHidden","id","PlainText","value","onChange","placeholder"],"sources":["@wordpress/block-library/src/html/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useContext, useState } from '@wordpress/element';\nimport {\n\tBlockControls,\n\tPlainText,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport {\n\tToolbarButton,\n\tDisabled,\n\tToolbarGroup,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Preview from './preview';\n\nexport default function HTMLEdit( { attributes, setAttributes, isSelected } ) {\n\tconst [ isPreview, setIsPreview ] = useState();\n\tconst isDisabled = useContext( Disabled.Context );\n\n\tconst instanceId = useInstanceId( HTMLEdit, 'html-edit-desc' );\n\n\tfunction switchToPreview() {\n\t\tsetIsPreview( true );\n\t}\n\n\tfunction switchToHTML() {\n\t\tsetIsPreview( false );\n\t}\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: 'block-library-html__edit',\n\t\t'aria-describedby': isPreview ? instanceId : undefined,\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<BlockControls>\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"components-tab-button\"\n\t\t\t\t\t\tisPressed={ ! isPreview }\n\t\t\t\t\t\tonClick={ switchToHTML }\n\t\t\t\t\t>\n\t\t\t\t\t\tHTML\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"components-tab-button\"\n\t\t\t\t\t\tisPressed={ isPreview }\n\t\t\t\t\t\tonClick={ switchToPreview }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\n\t\t\t</BlockControls>\n\t\t\t{ isPreview || isDisabled ? (\n\t\t\t\t<>\n\t\t\t\t\t<Preview\n\t\t\t\t\t\tcontent={ attributes.content }\n\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t/>\n\t\t\t\t\t<VisuallyHidden id={ instanceId }>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'HTML preview is not yet fully accessible. Please switch screen reader to virtualized mode to navigate the below iFrame.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<PlainText\n\t\t\t\t\tvalue={ attributes.content }\n\t\t\t\t\tonChange={ ( content ) => setAttributes( { content } ) }\n\t\t\t\t\tplaceholder={ __( 'Write HTML…' ) }\n\t\t\t\t\taria-label={ __( 'HTML' ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AAMA,IAAAI,QAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAC,sBAAA,CAAAN,OAAA;AArBA;AACA;AACA;;AAgBA;AACA;AACA;;AAGe,SAASO,QAAQA,CAAE;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAW,CAAC,EAAG;EAC7E,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,GAAG,IAAAC,iBAAQ,EAAC,CAAC;EAC9C,MAAMC,UAAU,GAAG,IAAAC,mBAAU,EAAEC,oBAAQ,CAACC,OAAQ,CAAC;EAEjD,MAAMC,UAAU,GAAG,IAAAC,sBAAa,EAAEZ,QAAQ,EAAE,gBAAiB,CAAC;EAE9D,SAASa,eAAeA,CAAA,EAAG;IAC1BR,YAAY,CAAE,IAAK,CAAC;EACrB;EAEA,SAASS,YAAYA,CAAA,EAAG;IACvBT,YAAY,CAAE,KAAM,CAAC;EACtB;EAEA,MAAMU,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,0BAA0B;IACrC,kBAAkB,EAAEb,SAAS,GAAGO,UAAU,GAAGO;EAC9C,CAAE,CAAC;EAEH,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAA,GAAUL;EAAU,GACnB,IAAAI,MAAA,CAAAC,aAAA,EAACzB,YAAA,CAAA0B,aAAa,QACb,IAAAF,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAA0B,YAAY,QACZ,IAAAH,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAA2B,aAAa;IACbN,SAAS,EAAC,uBAAuB;IACjCO,SAAS,EAAG,CAAEpB,SAAW;IACzBqB,OAAO,EAAGX;EAAc,GACxB,MAEc,CAAC,EAChB,IAAAK,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAA2B,aAAa;IACbN,SAAS,EAAC,uBAAuB;IACjCO,SAAS,EAAGpB,SAAW;IACvBqB,OAAO,EAAGZ;EAAiB,GAEzB,IAAAa,QAAE,EAAE,SAAU,CACF,CACF,CACA,CAAC,EACdtB,SAAS,IAAIG,UAAU,GACxB,IAAAY,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAQ,QAAA,QACC,IAAAR,MAAA,CAAAC,aAAA,EAACtB,QAAA,CAAA8B,OAAO;IACPC,OAAO,EAAG5B,UAAU,CAAC4B,OAAS;IAC9B1B,UAAU,EAAGA;EAAY,CACzB,CAAC,EACF,IAAAgB,MAAA,CAAAC,aAAA,EAACxB,WAAA,CAAAkC,cAAc;IAACC,EAAE,EAAGpB;EAAY,GAC9B,IAAAe,QAAE,EACH,yHACD,CACe,CACf,CAAC,GAEH,IAAAP,MAAA,CAAAC,aAAA,EAACzB,YAAA,CAAAqC,SAAS;IACTC,KAAK,EAAGhC,UAAU,CAAC4B,OAAS;IAC5BK,QAAQ,EAAKL,OAAO,IAAM3B,aAAa,CAAE;MAAE2B;IAAQ,CAAE,CAAG;IACxDM,WAAW,EAAG,IAAAT,QAAE,EAAE,aAAc,CAAG;IACnC,cAAa,IAAAA,QAAE,EAAE,MAAO;EAAG,CAC3B,CAEE,CAAC;AAER"}

package/build/html/preview.js

@@ -4,10 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = HTMLEditPreview;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _data = require("@wordpress/data");
+var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
  */
@@ -30,10 +32,12 @@ function HTMLEditPreview({
     return select(_blockEditor.store).getSettings()?.styles;
   }, []);
   const styles = (0, _element.useMemo)(() => [DEFAULT_STYLES, ...(0, _blockEditor.transformStyles)(settingStyles)], [settingStyles]);
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.SandBox, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.SandBox, {
     html: content,
-    styles: styles
-  }), !isSelected && (0, _element.createElement)("div", {
+    styles: styles,
+    title: (0, _i18n.__)('Custom HTML Preview'),
+    tabIndex: -1
+  }), !isSelected && (0, _react.createElement)("div", {
     className: "block-library-html__preview-overlay"
   }));
 }

package/build/html/preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_blockEditor","_components","_data","DEFAULT_STYLES","HTMLEditPreview","content","isSelected","settingStyles","useSelect","select","blockEditorStore","getSettings","styles","useMemo","transformStyles","createElement","Fragment","SandBox","html","className"],"sources":["@wordpress/block-library/src/html/preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\ttransformStyles,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\n\n// Default styles used to unset some of the styles\n// that might be inherited from the editor style.\nconst DEFAULT_STYLES = `\n\thtml,body,:root {\n\t\tmargin: 0 !important;\n\t\tpadding: 0 !important;\n\t\toverflow: visible !important;\n\t\tmin-height: auto !important;\n\t}\n`;\n\nexport default function HTMLEditPreview( { content, isSelected } ) {\n\tconst settingStyles = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings()?.styles;\n\t}, [] );\n\n\tconst styles = useMemo(\n\t\t() => [ DEFAULT_STYLES, ...transformStyles( settingStyles ) ],\n\t\t[ settingStyles ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<SandBox html={ content } styles={ styles } />\n\t\t\t{ /*\n\t\t\t\tAn overlay is added when the block is not selected in order to register click events.\n\t\t\t\tSome browsers do not bubble up the clicks from the sandboxed iframe, which makes it\n\t\t\t\tdifficult to reselect the block.\n\t\t\t*/ }\n\t\t\t{ ! isSelected && (\n\t\t\t\t<div className=\"block-library-html__preview-overlay\"></div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AATA;AACA;AACA;;AASA;AACA;AACA,MAAMI,cAAc,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEc,SAASC,eAAeA,CAAE;EAAEC,OAAO;EAAEC;AAAW,CAAC,EAAG;EAClE,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,EAAEC,MAAM;EACxD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMA,MAAM,GAAG,IAAAC,gBAAO,EACrB,MAAM,CAAEV,cAAc,EAAE,GAAG,IAAAW,4BAAe,EAAEP,aAAc,CAAC,CAAE,EAC7D,CAAEA,aAAa,CAChB,CAAC;EAED,OACC,IAAAT,QAAA,CAAAiB,aAAA,EAAAjB,QAAA,CAAAkB,QAAA,QACC,IAAAlB,QAAA,CAAAiB,aAAA,EAACd,WAAA,CAAAgB,OAAO;IAACC,IAAI,EAAGb,OAAS;IAACO,MAAM,EAAGA;EAAQ,CAAE,CAAC,EAM5C,CAAEN,UAAU,IACb,IAAAR,QAAA,CAAAiB,aAAA;IAAKI,SAAS,EAAC;EAAqC,CAAM,CAE1D,CAAC;AAEL"}
+{"version":3,"names":["_element","require","_blockEditor","_components","_data","_i18n","DEFAULT_STYLES","HTMLEditPreview","content","isSelected","settingStyles","useSelect","select","blockEditorStore","getSettings","styles","useMemo","transformStyles","_react","createElement","Fragment","SandBox","html","title","__","tabIndex","className"],"sources":["@wordpress/block-library/src/html/preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\ttransformStyles,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { SandBox } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n// Default styles used to unset some of the styles\n// that might be inherited from the editor style.\nconst DEFAULT_STYLES = `\n\thtml,body,:root {\n\t\tmargin: 0 !important;\n\t\tpadding: 0 !important;\n\t\toverflow: visible !important;\n\t\tmin-height: auto !important;\n\t}\n`;\n\nexport default function HTMLEditPreview( { content, isSelected } ) {\n\tconst settingStyles = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings()?.styles;\n\t}, [] );\n\n\tconst styles = useMemo(\n\t\t() => [ DEFAULT_STYLES, ...transformStyles( settingStyles ) ],\n\t\t[ settingStyles ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<SandBox\n\t\t\t\thtml={ content }\n\t\t\t\tstyles={ styles }\n\t\t\t\ttitle={ __( 'Custom HTML Preview' ) }\n\t\t\t\ttabIndex={ -1 }\n\t\t\t/>\n\t\t\t{ /*\n\t\t\t\tAn overlay is added when the block is not selected in order to register click events.\n\t\t\t\tSome browsers do not bubble up the clicks from the sandboxed iframe, which makes it\n\t\t\t\tdifficult to reselect the block.\n\t\t\t*/ }\n\t\t\t{ ! isSelected && (\n\t\t\t\t<div className=\"block-library-html__preview-overlay\"></div>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAUA;AACA;AACA,MAAMK,cAAc,GAAI;AACxB;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEc,SAASC,eAAeA,CAAE;EAAEC,OAAO;EAAEC;AAAW,CAAC,EAAG;EAClE,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,EAAEC,MAAM;EACxD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMA,MAAM,GAAG,IAAAC,gBAAO,EACrB,MAAM,CAAEV,cAAc,EAAE,GAAG,IAAAW,4BAAe,EAAEP,aAAc,CAAC,CAAE,EAC7D,CAAEA,aAAa,CAChB,CAAC;EAED,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAAChB,WAAA,CAAAkB,OAAO;IACPC,IAAI,EAAGd,OAAS;IAChBO,MAAM,EAAGA,MAAQ;IACjBQ,KAAK,EAAG,IAAAC,QAAE,EAAE,qBAAsB,CAAG;IACrCC,QAAQ,EAAG,CAAC;EAAG,CACf,CAAC,EAMA,CAAEhB,UAAU,IACb,IAAAS,MAAA,CAAAC,aAAA;IAAKO,SAAS,EAAC;EAAqC,CAAM,CAE1D,CAAC;AAEL"}

package/build/html/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.content);
+  return (0, _react.createElement)(_element.RawHTML, null, attributes.content);
 }
 //# sourceMappingURL=save.js.map

package/build/html/save.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","save","attributes","createElement","RawHTML","content"],"sources":["@wordpress/block-library/src/html/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.content }</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,OAAkB,CAAC;AACjD"}
+{"version":3,"names":["_element","require","save","attributes","_react","createElement","RawHTML","content"],"sources":["@wordpress/block-library/src/html/save.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RawHTML } from '@wordpress/element';\n\nexport default function save( { attributes } ) {\n\treturn <RawHTML>{ attributes.content }</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,OAAkB,CAAC;AACjD"}

package/build/image/deprecated.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _blockEditor = require("@wordpress/block-editor");
 /**
@@ -77,7 +77,7 @@ const v1 = {
       width,
       height
     } : {};
-    const image = (0, _element.createElement)("img", {
+    const image = (0, _react.createElement)("img", {
       src: url,
       alt: alt,
       ...extraImageProps
@@ -92,12 +92,12 @@ const v1 = {
         maxWidth: '50%'
       };
     }
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       className: align ? `align${align}` : null,
       style: figureStyle
-    }, href ? (0, _element.createElement)("a", {
+    }, href ? (0, _react.createElement)("a", {
       href: href
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "figcaption",
       value: caption
     }));
@@ -162,18 +162,18 @@ const v2 = {
       height,
       id
     } = attributes;
-    const image = (0, _element.createElement)("img", {
+    const image = (0, _react.createElement)("img", {
       src: url,
       alt: alt,
       className: id ? `wp-image-${id}` : null,
       width: width,
       height: height
     });
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       className: align ? `align${align}` : null
-    }, href ? (0, _element.createElement)("a", {
+    }, href ? (0, _react.createElement)("a", {
       href: href
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "figcaption",
       value: caption
     }));
@@ -245,18 +245,18 @@ const v3 = {
       [`align${align}`]: align,
       'is-resized': width || height
     });
-    const image = (0, _element.createElement)("img", {
+    const image = (0, _react.createElement)("img", {
       src: url,
       alt: alt,
       className: id ? `wp-image-${id}` : null,
       width: width,
       height: height
     });
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       className: classes
-    }, href ? (0, _element.createElement)("a", {
+    }, href ? (0, _react.createElement)("a", {
       href: href
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "figcaption",
       value: caption
     }));
@@ -364,7 +364,7 @@ const v4 = {
       [`size-${sizeSlug}`]: sizeSlug,
       'is-resized': width || height
     });
-    const image = (0, _element.createElement)("img", {
+    const image = (0, _react.createElement)("img", {
       src: url,
       alt: alt,
       className: id ? `wp-image-${id}` : null,
@@ -372,23 +372,23 @@ const v4 = {
       height: height,
       title: title
     });
-    const figure = (0, _element.createElement)(_element.Fragment, null, href ? (0, _element.createElement)("a", {
+    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
       className: linkClass,
       href: href,
       target: linkTarget,
       rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "figcaption",
       value: caption
     }));
     if ('left' === align || 'right' === align || 'center' === align) {
-      return (0, _element.createElement)("div", {
+      return (0, _react.createElement)("div", {
         ..._blockEditor.useBlockProps.save()
-      }, (0, _element.createElement)("figure", {
+      }, (0, _react.createElement)("figure", {
         className: classes
       }, figure));
     }
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
       })
@@ -518,7 +518,7 @@ const v5 = {
       [`size-${sizeSlug}`]: sizeSlug,
       'is-resized': width || height
     });
-    const image = (0, _element.createElement)("img", {
+    const image = (0, _react.createElement)("img", {
       src: url,
       alt: alt,
       className: id ? `wp-image-${id}` : null,
@@ -526,16 +526,16 @@ const v5 = {
       height: height,
       title: title
     });
-    const figure = (0, _element.createElement)(_element.Fragment, null, href ? (0, _element.createElement)("a", {
+    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
       className: linkClass,
       href: href,
       target: linkTarget,
       rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       tagName: "figcaption",
       value: caption
     }));
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
       })
@@ -681,7 +681,7 @@ const v6 = {
     const imageClasses = (0, _classnames.default)(borderProps.className, {
       [`wp-image-${id}`]: !!id
     });
-    const image = (0, _element.createElement)("img", {
+    const image = (0, _react.createElement)("img", {
       src: url,
       alt: alt,
       className: imageClasses || undefined,
@@ -694,17 +694,17 @@ const v6 = {
       height: height,
       title: title
     });
-    const figure = (0, _element.createElement)(_element.Fragment, null, href ? (0, _element.createElement)("a", {
+    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
       className: linkClass,
       href: href,
       target: linkTarget,
       rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
       tagName: "figcaption",
       value: caption
     }));
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
       })
@@ -863,7 +863,7 @@ const v7 = {
     const imageClasses = (0, _classnames.default)(borderProps.className, {
       [`wp-image-${id}`]: !!id
     });
-    const image = (0, _element.createElement)("img", {
+    const image = (0, _react.createElement)("img", {
       src: url,
       alt: alt,
       className: imageClasses || undefined,
@@ -878,17 +878,17 @@ const v7 = {
       height: height,
       title: title
     });
-    const figure = (0, _element.createElement)(_element.Fragment, null, href ? (0, _element.createElement)("a", {
+    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
       className: linkClass,
       href: href,
       target: linkTarget,
       rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
       tagName: "figcaption",
       value: caption
     }));
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
       })
@@ -1055,7 +1055,7 @@ const v8 = {
     const imageClasses = (0, _classnames.default)(borderProps.className, {
       [`wp-image-${id}`]: !!id
     });
-    const image = (0, _element.createElement)("img", {
+    const image = (0, _react.createElement)("img", {
       src: url,
       alt: alt,
       className: imageClasses || undefined,
@@ -1068,17 +1068,17 @@ const v8 = {
       },
       title: title
     });
-    const figure = (0, _element.createElement)(_element.Fragment, null, href ? (0, _element.createElement)("a", {
+    const figure = (0, _react.createElement)(_react.Fragment, null, href ? (0, _react.createElement)("a", {
       className: linkClass,
       href: href,
       target: linkTarget,
       rel: newRel
-    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    }, image) : image, !_blockEditor.RichText.isEmpty(caption) && (0, _react.createElement)(_blockEditor.RichText.Content, {
       className: (0, _blockEditor.__experimentalGetElementClassName)('caption'),
       tagName: "figcaption",
       value: caption
     }));
-    return (0, _element.createElement)("figure", {
+    return (0, _react.createElement)("figure", {
       ..._blockEditor.useBlockProps.save({
         className: classes
       })