@wordpress/widgets 3.35.0 → 4.0.1

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## Unreleased
 
+## 4.0.0 (2024-05-31)
+
+### Breaking Changes
+
+-   Increase the minimum required Node.js version to v18.12.0 matching long-term support releases ([#31270](https://github.com/WordPress/gutenberg/pull/61930)). Learn more about [Node.js releases](https://nodejs.org/en/about/previous-releases).
+
 ## 3.35.0 (2024-05-16)
 
 ### Internal

package/build/blocks/legacy-widget/edit/convert-to-blocks-button.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ConvertToBlocksButton;
-var _react = require("react");
 var _data = require("@wordpress/data");
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
 var _blocks = require("@wordpress/blocks");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -21,7 +21,7 @@ function ConvertToBlocksButton({
   const {
     replaceBlocks
   } = (0, _data.useDispatch)(_blockEditor.store);
-  return (0, _react.createElement)(_components.ToolbarButton, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
     onClick: () => {
       if (rawInstance.title) {
         replaceBlocks(clientId, [(0, _blocks.createBlock)('core/heading', {
@@ -34,7 +34,8 @@ function ConvertToBlocksButton({
           HTML: rawInstance.text
         }));
       }
-    }
-  }, (0, _i18n.__)('Convert to blocks'));
+    },
+    children: (0, _i18n.__)('Convert to blocks')
+  });
 }
 //# sourceMappingURL=convert-to-blocks-button.js.map

package/build/blocks/legacy-widget/edit/convert-to-blocks-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_blockEditor","_components","_blocks","_i18n","ConvertToBlocksButton","clientId","rawInstance","replaceBlocks","useDispatch","blockEditorStore","_react","createElement","ToolbarButton","onClick","title","createBlock","content","rawHandler","HTML","text","__"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/convert-to-blocks-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { createBlock, rawHandler } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ConvertToBlocksButton( { clientId, rawInstance } ) {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<ToolbarButton\n\t\t\tonClick={ () => {\n\t\t\t\tif ( rawInstance.title ) {\n\t\t\t\t\treplaceBlocks( clientId, [\n\t\t\t\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\t\t\t\tcontent: rawInstance.title,\n\t\t\t\t\t\t} ),\n\t\t\t\t\t\t...rawHandler( { HTML: rawInstance.text } ),\n\t\t\t\t\t] );\n\t\t\t\t} else {\n\t\t\t\t\treplaceBlocks(\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\trawHandler( { HTML: rawInstance.text } )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Convert to blocks' ) }\n\t\t</ToolbarButton>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAPA;AACA;AACA;;AAOe,SAASK,qBAAqBA,CAAE;EAAEC,QAAQ;EAAEC;AAAY,CAAC,EAAG;EAC1E,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAEzD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACV,WAAA,CAAAW,aAAa;IACbC,OAAO,EAAGA,CAAA,KAAM;MACf,IAAKP,WAAW,CAACQ,KAAK,EAAG;QACxBP,aAAa,CAAEF,QAAQ,EAAE,CACxB,IAAAU,mBAAW,EAAE,cAAc,EAAE;UAC5BC,OAAO,EAAEV,WAAW,CAACQ;QACtB,CAAE,CAAC,EACH,GAAG,IAAAG,kBAAU,EAAE;UAAEC,IAAI,EAAEZ,WAAW,CAACa;QAAK,CAAE,CAAC,CAC1C,CAAC;MACJ,CAAC,MAAM;QACNZ,aAAa,CACZF,QAAQ,EACR,IAAAY,kBAAU,EAAE;UAAEC,IAAI,EAAEZ,WAAW,CAACa;QAAK,CAAE,CACxC,CAAC;MACF;IACD;EAAG,GAED,IAAAC,QAAE,EAAE,mBAAoB,CACZ,CAAC;AAElB","ignoreList":[]}
+{"version":3,"names":["_data","require","_blockEditor","_components","_blocks","_i18n","_jsxRuntime","ConvertToBlocksButton","clientId","rawInstance","replaceBlocks","useDispatch","blockEditorStore","jsx","ToolbarButton","onClick","title","createBlock","content","rawHandler","HTML","text","children","__"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/convert-to-blocks-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { createBlock, rawHandler } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\nexport default function ConvertToBlocksButton( { clientId, rawInstance } ) {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\n\treturn (\n\t\t<ToolbarButton\n\t\t\tonClick={ () => {\n\t\t\t\tif ( rawInstance.title ) {\n\t\t\t\t\treplaceBlocks( clientId, [\n\t\t\t\t\t\tcreateBlock( 'core/heading', {\n\t\t\t\t\t\t\tcontent: rawInstance.title,\n\t\t\t\t\t\t} ),\n\t\t\t\t\t\t...rawHandler( { HTML: rawInstance.text } ),\n\t\t\t\t\t] );\n\t\t\t\t} else {\n\t\t\t\t\treplaceBlocks(\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\trawHandler( { HTML: rawInstance.text } )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} }\n\t\t>\n\t\t\t{ __( 'Convert to blocks' ) }\n\t\t</ToolbarButton>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAAqC,IAAAK,WAAA,GAAAL,OAAA;AAPrC;AACA;AACA;;AAOe,SAASM,qBAAqBA,CAAE;EAAEC,QAAQ;EAAEC;AAAY,CAAC,EAAG;EAC1E,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAEzD,oBACC,IAAAN,WAAA,CAAAO,GAAA,EAACV,WAAA,CAAAW,aAAa;IACbC,OAAO,EAAGA,CAAA,KAAM;MACf,IAAKN,WAAW,CAACO,KAAK,EAAG;QACxBN,aAAa,CAAEF,QAAQ,EAAE,CACxB,IAAAS,mBAAW,EAAE,cAAc,EAAE;UAC5BC,OAAO,EAAET,WAAW,CAACO;QACtB,CAAE,CAAC,EACH,GAAG,IAAAG,kBAAU,EAAE;UAAEC,IAAI,EAAEX,WAAW,CAACY;QAAK,CAAE,CAAC,CAC1C,CAAC;MACJ,CAAC,MAAM;QACNX,aAAa,CACZF,QAAQ,EACR,IAAAW,kBAAU,EAAE;UAAEC,IAAI,EAAEX,WAAW,CAACY;QAAK,CAAE,CACxC,CAAC;MACF;IACD,CAAG;IAAAC,QAAA,EAED,IAAAC,QAAE,EAAE,mBAAoB;EAAC,CACb,CAAC;AAElB","ignoreList":[]}

package/build/blocks/legacy-widget/edit/form.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Form;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
@@ -14,6 +13,7 @@ var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _compose = require("@wordpress/compose");
 var _control = _interopRequireDefault(require("./control"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -79,31 +79,36 @@ function Form({
     };
   }, [id, idBase, instance, onChangeInstance, onChangeHasPreview, isMediumLargeViewport]);
   if (isWide && isMediumLargeViewport) {
-    return (0, _react.createElement)("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _clsx.default)({
         'wp-block-legacy-widget__container': isVisible
-      })
-    }, isVisible && (0, _react.createElement)("h3", {
-      className: "wp-block-legacy-widget__edit-form-title"
-    }, title), (0, _react.createElement)(_components.Popover, {
-      focusOnMount: false,
-      placement: "right",
-      offset: 32,
-      resize: false,
-      flip: false,
-      shift: true
-    }, (0, _react.createElement)("div", {
-      ref: ref,
-      className: "wp-block-legacy-widget__edit-form",
-      hidden: !isVisible
-    })));
+      }),
+      children: [isVisible && /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+        className: "wp-block-legacy-widget__edit-form-title",
+        children: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
+        focusOnMount: false,
+        placement: "right",
+        offset: 32,
+        resize: false,
+        flip: false,
+        shift: true,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: ref,
+          className: "wp-block-legacy-widget__edit-form",
+          hidden: !isVisible
+        })
+      })]
+    });
   }
-  return (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: ref,
     className: "wp-block-legacy-widget__edit-form",
-    hidden: !isVisible
-  }, (0, _react.createElement)("h3", {
-    className: "wp-block-legacy-widget__edit-form-title"
-  }, title));
+    hidden: !isVisible,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+      className: "wp-block-legacy-widget__edit-form-title",
+      children: title
+    })
+  });
 }
 //# sourceMappingURL=form.js.map

package/build/blocks/legacy-widget/edit/form.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_data","_notices","_i18n","_components","_compose","_control","Form","title","isVisible","id","idBase","instance","isWide","onChangeInstance","onChangeHasPreview","ref","useRef","isMediumLargeViewport","useViewportMatch","outgoingInstances","Set","incomingInstances","createNotice","useDispatch","noticesStore","useEffect","current","has","delete","control","Control","nextInstance","add","onError","error","window","console","sprintf","__","appendChild","element","destroy","_react","createElement","className","clsx","Popover","focusOnMount","placement","offset","resize","flip","shift","hidden"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/form.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Control from './control';\n\nexport default function Form( {\n\ttitle,\n\tisVisible,\n\tid,\n\tidBase,\n\tinstance,\n\tisWide,\n\tonChangeInstance,\n\tonChangeHasPreview,\n} ) {\n\tconst ref = useRef();\n\n\tconst isMediumLargeViewport = useViewportMatch( 'small' );\n\n\t// We only want to remount the control when the instance changes\n\t// *externally*. For example, if the user performs an undo. To do this, we\n\t// keep track of changes made to instance by the control itself and then\n\t// ignore those.\n\tconst outgoingInstances = useRef( new Set() );\n\tconst incomingInstances = useRef( new Set() );\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\n\tuseEffect( () => {\n\t\tif ( incomingInstances.current.has( instance ) ) {\n\t\t\tincomingInstances.current.delete( instance );\n\t\t\treturn;\n\t\t}\n\n\t\tconst control = new Control( {\n\t\t\tid,\n\t\t\tidBase,\n\t\t\tinstance,\n\t\t\tonChangeInstance( nextInstance ) {\n\t\t\t\toutgoingInstances.current.add( instance );\n\t\t\t\tincomingInstances.current.add( nextInstance );\n\t\t\t\tonChangeInstance( nextInstance );\n\t\t\t},\n\t\t\tonChangeHasPreview,\n\t\t\tonError( error ) {\n\t\t\t\twindow.console.error( error );\n\t\t\t\tcreateNotice(\n\t\t\t\t\t'error',\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: %s: the name of the affected block. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'The \"%s\" block was affected by errors and may not function properly. Check the developer tools for more details.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tidBase || id\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t},\n\t\t} );\n\n\t\tref.current.appendChild( control.element );\n\n\t\treturn () => {\n\t\t\tif ( outgoingInstances.current.has( instance ) ) {\n\t\t\t\toutgoingInstances.current.delete( instance );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcontrol.destroy();\n\t\t};\n\t}, [\n\t\tid,\n\t\tidBase,\n\t\tinstance,\n\t\tonChangeInstance,\n\t\tonChangeHasPreview,\n\t\tisMediumLargeViewport,\n\t] );\n\n\tif ( isWide && isMediumLargeViewport ) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={ clsx( {\n\t\t\t\t\t'wp-block-legacy-widget__container': isVisible,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ isVisible && (\n\t\t\t\t\t<h3 className=\"wp-block-legacy-widget__edit-form-title\">\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</h3>\n\t\t\t\t) }\n\t\t\t\t<Popover\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\tplacement=\"right\"\n\t\t\t\t\toffset={ 32 }\n\t\t\t\t\tresize={ false }\n\t\t\t\t\tflip={ false }\n\t\t\t\t\tshift\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-legacy-widget__edit-form\"\n\t\t\t\t\t\thidden={ ! isVisible }\n\t\t\t\t\t></div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tclassName=\"wp-block-legacy-widget__edit-form\"\n\t\t\thidden={ ! isVisible }\n\t\t>\n\t\t\t<h3 className=\"wp-block-legacy-widget__edit-form-title\">\n\t\t\t\t{ title }\n\t\t\t</h3>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_data","_notices","_i18n","_components","_compose","_control","_jsxRuntime","Form","title","isVisible","id","idBase","instance","isWide","onChangeInstance","onChangeHasPreview","ref","useRef","isMediumLargeViewport","useViewportMatch","outgoingInstances","Set","incomingInstances","createNotice","useDispatch","noticesStore","useEffect","current","has","delete","control","Control","nextInstance","add","onError","error","window","console","sprintf","__","appendChild","element","destroy","jsxs","className","clsx","children","jsx","Popover","focusOnMount","placement","offset","resize","flip","shift","hidden"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/form.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Popover } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport Control from './control';\n\nexport default function Form( {\n\ttitle,\n\tisVisible,\n\tid,\n\tidBase,\n\tinstance,\n\tisWide,\n\tonChangeInstance,\n\tonChangeHasPreview,\n} ) {\n\tconst ref = useRef();\n\n\tconst isMediumLargeViewport = useViewportMatch( 'small' );\n\n\t// We only want to remount the control when the instance changes\n\t// *externally*. For example, if the user performs an undo. To do this, we\n\t// keep track of changes made to instance by the control itself and then\n\t// ignore those.\n\tconst outgoingInstances = useRef( new Set() );\n\tconst incomingInstances = useRef( new Set() );\n\n\tconst { createNotice } = useDispatch( noticesStore );\n\n\tuseEffect( () => {\n\t\tif ( incomingInstances.current.has( instance ) ) {\n\t\t\tincomingInstances.current.delete( instance );\n\t\t\treturn;\n\t\t}\n\n\t\tconst control = new Control( {\n\t\t\tid,\n\t\t\tidBase,\n\t\t\tinstance,\n\t\t\tonChangeInstance( nextInstance ) {\n\t\t\t\toutgoingInstances.current.add( instance );\n\t\t\t\tincomingInstances.current.add( nextInstance );\n\t\t\t\tonChangeInstance( nextInstance );\n\t\t\t},\n\t\t\tonChangeHasPreview,\n\t\t\tonError( error ) {\n\t\t\t\twindow.console.error( error );\n\t\t\t\tcreateNotice(\n\t\t\t\t\t'error',\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: %s: the name of the affected block. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'The \"%s\" block was affected by errors and may not function properly. Check the developer tools for more details.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tidBase || id\n\t\t\t\t\t)\n\t\t\t\t);\n\t\t\t},\n\t\t} );\n\n\t\tref.current.appendChild( control.element );\n\n\t\treturn () => {\n\t\t\tif ( outgoingInstances.current.has( instance ) ) {\n\t\t\t\toutgoingInstances.current.delete( instance );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tcontrol.destroy();\n\t\t};\n\t}, [\n\t\tid,\n\t\tidBase,\n\t\tinstance,\n\t\tonChangeInstance,\n\t\tonChangeHasPreview,\n\t\tisMediumLargeViewport,\n\t] );\n\n\tif ( isWide && isMediumLargeViewport ) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName={ clsx( {\n\t\t\t\t\t'wp-block-legacy-widget__container': isVisible,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t{ isVisible && (\n\t\t\t\t\t<h3 className=\"wp-block-legacy-widget__edit-form-title\">\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</h3>\n\t\t\t\t) }\n\t\t\t\t<Popover\n\t\t\t\t\tfocusOnMount={ false }\n\t\t\t\t\tplacement=\"right\"\n\t\t\t\t\toffset={ 32 }\n\t\t\t\t\tresize={ false }\n\t\t\t\t\tflip={ false }\n\t\t\t\t\tshift\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\tclassName=\"wp-block-legacy-widget__edit-form\"\n\t\t\t\t\t\thidden={ ! isVisible }\n\t\t\t\t\t></div>\n\t\t\t\t</Popover>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tclassName=\"wp-block-legacy-widget__edit-form\"\n\t\t\thidden={ ! isVisible }\n\t\t>\n\t\t\t<h3 className=\"wp-block-legacy-widget__edit-form-title\">\n\t\t\t\t{ title }\n\t\t\t</h3>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/blocks/legacy-widget/edit/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Edit;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _blockEditor = require("@wordpress/block-editor");
 var _components = require("@wordpress/components");
@@ -20,6 +19,7 @@ var _form = _interopRequireDefault(require("./form"));
 var _preview = _interopRequireDefault(require("./preview"));
 var _noPreview = _interopRequireDefault(require("./no-preview"));
 var _convertToBlocksButton = _interopRequireDefault(require("./convert-to-blocks-button"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -45,13 +45,14 @@ function Edit(props) {
       'is-wide-widget': isWide
     })
   });
-  return (0, _react.createElement)("div", {
-    ...blockProps
-  }, !id && !idBase ? (0, _react.createElement)(Empty, {
-    ...props
-  }) : (0, _react.createElement)(NotEmpty, {
-    ...props
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    ...blockProps,
+    children: !id && !idBase ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Empty, {
+      ...props
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NotEmpty, {
+      ...props
+    })
+  });
 }
 function Empty({
   attributes: {
@@ -60,38 +61,43 @@ function Empty({
   },
   setAttributes
 }) {
-  return (0, _react.createElement)(_components.Placeholder, {
-    icon: (0, _react.createElement)(_blockEditor.BlockIcon, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
+    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockIcon, {
       icon: _icons.brush
     }),
-    label: (0, _i18n.__)('Legacy Widget')
-  }, (0, _react.createElement)(_components.Flex, null, (0, _react.createElement)(_components.FlexBlock, null, (0, _react.createElement)(_widgetTypeSelector.default, {
-    selectedId: id !== null && id !== void 0 ? id : idBase,
-    onSelect: ({
-      selectedId,
-      isMulti
-    }) => {
-      if (!selectedId) {
-        setAttributes({
-          id: null,
-          idBase: null,
-          instance: null
-        });
-      } else if (isMulti) {
-        setAttributes({
-          id: null,
-          idBase: selectedId,
-          instance: {}
-        });
-      } else {
-        setAttributes({
-          id: selectedId,
-          idBase: null,
-          instance: null
-        });
-      }
-    }
-  }))));
+    label: (0, _i18n.__)('Legacy Widget'),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexBlock, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_widgetTypeSelector.default, {
+          selectedId: id !== null && id !== void 0 ? id : idBase,
+          onSelect: ({
+            selectedId,
+            isMulti
+          }) => {
+            if (!selectedId) {
+              setAttributes({
+                id: null,
+                idBase: null,
+                instance: null
+              });
+            } else if (isMulti) {
+              setAttributes({
+                id: null,
+                idBase: selectedId,
+                instance: {}
+              });
+            } else {
+              setAttributes({
+                id: selectedId,
+                idBase: null,
+                instance: null
+              });
+            }
+          }
+        })
+      })
+    })
+  });
 }
 function NotEmpty({
   attributes: {
@@ -117,40 +123,52 @@ function NotEmpty({
     });
   }, []);
   if (!widgetType && hasResolvedWidgetType) {
-    return (0, _react.createElement)(_components.Placeholder, {
-      icon: (0, _react.createElement)(_blockEditor.BlockIcon, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
+      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockIcon, {
         icon: _icons.brush
       }),
-      label: (0, _i18n.__)('Legacy Widget')
-    }, (0, _i18n.__)('Widget is missing.'));
+      label: (0, _i18n.__)('Legacy Widget'),
+      children: (0, _i18n.__)('Widget is missing.')
+    });
   }
   if (!hasResolvedWidgetType) {
-    return (0, _react.createElement)(_components.Placeholder, null, (0, _react.createElement)(_components.Spinner, null));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
+    });
   }
   const mode = idBase && (isNavigationMode || !isSelected) ? 'preview' : 'edit';
-  return (0, _react.createElement)(_react.Fragment, null, idBase === 'text' && (0, _react.createElement)(_blockEditor.BlockControls, {
-    group: "other"
-  }, (0, _react.createElement)(_convertToBlocksButton.default, {
-    clientId: clientId,
-    rawInstance: instance.raw
-  })), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_inspectorCard.default, {
-    name: widgetType.name,
-    description: widgetType.description
-  })), (0, _react.createElement)(_form.default, {
-    title: widgetType.name,
-    isVisible: mode === 'edit',
-    id: id,
-    idBase: idBase,
-    instance: instance,
-    isWide: isWide,
-    onChangeInstance: setInstance,
-    onChangeHasPreview: setHasPreview
-  }), idBase && (0, _react.createElement)(_react.Fragment, null, hasPreview === null && mode === 'preview' && (0, _react.createElement)(_components.Placeholder, null, (0, _react.createElement)(_components.Spinner, null)), hasPreview === true && (0, _react.createElement)(_preview.default, {
-    idBase: idBase,
-    instance: instance,
-    isVisible: mode === 'preview'
-  }), hasPreview === false && mode === 'preview' && (0, _react.createElement)(_noPreview.default, {
-    name: widgetType.name
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [idBase === 'text' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+      group: "other",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_convertToBlocksButton.default, {
+        clientId: clientId,
+        rawInstance: instance.raw
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorCard.default, {
+        name: widgetType.name,
+        description: widgetType.description
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_form.default, {
+      title: widgetType.name,
+      isVisible: mode === 'edit',
+      id: id,
+      idBase: idBase,
+      instance: instance,
+      isWide: isWide,
+      onChangeInstance: setInstance,
+      onChangeHasPreview: setHasPreview
+    }), idBase && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [hasPreview === null && mode === 'preview' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
+      }), hasPreview === true && /*#__PURE__*/(0, _jsxRuntime.jsx)(_preview.default, {
+        idBase: idBase,
+        instance: instance,
+        isVisible: mode === 'preview'
+      }), hasPreview === false && mode === 'preview' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_noPreview.default, {
+        name: widgetType.name
+      })]
+    })]
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/blocks/legacy-widget/edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_components","_icons","_i18n","_element","_data","_coreData","_widgetTypeSelector","_inspectorCard","_form","_preview","_noPreview","_convertToBlocksButton","Edit","props","id","idBase","attributes","isWide","blockProps","useBlockProps","className","clsx","_react","createElement","Empty","NotEmpty","setAttributes","Placeholder","icon","BlockIcon","brushIcon","label","__","Flex","FlexBlock","default","selectedId","onSelect","isMulti","instance","clientId","isSelected","hasPreview","setHasPreview","useState","widgetTypeId","record","widgetType","hasResolved","hasResolvedWidgetType","useEntityRecord","isNavigationMode","useSelect","select","blockEditorStore","setInstance","useCallback","nextInstance","Spinner","mode","Fragment","BlockControls","group","rawInstance","raw","InspectorControls","name","description","title","isVisible","onChangeInstance","onChangeHasPreview"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockControls,\n\tInspectorControls,\n\tBlockIcon,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';\nimport { brush as brushIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityRecord } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport WidgetTypeSelector from './widget-type-selector';\nimport InspectorCard from './inspector-card';\nimport Form from './form';\nimport Preview from './preview';\nimport NoPreview from './no-preview';\nimport ConvertToBlocksButton from './convert-to-blocks-button';\n\nexport default function Edit( props ) {\n\tconst { id, idBase } = props.attributes;\n\tconst { isWide = false } = props;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t'is-wide-widget': isWide,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ ! id && ! idBase ? (\n\t\t\t\t<Empty { ...props } />\n\t\t\t) : (\n\t\t\t\t<NotEmpty { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction Empty( { attributes: { id, idBase }, setAttributes } ) {\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexBlock>\n\t\t\t\t\t<WidgetTypeSelector\n\t\t\t\t\t\tselectedId={ id ?? idBase }\n\t\t\t\t\t\tonSelect={ ( { selectedId, isMulti } ) => {\n\t\t\t\t\t\t\tif ( ! selectedId ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else if ( isMulti ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: selectedId,\n\t\t\t\t\t\t\t\t\tinstance: {},\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: selectedId,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\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/>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Placeholder>\n\t);\n}\n\nfunction NotEmpty( {\n\tattributes: { id, idBase, instance },\n\tsetAttributes,\n\tclientId,\n\tisSelected,\n\tisWide = false,\n} ) {\n\tconst [ hasPreview, setHasPreview ] = useState( null );\n\n\tconst widgetTypeId = id ?? idBase;\n\tconst { record: widgetType, hasResolved: hasResolvedWidgetType } =\n\t\tuseEntityRecord( 'root', 'widgetType', widgetTypeId );\n\n\tconst isNavigationMode = useSelect(\n\t\t( select ) => select( blockEditorStore ).isNavigationMode(),\n\t\t[]\n\t);\n\n\tconst setInstance = useCallback( ( nextInstance ) => {\n\t\tsetAttributes( { instance: nextInstance } );\n\t}, [] );\n\n\tif ( ! widgetType && hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Widget is missing.' ) }\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tif ( ! hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder>\n\t\t\t\t<Spinner />\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tconst mode =\n\t\tidBase && ( isNavigationMode || ! isSelected ) ? 'preview' : 'edit';\n\n\treturn (\n\t\t<>\n\t\t\t{ idBase === 'text' && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ConvertToBlocksButton\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\trawInstance={ instance.raw }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\n\t\t\t<InspectorControls>\n\t\t\t\t<InspectorCard\n\t\t\t\t\tname={ widgetType.name }\n\t\t\t\t\tdescription={ widgetType.description }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\n\t\t\t<Form\n\t\t\t\ttitle={ widgetType.name }\n\t\t\t\tisVisible={ mode === 'edit' }\n\t\t\t\tid={ id }\n\t\t\t\tidBase={ idBase }\n\t\t\t\tinstance={ instance }\n\t\t\t\tisWide={ isWide }\n\t\t\t\tonChangeInstance={ setInstance }\n\t\t\t\tonChangeHasPreview={ setHasPreview }\n\t\t\t/>\n\n\t\t\t{ idBase && (\n\t\t\t\t<>\n\t\t\t\t\t{ hasPreview === null && mode === 'preview' && (\n\t\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</Placeholder>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === true && (\n\t\t\t\t\t\t<Preview\n\t\t\t\t\t\t\tidBase={ idBase }\n\t\t\t\t\t\t\tinstance={ instance }\n\t\t\t\t\t\t\tisVisible={ mode === 'preview' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === false && mode === 'preview' && (\n\t\t\t\t\t\t<NoPreview name={ widgetType.name } />\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_components","_icons","_i18n","_element","_data","_coreData","_widgetTypeSelector","_inspectorCard","_form","_preview","_noPreview","_convertToBlocksButton","_jsxRuntime","Edit","props","id","idBase","attributes","isWide","blockProps","useBlockProps","className","clsx","jsx","children","Empty","NotEmpty","setAttributes","Placeholder","icon","BlockIcon","brushIcon","label","__","Flex","FlexBlock","default","selectedId","onSelect","isMulti","instance","clientId","isSelected","hasPreview","setHasPreview","useState","widgetTypeId","record","widgetType","hasResolved","hasResolvedWidgetType","useEntityRecord","isNavigationMode","useSelect","select","blockEditorStore","setInstance","useCallback","nextInstance","Spinner","mode","jsxs","Fragment","BlockControls","group","rawInstance","raw","InspectorControls","name","description","title","isVisible","onChangeInstance","onChangeHasPreview"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseBlockProps,\n\tBlockControls,\n\tInspectorControls,\n\tBlockIcon,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';\nimport { brush as brushIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useCallback } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { useEntityRecord } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport WidgetTypeSelector from './widget-type-selector';\nimport InspectorCard from './inspector-card';\nimport Form from './form';\nimport Preview from './preview';\nimport NoPreview from './no-preview';\nimport ConvertToBlocksButton from './convert-to-blocks-button';\n\nexport default function Edit( props ) {\n\tconst { id, idBase } = props.attributes;\n\tconst { isWide = false } = props;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: clsx( {\n\t\t\t'is-wide-widget': isWide,\n\t\t} ),\n\t} );\n\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t{ ! id && ! idBase ? (\n\t\t\t\t<Empty { ...props } />\n\t\t\t) : (\n\t\t\t\t<NotEmpty { ...props } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction Empty( { attributes: { id, idBase }, setAttributes } ) {\n\treturn (\n\t\t<Placeholder\n\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t>\n\t\t\t<Flex>\n\t\t\t\t<FlexBlock>\n\t\t\t\t\t<WidgetTypeSelector\n\t\t\t\t\t\tselectedId={ id ?? idBase }\n\t\t\t\t\t\tonSelect={ ( { selectedId, isMulti } ) => {\n\t\t\t\t\t\t\tif ( ! selectedId ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else if ( isMulti ) {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: null,\n\t\t\t\t\t\t\t\t\tidBase: selectedId,\n\t\t\t\t\t\t\t\t\tinstance: {},\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tid: selectedId,\n\t\t\t\t\t\t\t\t\tidBase: null,\n\t\t\t\t\t\t\t\t\tinstance: null,\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/>\n\t\t\t\t</FlexBlock>\n\t\t\t</Flex>\n\t\t</Placeholder>\n\t);\n}\n\nfunction NotEmpty( {\n\tattributes: { id, idBase, instance },\n\tsetAttributes,\n\tclientId,\n\tisSelected,\n\tisWide = false,\n} ) {\n\tconst [ hasPreview, setHasPreview ] = useState( null );\n\n\tconst widgetTypeId = id ?? idBase;\n\tconst { record: widgetType, hasResolved: hasResolvedWidgetType } =\n\t\tuseEntityRecord( 'root', 'widgetType', widgetTypeId );\n\n\tconst isNavigationMode = useSelect(\n\t\t( select ) => select( blockEditorStore ).isNavigationMode(),\n\t\t[]\n\t);\n\n\tconst setInstance = useCallback( ( nextInstance ) => {\n\t\tsetAttributes( { instance: nextInstance } );\n\t}, [] );\n\n\tif ( ! widgetType && hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\ticon={ <BlockIcon icon={ brushIcon } /> }\n\t\t\t\tlabel={ __( 'Legacy Widget' ) }\n\t\t\t>\n\t\t\t\t{ __( 'Widget is missing.' ) }\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tif ( ! hasResolvedWidgetType ) {\n\t\treturn (\n\t\t\t<Placeholder>\n\t\t\t\t<Spinner />\n\t\t\t</Placeholder>\n\t\t);\n\t}\n\n\tconst mode =\n\t\tidBase && ( isNavigationMode || ! isSelected ) ? 'preview' : 'edit';\n\n\treturn (\n\t\t<>\n\t\t\t{ idBase === 'text' && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<ConvertToBlocksButton\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\trawInstance={ instance.raw }\n\t\t\t\t\t/>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\n\t\t\t<InspectorControls>\n\t\t\t\t<InspectorCard\n\t\t\t\t\tname={ widgetType.name }\n\t\t\t\t\tdescription={ widgetType.description }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\n\t\t\t<Form\n\t\t\t\ttitle={ widgetType.name }\n\t\t\t\tisVisible={ mode === 'edit' }\n\t\t\t\tid={ id }\n\t\t\t\tidBase={ idBase }\n\t\t\t\tinstance={ instance }\n\t\t\t\tisWide={ isWide }\n\t\t\t\tonChangeInstance={ setInstance }\n\t\t\t\tonChangeHasPreview={ setHasPreview }\n\t\t\t/>\n\n\t\t\t{ idBase && (\n\t\t\t\t<>\n\t\t\t\t\t{ hasPreview === null && mode === 'preview' && (\n\t\t\t\t\t\t<Placeholder>\n\t\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t\t</Placeholder>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === true && (\n\t\t\t\t\t\t<Preview\n\t\t\t\t\t\t\tidBase={ idBase }\n\t\t\t\t\t\t\tinstance={ instance }\n\t\t\t\t\t\t\tisVisible={ mode === 'preview' }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ hasPreview === false && mode === 'preview' && (\n\t\t\t\t\t\t<NoPreview name={ widgetType.name } />\n\t\t\t\t\t) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAKA,IAAAQ,mBAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,cAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,KAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,QAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,UAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,sBAAA,GAAAd,sBAAA,CAAAC,OAAA;AAA+D,IAAAc,WAAA,GAAAd,OAAA;AA9B/D;AACA;AACA;;AAGA;AACA;AACA;;AAeA;AACA;AACA;;AAQe,SAASe,IAAIA,CAAEC,KAAK,EAAG;EACrC,MAAM;IAAEC,EAAE;IAAEC;EAAO,CAAC,GAAGF,KAAK,CAACG,UAAU;EACvC,MAAM;IAAEC,MAAM,GAAG;EAAM,CAAC,GAAGJ,KAAK;EAEhC,MAAMK,UAAU,GAAG,IAAAC,0BAAa,EAAE;IACjCC,SAAS,EAAE,IAAAC,aAAI,EAAE;MAChB,gBAAgB,EAAEJ;IACnB,CAAE;EACH,CAAE,CAAC;EAEH,oBACC,IAAAN,WAAA,CAAAW,GAAA;IAAA,GAAUJ,UAAU;IAAAK,QAAA,EACjB,CAAET,EAAE,IAAI,CAAEC,MAAM,gBACjB,IAAAJ,WAAA,CAAAW,GAAA,EAACE,KAAK;MAAA,GAAMX;IAAK,CAAI,CAAC,gBAEtB,IAAAF,WAAA,CAAAW,GAAA,EAACG,QAAQ;MAAA,GAAMZ;IAAK,CAAI;EACxB,CACG,CAAC;AAER;AAEA,SAASW,KAAKA,CAAE;EAAER,UAAU,EAAE;IAAEF,EAAE;IAAEC;EAAO,CAAC;EAAEW;AAAc,CAAC,EAAG;EAC/D,oBACC,IAAAf,WAAA,CAAAW,GAAA,EAACvB,WAAA,CAAA4B,WAAW;IACXC,IAAI,eAAG,IAAAjB,WAAA,CAAAW,GAAA,EAACxB,YAAA,CAAA+B,SAAS;MAACD,IAAI,EAAGE;IAAW,CAAE,CAAG;IACzCC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;IAAAT,QAAA,eAE/B,IAAAZ,WAAA,CAAAW,GAAA,EAACvB,WAAA,CAAAkC,IAAI;MAAAV,QAAA,eACJ,IAAAZ,WAAA,CAAAW,GAAA,EAACvB,WAAA,CAAAmC,SAAS;QAAAX,QAAA,eACT,IAAAZ,WAAA,CAAAW,GAAA,EAACjB,mBAAA,CAAA8B,OAAkB;UAClBC,UAAU,EAAGtB,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAIC,MAAQ;UAC3BsB,QAAQ,EAAGA,CAAE;YAAED,UAAU;YAAEE;UAAQ,CAAC,KAAM;YACzC,IAAK,CAAEF,UAAU,EAAG;cACnBV,aAAa,CAAE;gBACdZ,EAAE,EAAE,IAAI;gBACRC,MAAM,EAAE,IAAI;gBACZwB,QAAQ,EAAE;cACX,CAAE,CAAC;YACJ,CAAC,MAAM,IAAKD,OAAO,EAAG;cACrBZ,aAAa,CAAE;gBACdZ,EAAE,EAAE,IAAI;gBACRC,MAAM,EAAEqB,UAAU;gBAClBG,QAAQ,EAAE,CAAC;cACZ,CAAE,CAAC;YACJ,CAAC,MAAM;cACNb,aAAa,CAAE;gBACdZ,EAAE,EAAEsB,UAAU;gBACdrB,MAAM,EAAE,IAAI;gBACZwB,QAAQ,EAAE;cACX,CAAE,CAAC;YACJ;UACD;QAAG,CACH;MAAC,CACQ;IAAC,CACP;EAAC,CACK,CAAC;AAEhB;AAEA,SAASd,QAAQA,CAAE;EAClBT,UAAU,EAAE;IAAEF,EAAE;IAAEC,MAAM;IAAEwB;EAAS,CAAC;EACpCb,aAAa;EACbc,QAAQ;EACRC,UAAU;EACVxB,MAAM,GAAG;AACV,CAAC,EAAG;EACH,MAAM,CAAEyB,UAAU,EAAEC,aAAa,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAEtD,MAAMC,YAAY,GAAG/B,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAIC,MAAM;EACjC,MAAM;IAAE+B,MAAM,EAAEC,UAAU;IAAEC,WAAW,EAAEC;EAAsB,CAAC,GAC/D,IAAAC,yBAAe,EAAE,MAAM,EAAE,YAAY,EAAEL,YAAa,CAAC;EAEtD,MAAMM,gBAAgB,GAAG,IAAAC,eAAS,EAC/BC,MAAM,IAAMA,MAAM,CAAEC,kBAAiB,CAAC,CAACH,gBAAgB,CAAC,CAAC,EAC3D,EACD,CAAC;EAED,MAAMI,WAAW,GAAG,IAAAC,oBAAW,EAAIC,YAAY,IAAM;IACpD/B,aAAa,CAAE;MAAEa,QAAQ,EAAEkB;IAAa,CAAE,CAAC;EAC5C,CAAC,EAAE,EAAG,CAAC;EAEP,IAAK,CAAEV,UAAU,IAAIE,qBAAqB,EAAG;IAC5C,oBACC,IAAAtC,WAAA,CAAAW,GAAA,EAACvB,WAAA,CAAA4B,WAAW;MACXC,IAAI,eAAG,IAAAjB,WAAA,CAAAW,GAAA,EAACxB,YAAA,CAAA+B,SAAS;QAACD,IAAI,EAAGE;MAAW,CAAE,CAAG;MACzCC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAAAT,QAAA,EAE7B,IAAAS,QAAE,EAAE,oBAAqB;IAAC,CAChB,CAAC;EAEhB;EAEA,IAAK,CAAEiB,qBAAqB,EAAG;IAC9B,oBACC,IAAAtC,WAAA,CAAAW,GAAA,EAACvB,WAAA,CAAA4B,WAAW;MAAAJ,QAAA,eACX,IAAAZ,WAAA,CAAAW,GAAA,EAACvB,WAAA,CAAA2D,OAAO,IAAE;IAAC,CACC,CAAC;EAEhB;EAEA,MAAMC,IAAI,GACT5C,MAAM,KAAMoC,gBAAgB,IAAI,CAAEV,UAAU,CAAE,GAAG,SAAS,GAAG,MAAM;EAEpE,oBACC,IAAA9B,WAAA,CAAAiD,IAAA,EAAAjD,WAAA,CAAAkD,QAAA;IAAAtC,QAAA,GACGR,MAAM,KAAK,MAAM,iBAClB,IAAAJ,WAAA,CAAAW,GAAA,EAACxB,YAAA,CAAAgE,aAAa;MAACC,KAAK,EAAC,OAAO;MAAAxC,QAAA,eAC3B,IAAAZ,WAAA,CAAAW,GAAA,EAACZ,sBAAA,CAAAyB,OAAqB;QACrBK,QAAQ,EAAGA,QAAU;QACrBwB,WAAW,EAAGzB,QAAQ,CAAC0B;MAAK,CAC5B;IAAC,CACY,CACf,eAED,IAAAtD,WAAA,CAAAW,GAAA,EAACxB,YAAA,CAAAoE,iBAAiB;MAAA3C,QAAA,eACjB,IAAAZ,WAAA,CAAAW,GAAA,EAAChB,cAAA,CAAA6B,OAAa;QACbgC,IAAI,EAAGpB,UAAU,CAACoB,IAAM;QACxBC,WAAW,EAAGrB,UAAU,CAACqB;MAAa,CACtC;IAAC,CACgB,CAAC,eAEpB,IAAAzD,WAAA,CAAAW,GAAA,EAACf,KAAA,CAAA4B,OAAI;MACJkC,KAAK,EAAGtB,UAAU,CAACoB,IAAM;MACzBG,SAAS,EAAGX,IAAI,KAAK,MAAQ;MAC7B7C,EAAE,EAAGA,EAAI;MACTC,MAAM,EAAGA,MAAQ;MACjBwB,QAAQ,EAAGA,QAAU;MACrBtB,MAAM,EAAGA,MAAQ;MACjBsD,gBAAgB,EAAGhB,WAAa;MAChCiB,kBAAkB,EAAG7B;IAAe,CACpC,CAAC,EAEA5B,MAAM,iBACP,IAAAJ,WAAA,CAAAiD,IAAA,EAAAjD,WAAA,CAAAkD,QAAA;MAAAtC,QAAA,GACGmB,UAAU,KAAK,IAAI,IAAIiB,IAAI,KAAK,SAAS,iBAC1C,IAAAhD,WAAA,CAAAW,GAAA,EAACvB,WAAA,CAAA4B,WAAW;QAAAJ,QAAA,eACX,IAAAZ,WAAA,CAAAW,GAAA,EAACvB,WAAA,CAAA2D,OAAO,IAAE;MAAC,CACC,CACb,EACChB,UAAU,KAAK,IAAI,iBACpB,IAAA/B,WAAA,CAAAW,GAAA,EAACd,QAAA,CAAA2B,OAAO;QACPpB,MAAM,EAAGA,MAAQ;QACjBwB,QAAQ,EAAGA,QAAU;QACrB+B,SAAS,EAAGX,IAAI,KAAK;MAAW,CAChC,CACD,EACCjB,UAAU,KAAK,KAAK,IAAIiB,IAAI,KAAK,SAAS,iBAC3C,IAAAhD,WAAA,CAAAW,GAAA,EAACb,UAAA,CAAA0B,OAAS;QAACgC,IAAI,EAAGpB,UAAU,CAACoB;MAAM,CAAE,CACrC;IAAA,CACA,CACF;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

package/build/blocks/legacy-widget/edit/inspector-card.js

@@ -4,15 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = InspectorCard;
-var _react = require("react");
+var _jsxRuntime = require("react/jsx-runtime");
 function InspectorCard({
   name,
   description
 }) {
-  return (0, _react.createElement)("div", {
-    className: "wp-block-legacy-widget-inspector-card"
-  }, (0, _react.createElement)("h3", {
-    className: "wp-block-legacy-widget-inspector-card__name"
-  }, name), (0, _react.createElement)("span", null, description));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "wp-block-legacy-widget-inspector-card",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+      className: "wp-block-legacy-widget-inspector-card__name",
+      children: name
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: description
+    })]
+  });
 }
 //# sourceMappingURL=inspector-card.js.map

package/build/blocks/legacy-widget/edit/inspector-card.js.map

@@ -1 +1 @@
-{"version":3,"names":["InspectorCard","name","description","_react","createElement","className"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/inspector-card.js"],"sourcesContent":["export default function InspectorCard( { name, description } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget-inspector-card\">\n\t\t\t<h3 className=\"wp-block-legacy-widget-inspector-card__name\">\n\t\t\t\t{ name }\n\t\t\t</h3>\n\t\t\t<span>{ description }</span>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAAe,SAASA,aAAaA,CAAE;EAAEC,IAAI;EAAEC;AAAY,CAAC,EAAG;EAC9D,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAuC,GACrD,IAAAF,MAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAA6C,GACxDJ,IACC,CAAC,EACL,IAAAE,MAAA,CAAAC,aAAA,gBAAQF,WAAmB,CACvB,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["InspectorCard","name","description","_jsxRuntime","jsxs","className","children","jsx"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/inspector-card.js"],"sourcesContent":["export default function InspectorCard( { name, description } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget-inspector-card\">\n\t\t\t<h3 className=\"wp-block-legacy-widget-inspector-card__name\">\n\t\t\t\t{ name }\n\t\t\t</h3>\n\t\t\t<span>{ description }</span>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAAe,SAASA,aAAaA,CAAE;EAAEC,IAAI;EAAEC;AAAY,CAAC,EAAG;EAC9D,oBACC,IAAAC,WAAA,CAAAC,IAAA;IAAKC,SAAS,EAAC,uCAAuC;IAAAC,QAAA,gBACrD,IAAAH,WAAA,CAAAI,GAAA;MAAIF,SAAS,EAAC,6CAA6C;MAAAC,QAAA,EACxDL;IAAI,CACH,CAAC,eACL,IAAAE,WAAA,CAAAI,GAAA;MAAAD,QAAA,EAAQJ;IAAW,CAAQ,CAAC;EAAA,CACxB,CAAC;AAER","ignoreList":[]}

package/build/blocks/legacy-widget/edit/no-preview.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = NoPreview;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -13,8 +13,13 @@ var _i18n = require("@wordpress/i18n");
 function NoPreview({
   name
 }) {
-  return (0, _react.createElement)("div", {
-    className: "wp-block-legacy-widget__edit-no-preview"
-  }, name && (0, _react.createElement)("h3", null, name), (0, _react.createElement)("p", null, (0, _i18n.__)('No preview available.')));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "wp-block-legacy-widget__edit-no-preview",
+    children: [name && /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+      children: name
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      children: (0, _i18n.__)('No preview available.')
+    })]
+  });
 }
 //# sourceMappingURL=no-preview.js.map

package/build/blocks/legacy-widget/edit/no-preview.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","NoPreview","name","_react","createElement","className","__"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/no-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport default function NoPreview( { name } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget__edit-no-preview\">\n\t\t\t{ name && <h3>{ name }</h3> }\n\t\t\t<p>{ __( 'No preview available.' ) }</p>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,SAASA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAC7C,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAyC,GACrDH,IAAI,IAAI,IAAAC,MAAA,CAAAC,aAAA,cAAMF,IAAU,CAAC,EAC3B,IAAAC,MAAA,CAAAC,aAAA,aAAK,IAAAE,QAAE,EAAE,uBAAwB,CAAM,CACnC,CAAC;AAER","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_jsxRuntime","NoPreview","name","jsxs","className","children","jsx","__"],"sources":["@wordpress/widgets/src/blocks/legacy-widget/edit/no-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nexport default function NoPreview( { name } ) {\n\treturn (\n\t\t<div className=\"wp-block-legacy-widget__edit-no-preview\">\n\t\t\t{ name && <h3>{ name }</h3> }\n\t\t\t<p>{ __( 'No preview available.' ) }</p>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAAqC,IAAAC,WAAA,GAAAD,OAAA;AAHrC;AACA;AACA;;AAGe,SAASE,SAASA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAC7C,oBACC,IAAAF,WAAA,CAAAG,IAAA;IAAKC,SAAS,EAAC,yCAAyC;IAAAC,QAAA,GACrDH,IAAI,iBAAI,IAAAF,WAAA,CAAAM,GAAA;MAAAD,QAAA,EAAMH;IAAI,CAAM,CAAC,eAC3B,IAAAF,WAAA,CAAAM,GAAA;MAAAD,QAAA,EAAK,IAAAE,QAAE,EAAE,uBAAwB;IAAC,CAAK,CAAC;EAAA,CACpC,CAAC;AAER","ignoreList":[]}

package/build/blocks/legacy-widget/edit/preview.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Preview;
-var _react = require("react");
 var _clsx = _interopRequireDefault(require("clsx"));
 var _compose = require("@wordpress/compose");
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _apiFetch = _interopRequireDefault(require("@wordpress/api-fetch"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -93,25 +93,32 @@ function Preview({
       iframe.removeEventListener('load', setHeight);
     };
   }, [isLoaded]);
-  return (0, _react.createElement)(_react.Fragment, null, isVisible && !isLoaded && (0, _react.createElement)(_components.Placeholder, null, (0, _react.createElement)(_components.Spinner, null)), (0, _react.createElement)("div", {
-    className: (0, _clsx.default)('wp-block-legacy-widget__edit-preview', {
-      'is-offscreen': !isVisible || !isLoaded
-    })
-  }, (0, _react.createElement)(_components.Disabled, null, (0, _react.createElement)("iframe", {
-    ref: ref,
-    className: "wp-block-legacy-widget__edit-preview-iframe",
-    tabIndex: "-1",
-    title: (0, _i18n.__)('Legacy Widget Preview'),
-    srcDoc: srcDoc,
-    onLoad: event => {
-      // To hide the scrollbars of the preview frame for some edge cases,
-      // such as negative margins in the Gallery Legacy Widget.
-      // It can't be scrolled anyway.
-      // TODO: Ideally, this should be fixed in core.
-      event.target.contentDocument.body.style.overflow = 'hidden';
-      setIsLoaded(true);
-    },
-    height: 100
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isVisible && !isLoaded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _clsx.default)('wp-block-legacy-widget__edit-preview', {
+        'is-offscreen': !isVisible || !isLoaded
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Disabled, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
+          ref: ref,
+          className: "wp-block-legacy-widget__edit-preview-iframe",
+          tabIndex: "-1",
+          title: (0, _i18n.__)('Legacy Widget Preview'),
+          srcDoc: srcDoc,
+          onLoad: event => {
+            // To hide the scrollbars of the preview frame for some edge cases,
+            // such as negative margins in the Gallery Legacy Widget.
+            // It can't be scrolled anyway.
+            // TODO: Ideally, this should be fixed in core.
+            event.target.contentDocument.body.style.overflow = 'hidden';
+            setIsLoaded(true);
+          },
+          height: 100
+        })
+      })
+    })]
+  });
 }
 //# sourceMappingURL=preview.js.map