@wordpress/customize-widgets 5.32.0 → 5.32.1-next.ff1cebbba.0

package/build-module/components/block-appender/index.js

@@ -1,29 +1,26 @@
-/**
- * WordPress dependencies
- */
-import { useRef, useEffect } from '@wordpress/element';
-import { ButtonBlockAppender, store as blockEditorStore } from '@wordpress/block-editor';
-import { useSelect } from '@wordpress/data';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function BlockAppender(props) {
+import { jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from "@wordpress/element";
+import {
+  ButtonBlockAppender,
+  store as blockEditorStore
+} from "@wordpress/block-editor";
+import { useSelect } from "@wordpress/data";
+function BlockAppender(props) {
   const ref = useRef();
-  const isBlocksListEmpty = useSelect(select => select(blockEditorStore).getBlockCount() === 0);
-
-  // Move the focus to the block appender to prevent focus from
-  // being lost when emptying the widget area.
+  const isBlocksListEmpty = useSelect(
+    (select) => select(blockEditorStore).getBlockCount() === 0
+  );
   useEffect(() => {
     if (isBlocksListEmpty && ref.current) {
-      const {
-        ownerDocument
-      } = ref.current;
+      const { ownerDocument } = ref.current;
       if (!ownerDocument.activeElement || ownerDocument.activeElement === ownerDocument.body) {
         ref.current.focus();
       }
     }
   }, [isBlocksListEmpty]);
-  return /*#__PURE__*/_jsx(ButtonBlockAppender, {
-    ...props,
-    ref: ref
-  });
+  return /* @__PURE__ */ jsx(ButtonBlockAppender, { ...props, ref });
 }
-//# sourceMappingURL=index.js.map
+export {
+  BlockAppender as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/block-appender/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useRef","useEffect","ButtonBlockAppender","store","blockEditorStore","useSelect","jsx","_jsx","BlockAppender","props","ref","isBlocksListEmpty","select","getBlockCount","current","ownerDocument","activeElement","body","focus"],"sources":["@wordpress/customize-widgets/src/components/block-appender/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport {\n\tButtonBlockAppender,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nexport default function BlockAppender( props ) {\n\tconst ref = useRef();\n\tconst isBlocksListEmpty = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockCount() === 0\n\t);\n\n\t// Move the focus to the block appender to prevent focus from\n\t// being lost when emptying the widget area.\n\tuseEffect( () => {\n\t\tif ( isBlocksListEmpty && ref.current ) {\n\t\t\tconst { ownerDocument } = ref.current;\n\n\t\t\tif (\n\t\t\t\t! ownerDocument.activeElement ||\n\t\t\t\townerDocument.activeElement === ownerDocument.body\n\t\t\t) {\n\t\t\t\tref.current.focus();\n\t\t\t}\n\t\t}\n\t}, [ isBlocksListEmpty ] );\n\n\treturn <ButtonBlockAppender { ...props } ref={ ref } />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;AACtD,SACCC,mBAAmB,EACnBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,SAAS,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,eAAe,SAASC,aAAaA,CAAEC,KAAK,EAAG;EAC9C,MAAMC,GAAG,GAAGV,MAAM,CAAC,CAAC;EACpB,MAAMW,iBAAiB,GAAGN,SAAS,CAChCO,MAAM,IAAMA,MAAM,CAAER,gBAAiB,CAAC,CAACS,aAAa,CAAC,CAAC,KAAK,CAC9D,CAAC;;EAED;EACA;EACAZ,SAAS,CAAE,MAAM;IAChB,IAAKU,iBAAiB,IAAID,GAAG,CAACI,OAAO,EAAG;MACvC,MAAM;QAAEC;MAAc,CAAC,GAAGL,GAAG,CAACI,OAAO;MAErC,IACC,CAAEC,aAAa,CAACC,aAAa,IAC7BD,aAAa,CAACC,aAAa,KAAKD,aAAa,CAACE,IAAI,EACjD;QACDP,GAAG,CAACI,OAAO,CAACI,KAAK,CAAC,CAAC;MACpB;IACD;EACD,CAAC,EAAE,CAAEP,iBAAiB,CAAG,CAAC;EAE1B,oBAAOJ,IAAA,CAACL,mBAAmB;IAAA,GAAMO,KAAK;IAAGC,GAAG,EAAGA;EAAK,CAAE,CAAC;AACxD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-appender/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport {\n\tButtonBlockAppender,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nexport default function BlockAppender( props ) {\n\tconst ref = useRef();\n\tconst isBlocksListEmpty = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockCount() === 0\n\t);\n\n\t// Move the focus to the block appender to prevent focus from\n\t// being lost when emptying the widget area.\n\tuseEffect( () => {\n\t\tif ( isBlocksListEmpty && ref.current ) {\n\t\t\tconst { ownerDocument } = ref.current;\n\n\t\t\tif (\n\t\t\t\t! ownerDocument.activeElement ||\n\t\t\t\townerDocument.activeElement === ownerDocument.body\n\t\t\t) {\n\t\t\t\tref.current.focus();\n\t\t\t}\n\t\t}\n\t}, [ isBlocksListEmpty ] );\n\n\treturn <ButtonBlockAppender { ...props } ref={ ref } />;\n}\n"],
+  "mappings": "AA+BQ;AA5BR,SAAS,QAAQ,iBAAiB;AAClC;AAAA,EACC;AAAA,EACA,SAAS;AAAA,OACH;AACP,SAAS,iBAAiB;AAEX,SAAR,cAAgC,OAAQ;AAC9C,QAAM,MAAM,OAAO;AACnB,QAAM,oBAAoB;AAAA,IACzB,CAAE,WAAY,OAAQ,gBAAiB,EAAE,cAAc,MAAM;AAAA,EAC9D;AAIA,YAAW,MAAM;AAChB,QAAK,qBAAqB,IAAI,SAAU;AACvC,YAAM,EAAE,cAAc,IAAI,IAAI;AAE9B,UACC,CAAE,cAAc,iBAChB,cAAc,kBAAkB,cAAc,MAC7C;AACD,YAAI,QAAQ,MAAM;AAAA,MACnB;AAAA,IACD;AAAA,EACD,GAAG,CAAE,iBAAkB,CAAE;AAEzB,SAAO,oBAAC,uBAAsB,GAAG,OAAQ,KAAY;AACtD;",
+  "names": []
+}

package/build-module/components/block-inspector-button/index.js

@@ -1,31 +1,34 @@
-/**
- * WordPress dependencies
- */
-import { useMemo } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { MenuItem } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { jsx as _jsx } from "react/jsx-runtime";
-function BlockInspectorButton({
-  inspector,
-  closeMenu,
-  ...props
-}) {
-  const selectedBlockClientId = useSelect(select => select(blockEditorStore).getSelectedBlockClientId(), []);
-  const selectedBlock = useMemo(() => document.getElementById(`block-${selectedBlockClientId}`), [selectedBlockClientId]);
-  return /*#__PURE__*/_jsx(MenuItem, {
-    onClick: () => {
-      // Open the inspector.
-      inspector.open({
-        returnFocusWhenClose: selectedBlock
-      });
-      // Then close the dropdown menu.
-      closeMenu();
-    },
-    ...props,
-    children: __('Show more settings')
-  });
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { MenuItem } from "@wordpress/components";
+import { useSelect } from "@wordpress/data";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+function BlockInspectorButton({ inspector, closeMenu, ...props }) {
+  const selectedBlockClientId = useSelect(
+    (select) => select(blockEditorStore).getSelectedBlockClientId(),
+    []
+  );
+  const selectedBlock = useMemo(
+    () => document.getElementById(`block-${selectedBlockClientId}`),
+    [selectedBlockClientId]
+  );
+  return /* @__PURE__ */ jsx(
+    MenuItem,
+    {
+      onClick: () => {
+        inspector.open({
+          returnFocusWhenClose: selectedBlock
+        });
+        closeMenu();
+      },
+      ...props,
+      children: __("Show more settings")
+    }
+  );
 }
-export default BlockInspectorButton;
-//# sourceMappingURL=index.js.map
+var block_inspector_button_default = BlockInspectorButton;
+export {
+  block_inspector_button_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/block-inspector-button/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useMemo","__","MenuItem","useSelect","store","blockEditorStore","jsx","_jsx","BlockInspectorButton","inspector","closeMenu","props","selectedBlockClientId","select","getSelectedBlockClientId","selectedBlock","document","getElementById","onClick","open","returnFocusWhenClose","children"],"sources":["@wordpress/customize-widgets/src/components/block-inspector-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nfunction BlockInspectorButton( { inspector, closeMenu, ...props } ) {\n\tconst selectedBlockClientId = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSelectedBlockClientId(),\n\t\t[]\n\t);\n\n\tconst selectedBlock = useMemo(\n\t\t() => document.getElementById( `block-${ selectedBlockClientId }` ),\n\t\t[ selectedBlockClientId ]\n\t);\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () => {\n\t\t\t\t// Open the inspector.\n\t\t\t\tinspector.open( {\n\t\t\t\t\treturnFocusWhenClose: selectedBlock,\n\t\t\t\t} );\n\t\t\t\t// Then close the dropdown menu.\n\t\t\t\tcloseMenu();\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ __( 'Show more settings' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockInspectorButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpE,SAASC,oBAAoBA,CAAE;EAAEC,SAAS;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACnE,MAAMC,qBAAqB,GAAGT,SAAS,CACpCU,MAAM,IAAMA,MAAM,CAAER,gBAAiB,CAAC,CAACS,wBAAwB,CAAC,CAAC,EACnE,EACD,CAAC;EAED,MAAMC,aAAa,GAAGf,OAAO,CAC5B,MAAMgB,QAAQ,CAACC,cAAc,CAAE,SAAUL,qBAAqB,EAAI,CAAC,EACnE,CAAEA,qBAAqB,CACxB,CAAC;EAED,oBACCL,IAAA,CAACL,QAAQ;IACRgB,OAAO,EAAGA,CAAA,KAAM;MACf;MACAT,SAAS,CAACU,IAAI,CAAE;QACfC,oBAAoB,EAAEL;MACvB,CAAE,CAAC;MACH;MACAL,SAAS,CAAC,CAAC;IACZ,CAAG;IAAA,GACEC,KAAK;IAAAU,QAAA,EAERpB,EAAE,CAAE,oBAAqB;EAAC,CACnB,CAAC;AAEb;AAEA,eAAeO,oBAAoB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/block-inspector-button/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nfunction BlockInspectorButton( { inspector, closeMenu, ...props } ) {\n\tconst selectedBlockClientId = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSelectedBlockClientId(),\n\t\t[]\n\t);\n\n\tconst selectedBlock = useMemo(\n\t\t() => document.getElementById( `block-${ selectedBlockClientId }` ),\n\t\t[ selectedBlockClientId ]\n\t);\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () => {\n\t\t\t\t// Open the inspector.\n\t\t\t\tinspector.open( {\n\t\t\t\t\treturnFocusWhenClose: selectedBlock,\n\t\t\t\t} );\n\t\t\t\t// Then close the dropdown menu.\n\t\t\t\tcloseMenu();\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ __( 'Show more settings' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockInspectorButton;\n"],
+  "mappings": "AAqBE;AAlBF,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,gBAAgB;AACzB,SAAS,iBAAiB;AAC1B,SAAS,SAAS,wBAAwB;AAE1C,SAAS,qBAAsB,EAAE,WAAW,WAAW,GAAG,MAAM,GAAI;AACnE,QAAM,wBAAwB;AAAA,IAC7B,CAAE,WAAY,OAAQ,gBAAiB,EAAE,yBAAyB;AAAA,IAClE,CAAC;AAAA,EACF;AAEA,QAAM,gBAAgB;AAAA,IACrB,MAAM,SAAS,eAAgB,SAAU,qBAAsB,EAAG;AAAA,IAClE,CAAE,qBAAsB;AAAA,EACzB;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,SAAU,MAAM;AAEf,kBAAU,KAAM;AAAA,UACf,sBAAsB;AAAA,QACvB,CAAE;AAEF,kBAAU;AAAA,MACX;AAAA,MACE,GAAG;AAAA,MAEH,aAAI,oBAAqB;AAAA;AAAA,EAC5B;AAEF;AAEA,IAAO,iCAAQ;",
+  "names": []
+}

package/build-module/components/customize-widgets/index.js

@@ -1,63 +1,64 @@
-/**
- * WordPress dependencies
- */
-import { useState, useEffect, useRef, createPortal } from '@wordpress/element';
-import { SlotFillProvider, Popover } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import ErrorBoundary from '../error-boundary';
-import SidebarBlockEditor from '../sidebar-block-editor';
-import FocusControl from '../focus-control';
-import SidebarControls from '../sidebar-controls';
-import useClearSelectedBlock from './use-clear-selected-block';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function CustomizeWidgets({
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef, createPortal } from "@wordpress/element";
+import { SlotFillProvider, Popover } from "@wordpress/components";
+import ErrorBoundary from "../error-boundary";
+import SidebarBlockEditor from "../sidebar-block-editor";
+import FocusControl from "../focus-control";
+import SidebarControls from "../sidebar-controls";
+import useClearSelectedBlock from "./use-clear-selected-block";
+function CustomizeWidgets({
   api,
   sidebarControls,
   blockEditorSettings
 }) {
   const [activeSidebarControl, setActiveSidebarControl] = useState(null);
-  const parentContainer = document.getElementById('customize-theme-controls');
+  const parentContainer = document.getElementById(
+    "customize-theme-controls"
+  );
   const popoverRef = useRef();
   useClearSelectedBlock(activeSidebarControl, popoverRef);
   useEffect(() => {
-    const unsubscribers = sidebarControls.map(sidebarControl => sidebarControl.subscribe(expanded => {
-      if (expanded) {
-        setActiveSidebarControl(sidebarControl);
-      }
-    }));
+    const unsubscribers = sidebarControls.map(
+      (sidebarControl) => sidebarControl.subscribe((expanded) => {
+        if (expanded) {
+          setActiveSidebarControl(sidebarControl);
+        }
+      })
+    );
     return () => {
-      unsubscribers.forEach(unsubscriber => unsubscriber());
+      unsubscribers.forEach((unsubscriber) => unsubscriber());
     };
   }, [sidebarControls]);
-  const activeSidebar = activeSidebarControl && createPortal(/*#__PURE__*/_jsx(ErrorBoundary, {
-    children: /*#__PURE__*/_jsx(SidebarBlockEditor, {
-      blockEditorSettings: blockEditorSettings,
-      sidebar: activeSidebarControl.sidebarAdapter,
-      inserter: activeSidebarControl.inserter,
-      inspector: activeSidebarControl.inspector
-    }, activeSidebarControl.id)
-  }), activeSidebarControl.container[0]);
-
-  // We have to portal this to the parent of both the editor and the inspector,
-  // so that the popovers will appear above both of them.
-  const popover = parentContainer && createPortal(/*#__PURE__*/_jsx("div", {
-    className: "customize-widgets-popover",
-    ref: popoverRef,
-    children: /*#__PURE__*/_jsx(Popover.Slot, {})
-  }), parentContainer);
-  return /*#__PURE__*/_jsx(SlotFillProvider, {
-    children: /*#__PURE__*/_jsx(SidebarControls, {
-      sidebarControls: sidebarControls,
-      activeSidebarControl: activeSidebarControl,
-      children: /*#__PURE__*/_jsxs(FocusControl, {
-        api: api,
-        sidebarControls: sidebarControls,
-        children: [activeSidebar, popover]
-      })
-    })
-  });
+  const activeSidebar = activeSidebarControl && createPortal(
+    /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
+      SidebarBlockEditor,
+      {
+        blockEditorSettings,
+        sidebar: activeSidebarControl.sidebarAdapter,
+        inserter: activeSidebarControl.inserter,
+        inspector: activeSidebarControl.inspector
+      },
+      activeSidebarControl.id
+    ) }),
+    activeSidebarControl.container[0]
+  );
+  const popover = parentContainer && createPortal(
+    /* @__PURE__ */ jsx("div", { className: "customize-widgets-popover", ref: popoverRef, children: /* @__PURE__ */ jsx(Popover.Slot, {}) }),
+    parentContainer
+  );
+  return /* @__PURE__ */ jsx(SlotFillProvider, { children: /* @__PURE__ */ jsx(
+    SidebarControls,
+    {
+      sidebarControls,
+      activeSidebarControl,
+      children: /* @__PURE__ */ jsxs(FocusControl, { api, sidebarControls, children: [
+        activeSidebar,
+        popover
+      ] })
+    }
+  ) });
 }
-//# sourceMappingURL=index.js.map
+export {
+  CustomizeWidgets as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/customize-widgets/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useState","useEffect","useRef","createPortal","SlotFillProvider","Popover","ErrorBoundary","SidebarBlockEditor","FocusControl","SidebarControls","useClearSelectedBlock","jsx","_jsx","jsxs","_jsxs","CustomizeWidgets","api","sidebarControls","blockEditorSettings","activeSidebarControl","setActiveSidebarControl","parentContainer","document","getElementById","popoverRef","unsubscribers","map","sidebarControl","subscribe","expanded","forEach","unsubscriber","activeSidebar","children","sidebar","sidebarAdapter","inserter","inspector","id","container","popover","className","ref","Slot"],"sources":["@wordpress/customize-widgets/src/components/customize-widgets/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useRef, createPortal } from '@wordpress/element';\nimport { SlotFillProvider, Popover } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ErrorBoundary from '../error-boundary';\nimport SidebarBlockEditor from '../sidebar-block-editor';\nimport FocusControl from '../focus-control';\nimport SidebarControls from '../sidebar-controls';\nimport useClearSelectedBlock from './use-clear-selected-block';\n\nexport default function CustomizeWidgets( {\n\tapi,\n\tsidebarControls,\n\tblockEditorSettings,\n} ) {\n\tconst [ activeSidebarControl, setActiveSidebarControl ] = useState( null );\n\tconst parentContainer = document.getElementById(\n\t\t'customize-theme-controls'\n\t);\n\tconst popoverRef = useRef();\n\n\tuseClearSelectedBlock( activeSidebarControl, popoverRef );\n\n\tuseEffect( () => {\n\t\tconst unsubscribers = sidebarControls.map( ( sidebarControl ) =>\n\t\t\tsidebarControl.subscribe( ( expanded ) => {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tsetActiveSidebarControl( sidebarControl );\n\t\t\t\t}\n\t\t\t} )\n\t\t);\n\n\t\treturn () => {\n\t\t\tunsubscribers.forEach( ( unsubscriber ) => unsubscriber() );\n\t\t};\n\t}, [ sidebarControls ] );\n\n\tconst activeSidebar =\n\t\tactiveSidebarControl &&\n\t\tcreatePortal(\n\t\t\t<ErrorBoundary>\n\t\t\t\t<SidebarBlockEditor\n\t\t\t\t\tkey={ activeSidebarControl.id }\n\t\t\t\t\tblockEditorSettings={ blockEditorSettings }\n\t\t\t\t\tsidebar={ activeSidebarControl.sidebarAdapter }\n\t\t\t\t\tinserter={ activeSidebarControl.inserter }\n\t\t\t\t\tinspector={ activeSidebarControl.inspector }\n\t\t\t\t/>\n\t\t\t</ErrorBoundary>,\n\t\t\tactiveSidebarControl.container[ 0 ]\n\t\t);\n\n\t// We have to portal this to the parent of both the editor and the inspector,\n\t// so that the popovers will appear above both of them.\n\tconst popover =\n\t\tparentContainer &&\n\t\tcreatePortal(\n\t\t\t<div className=\"customize-widgets-popover\" ref={ popoverRef }>\n\t\t\t\t<Popover.Slot />\n\t\t\t</div>,\n\t\t\tparentContainer\n\t\t);\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<SidebarControls\n\t\t\t\tsidebarControls={ sidebarControls }\n\t\t\t\tactiveSidebarControl={ activeSidebarControl }\n\t\t\t>\n\t\t\t\t<FocusControl api={ api } sidebarControls={ sidebarControls }>\n\t\t\t\t\t{ activeSidebar }\n\t\t\t\t\t{ popover }\n\t\t\t\t</FocusControl>\n\t\t\t</SidebarControls>\n\t\t</SlotFillProvider>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAEC,YAAY,QAAQ,oBAAoB;AAC9E,SAASC,gBAAgB,EAAEC,OAAO,QAAQ,uBAAuB;;AAEjE;AACA;AACA;AACA,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,kBAAkB,MAAM,yBAAyB;AACxD,OAAOC,YAAY,MAAM,kBAAkB;AAC3C,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,qBAAqB,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/D,eAAe,SAASC,gBAAgBA,CAAE;EACzCC,GAAG;EACHC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,oBAAoB,EAAEC,uBAAuB,CAAE,GAAGpB,QAAQ,CAAE,IAAK,CAAC;EAC1E,MAAMqB,eAAe,GAAGC,QAAQ,CAACC,cAAc,CAC9C,0BACD,CAAC;EACD,MAAMC,UAAU,GAAGtB,MAAM,CAAC,CAAC;EAE3BQ,qBAAqB,CAAES,oBAAoB,EAAEK,UAAW,CAAC;EAEzDvB,SAAS,CAAE,MAAM;IAChB,MAAMwB,aAAa,GAAGR,eAAe,CAACS,GAAG,CAAIC,cAAc,IAC1DA,cAAc,CAACC,SAAS,CAAIC,QAAQ,IAAM;MACzC,IAAKA,QAAQ,EAAG;QACfT,uBAAuB,CAAEO,cAAe,CAAC;MAC1C;IACD,CAAE,CACH,CAAC;IAED,OAAO,MAAM;MACZF,aAAa,CAACK,OAAO,CAAIC,YAAY,IAAMA,YAAY,CAAC,CAAE,CAAC;IAC5D,CAAC;EACF,CAAC,EAAE,CAAEd,eAAe,CAAG,CAAC;EAExB,MAAMe,aAAa,GAClBb,oBAAoB,IACpBhB,YAAY,cACXS,IAAA,CAACN,aAAa;IAAA2B,QAAA,eACbrB,IAAA,CAACL,kBAAkB;MAElBW,mBAAmB,EAAGA,mBAAqB;MAC3CgB,OAAO,EAAGf,oBAAoB,CAACgB,cAAgB;MAC/CC,QAAQ,EAAGjB,oBAAoB,CAACiB,QAAU;MAC1CC,SAAS,EAAGlB,oBAAoB,CAACkB;IAAW,GAJtClB,oBAAoB,CAACmB,EAK3B;EAAC,CACY,CAAC,EAChBnB,oBAAoB,CAACoB,SAAS,CAAE,CAAC,CAClC,CAAC;;EAEF;EACA;EACA,MAAMC,OAAO,GACZnB,eAAe,IACflB,YAAY,cACXS,IAAA;IAAK6B,SAAS,EAAC,2BAA2B;IAACC,GAAG,EAAGlB,UAAY;IAAAS,QAAA,eAC5DrB,IAAA,CAACP,OAAO,CAACsC,IAAI,IAAE;EAAC,CACZ,CAAC,EACNtB,eACD,CAAC;EAEF,oBACCT,IAAA,CAACR,gBAAgB;IAAA6B,QAAA,eAChBrB,IAAA,CAACH,eAAe;MACfQ,eAAe,EAAGA,eAAiB;MACnCE,oBAAoB,EAAGA,oBAAsB;MAAAc,QAAA,eAE7CnB,KAAA,CAACN,YAAY;QAACQ,GAAG,EAAGA,GAAK;QAACC,eAAe,EAAGA,eAAiB;QAAAgB,QAAA,GAC1DD,aAAa,EACbQ,OAAO;MAAA,CACI;IAAC,CACC;EAAC,CACD,CAAC;AAErB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/customize-widgets/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useRef, createPortal } from '@wordpress/element';\nimport { SlotFillProvider, Popover } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ErrorBoundary from '../error-boundary';\nimport SidebarBlockEditor from '../sidebar-block-editor';\nimport FocusControl from '../focus-control';\nimport SidebarControls from '../sidebar-controls';\nimport useClearSelectedBlock from './use-clear-selected-block';\n\nexport default function CustomizeWidgets( {\n\tapi,\n\tsidebarControls,\n\tblockEditorSettings,\n} ) {\n\tconst [ activeSidebarControl, setActiveSidebarControl ] = useState( null );\n\tconst parentContainer = document.getElementById(\n\t\t'customize-theme-controls'\n\t);\n\tconst popoverRef = useRef();\n\n\tuseClearSelectedBlock( activeSidebarControl, popoverRef );\n\n\tuseEffect( () => {\n\t\tconst unsubscribers = sidebarControls.map( ( sidebarControl ) =>\n\t\t\tsidebarControl.subscribe( ( expanded ) => {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tsetActiveSidebarControl( sidebarControl );\n\t\t\t\t}\n\t\t\t} )\n\t\t);\n\n\t\treturn () => {\n\t\t\tunsubscribers.forEach( ( unsubscriber ) => unsubscriber() );\n\t\t};\n\t}, [ sidebarControls ] );\n\n\tconst activeSidebar =\n\t\tactiveSidebarControl &&\n\t\tcreatePortal(\n\t\t\t<ErrorBoundary>\n\t\t\t\t<SidebarBlockEditor\n\t\t\t\t\tkey={ activeSidebarControl.id }\n\t\t\t\t\tblockEditorSettings={ blockEditorSettings }\n\t\t\t\t\tsidebar={ activeSidebarControl.sidebarAdapter }\n\t\t\t\t\tinserter={ activeSidebarControl.inserter }\n\t\t\t\t\tinspector={ activeSidebarControl.inspector }\n\t\t\t\t/>\n\t\t\t</ErrorBoundary>,\n\t\t\tactiveSidebarControl.container[ 0 ]\n\t\t);\n\n\t// We have to portal this to the parent of both the editor and the inspector,\n\t// so that the popovers will appear above both of them.\n\tconst popover =\n\t\tparentContainer &&\n\t\tcreatePortal(\n\t\t\t<div className=\"customize-widgets-popover\" ref={ popoverRef }>\n\t\t\t\t<Popover.Slot />\n\t\t\t</div>,\n\t\t\tparentContainer\n\t\t);\n\n\treturn (\n\t\t<SlotFillProvider>\n\t\t\t<SidebarControls\n\t\t\t\tsidebarControls={ sidebarControls }\n\t\t\t\tactiveSidebarControl={ activeSidebarControl }\n\t\t\t>\n\t\t\t\t<FocusControl api={ api } sidebarControls={ sidebarControls }>\n\t\t\t\t\t{ activeSidebar }\n\t\t\t\t\t{ popover }\n\t\t\t\t</FocusControl>\n\t\t\t</SidebarControls>\n\t\t</SlotFillProvider>\n\t);\n}\n"],
+  "mappings": "AA8CI,cA4BA,YA5BA;AA3CJ,SAAS,UAAU,WAAW,QAAQ,oBAAoB;AAC1D,SAAS,kBAAkB,eAAe;AAK1C,OAAO,mBAAmB;AAC1B,OAAO,wBAAwB;AAC/B,OAAO,kBAAkB;AACzB,OAAO,qBAAqB;AAC5B,OAAO,2BAA2B;AAEnB,SAAR,iBAAmC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,sBAAsB,uBAAwB,IAAI,SAAU,IAAK;AACzE,QAAM,kBAAkB,SAAS;AAAA,IAChC;AAAA,EACD;AACA,QAAM,aAAa,OAAO;AAE1B,wBAAuB,sBAAsB,UAAW;AAExD,YAAW,MAAM;AAChB,UAAM,gBAAgB,gBAAgB;AAAA,MAAK,CAAE,mBAC5C,eAAe,UAAW,CAAE,aAAc;AACzC,YAAK,UAAW;AACf,kCAAyB,cAAe;AAAA,QACzC;AAAA,MACD,CAAE;AAAA,IACH;AAEA,WAAO,MAAM;AACZ,oBAAc,QAAS,CAAE,iBAAkB,aAAa,CAAE;AAAA,IAC3D;AAAA,EACD,GAAG,CAAE,eAAgB,CAAE;AAEvB,QAAM,gBACL,wBACA;AAAA,IACC,oBAAC,iBACA;AAAA,MAAC;AAAA;AAAA,QAEA;AAAA,QACA,SAAU,qBAAqB;AAAA,QAC/B,UAAW,qBAAqB;AAAA,QAChC,WAAY,qBAAqB;AAAA;AAAA,MAJ3B,qBAAqB;AAAA,IAK5B,GACD;AAAA,IACA,qBAAqB,UAAW,CAAE;AAAA,EACnC;AAID,QAAM,UACL,mBACA;AAAA,IACC,oBAAC,SAAI,WAAU,6BAA4B,KAAM,YAChD,8BAAC,QAAQ,MAAR,EAAa,GACf;AAAA,IACA;AAAA,EACD;AAED,SACC,oBAAC,oBACA;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,gBAAa,KAAY,iBACvB;AAAA;AAAA,QACA;AAAA,SACH;AAAA;AAAA,EACD,GACD;AAEF;",
+  "names": []
+}

package/build-module/components/customize-widgets/use-clear-selected-block.js

@@ -1,69 +1,49 @@
-/**
- * WordPress dependencies
- */
-import { useEffect } from '@wordpress/element';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-
-/**
- * We can't just use <BlockSelectionClearer> because the customizer has
- * many root nodes rather than just one in the post editor.
- * We need to listen to the focus events in all those roots, and also in
- * the preview iframe.
- * This hook will clear the selected block when focusing outside the editor,
- * with a few exceptions:
- * 1. Focusing on popovers.
- * 2. Focusing on the inspector.
- * 3. Focusing on any modals/dialogs.
- * These cases are normally triggered by user interactions from the editor,
- * not by explicitly focusing outside the editor, hence no need for clearing.
- *
- * @param {Object} sidebarControl The sidebar control instance.
- * @param {Object} popoverRef     The ref object of the popover node container.
- */
-export default function useClearSelectedBlock(sidebarControl, popoverRef) {
-  const {
-    hasSelectedBlock,
-    hasMultiSelection
-  } = useSelect(blockEditorStore);
-  const {
-    clearSelectedBlock
-  } = useDispatch(blockEditorStore);
+import { useEffect } from "@wordpress/element";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+function useClearSelectedBlock(sidebarControl, popoverRef) {
+  const { hasSelectedBlock, hasMultiSelection } = useSelect(blockEditorStore);
+  const { clearSelectedBlock } = useDispatch(blockEditorStore);
   useEffect(() => {
     if (popoverRef.current && sidebarControl) {
-      const inspector = sidebarControl.inspector;
-      const container = sidebarControl.container[0];
-      const ownerDocument = container.ownerDocument;
-      const ownerWindow = ownerDocument.defaultView;
-      function handleClearSelectedBlock(element) {
+      let handleClearSelectedBlock = function(element) {
         if (
-        // 1. Make sure there are blocks being selected.
-        (hasSelectedBlock() || hasMultiSelection()) &&
-        // 2. The element should exist in the DOM (not deleted).
-        element && ownerDocument.contains(element) &&
-        // 3. It should also not exist in the container, the popover, nor the dialog.
-        !container.contains(element) && !popoverRef.current.contains(element) && !element.closest('[role="dialog"]') &&
-        // 4. The inspector should not be opened.
-        !inspector.expanded()) {
+          // 1. Make sure there are blocks being selected.
+          (hasSelectedBlock() || hasMultiSelection()) && // 2. The element should exist in the DOM (not deleted).
+          element && ownerDocument.contains(element) && // 3. It should also not exist in the container, the popover, nor the dialog.
+          !container.contains(element) && !popoverRef.current.contains(element) && !element.closest('[role="dialog"]') && // 4. The inspector should not be opened.
+          !inspector.expanded()
+        ) {
           clearSelectedBlock();
         }
-      }
-
-      // Handle mouse down in the same document.
-      function handleMouseDown(event) {
+      }, handleMouseDown = function(event) {
         handleClearSelectedBlock(event.target);
-      }
-      // Handle focusing outside the current document, like to iframes.
-      function handleBlur() {
+      }, handleBlur = function() {
         handleClearSelectedBlock(ownerDocument.activeElement);
-      }
-      ownerDocument.addEventListener('mousedown', handleMouseDown);
-      ownerWindow.addEventListener('blur', handleBlur);
+      };
+      const inspector = sidebarControl.inspector;
+      const container = sidebarControl.container[0];
+      const ownerDocument = container.ownerDocument;
+      const ownerWindow = ownerDocument.defaultView;
+      ownerDocument.addEventListener("mousedown", handleMouseDown);
+      ownerWindow.addEventListener("blur", handleBlur);
       return () => {
-        ownerDocument.removeEventListener('mousedown', handleMouseDown);
-        ownerWindow.removeEventListener('blur', handleBlur);
+        ownerDocument.removeEventListener(
+          "mousedown",
+          handleMouseDown
+        );
+        ownerWindow.removeEventListener("blur", handleBlur);
       };
     }
-  }, [popoverRef, sidebarControl, hasSelectedBlock, hasMultiSelection, clearSelectedBlock]);
+  }, [
+    popoverRef,
+    sidebarControl,
+    hasSelectedBlock,
+    hasMultiSelection,
+    clearSelectedBlock
+  ]);
 }
-//# sourceMappingURL=use-clear-selected-block.js.map
+export {
+  useClearSelectedBlock as default
+};
+//# sourceMappingURL=use-clear-selected-block.js.map

package/build-module/components/customize-widgets/use-clear-selected-block.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","useDispatch","useSelect","store","blockEditorStore","useClearSelectedBlock","sidebarControl","popoverRef","hasSelectedBlock","hasMultiSelection","clearSelectedBlock","current","inspector","container","ownerDocument","ownerWindow","defaultView","handleClearSelectedBlock","element","contains","closest","expanded","handleMouseDown","event","target","handleBlur","activeElement","addEventListener","removeEventListener"],"sources":["@wordpress/customize-widgets/src/components/customize-widgets/use-clear-selected-block.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * We can't just use <BlockSelectionClearer> because the customizer has\n * many root nodes rather than just one in the post editor.\n * We need to listen to the focus events in all those roots, and also in\n * the preview iframe.\n * This hook will clear the selected block when focusing outside the editor,\n * with a few exceptions:\n * 1. Focusing on popovers.\n * 2. Focusing on the inspector.\n * 3. Focusing on any modals/dialogs.\n * These cases are normally triggered by user interactions from the editor,\n * not by explicitly focusing outside the editor, hence no need for clearing.\n *\n * @param {Object} sidebarControl The sidebar control instance.\n * @param {Object} popoverRef     The ref object of the popover node container.\n */\nexport default function useClearSelectedBlock( sidebarControl, popoverRef ) {\n\tconst { hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( popoverRef.current && sidebarControl ) {\n\t\t\tconst inspector = sidebarControl.inspector;\n\t\t\tconst container = sidebarControl.container[ 0 ];\n\t\t\tconst ownerDocument = container.ownerDocument;\n\t\t\tconst ownerWindow = ownerDocument.defaultView;\n\n\t\t\tfunction handleClearSelectedBlock( element ) {\n\t\t\t\tif (\n\t\t\t\t\t// 1. Make sure there are blocks being selected.\n\t\t\t\t\t( hasSelectedBlock() || hasMultiSelection() ) &&\n\t\t\t\t\t// 2. The element should exist in the DOM (not deleted).\n\t\t\t\t\telement &&\n\t\t\t\t\townerDocument.contains( element ) &&\n\t\t\t\t\t// 3. It should also not exist in the container, the popover, nor the dialog.\n\t\t\t\t\t! container.contains( element ) &&\n\t\t\t\t\t! popoverRef.current.contains( element ) &&\n\t\t\t\t\t! element.closest( '[role=\"dialog\"]' ) &&\n\t\t\t\t\t// 4. The inspector should not be opened.\n\t\t\t\t\t! inspector.expanded()\n\t\t\t\t) {\n\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Handle mouse down in the same document.\n\t\t\tfunction handleMouseDown( event ) {\n\t\t\t\thandleClearSelectedBlock( event.target );\n\t\t\t}\n\t\t\t// Handle focusing outside the current document, like to iframes.\n\t\t\tfunction handleBlur() {\n\t\t\t\thandleClearSelectedBlock( ownerDocument.activeElement );\n\t\t\t}\n\n\t\t\townerDocument.addEventListener( 'mousedown', handleMouseDown );\n\t\t\townerWindow.addEventListener( 'blur', handleBlur );\n\n\t\t\treturn () => {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\thandleMouseDown\n\t\t\t\t);\n\t\t\t\townerWindow.removeEventListener( 'blur', handleBlur );\n\t\t\t};\n\t\t}\n\t}, [\n\t\tpopoverRef,\n\t\tsidebarControl,\n\t\thasSelectedBlock,\n\t\thasMultiSelection,\n\t\tclearSelectedBlock,\n\t] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;;AAEnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,qBAAqBA,CAAEC,cAAc,EAAEC,UAAU,EAAG;EAC3E,MAAM;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GAC5CP,SAAS,CAAEE,gBAAiB,CAAC;EAC9B,MAAM;IAAEM;EAAmB,CAAC,GAAGT,WAAW,CAAEG,gBAAiB,CAAC;EAE9DJ,SAAS,CAAE,MAAM;IAChB,IAAKO,UAAU,CAACI,OAAO,IAAIL,cAAc,EAAG;MAC3C,MAAMM,SAAS,GAAGN,cAAc,CAACM,SAAS;MAC1C,MAAMC,SAAS,GAAGP,cAAc,CAACO,SAAS,CAAE,CAAC,CAAE;MAC/C,MAAMC,aAAa,GAAGD,SAAS,CAACC,aAAa;MAC7C,MAAMC,WAAW,GAAGD,aAAa,CAACE,WAAW;MAE7C,SAASC,wBAAwBA,CAAEC,OAAO,EAAG;QAC5C;QACC;QACA,CAAEV,gBAAgB,CAAC,CAAC,IAAIC,iBAAiB,CAAC,CAAC;QAC3C;QACAS,OAAO,IACPJ,aAAa,CAACK,QAAQ,CAAED,OAAQ,CAAC;QACjC;QACA,CAAEL,SAAS,CAACM,QAAQ,CAAED,OAAQ,CAAC,IAC/B,CAAEX,UAAU,CAACI,OAAO,CAACQ,QAAQ,CAAED,OAAQ,CAAC,IACxC,CAAEA,OAAO,CAACE,OAAO,CAAE,iBAAkB,CAAC;QACtC;QACA,CAAER,SAAS,CAACS,QAAQ,CAAC,CAAC,EACrB;UACDX,kBAAkB,CAAC,CAAC;QACrB;MACD;;MAEA;MACA,SAASY,eAAeA,CAAEC,KAAK,EAAG;QACjCN,wBAAwB,CAAEM,KAAK,CAACC,MAAO,CAAC;MACzC;MACA;MACA,SAASC,UAAUA,CAAA,EAAG;QACrBR,wBAAwB,CAAEH,aAAa,CAACY,aAAc,CAAC;MACxD;MAEAZ,aAAa,CAACa,gBAAgB,CAAE,WAAW,EAAEL,eAAgB,CAAC;MAC9DP,WAAW,CAACY,gBAAgB,CAAE,MAAM,EAAEF,UAAW,CAAC;MAElD,OAAO,MAAM;QACZX,aAAa,CAACc,mBAAmB,CAChC,WAAW,EACXN,eACD,CAAC;QACDP,WAAW,CAACa,mBAAmB,CAAE,MAAM,EAAEH,UAAW,CAAC;MACtD,CAAC;IACF;EACD,CAAC,EAAE,CACFlB,UAAU,EACVD,cAAc,EACdE,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,CACjB,CAAC;AACJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/customize-widgets/use-clear-selected-block.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * We can't just use <BlockSelectionClearer> because the customizer has\n * many root nodes rather than just one in the post editor.\n * We need to listen to the focus events in all those roots, and also in\n * the preview iframe.\n * This hook will clear the selected block when focusing outside the editor,\n * with a few exceptions:\n * 1. Focusing on popovers.\n * 2. Focusing on the inspector.\n * 3. Focusing on any modals/dialogs.\n * These cases are normally triggered by user interactions from the editor,\n * not by explicitly focusing outside the editor, hence no need for clearing.\n *\n * @param {Object} sidebarControl The sidebar control instance.\n * @param {Object} popoverRef     The ref object of the popover node container.\n */\nexport default function useClearSelectedBlock( sidebarControl, popoverRef ) {\n\tconst { hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( popoverRef.current && sidebarControl ) {\n\t\t\tconst inspector = sidebarControl.inspector;\n\t\t\tconst container = sidebarControl.container[ 0 ];\n\t\t\tconst ownerDocument = container.ownerDocument;\n\t\t\tconst ownerWindow = ownerDocument.defaultView;\n\n\t\t\tfunction handleClearSelectedBlock( element ) {\n\t\t\t\tif (\n\t\t\t\t\t// 1. Make sure there are blocks being selected.\n\t\t\t\t\t( hasSelectedBlock() || hasMultiSelection() ) &&\n\t\t\t\t\t// 2. The element should exist in the DOM (not deleted).\n\t\t\t\t\telement &&\n\t\t\t\t\townerDocument.contains( element ) &&\n\t\t\t\t\t// 3. It should also not exist in the container, the popover, nor the dialog.\n\t\t\t\t\t! container.contains( element ) &&\n\t\t\t\t\t! popoverRef.current.contains( element ) &&\n\t\t\t\t\t! element.closest( '[role=\"dialog\"]' ) &&\n\t\t\t\t\t// 4. The inspector should not be opened.\n\t\t\t\t\t! inspector.expanded()\n\t\t\t\t) {\n\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Handle mouse down in the same document.\n\t\t\tfunction handleMouseDown( event ) {\n\t\t\t\thandleClearSelectedBlock( event.target );\n\t\t\t}\n\t\t\t// Handle focusing outside the current document, like to iframes.\n\t\t\tfunction handleBlur() {\n\t\t\t\thandleClearSelectedBlock( ownerDocument.activeElement );\n\t\t\t}\n\n\t\t\townerDocument.addEventListener( 'mousedown', handleMouseDown );\n\t\t\townerWindow.addEventListener( 'blur', handleBlur );\n\n\t\t\treturn () => {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\thandleMouseDown\n\t\t\t\t);\n\t\t\t\townerWindow.removeEventListener( 'blur', handleBlur );\n\t\t\t};\n\t\t}\n\t}, [\n\t\tpopoverRef,\n\t\tsidebarControl,\n\t\thasSelectedBlock,\n\t\thasMultiSelection,\n\t\tclearSelectedBlock,\n\t] );\n}\n"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAC1B,SAAS,aAAa,iBAAiB;AACvC,SAAS,SAAS,wBAAwB;AAkB3B,SAAR,sBAAwC,gBAAgB,YAAa;AAC3E,QAAM,EAAE,kBAAkB,kBAAkB,IAC3C,UAAW,gBAAiB;AAC7B,QAAM,EAAE,mBAAmB,IAAI,YAAa,gBAAiB;AAE7D,YAAW,MAAM;AAChB,QAAK,WAAW,WAAW,gBAAiB;AAM3C,UAAS,2BAAT,SAAmC,SAAU;AAC5C;AAAA;AAAA,WAEG,iBAAiB,KAAK,kBAAkB;AAAA,UAE1C,WACA,cAAc,SAAU,OAAQ;AAAA,UAEhC,CAAE,UAAU,SAAU,OAAQ,KAC9B,CAAE,WAAW,QAAQ,SAAU,OAAQ,KACvC,CAAE,QAAQ,QAAS,iBAAkB;AAAA,UAErC,CAAE,UAAU,SAAS;AAAA,UACpB;AACD,6BAAmB;AAAA,QACpB;AAAA,MACD,GAGS,kBAAT,SAA0B,OAAQ;AACjC,iCAA0B,MAAM,MAAO;AAAA,MACxC,GAES,aAAT,WAAsB;AACrB,iCAA0B,cAAc,aAAc;AAAA,MACvD;AA9BA,YAAM,YAAY,eAAe;AACjC,YAAM,YAAY,eAAe,UAAW,CAAE;AAC9C,YAAM,gBAAgB,UAAU;AAChC,YAAM,cAAc,cAAc;AA6BlC,oBAAc,iBAAkB,aAAa,eAAgB;AAC7D,kBAAY,iBAAkB,QAAQ,UAAW;AAEjD,aAAO,MAAM;AACZ,sBAAc;AAAA,UACb;AAAA,UACA;AAAA,QACD;AACA,oBAAY,oBAAqB,QAAQ,UAAW;AAAA,MACrD;AAAA,IACD;AAAA,EACD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
+  "names": []
+}

package/build-module/components/error-boundary/index.js

@@ -1,26 +1,15 @@
-/**
- * WordPress dependencies
- */
-import { Component } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { Button } from '@wordpress/components';
-import { Warning } from '@wordpress/block-editor';
-import { useCopyToClipboard } from '@wordpress/compose';
-import { doAction } from '@wordpress/hooks';
-import { jsx as _jsx } from "react/jsx-runtime";
-function CopyButton({
-  text,
-  children
-}) {
+import { jsx } from "react/jsx-runtime";
+import { Component } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { Button } from "@wordpress/components";
+import { Warning } from "@wordpress/block-editor";
+import { useCopyToClipboard } from "@wordpress/compose";
+import { doAction } from "@wordpress/hooks";
+function CopyButton({ text, children }) {
   const ref = useCopyToClipboard(text);
-  return /*#__PURE__*/_jsx(Button, {
-    size: "compact",
-    variant: "secondary",
-    ref: ref,
-    children: children
-  });
+  return /* @__PURE__ */ jsx(Button, { size: "compact", variant: "secondary", ref, children });
 }
-export default class ErrorBoundary extends Component {
+class ErrorBoundary extends Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -28,26 +17,27 @@ export default class ErrorBoundary extends Component {
     };
   }
   componentDidCatch(error) {
-    this.setState({
-      error
-    });
-    doAction('editor.ErrorBoundary.errorLogged', error);
+    this.setState({ error });
+    doAction("editor.ErrorBoundary.errorLogged", error);
   }
   render() {
-    const {
-      error
-    } = this.state;
+    const { error } = this.state;
     if (!error) {
       return this.props.children;
     }
-    return /*#__PURE__*/_jsx(Warning, {
-      className: "customize-widgets-error-boundary",
-      actions: [/*#__PURE__*/_jsx(CopyButton, {
-        text: error.stack,
-        children: __('Copy Error')
-      }, "copy-error")],
-      children: __('The editor has encountered an unexpected error.')
-    });
+    return /* @__PURE__ */ jsx(
+      Warning,
+      {
+        className: "customize-widgets-error-boundary",
+        actions: [
+          /* @__PURE__ */ jsx(CopyButton, { text: error.stack, children: __("Copy Error") }, "copy-error")
+        ],
+        children: __("The editor has encountered an unexpected error.")
+      }
+    );
   }
 }
-//# sourceMappingURL=index.js.map
+export {
+  ErrorBoundary as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/error-boundary/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Component","__","Button","Warning","useCopyToClipboard","doAction","jsx","_jsx","CopyButton","text","children","ref","size","variant","ErrorBoundary","constructor","arguments","state","error","componentDidCatch","setState","render","props","className","actions","stack"],"sources":["@wordpress/customize-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button size=\"compact\" variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,QAAQ,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAGP,kBAAkB,CAAEK,IAAK,CAAC;EACtC,oBACCF,IAAA,CAACL,MAAM;IAACU,IAAI,EAAC,SAAS;IAACC,OAAO,EAAC,WAAW;IAACF,GAAG,EAAGA,GAAK;IAAAD,QAAA,EACnDA;EAAQ,CACH,CAAC;AAEX;AAEA,eAAe,MAAMI,aAAa,SAASd,SAAS,CAAC;EACpDe,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,KAAK,GAAG;MACZC,KAAK,EAAE;IACR,CAAC;EACF;EAEAC,iBAAiBA,CAAED,KAAK,EAAG;IAC1B,IAAI,CAACE,QAAQ,CAAE;MAAEF;IAAM,CAAE,CAAC;IAE1Bb,QAAQ,CAAE,kCAAkC,EAAEa,KAAM,CAAC;EACtD;EAEAG,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEH;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,IAAK,CAAEC,KAAK,EAAG;MACd,OAAO,IAAI,CAACI,KAAK,CAACZ,QAAQ;IAC3B;IAEA,oBACCH,IAAA,CAACJ,OAAO;MACPoB,SAAS,EAAC,kCAAkC;MAC5CC,OAAO,EAAG,cACTjB,IAAA,CAACC,UAAU;QAAkBC,IAAI,EAAGS,KAAK,CAACO,KAAO;QAAAf,QAAA,EAC9CT,EAAE,CAAE,YAAa;MAAC,GADL,YAEJ,CAAC,CACX;MAAAS,QAAA,EAEDT,EAAE,CAAE,iDAAkD;IAAC,CACjD,CAAC;EAEZ;AACD","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/error-boundary/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button size=\"compact\" variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"],
+  "mappings": "AAaE;AAVF,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AACnB,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AAEzB,SAAS,WAAY,EAAE,MAAM,SAAS,GAAI;AACzC,QAAM,MAAM,mBAAoB,IAAK;AACrC,SACC,oBAAC,UAAO,MAAK,WAAU,SAAQ,aAAY,KACxC,UACH;AAEF;AAEA,MAAO,sBAAoC,UAAU;AAAA,EACpD,cAAc;AACb,UAAO,GAAG,SAAU;AACpB,SAAK,QAAQ;AAAA,MACZ,OAAO;AAAA,IACR;AAAA,EACD;AAAA,EAEA,kBAAmB,OAAQ;AAC1B,SAAK,SAAU,EAAE,MAAM,CAAE;AAEzB,aAAU,oCAAoC,KAAM;AAAA,EACrD;AAAA,EAEA,SAAS;AACR,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,QAAK,CAAE,OAAQ;AACd,aAAO,KAAK,MAAM;AAAA,IACnB;AAEA,WACC;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,SAAU;AAAA,UACT,oBAAC,cAA4B,MAAO,MAAM,OACvC,aAAI,YAAa,KADJ,YAEhB;AAAA,QACD;AAAA,QAEE,aAAI,iDAAkD;AAAA;AAAA,IACzD;AAAA,EAEF;AACD;",
+  "names": []
+}