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

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

@@ -1,22 +1,13 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * WordPress dependencies
- */
-import { useRef, useEffect } from '@wordpress/element';
-import { useDispatch } from '@wordpress/data';
-import { store as noticesStore } from '@wordpress/notices';
-import { __, sprintf } from '@wordpress/i18n';
-import { Popover } from '@wordpress/components';
-import { useViewportMatch } from '@wordpress/compose';
-/**
- * Internal dependencies
- */
-import Control from './control';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Form({
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useRef, useEffect } from "@wordpress/element";
+import { useDispatch } from "@wordpress/data";
+import { store as noticesStore } from "@wordpress/notices";
+import { __, sprintf } from "@wordpress/i18n";
+import { Popover } from "@wordpress/components";
+import { useViewportMatch } from "@wordpress/compose";
+import Control from "./control";
+function Form({
   title,
   isVisible,
   id,
@@ -27,17 +18,10 @@ export default function Form({
   onChangeHasPreview
 }) {
   const ref = useRef();
-  const isMediumLargeViewport = 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 = useRef(new Set());
-  const incomingInstances = useRef(new Set());
-  const {
-    createNotice
-  } = useDispatch(noticesStore);
+  const isMediumLargeViewport = useViewportMatch("small");
+  const outgoingInstances = useRef(/* @__PURE__ */ new Set());
+  const incomingInstances = useRef(/* @__PURE__ */ new Set());
+  const { createNotice } = useDispatch(noticesStore);
   useEffect(() => {
     if (incomingInstances.current.has(instance)) {
       incomingInstances.current.delete(instance);
@@ -55,8 +39,16 @@ export default function Form({
       onChangeHasPreview,
       onError(error) {
         window.console.error(error);
-        createNotice('error', sprintf(/* translators: %s: the name of the affected block. */
-        __('The "%s" block was affected by errors and may not function properly. Check the developer tools for more details.'), idBase || id));
+        createNotice(
+          "error",
+          sprintf(
+            /* translators: %s: the name of the affected block. */
+            __(
+              '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);
@@ -67,38 +59,57 @@ export default function Form({
       }
       control.destroy();
     };
-  }, [id, idBase, instance, onChangeInstance, onChangeHasPreview, isMediumLargeViewport]);
+  }, [
+    id,
+    idBase,
+    instance,
+    onChangeInstance,
+    onChangeHasPreview,
+    isMediumLargeViewport
+  ]);
   if (isWide && isMediumLargeViewport) {
-    return /*#__PURE__*/_jsxs("div", {
-      className: clsx({
-        'wp-block-legacy-widget__container': isVisible
-      }),
-      children: [isVisible && /*#__PURE__*/_jsx("h3", {
-        className: "wp-block-legacy-widget__edit-form-title",
-        children: title
-      }), /*#__PURE__*/_jsx(Popover, {
-        focusOnMount: false,
-        placement: "right",
-        offset: 32,
-        resize: false,
-        flip: false,
-        shift: true,
-        children: /*#__PURE__*/_jsx("div", {
-          ref: ref,
-          className: "wp-block-legacy-widget__edit-form",
-          hidden: !isVisible
-        })
-      })]
-    });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: clsx({
+          "wp-block-legacy-widget__container": isVisible
+        }),
+        children: [
+          isVisible && /* @__PURE__ */ jsx("h3", { className: "wp-block-legacy-widget__edit-form-title", children: title }),
+          /* @__PURE__ */ jsx(
+            Popover,
+            {
+              focusOnMount: false,
+              placement: "right",
+              offset: 32,
+              resize: false,
+              flip: false,
+              shift: true,
+              children: /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ref,
+                  className: "wp-block-legacy-widget__edit-form",
+                  hidden: !isVisible
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
   }
-  return /*#__PURE__*/_jsx("div", {
-    ref: ref,
-    className: "wp-block-legacy-widget__edit-form",
-    hidden: !isVisible,
-    children: /*#__PURE__*/_jsx("h3", {
-      className: "wp-block-legacy-widget__edit-form-title",
-      children: title
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: "wp-block-legacy-widget__edit-form",
+      hidden: !isVisible,
+      children: /* @__PURE__ */ jsx("h3", { className: "wp-block-legacy-widget__edit-form-title", children: title })
+    }
+  );
 }
-//# sourceMappingURL=form.js.map
+export {
+  Form as default
+};
+//# sourceMappingURL=form.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useRef","useEffect","useDispatch","store","noticesStore","__","sprintf","Popover","useViewportMatch","Control","jsx","_jsx","jsxs","_jsxs","Form","title","isVisible","id","idBase","instance","isWide","onChangeInstance","onChangeHasPreview","ref","isMediumLargeViewport","outgoingInstances","Set","incomingInstances","createNotice","current","has","delete","control","nextInstance","add","onError","error","window","console","appendChild","element","destroy","className","children","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": "AA6FG,SAME,KANF;AA1FH,OAAO,UAAU;AAIjB,SAAS,QAAQ,iBAAiB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,SAAS,oBAAoB;AACtC,SAAS,IAAI,eAAe;AAC5B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AAIjC,OAAO,aAAa;AAEL,SAAR,KAAuB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,MAAM,OAAO;AAEnB,QAAM,wBAAwB,iBAAkB,OAAQ;AAMxD,QAAM,oBAAoB,OAAQ,oBAAI,IAAI,CAAE;AAC5C,QAAM,oBAAoB,OAAQ,oBAAI,IAAI,CAAE;AAE5C,QAAM,EAAE,aAAa,IAAI,YAAa,YAAa;AAEnD,YAAW,MAAM;AAChB,QAAK,kBAAkB,QAAQ,IAAK,QAAS,GAAI;AAChD,wBAAkB,QAAQ,OAAQ,QAAS;AAC3C;AAAA,IACD;AAEA,UAAM,UAAU,IAAI,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,UACA;AAAA;AAAA,YAEC;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,WAAY,KAAM;AAAA,UACjB,qCAAqC;AAAA,QACtC,CAAE;AAAA,QAEA;AAAA,uBACD,oBAAC,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,8BAAC,QAAG,WAAU,2CACX,iBACH;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

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

@@ -1,70 +1,43 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useBlockProps, BlockControls, InspectorControls, BlockIcon } from '@wordpress/block-editor';
-import { Flex, FlexBlock, Spinner, Placeholder } from '@wordpress/components';
-import { brush as brushIcon } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-import { useState, useCallback } from '@wordpress/element';
-import { useEntityRecord } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import WidgetTypeSelector from './widget-type-selector';
-import InspectorCard from './inspector-card';
-import Form from './form';
-import Preview from './preview';
-import NoPreview from './no-preview';
-import ConvertToBlocksButton from './convert-to-blocks-button';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function Edit(props) {
-  const {
-    id,
-    idBase
-  } = props.attributes;
-  const {
-    isWide = false
-  } = props;
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  useBlockProps,
+  BlockControls,
+  InspectorControls,
+  BlockIcon
+} from "@wordpress/block-editor";
+import { Flex, FlexBlock, Spinner, Placeholder } from "@wordpress/components";
+import { brush as brushIcon } from "@wordpress/icons";
+import { __ } from "@wordpress/i18n";
+import { useState, useCallback } from "@wordpress/element";
+import { useEntityRecord } from "@wordpress/core-data";
+import WidgetTypeSelector from "./widget-type-selector";
+import InspectorCard from "./inspector-card";
+import Form from "./form";
+import Preview from "./preview";
+import NoPreview from "./no-preview";
+import ConvertToBlocksButton from "./convert-to-blocks-button";
+function Edit(props) {
+  const { id, idBase } = props.attributes;
+  const { isWide = false } = props;
   const blockProps = useBlockProps({
     className: clsx({
-      'is-wide-widget': isWide
-    })
-  });
-  return /*#__PURE__*/_jsx("div", {
-    ...blockProps,
-    children: !id && !idBase ? /*#__PURE__*/_jsx(Empty, {
-      ...props
-    }) : /*#__PURE__*/_jsx(NotEmpty, {
-      ...props
+      "is-wide-widget": isWide
     })
   });
+  return /* @__PURE__ */ jsx("div", { ...blockProps, children: !id && !idBase ? /* @__PURE__ */ jsx(Empty, { ...props }) : /* @__PURE__ */ jsx(NotEmpty, { ...props }) });
 }
-function Empty({
-  attributes: {
-    id,
-    idBase
-  },
-  setAttributes
-}) {
-  return /*#__PURE__*/_jsx(Placeholder, {
-    icon: /*#__PURE__*/_jsx(BlockIcon, {
-      icon: brushIcon
-    }),
-    label: __('Legacy Widget'),
-    children: /*#__PURE__*/_jsx(Flex, {
-      children: /*#__PURE__*/_jsx(FlexBlock, {
-        children: /*#__PURE__*/_jsx(WidgetTypeSelector, {
-          selectedId: id !== null && id !== void 0 ? id : idBase,
-          onSelect: ({
-            selectedId,
-            isMulti
-          }) => {
+function Empty({ attributes: { id, idBase }, setAttributes }) {
+  return /* @__PURE__ */ jsx(
+    Placeholder,
+    {
+      icon: /* @__PURE__ */ jsx(BlockIcon, { icon: brushIcon }),
+      label: __("Legacy Widget"),
+      children: /* @__PURE__ */ jsx(Flex, { children: /* @__PURE__ */ jsx(FlexBlock, { children: /* @__PURE__ */ jsx(
+        WidgetTypeSelector,
+        {
+          selectedId: id ?? idBase,
+          onSelect: ({ selectedId, isMulti }) => {
             if (!selectedId) {
               setAttributes({
                 id: null,
@@ -85,80 +58,81 @@ function Empty({
               });
             }
           }
-        })
-      })
-    })
-  });
+        }
+      ) }) })
+    }
+  );
 }
 function NotEmpty({
-  attributes: {
-    id,
-    idBase,
-    instance
-  },
+  attributes: { id, idBase, instance },
   setAttributes,
   clientId,
   isSelected,
   isWide = false
 }) {
   const [hasPreview, setHasPreview] = useState(null);
-  const widgetTypeId = id !== null && id !== void 0 ? id : idBase;
-  const {
-    record: widgetType,
-    hasResolved: hasResolvedWidgetType
-  } = useEntityRecord('root', 'widgetType', widgetTypeId);
-  const setInstance = useCallback(nextInstance => {
-    setAttributes({
-      instance: nextInstance
-    });
+  const widgetTypeId = id ?? idBase;
+  const { record: widgetType, hasResolved: hasResolvedWidgetType } = useEntityRecord("root", "widgetType", widgetTypeId);
+  const setInstance = useCallback((nextInstance) => {
+    setAttributes({ instance: nextInstance });
   }, []);
   if (!widgetType && hasResolvedWidgetType) {
-    return /*#__PURE__*/_jsx(Placeholder, {
-      icon: /*#__PURE__*/_jsx(BlockIcon, {
-        icon: brushIcon
-      }),
-      label: __('Legacy Widget'),
-      children: __('Widget is missing.')
-    });
+    return /* @__PURE__ */ jsx(
+      Placeholder,
+      {
+        icon: /* @__PURE__ */ jsx(BlockIcon, { icon: brushIcon }),
+        label: __("Legacy Widget"),
+        children: __("Widget is missing.")
+      }
+    );
   }
   if (!hasResolvedWidgetType) {
-    return /*#__PURE__*/_jsx(Placeholder, {
-      children: /*#__PURE__*/_jsx(Spinner, {})
-    });
+    return /* @__PURE__ */ jsx(Placeholder, { children: /* @__PURE__ */ jsx(Spinner, {}) });
   }
-  const mode = idBase && !isSelected ? 'preview' : 'edit';
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [idBase === 'text' && /*#__PURE__*/_jsx(BlockControls, {
-      group: "other",
-      children: /*#__PURE__*/_jsx(ConvertToBlocksButton, {
-        clientId: clientId,
+  const mode = idBase && !isSelected ? "preview" : "edit";
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    idBase === "text" && /* @__PURE__ */ jsx(BlockControls, { group: "other", children: /* @__PURE__ */ jsx(
+      ConvertToBlocksButton,
+      {
+        clientId,
         rawInstance: instance.raw
-      })
-    }), /*#__PURE__*/_jsx(InspectorControls, {
-      children: /*#__PURE__*/_jsx(InspectorCard, {
+      }
+    ) }),
+    /* @__PURE__ */ jsx(InspectorControls, { children: /* @__PURE__ */ jsx(
+      InspectorCard,
+      {
         name: widgetType.name,
         description: widgetType.description
-      })
-    }), /*#__PURE__*/_jsx(Form, {
-      title: widgetType.name,
-      isVisible: mode === 'edit',
-      id: id,
-      idBase: idBase,
-      instance: instance,
-      isWide: isWide,
-      onChangeInstance: setInstance,
-      onChangeHasPreview: setHasPreview
-    }), idBase && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [hasPreview === null && mode === 'preview' && /*#__PURE__*/_jsx(Placeholder, {
-        children: /*#__PURE__*/_jsx(Spinner, {})
-      }), hasPreview === true && /*#__PURE__*/_jsx(Preview, {
-        idBase: idBase,
-        instance: instance,
-        isVisible: mode === 'preview'
-      }), hasPreview === false && mode === 'preview' && /*#__PURE__*/_jsx(NoPreview, {
-        name: widgetType.name
-      })]
-    })]
-  });
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      Form,
+      {
+        title: widgetType.name,
+        isVisible: mode === "edit",
+        id,
+        idBase,
+        instance,
+        isWide,
+        onChangeInstance: setInstance,
+        onChangeHasPreview: setHasPreview
+      }
+    ),
+    idBase && /* @__PURE__ */ jsxs(Fragment, { children: [
+      hasPreview === null && mode === "preview" && /* @__PURE__ */ jsx(Placeholder, { children: /* @__PURE__ */ jsx(Spinner, {}) }),
+      hasPreview === true && /* @__PURE__ */ jsx(
+        Preview,
+        {
+          idBase,
+          instance,
+          isVisible: mode === "preview"
+        }
+      ),
+      hasPreview === false && mode === "preview" && /* @__PURE__ */ jsx(NoPreview, { name: widgetType.name })
+    ] })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+export {
+  Edit as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useBlockProps","BlockControls","InspectorControls","BlockIcon","Flex","FlexBlock","Spinner","Placeholder","brush","brushIcon","__","useState","useCallback","useEntityRecord","WidgetTypeSelector","InspectorCard","Form","Preview","NoPreview","ConvertToBlocksButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Edit","props","id","idBase","attributes","isWide","blockProps","className","children","Empty","NotEmpty","setAttributes","icon","label","selectedId","onSelect","isMulti","instance","clientId","isSelected","hasPreview","setHasPreview","widgetTypeId","record","widgetType","hasResolved","hasResolvedWidgetType","setInstance","nextInstance","mode","group","rawInstance","raw","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} 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 { 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 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 = idBase && ! 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,
+  "sources": ["../../../../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} 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 { 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 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 = idBase && ! 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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",
+  "names": []
+}

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

@@ -1,16 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function InspectorCard({
-  name,
-  description
-}) {
-  return /*#__PURE__*/_jsxs("div", {
-    className: "wp-block-legacy-widget-inspector-card",
-    children: [/*#__PURE__*/_jsx("h3", {
-      className: "wp-block-legacy-widget-inspector-card__name",
-      children: name
-    }), /*#__PURE__*/_jsx("span", {
-      children: description
-    })]
-  });
+import { jsx, jsxs } from "react/jsx-runtime";
+function InspectorCard({ name, description }) {
+  return /* @__PURE__ */ jsxs("div", { className: "wp-block-legacy-widget-inspector-card", children: [
+    /* @__PURE__ */ jsx("h3", { className: "wp-block-legacy-widget-inspector-card__name", children: name }),
+    /* @__PURE__ */ jsx("span", { children: description })
+  ] });
 }
-//# sourceMappingURL=inspector-card.js.map
+export {
+  InspectorCard as default
+};
+//# sourceMappingURL=inspector-card.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["InspectorCard","name","description","_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":";AAAA,eAAe,SAASA,aAAaA,CAAE;EAAEC,IAAI;EAAEC;AAAY,CAAC,EAAG;EAC9D,oBACCC,KAAA;IAAKC,SAAS,EAAC,uCAAuC;IAAAC,QAAA,gBACrDC,IAAA;MAAIF,SAAS,EAAC,6CAA6C;MAAAC,QAAA,EACxDJ;IAAI,CACH,CAAC,eACLK,IAAA;MAAAD,QAAA,EAAQH;IAAW,CAAQ,CAAC;EAAA,CACxB,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../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": "AAEE,SACC,KADD;AAFa,SAAR,cAAgC,EAAE,MAAM,YAAY,GAAI;AAC9D,SACC,qBAAC,SAAI,WAAU,yCACd;AAAA,wBAAC,QAAG,WAAU,+CACX,gBACH;AAAA,IACA,oBAAC,UAAO,uBAAa;AAAA,KACtB;AAEF;",
+  "names": []
+}

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

@@ -1,18 +1,12 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function NoPreview({
-  name
-}) {
-  return /*#__PURE__*/_jsxs("div", {
-    className: "wp-block-legacy-widget__edit-no-preview",
-    children: [name && /*#__PURE__*/_jsx("h3", {
-      children: name
-    }), /*#__PURE__*/_jsx("p", {
-      children: __('No preview available.')
-    })]
-  });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+function NoPreview({ name }) {
+  return /* @__PURE__ */ jsxs("div", { className: "wp-block-legacy-widget__edit-no-preview", children: [
+    name && /* @__PURE__ */ jsx("h3", { children: name }),
+    /* @__PURE__ */ jsx("p", { children: __("No preview available.") })
+  ] });
 }
-//# sourceMappingURL=no-preview.js.map
+export {
+  NoPreview as default
+};
+//# sourceMappingURL=no-preview.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","jsx","_jsx","jsxs","_jsxs","NoPreview","name","className","children"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,eAAe,SAASC,SAASA,CAAE;EAAEC;AAAK,CAAC,EAAG;EAC7C,oBACCF,KAAA;IAAKG,SAAS,EAAC,yCAAyC;IAAAC,QAAA,GACrDF,IAAI,iBAAIJ,IAAA;MAAAM,QAAA,EAAMF;IAAI,CAAM,CAAC,eAC3BJ,IAAA;MAAAM,QAAA,EAAKR,EAAE,CAAE,uBAAwB;IAAC,CAAK,CAAC;EAAA,CACpC,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../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": "AAOE,SACW,KADX;AAJF,SAAS,UAAU;AAEJ,SAAR,UAA4B,EAAE,KAAK,GAAI;AAC7C,SACC,qBAAC,SAAI,WAAU,2CACZ;AAAA,YAAQ,oBAAC,QAAK,gBAAM;AAAA,IACtB,oBAAC,OAAI,aAAI,uBAAwB,GAAG;AAAA,KACrC;AAEF;",
+  "names": []
+}