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

package/build-module/components/focus-control/index.js

@@ -1,42 +1,37 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useState, useEffect, useContext, useCallback, useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { settingIdToWidgetId } from '../../utils';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import {
+  createContext,
+  useState,
+  useEffect,
+  useContext,
+  useCallback,
+  useMemo
+} from "@wordpress/element";
+import { settingIdToWidgetId } from "../../utils";
 const FocusControlContext = createContext();
-FocusControlContext.displayName = 'FocusControlContext';
-export default function FocusControl({
-  api,
-  sidebarControls,
-  children
-}) {
+FocusControlContext.displayName = "FocusControlContext";
+function FocusControl({ api, sidebarControls, children }) {
   const [focusedWidgetIdRef, setFocusedWidgetIdRef] = useState({
     current: null
   });
-  const focusWidget = useCallback(widgetId => {
-    for (const sidebarControl of sidebarControls) {
-      const widgets = sidebarControl.setting.get();
-      if (widgets.includes(widgetId)) {
-        sidebarControl.sectionInstance.expand({
-          // Schedule it after the complete callback so that
-          // it won't be overridden by the "Back" button focus.
-          completeCallback() {
-            // Create a "ref-like" object every time to ensure
-            // the same widget id can also triggers the focus control.
-            setFocusedWidgetIdRef({
-              current: widgetId
-            });
-          }
-        });
-        break;
+  const focusWidget = useCallback(
+    (widgetId) => {
+      for (const sidebarControl of sidebarControls) {
+        const widgets = sidebarControl.setting.get();
+        if (widgets.includes(widgetId)) {
+          sidebarControl.sectionInstance.expand({
+            // Schedule it after the complete callback so that
+            // it won't be overridden by the "Back" button focus.
+            completeCallback() {
+              setFocusedWidgetIdRef({ current: widgetId });
+            }
+          });
+          break;
+        }
       }
-    }
-  }, [sidebarControls]);
+    },
+    [sidebarControls]
+  );
   useEffect(() => {
     function handleFocus(settingId) {
       const widgetId = settingIdToWidgetId(settingId);
@@ -44,22 +39,32 @@ export default function FocusControl({
     }
     let previewBound = false;
     function handleReady() {
-      api.previewer.preview.bind('focus-control-for-setting', handleFocus);
+      api.previewer.preview.bind(
+        "focus-control-for-setting",
+        handleFocus
+      );
       previewBound = true;
     }
-    api.previewer.bind('ready', handleReady);
+    api.previewer.bind("ready", handleReady);
     return () => {
-      api.previewer.unbind('ready', handleReady);
+      api.previewer.unbind("ready", handleReady);
       if (previewBound) {
-        api.previewer.preview.unbind('focus-control-for-setting', handleFocus);
+        api.previewer.preview.unbind(
+          "focus-control-for-setting",
+          handleFocus
+        );
       }
     };
   }, [api, focusWidget]);
-  const context = useMemo(() => [focusedWidgetIdRef, focusWidget], [focusedWidgetIdRef, focusWidget]);
-  return /*#__PURE__*/_jsx(FocusControlContext.Provider, {
-    value: context,
-    children: children
-  });
+  const context = useMemo(
+    () => [focusedWidgetIdRef, focusWidget],
+    [focusedWidgetIdRef, focusWidget]
+  );
+  return /* @__PURE__ */ jsx(FocusControlContext.Provider, { value: context, children });
 }
-export const useFocusControl = () => useContext(FocusControlContext);
-//# sourceMappingURL=index.js.map
+const useFocusControl = () => useContext(FocusControlContext);
+export {
+  FocusControl as default,
+  useFocusControl
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/focus-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","useState","useEffect","useContext","useCallback","useMemo","settingIdToWidgetId","jsx","_jsx","FocusControlContext","displayName","FocusControl","api","sidebarControls","children","focusedWidgetIdRef","setFocusedWidgetIdRef","current","focusWidget","widgetId","sidebarControl","widgets","setting","get","includes","sectionInstance","expand","completeCallback","handleFocus","settingId","previewBound","handleReady","previewer","preview","bind","unbind","context","Provider","value","useFocusControl"],"sources":["@wordpress/customize-widgets/src/components/focus-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseState,\n\tuseEffect,\n\tuseContext,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { settingIdToWidgetId } from '../../utils';\n\nconst FocusControlContext = createContext();\nFocusControlContext.displayName = 'FocusControlContext';\n\nexport default function FocusControl( { api, sidebarControls, children } ) {\n\tconst [ focusedWidgetIdRef, setFocusedWidgetIdRef ] = useState( {\n\t\tcurrent: null,\n\t} );\n\n\tconst focusWidget = useCallback(\n\t\t( widgetId ) => {\n\t\t\tfor ( const sidebarControl of sidebarControls ) {\n\t\t\t\tconst widgets = sidebarControl.setting.get();\n\n\t\t\t\tif ( widgets.includes( widgetId ) ) {\n\t\t\t\t\tsidebarControl.sectionInstance.expand( {\n\t\t\t\t\t\t// Schedule it after the complete callback so that\n\t\t\t\t\t\t// it won't be overridden by the \"Back\" button focus.\n\t\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t\t// Create a \"ref-like\" object every time to ensure\n\t\t\t\t\t\t\t// the same widget id can also triggers the focus control.\n\t\t\t\t\t\t\tsetFocusedWidgetIdRef( { current: widgetId } );\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ sidebarControls ]\n\t);\n\n\tuseEffect( () => {\n\t\tfunction handleFocus( settingId ) {\n\t\t\tconst widgetId = settingIdToWidgetId( settingId );\n\n\t\t\tfocusWidget( widgetId );\n\t\t}\n\n\t\tlet previewBound = false;\n\n\t\tfunction handleReady() {\n\t\t\tapi.previewer.preview.bind(\n\t\t\t\t'focus-control-for-setting',\n\t\t\t\thandleFocus\n\t\t\t);\n\t\t\tpreviewBound = true;\n\t\t}\n\n\t\tapi.previewer.bind( 'ready', handleReady );\n\n\t\treturn () => {\n\t\t\tapi.previewer.unbind( 'ready', handleReady );\n\t\t\tif ( previewBound ) {\n\t\t\t\tapi.previewer.preview.unbind(\n\t\t\t\t\t'focus-control-for-setting',\n\t\t\t\t\thandleFocus\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}, [ api, focusWidget ] );\n\n\tconst context = useMemo(\n\t\t() => [ focusedWidgetIdRef, focusWidget ],\n\t\t[ focusedWidgetIdRef, focusWidget ]\n\t);\n\n\treturn (\n\t\t<FocusControlContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</FocusControlContext.Provider>\n\t);\n}\n\nexport const useFocusControl = () => useContext( FocusControlContext );\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,aAAa,EACbC,QAAQ,EACRC,SAAS,EACTC,UAAU,EACVC,WAAW,EACXC,OAAO,QACD,oBAAoB;;AAE3B;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,MAAMC,mBAAmB,GAAGT,aAAa,CAAC,CAAC;AAC3CS,mBAAmB,CAACC,WAAW,GAAG,qBAAqB;AAEvD,eAAe,SAASC,YAAYA,CAAE;EAAEC,GAAG;EAAEC,eAAe;EAAEC;AAAS,CAAC,EAAG;EAC1E,MAAM,CAAEC,kBAAkB,EAAEC,qBAAqB,CAAE,GAAGf,QAAQ,CAAE;IAC/DgB,OAAO,EAAE;EACV,CAAE,CAAC;EAEH,MAAMC,WAAW,GAAGd,WAAW,CAC5Be,QAAQ,IAAM;IACf,KAAM,MAAMC,cAAc,IAAIP,eAAe,EAAG;MAC/C,MAAMQ,OAAO,GAAGD,cAAc,CAACE,OAAO,CAACC,GAAG,CAAC,CAAC;MAE5C,IAAKF,OAAO,CAACG,QAAQ,CAAEL,QAAS,CAAC,EAAG;QACnCC,cAAc,CAACK,eAAe,CAACC,MAAM,CAAE;UACtC;UACA;UACAC,gBAAgBA,CAAA,EAAG;YAClB;YACA;YACAX,qBAAqB,CAAE;cAAEC,OAAO,EAAEE;YAAS,CAAE,CAAC;UAC/C;QACD,CAAE,CAAC;QAEH;MACD;IACD;EACD,CAAC,EACD,CAAEN,eAAe,CAClB,CAAC;EAEDX,SAAS,CAAE,MAAM;IAChB,SAAS0B,WAAWA,CAAEC,SAAS,EAAG;MACjC,MAAMV,QAAQ,GAAGb,mBAAmB,CAAEuB,SAAU,CAAC;MAEjDX,WAAW,CAAEC,QAAS,CAAC;IACxB;IAEA,IAAIW,YAAY,GAAG,KAAK;IAExB,SAASC,WAAWA,CAAA,EAAG;MACtBnB,GAAG,CAACoB,SAAS,CAACC,OAAO,CAACC,IAAI,CACzB,2BAA2B,EAC3BN,WACD,CAAC;MACDE,YAAY,GAAG,IAAI;IACpB;IAEAlB,GAAG,CAACoB,SAAS,CAACE,IAAI,CAAE,OAAO,EAAEH,WAAY,CAAC;IAE1C,OAAO,MAAM;MACZnB,GAAG,CAACoB,SAAS,CAACG,MAAM,CAAE,OAAO,EAAEJ,WAAY,CAAC;MAC5C,IAAKD,YAAY,EAAG;QACnBlB,GAAG,CAACoB,SAAS,CAACC,OAAO,CAACE,MAAM,CAC3B,2BAA2B,EAC3BP,WACD,CAAC;MACF;IACD,CAAC;EACF,CAAC,EAAE,CAAEhB,GAAG,EAAEM,WAAW,CAAG,CAAC;EAEzB,MAAMkB,OAAO,GAAG/B,OAAO,CACtB,MAAM,CAAEU,kBAAkB,EAAEG,WAAW,CAAE,EACzC,CAAEH,kBAAkB,EAAEG,WAAW,CAClC,CAAC;EAED,oBACCV,IAAA,CAACC,mBAAmB,CAAC4B,QAAQ;IAACC,KAAK,EAAGF,OAAS;IAAAtB,QAAA,EAC5CA;EAAQ,CACmB,CAAC;AAEjC;AAEA,OAAO,MAAMyB,eAAe,GAAGA,CAAA,KAAMpC,UAAU,CAAEM,mBAAoB,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/focus-control/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseState,\n\tuseEffect,\n\tuseContext,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { settingIdToWidgetId } from '../../utils';\n\nconst FocusControlContext = createContext();\nFocusControlContext.displayName = 'FocusControlContext';\n\nexport default function FocusControl( { api, sidebarControls, children } ) {\n\tconst [ focusedWidgetIdRef, setFocusedWidgetIdRef ] = useState( {\n\t\tcurrent: null,\n\t} );\n\n\tconst focusWidget = useCallback(\n\t\t( widgetId ) => {\n\t\t\tfor ( const sidebarControl of sidebarControls ) {\n\t\t\t\tconst widgets = sidebarControl.setting.get();\n\n\t\t\t\tif ( widgets.includes( widgetId ) ) {\n\t\t\t\t\tsidebarControl.sectionInstance.expand( {\n\t\t\t\t\t\t// Schedule it after the complete callback so that\n\t\t\t\t\t\t// it won't be overridden by the \"Back\" button focus.\n\t\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t\t// Create a \"ref-like\" object every time to ensure\n\t\t\t\t\t\t\t// the same widget id can also triggers the focus control.\n\t\t\t\t\t\t\tsetFocusedWidgetIdRef( { current: widgetId } );\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ sidebarControls ]\n\t);\n\n\tuseEffect( () => {\n\t\tfunction handleFocus( settingId ) {\n\t\t\tconst widgetId = settingIdToWidgetId( settingId );\n\n\t\t\tfocusWidget( widgetId );\n\t\t}\n\n\t\tlet previewBound = false;\n\n\t\tfunction handleReady() {\n\t\t\tapi.previewer.preview.bind(\n\t\t\t\t'focus-control-for-setting',\n\t\t\t\thandleFocus\n\t\t\t);\n\t\t\tpreviewBound = true;\n\t\t}\n\n\t\tapi.previewer.bind( 'ready', handleReady );\n\n\t\treturn () => {\n\t\t\tapi.previewer.unbind( 'ready', handleReady );\n\t\t\tif ( previewBound ) {\n\t\t\t\tapi.previewer.preview.unbind(\n\t\t\t\t\t'focus-control-for-setting',\n\t\t\t\t\thandleFocus\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}, [ api, focusWidget ] );\n\n\tconst context = useMemo(\n\t\t() => [ focusedWidgetIdRef, focusWidget ],\n\t\t[ focusedWidgetIdRef, focusWidget ]\n\t);\n\n\treturn (\n\t\t<FocusControlContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</FocusControlContext.Provider>\n\t);\n}\n\nexport const useFocusControl = () => useContext( FocusControlContext );\n"],
+  "mappings": "AAoFE;AAjFF;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAKP,SAAS,2BAA2B;AAEpC,MAAM,sBAAsB,cAAc;AAC1C,oBAAoB,cAAc;AAEnB,SAAR,aAA+B,EAAE,KAAK,iBAAiB,SAAS,GAAI;AAC1E,QAAM,CAAE,oBAAoB,qBAAsB,IAAI,SAAU;AAAA,IAC/D,SAAS;AAAA,EACV,CAAE;AAEF,QAAM,cAAc;AAAA,IACnB,CAAE,aAAc;AACf,iBAAY,kBAAkB,iBAAkB;AAC/C,cAAM,UAAU,eAAe,QAAQ,IAAI;AAE3C,YAAK,QAAQ,SAAU,QAAS,GAAI;AACnC,yBAAe,gBAAgB,OAAQ;AAAA;AAAA;AAAA,YAGtC,mBAAmB;AAGlB,oCAAuB,EAAE,SAAS,SAAS,CAAE;AAAA,YAC9C;AAAA,UACD,CAAE;AAEF;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,eAAgB;AAAA,EACnB;AAEA,YAAW,MAAM;AAChB,aAAS,YAAa,WAAY;AACjC,YAAM,WAAW,oBAAqB,SAAU;AAEhD,kBAAa,QAAS;AAAA,IACvB;AAEA,QAAI,eAAe;AAEnB,aAAS,cAAc;AACtB,UAAI,UAAU,QAAQ;AAAA,QACrB;AAAA,QACA;AAAA,MACD;AACA,qBAAe;AAAA,IAChB;AAEA,QAAI,UAAU,KAAM,SAAS,WAAY;AAEzC,WAAO,MAAM;AACZ,UAAI,UAAU,OAAQ,SAAS,WAAY;AAC3C,UAAK,cAAe;AACnB,YAAI,UAAU,QAAQ;AAAA,UACrB;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,KAAK,WAAY,CAAE;AAExB,QAAM,UAAU;AAAA,IACf,MAAM,CAAE,oBAAoB,WAAY;AAAA,IACxC,CAAE,oBAAoB,WAAY;AAAA,EACnC;AAEA,SACC,oBAAC,oBAAoB,UAApB,EAA6B,OAAQ,SACnC,UACH;AAEF;AAEO,MAAM,kBAAkB,MAAM,WAAY,mBAAoB;",
+  "names": []
+}

package/build-module/components/focus-control/use-blocks-focus-control.js

@@ -1,19 +1,10 @@
-/**
- * WordPress dependencies
- */
-import { useRef, useEffect } from '@wordpress/element';
-import { useDispatch } from '@wordpress/data';
-import { store as blockEditorStore } from '@wordpress/block-editor';
-import { getWidgetIdFromBlock } from '@wordpress/widgets';
-
-/**
- * Internal dependencies
- */
-import { useFocusControl } from '.';
-export default function useBlocksFocusControl(blocks) {
-  const {
-    selectBlock
-  } = useDispatch(blockEditorStore);
+import { useRef, useEffect } from "@wordpress/element";
+import { useDispatch } from "@wordpress/data";
+import { store as blockEditorStore } from "@wordpress/block-editor";
+import { getWidgetIdFromBlock } from "@wordpress/widgets";
+import { useFocusControl } from ".";
+function useBlocksFocusControl(blocks) {
+  const { selectBlock } = useDispatch(blockEditorStore);
   const [focusedWidgetIdRef] = useFocusControl();
   const blocksRef = useRef(blocks);
   useEffect(() => {
@@ -21,16 +12,20 @@ export default function useBlocksFocusControl(blocks) {
   }, [blocks]);
   useEffect(() => {
     if (focusedWidgetIdRef.current) {
-      const focusedBlock = blocksRef.current.find(block => getWidgetIdFromBlock(block) === focusedWidgetIdRef.current);
+      const focusedBlock = blocksRef.current.find(
+        (block) => getWidgetIdFromBlock(block) === focusedWidgetIdRef.current
+      );
       if (focusedBlock) {
         selectBlock(focusedBlock.clientId);
-        // If the block is already being selected, the DOM node won't
-        // get focused again automatically.
-        // We select the DOM and focus it manually here.
-        const blockNode = document.querySelector(`[data-block="${focusedBlock.clientId}"]`);
+        const blockNode = document.querySelector(
+          `[data-block="${focusedBlock.clientId}"]`
+        );
         blockNode?.focus();
       }
     }
   }, [focusedWidgetIdRef, selectBlock]);
 }
-//# sourceMappingURL=use-blocks-focus-control.js.map
+export {
+  useBlocksFocusControl as default
+};
+//# sourceMappingURL=use-blocks-focus-control.js.map

package/build-module/components/focus-control/use-blocks-focus-control.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useRef","useEffect","useDispatch","store","blockEditorStore","getWidgetIdFromBlock","useFocusControl","useBlocksFocusControl","blocks","selectBlock","focusedWidgetIdRef","blocksRef","current","focusedBlock","find","block","clientId","blockNode","document","querySelector","focus"],"sources":["@wordpress/customize-widgets/src/components/focus-control/use-blocks-focus-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { getWidgetIdFromBlock } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { useFocusControl } from '.';\n\nexport default function useBlocksFocusControl( blocks ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst [ focusedWidgetIdRef ] = useFocusControl();\n\n\tconst blocksRef = useRef( blocks );\n\n\tuseEffect( () => {\n\t\tblocksRef.current = blocks;\n\t}, [ blocks ] );\n\n\tuseEffect( () => {\n\t\tif ( focusedWidgetIdRef.current ) {\n\t\t\tconst focusedBlock = blocksRef.current.find(\n\t\t\t\t( block ) =>\n\t\t\t\t\tgetWidgetIdFromBlock( block ) === focusedWidgetIdRef.current\n\t\t\t);\n\n\t\t\tif ( focusedBlock ) {\n\t\t\t\tselectBlock( focusedBlock.clientId );\n\t\t\t\t// If the block is already being selected, the DOM node won't\n\t\t\t\t// get focused again automatically.\n\t\t\t\t// We select the DOM and focus it manually here.\n\t\t\t\tconst blockNode = document.querySelector(\n\t\t\t\t\t`[data-block=\"${ focusedBlock.clientId }\"]`\n\t\t\t\t);\n\t\t\t\tblockNode?.focus();\n\t\t\t}\n\t\t}\n\t}, [ focusedWidgetIdRef, selectBlock ] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,SAAS,QAAQ,oBAAoB;AACtD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASC,oBAAoB,QAAQ,oBAAoB;;AAEzD;AACA;AACA;AACA,SAASC,eAAe,QAAQ,GAAG;AAEnC,eAAe,SAASC,qBAAqBA,CAAEC,MAAM,EAAG;EACvD,MAAM;IAAEC;EAAY,CAAC,GAAGP,WAAW,CAAEE,gBAAiB,CAAC;EACvD,MAAM,CAAEM,kBAAkB,CAAE,GAAGJ,eAAe,CAAC,CAAC;EAEhD,MAAMK,SAAS,GAAGX,MAAM,CAAEQ,MAAO,CAAC;EAElCP,SAAS,CAAE,MAAM;IAChBU,SAAS,CAACC,OAAO,GAAGJ,MAAM;EAC3B,CAAC,EAAE,CAAEA,MAAM,CAAG,CAAC;EAEfP,SAAS,CAAE,MAAM;IAChB,IAAKS,kBAAkB,CAACE,OAAO,EAAG;MACjC,MAAMC,YAAY,GAAGF,SAAS,CAACC,OAAO,CAACE,IAAI,CACxCC,KAAK,IACNV,oBAAoB,CAAEU,KAAM,CAAC,KAAKL,kBAAkB,CAACE,OACvD,CAAC;MAED,IAAKC,YAAY,EAAG;QACnBJ,WAAW,CAAEI,YAAY,CAACG,QAAS,CAAC;QACpC;QACA;QACA;QACA,MAAMC,SAAS,GAAGC,QAAQ,CAACC,aAAa,CACvC,gBAAiBN,YAAY,CAACG,QAAQ,IACvC,CAAC;QACDC,SAAS,EAAEG,KAAK,CAAC,CAAC;MACnB;IACD;EACD,CAAC,EAAE,CAAEV,kBAAkB,EAAED,WAAW,CAAG,CAAC;AACzC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/focus-control/use-blocks-focus-control.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { getWidgetIdFromBlock } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { useFocusControl } from '.';\n\nexport default function useBlocksFocusControl( blocks ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst [ focusedWidgetIdRef ] = useFocusControl();\n\n\tconst blocksRef = useRef( blocks );\n\n\tuseEffect( () => {\n\t\tblocksRef.current = blocks;\n\t}, [ blocks ] );\n\n\tuseEffect( () => {\n\t\tif ( focusedWidgetIdRef.current ) {\n\t\t\tconst focusedBlock = blocksRef.current.find(\n\t\t\t\t( block ) =>\n\t\t\t\t\tgetWidgetIdFromBlock( block ) === focusedWidgetIdRef.current\n\t\t\t);\n\n\t\t\tif ( focusedBlock ) {\n\t\t\t\tselectBlock( focusedBlock.clientId );\n\t\t\t\t// If the block is already being selected, the DOM node won't\n\t\t\t\t// get focused again automatically.\n\t\t\t\t// We select the DOM and focus it manually here.\n\t\t\t\tconst blockNode = document.querySelector(\n\t\t\t\t\t`[data-block=\"${ focusedBlock.clientId }\"]`\n\t\t\t\t);\n\t\t\t\tblockNode?.focus();\n\t\t\t}\n\t\t}\n\t}, [ focusedWidgetIdRef, selectBlock ] );\n}\n"],
+  "mappings": "AAGA,SAAS,QAAQ,iBAAiB;AAClC,SAAS,mBAAmB;AAC5B,SAAS,SAAS,wBAAwB;AAC1C,SAAS,4BAA4B;AAKrC,SAAS,uBAAuB;AAEjB,SAAR,sBAAwC,QAAS;AACvD,QAAM,EAAE,YAAY,IAAI,YAAa,gBAAiB;AACtD,QAAM,CAAE,kBAAmB,IAAI,gBAAgB;AAE/C,QAAM,YAAY,OAAQ,MAAO;AAEjC,YAAW,MAAM;AAChB,cAAU,UAAU;AAAA,EACrB,GAAG,CAAE,MAAO,CAAE;AAEd,YAAW,MAAM;AAChB,QAAK,mBAAmB,SAAU;AACjC,YAAM,eAAe,UAAU,QAAQ;AAAA,QACtC,CAAE,UACD,qBAAsB,KAAM,MAAM,mBAAmB;AAAA,MACvD;AAEA,UAAK,cAAe;AACnB,oBAAa,aAAa,QAAS;AAInC,cAAM,YAAY,SAAS;AAAA,UAC1B,gBAAiB,aAAa,QAAS;AAAA,QACxC;AACA,mBAAW,MAAM;AAAA,MAClB;AAAA,IACD;AAAA,EACD,GAAG,CAAE,oBAAoB,WAAY,CAAE;AACxC;",
+  "names": []
+}

package/build-module/components/header/index.js

@@ -1,24 +1,13 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { ToolbarButton } from '@wordpress/components';
-import { NavigableToolbar } from '@wordpress/block-editor';
-import { createPortal, useEffect, useState } from '@wordpress/element';
-import { displayShortcut, isAppleOS } from '@wordpress/keycodes';
-import { __, _x, isRTL } from '@wordpress/i18n';
-import { plus, undo as undoIcon, redo as redoIcon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import Inserter from '../inserter';
-import MoreMenu from '../more-menu';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { ToolbarButton } from "@wordpress/components";
+import { NavigableToolbar } from "@wordpress/block-editor";
+import { createPortal, useEffect, useState } from "@wordpress/element";
+import { displayShortcut, isAppleOS } from "@wordpress/keycodes";
+import { __, _x, isRTL } from "@wordpress/i18n";
+import { plus, undo as undoIcon, redo as redoIcon } from "@wordpress/icons";
+import Inserter from "../inserter";
+import MoreMenu from "../more-menu";
 function Header({
   sidebar,
   inserter,
@@ -26,52 +15,81 @@ function Header({
   setIsInserterOpened,
   isFixedToolbarActive
 }) {
-  const [[hasUndo, hasRedo], setUndoRedo] = useState([sidebar.hasUndo(), sidebar.hasRedo()]);
-  const shortcut = isAppleOS() ? displayShortcut.primaryShift('z') : displayShortcut.primary('y');
+  const [[hasUndo, hasRedo], setUndoRedo] = useState([
+    sidebar.hasUndo(),
+    sidebar.hasRedo()
+  ]);
+  const shortcut = isAppleOS() ? displayShortcut.primaryShift("z") : displayShortcut.primary("y");
   useEffect(() => {
     return sidebar.subscribeHistory(() => {
       setUndoRedo([sidebar.hasUndo(), sidebar.hasRedo()]);
     });
   }, [sidebar]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
-      className: clsx('customize-widgets-header', {
-        'is-fixed-toolbar-active': isFixedToolbarActive
-      }),
-      children: /*#__PURE__*/_jsxs(NavigableToolbar, {
-        className: "customize-widgets-header-toolbar",
-        "aria-label": __('Document tools'),
-        children: [/*#__PURE__*/_jsx(ToolbarButton, {
-          icon: !isRTL() ? undoIcon : redoIcon
-          /* translators: button label text should, if possible, be under 16 characters. */,
-          label: __('Undo'),
-          shortcut: displayShortcut.primary('z'),
-          disabled: !hasUndo,
-          onClick: sidebar.undo,
-          className: "customize-widgets-editor-history-button undo-button"
-        }), /*#__PURE__*/_jsx(ToolbarButton, {
-          icon: !isRTL() ? redoIcon : undoIcon
-          /* translators: button label text should, if possible, be under 16 characters. */,
-          label: __('Redo'),
-          shortcut: shortcut,
-          disabled: !hasRedo,
-          onClick: sidebar.redo,
-          className: "customize-widgets-editor-history-button redo-button"
-        }), /*#__PURE__*/_jsx(ToolbarButton, {
-          className: "customize-widgets-header-toolbar__inserter-toggle",
-          isPressed: isInserterOpened,
-          variant: "primary",
-          icon: plus,
-          label: _x('Add block', 'Generic label for block inserter button'),
-          onClick: () => {
-            setIsInserterOpened(isOpen => !isOpen);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: clsx("customize-widgets-header", {
+          "is-fixed-toolbar-active": isFixedToolbarActive
+        }),
+        children: /* @__PURE__ */ jsxs(
+          NavigableToolbar,
+          {
+            className: "customize-widgets-header-toolbar",
+            "aria-label": __("Document tools"),
+            children: [
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  icon: !isRTL() ? undoIcon : redoIcon,
+                  label: __("Undo"),
+                  shortcut: displayShortcut.primary("z"),
+                  disabled: !hasUndo,
+                  onClick: sidebar.undo,
+                  className: "customize-widgets-editor-history-button undo-button"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  icon: !isRTL() ? redoIcon : undoIcon,
+                  label: __("Redo"),
+                  shortcut,
+                  disabled: !hasRedo,
+                  onClick: sidebar.redo,
+                  className: "customize-widgets-editor-history-button redo-button"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                ToolbarButton,
+                {
+                  className: "customize-widgets-header-toolbar__inserter-toggle",
+                  isPressed: isInserterOpened,
+                  variant: "primary",
+                  icon: plus,
+                  label: _x(
+                    "Add block",
+                    "Generic label for block inserter button"
+                  ),
+                  onClick: () => {
+                    setIsInserterOpened((isOpen) => !isOpen);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(MoreMenu, {})
+            ]
           }
-        }), /*#__PURE__*/_jsx(MoreMenu, {})]
-      })
-    }), createPortal(/*#__PURE__*/_jsx(Inserter, {
-      setIsOpened: setIsInserterOpened
-    }), inserter.contentContainer[0])]
-  });
+        )
+      }
+    ),
+    createPortal(
+      /* @__PURE__ */ jsx(Inserter, { setIsOpened: setIsInserterOpened }),
+      inserter.contentContainer[0]
+    )
+  ] });
 }
-export default Header;
-//# sourceMappingURL=index.js.map
+var header_default = Header;
+export {
+  header_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/header/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","ToolbarButton","NavigableToolbar","createPortal","useEffect","useState","displayShortcut","isAppleOS","__","_x","isRTL","plus","undo","undoIcon","redo","redoIcon","Inserter","MoreMenu","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Header","sidebar","inserter","isInserterOpened","setIsInserterOpened","isFixedToolbarActive","hasUndo","hasRedo","setUndoRedo","shortcut","primaryShift","primary","subscribeHistory","children","className","icon","label","disabled","onClick","isPressed","variant","isOpen","setIsOpened","contentContainer"],"sources":["@wordpress/customize-widgets/src/components/header/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { NavigableToolbar } from '@wordpress/block-editor';\nimport { createPortal, useEffect, useState } from '@wordpress/element';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { __, _x, isRTL } from '@wordpress/i18n';\nimport { plus, undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport MoreMenu from '../more-menu';\n\nfunction Header( {\n\tsidebar,\n\tinserter,\n\tisInserterOpened,\n\tsetIsInserterOpened,\n\tisFixedToolbarActive,\n} ) {\n\tconst [ [ hasUndo, hasRedo ], setUndoRedo ] = useState( [\n\t\tsidebar.hasUndo(),\n\t\tsidebar.hasRedo(),\n\t] );\n\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribeHistory( () => {\n\t\t\tsetUndoRedo( [ sidebar.hasUndo(), sidebar.hasRedo() ] );\n\t\t} );\n\t}, [ sidebar ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'customize-widgets-header', {\n\t\t\t\t\t'is-fixed-toolbar-active': isFixedToolbarActive,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tclassName=\"customize-widgets-header-toolbar\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Undo' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t\t\t\tdisabled={ ! hasUndo }\n\t\t\t\t\t\tonClick={ sidebar.undo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button undo-button\"\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Redo' ) }\n\t\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t\t\tdisabled={ ! hasRedo }\n\t\t\t\t\t\tonClick={ sidebar.redo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button redo-button\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"customize-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsInserterOpened( ( isOpen ) => ! isOpen );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</NavigableToolbar>\n\t\t\t</div>\n\n\t\t\t{ createPortal(\n\t\t\t\t<Inserter setIsOpened={ setIsInserterOpened } />,\n\t\t\t\tinserter.contentContainer[ 0 ]\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/header/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { NavigableToolbar } from '@wordpress/block-editor';\nimport { createPortal, useEffect, useState } from '@wordpress/element';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { __, _x, isRTL } from '@wordpress/i18n';\nimport { plus, undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport MoreMenu from '../more-menu';\n\nfunction Header( {\n\tsidebar,\n\tinserter,\n\tisInserterOpened,\n\tsetIsInserterOpened,\n\tisFixedToolbarActive,\n} ) {\n\tconst [ [ hasUndo, hasRedo ], setUndoRedo ] = useState( [\n\t\tsidebar.hasUndo(),\n\t\tsidebar.hasRedo(),\n\t] );\n\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribeHistory( () => {\n\t\t\tsetUndoRedo( [ sidebar.hasUndo(), sidebar.hasRedo() ] );\n\t\t} );\n\t}, [ sidebar ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'customize-widgets-header', {\n\t\t\t\t\t'is-fixed-toolbar-active': isFixedToolbarActive,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tclassName=\"customize-widgets-header-toolbar\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Undo' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t\t\t\tdisabled={ ! hasUndo }\n\t\t\t\t\t\tonClick={ sidebar.undo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button undo-button\"\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Redo' ) }\n\t\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t\t\tdisabled={ ! hasRedo }\n\t\t\t\t\t\tonClick={ sidebar.redo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button redo-button\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"customize-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsInserterOpened( ( isOpen ) => ! isOpen );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</NavigableToolbar>\n\t\t\t</div>\n\n\t\t\t{ createPortal(\n\t\t\t\t<Inserter setIsOpened={ setIsInserterOpened } />,\n\t\t\t\tinserter.contentContainer[ 0 ]\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],
+  "mappings": "AA4CE,mBAUG,KAJD,YANF;AAzCF,OAAO,UAAU;AAKjB,SAAS,qBAAqB;AAC9B,SAAS,wBAAwB;AACjC,SAAS,cAAc,WAAW,gBAAgB;AAClD,SAAS,iBAAiB,iBAAiB;AAC3C,SAAS,IAAI,IAAI,aAAa;AAC9B,SAAS,MAAM,QAAQ,UAAU,QAAQ,gBAAgB;AAKzD,OAAO,cAAc;AACrB,OAAO,cAAc;AAErB,SAAS,OAAQ;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,CAAE,SAAS,OAAQ,GAAG,WAAY,IAAI,SAAU;AAAA,IACvD,QAAQ,QAAQ;AAAA,IAChB,QAAQ,QAAQ;AAAA,EACjB,CAAE;AAEF,QAAM,WAAW,UAAU,IACxB,gBAAgB,aAAc,GAAI,IAClC,gBAAgB,QAAS,GAAI;AAEhC,YAAW,MAAM;AAChB,WAAO,QAAQ,iBAAkB,MAAM;AACtC,kBAAa,CAAE,QAAQ,QAAQ,GAAG,QAAQ,QAAQ,CAAE,CAAE;AAAA,IACvD,CAAE;AAAA,EACH,GAAG,CAAE,OAAQ,CAAE;AAEf,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAY,KAAM,4BAA4B;AAAA,UAC7C,2BAA2B;AAAA,QAC5B,CAAE;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,cAAa,GAAI,gBAAiB;AAAA,YAElC;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAO,CAAE,MAAM,IAAI,WAAW;AAAA,kBAE9B,OAAQ,GAAI,MAAO;AAAA,kBACnB,UAAW,gBAAgB,QAAS,GAAI;AAAA,kBACxC,UAAW,CAAE;AAAA,kBACb,SAAU,QAAQ;AAAA,kBAClB,WAAU;AAAA;AAAA,cACX;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAO,CAAE,MAAM,IAAI,WAAW;AAAA,kBAE9B,OAAQ,GAAI,MAAO;AAAA,kBACnB;AAAA,kBACA,UAAW,CAAE;AAAA,kBACb,SAAU,QAAQ;AAAA,kBAClB,WAAU;AAAA;AAAA,cACX;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACA,WAAU;AAAA,kBACV,WAAY;AAAA,kBACZ,SAAQ;AAAA,kBACR,MAAO;AAAA,kBACP,OAAQ;AAAA,oBACP;AAAA,oBACA;AAAA,kBACD;AAAA,kBACA,SAAU,MAAM;AACf,wCAAqB,CAAE,WAAY,CAAE,MAAO;AAAA,kBAC7C;AAAA;AAAA,cACD;AAAA,cACA,oBAAC,YAAS;AAAA;AAAA;AAAA,QACX;AAAA;AAAA,IACD;AAAA,IAEE;AAAA,MACD,oBAAC,YAAS,aAAc,qBAAsB;AAAA,MAC9C,SAAS,iBAAkB,CAAE;AAAA,IAC9B;AAAA,KACD;AAEF;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/build-module/components/inserter/index.js

@@ -1,48 +1,60 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { __experimentalLibrary as Library } from '@wordpress/block-editor';
-import { Button } from '@wordpress/components';
-import { useInstanceId } from '@wordpress/compose';
-import { useSelect } from '@wordpress/data';
-import { closeSmall } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { store as customizeWidgetsStore } from '../../store';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function Inserter({
-  setIsOpened
-}) {
-  const inserterTitleId = useInstanceId(Inserter, 'customize-widget-layout__inserter-panel-title');
-  const insertionPoint = useSelect(select => select(customizeWidgetsStore).__experimentalGetInsertionPoint(), []);
-  return /*#__PURE__*/_jsxs("div", {
-    className: "customize-widgets-layout__inserter-panel",
-    "aria-labelledby": inserterTitleId,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: "customize-widgets-layout__inserter-panel-header",
-      children: [/*#__PURE__*/_jsx("h2", {
-        id: inserterTitleId,
-        className: "customize-widgets-layout__inserter-panel-header-title",
-        children: __('Add a block')
-      }), /*#__PURE__*/_jsx(Button, {
-        size: "small",
-        icon: closeSmall,
-        onClick: () => setIsOpened(false),
-        "aria-label": __('Close inserter')
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: "customize-widgets-layout__inserter-panel-content",
-      children: /*#__PURE__*/_jsx(Library, {
-        rootClientId: insertionPoint.rootClientId,
-        __experimentalInsertionIndex: insertionPoint.insertionIndex,
-        showInserterHelpPanel: true,
-        onSelect: () => setIsOpened(false)
-      })
-    })]
-  });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { __experimentalLibrary as Library } from "@wordpress/block-editor";
+import { Button } from "@wordpress/components";
+import { useInstanceId } from "@wordpress/compose";
+import { useSelect } from "@wordpress/data";
+import { closeSmall } from "@wordpress/icons";
+import { store as customizeWidgetsStore } from "../../store";
+function Inserter({ setIsOpened }) {
+  const inserterTitleId = useInstanceId(
+    Inserter,
+    "customize-widget-layout__inserter-panel-title"
+  );
+  const insertionPoint = useSelect(
+    (select) => select(customizeWidgetsStore).__experimentalGetInsertionPoint(),
+    []
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "customize-widgets-layout__inserter-panel",
+      "aria-labelledby": inserterTitleId,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "customize-widgets-layout__inserter-panel-header", children: [
+          /* @__PURE__ */ jsx(
+            "h2",
+            {
+              id: inserterTitleId,
+              className: "customize-widgets-layout__inserter-panel-header-title",
+              children: __("Add a block")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "small",
+              icon: closeSmall,
+              onClick: () => setIsOpened(false),
+              "aria-label": __("Close inserter")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "customize-widgets-layout__inserter-panel-content", children: /* @__PURE__ */ jsx(
+          Library,
+          {
+            rootClientId: insertionPoint.rootClientId,
+            __experimentalInsertionIndex: insertionPoint.insertionIndex,
+            showInserterHelpPanel: true,
+            onSelect: () => setIsOpened(false)
+          }
+        ) })
+      ]
+    }
+  );
 }
-export default Inserter;
-//# sourceMappingURL=index.js.map
+var inserter_default = Inserter;
+export {
+  inserter_default as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/inserter/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","__experimentalLibrary","Library","Button","useInstanceId","useSelect","closeSmall","store","customizeWidgetsStore","jsx","_jsx","jsxs","_jsxs","Inserter","setIsOpened","inserterTitleId","insertionPoint","select","__experimentalGetInsertionPoint","className","children","id","size","icon","onClick","rootClientId","__experimentalInsertionIndex","insertionIndex","showInserterHelpPanel","onSelect"],"sources":["@wordpress/customize-widgets/src/components/inserter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nfunction Inserter( { setIsOpened } ) {\n\tconst inserterTitleId = useInstanceId(\n\t\tInserter,\n\t\t'customize-widget-layout__inserter-panel-title'\n\t);\n\tconst insertionPoint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( customizeWidgetsStore ).__experimentalGetInsertionPoint(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"customize-widgets-layout__inserter-panel\"\n\t\t\taria-labelledby={ inserterTitleId }\n\t\t>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-header\">\n\t\t\t\t<h2\n\t\t\t\t\tid={ inserterTitleId }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-title\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add a block' ) }\n\t\t\t\t</h2>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tonClick={ () => setIsOpened( false ) }\n\t\t\t\t\taria-label={ __( 'Close inserter' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tonSelect={ () => setIsOpened( false ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default Inserter;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,qBAAqB,IAAIC,OAAO,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,qBAAqB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7D,SAASC,QAAQA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpC,MAAMC,eAAe,GAAGX,aAAa,CACpCS,QAAQ,EACR,+CACD,CAAC;EACD,MAAMG,cAAc,GAAGX,SAAS,CAC7BY,MAAM,IACPA,MAAM,CAAET,qBAAsB,CAAC,CAACU,+BAA+B,CAAC,CAAC,EAClE,EACD,CAAC;EAED,oBACCN,KAAA;IACCO,SAAS,EAAC,0CAA0C;IACpD,mBAAkBJ,eAAiB;IAAAK,QAAA,gBAEnCR,KAAA;MAAKO,SAAS,EAAC,iDAAiD;MAAAC,QAAA,gBAC/DV,IAAA;QACCW,EAAE,EAAGN,eAAiB;QACtBI,SAAS,EAAC,uDAAuD;QAAAC,QAAA,EAE/DpB,EAAE,CAAE,aAAc;MAAC,CAClB,CAAC,eACLU,IAAA,CAACP,MAAM;QACNmB,IAAI,EAAC,OAAO;QACZC,IAAI,EAAGjB,UAAY;QACnBkB,OAAO,EAAGA,CAAA,KAAMV,WAAW,CAAE,KAAM,CAAG;QACtC,cAAad,EAAE,CAAE,gBAAiB;MAAG,CACrC,CAAC;IAAA,CACE,CAAC,eACNU,IAAA;MAAKS,SAAS,EAAC,kDAAkD;MAAAC,QAAA,eAChEV,IAAA,CAACR,OAAO;QACPuB,YAAY,EAAGT,cAAc,CAACS,YAAc;QAC5CC,4BAA4B,EAC3BV,cAAc,CAACW,cACf;QACDC,qBAAqB;QACrBC,QAAQ,EAAGA,CAAA,KAAMf,WAAW,CAAE,KAAM;MAAG,CACvC;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER;AAEA,eAAeD,QAAQ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/inserter/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nfunction Inserter( { setIsOpened } ) {\n\tconst inserterTitleId = useInstanceId(\n\t\tInserter,\n\t\t'customize-widget-layout__inserter-panel-title'\n\t);\n\tconst insertionPoint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( customizeWidgetsStore ).__experimentalGetInsertionPoint(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"customize-widgets-layout__inserter-panel\"\n\t\t\taria-labelledby={ inserterTitleId }\n\t\t>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-header\">\n\t\t\t\t<h2\n\t\t\t\t\tid={ inserterTitleId }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-title\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add a block' ) }\n\t\t\t\t</h2>\n\t\t\t\t<Button\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tonClick={ () => setIsOpened( false ) }\n\t\t\t\t\taria-label={ __( 'Close inserter' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tonSelect={ () => setIsOpened( false ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default Inserter;\n"],
+  "mappings": "AA+BG,SACC,KADD;AA5BH,SAAS,UAAU;AACnB,SAAS,yBAAyB,eAAe;AACjD,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAK3B,SAAS,SAAS,6BAA6B;AAE/C,SAAS,SAAU,EAAE,YAAY,GAAI;AACpC,QAAM,kBAAkB;AAAA,IACvB;AAAA,IACA;AAAA,EACD;AACA,QAAM,iBAAiB;AAAA,IACtB,CAAE,WACD,OAAQ,qBAAsB,EAAE,gCAAgC;AAAA,IACjE,CAAC;AAAA,EACF;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,mBAAkB;AAAA,MAElB;AAAA,6BAAC,SAAI,WAAU,mDACd;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,IAAK;AAAA,cACL,WAAU;AAAA,cAER,aAAI,aAAc;AAAA;AAAA,UACrB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,MAAK;AAAA,cACL,MAAO;AAAA,cACP,SAAU,MAAM,YAAa,KAAM;AAAA,cACnC,cAAa,GAAI,gBAAiB;AAAA;AAAA,UACnC;AAAA,WACD;AAAA,QACA,oBAAC,SAAI,WAAU,oDACd;AAAA,UAAC;AAAA;AAAA,YACA,cAAe,eAAe;AAAA,YAC9B,8BACC,eAAe;AAAA,YAEhB,uBAAqB;AAAA,YACrB,UAAW,MAAM,YAAa,KAAM;AAAA;AAAA,QACrC,GACD;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,mBAAQ;",
+  "names": []
+}

package/build-module/components/inserter/use-inserter.js

@@ -1,18 +1,12 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useCallback } from '@wordpress/element';
-import { useSelect, useDispatch, select as selectStore } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as customizeWidgetsStore } from '../../store';
-export default function useInserter(inserter) {
-  const isInserterOpened = useSelect(select => select(customizeWidgetsStore).isInserterOpened(), []);
-  const {
-    setIsInserterOpened
-  } = useDispatch(customizeWidgetsStore);
+import { useEffect, useCallback } from "@wordpress/element";
+import { useSelect, useDispatch, select as selectStore } from "@wordpress/data";
+import { store as customizeWidgetsStore } from "../../store";
+function useInserter(inserter) {
+  const isInserterOpened = useSelect(
+    (select) => select(customizeWidgetsStore).isInserterOpened(),
+    []
+  );
+  const { setIsInserterOpened } = useDispatch(customizeWidgetsStore);
   useEffect(() => {
     if (isInserterOpened) {
       inserter.open();
@@ -20,12 +14,23 @@ export default function useInserter(inserter) {
       inserter.close();
     }
   }, [inserter, isInserterOpened]);
-  return [isInserterOpened, useCallback(updater => {
-    let isOpen = updater;
-    if (typeof updater === 'function') {
-      isOpen = updater(selectStore(customizeWidgetsStore).isInserterOpened());
-    }
-    setIsInserterOpened(isOpen);
-  }, [setIsInserterOpened])];
+  return [
+    isInserterOpened,
+    useCallback(
+      (updater) => {
+        let isOpen = updater;
+        if (typeof updater === "function") {
+          isOpen = updater(
+            selectStore(customizeWidgetsStore).isInserterOpened()
+          );
+        }
+        setIsInserterOpened(isOpen);
+      },
+      [setIsInserterOpened]
+    )
+  ];
 }
-//# sourceMappingURL=use-inserter.js.map
+export {
+  useInserter as default
+};
+//# sourceMappingURL=use-inserter.js.map

package/build-module/components/inserter/use-inserter.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","useCallback","useSelect","useDispatch","select","selectStore","store","customizeWidgetsStore","useInserter","inserter","isInserterOpened","setIsInserterOpened","open","close","updater","isOpen"],"sources":["@wordpress/customize-widgets/src/components/inserter/use-inserter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch, select as selectStore } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nexport default function useInserter( inserter ) {\n\tconst isInserterOpened = useSelect(\n\t\t( select ) => select( customizeWidgetsStore ).isInserterOpened(),\n\t\t[]\n\t);\n\tconst { setIsInserterOpened } = useDispatch( customizeWidgetsStore );\n\n\tuseEffect( () => {\n\t\tif ( isInserterOpened ) {\n\t\t\tinserter.open();\n\t\t} else {\n\t\t\tinserter.close();\n\t\t}\n\t}, [ inserter, isInserterOpened ] );\n\n\treturn [\n\t\tisInserterOpened,\n\t\tuseCallback(\n\t\t\t( updater ) => {\n\t\t\t\tlet isOpen = updater;\n\t\t\t\tif ( typeof updater === 'function' ) {\n\t\t\t\t\tisOpen = updater(\n\t\t\t\t\t\tselectStore( customizeWidgetsStore ).isInserterOpened()\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tsetIsInserterOpened( isOpen );\n\t\t\t},\n\t\t\t[ setIsInserterOpened ]\n\t\t),\n\t];\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,oBAAoB;AAC3D,SAASC,SAAS,EAAEC,WAAW,EAAEC,MAAM,IAAIC,WAAW,QAAQ,iBAAiB;;AAE/E;AACA;AACA;AACA,SAASC,KAAK,IAAIC,qBAAqB,QAAQ,aAAa;AAE5D,eAAe,SAASC,WAAWA,CAAEC,QAAQ,EAAG;EAC/C,MAAMC,gBAAgB,GAAGR,SAAS,CAC/BE,MAAM,IAAMA,MAAM,CAAEG,qBAAsB,CAAC,CAACG,gBAAgB,CAAC,CAAC,EAChE,EACD,CAAC;EACD,MAAM;IAAEC;EAAoB,CAAC,GAAGR,WAAW,CAAEI,qBAAsB,CAAC;EAEpEP,SAAS,CAAE,MAAM;IAChB,IAAKU,gBAAgB,EAAG;MACvBD,QAAQ,CAACG,IAAI,CAAC,CAAC;IAChB,CAAC,MAAM;MACNH,QAAQ,CAACI,KAAK,CAAC,CAAC;IACjB;EACD,CAAC,EAAE,CAAEJ,QAAQ,EAAEC,gBAAgB,CAAG,CAAC;EAEnC,OAAO,CACNA,gBAAgB,EAChBT,WAAW,CACRa,OAAO,IAAM;IACd,IAAIC,MAAM,GAAGD,OAAO;IACpB,IAAK,OAAOA,OAAO,KAAK,UAAU,EAAG;MACpCC,MAAM,GAAGD,OAAO,CACfT,WAAW,CAAEE,qBAAsB,CAAC,CAACG,gBAAgB,CAAC,CACvD,CAAC;IACF;IAEAC,mBAAmB,CAAEI,MAAO,CAAC;EAC9B,CAAC,EACD,CAAEJ,mBAAmB,CACtB,CAAC,CACD;AACF","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/inserter/use-inserter.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch, select as selectStore } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nexport default function useInserter( inserter ) {\n\tconst isInserterOpened = useSelect(\n\t\t( select ) => select( customizeWidgetsStore ).isInserterOpened(),\n\t\t[]\n\t);\n\tconst { setIsInserterOpened } = useDispatch( customizeWidgetsStore );\n\n\tuseEffect( () => {\n\t\tif ( isInserterOpened ) {\n\t\t\tinserter.open();\n\t\t} else {\n\t\t\tinserter.close();\n\t\t}\n\t}, [ inserter, isInserterOpened ] );\n\n\treturn [\n\t\tisInserterOpened,\n\t\tuseCallback(\n\t\t\t( updater ) => {\n\t\t\t\tlet isOpen = updater;\n\t\t\t\tif ( typeof updater === 'function' ) {\n\t\t\t\t\tisOpen = updater(\n\t\t\t\t\t\tselectStore( customizeWidgetsStore ).isInserterOpened()\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tsetIsInserterOpened( isOpen );\n\t\t\t},\n\t\t\t[ setIsInserterOpened ]\n\t\t),\n\t];\n}\n"],
+  "mappings": "AAGA,SAAS,WAAW,mBAAmB;AACvC,SAAS,WAAW,aAAa,UAAU,mBAAmB;AAK9D,SAAS,SAAS,6BAA6B;AAEhC,SAAR,YAA8B,UAAW;AAC/C,QAAM,mBAAmB;AAAA,IACxB,CAAE,WAAY,OAAQ,qBAAsB,EAAE,iBAAiB;AAAA,IAC/D,CAAC;AAAA,EACF;AACA,QAAM,EAAE,oBAAoB,IAAI,YAAa,qBAAsB;AAEnE,YAAW,MAAM;AAChB,QAAK,kBAAmB;AACvB,eAAS,KAAK;AAAA,IACf,OAAO;AACN,eAAS,MAAM;AAAA,IAChB;AAAA,EACD,GAAG,CAAE,UAAU,gBAAiB,CAAE;AAElC,SAAO;AAAA,IACN;AAAA,IACA;AAAA,MACC,CAAE,YAAa;AACd,YAAI,SAAS;AACb,YAAK,OAAO,YAAY,YAAa;AACpC,mBAAS;AAAA,YACR,YAAa,qBAAsB,EAAE,iBAAiB;AAAA,UACvD;AAAA,QACD;AAEA,4BAAqB,MAAO;AAAA,MAC7B;AAAA,MACA,CAAE,mBAAoB;AAAA,IACvB;AAAA,EACD;AACD;",
+  "names": []
+}