@wordpress/customize-widgets 4.16.0 → 4.17.0

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useSidebarBlockEditor;
-
 var _es = _interopRequireDefault(require("fast-deep-equal/es6"));
-
 var _element = require("@wordpress/element");
-
 var _isShallowEqual = _interopRequireDefault(require("@wordpress/is-shallow-equal"));
-
 var _widgets = require("@wordpress/widgets");
-
 var _utils = require("../../utils");
-
 /**
  * External dependencies
  */
@@ -28,10 +21,10 @@ var _utils = require("../../utils");
 /**
  * Internal dependencies
  */
+
 function widgetsToBlocks(widgets) {
   return widgets.map(widget => (0, _utils.widgetToBlock)(widget));
 }
-
 function useSidebarBlockEditor(sidebar) {
   const [blocks, setBlocks] = (0, _element.useState)(() => widgetsToBlocks(sidebar.getWidgets()));
   (0, _element.useEffect)(() => {
@@ -40,19 +33,19 @@ function useSidebarBlockEditor(sidebar) {
         const prevWidgetsMap = new Map(prevWidgets.map(widget => [widget.id, widget]));
         const prevBlocksMap = new Map(prevBlocks.map(block => [(0, _widgets.getWidgetIdFromBlock)(block), block]));
         const nextBlocks = nextWidgets.map(nextWidget => {
-          const prevWidget = prevWidgetsMap.get(nextWidget.id); // Bail out updates.
+          const prevWidget = prevWidgetsMap.get(nextWidget.id);
 
+          // Bail out updates.
           if (prevWidget && prevWidget === nextWidget) {
             return prevBlocksMap.get(nextWidget.id);
           }
-
           return (0, _utils.widgetToBlock)(nextWidget);
-        }); // Bail out updates.
+        });
 
+        // Bail out updates.
         if ((0, _isShallowEqual.default)(prevBlocks, nextBlocks)) {
           return prevBlocks;
         }
-
         return nextBlocks;
       });
     });
@@ -62,45 +55,42 @@ function useSidebarBlockEditor(sidebar) {
       if ((0, _isShallowEqual.default)(prevBlocks, nextBlocks)) {
         return prevBlocks;
       }
-
       const prevBlocksMap = new Map(prevBlocks.map(block => [(0, _widgets.getWidgetIdFromBlock)(block), block]));
       const nextWidgets = nextBlocks.map(nextBlock => {
-        const widgetId = (0, _widgets.getWidgetIdFromBlock)(nextBlock); // Update existing widgets.
+        const widgetId = (0, _widgets.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.
+          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 ((0, _es.default)(nextBlock, prevBlock) && prevWidget) {
             return prevWidget;
           }
-
           return (0, _utils.blockToWidget)(nextBlock, prevWidget);
-        } // Add a new widget.
-
+        }
 
+        // Add a new widget.
         return (0, _utils.blockToWidget)(nextBlock);
-      }); // Bail out updates if the updated widgets are the same.
+      });
 
+      // Bail out updates if the updated widgets are the same.
       if ((0, _isShallowEqual.default)(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();
           }
-
           updatedNextBlocks[index] = (0, _widgets.addWidgetIdToBlock)(nextBlock, addedWidgetId);
         }
-
         return updatedNextBlocks;
       }, nextBlocks);
     });

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/sidebar-block-editor/use-sidebar-block-editor.js"],"names":["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"],"mappings":"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","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"]}
+{"version":3,"names":["_es","_interopRequireDefault","require","_element","_isShallowEqual","_widgets","_utils","widgetsToBlocks","widgets","map","widget","widgetToBlock","useSidebarBlockEditor","sidebar","blocks","setBlocks","useState","getWidgets","useEffect","subscribe","prevWidgets","nextWidgets","prevBlocks","prevWidgetsMap","Map","id","prevBlocksMap","block","getWidgetIdFromBlock","nextBlocks","nextWidget","prevWidget","get","isShallowEqual","onChangeBlocks","useCallback","nextBlock","widgetId","has","prevBlock","getWidget","fastDeepEqual","blockToWidget","addedWidgetIds","setWidgets","reduce","updatedNextBlocks","index","addedWidgetId","slice","addWidgetIdToBlock"],"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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"}

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

@@ -7,15 +7,13 @@ exports.SidebarControlsContext = void 0;
 exports.default = SidebarControls;
 exports.useActiveSidebarControl = useActiveSidebarControl;
 exports.useSidebarControls = useSidebarControls;
-
 var _element = require("@wordpress/element");
-
 /**
  * WordPress dependencies
  */
+
 const SidebarControlsContext = (0, _element.createContext)();
 exports.SidebarControlsContext = SidebarControlsContext;
-
 function SidebarControls({
   sidebarControls,
   activeSidebarControl,
@@ -29,14 +27,12 @@ function SidebarControls({
     value: context
   }, children);
 }
-
 function useSidebarControls() {
   const {
     sidebarControls
   } = (0, _element.useContext)(SidebarControlsContext);
   return sidebarControls;
 }
-
 function useActiveSidebarControl() {
   const {
     activeSidebarControl

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/sidebar-controls/index.js"],"names":["SidebarControlsContext","SidebarControls","sidebarControls","activeSidebarControl","children","context","useSidebarControls","useActiveSidebarControl"],"mappings":";;;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,MAAMA,sBAAsB,GAAG,6BAA/B;;;AAEQ,SAASC,eAAT,CAA0B;AACxCC,EAAAA,eADwC;AAExCC,EAAAA,oBAFwC;AAGxCC,EAAAA;AAHwC,CAA1B,EAIX;AACH,QAAMC,OAAO,GAAG,sBACf,OAAQ;AACPH,IAAAA,eADO;AAEPC,IAAAA;AAFO,GAAR,CADe,EAKf,CAAED,eAAF,EAAmBC,oBAAnB,CALe,CAAhB;AAQA,SACC,4BAAC,sBAAD,CAAwB,QAAxB;AAAiC,IAAA,KAAK,EAAGE;AAAzC,KACGD,QADH,CADD;AAKA;;AAEM,SAASE,kBAAT,GAA8B;AACpC,QAAM;AAAEJ,IAAAA;AAAF,MAAsB,yBAAYF,sBAAZ,CAA5B;AAEA,SAAOE,eAAP;AACA;;AAEM,SAASK,uBAAT,GAAmC;AACzC,QAAM;AAAEJ,IAAAA;AAAF,MAA2B,yBAAYH,sBAAZ,CAAjC;AAEA,SAAOG,oBAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useMemo, useContext } from '@wordpress/element';\n\nexport const SidebarControlsContext = createContext();\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"]}
+{"version":3,"names":["_element","require","SidebarControlsContext","createContext","exports","SidebarControls","sidebarControls","activeSidebarControl","children","context","useMemo","createElement","Provider","value","useSidebarControls","useContext","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();\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":";;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,MAAMC,sBAAsB,GAAG,IAAAC,sBAAa,EAAC,CAAC;AAACC,OAAA,CAAAF,sBAAA,GAAAA,sBAAA;AAEvC,SAASG,eAAeA,CAAE;EACxCC,eAAe;EACfC,oBAAoB;EACpBC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EACtB,OAAQ;IACPJ,eAAe;IACfC;EACD,CAAC,CAAE,EACH,CAAED,eAAe,EAAEC,oBAAoB,CACxC,CAAC;EAED,OACC,IAAAP,QAAA,CAAAW,aAAA,EAACT,sBAAsB,CAACU,QAAQ;IAACC,KAAK,EAAGJ;EAAS,GAC/CD,QAC8B,CAAC;AAEpC;AAEO,SAASM,kBAAkBA,CAAA,EAAG;EACpC,MAAM;IAAER;EAAgB,CAAC,GAAG,IAAAS,mBAAU,EAAEb,sBAAuB,CAAC;EAEhE,OAAOI,eAAe;AACvB;AAEO,SAASU,uBAAuBA,CAAA,EAAG;EACzC,MAAM;IAAET;EAAqB,CAAC,GAAG,IAAAQ,mBAAU,EAAEb,sBAAuB,CAAC;EAErE,OAAOK,oBAAoB;AAC5B"}

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

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = WelcomeGuide;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _data = require("@wordpress/data");
-
 var _preferences = require("@wordpress/preferences");
-
 /**
  * WordPress dependencies
  */
+
 function WelcomeGuide({
   sidebar
 }) {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/welcome-guide/index.js"],"names":["WelcomeGuide","sidebar","toggle","preferencesStore","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;AAMe,SAASA,YAAT,CAAuB;AAAEC,EAAAA;AAAF,CAAvB,EAAqC;AACnD,QAAM;AAAEC,IAAAA;AAAF,MAAa,uBAAaC,kBAAb,CAAnB;AAEA,QAAMC,sBAAsB,GAAGH,OAAO,CACpCI,UAD6B,GAE7BC,KAF6B,CAEpBC,MAAF,IAAcA,MAAM,CAACC,EAAP,CAAUC,UAAV,CAAsB,QAAtB,CAFQ,CAA/B;AAIA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,6CACC;AACC,IAAA,MAAM,EAAC,wDADR;AAEC,IAAA,KAAK,EAAC;AAFP,IADD,EAKC;AACC,IAAA,SAAS,EAAC,wCADX;AAEC,IAAA,GAAG,EAAC,wDAFL;AAGC,IAAA,KAAK,EAAC,KAHP;AAIC,IAAA,MAAM,EAAC,KAJR;AAKC,IAAA,GAAG,EAAC;AALL,IALD,CADD,CADD,EAgBC;AAAI,IAAA,SAAS,EAAC;AAAd,KACG,cAAI,0BAAJ,CADH,CAhBD,EAmBC;AAAG,IAAA,SAAS,EAAC;AAAb,KACGL,sBAAsB,GACrB,cACA,0LADA,CADqB,GAIrB,cACA,yHADA,CALJ,CAnBD,EA4BC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAC,yCADX;AAEC,IAAA,OAAO,EAAC,SAFT;AAGC,IAAA,OAAO,EAAG,MACTF,MAAM,CAAE,wBAAF,EAA4B,cAA5B;AAJR,KAOG,cAAI,QAAJ,CAPH,CA5BD,EAqCC;AAAI,IAAA,SAAS,EAAC;AAAd,IArCD,EAsCG,CAAEE,sBAAF,IACD;AAAG,IAAA,SAAS,EAAC;AAAb,KACG,cAAI,qCAAJ,CADH,EAEC,uCAFD,EAGC,4BAAC,wBAAD;AACC,IAAA,IAAI,EAAG,cACN,gDADM;AADR,KAKG,cAAI,iCAAJ,CALH,CAHD,CAvCF,EAmDC;AAAG,IAAA,SAAS,EAAC;AAAb,KACG,cAAI,0BAAJ,CADH,EAEC,uCAFD,EAGC,4BAAC,wBAAD;AACC,IAAA,IAAI,EAAG,cACN,qEADM;AADR,KAKG,cAAI,0BAAJ,CALH,CAHD,CAnDD,CADD;AAiEA","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\tclassName=\"customize-widgets-welcome-guide__button\"\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"]}
+{"version":3,"names":["_i18n","require","_components","_data","_preferences","WelcomeGuide","sidebar","toggle","useDispatch","preferencesStore","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","_element","createElement","className","srcSet","media","src","width","height","alt","__","Button","variant","onClick","ExternalLink","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\tclassName=\"customize-widgets-welcome-guide__button\"\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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMe,SAASI,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,sBAAsB,GAAGJ,OAAO,CACpCK,UAAU,CAAC,CAAC,CACZC,KAAK,CAAIC,MAAM,IAAMA,MAAM,CAACC,EAAE,CAACC,UAAU,CAAE,QAAS,CAAE,CAAC;EAEzD,OACC,IAAAC,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAiC,GAC/C,IAAAF,QAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAiD,GAC/D,IAAAF,QAAA,CAAAC,aAAA,mBACC,IAAAD,QAAA,CAAAC,aAAA;IACCE,MAAM,EAAC,wDAAwD;IAC/DC,KAAK,EAAC;EAAkC,CACxC,CAAC,EACF,IAAAJ,QAAA,CAAAC,aAAA;IACCC,SAAS,EAAC,wCAAwC;IAClDG,GAAG,EAAC,wDAAwD;IAC5DC,KAAK,EAAC,KAAK;IACXC,MAAM,EAAC,KAAK;IACZC,GAAG,EAAC;EAAE,CACN,CACO,CACL,CAAC,EACN,IAAAR,QAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAA0C,GACrD,IAAAO,QAAE,EAAE,0BAA2B,CAC9B,CAAC,EACL,IAAAT,QAAA,CAAAC,aAAA;IAAGC,SAAS,EAAC;EAAuC,GACjDR,sBAAsB,GACrB,IAAAe,QAAE,EACF,0LACA,CAAC,GACD,IAAAA,QAAE,EACF,yHACA,CACD,CAAC,EACJ,IAAAT,QAAA,CAAAC,aAAA,EAACf,WAAA,CAAAwB,MAAM;IACNR,SAAS,EAAC,yCAAyC;IACnDS,OAAO,EAAC,SAAS;IACjBC,OAAO,EAAGA,CAAA,KACTrB,MAAM,CAAE,wBAAwB,EAAE,cAAe;EACjD,GAEC,IAAAkB,QAAE,EAAE,QAAS,CACR,CAAC,EACT,IAAAT,QAAA,CAAAC,aAAA;IAAIC,SAAS,EAAC;EAA4C,CAAE,CAAC,EAC3D,CAAER,sBAAsB,IACzB,IAAAM,QAAA,CAAAC,aAAA;IAAGC,SAAS,EAAC;EAA4C,GACtD,IAAAO,QAAE,EAAE,qCAAsC,CAAC,EAC7C,IAAAT,QAAA,CAAAC,aAAA,YAAK,CAAC,EACN,IAAAD,QAAA,CAAAC,aAAA,EAACf,WAAA,CAAA2B,YAAY;IACZC,IAAI,EAAG,IAAAL,QAAE,EACR,gDACD;EAAG,GAED,IAAAA,QAAE,EAAE,iCAAkC,CAC3B,CACZ,CACH,EACD,IAAAT,QAAA,CAAAC,aAAA;IAAGC,SAAS,EAAC;EAA4C,GACtD,IAAAO,QAAE,EAAE,0BAA2B,CAAC,EAClC,IAAAT,QAAA,CAAAC,aAAA,YAAK,CAAC,EACN,IAAAD,QAAA,CAAAC,aAAA,EAACf,WAAA,CAAA2B,YAAY;IACZC,IAAI,EAAG,IAAAL,QAAE,EACR,qEACD;EAAG,GAED,IAAAA,QAAE,EAAE,0BAA2B,CACpB,CACZ,CACC,CAAC;AAER"}

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

@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getInserterOuterSection;
-
 var _keycodes = require("@wordpress/keycodes");
-
 var _dom = require("@wordpress/dom");
-
 var _data = require("@wordpress/data");
-
 var _store = require("../store");
-
 /**
  * WordPress dependencies
  */
@@ -20,16 +15,17 @@ var _store = require("../store");
 /**
  * Internal dependencies
  */
+
 function getInserterOuterSection() {
   const {
     wp: {
       customize
     }
   } = window;
-  const OuterSection = customize.OuterSection; // Override the OuterSection class to handle multiple outer sections.
+  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) {
@@ -41,44 +37,44 @@ function getInserterOuterSection() {
           }
         });
       }
-
       return super.onChangeExpanded(expanded, args);
     }
-
-  }; // Handle constructor so that "params.type" can be correctly pointed to "outer".
-
+  };
+  // 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
+      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.activeElementBeforeExpanded = null;
-      const ownerWindow = this.contentContainer[0].ownerDocument.defaultView; // Handle closing the inserter when pressing the Escape key.
+      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 === _keycodes.ESCAPE || event.code === 'Escape') && !event.defaultPrevented) {
           event.preventDefault();
           event.stopPropagation();
           (0, _data.dispatch)(_store.store).setIsInserterOpened(false);
         }
-      }, // Use capture mode to make this run before other event listeners.
+      },
+      // 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.
+      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.
       this.isFromInternalAction = false;
       this.expanded.bind(() => {
         if (!this.isFromInternalAction) {
           // Propagate the event to React to sync the state.
           (0, _data.dispatch)(_store.store).setIsInserterOpened(this.expanded());
         }
-
         this.isFromInternalAction = false;
       });
     }
-
     open() {
       if (!this.expanded()) {
         const contentContainer = this.contentContainer[0];
@@ -90,16 +86,13 @@ function getInserterOuterSection() {
             // 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 = _dom.focus.tabbable.find(contentContainer)[1];
-
             if (searchBox) {
               searchBox.focus();
             }
           }
-
         });
       }
     }
-
     close() {
       if (this.expanded()) {
         const contentContainer = this.contentContainer[0];
@@ -119,11 +112,9 @@ function getInserterOuterSection() {
               }
             }
           }
-
         });
       }
     }
-
   };
 }
 //# sourceMappingURL=inserter-outer-section.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/controls/inserter-outer-section.js"],"names":["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","ESCAPE","code","defaultPrevented","preventDefault","stopPropagation","customizeWidgetsStore","setIsInserterOpened","addClass","isFromInternalAction","bind","open","activeElement","expand","completeCallback","searchBox","focus","tabbable","find","close","contains"],"mappings":"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","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"]}
+{"version":3,"names":["_keycodes","require","_dom","_data","_store","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","ESCAPE","code","defaultPrevented","preventDefault","stopPropagation","dispatch","customizeWidgetsStore","setIsInserterOpened","addClass","isFromInternalAction","bind","open","activeElement","expand","completeCallback","searchBox","focus","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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"}

package/build/controls/inspector-section.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getInspectorSection;
-
 function getInspectorSection() {
   const {
     wp: {
@@ -18,27 +17,21 @@ function getInspectorSection() {
       this.returnFocusWhenClose = null;
       this._isOpen = false;
     }
-
     get isOpen() {
       return this._isOpen;
     }
-
     set isOpen(value) {
       this._isOpen = value;
       this.triggerActiveCallbacks();
     }
-
     ready() {
       this.contentContainer[0].classList.add('customize-widgets-layout__inspector');
     }
-
     isContextuallyActive() {
       return this.isOpen;
     }
-
     onChangeExpanded(expanded, args) {
       super.onChangeExpanded(expanded, args);
-
       if (this.parentSection && !args.unchanged) {
         if (expanded) {
           this.parentSection.collapse({
@@ -57,7 +50,6 @@ function getInspectorSection() {
         }
       }
     }
-
     open({
       returnFocusWhenClose
     } = {}) {
@@ -67,13 +59,11 @@ function getInspectorSection() {
         allowMultiple: true
       });
     }
-
     close() {
       this.collapse({
         allowMultiple: true
       });
     }
-
     collapse(options) {
       // Overridden collapse() function. Mostly call the parent collapse(), but also
       // move our .isOpen to false.
@@ -87,7 +77,6 @@ function getInspectorSection() {
       this.isOpen = false;
       super.collapse(options);
     }
-
     triggerActiveCallbacks() {
       // Manually fire the callbacks associated with moving this.active
       // from false to true.  "active" is always true for this section,
@@ -103,7 +92,6 @@ function getInspectorSection() {
       // update its view of our status.
       this.active.callbacks.fireWith(this.active, [false, true]);
     }
-
   };
 }
 //# sourceMappingURL=inspector-section.js.map

package/build/controls/inspector-section.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/controls/inspector-section.js"],"names":["getInspectorSection","wp","customize","window","InspectorSection","Section","constructor","id","options","parentSection","returnFocusWhenClose","_isOpen","isOpen","value","triggerActiveCallbacks","ready","contentContainer","classList","add","isContextuallyActive","onChangeExpanded","expanded","args","unchanged","collapse","manualTransition","expand","completeCallback","contains","focus","open","allowMultiple","close","active","callbacks","fireWith"],"mappings":";;;;;;;AAAe,SAASA,mBAAT,GAA+B;AAC7C,QAAM;AACLC,IAAAA,EAAE,EAAE;AAAEC,MAAAA;AAAF;AADC,MAEFC,MAFJ;AAIA,SAAO,MAAMC,gBAAN,SAA+BF,SAAS,CAACG,OAAzC,CAAiD;AACvDC,IAAAA,WAAW,CAAEC,EAAF,EAAMC,OAAN,EAAgB;AAC1B,YAAOD,EAAP,EAAWC,OAAX;AAEA,WAAKC,aAAL,GAAqBD,OAAO,CAACC,aAA7B;AAEA,WAAKC,oBAAL,GAA4B,IAA5B;AACA,WAAKC,OAAL,GAAe,KAAf;AACA;;AACS,QAANC,MAAM,GAAG;AACZ,aAAO,KAAKD,OAAZ;AACA;;AACS,QAANC,MAAM,CAAEC,KAAF,EAAU;AACnB,WAAKF,OAAL,GAAeE,KAAf;AACA,WAAKC,sBAAL;AACA;;AACDC,IAAAA,KAAK,GAAG;AACP,WAAKC,gBAAL,CAAuB,CAAvB,EAA2BC,SAA3B,CAAqCC,GAArC,CACC,qCADD;AAGA;;AACDC,IAAAA,oBAAoB,GAAG;AACtB,aAAO,KAAKP,MAAZ;AACA;;AACDQ,IAAAA,gBAAgB,CAAEC,QAAF,EAAYC,IAAZ,EAAmB;AAClC,YAAMF,gBAAN,CAAwBC,QAAxB,EAAkCC,IAAlC;;AAEA,UAAK,KAAKb,aAAL,IAAsB,CAAEa,IAAI,CAACC,SAAlC,EAA8C;AAC7C,YAAKF,QAAL,EAAgB;AACf,eAAKZ,aAAL,CAAmBe,QAAnB,CAA6B;AAC5BC,YAAAA,gBAAgB,EAAE;AADU,WAA7B;AAGA,SAJD,MAIO;AACN,eAAKhB,aAAL,CAAmBiB,MAAnB,CAA2B;AAC1BD,YAAAA,gBAAgB,EAAE,IADQ;AAE1BE,YAAAA,gBAAgB,EAAE,MAAM;AACvB;AACA,kBACC,KAAKjB,oBAAL,IACA,CAAE,KAAKM,gBAAL,CAAuB,CAAvB,EAA2BY,QAA3B,CACD,KAAKlB,oBADJ,CAFH,EAKE;AACD,qBAAKA,oBAAL,CAA0BmB,KAA1B;AACA;AACD;AAZyB,WAA3B;AAcA;AACD;AACD;;AACDC,IAAAA,IAAI,CAAE;AAAEpB,MAAAA;AAAF,QAA2B,EAA7B,EAAkC;AACrC,WAAKE,MAAL,GAAc,IAAd;AACA,WAAKF,oBAAL,GAA4BA,oBAA5B;AAEA,WAAKgB,MAAL,CAAa;AACZK,QAAAA,aAAa,EAAE;AADH,OAAb;AAGA;;AACDC,IAAAA,KAAK,GAAG;AACP,WAAKR,QAAL,CAAe;AACdO,QAAAA,aAAa,EAAE;AADD,OAAf;AAGA;;AACDP,IAAAA,QAAQ,CAAEhB,OAAF,EAAY;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAKI,MAAL,GAAc,KAAd;AACA,YAAMY,QAAN,CAAgBhB,OAAhB;AACA;;AACDM,IAAAA,sBAAsB,GAAG;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAKmB,MAAL,CAAYC,SAAZ,CAAsBC,QAAtB,CAAgC,KAAKF,MAArC,EAA6C,CAAE,KAAF,EAAS,IAAT,CAA7C;AACA;;AA1FsD,GAAxD;AA4FA","sourcesContent":["export default function getInspectorSection() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\treturn class InspectorSection extends customize.Section {\n\t\tconstructor( id, options ) {\n\t\t\tsuper( id, options );\n\n\t\t\tthis.parentSection = options.parentSection;\n\n\t\t\tthis.returnFocusWhenClose = null;\n\t\t\tthis._isOpen = false;\n\t\t}\n\t\tget isOpen() {\n\t\t\treturn this._isOpen;\n\t\t}\n\t\tset isOpen( value ) {\n\t\t\tthis._isOpen = value;\n\t\t\tthis.triggerActiveCallbacks();\n\t\t}\n\t\tready() {\n\t\t\tthis.contentContainer[ 0 ].classList.add(\n\t\t\t\t'customize-widgets-layout__inspector'\n\t\t\t);\n\t\t}\n\t\tisContextuallyActive() {\n\t\t\treturn this.isOpen;\n\t\t}\n\t\tonChangeExpanded( expanded, args ) {\n\t\t\tsuper.onChangeExpanded( expanded, args );\n\n\t\t\tif ( this.parentSection && ! args.unchanged ) {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tthis.parentSection.collapse( {\n\t\t\t\t\t\tmanualTransition: true,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tthis.parentSection.expand( {\n\t\t\t\t\t\tmanualTransition: true,\n\t\t\t\t\t\tcompleteCallback: () => {\n\t\t\t\t\t\t\t// Return focus after finishing the transition.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tthis.returnFocusWhenClose &&\n\t\t\t\t\t\t\t\t! this.contentContainer[ 0 ].contains(\n\t\t\t\t\t\t\t\t\tthis.returnFocusWhenClose\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tthis.returnFocusWhenClose.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\topen( { returnFocusWhenClose } = {} ) {\n\t\t\tthis.isOpen = true;\n\t\t\tthis.returnFocusWhenClose = returnFocusWhenClose;\n\n\t\t\tthis.expand( {\n\t\t\t\tallowMultiple: true,\n\t\t\t} );\n\t\t}\n\t\tclose() {\n\t\t\tthis.collapse( {\n\t\t\t\tallowMultiple: true,\n\t\t\t} );\n\t\t}\n\t\tcollapse( options ) {\n\t\t\t// Overridden collapse() function. Mostly call the parent collapse(), but also\n\t\t\t// move our .isOpen to false.\n\t\t\t// Initially, I tried tracking this with onChangeExpanded(), but it doesn't work\n\t\t\t// because the block settings sidebar is a layer \"on top of\" the G editor sidebar.\n\t\t\t//\n\t\t\t// For example, when closing the block settings sidebar, the G\n\t\t\t// editor sidebar would display, and onChangeExpanded in\n\t\t\t// inspector-section would run with expanded=true, but I want\n\t\t\t// isOpen to be false when the block settings is closed.\n\t\t\tthis.isOpen = false;\n\t\t\tsuper.collapse( options );\n\t\t}\n\t\ttriggerActiveCallbacks() {\n\t\t\t// Manually fire the callbacks associated with moving this.active\n\t\t\t// from false to true.  \"active\" is always true for this section,\n\t\t\t// and \"isContextuallyActive\" reflects if the block settings\n\t\t\t// sidebar is currently visible, that is, it has replaced the main\n\t\t\t// Gutenberg view.\n\t\t\t// The WP customizer only checks \".isContextuallyActive()\" when\n\t\t\t// \".active\" changes values. But our \".active\" never changes value.\n\t\t\t// The WP customizer never foresaw a section being used a way we\n\t\t\t// fit the block settings sidebar into a section. By manually\n\t\t\t// triggering the \"this.active\" callbacks, we force the WP\n\t\t\t// customizer to query our .isContextuallyActive() function and\n\t\t\t// update its view of our status.\n\t\t\tthis.active.callbacks.fireWith( this.active, [ false, true ] );\n\t\t}\n\t};\n}\n"]}
+{"version":3,"names":["getInspectorSection","wp","customize","window","InspectorSection","Section","constructor","id","options","parentSection","returnFocusWhenClose","_isOpen","isOpen","value","triggerActiveCallbacks","ready","contentContainer","classList","add","isContextuallyActive","onChangeExpanded","expanded","args","unchanged","collapse","manualTransition","expand","completeCallback","contains","focus","open","allowMultiple","close","active","callbacks","fireWith"],"sources":["@wordpress/customize-widgets/src/controls/inspector-section.js"],"sourcesContent":["export default function getInspectorSection() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\treturn class InspectorSection extends customize.Section {\n\t\tconstructor( id, options ) {\n\t\t\tsuper( id, options );\n\n\t\t\tthis.parentSection = options.parentSection;\n\n\t\t\tthis.returnFocusWhenClose = null;\n\t\t\tthis._isOpen = false;\n\t\t}\n\t\tget isOpen() {\n\t\t\treturn this._isOpen;\n\t\t}\n\t\tset isOpen( value ) {\n\t\t\tthis._isOpen = value;\n\t\t\tthis.triggerActiveCallbacks();\n\t\t}\n\t\tready() {\n\t\t\tthis.contentContainer[ 0 ].classList.add(\n\t\t\t\t'customize-widgets-layout__inspector'\n\t\t\t);\n\t\t}\n\t\tisContextuallyActive() {\n\t\t\treturn this.isOpen;\n\t\t}\n\t\tonChangeExpanded( expanded, args ) {\n\t\t\tsuper.onChangeExpanded( expanded, args );\n\n\t\t\tif ( this.parentSection && ! args.unchanged ) {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tthis.parentSection.collapse( {\n\t\t\t\t\t\tmanualTransition: true,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tthis.parentSection.expand( {\n\t\t\t\t\t\tmanualTransition: true,\n\t\t\t\t\t\tcompleteCallback: () => {\n\t\t\t\t\t\t\t// Return focus after finishing the transition.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tthis.returnFocusWhenClose &&\n\t\t\t\t\t\t\t\t! this.contentContainer[ 0 ].contains(\n\t\t\t\t\t\t\t\t\tthis.returnFocusWhenClose\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\tthis.returnFocusWhenClose.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\topen( { returnFocusWhenClose } = {} ) {\n\t\t\tthis.isOpen = true;\n\t\t\tthis.returnFocusWhenClose = returnFocusWhenClose;\n\n\t\t\tthis.expand( {\n\t\t\t\tallowMultiple: true,\n\t\t\t} );\n\t\t}\n\t\tclose() {\n\t\t\tthis.collapse( {\n\t\t\t\tallowMultiple: true,\n\t\t\t} );\n\t\t}\n\t\tcollapse( options ) {\n\t\t\t// Overridden collapse() function. Mostly call the parent collapse(), but also\n\t\t\t// move our .isOpen to false.\n\t\t\t// Initially, I tried tracking this with onChangeExpanded(), but it doesn't work\n\t\t\t// because the block settings sidebar is a layer \"on top of\" the G editor sidebar.\n\t\t\t//\n\t\t\t// For example, when closing the block settings sidebar, the G\n\t\t\t// editor sidebar would display, and onChangeExpanded in\n\t\t\t// inspector-section would run with expanded=true, but I want\n\t\t\t// isOpen to be false when the block settings is closed.\n\t\t\tthis.isOpen = false;\n\t\t\tsuper.collapse( options );\n\t\t}\n\t\ttriggerActiveCallbacks() {\n\t\t\t// Manually fire the callbacks associated with moving this.active\n\t\t\t// from false to true.  \"active\" is always true for this section,\n\t\t\t// and \"isContextuallyActive\" reflects if the block settings\n\t\t\t// sidebar is currently visible, that is, it has replaced the main\n\t\t\t// Gutenberg view.\n\t\t\t// The WP customizer only checks \".isContextuallyActive()\" when\n\t\t\t// \".active\" changes values. But our \".active\" never changes value.\n\t\t\t// The WP customizer never foresaw a section being used a way we\n\t\t\t// fit the block settings sidebar into a section. By manually\n\t\t\t// triggering the \"this.active\" callbacks, we force the WP\n\t\t\t// customizer to query our .isContextuallyActive() function and\n\t\t\t// update its view of our status.\n\t\t\tthis.active.callbacks.fireWith( this.active, [ false, true ] );\n\t\t}\n\t};\n}\n"],"mappings":";;;;;;AAAe,SAASA,mBAAmBA,CAAA,EAAG;EAC7C,MAAM;IACLC,EAAE,EAAE;MAAEC;IAAU;EACjB,CAAC,GAAGC,MAAM;EAEV,OAAO,MAAMC,gBAAgB,SAASF,SAAS,CAACG,OAAO,CAAC;IACvDC,WAAWA,CAAEC,EAAE,EAAEC,OAAO,EAAG;MAC1B,KAAK,CAAED,EAAE,EAAEC,OAAQ,CAAC;MAEpB,IAAI,CAACC,aAAa,GAAGD,OAAO,CAACC,aAAa;MAE1C,IAAI,CAACC,oBAAoB,GAAG,IAAI;MAChC,IAAI,CAACC,OAAO,GAAG,KAAK;IACrB;IACA,IAAIC,MAAMA,CAAA,EAAG;MACZ,OAAO,IAAI,CAACD,OAAO;IACpB;IACA,IAAIC,MAAMA,CAAEC,KAAK,EAAG;MACnB,IAAI,CAACF,OAAO,GAAGE,KAAK;MACpB,IAAI,CAACC,sBAAsB,CAAC,CAAC;IAC9B;IACAC,KAAKA,CAAA,EAAG;MACP,IAAI,CAACC,gBAAgB,CAAE,CAAC,CAAE,CAACC,SAAS,CAACC,GAAG,CACvC,qCACD,CAAC;IACF;IACAC,oBAAoBA,CAAA,EAAG;MACtB,OAAO,IAAI,CAACP,MAAM;IACnB;IACAQ,gBAAgBA,CAAEC,QAAQ,EAAEC,IAAI,EAAG;MAClC,KAAK,CAACF,gBAAgB,CAAEC,QAAQ,EAAEC,IAAK,CAAC;MAExC,IAAK,IAAI,CAACb,aAAa,IAAI,CAAEa,IAAI,CAACC,SAAS,EAAG;QAC7C,IAAKF,QAAQ,EAAG;UACf,IAAI,CAACZ,aAAa,CAACe,QAAQ,CAAE;YAC5BC,gBAAgB,EAAE;UACnB,CAAE,CAAC;QACJ,CAAC,MAAM;UACN,IAAI,CAAChB,aAAa,CAACiB,MAAM,CAAE;YAC1BD,gBAAgB,EAAE,IAAI;YACtBE,gBAAgB,EAAEA,CAAA,KAAM;cACvB;cACA,IACC,IAAI,CAACjB,oBAAoB,IACzB,CAAE,IAAI,CAACM,gBAAgB,CAAE,CAAC,CAAE,CAACY,QAAQ,CACpC,IAAI,CAAClB,oBACN,CAAC,EACA;gBACD,IAAI,CAACA,oBAAoB,CAACmB,KAAK,CAAC,CAAC;cAClC;YACD;UACD,CAAE,CAAC;QACJ;MACD;IACD;IACAC,IAAIA,CAAE;MAAEpB;IAAqB,CAAC,GAAG,CAAC,CAAC,EAAG;MACrC,IAAI,CAACE,MAAM,GAAG,IAAI;MAClB,IAAI,CAACF,oBAAoB,GAAGA,oBAAoB;MAEhD,IAAI,CAACgB,MAAM,CAAE;QACZK,aAAa,EAAE;MAChB,CAAE,CAAC;IACJ;IACAC,KAAKA,CAAA,EAAG;MACP,IAAI,CAACR,QAAQ,CAAE;QACdO,aAAa,EAAE;MAChB,CAAE,CAAC;IACJ;IACAP,QAAQA,CAAEhB,OAAO,EAAG;MACnB;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,IAAI,CAACI,MAAM,GAAG,KAAK;MACnB,KAAK,CAACY,QAAQ,CAAEhB,OAAQ,CAAC;IAC1B;IACAM,sBAAsBA,CAAA,EAAG;MACxB;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA,IAAI,CAACmB,MAAM,CAACC,SAAS,CAACC,QAAQ,CAAE,IAAI,CAACF,MAAM,EAAE,CAAE,KAAK,EAAE,IAAI,CAAG,CAAC;IAC/D;EACD,CAAC;AACF"}

package/build/controls/sidebar-control.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getSidebarControl;
-
 var _data = require("@wordpress/data");
-
 var _sidebarAdapter = _interopRequireDefault(require("../components/sidebar-block-editor/sidebar-adapter"));
-
 var _inserterOuterSection = _interopRequireDefault(require("./inserter-outer-section"));
-
 var _store = require("../store");
-
 /**
  * WordPress dependencies
  */
@@ -22,8 +16,8 @@ var _store = require("../store");
 /**
  * Internal dependencies
  */
-const getInserterId = controlId => `widgets-inserter-${controlId}`;
 
+const getInserterId = controlId => `widgets-inserter-${controlId}`;
 function getSidebarControl() {
   const {
     wp: {
@@ -35,7 +29,6 @@ function getSidebarControl() {
       super(...args);
       this.subscribers = new Set();
     }
-
     ready() {
       const InserterOuterSection = (0, _inserterOuterSection.default)();
       this.inserter = new InserterOuterSection(getInserterId(this.id), {});
@@ -44,25 +37,21 @@ function getSidebarControl() {
       this.inspector = this.sectionInstance.inspector;
       this.sidebarAdapter = new _sidebarAdapter.default(this.setting, customize);
     }
-
     subscribe(callback) {
       this.subscribers.add(callback);
       return () => {
         this.subscribers.delete(callback);
       };
     }
-
     onChangeSectionExpanded(expanded, args) {
       if (!args.unchanged) {
         // Close the inserter when the section collapses.
         if (!expanded) {
           (0, _data.dispatch)(_store.store).setIsInserterOpened(false);
         }
-
         this.subscribers.forEach(subscriber => subscriber(expanded, args));
       }
     }
-
   };
 }
 //# sourceMappingURL=sidebar-control.js.map

package/build/controls/sidebar-control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/controls/sidebar-control.js"],"names":["getInserterId","controlId","getSidebarControl","wp","customize","window","SidebarControl","Control","constructor","args","subscribers","Set","ready","InserterOuterSection","inserter","id","section","add","sectionInstance","inspector","sidebarAdapter","SidebarAdapter","setting","subscribe","callback","delete","onChangeSectionExpanded","expanded","unchanged","customizeWidgetsStore","setIsInserterOpened","forEach","subscriber"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;AAKA,MAAMA,aAAa,GAAKC,SAAF,IAAkB,oBAAoBA,SAAW,EAAvE;;AAEe,SAASC,iBAAT,GAA6B;AAC3C,QAAM;AACLC,IAAAA,EAAE,EAAE;AAAEC,MAAAA;AAAF;AADC,MAEFC,MAFJ;AAIA,SAAO,MAAMC,cAAN,SAA6BF,SAAS,CAACG,OAAvC,CAA+C;AACrDC,IAAAA,WAAW,CAAE,GAAGC,IAAL,EAAY;AACtB,YAAO,GAAGA,IAAV;AAEA,WAAKC,WAAL,GAAmB,IAAIC,GAAJ,EAAnB;AACA;;AAEDC,IAAAA,KAAK,GAAG;AACP,YAAMC,oBAAoB,GAAG,oCAA7B;AACA,WAAKC,QAAL,GAAgB,IAAID,oBAAJ,CACfb,aAAa,CAAE,KAAKe,EAAP,CADE,EAEf,EAFe,CAAhB;AAIAX,MAAAA,SAAS,CAACY,OAAV,CAAkBC,GAAlB,CAAuB,KAAKH,QAA5B;AAEA,WAAKI,eAAL,GAAuBd,SAAS,CAACY,OAAV,CAAmB,KAAKA,OAAL,EAAnB,CAAvB;AAEA,WAAKG,SAAL,GAAiB,KAAKD,eAAL,CAAqBC,SAAtC;AAEA,WAAKC,cAAL,GAAsB,IAAIC,uBAAJ,CAAoB,KAAKC,OAAzB,EAAkClB,SAAlC,CAAtB;AACA;;AAEDmB,IAAAA,SAAS,CAAEC,QAAF,EAAa;AACrB,WAAKd,WAAL,CAAiBO,GAAjB,CAAsBO,QAAtB;AAEA,aAAO,MAAM;AACZ,aAAKd,WAAL,CAAiBe,MAAjB,CAAyBD,QAAzB;AACA,OAFD;AAGA;;AAEDE,IAAAA,uBAAuB,CAAEC,QAAF,EAAYlB,IAAZ,EAAmB;AACzC,UAAK,CAAEA,IAAI,CAACmB,SAAZ,EAAwB;AACvB;AACA,YAAK,CAAED,QAAP,EAAkB;AACjB,8BAAUE,YAAV,EAAkCC,mBAAlC,CACC,KADD;AAGA;;AAED,aAAKpB,WAAL,CAAiBqB,OAAjB,CAA4BC,UAAF,IACzBA,UAAU,CAAEL,QAAF,EAAYlB,IAAZ,CADX;AAGA;AACD;;AA3CoD,GAAtD;AA6CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { dispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SidebarAdapter from '../components/sidebar-block-editor/sidebar-adapter';\nimport getInserterOuterSection from './inserter-outer-section';\nimport { store as customizeWidgetsStore } from '../store';\n\nconst getInserterId = ( controlId ) => `widgets-inserter-${ controlId }`;\n\nexport default function getSidebarControl() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\treturn class SidebarControl extends customize.Control {\n\t\tconstructor( ...args ) {\n\t\t\tsuper( ...args );\n\n\t\t\tthis.subscribers = new Set();\n\t\t}\n\n\t\tready() {\n\t\t\tconst InserterOuterSection = getInserterOuterSection();\n\t\t\tthis.inserter = new InserterOuterSection(\n\t\t\t\tgetInserterId( this.id ),\n\t\t\t\t{}\n\t\t\t);\n\t\t\tcustomize.section.add( this.inserter );\n\n\t\t\tthis.sectionInstance = customize.section( this.section() );\n\n\t\t\tthis.inspector = this.sectionInstance.inspector;\n\n\t\t\tthis.sidebarAdapter = new SidebarAdapter( this.setting, customize );\n\t\t}\n\n\t\tsubscribe( callback ) {\n\t\t\tthis.subscribers.add( callback );\n\n\t\t\treturn () => {\n\t\t\t\tthis.subscribers.delete( callback );\n\t\t\t};\n\t\t}\n\n\t\tonChangeSectionExpanded( expanded, args ) {\n\t\t\tif ( ! args.unchanged ) {\n\t\t\t\t// Close the inserter when the section collapses.\n\t\t\t\tif ( ! expanded ) {\n\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\tfalse\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tthis.subscribers.forEach( ( subscriber ) =>\n\t\t\t\t\tsubscriber( expanded, args )\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t};\n}\n"]}
+{"version":3,"names":["_data","require","_sidebarAdapter","_interopRequireDefault","_inserterOuterSection","_store","getInserterId","controlId","getSidebarControl","wp","customize","window","SidebarControl","Control","constructor","args","subscribers","Set","ready","InserterOuterSection","getInserterOuterSection","inserter","id","section","add","sectionInstance","inspector","sidebarAdapter","SidebarAdapter","setting","subscribe","callback","delete","onChangeSectionExpanded","expanded","unchanged","dispatch","customizeWidgetsStore","setIsInserterOpened","forEach","subscriber"],"sources":["@wordpress/customize-widgets/src/controls/sidebar-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { dispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SidebarAdapter from '../components/sidebar-block-editor/sidebar-adapter';\nimport getInserterOuterSection from './inserter-outer-section';\nimport { store as customizeWidgetsStore } from '../store';\n\nconst getInserterId = ( controlId ) => `widgets-inserter-${ controlId }`;\n\nexport default function getSidebarControl() {\n\tconst {\n\t\twp: { customize },\n\t} = window;\n\n\treturn class SidebarControl extends customize.Control {\n\t\tconstructor( ...args ) {\n\t\t\tsuper( ...args );\n\n\t\t\tthis.subscribers = new Set();\n\t\t}\n\n\t\tready() {\n\t\t\tconst InserterOuterSection = getInserterOuterSection();\n\t\t\tthis.inserter = new InserterOuterSection(\n\t\t\t\tgetInserterId( this.id ),\n\t\t\t\t{}\n\t\t\t);\n\t\t\tcustomize.section.add( this.inserter );\n\n\t\t\tthis.sectionInstance = customize.section( this.section() );\n\n\t\t\tthis.inspector = this.sectionInstance.inspector;\n\n\t\t\tthis.sidebarAdapter = new SidebarAdapter( this.setting, customize );\n\t\t}\n\n\t\tsubscribe( callback ) {\n\t\t\tthis.subscribers.add( callback );\n\n\t\t\treturn () => {\n\t\t\t\tthis.subscribers.delete( callback );\n\t\t\t};\n\t\t}\n\n\t\tonChangeSectionExpanded( expanded, args ) {\n\t\t\tif ( ! args.unchanged ) {\n\t\t\t\t// Close the inserter when the section collapses.\n\t\t\t\tif ( ! expanded ) {\n\t\t\t\t\tdispatch( customizeWidgetsStore ).setIsInserterOpened(\n\t\t\t\t\t\tfalse\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tthis.subscribers.forEach( ( subscriber ) =>\n\t\t\t\t\tsubscriber( expanded, args )\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t};\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,eAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAMK,aAAa,GAAKC,SAAS,IAAO,oBAAoBA,SAAW,EAAC;AAEzD,SAASC,iBAAiBA,CAAA,EAAG;EAC3C,MAAM;IACLC,EAAE,EAAE;MAAEC;IAAU;EACjB,CAAC,GAAGC,MAAM;EAEV,OAAO,MAAMC,cAAc,SAASF,SAAS,CAACG,OAAO,CAAC;IACrDC,WAAWA,CAAE,GAAGC,IAAI,EAAG;MACtB,KAAK,CAAE,GAAGA,IAAK,CAAC;MAEhB,IAAI,CAACC,WAAW,GAAG,IAAIC,GAAG,CAAC,CAAC;IAC7B;IAEAC,KAAKA,CAAA,EAAG;MACP,MAAMC,oBAAoB,GAAG,IAAAC,6BAAuB,EAAC,CAAC;MACtD,IAAI,CAACC,QAAQ,GAAG,IAAIF,oBAAoB,CACvCb,aAAa,CAAE,IAAI,CAACgB,EAAG,CAAC,EACxB,CAAC,CACF,CAAC;MACDZ,SAAS,CAACa,OAAO,CAACC,GAAG,CAAE,IAAI,CAACH,QAAS,CAAC;MAEtC,IAAI,CAACI,eAAe,GAAGf,SAAS,CAACa,OAAO,CAAE,IAAI,CAACA,OAAO,CAAC,CAAE,CAAC;MAE1D,IAAI,CAACG,SAAS,GAAG,IAAI,CAACD,eAAe,CAACC,SAAS;MAE/C,IAAI,CAACC,cAAc,GAAG,IAAIC,uBAAc,CAAE,IAAI,CAACC,OAAO,EAAEnB,SAAU,CAAC;IACpE;IAEAoB,SAASA,CAAEC,QAAQ,EAAG;MACrB,IAAI,CAACf,WAAW,CAACQ,GAAG,CAAEO,QAAS,CAAC;MAEhC,OAAO,MAAM;QACZ,IAAI,CAACf,WAAW,CAACgB,MAAM,CAAED,QAAS,CAAC;MACpC,CAAC;IACF;IAEAE,uBAAuBA,CAAEC,QAAQ,EAAEnB,IAAI,EAAG;MACzC,IAAK,CAAEA,IAAI,CAACoB,SAAS,EAAG;QACvB;QACA,IAAK,CAAED,QAAQ,EAAG;UACjB,IAAAE,cAAQ,EAAEC,YAAsB,CAAC,CAACC,mBAAmB,CACpD,KACD,CAAC;QACF;QAEA,IAAI,CAACtB,WAAW,CAACuB,OAAO,CAAIC,UAAU,IACrCA,UAAU,CAAEN,QAAQ,EAAEnB,IAAK,CAC5B,CAAC;MACF;IACD;EACD,CAAC;AACF"}