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

package/build-module/components/sidebar-block-editor/sidebar-editor-provider.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","useSidebarBlockEditor","useBlocksFocusControl","unlock","jsx","_jsx","ExperimentalBlockEditorProvider","SidebarEditorProvider","sidebar","settings","children","blocks","onInput","onChange","value","useSubRegistry"],"sources":["@wordpress/customize-widgets/src/components/sidebar-block-editor/sidebar-editor-provider.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport useSidebarBlockEditor from './use-sidebar-block-editor';\nimport useBlocksFocusControl from '../focus-control/use-blocks-focus-control';\n\nimport { unlock } from '../../lock-unlock';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\n\nexport default function SidebarEditorProvider( {\n\tsidebar,\n\tsettings,\n\tchildren,\n} ) {\n\tconst [ blocks, onInput, onChange ] = useSidebarBlockEditor( sidebar );\n\n\tuseBlocksFocusControl( blocks );\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ blocks }\n\t\t\tonInput={ onInput }\n\t\t\tonChange={ onChange }\n\t\t\tsettings={ settings }\n\t\t\tuseSubRegistry={ false }\n\t\t>\n\t\t\t{ children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,OAAOC,qBAAqB,MAAM,2CAA2C;AAE7E,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EAAEC;AAAgC,CAAC,GAAGH,MAAM,CAAEH,sBAAuB,CAAC;AAE5E,eAAe,SAASO,qBAAqBA,CAAE;EAC9CC,OAAO;EACPC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAGZ,qBAAqB,CAAEO,OAAQ,CAAC;EAEtEN,qBAAqB,CAAES,MAAO,CAAC;EAE/B,oBACCN,IAAA,CAACC,+BAA+B;IAC/BQ,KAAK,EAAGH,MAAQ;IAChBC,OAAO,EAAGA,OAAS;IACnBC,QAAQ,EAAGA,QAAU;IACrBJ,QAAQ,EAAGA,QAAU;IACrBM,cAAc,EAAG,KAAO;IAAAL,QAAA,EAEtBA;EAAQ,CACsB,CAAC;AAEpC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-block-editor/sidebar-editor-provider.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport useSidebarBlockEditor from './use-sidebar-block-editor';\nimport useBlocksFocusControl from '../focus-control/use-blocks-focus-control';\n\nimport { unlock } from '../../lock-unlock';\n\nconst { ExperimentalBlockEditorProvider } = unlock( blockEditorPrivateApis );\n\nexport default function SidebarEditorProvider( {\n\tsidebar,\n\tsettings,\n\tchildren,\n} ) {\n\tconst [ blocks, onInput, onChange ] = useSidebarBlockEditor( sidebar );\n\n\tuseBlocksFocusControl( blocks );\n\n\treturn (\n\t\t<ExperimentalBlockEditorProvider\n\t\t\tvalue={ blocks }\n\t\t\tonInput={ onInput }\n\t\t\tonChange={ onChange }\n\t\t\tsettings={ settings }\n\t\t\tuseSubRegistry={ false }\n\t\t>\n\t\t\t{ children }\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],
+  "mappings": "AAyBE;AAtBF,SAAS,eAAe,8BAA8B;AAKtD,OAAO,2BAA2B;AAClC,OAAO,2BAA2B;AAElC,SAAS,cAAc;AAEvB,MAAM,EAAE,gCAAgC,IAAI,OAAQ,sBAAuB;AAE5D,SAAR,sBAAwC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,QAAQ,SAAS,QAAS,IAAI,sBAAuB,OAAQ;AAErE,wBAAuB,MAAO;AAE9B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA,gBAAiB;AAAA,MAEf;AAAA;AAAA,EACH;AAEF;",
+  "names": []
+}

package/build-module/components/sidebar-block-editor/use-sidebar-block-editor.js

@@ -1,40 +1,34 @@
-/**
- * External dependencies
- */
-import fastDeepEqual from 'fast-deep-equal/es6';
-
-/**
- * WordPress dependencies
- */
-import { useState, useEffect, useCallback } from '@wordpress/element';
-import isShallowEqual from '@wordpress/is-shallow-equal';
-import { getWidgetIdFromBlock, addWidgetIdToBlock } from '@wordpress/widgets';
-
-/**
- * Internal dependencies
- */
-import { blockToWidget, widgetToBlock } from '../../utils';
+import fastDeepEqual from "fast-deep-equal/es6";
+import { useState, useEffect, useCallback } from "@wordpress/element";
+import isShallowEqual from "@wordpress/is-shallow-equal";
+import { getWidgetIdFromBlock, addWidgetIdToBlock } from "@wordpress/widgets";
+import { blockToWidget, widgetToBlock } from "../../utils";
 function widgetsToBlocks(widgets) {
-  return widgets.map(widget => widgetToBlock(widget));
+  return widgets.map((widget) => widgetToBlock(widget));
 }
-export default function useSidebarBlockEditor(sidebar) {
-  const [blocks, setBlocks] = useState(() => widgetsToBlocks(sidebar.getWidgets()));
+function useSidebarBlockEditor(sidebar) {
+  const [blocks, setBlocks] = useState(
+    () => widgetsToBlocks(sidebar.getWidgets())
+  );
   useEffect(() => {
     return sidebar.subscribe((prevWidgets, nextWidgets) => {
-      setBlocks(prevBlocks => {
-        const prevWidgetsMap = new Map(prevWidgets.map(widget => [widget.id, widget]));
-        const prevBlocksMap = new Map(prevBlocks.map(block => [getWidgetIdFromBlock(block), block]));
-        const nextBlocks = nextWidgets.map(nextWidget => {
+      setBlocks((prevBlocks) => {
+        const prevWidgetsMap = new Map(
+          prevWidgets.map((widget) => [widget.id, widget])
+        );
+        const prevBlocksMap = new Map(
+          prevBlocks.map((block) => [
+            getWidgetIdFromBlock(block),
+            block
+          ])
+        );
+        const nextBlocks = nextWidgets.map((nextWidget) => {
           const prevWidget = prevWidgetsMap.get(nextWidget.id);
-
-          // Bail out updates.
           if (prevWidget && prevWidget === nextWidget) {
             return prevBlocksMap.get(nextWidget.id);
           }
           return widgetToBlock(nextWidget);
         });
-
-        // Bail out updates.
         if (isShallowEqual(prevBlocks, nextBlocks)) {
           return prevBlocks;
         }
@@ -42,51 +36,57 @@ export default function useSidebarBlockEditor(sidebar) {
       });
     });
   }, [sidebar]);
-  const onChangeBlocks = useCallback(nextBlocks => {
-    setBlocks(prevBlocks => {
-      if (isShallowEqual(prevBlocks, nextBlocks)) {
-        return prevBlocks;
-      }
-      const prevBlocksMap = new Map(prevBlocks.map(block => [getWidgetIdFromBlock(block), block]));
-      const nextWidgets = nextBlocks.map(nextBlock => {
-        const widgetId = getWidgetIdFromBlock(nextBlock);
-
-        // Update existing widgets.
-        if (widgetId && prevBlocksMap.has(widgetId)) {
-          const prevBlock = prevBlocksMap.get(widgetId);
-          const prevWidget = sidebar.getWidget(widgetId);
-
-          // Bail out updates by returning the previous widgets.
-          // Deep equality is necessary until the block editor's internals changes.
-          if (fastDeepEqual(nextBlock, prevBlock) && prevWidget) {
-            return prevWidget;
-          }
-          return blockToWidget(nextBlock, prevWidget);
+  const onChangeBlocks = useCallback(
+    (nextBlocks) => {
+      setBlocks((prevBlocks) => {
+        if (isShallowEqual(prevBlocks, nextBlocks)) {
+          return prevBlocks;
         }
-
-        // Add a new widget.
-        return blockToWidget(nextBlock);
-      });
-
-      // Bail out updates if the updated widgets are the same.
-      if (isShallowEqual(sidebar.getWidgets(), nextWidgets)) {
-        return prevBlocks;
-      }
-      const addedWidgetIds = sidebar.setWidgets(nextWidgets);
-      return nextBlocks.reduce((updatedNextBlocks, nextBlock, index) => {
-        const addedWidgetId = addedWidgetIds[index];
-        if (addedWidgetId !== null) {
-          // Only create a new instance if necessary to prevent
-          // the whole editor from re-rendering on every edit.
-          if (updatedNextBlocks === nextBlocks) {
-            updatedNextBlocks = nextBlocks.slice();
+        const prevBlocksMap = new Map(
+          prevBlocks.map((block) => [
+            getWidgetIdFromBlock(block),
+            block
+          ])
+        );
+        const nextWidgets = nextBlocks.map((nextBlock) => {
+          const widgetId = getWidgetIdFromBlock(nextBlock);
+          if (widgetId && prevBlocksMap.has(widgetId)) {
+            const prevBlock = prevBlocksMap.get(widgetId);
+            const prevWidget = sidebar.getWidget(widgetId);
+            if (fastDeepEqual(nextBlock, prevBlock) && prevWidget) {
+              return prevWidget;
+            }
+            return blockToWidget(nextBlock, prevWidget);
           }
-          updatedNextBlocks[index] = addWidgetIdToBlock(nextBlock, addedWidgetId);
+          return blockToWidget(nextBlock);
+        });
+        if (isShallowEqual(sidebar.getWidgets(), nextWidgets)) {
+          return prevBlocks;
         }
-        return updatedNextBlocks;
-      }, nextBlocks);
-    });
-  }, [sidebar]);
+        const addedWidgetIds = sidebar.setWidgets(nextWidgets);
+        return nextBlocks.reduce(
+          (updatedNextBlocks, nextBlock, index) => {
+            const addedWidgetId = addedWidgetIds[index];
+            if (addedWidgetId !== null) {
+              if (updatedNextBlocks === nextBlocks) {
+                updatedNextBlocks = nextBlocks.slice();
+              }
+              updatedNextBlocks[index] = addWidgetIdToBlock(
+                nextBlock,
+                addedWidgetId
+              );
+            }
+            return updatedNextBlocks;
+          },
+          nextBlocks
+        );
+      });
+    },
+    [sidebar]
+  );
   return [blocks, onChangeBlocks, onChangeBlocks];
 }
-//# sourceMappingURL=use-sidebar-block-editor.js.map
+export {
+  useSidebarBlockEditor as default
+};
+//# sourceMappingURL=use-sidebar-block-editor.js.map

package/build-module/components/sidebar-block-editor/use-sidebar-block-editor.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["fastDeepEqual","useState","useEffect","useCallback","isShallowEqual","getWidgetIdFromBlock","addWidgetIdToBlock","blockToWidget","widgetToBlock","widgetsToBlocks","widgets","map","widget","useSidebarBlockEditor","sidebar","blocks","setBlocks","getWidgets","subscribe","prevWidgets","nextWidgets","prevBlocks","prevWidgetsMap","Map","id","prevBlocksMap","block","nextBlocks","nextWidget","prevWidget","get","onChangeBlocks","nextBlock","widgetId","has","prevBlock","getWidget","addedWidgetIds","setWidgets","reduce","updatedNextBlocks","index","addedWidgetId","slice"],"sources":["@wordpress/customize-widgets/src/components/sidebar-block-editor/use-sidebar-block-editor.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useCallback } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\nimport { getWidgetIdFromBlock, addWidgetIdToBlock } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { blockToWidget, widgetToBlock } from '../../utils';\n\nfunction widgetsToBlocks( widgets ) {\n\treturn widgets.map( ( widget ) => widgetToBlock( widget ) );\n}\n\nexport default function useSidebarBlockEditor( sidebar ) {\n\tconst [ blocks, setBlocks ] = useState( () =>\n\t\twidgetsToBlocks( sidebar.getWidgets() )\n\t);\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribe( ( prevWidgets, nextWidgets ) => {\n\t\t\tsetBlocks( ( prevBlocks ) => {\n\t\t\t\tconst prevWidgetsMap = new Map(\n\t\t\t\t\tprevWidgets.map( ( widget ) => [ widget.id, widget ] )\n\t\t\t\t);\n\t\t\t\tconst prevBlocksMap = new Map(\n\t\t\t\t\tprevBlocks.map( ( block ) => [\n\t\t\t\t\t\tgetWidgetIdFromBlock( block ),\n\t\t\t\t\t\tblock,\n\t\t\t\t\t] )\n\t\t\t\t);\n\n\t\t\t\tconst nextBlocks = nextWidgets.map( ( nextWidget ) => {\n\t\t\t\t\tconst prevWidget = prevWidgetsMap.get( nextWidget.id );\n\n\t\t\t\t\t// Bail out updates.\n\t\t\t\t\tif ( prevWidget && prevWidget === nextWidget ) {\n\t\t\t\t\t\treturn prevBlocksMap.get( nextWidget.id );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn widgetToBlock( nextWidget );\n\t\t\t\t} );\n\n\t\t\t\t// Bail out updates.\n\t\t\t\tif ( isShallowEqual( prevBlocks, nextBlocks ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\treturn nextBlocks;\n\t\t\t} );\n\t\t} );\n\t}, [ sidebar ] );\n\n\tconst onChangeBlocks = useCallback(\n\t\t( nextBlocks ) => {\n\t\t\tsetBlocks( ( prevBlocks ) => {\n\t\t\t\tif ( isShallowEqual( prevBlocks, nextBlocks ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\tconst prevBlocksMap = new Map(\n\t\t\t\t\tprevBlocks.map( ( block ) => [\n\t\t\t\t\t\tgetWidgetIdFromBlock( block ),\n\t\t\t\t\t\tblock,\n\t\t\t\t\t] )\n\t\t\t\t);\n\n\t\t\t\tconst nextWidgets = nextBlocks.map( ( nextBlock ) => {\n\t\t\t\t\tconst widgetId = getWidgetIdFromBlock( nextBlock );\n\n\t\t\t\t\t// Update existing widgets.\n\t\t\t\t\tif ( widgetId && prevBlocksMap.has( widgetId ) ) {\n\t\t\t\t\t\tconst prevBlock = prevBlocksMap.get( widgetId );\n\t\t\t\t\t\tconst prevWidget = sidebar.getWidget( widgetId );\n\n\t\t\t\t\t\t// Bail out updates by returning the previous widgets.\n\t\t\t\t\t\t// Deep equality is necessary until the block editor's internals changes.\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tfastDeepEqual( nextBlock, prevBlock ) &&\n\t\t\t\t\t\t\tprevWidget\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\treturn prevWidget;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn blockToWidget( nextBlock, prevWidget );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Add a new widget.\n\t\t\t\t\treturn blockToWidget( nextBlock );\n\t\t\t\t} );\n\n\t\t\t\t// Bail out updates if the updated widgets are the same.\n\t\t\t\tif ( isShallowEqual( sidebar.getWidgets(), nextWidgets ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\tconst addedWidgetIds = sidebar.setWidgets( nextWidgets );\n\n\t\t\t\treturn nextBlocks.reduce(\n\t\t\t\t\t( updatedNextBlocks, nextBlock, index ) => {\n\t\t\t\t\t\tconst addedWidgetId = addedWidgetIds[ index ];\n\n\t\t\t\t\t\tif ( addedWidgetId !== null ) {\n\t\t\t\t\t\t\t// Only create a new instance if necessary to prevent\n\t\t\t\t\t\t\t// the whole editor from re-rendering on every edit.\n\t\t\t\t\t\t\tif ( updatedNextBlocks === nextBlocks ) {\n\t\t\t\t\t\t\t\tupdatedNextBlocks = nextBlocks.slice();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tupdatedNextBlocks[ index ] = addWidgetIdToBlock(\n\t\t\t\t\t\t\t\tnextBlock,\n\t\t\t\t\t\t\t\taddedWidgetId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn updatedNextBlocks;\n\t\t\t\t\t},\n\t\t\t\t\tnextBlocks\n\t\t\t\t);\n\t\t\t} );\n\t\t},\n\t\t[ sidebar ]\n\t);\n\n\treturn [ blocks, onChangeBlocks, onChangeBlocks ];\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-block-editor/use-sidebar-block-editor.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useCallback } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\nimport { getWidgetIdFromBlock, addWidgetIdToBlock } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { blockToWidget, widgetToBlock } from '../../utils';\n\nfunction widgetsToBlocks( widgets ) {\n\treturn widgets.map( ( widget ) => widgetToBlock( widget ) );\n}\n\nexport default function useSidebarBlockEditor( sidebar ) {\n\tconst [ blocks, setBlocks ] = useState( () =>\n\t\twidgetsToBlocks( sidebar.getWidgets() )\n\t);\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribe( ( prevWidgets, nextWidgets ) => {\n\t\t\tsetBlocks( ( prevBlocks ) => {\n\t\t\t\tconst prevWidgetsMap = new Map(\n\t\t\t\t\tprevWidgets.map( ( widget ) => [ widget.id, widget ] )\n\t\t\t\t);\n\t\t\t\tconst prevBlocksMap = new Map(\n\t\t\t\t\tprevBlocks.map( ( block ) => [\n\t\t\t\t\t\tgetWidgetIdFromBlock( block ),\n\t\t\t\t\t\tblock,\n\t\t\t\t\t] )\n\t\t\t\t);\n\n\t\t\t\tconst nextBlocks = nextWidgets.map( ( nextWidget ) => {\n\t\t\t\t\tconst prevWidget = prevWidgetsMap.get( nextWidget.id );\n\n\t\t\t\t\t// Bail out updates.\n\t\t\t\t\tif ( prevWidget && prevWidget === nextWidget ) {\n\t\t\t\t\t\treturn prevBlocksMap.get( nextWidget.id );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn widgetToBlock( nextWidget );\n\t\t\t\t} );\n\n\t\t\t\t// Bail out updates.\n\t\t\t\tif ( isShallowEqual( prevBlocks, nextBlocks ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\treturn nextBlocks;\n\t\t\t} );\n\t\t} );\n\t}, [ sidebar ] );\n\n\tconst onChangeBlocks = useCallback(\n\t\t( nextBlocks ) => {\n\t\t\tsetBlocks( ( prevBlocks ) => {\n\t\t\t\tif ( isShallowEqual( prevBlocks, nextBlocks ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\tconst prevBlocksMap = new Map(\n\t\t\t\t\tprevBlocks.map( ( block ) => [\n\t\t\t\t\t\tgetWidgetIdFromBlock( block ),\n\t\t\t\t\t\tblock,\n\t\t\t\t\t] )\n\t\t\t\t);\n\n\t\t\t\tconst nextWidgets = nextBlocks.map( ( nextBlock ) => {\n\t\t\t\t\tconst widgetId = getWidgetIdFromBlock( nextBlock );\n\n\t\t\t\t\t// Update existing widgets.\n\t\t\t\t\tif ( widgetId && prevBlocksMap.has( widgetId ) ) {\n\t\t\t\t\t\tconst prevBlock = prevBlocksMap.get( widgetId );\n\t\t\t\t\t\tconst prevWidget = sidebar.getWidget( widgetId );\n\n\t\t\t\t\t\t// Bail out updates by returning the previous widgets.\n\t\t\t\t\t\t// Deep equality is necessary until the block editor's internals changes.\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tfastDeepEqual( nextBlock, prevBlock ) &&\n\t\t\t\t\t\t\tprevWidget\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\treturn prevWidget;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn blockToWidget( nextBlock, prevWidget );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Add a new widget.\n\t\t\t\t\treturn blockToWidget( nextBlock );\n\t\t\t\t} );\n\n\t\t\t\t// Bail out updates if the updated widgets are the same.\n\t\t\t\tif ( isShallowEqual( sidebar.getWidgets(), nextWidgets ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\tconst addedWidgetIds = sidebar.setWidgets( nextWidgets );\n\n\t\t\t\treturn nextBlocks.reduce(\n\t\t\t\t\t( updatedNextBlocks, nextBlock, index ) => {\n\t\t\t\t\t\tconst addedWidgetId = addedWidgetIds[ index ];\n\n\t\t\t\t\t\tif ( addedWidgetId !== null ) {\n\t\t\t\t\t\t\t// Only create a new instance if necessary to prevent\n\t\t\t\t\t\t\t// the whole editor from re-rendering on every edit.\n\t\t\t\t\t\t\tif ( updatedNextBlocks === nextBlocks ) {\n\t\t\t\t\t\t\t\tupdatedNextBlocks = nextBlocks.slice();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tupdatedNextBlocks[ index ] = addWidgetIdToBlock(\n\t\t\t\t\t\t\t\tnextBlock,\n\t\t\t\t\t\t\t\taddedWidgetId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn updatedNextBlocks;\n\t\t\t\t\t},\n\t\t\t\t\tnextBlocks\n\t\t\t\t);\n\t\t\t} );\n\t\t},\n\t\t[ sidebar ]\n\t);\n\n\treturn [ blocks, onChangeBlocks, onChangeBlocks ];\n}\n"],
+  "mappings": "AAGA,OAAO,mBAAmB;AAK1B,SAAS,UAAU,WAAW,mBAAmB;AACjD,OAAO,oBAAoB;AAC3B,SAAS,sBAAsB,0BAA0B;AAKzD,SAAS,eAAe,qBAAqB;AAE7C,SAAS,gBAAiB,SAAU;AACnC,SAAO,QAAQ,IAAK,CAAE,WAAY,cAAe,MAAO,CAAE;AAC3D;AAEe,SAAR,sBAAwC,SAAU;AACxD,QAAM,CAAE,QAAQ,SAAU,IAAI;AAAA,IAAU,MACvC,gBAAiB,QAAQ,WAAW,CAAE;AAAA,EACvC;AAEA,YAAW,MAAM;AAChB,WAAO,QAAQ,UAAW,CAAE,aAAa,gBAAiB;AACzD,gBAAW,CAAE,eAAgB;AAC5B,cAAM,iBAAiB,IAAI;AAAA,UAC1B,YAAY,IAAK,CAAE,WAAY,CAAE,OAAO,IAAI,MAAO,CAAE;AAAA,QACtD;AACA,cAAM,gBAAgB,IAAI;AAAA,UACzB,WAAW,IAAK,CAAE,UAAW;AAAA,YAC5B,qBAAsB,KAAM;AAAA,YAC5B;AAAA,UACD,CAAE;AAAA,QACH;AAEA,cAAM,aAAa,YAAY,IAAK,CAAE,eAAgB;AACrD,gBAAM,aAAa,eAAe,IAAK,WAAW,EAAG;AAGrD,cAAK,cAAc,eAAe,YAAa;AAC9C,mBAAO,cAAc,IAAK,WAAW,EAAG;AAAA,UACzC;AAEA,iBAAO,cAAe,UAAW;AAAA,QAClC,CAAE;AAGF,YAAK,eAAgB,YAAY,UAAW,GAAI;AAC/C,iBAAO;AAAA,QACR;AAEA,eAAO;AAAA,MACR,CAAE;AAAA,IACH,CAAE;AAAA,EACH,GAAG,CAAE,OAAQ,CAAE;AAEf,QAAM,iBAAiB;AAAA,IACtB,CAAE,eAAgB;AACjB,gBAAW,CAAE,eAAgB;AAC5B,YAAK,eAAgB,YAAY,UAAW,GAAI;AAC/C,iBAAO;AAAA,QACR;AAEA,cAAM,gBAAgB,IAAI;AAAA,UACzB,WAAW,IAAK,CAAE,UAAW;AAAA,YAC5B,qBAAsB,KAAM;AAAA,YAC5B;AAAA,UACD,CAAE;AAAA,QACH;AAEA,cAAM,cAAc,WAAW,IAAK,CAAE,cAAe;AACpD,gBAAM,WAAW,qBAAsB,SAAU;AAGjD,cAAK,YAAY,cAAc,IAAK,QAAS,GAAI;AAChD,kBAAM,YAAY,cAAc,IAAK,QAAS;AAC9C,kBAAM,aAAa,QAAQ,UAAW,QAAS;AAI/C,gBACC,cAAe,WAAW,SAAU,KACpC,YACC;AACD,qBAAO;AAAA,YACR;AAEA,mBAAO,cAAe,WAAW,UAAW;AAAA,UAC7C;AAGA,iBAAO,cAAe,SAAU;AAAA,QACjC,CAAE;AAGF,YAAK,eAAgB,QAAQ,WAAW,GAAG,WAAY,GAAI;AAC1D,iBAAO;AAAA,QACR;AAEA,cAAM,iBAAiB,QAAQ,WAAY,WAAY;AAEvD,eAAO,WAAW;AAAA,UACjB,CAAE,mBAAmB,WAAW,UAAW;AAC1C,kBAAM,gBAAgB,eAAgB,KAAM;AAE5C,gBAAK,kBAAkB,MAAO;AAG7B,kBAAK,sBAAsB,YAAa;AACvC,oCAAoB,WAAW,MAAM;AAAA,cACtC;AAEA,gCAAmB,KAAM,IAAI;AAAA,gBAC5B;AAAA,gBACA;AAAA,cACD;AAAA,YACD;AAEA,mBAAO;AAAA,UACR;AAAA,UACA;AAAA,QACD;AAAA,MACD,CAAE;AAAA,IACH;AAAA,IACA,CAAE,OAAQ;AAAA,EACX;AAEA,SAAO,CAAE,QAAQ,gBAAgB,cAAe;AACjD;",
+  "names": []
+}

package/build-module/components/sidebar-controls/index.js

@@ -1,34 +1,33 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useMemo, useContext } from '@wordpress/element';
-import { jsx as _jsx } from "react/jsx-runtime";
-export const SidebarControlsContext = createContext();
-SidebarControlsContext.displayName = 'SidebarControlsContext';
-export default function SidebarControls({
+import { jsx } from "react/jsx-runtime";
+import { createContext, useMemo, useContext } from "@wordpress/element";
+const SidebarControlsContext = createContext();
+SidebarControlsContext.displayName = "SidebarControlsContext";
+function SidebarControls({
   sidebarControls,
   activeSidebarControl,
   children
 }) {
-  const context = useMemo(() => ({
-    sidebarControls,
-    activeSidebarControl
-  }), [sidebarControls, activeSidebarControl]);
-  return /*#__PURE__*/_jsx(SidebarControlsContext.Provider, {
-    value: context,
-    children: children
-  });
+  const context = useMemo(
+    () => ({
+      sidebarControls,
+      activeSidebarControl
+    }),
+    [sidebarControls, activeSidebarControl]
+  );
+  return /* @__PURE__ */ jsx(SidebarControlsContext.Provider, { value: context, children });
 }
-export function useSidebarControls() {
-  const {
-    sidebarControls
-  } = useContext(SidebarControlsContext);
+function useSidebarControls() {
+  const { sidebarControls } = useContext(SidebarControlsContext);
   return sidebarControls;
 }
-export function useActiveSidebarControl() {
-  const {
-    activeSidebarControl
-  } = useContext(SidebarControlsContext);
+function useActiveSidebarControl() {
+  const { activeSidebarControl } = useContext(SidebarControlsContext);
   return activeSidebarControl;
 }
-//# sourceMappingURL=index.js.map
+export {
+  SidebarControlsContext,
+  SidebarControls as default,
+  useActiveSidebarControl,
+  useSidebarControls
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/sidebar-controls/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","useMemo","useContext","jsx","_jsx","SidebarControlsContext","displayName","SidebarControls","sidebarControls","activeSidebarControl","children","context","Provider","value","useSidebarControls","useActiveSidebarControl"],"sources":["@wordpress/customize-widgets/src/components/sidebar-controls/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useMemo, useContext } from '@wordpress/element';\n\nexport const SidebarControlsContext = createContext();\nSidebarControlsContext.displayName = 'SidebarControlsContext';\n\nexport default function SidebarControls( {\n\tsidebarControls,\n\tactiveSidebarControl,\n\tchildren,\n} ) {\n\tconst context = useMemo(\n\t\t() => ( {\n\t\t\tsidebarControls,\n\t\t\tactiveSidebarControl,\n\t\t} ),\n\t\t[ sidebarControls, activeSidebarControl ]\n\t);\n\n\treturn (\n\t\t<SidebarControlsContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</SidebarControlsContext.Provider>\n\t);\n}\n\nexport function useSidebarControls() {\n\tconst { sidebarControls } = useContext( SidebarControlsContext );\n\n\treturn sidebarControls;\n}\n\nexport function useActiveSidebarControl() {\n\tconst { activeSidebarControl } = useContext( SidebarControlsContext );\n\n\treturn activeSidebarControl;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,OAAO,EAAEC,UAAU,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExE,OAAO,MAAMC,sBAAsB,GAAGL,aAAa,CAAC,CAAC;AACrDK,sBAAsB,CAACC,WAAW,GAAG,wBAAwB;AAE7D,eAAe,SAASC,eAAeA,CAAE;EACxCC,eAAe;EACfC,oBAAoB;EACpBC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAGV,OAAO,CACtB,OAAQ;IACPO,eAAe;IACfC;EACD,CAAC,CAAE,EACH,CAAED,eAAe,EAAEC,oBAAoB,CACxC,CAAC;EAED,oBACCL,IAAA,CAACC,sBAAsB,CAACO,QAAQ;IAACC,KAAK,EAAGF,OAAS;IAAAD,QAAA,EAC/CA;EAAQ,CACsB,CAAC;AAEpC;AAEA,OAAO,SAASI,kBAAkBA,CAAA,EAAG;EACpC,MAAM;IAAEN;EAAgB,CAAC,GAAGN,UAAU,CAAEG,sBAAuB,CAAC;EAEhE,OAAOG,eAAe;AACvB;AAEA,OAAO,SAASO,uBAAuBA,CAAA,EAAG;EACzC,MAAM;IAAEN;EAAqB,CAAC,GAAGP,UAAU,CAAEG,sBAAuB,CAAC;EAErE,OAAOI,oBAAoB;AAC5B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-controls/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useMemo, useContext } from '@wordpress/element';\n\nexport const SidebarControlsContext = createContext();\nSidebarControlsContext.displayName = 'SidebarControlsContext';\n\nexport default function SidebarControls( {\n\tsidebarControls,\n\tactiveSidebarControl,\n\tchildren,\n} ) {\n\tconst context = useMemo(\n\t\t() => ( {\n\t\t\tsidebarControls,\n\t\t\tactiveSidebarControl,\n\t\t} ),\n\t\t[ sidebarControls, activeSidebarControl ]\n\t);\n\n\treturn (\n\t\t<SidebarControlsContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</SidebarControlsContext.Provider>\n\t);\n}\n\nexport function useSidebarControls() {\n\tconst { sidebarControls } = useContext( SidebarControlsContext );\n\n\treturn sidebarControls;\n}\n\nexport function useActiveSidebarControl() {\n\tconst { activeSidebarControl } = useContext( SidebarControlsContext );\n\n\treturn activeSidebarControl;\n}\n"],
+  "mappings": "AAsBE;AAnBF,SAAS,eAAe,SAAS,kBAAkB;AAE5C,MAAM,yBAAyB,cAAc;AACpD,uBAAuB,cAAc;AAEtB,SAAR,gBAAkC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,UAAU;AAAA,IACf,OAAQ;AAAA,MACP;AAAA,MACA;AAAA,IACD;AAAA,IACA,CAAE,iBAAiB,oBAAqB;AAAA,EACzC;AAEA,SACC,oBAAC,uBAAuB,UAAvB,EAAgC,OAAQ,SACtC,UACH;AAEF;AAEO,SAAS,qBAAqB;AACpC,QAAM,EAAE,gBAAgB,IAAI,WAAY,sBAAuB;AAE/D,SAAO;AACR;AAEO,SAAS,0BAA0B;AACzC,QAAM,EAAE,qBAAqB,IAAI,WAAY,sBAAuB;AAEpE,SAAO;AACR;",
+  "names": []
+}

package/build-module/components/welcome-guide/index.js

@@ -1,60 +1,76 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Button, ExternalLink } from '@wordpress/components';
-import { useDispatch } from '@wordpress/data';
-import { store as preferencesStore } from '@wordpress/preferences';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function WelcomeGuide({
-  sidebar
-}) {
-  const {
-    toggle
-  } = useDispatch(preferencesStore);
-  const isEntirelyBlockWidgets = sidebar.getWidgets().every(widget => widget.id.startsWith('block-'));
-  return /*#__PURE__*/_jsxs("div", {
-    className: "customize-widgets-welcome-guide",
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "customize-widgets-welcome-guide__image__wrapper",
-      children: /*#__PURE__*/_jsxs("picture", {
-        children: [/*#__PURE__*/_jsx("source", {
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { Button, ExternalLink } from "@wordpress/components";
+import { useDispatch } from "@wordpress/data";
+import { store as preferencesStore } from "@wordpress/preferences";
+function WelcomeGuide({ sidebar }) {
+  const { toggle } = useDispatch(preferencesStore);
+  const isEntirelyBlockWidgets = sidebar.getWidgets().every((widget) => widget.id.startsWith("block-"));
+  return /* @__PURE__ */ jsxs("div", { className: "customize-widgets-welcome-guide", children: [
+    /* @__PURE__ */ jsx("div", { className: "customize-widgets-welcome-guide__image__wrapper", children: /* @__PURE__ */ jsxs("picture", { children: [
+      /* @__PURE__ */ jsx(
+        "source",
+        {
           srcSet: "https://s.w.org/images/block-editor/welcome-editor.svg",
           media: "(prefers-reduced-motion: reduce)"
-        }), /*#__PURE__*/_jsx("img", {
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "img",
+        {
           className: "customize-widgets-welcome-guide__image",
           src: "https://s.w.org/images/block-editor/welcome-editor.gif",
           width: "312",
           height: "240",
           alt: ""
-        })]
-      })
-    }), /*#__PURE__*/_jsx("h1", {
-      className: "customize-widgets-welcome-guide__heading",
-      children: __('Welcome to block Widgets')
-    }), /*#__PURE__*/_jsx("p", {
-      className: "customize-widgets-welcome-guide__text",
-      children: isEntirelyBlockWidgets ? __('Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.') : __('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')
-    }), /*#__PURE__*/_jsx(Button, {
-      size: "compact",
-      variant: "primary",
-      onClick: () => toggle('core/customize-widgets', 'welcomeGuide'),
-      children: __('Got it')
-    }), /*#__PURE__*/_jsx("hr", {
-      className: "customize-widgets-welcome-guide__separator"
-    }), !isEntirelyBlockWidgets && /*#__PURE__*/_jsxs("p", {
-      className: "customize-widgets-welcome-guide__more-info",
-      children: [__('Want to stick with the old widgets?'), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(ExternalLink, {
-        href: __('https://wordpress.org/plugins/classic-widgets/'),
-        children: __('Get the Classic Widgets plugin.')
-      })]
-    }), /*#__PURE__*/_jsxs("p", {
-      className: "customize-widgets-welcome-guide__more-info",
-      children: [__('New to the block editor?'), /*#__PURE__*/_jsx("br", {}), /*#__PURE__*/_jsx(ExternalLink, {
-        href: __('https://wordpress.org/documentation/article/wordpress-block-editor/'),
-        children: __("Here's a detailed guide.")
-      })]
-    })]
-  });
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx("h1", { className: "customize-widgets-welcome-guide__heading", children: __("Welcome to block Widgets") }),
+    /* @__PURE__ */ jsx("p", { className: "customize-widgets-welcome-guide__text", children: isEntirelyBlockWidgets ? __(
+      "Your theme provides different \u201Cblock\u201D areas for you to add and edit content.\xA0Try adding a search bar, social icons, or other types of blocks here and see how they\u2019ll look on your site."
+    ) : __(
+      "You can now add any block to your site\u2019s widget areas. Don\u2019t worry, all of your favorite widgets still work flawlessly."
+    ) }),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "compact",
+        variant: "primary",
+        onClick: () => toggle("core/customize-widgets", "welcomeGuide"),
+        children: __("Got it")
+      }
+    ),
+    /* @__PURE__ */ jsx("hr", { className: "customize-widgets-welcome-guide__separator" }),
+    !isEntirelyBlockWidgets && /* @__PURE__ */ jsxs("p", { className: "customize-widgets-welcome-guide__more-info", children: [
+      __("Want to stick with the old widgets?"),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(
+        ExternalLink,
+        {
+          href: __(
+            "https://wordpress.org/plugins/classic-widgets/"
+          ),
+          children: __("Get the Classic Widgets plugin.")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "customize-widgets-welcome-guide__more-info", children: [
+      __("New to the block editor?"),
+      /* @__PURE__ */ jsx("br", {}),
+      /* @__PURE__ */ jsx(
+        ExternalLink,
+        {
+          href: __(
+            "https://wordpress.org/documentation/article/wordpress-block-editor/"
+          ),
+          children: __("Here's a detailed guide.")
+        }
+      )
+    ] })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+export {
+  WelcomeGuide as default
+};
+//# sourceMappingURL=index.js.map

package/build-module/components/welcome-guide/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","Button","ExternalLink","useDispatch","store","preferencesStore","jsx","_jsx","jsxs","_jsxs","WelcomeGuide","sidebar","toggle","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","className","children","srcSet","media","src","width","height","alt","size","variant","onClick","href"],"sources":["@wordpress/customize-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.'\n\t\t\t\t\t  )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t  ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,YAAY,QAAQ,uBAAuB;AAC5D,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnE,eAAe,SAASC,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAGT,WAAW,CAAEE,gBAAiB,CAAC;EAElD,MAAMQ,sBAAsB,GAAGF,OAAO,CACpCG,UAAU,CAAC,CAAC,CACZC,KAAK,CAAIC,MAAM,IAAMA,MAAM,CAACC,EAAE,CAACC,UAAU,CAAE,QAAS,CAAE,CAAC;EAEzD,oBACCT,KAAA;IAAKU,SAAS,EAAC,iCAAiC;IAAAC,QAAA,gBAC/Cb,IAAA;MAAKY,SAAS,EAAC,iDAAiD;MAAAC,QAAA,eAC/DX,KAAA;QAAAW,QAAA,gBACCb,IAAA;UACCc,MAAM,EAAC,wDAAwD;UAC/DC,KAAK,EAAC;QAAkC,CACxC,CAAC,eACFf,IAAA;UACCY,SAAS,EAAC,wCAAwC;UAClDI,GAAG,EAAC,wDAAwD;UAC5DC,KAAK,EAAC,KAAK;UACXC,MAAM,EAAC,KAAK;UACZC,GAAG,EAAC;QAAE,CACN,CAAC;MAAA,CACM;IAAC,CACN,CAAC,eACNnB,IAAA;MAAIY,SAAS,EAAC,0CAA0C;MAAAC,QAAA,EACrDpB,EAAE,CAAE,0BAA2B;IAAC,CAC/B,CAAC,eACLO,IAAA;MAAGY,SAAS,EAAC,uCAAuC;MAAAC,QAAA,EACjDP,sBAAsB,GACrBb,EAAE,CACF,0LACA,CAAC,GACDA,EAAE,CACF,yHACA;IAAC,CACF,CAAC,eACJO,IAAA,CAACN,MAAM;MACN0B,IAAI,EAAC,SAAS;MACdC,OAAO,EAAC,SAAS;MACjBC,OAAO,EAAGA,CAAA,KACTjB,MAAM,CAAE,wBAAwB,EAAE,cAAe,CACjD;MAAAQ,QAAA,EAECpB,EAAE,CAAE,QAAS;IAAC,CACT,CAAC,eACTO,IAAA;MAAIY,SAAS,EAAC;IAA4C,CAAE,CAAC,EAC3D,CAAEN,sBAAsB,iBACzBJ,KAAA;MAAGU,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtDpB,EAAE,CAAE,qCAAsC,CAAC,eAC7CO,IAAA,SAAK,CAAC,eACNA,IAAA,CAACL,YAAY;QACZ4B,IAAI,EAAG9B,EAAE,CACR,gDACD,CAAG;QAAAoB,QAAA,EAEDpB,EAAE,CAAE,iCAAkC;MAAC,CAC5B,CAAC;IAAA,CACb,CACH,eACDS,KAAA;MAAGU,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtDpB,EAAE,CAAE,0BAA2B,CAAC,eAClCO,IAAA,SAAK,CAAC,eACNA,IAAA,CAACL,YAAY;QACZ4B,IAAI,EAAG9B,EAAE,CACR,qEACD,CAAG;QAAAoB,QAAA,EAEDpB,EAAE,CAAE,0BAA2B;MAAC,CACrB,CAAC;IAAA,CACb,CAAC;EAAA,CACA,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/welcome-guide/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different \u201Cblock\u201D areas for you to add and edit content.\u00A0Try adding a search bar, social icons, or other types of blocks here and see how they\u2019ll look on your site.'\n\t\t\t\t\t  )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site\u2019s widget areas. Don\u2019t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t  ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "AAkBI,SACC,KADD;AAfJ,SAAS,UAAU;AACnB,SAAS,QAAQ,oBAAoB;AACrC,SAAS,mBAAmB;AAC5B,SAAS,SAAS,wBAAwB;AAE3B,SAAR,aAA+B,EAAE,QAAQ,GAAI;AACnD,QAAM,EAAE,OAAO,IAAI,YAAa,gBAAiB;AAEjD,QAAM,yBAAyB,QAC7B,WAAW,EACX,MAAO,CAAE,WAAY,OAAO,GAAG,WAAY,QAAS,CAAE;AAExD,SACC,qBAAC,SAAI,WAAU,mCACd;AAAA,wBAAC,SAAI,WAAU,mDACd,+BAAC,aACA;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,QAAO;AAAA,UACP,OAAM;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA;AAAA,MACL;AAAA,OACD,GACD;AAAA,IACA,oBAAC,QAAG,WAAU,4CACX,aAAI,0BAA2B,GAClC;AAAA,IACA,oBAAC,OAAE,WAAU,yCACV,mCACC;AAAA,MACA;AAAA,IACA,IACA;AAAA,MACA;AAAA,IACA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAU,MACT,OAAQ,0BAA0B,cAAe;AAAA,QAGhD,aAAI,QAAS;AAAA;AAAA,IAChB;AAAA,IACA,oBAAC,QAAG,WAAU,8CAA6C;AAAA,IACzD,CAAE,0BACH,qBAAC,OAAE,WAAU,8CACV;AAAA,SAAI,qCAAsC;AAAA,MAC5C,oBAAC,QAAG;AAAA,MACJ;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,YACN;AAAA,UACD;AAAA,UAEE,aAAI,iCAAkC;AAAA;AAAA,MACzC;AAAA,OACD;AAAA,IAED,qBAAC,OAAE,WAAU,8CACV;AAAA,SAAI,0BAA2B;AAAA,MACjC,oBAAC,QAAG;AAAA,MACJ;AAAA,QAAC;AAAA;AAAA,UACA,MAAO;AAAA,YACN;AAAA,UACD;AAAA,UAEE,aAAI,0BAA2B;AAAA;AAAA,MAClC;AAAA,OACD;AAAA,KACD;AAEF;",
+  "names": []
+}

package/build-module/controls/inserter-outer-section.js

@@ -1,29 +1,17 @@
-/**
- * WordPress dependencies
- */
-import { ESCAPE } from '@wordpress/keycodes';
-import { focus } from '@wordpress/dom';
-import { dispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as customizeWidgetsStore } from '../store';
-export default function getInserterOuterSection() {
+import { ESCAPE } from "@wordpress/keycodes";
+import { focus } from "@wordpress/dom";
+import { dispatch } from "@wordpress/data";
+import { store as customizeWidgetsStore } from "../store";
+function getInserterOuterSection() {
   const {
-    wp: {
-      customize
-    }
+    wp: { customize }
   } = window;
   const OuterSection = customize.OuterSection;
-  // Override the OuterSection class to handle multiple outer sections.
-  // It closes all the other outer sections whenever one is opened.
-  // The result is that at most one outer section can be opened at the same time.
   customize.OuterSection = class extends OuterSection {
     onChangeExpanded(expanded, args) {
       if (expanded) {
-        customize.section.each(section => {
-          if (section.params.type === 'outer' && section.id !== this.id) {
+        customize.section.each((section) => {
+          if (section.params.type === "outer" && section.id !== this.id) {
             if (section.expanded()) {
               section.collapse();
             }
@@ -33,37 +21,34 @@ export default function getInserterOuterSection() {
       return super.onChangeExpanded(expanded, args);
     }
   };
-  // Handle constructor so that "params.type" can be correctly pointed to "outer".
   customize.sectionConstructor.outer = customize.OuterSection;
   return class InserterOuterSection extends customize.OuterSection {
     constructor(...args) {
       super(...args);
-
-      // This is necessary since we're creating a new class which is not identical to the original OuterSection.
-      // @See https://github.com/WordPress/wordpress-develop/blob/42b05c397c50d9dc244083eff52991413909d4bd/src/js/_enqueues/wp/customize/controls.js#L1427-L1436
-      this.params.type = 'outer';
+      this.params.type = "outer";
       this.activeElementBeforeExpanded = null;
       const ownerWindow = this.contentContainer[0].ownerDocument.defaultView;
-
-      // Handle closing the inserter when pressing the Escape key.
-      ownerWindow.addEventListener('keydown', event => {
-        if (this.expanded() && (event.keyCode === ESCAPE || event.code === 'Escape') && !event.defaultPrevented) {
-          event.preventDefault();
-          event.stopPropagation();
-          dispatch(customizeWidgetsStore).setIsInserterOpened(false);
-        }
-      },
-      // Use capture mode to make this run before other event listeners.
-      true);
-      this.contentContainer.addClass('widgets-inserter');
-
-      // Set a flag if the state is being changed from open() or close().
-      // Don't propagate the event if it's an internal action to prevent infinite loop.
+      ownerWindow.addEventListener(
+        "keydown",
+        (event) => {
+          if (this.expanded() && (event.keyCode === ESCAPE || event.code === "Escape") && !event.defaultPrevented) {
+            event.preventDefault();
+            event.stopPropagation();
+            dispatch(customizeWidgetsStore).setIsInserterOpened(
+              false
+            );
+          }
+        },
+        // Use capture mode to make this run before other event listeners.
+        true
+      );
+      this.contentContainer.addClass("widgets-inserter");
       this.isFromInternalAction = false;
       this.expanded.bind(() => {
         if (!this.isFromInternalAction) {
-          // Propagate the event to React to sync the state.
-          dispatch(customizeWidgetsStore).setIsInserterOpened(this.expanded());
+          dispatch(customizeWidgetsStore).setIsInserterOpened(
+            this.expanded()
+          );
         }
         this.isFromInternalAction = false;
       });
@@ -75,9 +60,6 @@ export default function getInserterOuterSection() {
         this.isFromInternalAction = true;
         this.expand({
           completeCallback() {
-            // We have to do this in a "completeCallback" or else the elements will not yet be visible/tabbable.
-            // The first one should be the close button,
-            // we want to skip it and choose the second one instead, which is the search box.
             const searchBox = focus.tabbable.find(contentContainer)[1];
             if (searchBox) {
               searchBox.focus();
@@ -93,13 +75,7 @@ export default function getInserterOuterSection() {
         this.isFromInternalAction = true;
         this.collapse({
           completeCallback() {
-            // Return back the focus when closing the inserter.
-            // Only do this if the active element which triggers the action is inside the inserter,
-            // (the close button for instance). In that case the focus will be lost.
-            // Otherwise, we don't hijack the focus when the user is focusing on other elements
-            // (like the quick inserter).
             if (contentContainer.contains(activeElement)) {
-              // Return back the focus when closing the inserter.
               if (this.activeElementBeforeExpanded) {
                 this.activeElementBeforeExpanded.focus();
               }
@@ -110,4 +86,7 @@ export default function getInserterOuterSection() {
     }
   };
 }
-//# sourceMappingURL=inserter-outer-section.js.map
+export {
+  getInserterOuterSection as default
+};
+//# sourceMappingURL=inserter-outer-section.js.map

package/build-module/controls/inserter-outer-section.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["ESCAPE","focus","dispatch","store","customizeWidgetsStore","getInserterOuterSection","wp","customize","window","OuterSection","onChangeExpanded","expanded","args","section","each","params","type","id","collapse","sectionConstructor","outer","InserterOuterSection","constructor","activeElementBeforeExpanded","ownerWindow","contentContainer","ownerDocument","defaultView","addEventListener","event","keyCode","code","defaultPrevented","preventDefault","stopPropagation","setIsInserterOpened","addClass","isFromInternalAction","bind","open","activeElement","expand","completeCallback","searchBox","tabbable","find","close","contains"],"sources":["@wordpress/customize-widgets/src/controls/inserter-outer-section.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { focus } from '@wordpress/dom';\nimport { dispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../store';\n\nexport default function getInserterOuterSection() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\tconst OuterSection = customize.OuterSection;\n\t// Override the OuterSection class to handle multiple outer sections.\n\t// It closes all the other outer sections whenever one is opened.\n\t// The result is that at most one outer section can be opened at the same time.\n\tcustomize.OuterSection = class extends OuterSection {\n\t\tonChangeExpanded( expanded, args ) {\n\t\t\tif ( expanded ) {\n\t\t\t\tcustomize.section.each( ( section ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tsection.params.type === 'outer' &&\n\t\t\t\t\t\tsection.id !== this.id\n\t\t\t\t\t) {\n\t\t\t\t\t\tif ( section.expanded() ) {\n\t\t\t\t\t\t\tsection.collapse();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\treturn super.onChangeExpanded( expanded, args );\n\t\t}\n\t};\n\t// Handle constructor so that \"params.type\" can be correctly pointed to \"outer\".\n\tcustomize.sectionConstructor.outer = customize.OuterSection;\n\n\treturn class InserterOuterSection extends customize.OuterSection {\n\t\tconstructor( ...args ) {\n\t\t\tsuper( ...args );\n\n\t\t\t// This is necessary since we're creating a new class which is not identical to the original OuterSection.\n\t\t\t// @See https://github.com/WordPress/wordpress-develop/blob/42b05c397c50d9dc244083eff52991413909d4bd/src/js/_enqueues/wp/customize/controls.js#L1427-L1436\n\t\t\tthis.params.type = 'outer';\n\n\t\t\tthis.activeElementBeforeExpanded = null;\n\n\t\t\tconst ownerWindow =\n\t\t\t\tthis.contentContainer[ 0 ].ownerDocument.defaultView;\n\n\t\t\t// Handle closing the inserter when pressing the Escape key.\n\t\t\townerWindow.addEventListener(\n\t\t\t\t'keydown',\n\t\t\t\t( event ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.expanded() &&\n\t\t\t\t\t\t( event.keyCode === ESCAPE ||\n\t\t\t\t\t\t\tevent.code === 'Escape' ) &&\n\t\t\t\t\t\t! event.defaultPrevented\n\t\t\t\t\t) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t// Use capture mode to make this run before other event listeners.\n\t\t\t\ttrue\n\t\t\t);\n\n\t\t\tthis.contentContainer.addClass( 'widgets-inserter' );\n\n\t\t\t// Set a flag if the state is being changed from open() or close().\n\t\t\t// Don't propagate the event if it's an internal action to prevent infinite loop.\n\t\t\tthis.isFromInternalAction = false;\n\t\t\tthis.expanded.bind( () => {\n\t\t\t\tif ( ! this.isFromInternalAction ) {\n\t\t\t\t\t// Propagate the event to React to sync the state.\n\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\tthis.expanded()\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tthis.isFromInternalAction = false;\n\t\t\t} );\n\t\t}\n\t\topen() {\n\t\t\tif ( ! this.expanded() ) {\n\t\t\t\tconst contentContainer = this.contentContainer[ 0 ];\n\t\t\t\tthis.activeElementBeforeExpanded =\n\t\t\t\t\tcontentContainer.ownerDocument.activeElement;\n\n\t\t\t\tthis.isFromInternalAction = true;\n\n\t\t\t\tthis.expand( {\n\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t// We have to do this in a \"completeCallback\" or else the elements will not yet be visible/tabbable.\n\t\t\t\t\t\t// The first one should be the close button,\n\t\t\t\t\t\t// we want to skip it and choose the second one instead, which is the search box.\n\t\t\t\t\t\tconst searchBox =\n\t\t\t\t\t\t\tfocus.tabbable.find( contentContainer )[ 1 ];\n\t\t\t\t\t\tif ( searchBox ) {\n\t\t\t\t\t\t\tsearchBox.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t\tclose() {\n\t\t\tif ( this.expanded() ) {\n\t\t\t\tconst contentContainer = this.contentContainer[ 0 ];\n\t\t\t\tconst activeElement =\n\t\t\t\t\tcontentContainer.ownerDocument.activeElement;\n\n\t\t\t\tthis.isFromInternalAction = true;\n\n\t\t\t\tthis.collapse( {\n\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t// Return back the focus when closing the inserter.\n\t\t\t\t\t\t// Only do this if the active element which triggers the action is inside the inserter,\n\t\t\t\t\t\t// (the close button for instance). In that case the focus will be lost.\n\t\t\t\t\t\t// Otherwise, we don't hijack the focus when the user is focusing on other elements\n\t\t\t\t\t\t// (like the quick inserter).\n\t\t\t\t\t\tif ( contentContainer.contains( activeElement ) ) {\n\t\t\t\t\t\t\t// Return back the focus when closing the inserter.\n\t\t\t\t\t\t\tif ( this.activeElementBeforeExpanded ) {\n\t\t\t\t\t\t\t\tthis.activeElementBeforeExpanded.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t};\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/controls/inserter-outer-section.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { focus } from '@wordpress/dom';\nimport { dispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../store';\n\nexport default function getInserterOuterSection() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\tconst OuterSection = customize.OuterSection;\n\t// Override the OuterSection class to handle multiple outer sections.\n\t// It closes all the other outer sections whenever one is opened.\n\t// The result is that at most one outer section can be opened at the same time.\n\tcustomize.OuterSection = class extends OuterSection {\n\t\tonChangeExpanded( expanded, args ) {\n\t\t\tif ( expanded ) {\n\t\t\t\tcustomize.section.each( ( section ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tsection.params.type === 'outer' &&\n\t\t\t\t\t\tsection.id !== this.id\n\t\t\t\t\t) {\n\t\t\t\t\t\tif ( section.expanded() ) {\n\t\t\t\t\t\t\tsection.collapse();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\treturn super.onChangeExpanded( expanded, args );\n\t\t}\n\t};\n\t// Handle constructor so that \"params.type\" can be correctly pointed to \"outer\".\n\tcustomize.sectionConstructor.outer = customize.OuterSection;\n\n\treturn class InserterOuterSection extends customize.OuterSection {\n\t\tconstructor( ...args ) {\n\t\t\tsuper( ...args );\n\n\t\t\t// This is necessary since we're creating a new class which is not identical to the original OuterSection.\n\t\t\t// @See https://github.com/WordPress/wordpress-develop/blob/42b05c397c50d9dc244083eff52991413909d4bd/src/js/_enqueues/wp/customize/controls.js#L1427-L1436\n\t\t\tthis.params.type = 'outer';\n\n\t\t\tthis.activeElementBeforeExpanded = null;\n\n\t\t\tconst ownerWindow =\n\t\t\t\tthis.contentContainer[ 0 ].ownerDocument.defaultView;\n\n\t\t\t// Handle closing the inserter when pressing the Escape key.\n\t\t\townerWindow.addEventListener(\n\t\t\t\t'keydown',\n\t\t\t\t( event ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tthis.expanded() &&\n\t\t\t\t\t\t( event.keyCode === ESCAPE ||\n\t\t\t\t\t\t\tevent.code === 'Escape' ) &&\n\t\t\t\t\t\t! event.defaultPrevented\n\t\t\t\t\t) {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\t\tfalse\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t// Use capture mode to make this run before other event listeners.\n\t\t\t\ttrue\n\t\t\t);\n\n\t\t\tthis.contentContainer.addClass( 'widgets-inserter' );\n\n\t\t\t// Set a flag if the state is being changed from open() or close().\n\t\t\t// Don't propagate the event if it's an internal action to prevent infinite loop.\n\t\t\tthis.isFromInternalAction = false;\n\t\t\tthis.expanded.bind( () => {\n\t\t\t\tif ( ! this.isFromInternalAction ) {\n\t\t\t\t\t// Propagate the event to React to sync the state.\n\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\tthis.expanded()\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tthis.isFromInternalAction = false;\n\t\t\t} );\n\t\t}\n\t\topen() {\n\t\t\tif ( ! this.expanded() ) {\n\t\t\t\tconst contentContainer = this.contentContainer[ 0 ];\n\t\t\t\tthis.activeElementBeforeExpanded =\n\t\t\t\t\tcontentContainer.ownerDocument.activeElement;\n\n\t\t\t\tthis.isFromInternalAction = true;\n\n\t\t\t\tthis.expand( {\n\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t// We have to do this in a \"completeCallback\" or else the elements will not yet be visible/tabbable.\n\t\t\t\t\t\t// The first one should be the close button,\n\t\t\t\t\t\t// we want to skip it and choose the second one instead, which is the search box.\n\t\t\t\t\t\tconst searchBox =\n\t\t\t\t\t\t\tfocus.tabbable.find( contentContainer )[ 1 ];\n\t\t\t\t\t\tif ( searchBox ) {\n\t\t\t\t\t\t\tsearchBox.focus();\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t\tclose() {\n\t\t\tif ( this.expanded() ) {\n\t\t\t\tconst contentContainer = this.contentContainer[ 0 ];\n\t\t\t\tconst activeElement =\n\t\t\t\t\tcontentContainer.ownerDocument.activeElement;\n\n\t\t\t\tthis.isFromInternalAction = true;\n\n\t\t\t\tthis.collapse( {\n\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t// Return back the focus when closing the inserter.\n\t\t\t\t\t\t// Only do this if the active element which triggers the action is inside the inserter,\n\t\t\t\t\t\t// (the close button for instance). In that case the focus will be lost.\n\t\t\t\t\t\t// Otherwise, we don't hijack the focus when the user is focusing on other elements\n\t\t\t\t\t\t// (like the quick inserter).\n\t\t\t\t\t\tif ( contentContainer.contains( activeElement ) ) {\n\t\t\t\t\t\t\t// Return back the focus when closing the inserter.\n\t\t\t\t\t\t\tif ( this.activeElementBeforeExpanded ) {\n\t\t\t\t\t\t\t\tthis.activeElementBeforeExpanded.focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t};\n}\n"],
+  "mappings": "AAGA,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,gBAAgB;AAKzB,SAAS,SAAS,6BAA6B;AAEhC,SAAR,0BAA2C;AACjD,QAAM;AAAA,IACL,IAAI,EAAE,UAAU;AAAA,EACjB,IAAI;AAEJ,QAAM,eAAe,UAAU;AAI/B,YAAU,eAAe,cAAc,aAAa;AAAA,IACnD,iBAAkB,UAAU,MAAO;AAClC,UAAK,UAAW;AACf,kBAAU,QAAQ,KAAM,CAAE,YAAa;AACtC,cACC,QAAQ,OAAO,SAAS,WACxB,QAAQ,OAAO,KAAK,IACnB;AACD,gBAAK,QAAQ,SAAS,GAAI;AACzB,sBAAQ,SAAS;AAAA,YAClB;AAAA,UACD;AAAA,QACD,CAAE;AAAA,MACH;AAEA,aAAO,MAAM,iBAAkB,UAAU,IAAK;AAAA,IAC/C;AAAA,EACD;AAEA,YAAU,mBAAmB,QAAQ,UAAU;AAE/C,SAAO,MAAM,6BAA6B,UAAU,aAAa;AAAA,IAChE,eAAgB,MAAO;AACtB,YAAO,GAAG,IAAK;AAIf,WAAK,OAAO,OAAO;AAEnB,WAAK,8BAA8B;AAEnC,YAAM,cACL,KAAK,iBAAkB,CAAE,EAAE,cAAc;AAG1C,kBAAY;AAAA,QACX;AAAA,QACA,CAAE,UAAW;AACZ,cACC,KAAK,SAAS,MACZ,MAAM,YAAY,UACnB,MAAM,SAAS,aAChB,CAAE,MAAM,kBACP;AACD,kBAAM,eAAe;AACrB,kBAAM,gBAAgB;AACtB,qBAAU,qBAAsB,EAAE;AAAA,cACjC;AAAA,YACD;AAAA,UACD;AAAA,QACD;AAAA;AAAA,QAEA;AAAA,MACD;AAEA,WAAK,iBAAiB,SAAU,kBAAmB;AAInD,WAAK,uBAAuB;AAC5B,WAAK,SAAS,KAAM,MAAM;AACzB,YAAK,CAAE,KAAK,sBAAuB;AAElC,mBAAU,qBAAsB,EAAE;AAAA,YACjC,KAAK,SAAS;AAAA,UACf;AAAA,QACD;AACA,aAAK,uBAAuB;AAAA,MAC7B,CAAE;AAAA,IACH;AAAA,IACA,OAAO;AACN,UAAK,CAAE,KAAK,SAAS,GAAI;AACxB,cAAM,mBAAmB,KAAK,iBAAkB,CAAE;AAClD,aAAK,8BACJ,iBAAiB,cAAc;AAEhC,aAAK,uBAAuB;AAE5B,aAAK,OAAQ;AAAA,UACZ,mBAAmB;AAIlB,kBAAM,YACL,MAAM,SAAS,KAAM,gBAAiB,EAAG,CAAE;AAC5C,gBAAK,WAAY;AAChB,wBAAU,MAAM;AAAA,YACjB;AAAA,UACD;AAAA,QACD,CAAE;AAAA,MACH;AAAA,IACD;AAAA,IACA,QAAQ;AACP,UAAK,KAAK,SAAS,GAAI;AACtB,cAAM,mBAAmB,KAAK,iBAAkB,CAAE;AAClD,cAAM,gBACL,iBAAiB,cAAc;AAEhC,aAAK,uBAAuB;AAE5B,aAAK,SAAU;AAAA,UACd,mBAAmB;AAMlB,gBAAK,iBAAiB,SAAU,aAAc,GAAI;AAEjD,kBAAK,KAAK,6BAA8B;AACvC,qBAAK,4BAA4B,MAAM;AAAA,cACxC;AAAA,YACD;AAAA,UACD;AAAA,QACD,CAAE;AAAA,MACH;AAAA,IACD;AAAA,EACD;AACD;",
+  "names": []
+}