@wordpress/widgets 4.32.0 → 4.32.1-next.ff1cebbba.0

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

@@ -1,41 +1,53 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var convert_to_blocks_button_exports = {};
+__export(convert_to_blocks_button_exports, {
+  default: () => ConvertToBlocksButton
 });
-exports.default = ConvertToBlocksButton;
-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
- */
-
-function ConvertToBlocksButton({
-  clientId,
-  rawInstance
-}) {
-  const {
-    replaceBlocks
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
-    onClick: () => {
-      if (rawInstance.title) {
-        replaceBlocks(clientId, [(0, _blocks.createBlock)('core/heading', {
-          content: rawInstance.title
-        }), ...(0, _blocks.rawHandler)({
-          HTML: rawInstance.text
-        })]);
-      } else {
-        replaceBlocks(clientId, (0, _blocks.rawHandler)({
-          HTML: rawInstance.text
-        }));
-      }
-    },
-    children: (0, _i18n.__)('Convert to blocks')
-  });
+module.exports = __toCommonJS(convert_to_blocks_button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_blocks = require("@wordpress/blocks");
+var import_i18n = require("@wordpress/i18n");
+function ConvertToBlocksButton({ clientId, rawInstance }) {
+  const { replaceBlocks } = (0, import_data.useDispatch)(import_block_editor.store);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.ToolbarButton,
+    {
+      onClick: () => {
+        if (rawInstance.title) {
+          replaceBlocks(clientId, [
+            (0, import_blocks.createBlock)("core/heading", {
+              content: rawInstance.title
+            }),
+            ...(0, import_blocks.rawHandler)({ HTML: rawInstance.text })
+          ]);
+        } else {
+          replaceBlocks(
+            clientId,
+            (0, import_blocks.rawHandler)({ HTML: rawInstance.text })
+          );
+        }
+      },
+      children: (0, import_i18n.__)("Convert to blocks")
+    }
+  );
 }
-//# sourceMappingURL=convert-to-blocks-button.js.map
+//# sourceMappingURL=convert-to-blocks-button.js.map

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

@@ -1 +1,7 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../../../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": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaE;AAVF,kBAA4B;AAC5B,0BAA0C;AAC1C,wBAA8B;AAC9B,oBAAwC;AACxC,kBAAmB;AAEJ,SAAR,sBAAwC,EAAE,UAAU,YAAY,GAAI;AAC1E,QAAM,EAAE,cAAc,QAAI,yBAAa,oBAAAA,KAAiB;AAExD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU,MAAM;AACf,YAAK,YAAY,OAAQ;AACxB,wBAAe,UAAU;AAAA,gBACxB,2BAAa,gBAAgB;AAAA,cAC5B,SAAS,YAAY;AAAA,YACtB,CAAE;AAAA,YACF,OAAG,0BAAY,EAAE,MAAM,YAAY,KAAK,CAAE;AAAA,UAC3C,CAAE;AAAA,QACH,OAAO;AACN;AAAA,YACC;AAAA,gBACA,0BAAY,EAAE,MAAM,YAAY,KAAK,CAAE;AAAA,UACxC;AAAA,QACD;AAAA,MACD;AAAA,MAEE,8BAAI,mBAAoB;AAAA;AAAA,EAC3B;AAEF;",
+  "names": ["blockEditorStore"]
+}

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

@@ -1,31 +1,44 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var form_exports = {};
+__export(form_exports, {
+  default: () => Form
 });
-exports.default = Form;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _notices = require("@wordpress/notices");
-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
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(form_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_notices = require("@wordpress/notices");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_compose = require("@wordpress/compose");
+var import_control = __toESM(require("./control"));
 function Form({
   title,
   isVisible,
@@ -36,24 +49,17 @@ function Form({
   onChangeInstance,
   onChangeHasPreview
 }) {
-  const ref = (0, _element.useRef)();
-  const isMediumLargeViewport = (0, _compose.useViewportMatch)('small');
-
-  // We only want to remount the control when the instance changes
-  // *externally*. For example, if the user performs an undo. To do this, we
-  // keep track of changes made to instance by the control itself and then
-  // ignore those.
-  const outgoingInstances = (0, _element.useRef)(new Set());
-  const incomingInstances = (0, _element.useRef)(new Set());
-  const {
-    createNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  (0, _element.useEffect)(() => {
+  const ref = (0, import_element.useRef)();
+  const isMediumLargeViewport = (0, import_compose.useViewportMatch)("small");
+  const outgoingInstances = (0, import_element.useRef)(/* @__PURE__ */ new Set());
+  const incomingInstances = (0, import_element.useRef)(/* @__PURE__ */ new Set());
+  const { createNotice } = (0, import_data.useDispatch)(import_notices.store);
+  (0, import_element.useEffect)(() => {
     if (incomingInstances.current.has(instance)) {
       incomingInstances.current.delete(instance);
       return;
     }
-    const control = new _control.default({
+    const control = new import_control.default({
       id,
       idBase,
       instance,
@@ -65,8 +71,16 @@ function Form({
       onChangeHasPreview,
       onError(error) {
         window.console.error(error);
-        createNotice('error', (0, _i18n.sprintf)(/* translators: %s: the name of the affected block. */
-        (0, _i18n.__)('The "%s" block was affected by errors and may not function properly. Check the developer tools for more details.'), idBase || id));
+        createNotice(
+          "error",
+          (0, import_i18n.sprintf)(
+            /* translators: %s: the name of the affected block. */
+            (0, import_i18n.__)(
+              'The "%s" block was affected by errors and may not function properly. Check the developer tools for more details.'
+            ),
+            idBase || id
+          )
+        );
       }
     });
     ref.current.appendChild(control.element);
@@ -77,38 +91,54 @@ function Form({
       }
       control.destroy();
     };
-  }, [id, idBase, instance, onChangeInstance, onChangeHasPreview, isMediumLargeViewport]);
+  }, [
+    id,
+    idBase,
+    instance,
+    onChangeInstance,
+    onChangeHasPreview,
+    isMediumLargeViewport
+  ]);
   if (isWide && isMediumLargeViewport) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _clsx.default)({
-        'wp-block-legacy-widget__container': 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 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: (0, import_clsx.default)({
+          "wp-block-legacy-widget__container": isVisible
+        }),
+        children: [
+          isVisible && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "wp-block-legacy-widget__edit-form-title", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Popover,
+            {
+              focusOnMount: false,
+              placement: "right",
+              offset: 32,
+              resize: false,
+              flip: false,
+              shift: true,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  ref,
+                  className: "wp-block-legacy-widget__edit-form",
+                  hidden: !isVisible
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ref: ref,
-    className: "wp-block-legacy-widget__edit-form",
-    hidden: !isVisible,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
-      className: "wp-block-legacy-widget__edit-form-title",
-      children: title
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      ref,
+      className: "wp-block-legacy-widget__edit-form",
+      hidden: !isVisible,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { className: "wp-block-legacy-widget__edit-form-title", children: title })
+    }
+  );
 }
-//# sourceMappingURL=form.js.map
+//# sourceMappingURL=form.js.map

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

@@ -1 +1,7 @@
-{"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":[]}
+{
+  "version": 3,
+  "sources": ["../../../../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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6FG;AA1FH,kBAAiB;AAIjB,qBAAkC;AAClC,kBAA4B;AAC5B,qBAAsC;AACtC,kBAA4B;AAC5B,wBAAwB;AACxB,qBAAiC;AAIjC,qBAAoB;AAEL,SAAR,KAAuB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,UAAM,uBAAO;AAEnB,QAAM,4BAAwB,iCAAkB,OAAQ;AAMxD,QAAM,wBAAoB,uBAAQ,oBAAI,IAAI,CAAE;AAC5C,QAAM,wBAAoB,uBAAQ,oBAAI,IAAI,CAAE;AAE5C,QAAM,EAAE,aAAa,QAAI,yBAAa,eAAAA,KAAa;AAEnD,gCAAW,MAAM;AAChB,QAAK,kBAAkB,QAAQ,IAAK,QAAS,GAAI;AAChD,wBAAkB,QAAQ,OAAQ,QAAS;AAC3C;AAAA,IACD;AAEA,UAAM,UAAU,IAAI,eAAAC,QAAS;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA,iBAAkB,cAAe;AAChC,0BAAkB,QAAQ,IAAK,QAAS;AACxC,0BAAkB,QAAQ,IAAK,YAAa;AAC5C,yBAAkB,YAAa;AAAA,MAChC;AAAA,MACA;AAAA,MACA,QAAS,OAAQ;AAChB,eAAO,QAAQ,MAAO,KAAM;AAC5B;AAAA,UACC;AAAA,cACA;AAAA;AAAA,gBAEC;AAAA,cACC;AAAA,YACD;AAAA,YACA,UAAU;AAAA,UACX;AAAA,QACD;AAAA,MACD;AAAA,IACD,CAAE;AAEF,QAAI,QAAQ,YAAa,QAAQ,OAAQ;AAEzC,WAAO,MAAM;AACZ,UAAK,kBAAkB,QAAQ,IAAK,QAAS,GAAI;AAChD,0BAAkB,QAAQ,OAAQ,QAAS;AAC3C;AAAA,MACD;AAEA,cAAQ,QAAQ;AAAA,IACjB;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AAEF,MAAK,UAAU,uBAAwB;AACtC,WACC;AAAA,MAAC;AAAA;AAAA,QACA,eAAY,YAAAC,SAAM;AAAA,UACjB,qCAAqC;AAAA,QACtC,CAAE;AAAA,QAEA;AAAA,uBACD,4CAAC,QAAG,WAAU,2CACX,iBACH;AAAA,UAED;AAAA,YAAC;AAAA;AAAA,cACA,cAAe;AAAA,cACf,WAAU;AAAA,cACV,QAAS;AAAA,cACT,QAAS;AAAA,cACT,MAAO;AAAA,cACP,OAAK;AAAA,cAEL;AAAA,gBAAC;AAAA;AAAA,kBACA;AAAA,kBACA,WAAU;AAAA,kBACV,QAAS,CAAE;AAAA;AAAA,cACX;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACD;AAAA,EAEF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,QAAS,CAAE;AAAA,MAEX,sDAAC,QAAG,WAAU,2CACX,iBACH;AAAA;AAAA,EACD;AAEF;",
+  "names": ["noticesStore", "Control", "clsx"]
+}

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

@@ -1,78 +1,70 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var edit_exports = {};
+__export(edit_exports, {
+  default: () => Edit
 });
-exports.default = Edit;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _coreData = require("@wordpress/core-data");
-var _widgetTypeSelector = _interopRequireDefault(require("./widget-type-selector"));
-var _inspectorCard = _interopRequireDefault(require("./inspector-card"));
-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
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(edit_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_icons = require("@wordpress/icons");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+var import_core_data = require("@wordpress/core-data");
+var import_widget_type_selector = __toESM(require("./widget-type-selector"));
+var import_inspector_card = __toESM(require("./inspector-card"));
+var import_form = __toESM(require("./form"));
+var import_preview = __toESM(require("./preview"));
+var import_no_preview = __toESM(require("./no-preview"));
+var import_convert_to_blocks_button = __toESM(require("./convert-to-blocks-button"));
 function Edit(props) {
-  const {
-    id,
-    idBase
-  } = props.attributes;
-  const {
-    isWide = false
-  } = props;
-  const blockProps = (0, _blockEditor.useBlockProps)({
-    className: (0, _clsx.default)({
-      'is-wide-widget': isWide
-    })
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    ...blockProps,
-    children: !id && !idBase ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Empty, {
-      ...props
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(NotEmpty, {
-      ...props
+  const { id, idBase } = props.attributes;
+  const { isWide = false } = props;
+  const blockProps = (0, import_block_editor.useBlockProps)({
+    className: (0, import_clsx.default)({
+      "is-wide-widget": isWide
     })
   });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ...blockProps, children: !id && !idBase ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Empty, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NotEmpty, { ...props }) });
 }
-function Empty({
-  attributes: {
-    id,
-    idBase
-  },
-  setAttributes
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
-    icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockIcon, {
-      icon: _icons.brush
-    }),
-    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
-          }) => {
+function Empty({ attributes: { id, idBase }, setAttributes }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Placeholder,
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockIcon, { icon: import_icons.brush }),
+      label: (0, import_i18n.__)("Legacy Widget"),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Flex, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexBlock, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_widget_type_selector.default,
+        {
+          selectedId: id ?? idBase,
+          onSelect: ({ selectedId, isMulti }) => {
             if (!selectedId) {
               setAttributes({
                 id: null,
@@ -93,80 +85,78 @@ function Empty({
               });
             }
           }
-        })
-      })
-    })
-  });
+        }
+      ) }) })
+    }
+  );
 }
 function NotEmpty({
-  attributes: {
-    id,
-    idBase,
-    instance
-  },
+  attributes: { id, idBase, instance },
   setAttributes,
   clientId,
   isSelected,
   isWide = false
 }) {
-  const [hasPreview, setHasPreview] = (0, _element.useState)(null);
-  const widgetTypeId = id !== null && id !== void 0 ? id : idBase;
-  const {
-    record: widgetType,
-    hasResolved: hasResolvedWidgetType
-  } = (0, _coreData.useEntityRecord)('root', 'widgetType', widgetTypeId);
-  const setInstance = (0, _element.useCallback)(nextInstance => {
-    setAttributes({
-      instance: nextInstance
-    });
+  const [hasPreview, setHasPreview] = (0, import_element.useState)(null);
+  const widgetTypeId = id ?? idBase;
+  const { record: widgetType, hasResolved: hasResolvedWidgetType } = (0, import_core_data.useEntityRecord)("root", "widgetType", widgetTypeId);
+  const setInstance = (0, import_element.useCallback)((nextInstance) => {
+    setAttributes({ instance: nextInstance });
   }, []);
   if (!widgetType && hasResolvedWidgetType) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
-      icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockIcon, {
-        icon: _icons.brush
-      }),
-      label: (0, _i18n.__)('Legacy Widget'),
-      children: (0, _i18n.__)('Widget is missing.')
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Placeholder,
+      {
+        icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockIcon, { icon: import_icons.brush }),
+        label: (0, import_i18n.__)("Legacy Widget"),
+        children: (0, import_i18n.__)("Widget is missing.")
+      }
+    );
   }
   if (!hasResolvedWidgetType) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Placeholder, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Spinner, {})
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Placeholder, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {}) });
   }
-  const mode = idBase && !isSelected ? 'preview' : 'edit';
-  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,
+  const mode = idBase && !isSelected ? "preview" : "edit";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    idBase === "text" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.BlockControls, { group: "other", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_convert_to_blocks_button.default,
+      {
+        clientId,
         rawInstance: instance.raw
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_inspectorCard.default, {
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_block_editor.InspectorControls, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_inspector_card.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
-      })]
-    })]
-  });
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_form.default,
+      {
+        title: widgetType.name,
+        isVisible: mode === "edit",
+        id,
+        idBase,
+        instance,
+        isWide,
+        onChangeInstance: setInstance,
+        onChangeHasPreview: setHasPreview
+      }
+    ),
+    idBase && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      hasPreview === null && mode === "preview" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Placeholder, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Spinner, {}) }),
+      hasPreview === true && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_preview.default,
+        {
+          idBase,
+          instance,
+          isVisible: mode === "preview"
+        }
+      ),
+      hasPreview === false && mode === "preview" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_no_preview.default, { name: widgetType.name })
+    ] })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map