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

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

@@ -1,33 +1,37 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var error_boundary_exports = {};
+__export(error_boundary_exports, {
+  default: () => ErrorBoundary
 });
-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");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-function CopyButton({
-  text,
-  children
-}) {
-  const ref = (0, _compose.useCopyToClipboard)(text);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-    size: "compact",
-    variant: "secondary",
-    ref: ref,
-    children: children
-  });
+module.exports = __toCommonJS(error_boundary_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_block_editor = require("@wordpress/block-editor");
+var import_compose = require("@wordpress/compose");
+var import_hooks = require("@wordpress/hooks");
+function CopyButton({ text, children }) {
+  const ref = (0, import_compose.useCopyToClipboard)(text);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Button, { size: "compact", variant: "secondary", ref, children });
 }
-class ErrorBoundary extends _element.Component {
+class ErrorBoundary extends import_element.Component {
   constructor() {
     super(...arguments);
     this.state = {
@@ -35,27 +39,24 @@ class ErrorBoundary extends _element.Component {
     };
   }
   componentDidCatch(error) {
-    this.setState({
-      error
-    });
-    (0, _hooks.doAction)('editor.ErrorBoundary.errorLogged', error);
+    this.setState({ error });
+    (0, import_hooks.doAction)("editor.ErrorBoundary.errorLogged", error);
   }
   render() {
-    const {
-      error
-    } = this.state;
+    const { error } = this.state;
     if (!error) {
       return this.props.children;
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.Warning, {
-      className: "customize-widgets-error-boundary",
-      actions: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CopyButton, {
-        text: error.stack,
-        children: (0, _i18n.__)('Copy Error')
-      }, "copy-error")],
-      children: (0, _i18n.__)('The editor has encountered an unexpected error.')
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_block_editor.Warning,
+      {
+        className: "customize-widgets-error-boundary",
+        actions: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: error.stack, children: (0, import_i18n.__)("Copy Error") }, "copy-error")
+        ],
+        children: (0, import_i18n.__)("The editor has encountered an unexpected error.")
+      }
+    );
   }
 }
-exports.default = ErrorBoundary;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","_jsxRuntime","CopyButton","text","children","ref","useCopyToClipboard","jsx","Button","size","variant","ErrorBoundary","Component","constructor","arguments","state","error","componentDidCatch","setState","doAction","render","props","Warning","className","actions","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 size=\"compact\" variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;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;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAR5C;AACA;AACA;;AAQA,SAASO,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEH,IAAK,CAAC;EACtC,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACV,WAAA,CAAAW,MAAM;IAACC,IAAI,EAAC,SAAS;IAACC,OAAO,EAAC,WAAW;IAACL,GAAG,EAAGA,GAAK;IAAAD,QAAA,EACnDA;EAAQ,CACH,CAAC;AAEX;AAEe,MAAMO,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,CAACjB,QAAQ;IAC3B;IAEA,oBACC,IAAAH,WAAA,CAAAM,GAAA,EAACT,YAAA,CAAAwB,OAAO;MACPC,SAAS,EAAC,kCAAkC;MAC5CC,OAAO,EAAG,cACT,IAAAvB,WAAA,CAAAM,GAAA,EAACL,UAAU;QAAkBC,IAAI,EAAGa,KAAK,CAACS,KAAO;QAAArB,QAAA,EAC9C,IAAAsB,QAAE,EAAE,YAAa;MAAC,GADL,YAEJ,CAAC,CACX;MAAAtB,QAAA,EAED,IAAAsB,QAAE,EAAE,iDAAkD;IAAC,CACjD,CAAC;EAEZ;AACD;AAACC,OAAA,CAAAC,OAAA,GAAAjB,aAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/error-boundary/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button size=\"compact\" variant=\"secondary\" ref={ ref }>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaE;AAVF,qBAA0B;AAC1B,kBAAmB;AACnB,wBAAuB;AACvB,0BAAwB;AACxB,qBAAmC;AACnC,mBAAyB;AAEzB,SAAS,WAAY,EAAE,MAAM,SAAS,GAAI;AACzC,QAAM,UAAM,mCAAoB,IAAK;AACrC,SACC,4CAAC,4BAAO,MAAK,WAAU,SAAQ,aAAY,KACxC,UACH;AAEF;AAEA,MAAO,sBAAoC,yBAAU;AAAA,EACpD,cAAc;AACb,UAAO,GAAG,SAAU;AACpB,SAAK,QAAQ;AAAA,MACZ,OAAO;AAAA,IACR;AAAA,EACD;AAAA,EAEA,kBAAmB,OAAQ;AAC1B,SAAK,SAAU,EAAE,MAAM,CAAE;AAEzB,+BAAU,oCAAoC,KAAM;AAAA,EACrD;AAAA,EAEA,SAAS;AACR,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,QAAK,CAAE,OAAQ;AACd,aAAO,KAAK,MAAM;AAAA,IACnB;AAEA,WACC;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,SAAU;AAAA,UACT,4CAAC,cAA4B,MAAO,MAAM,OACvC,8BAAI,YAAa,KADJ,YAEhB;AAAA,QACD;AAAA,QAEE,8BAAI,iDAAkD;AAAA;AAAA,IACzD;AAAA,EAEF;AACD;",
+  "names": []
+}

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

@@ -1,74 +1,86 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var focus_control_exports = {};
+__export(focus_control_exports, {
+  default: () => FocusControl,
+  useFocusControl: () => useFocusControl
 });
-exports.default = FocusControl;
-exports.useFocusControl = void 0;
-var _element = require("@wordpress/element");
-var _utils = require("../../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const FocusControlContext = (0, _element.createContext)();
-FocusControlContext.displayName = 'FocusControlContext';
-function FocusControl({
-  api,
-  sidebarControls,
-  children
-}) {
-  const [focusedWidgetIdRef, setFocusedWidgetIdRef] = (0, _element.useState)({
+module.exports = __toCommonJS(focus_control_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_element = require("@wordpress/element");
+var import_utils = require("../../utils");
+const FocusControlContext = (0, import_element.createContext)();
+FocusControlContext.displayName = "FocusControlContext";
+function FocusControl({ api, sidebarControls, children }) {
+  const [focusedWidgetIdRef, setFocusedWidgetIdRef] = (0, import_element.useState)({
     current: null
   });
-  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
-          // it won't be overridden by the "Back" button focus.
-          completeCallback() {
-            // Create a "ref-like" object every time to ensure
-            // the same widget id can also triggers the focus control.
-            setFocusedWidgetIdRef({
-              current: widgetId
-            });
-          }
-        });
-        break;
+  const focusWidget = (0, import_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
+            // it won't be overridden by the "Back" button focus.
+            completeCallback() {
+              setFocusedWidgetIdRef({ current: widgetId });
+            }
+          });
+          break;
+        }
       }
-    }
-  }, [sidebarControls]);
-  (0, _element.useEffect)(() => {
+    },
+    [sidebarControls]
+  );
+  (0, import_element.useEffect)(() => {
     function handleFocus(settingId) {
-      const widgetId = (0, _utils.settingIdToWidgetId)(settingId);
+      const widgetId = (0, import_utils.settingIdToWidgetId)(settingId);
       focusWidget(widgetId);
     }
     let previewBound = false;
     function handleReady() {
-      api.previewer.preview.bind('focus-control-for-setting', handleFocus);
+      api.previewer.preview.bind(
+        "focus-control-for-setting",
+        handleFocus
+      );
       previewBound = true;
     }
-    api.previewer.bind('ready', handleReady);
+    api.previewer.bind("ready", handleReady);
     return () => {
-      api.previewer.unbind('ready', handleReady);
+      api.previewer.unbind("ready", handleReady);
       if (previewBound) {
-        api.previewer.preview.unbind('focus-control-for-setting', handleFocus);
+        api.previewer.preview.unbind(
+          "focus-control-for-setting",
+          handleFocus
+        );
       }
     };
   }, [api, focusWidget]);
-  const context = (0, _element.useMemo)(() => [focusedWidgetIdRef, focusWidget], [focusedWidgetIdRef, focusWidget]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FocusControlContext.Provider, {
-    value: context,
-    children: children
-  });
+  const context = (0, import_element.useMemo)(
+    () => [focusedWidgetIdRef, focusWidget],
+    [focusedWidgetIdRef, focusWidget]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FocusControlContext.Provider, { value: context, children });
 }
-const useFocusControl = () => (0, _element.useContext)(FocusControlContext);
-exports.useFocusControl = useFocusControl;
-//# sourceMappingURL=index.js.map
+const useFocusControl = () => (0, import_element.useContext)(FocusControlContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFocusControl
+});
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_utils","_jsxRuntime","FocusControlContext","createContext","displayName","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","jsx","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();\nFocusControlContext.displayName = 'FocusControlContext';\n\nexport default function FocusControl( { api, sidebarControls, children } ) {\n\tconst [ focusedWidgetIdRef, setFocusedWidgetIdRef ] = useState( {\n\t\tcurrent: null,\n\t} );\n\n\tconst focusWidget = useCallback(\n\t\t( widgetId ) => {\n\t\t\tfor ( const sidebarControl of sidebarControls ) {\n\t\t\t\tconst widgets = sidebarControl.setting.get();\n\n\t\t\t\tif ( widgets.includes( widgetId ) ) {\n\t\t\t\t\tsidebarControl.sectionInstance.expand( {\n\t\t\t\t\t\t// Schedule it after the complete callback so that\n\t\t\t\t\t\t// it won't be overridden by the \"Back\" button focus.\n\t\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t\t// Create a \"ref-like\" object every time to ensure\n\t\t\t\t\t\t\t// the same widget id can also triggers the focus control.\n\t\t\t\t\t\t\tsetFocusedWidgetIdRef( { current: widgetId } );\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ sidebarControls ]\n\t);\n\n\tuseEffect( () => {\n\t\tfunction handleFocus( settingId ) {\n\t\t\tconst widgetId = settingIdToWidgetId( settingId );\n\n\t\t\tfocusWidget( widgetId );\n\t\t}\n\n\t\tlet previewBound = false;\n\n\t\tfunction handleReady() {\n\t\t\tapi.previewer.preview.bind(\n\t\t\t\t'focus-control-for-setting',\n\t\t\t\thandleFocus\n\t\t\t);\n\t\t\tpreviewBound = true;\n\t\t}\n\n\t\tapi.previewer.bind( 'ready', handleReady );\n\n\t\treturn () => {\n\t\t\tapi.previewer.unbind( 'ready', handleReady );\n\t\t\tif ( previewBound ) {\n\t\t\t\tapi.previewer.preview.unbind(\n\t\t\t\t\t'focus-control-for-setting',\n\t\t\t\t\thandleFocus\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}, [ api, focusWidget ] );\n\n\tconst context = useMemo(\n\t\t() => [ focusedWidgetIdRef, focusWidget ],\n\t\t[ focusedWidgetIdRef, focusWidget ]\n\t);\n\n\treturn (\n\t\t<FocusControlContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</FocusControlContext.Provider>\n\t);\n}\n\nexport const useFocusControl = () => useContext( FocusControlContext );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAYA,IAAAC,MAAA,GAAAD,OAAA;AAAkD,IAAAE,WAAA,GAAAF,OAAA;AAflD;AACA;AACA;;AAUA;AACA;AACA;;AAGA,MAAMG,mBAAmB,GAAG,IAAAC,sBAAa,EAAC,CAAC;AAC3CD,mBAAmB,CAACE,WAAW,GAAG,qBAAqB;AAExC,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,oBACC,IAAAZ,WAAA,CAAAmC,GAAA,EAAClC,mBAAmB,CAACmC,QAAQ;IAACC,KAAK,EAAGJ,OAAS;IAAA1B,QAAA,EAC5CA;EAAQ,CACmB,CAAC;AAEjC;AAEO,MAAM+B,eAAe,GAAGA,CAAA,KAAM,IAAAC,mBAAU,EAAEtC,mBAAoB,CAAC;AAACuC,OAAA,CAAAF,eAAA,GAAAA,eAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/focus-control/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseState,\n\tuseEffect,\n\tuseContext,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { settingIdToWidgetId } from '../../utils';\n\nconst FocusControlContext = createContext();\nFocusControlContext.displayName = 'FocusControlContext';\n\nexport default function FocusControl( { api, sidebarControls, children } ) {\n\tconst [ focusedWidgetIdRef, setFocusedWidgetIdRef ] = useState( {\n\t\tcurrent: null,\n\t} );\n\n\tconst focusWidget = useCallback(\n\t\t( widgetId ) => {\n\t\t\tfor ( const sidebarControl of sidebarControls ) {\n\t\t\t\tconst widgets = sidebarControl.setting.get();\n\n\t\t\t\tif ( widgets.includes( widgetId ) ) {\n\t\t\t\t\tsidebarControl.sectionInstance.expand( {\n\t\t\t\t\t\t// Schedule it after the complete callback so that\n\t\t\t\t\t\t// it won't be overridden by the \"Back\" button focus.\n\t\t\t\t\t\tcompleteCallback() {\n\t\t\t\t\t\t\t// Create a \"ref-like\" object every time to ensure\n\t\t\t\t\t\t\t// the same widget id can also triggers the focus control.\n\t\t\t\t\t\t\tsetFocusedWidgetIdRef( { current: widgetId } );\n\t\t\t\t\t\t},\n\t\t\t\t\t} );\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t[ sidebarControls ]\n\t);\n\n\tuseEffect( () => {\n\t\tfunction handleFocus( settingId ) {\n\t\t\tconst widgetId = settingIdToWidgetId( settingId );\n\n\t\t\tfocusWidget( widgetId );\n\t\t}\n\n\t\tlet previewBound = false;\n\n\t\tfunction handleReady() {\n\t\t\tapi.previewer.preview.bind(\n\t\t\t\t'focus-control-for-setting',\n\t\t\t\thandleFocus\n\t\t\t);\n\t\t\tpreviewBound = true;\n\t\t}\n\n\t\tapi.previewer.bind( 'ready', handleReady );\n\n\t\treturn () => {\n\t\t\tapi.previewer.unbind( 'ready', handleReady );\n\t\t\tif ( previewBound ) {\n\t\t\t\tapi.previewer.preview.unbind(\n\t\t\t\t\t'focus-control-for-setting',\n\t\t\t\t\thandleFocus\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}, [ api, focusWidget ] );\n\n\tconst context = useMemo(\n\t\t() => [ focusedWidgetIdRef, focusWidget ],\n\t\t[ focusedWidgetIdRef, focusWidget ]\n\t);\n\n\treturn (\n\t\t<FocusControlContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</FocusControlContext.Provider>\n\t);\n}\n\nexport const useFocusControl = () => useContext( FocusControlContext );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoFE;AAjFF,qBAOO;AAKP,mBAAoC;AAEpC,MAAM,0BAAsB,8BAAc;AAC1C,oBAAoB,cAAc;AAEnB,SAAR,aAA+B,EAAE,KAAK,iBAAiB,SAAS,GAAI;AAC1E,QAAM,CAAE,oBAAoB,qBAAsB,QAAI,yBAAU;AAAA,IAC/D,SAAS;AAAA,EACV,CAAE;AAEF,QAAM,kBAAc;AAAA,IACnB,CAAE,aAAc;AACf,iBAAY,kBAAkB,iBAAkB;AAC/C,cAAM,UAAU,eAAe,QAAQ,IAAI;AAE3C,YAAK,QAAQ,SAAU,QAAS,GAAI;AACnC,yBAAe,gBAAgB,OAAQ;AAAA;AAAA;AAAA,YAGtC,mBAAmB;AAGlB,oCAAuB,EAAE,SAAS,SAAS,CAAE;AAAA,YAC9C;AAAA,UACD,CAAE;AAEF;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,IACA,CAAE,eAAgB;AAAA,EACnB;AAEA,gCAAW,MAAM;AAChB,aAAS,YAAa,WAAY;AACjC,YAAM,eAAW,kCAAqB,SAAU;AAEhD,kBAAa,QAAS;AAAA,IACvB;AAEA,QAAI,eAAe;AAEnB,aAAS,cAAc;AACtB,UAAI,UAAU,QAAQ;AAAA,QACrB;AAAA,QACA;AAAA,MACD;AACA,qBAAe;AAAA,IAChB;AAEA,QAAI,UAAU,KAAM,SAAS,WAAY;AAEzC,WAAO,MAAM;AACZ,UAAI,UAAU,OAAQ,SAAS,WAAY;AAC3C,UAAK,cAAe;AACnB,YAAI,UAAU,QAAQ;AAAA,UACrB;AAAA,UACA;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAAA,EACD,GAAG,CAAE,KAAK,WAAY,CAAE;AAExB,QAAM,cAAU;AAAA,IACf,MAAM,CAAE,oBAAoB,WAAY;AAAA,IACxC,CAAE,oBAAoB,WAAY;AAAA,EACnC;AAEA,SACC,4CAAC,oBAAoB,UAApB,EAA6B,OAAQ,SACnC,UACH;AAEF;AAEO,MAAM,kBAAkB,UAAM,2BAAY,mBAAoB;",
+  "names": []
+}

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

@@ -1,43 +1,50 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_blocks_focus_control_exports = {};
+__export(use_blocks_focus_control_exports, {
+  default: () => useBlocksFocusControl
 });
-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
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(use_blocks_focus_control_exports);
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_widgets = require("@wordpress/widgets");
+var import__ = require(".");
 function useBlocksFocusControl(blocks) {
-  const {
-    selectBlock
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  const [focusedWidgetIdRef] = (0, _.useFocusControl)();
-  const blocksRef = (0, _element.useRef)(blocks);
-  (0, _element.useEffect)(() => {
+  const { selectBlock } = (0, import_data.useDispatch)(import_block_editor.store);
+  const [focusedWidgetIdRef] = (0, import__.useFocusControl)();
+  const blocksRef = (0, import_element.useRef)(blocks);
+  (0, import_element.useEffect)(() => {
     blocksRef.current = blocks;
   }, [blocks]);
-  (0, _element.useEffect)(() => {
+  (0, import_element.useEffect)(() => {
     if (focusedWidgetIdRef.current) {
-      const focusedBlock = blocksRef.current.find(block => (0, _widgets.getWidgetIdFromBlock)(block) === focusedWidgetIdRef.current);
+      const focusedBlock = blocksRef.current.find(
+        (block) => (0, import_widgets.getWidgetIdFromBlock)(block) === focusedWidgetIdRef.current
+      );
       if (focusedBlock) {
         selectBlock(focusedBlock.clientId);
-        // If the block is already being selected, the DOM node won't
-        // get focused again automatically.
-        // We select the DOM and focus it manually here.
-        const blockNode = document.querySelector(`[data-block="${focusedBlock.clientId}"]`);
+        const blockNode = document.querySelector(
+          `[data-block="${focusedBlock.clientId}"]`
+        );
         blockNode?.focus();
       }
     }
   }, [focusedWidgetIdRef, selectBlock]);
 }
-//# sourceMappingURL=use-blocks-focus-control.js.map
+//# sourceMappingURL=use-blocks-focus-control.js.map

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

@@ -1 +1,7 @@
-{"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,CACvC,gBAAiBP,YAAY,CAACI,QAAQ,IACvC,CAAC;QACDC,SAAS,EAAEG,KAAK,CAAC,CAAC;MACnB;IACD;EACD,CAAC,EAAE,CAAEd,kBAAkB,EAAEH,WAAW,CAAG,CAAC;AACzC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/focus-control/use-blocks-focus-control.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRef, useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { getWidgetIdFromBlock } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { useFocusControl } from '.';\n\nexport default function useBlocksFocusControl( blocks ) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\tconst [ focusedWidgetIdRef ] = useFocusControl();\n\n\tconst blocksRef = useRef( blocks );\n\n\tuseEffect( () => {\n\t\tblocksRef.current = blocks;\n\t}, [ blocks ] );\n\n\tuseEffect( () => {\n\t\tif ( focusedWidgetIdRef.current ) {\n\t\t\tconst focusedBlock = blocksRef.current.find(\n\t\t\t\t( block ) =>\n\t\t\t\t\tgetWidgetIdFromBlock( block ) === focusedWidgetIdRef.current\n\t\t\t);\n\n\t\t\tif ( focusedBlock ) {\n\t\t\t\tselectBlock( focusedBlock.clientId );\n\t\t\t\t// If the block is already being selected, the DOM node won't\n\t\t\t\t// get focused again automatically.\n\t\t\t\t// We select the DOM and focus it manually here.\n\t\t\t\tconst blockNode = document.querySelector(\n\t\t\t\t\t`[data-block=\"${ focusedBlock.clientId }\"]`\n\t\t\t\t);\n\t\t\t\tblockNode?.focus();\n\t\t\t}\n\t\t}\n\t}, [ focusedWidgetIdRef, selectBlock ] );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkC;AAClC,kBAA4B;AAC5B,0BAA0C;AAC1C,qBAAqC;AAKrC,eAAgC;AAEjB,SAAR,sBAAwC,QAAS;AACvD,QAAM,EAAE,YAAY,QAAI,yBAAa,oBAAAA,KAAiB;AACtD,QAAM,CAAE,kBAAmB,QAAI,0BAAgB;AAE/C,QAAM,gBAAY,uBAAQ,MAAO;AAEjC,gCAAW,MAAM;AAChB,cAAU,UAAU;AAAA,EACrB,GAAG,CAAE,MAAO,CAAE;AAEd,gCAAW,MAAM;AAChB,QAAK,mBAAmB,SAAU;AACjC,YAAM,eAAe,UAAU,QAAQ;AAAA,QACtC,CAAE,cACD,qCAAsB,KAAM,MAAM,mBAAmB;AAAA,MACvD;AAEA,UAAK,cAAe;AACnB,oBAAa,aAAa,QAAS;AAInC,cAAM,YAAY,SAAS;AAAA,UAC1B,gBAAiB,aAAa,QAAS;AAAA,QACxC;AACA,mBAAW,MAAM;AAAA,MAClB;AAAA,IACD;AAAA,EACD,GAAG,CAAE,oBAAoB,WAAY,CAAE;AACxC;",
+  "names": ["blockEditorStore"]
+}

package/build/components/header/index.js

@@ -1,32 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var header_exports = {};
+__export(header_exports, {
+  default: () => header_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
-var _blockEditor = require("@wordpress/block-editor");
-var _element = require("@wordpress/element");
-var _keycodes = require("@wordpress/keycodes");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _inserter = _interopRequireDefault(require("../inserter"));
-var _moreMenu = _interopRequireDefault(require("../more-menu"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_block_editor = require("@wordpress/block-editor");
+var import_element = require("@wordpress/element");
+var import_keycodes = require("@wordpress/keycodes");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_inserter = __toESM(require("../inserter"));
+var import_more_menu = __toESM(require("../more-menu"));
 function Header({
   sidebar,
   inserter,
@@ -34,52 +47,78 @@ function Header({
   setIsInserterOpened,
   isFixedToolbarActive
 }) {
-  const [[hasUndo, hasRedo], setUndoRedo] = (0, _element.useState)([sidebar.hasUndo(), sidebar.hasRedo()]);
-  const shortcut = (0, _keycodes.isAppleOS)() ? _keycodes.displayShortcut.primaryShift('z') : _keycodes.displayShortcut.primary('y');
-  (0, _element.useEffect)(() => {
+  const [[hasUndo, hasRedo], setUndoRedo] = (0, import_element.useState)([
+    sidebar.hasUndo(),
+    sidebar.hasRedo()
+  ]);
+  const shortcut = (0, import_keycodes.isAppleOS)() ? import_keycodes.displayShortcut.primaryShift("z") : import_keycodes.displayShortcut.primary("y");
+  (0, import_element.useEffect)(() => {
     return sidebar.subscribeHistory(() => {
       setUndoRedo([sidebar.hasUndo(), sidebar.hasRedo()]);
     });
   }, [sidebar]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _clsx.default)('customize-widgets-header', {
-        'is-fixed-toolbar-active': isFixedToolbarActive
-      }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_blockEditor.NavigableToolbar, {
-        className: "customize-widgets-header-toolbar",
-        "aria-label": (0, _i18n.__)('Document tools'),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
-          icon: !(0, _i18n.isRTL)() ? _icons.undo : _icons.redo
-          /* translators: button label text should, if possible, be under 16 characters. */,
-          label: (0, _i18n.__)('Undo'),
-          shortcut: _keycodes.displayShortcut.primary('z'),
-          disabled: !hasUndo,
-          onClick: sidebar.undo,
-          className: "customize-widgets-editor-history-button undo-button"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
-          icon: !(0, _i18n.isRTL)() ? _icons.redo : _icons.undo
-          /* translators: button label text should, if possible, be under 16 characters. */,
-          label: (0, _i18n.__)('Redo'),
-          shortcut: shortcut,
-          disabled: !hasRedo,
-          onClick: sidebar.redo,
-          className: "customize-widgets-editor-history-button redo-button"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
-          className: "customize-widgets-header-toolbar__inserter-toggle",
-          isPressed: isInserterOpened,
-          variant: "primary",
-          icon: _icons.plus,
-          label: (0, _i18n._x)('Add block', 'Generic label for block inserter button'),
-          onClick: () => {
-            setIsInserterOpened(isOpen => !isOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: (0, import_clsx.default)("customize-widgets-header", {
+          "is-fixed-toolbar-active": isFixedToolbarActive
+        }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_block_editor.NavigableToolbar,
+          {
+            className: "customize-widgets-header-toolbar",
+            "aria-label": (0, import_i18n.__)("Document tools"),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.ToolbarButton,
+                {
+                  icon: !(0, import_i18n.isRTL)() ? import_icons.undo : import_icons.redo,
+                  label: (0, import_i18n.__)("Undo"),
+                  shortcut: import_keycodes.displayShortcut.primary("z"),
+                  disabled: !hasUndo,
+                  onClick: sidebar.undo,
+                  className: "customize-widgets-editor-history-button undo-button"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.ToolbarButton,
+                {
+                  icon: !(0, import_i18n.isRTL)() ? import_icons.redo : import_icons.undo,
+                  label: (0, import_i18n.__)("Redo"),
+                  shortcut,
+                  disabled: !hasRedo,
+                  onClick: sidebar.redo,
+                  className: "customize-widgets-editor-history-button redo-button"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.ToolbarButton,
+                {
+                  className: "customize-widgets-header-toolbar__inserter-toggle",
+                  isPressed: isInserterOpened,
+                  variant: "primary",
+                  icon: import_icons.plus,
+                  label: (0, import_i18n._x)(
+                    "Add block",
+                    "Generic label for block inserter button"
+                  ),
+                  onClick: () => {
+                    setIsInserterOpened((isOpen) => !isOpen);
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_more_menu.default, {})
+            ]
           }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreMenu.default, {})]
-      })
-    }), (0, _element.createPortal)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_inserter.default, {
-      setIsOpened: setIsInserterOpened
-    }), inserter.contentContainer[0])]
-  });
+        )
+      }
+    ),
+    (0, import_element.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_inserter.default, { setIsOpened: setIsInserterOpened }),
+      inserter.contentContainer[0]
+    )
+  ] });
 }
-var _default = exports.default = Header;
-//# sourceMappingURL=index.js.map
+var header_default = Header;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_blockEditor","_element","_keycodes","_i18n","_icons","_inserter","_moreMenu","_jsxRuntime","Header","sidebar","inserter","isInserterOpened","setIsInserterOpened","isFixedToolbarActive","hasUndo","hasRedo","setUndoRedo","useState","shortcut","isAppleOS","displayShortcut","primaryShift","primary","useEffect","subscribeHistory","jsxs","Fragment","children","jsx","className","clsx","NavigableToolbar","__","ToolbarButton","icon","isRTL","undoIcon","redoIcon","label","disabled","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 clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { NavigableToolbar } from '@wordpress/block-editor';\nimport { createPortal, useEffect, useState } from '@wordpress/element';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { __, _x, isRTL } from '@wordpress/i18n';\nimport { plus, undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport MoreMenu from '../more-menu';\n\nfunction Header( {\n\tsidebar,\n\tinserter,\n\tisInserterOpened,\n\tsetIsInserterOpened,\n\tisFixedToolbarActive,\n} ) {\n\tconst [ [ hasUndo, hasRedo ], setUndoRedo ] = useState( [\n\t\tsidebar.hasUndo(),\n\t\tsidebar.hasRedo(),\n\t] );\n\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribeHistory( () => {\n\t\t\tsetUndoRedo( [ sidebar.hasUndo(), sidebar.hasRedo() ] );\n\t\t} );\n\t}, [ sidebar ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'customize-widgets-header', {\n\t\t\t\t\t'is-fixed-toolbar-active': isFixedToolbarActive,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tclassName=\"customize-widgets-header-toolbar\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Undo' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t\t\t\tdisabled={ ! hasUndo }\n\t\t\t\t\t\tonClick={ sidebar.undo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button undo-button\"\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Redo' ) }\n\t\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t\t\tdisabled={ ! hasRedo }\n\t\t\t\t\t\tonClick={ sidebar.redo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button redo-button\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"customize-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsInserterOpened( ( isOpen ) => ! isOpen );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</NavigableToolbar>\n\t\t\t</div>\n\n\t\t\t{ createPortal(\n\t\t\t\t<Inserter setIsOpened={ setIsInserterOpened } />,\n\t\t\t\tinserter.contentContainer[ 0 ]\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/header/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { ToolbarButton } from '@wordpress/components';\nimport { NavigableToolbar } from '@wordpress/block-editor';\nimport { createPortal, useEffect, useState } from '@wordpress/element';\nimport { displayShortcut, isAppleOS } from '@wordpress/keycodes';\nimport { __, _x, isRTL } from '@wordpress/i18n';\nimport { plus, undo as undoIcon, redo as redoIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport MoreMenu from '../more-menu';\n\nfunction Header( {\n\tsidebar,\n\tinserter,\n\tisInserterOpened,\n\tsetIsInserterOpened,\n\tisFixedToolbarActive,\n} ) {\n\tconst [ [ hasUndo, hasRedo ], setUndoRedo ] = useState( [\n\t\tsidebar.hasUndo(),\n\t\tsidebar.hasRedo(),\n\t] );\n\n\tconst shortcut = isAppleOS()\n\t\t? displayShortcut.primaryShift( 'z' )\n\t\t: displayShortcut.primary( 'y' );\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribeHistory( () => {\n\t\t\tsetUndoRedo( [ sidebar.hasUndo(), sidebar.hasRedo() ] );\n\t\t} );\n\t}, [ sidebar ] );\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'customize-widgets-header', {\n\t\t\t\t\t'is-fixed-toolbar-active': isFixedToolbarActive,\n\t\t\t\t} ) }\n\t\t\t>\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tclassName=\"customize-widgets-header-toolbar\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? undoIcon : redoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Undo' ) }\n\t\t\t\t\t\tshortcut={ displayShortcut.primary( 'z' ) }\n\t\t\t\t\t\tdisabled={ ! hasUndo }\n\t\t\t\t\t\tonClick={ sidebar.undo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button undo-button\"\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ ! isRTL() ? redoIcon : undoIcon }\n\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\tlabel={ __( 'Redo' ) }\n\t\t\t\t\t\tshortcut={ shortcut }\n\t\t\t\t\t\tdisabled={ ! hasRedo }\n\t\t\t\t\t\tonClick={ sidebar.redo }\n\t\t\t\t\t\tclassName=\"customize-widgets-editor-history-button redo-button\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tclassName=\"customize-widgets-header-toolbar__inserter-toggle\"\n\t\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t'Add block',\n\t\t\t\t\t\t\t'Generic label for block inserter button'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsInserterOpened( ( isOpen ) => ! isOpen );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<MoreMenu />\n\t\t\t\t</NavigableToolbar>\n\t\t\t</div>\n\n\t\t\t{ createPortal(\n\t\t\t\t<Inserter setIsOpened={ setIsInserterOpened } />,\n\t\t\t\tinserter.contentContainer[ 0 ]\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default Header;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA4CE;AAzCF,kBAAiB;AAKjB,wBAA8B;AAC9B,0BAAiC;AACjC,qBAAkD;AAClD,sBAA2C;AAC3C,kBAA8B;AAC9B,mBAAyD;AAKzD,sBAAqB;AACrB,uBAAqB;AAErB,SAAS,OAAQ;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,CAAE,SAAS,OAAQ,GAAG,WAAY,QAAI,yBAAU;AAAA,IACvD,QAAQ,QAAQ;AAAA,IAChB,QAAQ,QAAQ;AAAA,EACjB,CAAE;AAEF,QAAM,eAAW,2BAAU,IACxB,gCAAgB,aAAc,GAAI,IAClC,gCAAgB,QAAS,GAAI;AAEhC,gCAAW,MAAM;AAChB,WAAO,QAAQ,iBAAkB,MAAM;AACtC,kBAAa,CAAE,QAAQ,QAAQ,GAAG,QAAQ,QAAQ,CAAE,CAAE;AAAA,IACvD,CAAE;AAAA,EACH,GAAG,CAAE,OAAQ,CAAE;AAEf,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,eAAY,YAAAA,SAAM,4BAA4B;AAAA,UAC7C,2BAA2B;AAAA,QAC5B,CAAE;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,kBAAa,gBAAI,gBAAiB;AAAA,YAElC;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAO,KAAE,mBAAM,IAAI,aAAAC,OAAW,aAAAC;AAAA,kBAE9B,WAAQ,gBAAI,MAAO;AAAA,kBACnB,UAAW,gCAAgB,QAAS,GAAI;AAAA,kBACxC,UAAW,CAAE;AAAA,kBACb,SAAU,QAAQ;AAAA,kBAClB,WAAU;AAAA;AAAA,cACX;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,MAAO,KAAE,mBAAM,IAAI,aAAAA,OAAW,aAAAD;AAAA,kBAE9B,WAAQ,gBAAI,MAAO;AAAA,kBACnB;AAAA,kBACA,UAAW,CAAE;AAAA,kBACb,SAAU,QAAQ;AAAA,kBAClB,WAAU;AAAA;AAAA,cACX;AAAA,cAEA;AAAA,gBAAC;AAAA;AAAA,kBACA,WAAU;AAAA,kBACV,WAAY;AAAA,kBACZ,SAAQ;AAAA,kBACR,MAAO;AAAA,kBACP,WAAQ;AAAA,oBACP;AAAA,oBACA;AAAA,kBACD;AAAA,kBACA,SAAU,MAAM;AACf,wCAAqB,CAAE,WAAY,CAAE,MAAO;AAAA,kBAC7C;AAAA;AAAA,cACD;AAAA,cACA,4CAAC,iBAAAE,SAAA,EAAS;AAAA;AAAA;AAAA,QACX;AAAA;AAAA,IACD;AAAA,QAEE;AAAA,MACD,4CAAC,gBAAAC,SAAA,EAAS,aAAc,qBAAsB;AAAA,MAC9C,SAAS,iBAAkB,CAAE;AAAA,IAC9B;AAAA,KACD;AAEF;AAEA,IAAO,iBAAQ;",
+  "names": ["clsx", "undoIcon", "redoIcon", "MoreMenu", "Inserter"]
+}