@wordpress/customize-widgets 4.15.0 → 4.17.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 4.17.0 (2023-08-16)
+
+## 4.16.0 (2023-08-10)
+
 ## 4.15.0 (2023-07-20)
 
 ## 4.14.0 (2023-07-05)

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

@@ -4,33 +4,31 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BlockAppender;
-
 var _element = require("@wordpress/element");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _data = require("@wordpress/data");
-
 /**
  * WordPress dependencies
  */
+
 function BlockAppender(props) {
   const ref = (0, _element.useRef)();
-  const isBlocksListEmpty = (0, _data.useSelect)(select => select(_blockEditor.store).getBlockCount() === 0); // Move the focus to the block appender to prevent focus from
-  // being lost when emptying the widget area.
+  const isBlocksListEmpty = (0, _data.useSelect)(select => select(_blockEditor.store).getBlockCount() === 0);
 
+  // Move the focus to the block appender to prevent focus from
+  // being lost when emptying the widget area.
   (0, _element.useEffect)(() => {
     if (isBlocksListEmpty && ref.current) {
       const {
         ownerDocument
       } = ref.current;
-
       if (!ownerDocument.activeElement || ownerDocument.activeElement === ownerDocument.body) {
         ref.current.focus();
       }
     }
   }, [isBlocksListEmpty]);
-  return (0, _element.createElement)(_blockEditor.ButtonBlockAppender, { ...props,
+  return (0, _element.createElement)(_blockEditor.ButtonBlockAppender, {
+    ...props,
     ref: ref
   });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/block-appender/index.js"],"names":["BlockAppender","props","ref","isBlocksListEmpty","select","blockEditorStore","getBlockCount","current","ownerDocument","activeElement","body","focus"],"mappings":";;;;;;;AAGA;;AACA;;AAIA;;AARA;AACA;AACA;AAQe,SAASA,aAAT,CAAwBC,KAAxB,EAAgC;AAC9C,QAAMC,GAAG,GAAG,sBAAZ;AACA,QAAMC,iBAAiB,GAAG,qBACvBC,MAAF,IAAcA,MAAM,CAAEC,kBAAF,CAAN,CAA2BC,aAA3B,OAA+C,CADpC,CAA1B,CAF8C,CAM9C;AACA;;AACA,0BAAW,MAAM;AAChB,QAAKH,iBAAiB,IAAID,GAAG,CAACK,OAA9B,EAAwC;AACvC,YAAM;AAAEC,QAAAA;AAAF,UAAoBN,GAAG,CAACK,OAA9B;;AAEA,UACC,CAAEC,aAAa,CAACC,aAAhB,IACAD,aAAa,CAACC,aAAd,KAAgCD,aAAa,CAACE,IAF/C,EAGE;AACDR,QAAAA,GAAG,CAACK,OAAJ,CAAYI,KAAZ;AACA;AACD;AACD,GAXD,EAWG,CAAER,iBAAF,CAXH;AAaA,SAAO,4BAAC,gCAAD,OAA0BF,KAA1B;AAAkC,IAAA,GAAG,EAAGC;AAAxC,IAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport {\n\tButtonBlockAppender,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nexport default function BlockAppender( props ) {\n\tconst ref = useRef();\n\tconst isBlocksListEmpty = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockCount() === 0\n\t);\n\n\t// Move the focus to the block appender to prevent focus from\n\t// being lost when emptying the widget area.\n\tuseEffect( () => {\n\t\tif ( isBlocksListEmpty && ref.current ) {\n\t\t\tconst { ownerDocument } = ref.current;\n\n\t\t\tif (\n\t\t\t\t! ownerDocument.activeElement ||\n\t\t\t\townerDocument.activeElement === ownerDocument.body\n\t\t\t) {\n\t\t\t\tref.current.focus();\n\t\t\t}\n\t\t}\n\t}, [ isBlocksListEmpty ] );\n\n\treturn <ButtonBlockAppender { ...props } ref={ ref } />;\n}\n"]}
+{"version":3,"names":["_element","require","_blockEditor","_data","BlockAppender","props","ref","useRef","isBlocksListEmpty","useSelect","select","blockEditorStore","getBlockCount","useEffect","current","ownerDocument","activeElement","body","focus","createElement","ButtonBlockAppender"],"sources":["@wordpress/customize-widgets/src/components/block-appender/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport {\n\tButtonBlockAppender,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\nexport default function BlockAppender( props ) {\n\tconst ref = useRef();\n\tconst isBlocksListEmpty = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockCount() === 0\n\t);\n\n\t// Move the focus to the block appender to prevent focus from\n\t// being lost when emptying the widget area.\n\tuseEffect( () => {\n\t\tif ( isBlocksListEmpty && ref.current ) {\n\t\t\tconst { ownerDocument } = ref.current;\n\n\t\t\tif (\n\t\t\t\t! ownerDocument.activeElement ||\n\t\t\t\townerDocument.activeElement === ownerDocument.body\n\t\t\t) {\n\t\t\t\tref.current.focus();\n\t\t\t}\n\t\t}\n\t}, [ isBlocksListEmpty ] );\n\n\treturn <ButtonBlockAppender { ...props } ref={ ref } />;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAF,OAAA;AARA;AACA;AACA;;AAQe,SAASG,aAAaA,CAAEC,KAAK,EAAG;EAC9C,MAAMC,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EACpB,MAAMC,iBAAiB,GAAG,IAAAC,eAAS,EAChCC,MAAM,IAAMA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,aAAa,CAAC,CAAC,KAAK,CAC9D,CAAC;;EAED;EACA;EACA,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAKL,iBAAiB,IAAIF,GAAG,CAACQ,OAAO,EAAG;MACvC,MAAM;QAAEC;MAAc,CAAC,GAAGT,GAAG,CAACQ,OAAO;MAErC,IACC,CAAEC,aAAa,CAACC,aAAa,IAC7BD,aAAa,CAACC,aAAa,KAAKD,aAAa,CAACE,IAAI,EACjD;QACDX,GAAG,CAACQ,OAAO,CAACI,KAAK,CAAC,CAAC;MACpB;IACD;EACD,CAAC,EAAE,CAAEV,iBAAiB,CAAG,CAAC;EAE1B,OAAO,IAAAR,QAAA,CAAAmB,aAAA,EAACjB,YAAA,CAAAkB,mBAAmB;IAAA,GAAMf,KAAK;IAAGC,GAAG,EAAGA;EAAK,CAAE,CAAC;AACxD"}

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

@@ -4,20 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _data = require("@wordpress/data");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 /**
  * WordPress dependencies
  */
+
 function BlockInspectorButton({
   inspector,
   closeMenu,
@@ -30,14 +25,13 @@ function BlockInspectorButton({
       // Open the inspector.
       inspector.open({
         returnFocusWhenClose: selectedBlock
-      }); // Then close the dropdown menu.
-
+      });
+      // Then close the dropdown menu.
       closeMenu();
     },
     ...props
   }, (0, _i18n.__)('Show more settings'));
 }
-
 var _default = BlockInspectorButton;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/block-inspector-button/index.js"],"names":["BlockInspectorButton","inspector","closeMenu","props","selectedBlockClientId","select","blockEditorStore","getSelectedBlockClientId","selectedBlock","document","getElementById","open","returnFocusWhenClose"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAPA;AACA;AACA;AAOA,SAASA,oBAAT,CAA+B;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,SAAb;AAAwB,KAAGC;AAA3B,CAA/B,EAAoE;AACnE,QAAMC,qBAAqB,GAAG,qBAC3BC,MAAF,IAAcA,MAAM,CAAEC,kBAAF,CAAN,CAA2BC,wBAA3B,EADe,EAE7B,EAF6B,CAA9B;AAKA,QAAMC,aAAa,GAAG,sBACrB,MAAMC,QAAQ,CAACC,cAAT,CAA0B,SAASN,qBAAuB,EAA1D,CADe,EAErB,CAAEA,qBAAF,CAFqB,CAAtB;AAKA,SACC,4BAAC,oBAAD;AACC,IAAA,OAAO,EAAG,MAAM;AACf;AACAH,MAAAA,SAAS,CAACU,IAAV,CAAgB;AACfC,QAAAA,oBAAoB,EAAEJ;AADP,OAAhB,EAFe,CAKf;;AACAN,MAAAA,SAAS;AACT,KARF;AAAA,OASMC;AATN,KAWG,cAAI,oBAAJ,CAXH,CADD;AAeA;;eAEcH,oB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nfunction BlockInspectorButton( { inspector, closeMenu, ...props } ) {\n\tconst selectedBlockClientId = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSelectedBlockClientId(),\n\t\t[]\n\t);\n\n\tconst selectedBlock = useMemo(\n\t\t() => document.getElementById( `block-${ selectedBlockClientId }` ),\n\t\t[ selectedBlockClientId ]\n\t);\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () => {\n\t\t\t\t// Open the inspector.\n\t\t\t\tinspector.open( {\n\t\t\t\t\treturnFocusWhenClose: selectedBlock,\n\t\t\t\t} );\n\t\t\t\t// Then close the dropdown menu.\n\t\t\t\tcloseMenu();\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ __( 'Show more settings' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockInspectorButton;\n"]}
+{"version":3,"names":["_element","require","_i18n","_components","_data","_blockEditor","BlockInspectorButton","inspector","closeMenu","props","selectedBlockClientId","useSelect","select","blockEditorStore","getSelectedBlockClientId","selectedBlock","useMemo","document","getElementById","createElement","MenuItem","onClick","open","returnFocusWhenClose","__","_default","exports","default"],"sources":["@wordpress/customize-widgets/src/components/block-inspector-button/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { MenuItem } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\nfunction BlockInspectorButton( { inspector, closeMenu, ...props } ) {\n\tconst selectedBlockClientId = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSelectedBlockClientId(),\n\t\t[]\n\t);\n\n\tconst selectedBlock = useMemo(\n\t\t() => document.getElementById( `block-${ selectedBlockClientId }` ),\n\t\t[ selectedBlockClientId ]\n\t);\n\n\treturn (\n\t\t<MenuItem\n\t\t\tonClick={ () => {\n\t\t\t\t// Open the inspector.\n\t\t\t\tinspector.open( {\n\t\t\t\t\treturnFocusWhenClose: selectedBlock,\n\t\t\t\t} );\n\t\t\t\t// Then close the dropdown menu.\n\t\t\t\tcloseMenu();\n\t\t\t} }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t{ __( 'Show more settings' ) }\n\t\t</MenuItem>\n\t);\n}\n\nexport default BlockInspectorButton;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAPA;AACA;AACA;;AAOA,SAASK,oBAAoBA,CAAE;EAAEC,SAAS;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACnE,MAAMC,qBAAqB,GAAG,IAAAC,eAAS,EACpCC,MAAM,IAAMA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,wBAAwB,CAAC,CAAC,EACnE,EACD,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,gBAAO,EAC5B,MAAMC,QAAQ,CAACC,cAAc,CAAG,SAASR,qBAAuB,EAAE,CAAC,EACnE,CAAEA,qBAAqB,CACxB,CAAC;EAED,OACC,IAAAV,QAAA,CAAAmB,aAAA,EAAChB,WAAA,CAAAiB,QAAQ;IACRC,OAAO,EAAGA,CAAA,KAAM;MACf;MACAd,SAAS,CAACe,IAAI,CAAE;QACfC,oBAAoB,EAAER;MACvB,CAAE,CAAC;MACH;MACAP,SAAS,CAAC,CAAC;IACZ,CAAG;IAAA,GACEC;EAAK,GAER,IAAAe,QAAE,EAAE,oBAAqB,CAClB,CAAC;AAEb;AAAC,IAAAC,QAAA,GAEcnB,oBAAoB;AAAAoB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = CustomizeWidgets;
-
 var _element = require("@wordpress/element");
-
 var _components = require("@wordpress/components");
-
 var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
-
 var _errorBoundary = _interopRequireDefault(require("../error-boundary"));
-
 var _sidebarBlockEditor = _interopRequireDefault(require("../sidebar-block-editor"));
-
 var _focusControl = _interopRequireDefault(require("../focus-control"));
-
 var _sidebarControls = _interopRequireDefault(require("../sidebar-controls"));
-
 var _useClearSelectedBlock = _interopRequireDefault(require("./use-clear-selected-block"));
-
 /**
  * WordPress dependencies
  */
@@ -30,6 +20,7 @@ var _useClearSelectedBlock = _interopRequireDefault(require("./use-clear-selecte
 /**
  * Internal dependencies
  */
+
 function CustomizeWidgets({
   api,
   sidebarControls,
@@ -55,9 +46,10 @@ function CustomizeWidgets({
     sidebar: activeSidebarControl.sidebarAdapter,
     inserter: activeSidebarControl.inserter,
     inspector: activeSidebarControl.inspector
-  })), activeSidebarControl.container[0]); // We have to portal this to the parent of both the editor and the inspector,
-  // so that the popovers will appear above both of them.
+  })), activeSidebarControl.container[0]);
 
+  // We have to portal this to the parent of both the editor and the inspector,
+  // so that the popovers will appear above both of them.
   const popover = parentContainer && (0, _element.createPortal)((0, _element.createElement)("div", {
     className: "customize-widgets-popover",
     ref: popoverRef

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/customize-widgets/index.js"],"names":["CustomizeWidgets","api","sidebarControls","blockEditorSettings","activeSidebarControl","setActiveSidebarControl","parentContainer","document","getElementById","popoverRef","unsubscribers","map","sidebarControl","subscribe","expanded","forEach","unsubscriber","activeSidebar","id","sidebarAdapter","inserter","inspector","container","popover"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAdA;AACA;AACA;;AAKA;AACA;AACA;AAOe,SAASA,gBAAT,CAA2B;AACzCC,EAAAA,GADyC;AAEzCC,EAAAA,eAFyC;AAGzCC,EAAAA;AAHyC,CAA3B,EAIX;AACH,QAAM,CAAEC,oBAAF,EAAwBC,uBAAxB,IAAoD,uBAAU,IAAV,CAA1D;AACA,QAAMC,eAAe,GAAGC,QAAQ,CAACC,cAAT,CACvB,0BADuB,CAAxB;AAGA,QAAMC,UAAU,GAAG,sBAAnB;AAEA,sCAAuBL,oBAAvB,EAA6CK,UAA7C;AAEA,0BAAW,MAAM;AAChB,UAAMC,aAAa,GAAGR,eAAe,CAACS,GAAhB,CAAuBC,cAAF,IAC1CA,cAAc,CAACC,SAAf,CAA4BC,QAAF,IAAgB;AACzC,UAAKA,QAAL,EAAgB;AACfT,QAAAA,uBAAuB,CAAEO,cAAF,CAAvB;AACA;AACD,KAJD,CADqB,CAAtB;AAQA,WAAO,MAAM;AACZF,MAAAA,aAAa,CAACK,OAAd,CAAyBC,YAAF,IAAoBA,YAAY,EAAvD;AACA,KAFD;AAGA,GAZD,EAYG,CAAEd,eAAF,CAZH;AAcA,QAAMe,aAAa,GAClBb,oBAAoB,IACpB,2BACC,4BAAC,sBAAD,QACC,4BAAC,2BAAD;AACC,IAAA,GAAG,EAAGA,oBAAoB,CAACc,EAD5B;AAEC,IAAA,mBAAmB,EAAGf,mBAFvB;AAGC,IAAA,OAAO,EAAGC,oBAAoB,CAACe,cAHhC;AAIC,IAAA,QAAQ,EAAGf,oBAAoB,CAACgB,QAJjC;AAKC,IAAA,SAAS,EAAGhB,oBAAoB,CAACiB;AALlC,IADD,CADD,EAUCjB,oBAAoB,CAACkB,SAArB,CAAgC,CAAhC,CAVD,CAFD,CAvBG,CAsCH;AACA;;AACA,QAAMC,OAAO,GACZjB,eAAe,IACf,2BACC;AAAK,IAAA,SAAS,EAAC,2BAAf;AAA2C,IAAA,GAAG,EAAGG;AAAjD,KACC,4BAAC,mBAAD,CAAS,IAAT,OADD,CADD,EAICH,eAJD,CAFD;AASA,SACC,4BAAC,mCAAD,QACC,4BAAC,4BAAD,QACC,4BAAC,wBAAD;AACC,IAAA,eAAe,EAAGJ,eADnB;AAEC,IAAA,oBAAoB,EAAGE;AAFxB,KAIC,4BAAC,qBAAD;AACC,IAAA,GAAG,EAAGH,GADP;AAEC,IAAA,eAAe,EAAGC;AAFnB,KAIGe,aAJH,EAKGM,OALH,CAJD,CADD,CADD,CADD;AAkBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useRef, createPortal } from '@wordpress/element';\nimport { SlotFillProvider, Popover } from '@wordpress/components';\nimport { ShortcutProvider } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport ErrorBoundary from '../error-boundary';\nimport SidebarBlockEditor from '../sidebar-block-editor';\nimport FocusControl from '../focus-control';\nimport SidebarControls from '../sidebar-controls';\nimport useClearSelectedBlock from './use-clear-selected-block';\n\nexport default function CustomizeWidgets( {\n\tapi,\n\tsidebarControls,\n\tblockEditorSettings,\n} ) {\n\tconst [ activeSidebarControl, setActiveSidebarControl ] = useState( null );\n\tconst parentContainer = document.getElementById(\n\t\t'customize-theme-controls'\n\t);\n\tconst popoverRef = useRef();\n\n\tuseClearSelectedBlock( activeSidebarControl, popoverRef );\n\n\tuseEffect( () => {\n\t\tconst unsubscribers = sidebarControls.map( ( sidebarControl ) =>\n\t\t\tsidebarControl.subscribe( ( expanded ) => {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tsetActiveSidebarControl( sidebarControl );\n\t\t\t\t}\n\t\t\t} )\n\t\t);\n\n\t\treturn () => {\n\t\t\tunsubscribers.forEach( ( unsubscriber ) => unsubscriber() );\n\t\t};\n\t}, [ sidebarControls ] );\n\n\tconst activeSidebar =\n\t\tactiveSidebarControl &&\n\t\tcreatePortal(\n\t\t\t<ErrorBoundary>\n\t\t\t\t<SidebarBlockEditor\n\t\t\t\t\tkey={ activeSidebarControl.id }\n\t\t\t\t\tblockEditorSettings={ blockEditorSettings }\n\t\t\t\t\tsidebar={ activeSidebarControl.sidebarAdapter }\n\t\t\t\t\tinserter={ activeSidebarControl.inserter }\n\t\t\t\t\tinspector={ activeSidebarControl.inspector }\n\t\t\t\t/>\n\t\t\t</ErrorBoundary>,\n\t\t\tactiveSidebarControl.container[ 0 ]\n\t\t);\n\n\t// We have to portal this to the parent of both the editor and the inspector,\n\t// so that the popovers will appear above both of them.\n\tconst popover =\n\t\tparentContainer &&\n\t\tcreatePortal(\n\t\t\t<div className=\"customize-widgets-popover\" ref={ popoverRef }>\n\t\t\t\t<Popover.Slot />\n\t\t\t</div>,\n\t\t\tparentContainer\n\t\t);\n\n\treturn (\n\t\t<ShortcutProvider>\n\t\t\t<SlotFillProvider>\n\t\t\t\t<SidebarControls\n\t\t\t\t\tsidebarControls={ sidebarControls }\n\t\t\t\t\tactiveSidebarControl={ activeSidebarControl }\n\t\t\t\t>\n\t\t\t\t\t<FocusControl\n\t\t\t\t\t\tapi={ api }\n\t\t\t\t\t\tsidebarControls={ sidebarControls }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ activeSidebar }\n\t\t\t\t\t\t{ popover }\n\t\t\t\t\t</FocusControl>\n\t\t\t\t</SidebarControls>\n\t\t\t</SlotFillProvider>\n\t\t</ShortcutProvider>\n\t);\n}\n"]}
+{"version":3,"names":["_element","require","_components","_keyboardShortcuts","_errorBoundary","_interopRequireDefault","_sidebarBlockEditor","_focusControl","_sidebarControls","_useClearSelectedBlock","CustomizeWidgets","api","sidebarControls","blockEditorSettings","activeSidebarControl","setActiveSidebarControl","useState","parentContainer","document","getElementById","popoverRef","useRef","useClearSelectedBlock","useEffect","unsubscribers","map","sidebarControl","subscribe","expanded","forEach","unsubscriber","activeSidebar","createPortal","createElement","default","key","id","sidebar","sidebarAdapter","inserter","inspector","container","popover","className","ref","Popover","Slot","ShortcutProvider","SlotFillProvider"],"sources":["@wordpress/customize-widgets/src/components/customize-widgets/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useRef, createPortal } from '@wordpress/element';\nimport { SlotFillProvider, Popover } from '@wordpress/components';\nimport { ShortcutProvider } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport ErrorBoundary from '../error-boundary';\nimport SidebarBlockEditor from '../sidebar-block-editor';\nimport FocusControl from '../focus-control';\nimport SidebarControls from '../sidebar-controls';\nimport useClearSelectedBlock from './use-clear-selected-block';\n\nexport default function CustomizeWidgets( {\n\tapi,\n\tsidebarControls,\n\tblockEditorSettings,\n} ) {\n\tconst [ activeSidebarControl, setActiveSidebarControl ] = useState( null );\n\tconst parentContainer = document.getElementById(\n\t\t'customize-theme-controls'\n\t);\n\tconst popoverRef = useRef();\n\n\tuseClearSelectedBlock( activeSidebarControl, popoverRef );\n\n\tuseEffect( () => {\n\t\tconst unsubscribers = sidebarControls.map( ( sidebarControl ) =>\n\t\t\tsidebarControl.subscribe( ( expanded ) => {\n\t\t\t\tif ( expanded ) {\n\t\t\t\t\tsetActiveSidebarControl( sidebarControl );\n\t\t\t\t}\n\t\t\t} )\n\t\t);\n\n\t\treturn () => {\n\t\t\tunsubscribers.forEach( ( unsubscriber ) => unsubscriber() );\n\t\t};\n\t}, [ sidebarControls ] );\n\n\tconst activeSidebar =\n\t\tactiveSidebarControl &&\n\t\tcreatePortal(\n\t\t\t<ErrorBoundary>\n\t\t\t\t<SidebarBlockEditor\n\t\t\t\t\tkey={ activeSidebarControl.id }\n\t\t\t\t\tblockEditorSettings={ blockEditorSettings }\n\t\t\t\t\tsidebar={ activeSidebarControl.sidebarAdapter }\n\t\t\t\t\tinserter={ activeSidebarControl.inserter }\n\t\t\t\t\tinspector={ activeSidebarControl.inspector }\n\t\t\t\t/>\n\t\t\t</ErrorBoundary>,\n\t\t\tactiveSidebarControl.container[ 0 ]\n\t\t);\n\n\t// We have to portal this to the parent of both the editor and the inspector,\n\t// so that the popovers will appear above both of them.\n\tconst popover =\n\t\tparentContainer &&\n\t\tcreatePortal(\n\t\t\t<div className=\"customize-widgets-popover\" ref={ popoverRef }>\n\t\t\t\t<Popover.Slot />\n\t\t\t</div>,\n\t\t\tparentContainer\n\t\t);\n\n\treturn (\n\t\t<ShortcutProvider>\n\t\t\t<SlotFillProvider>\n\t\t\t\t<SidebarControls\n\t\t\t\t\tsidebarControls={ sidebarControls }\n\t\t\t\t\tactiveSidebarControl={ activeSidebarControl }\n\t\t\t\t>\n\t\t\t\t\t<FocusControl\n\t\t\t\t\t\tapi={ api }\n\t\t\t\t\t\tsidebarControls={ sidebarControls }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ activeSidebar }\n\t\t\t\t\t\t{ popover }\n\t\t\t\t\t</FocusControl>\n\t\t\t\t</SidebarControls>\n\t\t\t</SlotFillProvider>\n\t\t</ShortcutProvider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAKA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,aAAA,GAAAF,sBAAA,CAAAJ,OAAA;AACA,IAAAO,gBAAA,GAAAH,sBAAA,CAAAJ,OAAA;AACA,IAAAQ,sBAAA,GAAAJ,sBAAA,CAAAJ,OAAA;AAdA;AACA;AACA;;AAKA;AACA;AACA;;AAOe,SAASS,gBAAgBA,CAAE;EACzCC,GAAG;EACHC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,oBAAoB,EAAEC,uBAAuB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAC1E,MAAMC,eAAe,GAAGC,QAAQ,CAACC,cAAc,CAC9C,0BACD,CAAC;EACD,MAAMC,UAAU,GAAG,IAAAC,eAAM,EAAC,CAAC;EAE3B,IAAAC,8BAAqB,EAAER,oBAAoB,EAAEM,UAAW,CAAC;EAEzD,IAAAG,kBAAS,EAAE,MAAM;IAChB,MAAMC,aAAa,GAAGZ,eAAe,CAACa,GAAG,CAAIC,cAAc,IAC1DA,cAAc,CAACC,SAAS,CAAIC,QAAQ,IAAM;MACzC,IAAKA,QAAQ,EAAG;QACfb,uBAAuB,CAAEW,cAAe,CAAC;MAC1C;IACD,CAAE,CACH,CAAC;IAED,OAAO,MAAM;MACZF,aAAa,CAACK,OAAO,CAAIC,YAAY,IAAMA,YAAY,CAAC,CAAE,CAAC;IAC5D,CAAC;EACF,CAAC,EAAE,CAAElB,eAAe,CAAG,CAAC;EAExB,MAAMmB,aAAa,GAClBjB,oBAAoB,IACpB,IAAAkB,qBAAY,EACX,IAAAhC,QAAA,CAAAiC,aAAA,EAAC7B,cAAA,CAAA8B,OAAa,QACb,IAAAlC,QAAA,CAAAiC,aAAA,EAAC3B,mBAAA,CAAA4B,OAAkB;IAClBC,GAAG,EAAGrB,oBAAoB,CAACsB,EAAI;IAC/BvB,mBAAmB,EAAGA,mBAAqB;IAC3CwB,OAAO,EAAGvB,oBAAoB,CAACwB,cAAgB;IAC/CC,QAAQ,EAAGzB,oBAAoB,CAACyB,QAAU;IAC1CC,SAAS,EAAG1B,oBAAoB,CAAC0B;EAAW,CAC5C,CACa,CAAC,EAChB1B,oBAAoB,CAAC2B,SAAS,CAAE,CAAC,CAClC,CAAC;;EAEF;EACA;EACA,MAAMC,OAAO,GACZzB,eAAe,IACf,IAAAe,qBAAY,EACX,IAAAhC,QAAA,CAAAiC,aAAA;IAAKU,SAAS,EAAC,2BAA2B;IAACC,GAAG,EAAGxB;EAAY,GAC5D,IAAApB,QAAA,CAAAiC,aAAA,EAAC/B,WAAA,CAAA2C,OAAO,CAACC,IAAI,MAAE,CACX,CAAC,EACN7B,eACD,CAAC;EAEF,OACC,IAAAjB,QAAA,CAAAiC,aAAA,EAAC9B,kBAAA,CAAA4C,gBAAgB,QAChB,IAAA/C,QAAA,CAAAiC,aAAA,EAAC/B,WAAA,CAAA8C,gBAAgB,QAChB,IAAAhD,QAAA,CAAAiC,aAAA,EAACzB,gBAAA,CAAA0B,OAAe;IACftB,eAAe,EAAGA,eAAiB;IACnCE,oBAAoB,EAAGA;EAAsB,GAE7C,IAAAd,QAAA,CAAAiC,aAAA,EAAC1B,aAAA,CAAA2B,OAAY;IACZvB,GAAG,EAAGA,GAAK;IACXC,eAAe,EAAGA;EAAiB,GAEjCmB,aAAa,EACbW,OACW,CACE,CACA,CACD,CAAC;AAErB"}

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

@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useClearSelectedBlock;
-
 var _element = require("@wordpress/element");
-
 var _data = require("@wordpress/data");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 /**
  * WordPress dependencies
  */
@@ -45,27 +41,28 @@ function useClearSelectedBlock(sidebarControl, popoverRef) {
       const container = sidebarControl.container[0];
       const ownerDocument = container.ownerDocument;
       const ownerWindow = ownerDocument.defaultView;
-
       function handleClearSelectedBlock(element) {
-        if ( // 1. Make sure there are blocks being selected.
-        (hasSelectedBlock() || hasMultiSelection()) && // 2. The element should exist in the DOM (not deleted).
-        element && ownerDocument.contains(element) && // 3. It should also not exist in the container, the popover, nor the dialog.
-        !container.contains(element) && !popoverRef.current.contains(element) && !element.closest('[role="dialog"]') && // 4. The inspector should not be opened.
+        if (
+        // 1. Make sure there are blocks being selected.
+        (hasSelectedBlock() || hasMultiSelection()) &&
+        // 2. The element should exist in the DOM (not deleted).
+        element && ownerDocument.contains(element) &&
+        // 3. It should also not exist in the container, the popover, nor the dialog.
+        !container.contains(element) && !popoverRef.current.contains(element) && !element.closest('[role="dialog"]') &&
+        // 4. The inspector should not be opened.
         !inspector.expanded()) {
           clearSelectedBlock();
         }
-      } // Handle mouse down in the same document.
-
+      }
 
+      // Handle mouse down in the same document.
       function handleMouseDown(event) {
         handleClearSelectedBlock(event.target);
-      } // Handle focusing outside the current document, like to iframes.
-
-
+      }
+      // Handle focusing outside the current document, like to iframes.
       function handleBlur() {
         handleClearSelectedBlock(ownerDocument.activeElement);
       }
-
       ownerDocument.addEventListener('mousedown', handleMouseDown);
       ownerWindow.addEventListener('blur', handleBlur);
       return () => {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/customize-widgets/use-clear-selected-block.js"],"names":["useClearSelectedBlock","sidebarControl","popoverRef","hasSelectedBlock","hasMultiSelection","blockEditorStore","clearSelectedBlock","current","inspector","container","ownerDocument","ownerWindow","defaultView","handleClearSelectedBlock","element","contains","closest","expanded","handleMouseDown","event","target","handleBlur","activeElement","addEventListener","removeEventListener"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AALA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,qBAAT,CAAgCC,cAAhC,EAAgDC,UAAhD,EAA6D;AAC3E,QAAM;AAAEC,IAAAA,gBAAF;AAAoBC,IAAAA;AAApB,MACL,qBAAWC,kBAAX,CADD;AAEA,QAAM;AAAEC,IAAAA;AAAF,MAAyB,uBAAaD,kBAAb,CAA/B;AAEA,0BAAW,MAAM;AAChB,QAAKH,UAAU,CAACK,OAAX,IAAsBN,cAA3B,EAA4C;AAC3C,YAAMO,SAAS,GAAGP,cAAc,CAACO,SAAjC;AACA,YAAMC,SAAS,GAAGR,cAAc,CAACQ,SAAf,CAA0B,CAA1B,CAAlB;AACA,YAAMC,aAAa,GAAGD,SAAS,CAACC,aAAhC;AACA,YAAMC,WAAW,GAAGD,aAAa,CAACE,WAAlC;;AAEA,eAASC,wBAAT,CAAmCC,OAAnC,EAA6C;AAC5C,aACC;AACA,SAAEX,gBAAgB,MAAMC,iBAAiB,EAAzC,KACA;AACAU,QAAAA,OAFA,IAGAJ,aAAa,CAACK,QAAd,CAAwBD,OAAxB,CAHA,IAIA;AACA,SAAEL,SAAS,CAACM,QAAV,CAAoBD,OAApB,CALF,IAMA,CAAEZ,UAAU,CAACK,OAAX,CAAmBQ,QAAnB,CAA6BD,OAA7B,CANF,IAOA,CAAEA,OAAO,CAACE,OAAR,CAAiB,iBAAjB,CAPF,IAQA;AACA,SAAER,SAAS,CAACS,QAAV,EAXH,EAYE;AACDX,UAAAA,kBAAkB;AAClB;AACD,OAtB0C,CAwB3C;;;AACA,eAASY,eAAT,CAA0BC,KAA1B,EAAkC;AACjCN,QAAAA,wBAAwB,CAAEM,KAAK,CAACC,MAAR,CAAxB;AACA,OA3B0C,CA4B3C;;;AACA,eAASC,UAAT,GAAsB;AACrBR,QAAAA,wBAAwB,CAAEH,aAAa,CAACY,aAAhB,CAAxB;AACA;;AAEDZ,MAAAA,aAAa,CAACa,gBAAd,CAAgC,WAAhC,EAA6CL,eAA7C;AACAP,MAAAA,WAAW,CAACY,gBAAZ,CAA8B,MAA9B,EAAsCF,UAAtC;AAEA,aAAO,MAAM;AACZX,QAAAA,aAAa,CAACc,mBAAd,CACC,WADD,EAECN,eAFD;AAIAP,QAAAA,WAAW,CAACa,mBAAZ,CAAiC,MAAjC,EAAyCH,UAAzC;AACA,OAND;AAOA;AACD,GA7CD,EA6CG,CACFnB,UADE,EAEFD,cAFE,EAGFE,gBAHE,EAIFC,iBAJE,EAKFE,kBALE,CA7CH;AAoDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * We can't just use <BlockSelectionClearer> because the customizer has\n * many root nodes rather than just one in the post editor.\n * We need to listen to the focus events in all those roots, and also in\n * the preview iframe.\n * This hook will clear the selected block when focusing outside the editor,\n * with a few exceptions:\n * 1. Focusing on popovers.\n * 2. Focusing on the inspector.\n * 3. Focusing on any modals/dialogs.\n * These cases are normally triggered by user interactions from the editor,\n * not by explicitly focusing outside the editor, hence no need for clearing.\n *\n * @param {Object} sidebarControl The sidebar control instance.\n * @param {Object} popoverRef     The ref object of the popover node container.\n */\nexport default function useClearSelectedBlock( sidebarControl, popoverRef ) {\n\tconst { hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( popoverRef.current && sidebarControl ) {\n\t\t\tconst inspector = sidebarControl.inspector;\n\t\t\tconst container = sidebarControl.container[ 0 ];\n\t\t\tconst ownerDocument = container.ownerDocument;\n\t\t\tconst ownerWindow = ownerDocument.defaultView;\n\n\t\t\tfunction handleClearSelectedBlock( element ) {\n\t\t\t\tif (\n\t\t\t\t\t// 1. Make sure there are blocks being selected.\n\t\t\t\t\t( hasSelectedBlock() || hasMultiSelection() ) &&\n\t\t\t\t\t// 2. The element should exist in the DOM (not deleted).\n\t\t\t\t\telement &&\n\t\t\t\t\townerDocument.contains( element ) &&\n\t\t\t\t\t// 3. It should also not exist in the container, the popover, nor the dialog.\n\t\t\t\t\t! container.contains( element ) &&\n\t\t\t\t\t! popoverRef.current.contains( element ) &&\n\t\t\t\t\t! element.closest( '[role=\"dialog\"]' ) &&\n\t\t\t\t\t// 4. The inspector should not be opened.\n\t\t\t\t\t! inspector.expanded()\n\t\t\t\t) {\n\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Handle mouse down in the same document.\n\t\t\tfunction handleMouseDown( event ) {\n\t\t\t\thandleClearSelectedBlock( event.target );\n\t\t\t}\n\t\t\t// Handle focusing outside the current document, like to iframes.\n\t\t\tfunction handleBlur() {\n\t\t\t\thandleClearSelectedBlock( ownerDocument.activeElement );\n\t\t\t}\n\n\t\t\townerDocument.addEventListener( 'mousedown', handleMouseDown );\n\t\t\townerWindow.addEventListener( 'blur', handleBlur );\n\n\t\t\treturn () => {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\thandleMouseDown\n\t\t\t\t);\n\t\t\t\townerWindow.removeEventListener( 'blur', handleBlur );\n\t\t\t};\n\t\t}\n\t}, [\n\t\tpopoverRef,\n\t\tsidebarControl,\n\t\thasSelectedBlock,\n\t\thasMultiSelection,\n\t\tclearSelectedBlock,\n\t] );\n}\n"]}
+{"version":3,"names":["_element","require","_data","_blockEditor","useClearSelectedBlock","sidebarControl","popoverRef","hasSelectedBlock","hasMultiSelection","useSelect","blockEditorStore","clearSelectedBlock","useDispatch","useEffect","current","inspector","container","ownerDocument","ownerWindow","defaultView","handleClearSelectedBlock","element","contains","closest","expanded","handleMouseDown","event","target","handleBlur","activeElement","addEventListener","removeEventListener"],"sources":["@wordpress/customize-widgets/src/components/customize-widgets/use-clear-selected-block.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * We can't just use <BlockSelectionClearer> because the customizer has\n * many root nodes rather than just one in the post editor.\n * We need to listen to the focus events in all those roots, and also in\n * the preview iframe.\n * This hook will clear the selected block when focusing outside the editor,\n * with a few exceptions:\n * 1. Focusing on popovers.\n * 2. Focusing on the inspector.\n * 3. Focusing on any modals/dialogs.\n * These cases are normally triggered by user interactions from the editor,\n * not by explicitly focusing outside the editor, hence no need for clearing.\n *\n * @param {Object} sidebarControl The sidebar control instance.\n * @param {Object} popoverRef     The ref object of the popover node container.\n */\nexport default function useClearSelectedBlock( sidebarControl, popoverRef ) {\n\tconst { hasSelectedBlock, hasMultiSelection } =\n\t\tuseSelect( blockEditorStore );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\tif ( popoverRef.current && sidebarControl ) {\n\t\t\tconst inspector = sidebarControl.inspector;\n\t\t\tconst container = sidebarControl.container[ 0 ];\n\t\t\tconst ownerDocument = container.ownerDocument;\n\t\t\tconst ownerWindow = ownerDocument.defaultView;\n\n\t\t\tfunction handleClearSelectedBlock( element ) {\n\t\t\t\tif (\n\t\t\t\t\t// 1. Make sure there are blocks being selected.\n\t\t\t\t\t( hasSelectedBlock() || hasMultiSelection() ) &&\n\t\t\t\t\t// 2. The element should exist in the DOM (not deleted).\n\t\t\t\t\telement &&\n\t\t\t\t\townerDocument.contains( element ) &&\n\t\t\t\t\t// 3. It should also not exist in the container, the popover, nor the dialog.\n\t\t\t\t\t! container.contains( element ) &&\n\t\t\t\t\t! popoverRef.current.contains( element ) &&\n\t\t\t\t\t! element.closest( '[role=\"dialog\"]' ) &&\n\t\t\t\t\t// 4. The inspector should not be opened.\n\t\t\t\t\t! inspector.expanded()\n\t\t\t\t) {\n\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Handle mouse down in the same document.\n\t\t\tfunction handleMouseDown( event ) {\n\t\t\t\thandleClearSelectedBlock( event.target );\n\t\t\t}\n\t\t\t// Handle focusing outside the current document, like to iframes.\n\t\t\tfunction handleBlur() {\n\t\t\t\thandleClearSelectedBlock( ownerDocument.activeElement );\n\t\t\t}\n\n\t\t\townerDocument.addEventListener( 'mousedown', handleMouseDown );\n\t\t\townerWindow.addEventListener( 'blur', handleBlur );\n\n\t\t\treturn () => {\n\t\t\t\townerDocument.removeEventListener(\n\t\t\t\t\t'mousedown',\n\t\t\t\t\thandleMouseDown\n\t\t\t\t);\n\t\t\t\townerWindow.removeEventListener( 'blur', handleBlur );\n\t\t\t};\n\t\t}\n\t}, [\n\t\tpopoverRef,\n\t\tsidebarControl,\n\t\thasSelectedBlock,\n\t\thasMultiSelection,\n\t\tclearSelectedBlock,\n\t] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASG,qBAAqBA,CAAEC,cAAc,EAAEC,UAAU,EAAG;EAC3E,MAAM;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GAC5C,IAAAC,eAAS,EAAEC,kBAAiB,CAAC;EAC9B,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEF,kBAAiB,CAAC;EAE9D,IAAAG,kBAAS,EAAE,MAAM;IAChB,IAAKP,UAAU,CAACQ,OAAO,IAAIT,cAAc,EAAG;MAC3C,MAAMU,SAAS,GAAGV,cAAc,CAACU,SAAS;MAC1C,MAAMC,SAAS,GAAGX,cAAc,CAACW,SAAS,CAAE,CAAC,CAAE;MAC/C,MAAMC,aAAa,GAAGD,SAAS,CAACC,aAAa;MAC7C,MAAMC,WAAW,GAAGD,aAAa,CAACE,WAAW;MAE7C,SAASC,wBAAwBA,CAAEC,OAAO,EAAG;QAC5C;QACC;QACA,CAAEd,gBAAgB,CAAC,CAAC,IAAIC,iBAAiB,CAAC,CAAC;QAC3C;QACAa,OAAO,IACPJ,aAAa,CAACK,QAAQ,CAAED,OAAQ,CAAC;QACjC;QACA,CAAEL,SAAS,CAACM,QAAQ,CAAED,OAAQ,CAAC,IAC/B,CAAEf,UAAU,CAACQ,OAAO,CAACQ,QAAQ,CAAED,OAAQ,CAAC,IACxC,CAAEA,OAAO,CAACE,OAAO,CAAE,iBAAkB,CAAC;QACtC;QACA,CAAER,SAAS,CAACS,QAAQ,CAAC,CAAC,EACrB;UACDb,kBAAkB,CAAC,CAAC;QACrB;MACD;;MAEA;MACA,SAASc,eAAeA,CAAEC,KAAK,EAAG;QACjCN,wBAAwB,CAAEM,KAAK,CAACC,MAAO,CAAC;MACzC;MACA;MACA,SAASC,UAAUA,CAAA,EAAG;QACrBR,wBAAwB,CAAEH,aAAa,CAACY,aAAc,CAAC;MACxD;MAEAZ,aAAa,CAACa,gBAAgB,CAAE,WAAW,EAAEL,eAAgB,CAAC;MAC9DP,WAAW,CAACY,gBAAgB,CAAE,MAAM,EAAEF,UAAW,CAAC;MAElD,OAAO,MAAM;QACZX,aAAa,CAACc,mBAAmB,CAChC,WAAW,EACXN,eACD,CAAC;QACDP,WAAW,CAACa,mBAAmB,CAAE,MAAM,EAAEH,UAAW,CAAC;MACtD,CAAC;IACF;EACD,CAAC,EAAE,CACFtB,UAAU,EACVD,cAAc,EACdE,gBAAgB,EAChBC,iBAAiB,EACjBG,kBAAkB,CACjB,CAAC;AACJ"}

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

@@ -4,22 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _compose = require("@wordpress/compose");
-
 var _hooks = require("@wordpress/hooks");
-
 /**
  * WordPress dependencies
  */
+
 function CopyButton({
   text,
   children
@@ -30,7 +24,6 @@ function CopyButton({
     ref: ref
   }, children);
 }
-
 class ErrorBoundary extends _element.Component {
   constructor() {
     super(...arguments);
@@ -38,23 +31,19 @@ class ErrorBoundary extends _element.Component {
       error: null
     };
   }
-
   componentDidCatch(error) {
     this.setState({
       error
     });
     (0, _hooks.doAction)('editor.ErrorBoundary.errorLogged', error);
   }
-
   render() {
     const {
       error
     } = this.state;
-
     if (!error) {
       return this.props.children;
     }
-
     return (0, _element.createElement)(_blockEditor.Warning, {
       className: "customize-widgets-error-boundary",
       actions: [(0, _element.createElement)(CopyButton, {
@@ -63,8 +52,6 @@ class ErrorBoundary extends _element.Component {
       }, (0, _i18n.__)('Copy Error'))]
     }, (0, _i18n.__)('The editor has encountered an unexpected error.'));
   }
-
 }
-
 exports.default = ErrorBoundary;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/error-boundary/index.js"],"names":["CopyButton","text","children","ref","ErrorBoundary","Component","constructor","arguments","state","error","componentDidCatch","setState","render","props","stack"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AACA;;AARA;AACA;AACA;AAQA,SAASA,UAAT,CAAqB;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAArB,EAA0C;AACzC,QAAMC,GAAG,GAAG,iCAAoBF,IAApB,CAAZ;AACA,SACC,4BAAC,kBAAD;AAAQ,IAAA,OAAO,EAAC,WAAhB;AAA4B,IAAA,GAAG,EAAGE;AAAlC,KACGD,QADH,CADD;AAKA;;AAEc,MAAME,aAAN,SAA4BC,kBAA5B,CAAsC;AACpDC,EAAAA,WAAW,GAAG;AACb,UAAO,GAAGC,SAAV;AACA,SAAKC,KAAL,GAAa;AACZC,MAAAA,KAAK,EAAE;AADK,KAAb;AAGA;;AAEDC,EAAAA,iBAAiB,CAAED,KAAF,EAAU;AAC1B,SAAKE,QAAL,CAAe;AAAEF,MAAAA;AAAF,KAAf;AAEA,yBAAU,kCAAV,EAA8CA,KAA9C;AACA;;AAEDG,EAAAA,MAAM,GAAG;AACR,UAAM;AAAEH,MAAAA;AAAF,QAAY,KAAKD,KAAvB;;AACA,QAAK,CAAEC,KAAP,EAAe;AACd,aAAO,KAAKI,KAAL,CAAWX,QAAlB;AACA;;AAED,WACC,4BAAC,oBAAD;AACC,MAAA,SAAS,EAAC,kCADX;AAEC,MAAA,OAAO,EAAG,CACT,4BAAC,UAAD;AAAY,QAAA,GAAG,EAAC,YAAhB;AAA6B,QAAA,IAAI,EAAGO,KAAK,CAACK;AAA1C,SACG,cAAI,YAAJ,CADH,CADS;AAFX,OAQG,cAAI,iDAAJ,CARH,CADD;AAYA;;AAhCmD","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"]}
+{"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","CopyButton","text","children","ref","useCopyToClipboard","createElement","Button","variant","ErrorBoundary","Component","constructor","arguments","state","error","componentDidCatch","setState","doAction","render","props","Warning","className","actions","key","stack","__","exports","default"],"sources":["@wordpress/customize-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AARA;AACA;AACA;;AAQA,SAASM,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEH,IAAK,CAAC;EACtC,OACC,IAAAR,QAAA,CAAAY,aAAA,EAACT,WAAA,CAAAU,MAAM;IAACC,OAAO,EAAC,WAAW;IAACJ,GAAG,EAAGA;EAAK,GACpCD,QACK,CAAC;AAEX;AAEe,MAAMM,aAAa,SAASC,kBAAS,CAAC;EACpDC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,KAAK,GAAG;MACZC,KAAK,EAAE;IACR,CAAC;EACF;EAEAC,iBAAiBA,CAAED,KAAK,EAAG;IAC1B,IAAI,CAACE,QAAQ,CAAE;MAAEF;IAAM,CAAE,CAAC;IAE1B,IAAAG,eAAQ,EAAE,kCAAkC,EAAEH,KAAM,CAAC;EACtD;EAEAI,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEJ;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,IAAK,CAAEC,KAAK,EAAG;MACd,OAAO,IAAI,CAACK,KAAK,CAAChB,QAAQ;IAC3B;IAEA,OACC,IAAAT,QAAA,CAAAY,aAAA,EAACR,YAAA,CAAAsB,OAAO;MACPC,SAAS,EAAC,kCAAkC;MAC5CC,OAAO,EAAG,CACT,IAAA5B,QAAA,CAAAY,aAAA,EAACL,UAAU;QAACsB,GAAG,EAAC,YAAY;QAACrB,IAAI,EAAGY,KAAK,CAACU;MAAO,GAC9C,IAAAC,QAAE,EAAE,YAAa,CACR,CAAC;IACX,GAED,IAAAA,QAAE,EAAE,iDAAkD,CAChD,CAAC;EAEZ;AACD;AAACC,OAAA,CAAAC,OAAA,GAAAlB,aAAA"}

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

@@ -5,11 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = FocusControl;
 exports.useFocusControl = void 0;
-
 var _element = require("@wordpress/element");
-
 var _utils = require("../../utils");
-
 /**
  * WordPress dependencies
  */
@@ -17,8 +14,8 @@ var _utils = require("../../utils");
 /**
  * Internal dependencies
  */
-const FocusControlContext = (0, _element.createContext)();
 
+const FocusControlContext = (0, _element.createContext)();
 function FocusControl({
   api,
   sidebarControls,
@@ -30,7 +27,6 @@ function FocusControl({
   const focusWidget = (0, _element.useCallback)(widgetId => {
     for (const sidebarControl of sidebarControls) {
       const widgets = sidebarControl.setting.get();
-
       if (widgets.includes(widgetId)) {
         sidebarControl.sectionInstance.expand({
           // Schedule it after the complete callback so that
@@ -42,7 +38,6 @@ function FocusControl({
               current: widgetId
             });
           }
-
         });
         break;
       }
@@ -53,18 +48,14 @@ function FocusControl({
       const widgetId = (0, _utils.settingIdToWidgetId)(settingId);
       focusWidget(widgetId);
     }
-
     let previewBound = false;
-
     function handleReady() {
       api.previewer.preview.bind('focus-control-for-setting', handleFocus);
       previewBound = true;
     }
-
     api.previewer.bind('ready', handleReady);
     return () => {
       api.previewer.unbind('ready', handleReady);
-
       if (previewBound) {
         api.previewer.preview.unbind('focus-control-for-setting', handleFocus);
       }
@@ -75,8 +66,6 @@ function FocusControl({
     value: context
   }, children);
 }
-
 const useFocusControl = () => (0, _element.useContext)(FocusControlContext);
-
 exports.useFocusControl = useFocusControl;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/focus-control/index.js"],"names":["FocusControlContext","FocusControl","api","sidebarControls","children","focusedWidgetIdRef","setFocusedWidgetIdRef","current","focusWidget","widgetId","sidebarControl","widgets","setting","get","includes","sectionInstance","expand","completeCallback","handleFocus","settingId","previewBound","handleReady","previewer","preview","bind","unbind","context","useFocusControl"],"mappings":";;;;;;;;AAGA;;AAYA;;AAfA;AACA;AACA;;AAUA;AACA;AACA;AAGA,MAAMA,mBAAmB,GAAG,6BAA5B;;AAEe,SAASC,YAAT,CAAuB;AAAEC,EAAAA,GAAF;AAAOC,EAAAA,eAAP;AAAwBC,EAAAA;AAAxB,CAAvB,EAA4D;AAC1E,QAAM,CAAEC,kBAAF,EAAsBC,qBAAtB,IAAgD,uBAAU;AAC/DC,IAAAA,OAAO,EAAE;AADsD,GAAV,CAAtD;AAIA,QAAMC,WAAW,GAAG,0BACjBC,QAAF,IAAgB;AACf,SAAM,MAAMC,cAAZ,IAA8BP,eAA9B,EAAgD;AAC/C,YAAMQ,OAAO,GAAGD,cAAc,CAACE,OAAf,CAAuBC,GAAvB,EAAhB;;AAEA,UAAKF,OAAO,CAACG,QAAR,CAAkBL,QAAlB,CAAL,EAAoC;AACnCC,QAAAA,cAAc,CAACK,eAAf,CAA+BC,MAA/B,CAAuC;AACtC;AACA;AACAC,UAAAA,gBAAgB,GAAG;AAClB;AACA;AACAX,YAAAA,qBAAqB,CAAE;AAAEC,cAAAA,OAAO,EAAEE;AAAX,aAAF,CAArB;AACA;;AAPqC,SAAvC;AAUA;AACA;AACD;AACD,GAnBkB,EAoBnB,CAAEN,eAAF,CApBmB,CAApB;AAuBA,0BAAW,MAAM;AAChB,aAASe,WAAT,CAAsBC,SAAtB,EAAkC;AACjC,YAAMV,QAAQ,GAAG,gCAAqBU,SAArB,CAAjB;AAEAX,MAAAA,WAAW,CAAEC,QAAF,CAAX;AACA;;AAED,QAAIW,YAAY,GAAG,KAAnB;;AAEA,aAASC,WAAT,GAAuB;AACtBnB,MAAAA,GAAG,CAACoB,SAAJ,CAAcC,OAAd,CAAsBC,IAAtB,CACC,2BADD,EAECN,WAFD;AAIAE,MAAAA,YAAY,GAAG,IAAf;AACA;;AAEDlB,IAAAA,GAAG,CAACoB,SAAJ,CAAcE,IAAd,CAAoB,OAApB,EAA6BH,WAA7B;AAEA,WAAO,MAAM;AACZnB,MAAAA,GAAG,CAACoB,SAAJ,CAAcG,MAAd,CAAsB,OAAtB,EAA+BJ,WAA/B;;AACA,UAAKD,YAAL,EAAoB;AACnBlB,QAAAA,GAAG,CAACoB,SAAJ,CAAcC,OAAd,CAAsBE,MAAtB,CACC,2BADD,EAECP,WAFD;AAIA;AACD,KARD;AASA,GA5BD,EA4BG,CAAEhB,GAAF,EAAOM,WAAP,CA5BH;AA8BA,QAAMkB,OAAO,GAAG,sBACf,MAAM,CAAErB,kBAAF,EAAsBG,WAAtB,CADS,EAEf,CAAEH,kBAAF,EAAsBG,WAAtB,CAFe,CAAhB;AAKA,SACC,4BAAC,mBAAD,CAAqB,QAArB;AAA8B,IAAA,KAAK,EAAGkB;AAAtC,KACGtB,QADH,CADD;AAKA;;AAEM,MAAMuB,eAAe,GAAG,MAAM,yBAAY3B,mBAAZ,CAA9B","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseState,\n\tuseEffect,\n\tuseContext,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { settingIdToWidgetId } from '../../utils';\n\nconst FocusControlContext = createContext();\n\nexport default function FocusControl( { api, sidebarControls, children } ) {\n\tconst [ focusedWidgetIdRef, setFocusedWidgetIdRef ] = useState( {\n\t\tcurrent: null,\n\t} );\n\n\tconst focusWidget = useCallback(\n\t\t( widgetId ) => {\n\t\t\tfor ( const sidebarControl of sidebarControls ) {\n\t\t\t\tconst widgets = sidebarControl.setting.get();\n\n\t\t\t\tif ( widgets.includes( widgetId ) ) {\n\t\t\t\t\tsidebarControl.sectionInstance.expand( {\n\t\t\t\t\t\t// Schedule it after the complete callback so that\n\t\t\t\t\t\t// it won't be overridden by the \"Back\" button focus.\n\t\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t\t// Create a \"ref-like\" object every time to ensure\n\t\t\t\t\t\t\t// the same widget id can also triggers the focus control.\n\t\t\t\t\t\t\tsetFocusedWidgetIdRef( { current: widgetId } );\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ sidebarControls ]\n\t);\n\n\tuseEffect( () => {\n\t\tfunction handleFocus( settingId ) {\n\t\t\tconst widgetId = settingIdToWidgetId( settingId );\n\n\t\t\tfocusWidget( widgetId );\n\t\t}\n\n\t\tlet previewBound = false;\n\n\t\tfunction handleReady() {\n\t\t\tapi.previewer.preview.bind(\n\t\t\t\t'focus-control-for-setting',\n\t\t\t\thandleFocus\n\t\t\t);\n\t\t\tpreviewBound = true;\n\t\t}\n\n\t\tapi.previewer.bind( 'ready', handleReady );\n\n\t\treturn () => {\n\t\t\tapi.previewer.unbind( 'ready', handleReady );\n\t\t\tif ( previewBound ) {\n\t\t\t\tapi.previewer.preview.unbind(\n\t\t\t\t\t'focus-control-for-setting',\n\t\t\t\t\thandleFocus\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}, [ api, focusWidget ] );\n\n\tconst context = useMemo(\n\t\t() => [ focusedWidgetIdRef, focusWidget ],\n\t\t[ focusedWidgetIdRef, focusWidget ]\n\t);\n\n\treturn (\n\t\t<FocusControlContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</FocusControlContext.Provider>\n\t);\n}\n\nexport const useFocusControl = () => useContext( FocusControlContext );\n"]}
+{"version":3,"names":["_element","require","_utils","FocusControlContext","createContext","FocusControl","api","sidebarControls","children","focusedWidgetIdRef","setFocusedWidgetIdRef","useState","current","focusWidget","useCallback","widgetId","sidebarControl","widgets","setting","get","includes","sectionInstance","expand","completeCallback","useEffect","handleFocus","settingId","settingIdToWidgetId","previewBound","handleReady","previewer","preview","bind","unbind","context","useMemo","createElement","Provider","value","useFocusControl","useContext","exports"],"sources":["@wordpress/customize-widgets/src/components/focus-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseState,\n\tuseEffect,\n\tuseContext,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { settingIdToWidgetId } from '../../utils';\n\nconst FocusControlContext = createContext();\n\nexport default function FocusControl( { api, sidebarControls, children } ) {\n\tconst [ focusedWidgetIdRef, setFocusedWidgetIdRef ] = useState( {\n\t\tcurrent: null,\n\t} );\n\n\tconst focusWidget = useCallback(\n\t\t( widgetId ) => {\n\t\t\tfor ( const sidebarControl of sidebarControls ) {\n\t\t\t\tconst widgets = sidebarControl.setting.get();\n\n\t\t\t\tif ( widgets.includes( widgetId ) ) {\n\t\t\t\t\tsidebarControl.sectionInstance.expand( {\n\t\t\t\t\t\t// Schedule it after the complete callback so that\n\t\t\t\t\t\t// it won't be overridden by the \"Back\" button focus.\n\t\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t\t// Create a \"ref-like\" object every time to ensure\n\t\t\t\t\t\t\t// the same widget id can also triggers the focus control.\n\t\t\t\t\t\t\tsetFocusedWidgetIdRef( { current: widgetId } );\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ sidebarControls ]\n\t);\n\n\tuseEffect( () => {\n\t\tfunction handleFocus( settingId ) {\n\t\t\tconst widgetId = settingIdToWidgetId( settingId );\n\n\t\t\tfocusWidget( widgetId );\n\t\t}\n\n\t\tlet previewBound = false;\n\n\t\tfunction handleReady() {\n\t\t\tapi.previewer.preview.bind(\n\t\t\t\t'focus-control-for-setting',\n\t\t\t\thandleFocus\n\t\t\t);\n\t\t\tpreviewBound = true;\n\t\t}\n\n\t\tapi.previewer.bind( 'ready', handleReady );\n\n\t\treturn () => {\n\t\t\tapi.previewer.unbind( 'ready', handleReady );\n\t\t\tif ( previewBound ) {\n\t\t\t\tapi.previewer.preview.unbind(\n\t\t\t\t\t'focus-control-for-setting',\n\t\t\t\t\thandleFocus\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}, [ api, focusWidget ] );\n\n\tconst context = useMemo(\n\t\t() => [ focusedWidgetIdRef, focusWidget ],\n\t\t[ focusedWidgetIdRef, focusWidget ]\n\t);\n\n\treturn (\n\t\t<FocusControlContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</FocusControlContext.Provider>\n\t);\n}\n\nexport const useFocusControl = () => useContext( FocusControlContext );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAYA,IAAAC,MAAA,GAAAD,OAAA;AAfA;AACA;AACA;;AAUA;AACA;AACA;;AAGA,MAAME,mBAAmB,GAAG,IAAAC,sBAAa,EAAC,CAAC;AAE5B,SAASC,YAAYA,CAAE;EAAEC,GAAG;EAAEC,eAAe;EAAEC;AAAS,CAAC,EAAG;EAC1E,MAAM,CAAEC,kBAAkB,EAAEC,qBAAqB,CAAE,GAAG,IAAAC,iBAAQ,EAAE;IAC/DC,OAAO,EAAE;EACV,CAAE,CAAC;EAEH,MAAMC,WAAW,GAAG,IAAAC,oBAAW,EAC5BC,QAAQ,IAAM;IACf,KAAM,MAAMC,cAAc,IAAIT,eAAe,EAAG;MAC/C,MAAMU,OAAO,GAAGD,cAAc,CAACE,OAAO,CAACC,GAAG,CAAC,CAAC;MAE5C,IAAKF,OAAO,CAACG,QAAQ,CAAEL,QAAS,CAAC,EAAG;QACnCC,cAAc,CAACK,eAAe,CAACC,MAAM,CAAE;UACtC;UACA;UACAC,gBAAgBA,CAAA,EAAG;YAClB;YACA;YACAb,qBAAqB,CAAE;cAAEE,OAAO,EAAEG;YAAS,CAAE,CAAC;UAC/C;QACD,CAAE,CAAC;QAEH;MACD;IACD;EACD,CAAC,EACD,CAAER,eAAe,CAClB,CAAC;EAED,IAAAiB,kBAAS,EAAE,MAAM;IAChB,SAASC,WAAWA,CAAEC,SAAS,EAAG;MACjC,MAAMX,QAAQ,GAAG,IAAAY,0BAAmB,EAAED,SAAU,CAAC;MAEjDb,WAAW,CAAEE,QAAS,CAAC;IACxB;IAEA,IAAIa,YAAY,GAAG,KAAK;IAExB,SAASC,WAAWA,CAAA,EAAG;MACtBvB,GAAG,CAACwB,SAAS,CAACC,OAAO,CAACC,IAAI,CACzB,2BAA2B,EAC3BP,WACD,CAAC;MACDG,YAAY,GAAG,IAAI;IACpB;IAEAtB,GAAG,CAACwB,SAAS,CAACE,IAAI,CAAE,OAAO,EAAEH,WAAY,CAAC;IAE1C,OAAO,MAAM;MACZvB,GAAG,CAACwB,SAAS,CAACG,MAAM,CAAE,OAAO,EAAEJ,WAAY,CAAC;MAC5C,IAAKD,YAAY,EAAG;QACnBtB,GAAG,CAACwB,SAAS,CAACC,OAAO,CAACE,MAAM,CAC3B,2BAA2B,EAC3BR,WACD,CAAC;MACF;IACD,CAAC;EACF,CAAC,EAAE,CAAEnB,GAAG,EAAEO,WAAW,CAAG,CAAC;EAEzB,MAAMqB,OAAO,GAAG,IAAAC,gBAAO,EACtB,MAAM,CAAE1B,kBAAkB,EAAEI,WAAW,CAAE,EACzC,CAAEJ,kBAAkB,EAAEI,WAAW,CAClC,CAAC;EAED,OACC,IAAAb,QAAA,CAAAoC,aAAA,EAACjC,mBAAmB,CAACkC,QAAQ;IAACC,KAAK,EAAGJ;EAAS,GAC5C1B,QAC2B,CAAC;AAEjC;AAEO,MAAM+B,eAAe,GAAGA,CAAA,KAAM,IAAAC,mBAAU,EAAErC,mBAAoB,CAAC;AAACsC,OAAA,CAAAF,eAAA,GAAAA,eAAA"}

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

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useBlocksFocusControl;
-
 var _element = require("@wordpress/element");
-
 var _data = require("@wordpress/data");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _widgets = require("@wordpress/widgets");
-
 var _ = require(".");
-
 /**
  * WordPress dependencies
  */
@@ -22,6 +16,7 @@ var _ = require(".");
 /**
  * Internal dependencies
  */
+
 function useBlocksFocusControl(blocks) {
   const {
     selectBlock
@@ -34,12 +29,11 @@ function useBlocksFocusControl(blocks) {
   (0, _element.useEffect)(() => {
     if (focusedWidgetIdRef.current) {
       const focusedBlock = blocksRef.current.find(block => (0, _widgets.getWidgetIdFromBlock)(block) === focusedWidgetIdRef.current);
-
       if (focusedBlock) {
-        selectBlock(focusedBlock.clientId); // If the block is already being selected, the DOM node won't
+        selectBlock(focusedBlock.clientId);
+        // If the block is already being selected, the DOM node won't
         // get focused again automatically.
         // We select the DOM and focus it manually here.
-
         const blockNode = document.querySelector(`[data-block="${focusedBlock.clientId}"]`);
         blockNode?.focus();
       }

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/focus-control/use-blocks-focus-control.js"],"names":["useBlocksFocusControl","blocks","selectBlock","blockEditorStore","focusedWidgetIdRef","blocksRef","current","focusedBlock","find","block","clientId","blockNode","document","querySelector","focus"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;AAGe,SAASA,qBAAT,CAAgCC,MAAhC,EAAyC;AACvD,QAAM;AAAEC,IAAAA;AAAF,MAAkB,uBAAaC,kBAAb,CAAxB;AACA,QAAM,CAAEC,kBAAF,IAAyB,wBAA/B;AAEA,QAAMC,SAAS,GAAG,qBAAQJ,MAAR,CAAlB;AAEA,0BAAW,MAAM;AAChBI,IAAAA,SAAS,CAACC,OAAV,GAAoBL,MAApB;AACA,GAFD,EAEG,CAAEA,MAAF,CAFH;AAIA,0BAAW,MAAM;AAChB,QAAKG,kBAAkB,CAACE,OAAxB,EAAkC;AACjC,YAAMC,YAAY,GAAGF,SAAS,CAACC,OAAV,CAAkBE,IAAlB,CAClBC,KAAF,IACC,mCAAsBA,KAAtB,MAAkCL,kBAAkB,CAACE,OAFlC,CAArB;;AAKA,UAAKC,YAAL,EAAoB;AACnBL,QAAAA,WAAW,CAAEK,YAAY,CAACG,QAAf,CAAX,CADmB,CAEnB;AACA;AACA;;AACA,cAAMC,SAAS,GAAGC,QAAQ,CAACC,aAAT,CAChB,gBAAgBN,YAAY,CAACG,QAAU,IADvB,CAAlB;AAGAC,QAAAA,SAAS,EAAEG,KAAX;AACA;AACD;AACD,GAlBD,EAkBG,CAAEV,kBAAF,EAAsBF,WAAtB,CAlBH;AAmBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { getWidgetIdFromBlock } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { useFocusControl } from '.';\n\nexport default function useBlocksFocusControl( blocks ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst [ focusedWidgetIdRef ] = useFocusControl();\n\n\tconst blocksRef = useRef( blocks );\n\n\tuseEffect( () => {\n\t\tblocksRef.current = blocks;\n\t}, [ blocks ] );\n\n\tuseEffect( () => {\n\t\tif ( focusedWidgetIdRef.current ) {\n\t\t\tconst focusedBlock = blocksRef.current.find(\n\t\t\t\t( block ) =>\n\t\t\t\t\tgetWidgetIdFromBlock( block ) === focusedWidgetIdRef.current\n\t\t\t);\n\n\t\t\tif ( focusedBlock ) {\n\t\t\t\tselectBlock( focusedBlock.clientId );\n\t\t\t\t// If the block is already being selected, the DOM node won't\n\t\t\t\t// get focused again automatically.\n\t\t\t\t// We select the DOM and focus it manually here.\n\t\t\t\tconst blockNode = document.querySelector(\n\t\t\t\t\t`[data-block=\"${ focusedBlock.clientId }\"]`\n\t\t\t\t);\n\t\t\t\tblockNode?.focus();\n\t\t\t}\n\t\t}\n\t}, [ focusedWidgetIdRef, selectBlock ] );\n}\n"]}
+{"version":3,"names":["_element","require","_data","_blockEditor","_widgets","_","useBlocksFocusControl","blocks","selectBlock","useDispatch","blockEditorStore","focusedWidgetIdRef","useFocusControl","blocksRef","useRef","useEffect","current","focusedBlock","find","block","getWidgetIdFromBlock","clientId","blockNode","document","querySelector","focus"],"sources":["@wordpress/customize-widgets/src/components/focus-control/use-blocks-focus-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { getWidgetIdFromBlock } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { useFocusControl } from '.';\n\nexport default function useBlocksFocusControl( blocks ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst [ focusedWidgetIdRef ] = useFocusControl();\n\n\tconst blocksRef = useRef( blocks );\n\n\tuseEffect( () => {\n\t\tblocksRef.current = blocks;\n\t}, [ blocks ] );\n\n\tuseEffect( () => {\n\t\tif ( focusedWidgetIdRef.current ) {\n\t\t\tconst focusedBlock = blocksRef.current.find(\n\t\t\t\t( block ) =>\n\t\t\t\t\tgetWidgetIdFromBlock( block ) === focusedWidgetIdRef.current\n\t\t\t);\n\n\t\t\tif ( focusedBlock ) {\n\t\t\t\tselectBlock( focusedBlock.clientId );\n\t\t\t\t// If the block is already being selected, the DOM node won't\n\t\t\t\t// get focused again automatically.\n\t\t\t\t// We select the DOM and focus it manually here.\n\t\t\t\tconst blockNode = document.querySelector(\n\t\t\t\t\t`[data-block=\"${ focusedBlock.clientId }\"]`\n\t\t\t\t);\n\t\t\t\tblockNode?.focus();\n\t\t\t}\n\t\t}\n\t}, [ focusedWidgetIdRef, selectBlock ] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,CAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAGe,SAASK,qBAAqBA,CAAEC,MAAM,EAAG;EACvD,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EACvD,MAAM,CAAEC,kBAAkB,CAAE,GAAG,IAAAC,iBAAe,EAAC,CAAC;EAEhD,MAAMC,SAAS,GAAG,IAAAC,eAAM,EAAEP,MAAO,CAAC;EAElC,IAAAQ,kBAAS,EAAE,MAAM;IAChBF,SAAS,CAACG,OAAO,GAAGT,MAAM;EAC3B,CAAC,EAAE,CAAEA,MAAM,CAAG,CAAC;EAEf,IAAAQ,kBAAS,EAAE,MAAM;IAChB,IAAKJ,kBAAkB,CAACK,OAAO,EAAG;MACjC,MAAMC,YAAY,GAAGJ,SAAS,CAACG,OAAO,CAACE,IAAI,CACxCC,KAAK,IACN,IAAAC,6BAAoB,EAAED,KAAM,CAAC,KAAKR,kBAAkB,CAACK,OACvD,CAAC;MAED,IAAKC,YAAY,EAAG;QACnBT,WAAW,CAAES,YAAY,CAACI,QAAS,CAAC;QACpC;QACA;QACA;QACA,MAAMC,SAAS,GAAGC,QAAQ,CAACC,aAAa,CACtC,gBAAgBP,YAAY,CAACI,QAAU,IACzC,CAAC;QACDC,SAAS,EAAEG,KAAK,CAAC,CAAC;MACnB;IACD;EACD,CAAC,EAAE,CAAEd,kBAAkB,EAAEH,WAAW,CAAG,CAAC;AACzC"}

package/build/components/header/index.js

@@ -1,30 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _keycodes = require("@wordpress/keycodes");
-
 var _icons = require("@wordpress/icons");
-
 var _inserter = _interopRequireDefault(require("../inserter"));
-
 var _moreMenu = _interopRequireDefault(require("../more-menu"));
-
 /**
  * External dependencies
  */
@@ -36,6 +25,7 @@ var _moreMenu = _interopRequireDefault(require("../more-menu"));
 /**
  * Internal dependencies
  */
+
 function Header({
   sidebar,
   inserter,
@@ -59,10 +49,10 @@ function Header({
     "aria-label": (0, _i18n.__)('Document tools')
   }, (0, _element.createElement)(_components.ToolbarButton, {
     icon: !(0, _i18n.isRTL)() ? _icons.undo : _icons.redo
-    /* translators: button label text should, if possible, be under 16 characters. */
-    ,
+    /* translators: button label text should, if possible, be under 16 characters. */,
     label: (0, _i18n.__)('Undo'),
-    shortcut: _keycodes.displayShortcut.primary('z') // If there are no undo levels we don't want to actually disable this
+    shortcut: _keycodes.displayShortcut.primary('z')
+    // If there are no undo levels we don't want to actually disable this
     // button, because it will remove focus for keyboard users.
     // See: https://github.com/WordPress/gutenberg/issues/3486
     ,
@@ -71,10 +61,10 @@ function Header({
     className: "customize-widgets-editor-history-button undo-button"
   }), (0, _element.createElement)(_components.ToolbarButton, {
     icon: !(0, _i18n.isRTL)() ? _icons.redo : _icons.undo
-    /* translators: button label text should, if possible, be under 16 characters. */
-    ,
+    /* translators: button label text should, if possible, be under 16 characters. */,
     label: (0, _i18n.__)('Redo'),
-    shortcut: shortcut // If there are no undo levels we don't want to actually disable this
+    shortcut: shortcut
+    // If there are no undo levels we don't want to actually disable this
     // button, because it will remove focus for keyboard users.
     // See: https://github.com/WordPress/gutenberg/issues/3486
     ,
@@ -94,7 +84,6 @@ function Header({
     setIsOpened: setIsInserterOpened
   }), inserter.contentContainer[0]));
 }
-
 var _default = Header;
 exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/customize-widgets/src/components/header/index.js"],"names":["Header","sidebar","inserter","isInserterOpened","setIsInserterOpened","isFixedToolbarActive","hasUndo","hasRedo","setUndoRedo","shortcut","displayShortcut","primaryShift","primary","subscribeHistory","undoIcon","redoIcon","undo","redo","plus","isOpen","contentContainer"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AAIA,SAASA,MAAT,CAAiB;AAChBC,EAAAA,OADgB;AAEhBC,EAAAA,QAFgB;AAGhBC,EAAAA,gBAHgB;AAIhBC,EAAAA,mBAJgB;AAKhBC,EAAAA;AALgB,CAAjB,EAMI;AACH,QAAM,CAAE,CAAEC,OAAF,EAAWC,OAAX,CAAF,EAAwBC,WAAxB,IAAwC,uBAAU,CACvDP,OAAO,CAACK,OAAR,EADuD,EAEvDL,OAAO,CAACM,OAAR,EAFuD,CAAV,CAA9C;AAKA,QAAME,QAAQ,GAAG,6BACdC,0BAAgBC,YAAhB,CAA8B,GAA9B,CADc,GAEdD,0BAAgBE,OAAhB,CAAyB,GAAzB,CAFH;AAIA,0BAAW,MAAM;AAChB,WAAOX,OAAO,CAACY,gBAAR,CAA0B,MAAM;AACtCL,MAAAA,WAAW,CAAE,CAAEP,OAAO,CAACK,OAAR,EAAF,EAAqBL,OAAO,CAACM,OAAR,EAArB,CAAF,CAAX;AACA,KAFM,CAAP;AAGA,GAJD,EAIG,CAAEN,OAAF,CAJH;AAMA,SACC,qDACC;AACC,IAAA,SAAS,EAAG,yBAAY,0BAAZ,EAAwC;AACnD,iCAA2BI;AADwB,KAAxC;AADb,KAKC,4BAAC,6BAAD;AACC,IAAA,SAAS,EAAC,kCADX;AAEC,kBAAa,cAAI,gBAAJ;AAFd,KAIC,4BAAC,yBAAD;AACC,IAAA,IAAI,EAAG,CAAE,kBAAF,GAAYS,WAAZ,GAAuBC;AAC9B;AAFD;AAGC,IAAA,KAAK,EAAG,cAAI,MAAJ,CAHT;AAIC,IAAA,QAAQ,EAAGL,0BAAgBE,OAAhB,CAAyB,GAAzB,CAJZ,CAKC;AACA;AACA;AAPD;AAQC,qBAAgB,CAAEN,OARnB;AASC,IAAA,OAAO,EAAGL,OAAO,CAACe,IATnB;AAUC,IAAA,SAAS,EAAC;AAVX,IAJD,EAgBC,4BAAC,yBAAD;AACC,IAAA,IAAI,EAAG,CAAE,kBAAF,GAAYD,WAAZ,GAAuBD;AAC9B;AAFD;AAGC,IAAA,KAAK,EAAG,cAAI,MAAJ,CAHT;AAIC,IAAA,QAAQ,EAAGL,QAJZ,CAKC;AACA;AACA;AAPD;AAQC,qBAAgB,CAAEF,OARnB;AASC,IAAA,OAAO,EAAGN,OAAO,CAACgB,IATnB;AAUC,IAAA,SAAS,EAAC;AAVX,IAhBD,EA6BC,4BAAC,yBAAD;AACC,IAAA,SAAS,EAAC,mDADX;AAEC,IAAA,SAAS,EAAGd,gBAFb;AAGC,IAAA,OAAO,EAAC,SAHT;AAIC,IAAA,IAAI,EAAGe,WAJR;AAKC,IAAA,KAAK,EAAG,cACP,WADO,EAEP,yCAFO,CALT;AASC,IAAA,OAAO,EAAG,MAAM;AACfd,MAAAA,mBAAmB,CAAIe,MAAF,IAAc,CAAEA,MAAlB,CAAnB;AACA;AAXF,IA7BD,EA0CC,4BAAC,iBAAD,OA1CD,CALD,CADD,EAoDG,2BACD,4BAAC,iBAAD;AAAU,IAAA,WAAW,EAAGf;AAAxB,IADC,EAEDF,QAAQ,CAACkB,gBAAT,CAA2B,CAA3B,CAFC,CApDH,CADD;AA2DA;;eAEcpB,M","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { createPortal, useState, useEffect } from '@wordpress/element';\nimport { __, _x, isRTL } from '@wordpress/i18n';\nimport { ToolbarButton } from '@wordpress/components';\nimport { NavigableToolbar } from '@wordpress/block-editor';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { plus, undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport MoreMenu from '../more-menu';\n\nfunction Header( {\n\tsidebar,\n\tinserter,\n\tisInserterOpened,\n\tsetIsInserterOpened,\n\tisFixedToolbarActive,\n} ) {\n\tconst [ [ hasUndo, hasRedo ], setUndoRedo ] = useState( [\n\t\tsidebar.hasUndo(),\n\t\tsidebar.hasRedo(),\n\t] );\n\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribeHistory( () => {\n\t\t\tsetUndoRedo( [ sidebar.hasUndo(), sidebar.hasRedo() ] );\n\t\t} );\n\t}, [ sidebar ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ classnames( 'customize-widgets-header', {\n\t\t\t\t\t'is-fixed-toolbar-active': isFixedToolbarActive,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tclassName=\"customize-widgets-header-toolbar\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Undo' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\t\t\t\taria-disabled={ ! hasUndo }\n\t\t\t\t\t\tonClick={ sidebar.undo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button undo-button\"\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Redo' ) }\n\t\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\t\t\t\taria-disabled={ ! hasRedo }\n\t\t\t\t\t\tonClick={ sidebar.redo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button redo-button\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"customize-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsInserterOpened( ( isOpen ) => ! isOpen );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</NavigableToolbar>\n\t\t\t</div>\n\n\t\t\t{ createPortal(\n\t\t\t\t<Inserter setIsOpened={ setIsInserterOpened } />,\n\t\t\t\tinserter.contentContainer[ 0 ]\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default Header;\n"]}
+{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_components","_blockEditor","_keycodes","_icons","_inserter","_moreMenu","Header","sidebar","inserter","isInserterOpened","setIsInserterOpened","isFixedToolbarActive","hasUndo","hasRedo","setUndoRedo","useState","shortcut","isAppleOS","displayShortcut","primaryShift","primary","useEffect","subscribeHistory","createElement","Fragment","className","classnames","NavigableToolbar","__","ToolbarButton","icon","isRTL","undoIcon","redoIcon","label","onClick","undo","redo","isPressed","variant","plus","_x","isOpen","default","createPortal","setIsOpened","contentContainer","_default","exports"],"sources":["@wordpress/customize-widgets/src/components/header/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { createPortal, useState, useEffect } from '@wordpress/element';\nimport { __, _x, isRTL } from '@wordpress/i18n';\nimport { ToolbarButton } from '@wordpress/components';\nimport { NavigableToolbar } from '@wordpress/block-editor';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { plus, undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport MoreMenu from '../more-menu';\n\nfunction Header( {\n\tsidebar,\n\tinserter,\n\tisInserterOpened,\n\tsetIsInserterOpened,\n\tisFixedToolbarActive,\n} ) {\n\tconst [ [ hasUndo, hasRedo ], setUndoRedo ] = useState( [\n\t\tsidebar.hasUndo(),\n\t\tsidebar.hasRedo(),\n\t] );\n\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribeHistory( () => {\n\t\t\tsetUndoRedo( [ sidebar.hasUndo(), sidebar.hasRedo() ] );\n\t\t} );\n\t}, [ sidebar ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ classnames( 'customize-widgets-header', {\n\t\t\t\t\t'is-fixed-toolbar-active': isFixedToolbarActive,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tclassName=\"customize-widgets-header-toolbar\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Undo' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\t\t\t\taria-disabled={ ! hasUndo }\n\t\t\t\t\t\tonClick={ sidebar.undo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button undo-button\"\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Redo' ) }\n\t\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t\t\t// If there are no undo levels we don't want to actually disable this\n\t\t\t\t\t\t// button, because it will remove focus for keyboard users.\n\t\t\t\t\t\t// See: https://github.com/WordPress/gutenberg/issues/3486\n\t\t\t\t\t\taria-disabled={ ! hasRedo }\n\t\t\t\t\t\tonClick={ sidebar.redo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button redo-button\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"customize-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsInserterOpened( ( isOpen ) => ! isOpen );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</NavigableToolbar>\n\t\t\t</div>\n\n\t\t\t{ createPortal(\n\t\t\t\t<Inserter setIsOpened={ setIsInserterOpened } />,\n\t\t\t\tinserter.contentContainer[ 0 ]\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAMA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAKA,IAAAQ,SAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,SAAA,GAAAP,sBAAA,CAAAF,OAAA;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;;AAIA,SAASU,MAAMA,CAAE;EAChBC,OAAO;EACPC,QAAQ;EACRC,gBAAgB;EAChBC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,MAAM,CAAE,CAAEC,OAAO,EAAEC,OAAO,CAAE,EAAEC,WAAW,CAAE,GAAG,IAAAC,iBAAQ,EAAE,CACvDR,OAAO,CAACK,OAAO,CAAC,CAAC,EACjBL,OAAO,CAACM,OAAO,CAAC,CAAC,CAChB,CAAC;EAEH,MAAMG,QAAQ,GAAG,IAAAC,mBAAS,EAAC,CAAC,GACzBC,yBAAe,CAACC,YAAY,CAAE,GAAI,CAAC,GACnCD,yBAAe,CAACE,OAAO,CAAE,GAAI,CAAC;EAEjC,IAAAC,kBAAS,EAAE,MAAM;IAChB,OAAOd,OAAO,CAACe,gBAAgB,CAAE,MAAM;MACtCR,WAAW,CAAE,CAAEP,OAAO,CAACK,OAAO,CAAC,CAAC,EAAEL,OAAO,CAACM,OAAO,CAAC,CAAC,CAAG,CAAC;IACxD,CAAE,CAAC;EACJ,CAAC,EAAE,CAAEN,OAAO,CAAG,CAAC;EAEhB,OACC,IAAAZ,QAAA,CAAA4B,aAAA,EAAA5B,QAAA,CAAA6B,QAAA,QACC,IAAA7B,QAAA,CAAA4B,aAAA;IACCE,SAAS,EAAG,IAAAC,mBAAU,EAAE,0BAA0B,EAAE;MACnD,yBAAyB,EAAEf;IAC5B,CAAE;EAAG,GAEL,IAAAhB,QAAA,CAAA4B,aAAA,EAACtB,YAAA,CAAA0B,gBAAgB;IAChBF,SAAS,EAAC,kCAAkC;IAC5C,cAAa,IAAAG,QAAE,EAAE,gBAAiB;EAAG,GAErC,IAAAjC,QAAA,CAAA4B,aAAA,EAACvB,WAAA,CAAA6B,aAAa;IACbC,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGC,WAAQ,GAAGC;IAC9B;IACAC,KAAK,EAAG,IAAAN,QAAE,EAAE,MAAO,CAAG;IACtBZ,QAAQ,EAAGE,yBAAe,CAACE,OAAO,CAAE,GAAI;IACxC;IACA;IACA;IAAA;IACA,iBAAgB,CAAER,OAAS;IAC3BuB,OAAO,EAAG5B,OAAO,CAAC6B,IAAM;IACxBX,SAAS,EAAC;EAAqD,CAC/D,CAAC,EACF,IAAA9B,QAAA,CAAA4B,aAAA,EAACvB,WAAA,CAAA6B,aAAa;IACbC,IAAI,EAAG,CAAE,IAAAC,WAAK,EAAC,CAAC,GAAGE,WAAQ,GAAGD;IAC9B;IACAE,KAAK,EAAG,IAAAN,QAAE,EAAE,MAAO,CAAG;IACtBZ,QAAQ,EAAGA;IACX;IACA;IACA;IAAA;IACA,iBAAgB,CAAEH,OAAS;IAC3BsB,OAAO,EAAG5B,OAAO,CAAC8B,IAAM;IACxBZ,SAAS,EAAC;EAAqD,CAC/D,CAAC,EAEF,IAAA9B,QAAA,CAAA4B,aAAA,EAACvB,WAAA,CAAA6B,aAAa;IACbJ,SAAS,EAAC,mDAAmD;IAC7Da,SAAS,EAAG7B,gBAAkB;IAC9B8B,OAAO,EAAC,SAAS;IACjBT,IAAI,EAAGU,WAAM;IACbN,KAAK,EAAG,IAAAO,QAAE,EACT,WAAW,EACX,yCACD,CAAG;IACHN,OAAO,EAAGA,CAAA,KAAM;MACfzB,mBAAmB,CAAIgC,MAAM,IAAM,CAAEA,MAAO,CAAC;IAC9C;EAAG,CACH,CAAC,EACF,IAAA/C,QAAA,CAAA4B,aAAA,EAAClB,SAAA,CAAAsC,OAAQ,MAAE,CACM,CACd,CAAC,EAEJ,IAAAC,qBAAY,EACb,IAAAjD,QAAA,CAAA4B,aAAA,EAACnB,SAAA,CAAAuC,OAAQ;IAACE,WAAW,EAAGnC;EAAqB,CAAE,CAAC,EAChDF,QAAQ,CAACsC,gBAAgB,CAAE,CAAC,CAC7B,CACC,CAAC;AAEL;AAAC,IAAAC,QAAA,GAEczC,MAAM;AAAA0C,OAAA,CAAAL,OAAA,GAAAI,QAAA"}