@wordpress/edit-widgets 6.31.1-next.f56bd8138.0 → 6.32.1-next.47f435fc9.0

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

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","store","editWidgetsStore","InserterSidebar","ListViewSidebar","jsx","_jsx","SecondarySidebar","isInserterOpen","isListViewOpen","select","isInserterOpened","isListViewOpened"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\n/**\n * Internal dependencies\n */\nimport InserterSidebar from './inserter-sidebar';\nimport ListViewSidebar from './list-view-sidebar';\n\nexport default function SecondarySidebar() {\n\tconst { isInserterOpen, isListViewOpen } = useSelect( ( select ) => {\n\t\tconst { isInserterOpened, isListViewOpened } =\n\t\t\tselect( editWidgetsStore );\n\t\treturn {\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t};\n\t}, [] );\n\n\tif ( isInserterOpen ) {\n\t\treturn <InserterSidebar />;\n\t}\n\tif ( isListViewOpen ) {\n\t\treturn <ListViewSidebar />;\n\t}\n\treturn null;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;;AAEvD;AACA;AACA;AACA,OAAOC,eAAe,MAAM,oBAAoB;AAChD,OAAOC,eAAe,MAAM,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElD,eAAe,SAASC,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IAAEC,cAAc;IAAEC;EAAe,CAAC,GAAGT,SAAS,CAAIU,MAAM,IAAM;IACnE,MAAM;MAAEC,gBAAgB;MAAEC;IAAiB,CAAC,GAC3CF,MAAM,CAAER,gBAAiB,CAAC;IAC3B,OAAO;MACNM,cAAc,EAAEG,gBAAgB,CAAC,CAAC;MAClCF,cAAc,EAAEG,gBAAgB,CAAC;IAClC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,IAAKJ,cAAc,EAAG;IACrB,oBAAOF,IAAA,CAACH,eAAe,IAAE,CAAC;EAC3B;EACA,IAAKM,cAAc,EAAG;IACrB,oBAAOH,IAAA,CAACF,eAAe,IAAE,CAAC;EAC3B;EACA,OAAO,IAAI;AACZ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/secondary-sidebar/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\n\n/**\n * Internal dependencies\n */\nimport InserterSidebar from './inserter-sidebar';\nimport ListViewSidebar from './list-view-sidebar';\n\nexport default function SecondarySidebar() {\n\tconst { isInserterOpen, isListViewOpen } = useSelect( ( select ) => {\n\t\tconst { isInserterOpened, isListViewOpened } =\n\t\t\tselect( editWidgetsStore );\n\t\treturn {\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t};\n\t}, [] );\n\n\tif ( isInserterOpen ) {\n\t\treturn <InserterSidebar />;\n\t}\n\tif ( isListViewOpen ) {\n\t\treturn <ListViewSidebar />;\n\t}\n\treturn null;\n}\n"],
+  "mappings": "AA0BS;AAvBT,SAAS,iBAAiB;AAI1B,SAAS,SAAS,wBAAwB;AAK1C,OAAO,qBAAqB;AAC5B,OAAO,qBAAqB;AAEb,SAAR,mBAAoC;AAC1C,QAAM,EAAE,gBAAgB,eAAe,IAAI,UAAW,CAAE,WAAY;AACnE,UAAM,EAAE,kBAAkB,iBAAiB,IAC1C,OAAQ,gBAAiB;AAC1B,WAAO;AAAA,MACN,gBAAgB,iBAAiB;AAAA,MACjC,gBAAgB,iBAAiB;AAAA,IAClC;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,MAAK,gBAAiB;AACrB,WAAO,oBAAC,mBAAgB;AAAA,EACzB;AACA,MAAK,gBAAiB;AACrB,WAAO,oBAAC,mBAAgB;AAAA,EACzB;AACA,SAAO;AACR;",
+  "names": []
+}

package/build-module/components/secondary-sidebar/inserter-sidebar.js

@@ -1,43 +1,31 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalLibrary as Library } from '@wordpress/block-editor';
-import { useViewportMatch } from '@wordpress/compose';
-import { useCallback, useRef } from '@wordpress/element';
-import { useDispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';
-import { store as editWidgetsStore } from '../../store';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function InserterSidebar() {
-  const isMobileViewport = useViewportMatch('medium', '<');
-  const {
-    rootClientId,
-    insertionIndex
-  } = useWidgetLibraryInsertionPoint();
-  const {
-    setIsInserterOpened
-  } = useDispatch(editWidgetsStore);
+import { jsx } from "react/jsx-runtime";
+import { __experimentalLibrary as Library } from "@wordpress/block-editor";
+import { useViewportMatch } from "@wordpress/compose";
+import { useCallback, useRef } from "@wordpress/element";
+import { useDispatch } from "@wordpress/data";
+import useWidgetLibraryInsertionPoint from "../../hooks/use-widget-library-insertion-point";
+import { store as editWidgetsStore } from "../../store";
+function InserterSidebar() {
+  const isMobileViewport = useViewportMatch("medium", "<");
+  const { rootClientId, insertionIndex } = useWidgetLibraryInsertionPoint();
+  const { setIsInserterOpened } = useDispatch(editWidgetsStore);
   const closeInserter = useCallback(() => {
     return setIsInserterOpened(false);
   }, [setIsInserterOpened]);
   const libraryRef = useRef();
-  return /*#__PURE__*/_jsx("div", {
-    className: "edit-widgets-layout__inserter-panel",
-    children: /*#__PURE__*/_jsx("div", {
-      className: "edit-widgets-layout__inserter-panel-content",
-      children: /*#__PURE__*/_jsx(Library, {
-        showInserterHelpPanel: true,
-        shouldFocusBlock: isMobileViewport,
-        rootClientId: rootClientId,
-        __experimentalInsertionIndex: insertionIndex,
-        ref: libraryRef,
-        onClose: closeInserter
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx("div", { className: "edit-widgets-layout__inserter-panel", children: /* @__PURE__ */ jsx("div", { className: "edit-widgets-layout__inserter-panel-content", children: /* @__PURE__ */ jsx(
+    Library,
+    {
+      showInserterHelpPanel: true,
+      shouldFocusBlock: isMobileViewport,
+      rootClientId,
+      __experimentalInsertionIndex: insertionIndex,
+      ref: libraryRef,
+      onClose: closeInserter
+    }
+  ) }) });
 }
-//# sourceMappingURL=inserter-sidebar.js.map
+export {
+  InserterSidebar as default
+};
+//# sourceMappingURL=inserter-sidebar.js.map

package/build-module/components/secondary-sidebar/inserter-sidebar.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalLibrary","Library","useViewportMatch","useCallback","useRef","useDispatch","useWidgetLibraryInsertionPoint","store","editWidgetsStore","jsx","_jsx","InserterSidebar","isMobileViewport","rootClientId","insertionIndex","setIsInserterOpened","closeInserter","libraryRef","className","children","showInserterHelpPanel","shouldFocusBlock","__experimentalInsertionIndex","ref","onClose"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { rootClientId, insertionIndex } = useWidgetLibraryInsertionPoint();\n\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst closeInserter = useCallback( () => {\n\t\treturn setIsInserterOpened( false );\n\t}, [ setIsInserterOpened ] );\n\n\tconst libraryRef = useRef();\n\n\treturn (\n\t\t<div className=\"edit-widgets-layout__inserter-panel\">\n\t\t\t<div className=\"edit-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={ insertionIndex }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t\tonClose={ closeInserter }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,qBAAqB,IAAIC,OAAO,QAAQ,yBAAyB;AAC1E,SAASC,gBAAgB,QAAQ,oBAAoB;AACrD,SAASC,WAAW,EAAEC,MAAM,QAAQ,oBAAoB;AACxD,SAASC,WAAW,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,8BAA8B,MAAM,gDAAgD;AAC3F,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAMC,gBAAgB,GAAGV,gBAAgB,CAAE,QAAQ,EAAE,GAAI,CAAC;EAC1D,MAAM;IAAEW,YAAY;IAAEC;EAAe,CAAC,GAAGR,8BAA8B,CAAC,CAAC;EAEzE,MAAM;IAAES;EAAoB,CAAC,GAAGV,WAAW,CAAEG,gBAAiB,CAAC;EAE/D,MAAMQ,aAAa,GAAGb,WAAW,CAAE,MAAM;IACxC,OAAOY,mBAAmB,CAAE,KAAM,CAAC;EACpC,CAAC,EAAE,CAAEA,mBAAmB,CAAG,CAAC;EAE5B,MAAME,UAAU,GAAGb,MAAM,CAAC,CAAC;EAE3B,oBACCM,IAAA;IAAKQ,SAAS,EAAC,qCAAqC;IAAAC,QAAA,eACnDT,IAAA;MAAKQ,SAAS,EAAC,6CAA6C;MAAAC,QAAA,eAC3DT,IAAA,CAACT,OAAO;QACPmB,qBAAqB;QACrBC,gBAAgB,EAAGT,gBAAkB;QACrCC,YAAY,EAAGA,YAAc;QAC7BS,4BAA4B,EAAGR,cAAgB;QAC/CS,GAAG,EAAGN,UAAY;QAClBO,OAAO,EAAGR;MAAe,CACzB;IAAC,CACE;EAAC,CACF,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/secondary-sidebar/inserter-sidebar.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport useWidgetLibraryInsertionPoint from '../../hooks/use-widget-library-insertion-point';\nimport { store as editWidgetsStore } from '../../store';\n\nexport default function InserterSidebar() {\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst { rootClientId, insertionIndex } = useWidgetLibraryInsertionPoint();\n\n\tconst { setIsInserterOpened } = useDispatch( editWidgetsStore );\n\n\tconst closeInserter = useCallback( () => {\n\t\treturn setIsInserterOpened( false );\n\t}, [ setIsInserterOpened ] );\n\n\tconst libraryRef = useRef();\n\n\treturn (\n\t\t<div className=\"edit-widgets-layout__inserter-panel\">\n\t\t\t<div className=\"edit-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tshouldFocusBlock={ isMobileViewport }\n\t\t\t\t\trootClientId={ rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={ insertionIndex }\n\t\t\t\t\tref={ libraryRef }\n\t\t\t\t\tonClose={ closeInserter }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "AA6BI;AA1BJ,SAAS,yBAAyB,eAAe;AACjD,SAAS,wBAAwB;AACjC,SAAS,aAAa,cAAc;AACpC,SAAS,mBAAmB;AAK5B,OAAO,oCAAoC;AAC3C,SAAS,SAAS,wBAAwB;AAE3B,SAAR,kBAAmC;AACzC,QAAM,mBAAmB,iBAAkB,UAAU,GAAI;AACzD,QAAM,EAAE,cAAc,eAAe,IAAI,+BAA+B;AAExE,QAAM,EAAE,oBAAoB,IAAI,YAAa,gBAAiB;AAE9D,QAAM,gBAAgB,YAAa,MAAM;AACxC,WAAO,oBAAqB,KAAM;AAAA,EACnC,GAAG,CAAE,mBAAoB,CAAE;AAE3B,QAAM,aAAa,OAAO;AAE1B,SACC,oBAAC,SAAI,WAAU,uCACd,8BAAC,SAAI,WAAU,+CACd;AAAA,IAAC;AAAA;AAAA,MACA,uBAAqB;AAAA,MACrB,kBAAmB;AAAA,MACnB;AAAA,MACA,8BAA+B;AAAA,MAC/B,KAAM;AAAA,MACN,SAAU;AAAA;AAAA,EACX,GACD,GACD;AAEF;",
+  "names": []
+}

package/build-module/components/secondary-sidebar/list-view-sidebar.js

@@ -1,69 +1,66 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalListView as ListView } from '@wordpress/block-editor';
-import { Button } from '@wordpress/components';
-import { useFocusOnMount, useMergeRefs } from '@wordpress/compose';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { useCallback, useState } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { closeSmall } from '@wordpress/icons';
-import { ESCAPE } from '@wordpress/keycodes';
-
-/**
- * Internal dependencies
- */
-import { store as editWidgetsStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function ListViewSidebar() {
-  const {
-    setIsListViewOpened
-  } = useDispatch(editWidgetsStore);
-  const {
-    getListViewToggleRef
-  } = unlock(useSelect(editWidgetsStore));
-
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the dropZoneElement updates.
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __experimentalListView as ListView } from "@wordpress/block-editor";
+import { Button } from "@wordpress/components";
+import { useFocusOnMount, useMergeRefs } from "@wordpress/compose";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { useCallback, useState } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { closeSmall } from "@wordpress/icons";
+import { ESCAPE } from "@wordpress/keycodes";
+import { store as editWidgetsStore } from "../../store";
+import { unlock } from "../../lock-unlock";
+function ListViewSidebar() {
+  const { setIsListViewOpened } = useDispatch(editWidgetsStore);
+  const { getListViewToggleRef } = unlock(useSelect(editWidgetsStore));
   const [dropZoneElement, setDropZoneElement] = useState(null);
-  const focusOnMountRef = useFocusOnMount('firstElement');
-
-  // When closing the list view, focus should return to the toggle button.
+  const focusOnMountRef = useFocusOnMount("firstElement");
   const closeListView = useCallback(() => {
     setIsListViewOpened(false);
     getListViewToggleRef().current?.focus();
   }, [getListViewToggleRef, setIsListViewOpened]);
-  const closeOnEscape = useCallback(event => {
-    if (event.keyCode === ESCAPE && !event.defaultPrevented) {
-      event.preventDefault();
-      closeListView();
-    }
-  }, [closeListView]);
+  const closeOnEscape = useCallback(
+    (event) => {
+      if (event.keyCode === ESCAPE && !event.defaultPrevented) {
+        event.preventDefault();
+        closeListView();
+      }
+    },
+    [closeListView]
+  );
   return (
-    /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    _jsxs("div", {
-      className: "edit-widgets-editor__list-view-panel",
-      onKeyDown: closeOnEscape,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: "edit-widgets-editor__list-view-panel-header",
-        children: [/*#__PURE__*/_jsx("strong", {
-          children: __('List View')
-        }), /*#__PURE__*/_jsx(Button, {
-          icon: closeSmall,
-          label: __('Close'),
-          onClick: closeListView,
-          size: "compact"
-        })]
-      }), /*#__PURE__*/_jsx("div", {
-        className: "edit-widgets-editor__list-view-panel-content",
-        ref: useMergeRefs([focusOnMountRef, setDropZoneElement]),
-        children: /*#__PURE__*/_jsx(ListView, {
-          dropZoneElement: dropZoneElement
-        })
-      })]
-    })
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "edit-widgets-editor__list-view-panel",
+        onKeyDown: closeOnEscape,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "edit-widgets-editor__list-view-panel-header", children: [
+            /* @__PURE__ */ jsx("strong", { children: __("List View") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: closeSmall,
+                label: __("Close"),
+                onClick: closeListView,
+                size: "compact"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "edit-widgets-editor__list-view-panel-content",
+              ref: useMergeRefs([focusOnMountRef, setDropZoneElement]),
+              children: /* @__PURE__ */ jsx(ListView, { dropZoneElement })
+            }
+          )
+        ]
+      }
+    )
   );
 }
-//# sourceMappingURL=list-view-sidebar.js.map
+export {
+  ListViewSidebar as default
+};
+//# sourceMappingURL=list-view-sidebar.js.map

package/build-module/components/secondary-sidebar/list-view-sidebar.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalListView","ListView","Button","useFocusOnMount","useMergeRefs","useDispatch","useSelect","useCallback","useState","__","closeSmall","ESCAPE","store","editWidgetsStore","unlock","jsx","_jsx","jsxs","_jsxs","ListViewSidebar","setIsListViewOpened","getListViewToggleRef","dropZoneElement","setDropZoneElement","focusOnMountRef","closeListView","current","focus","closeOnEscape","event","keyCode","defaultPrevented","preventDefault","className","onKeyDown","children","icon","label","onClick","size","ref"],"sources":["@wordpress/edit-widgets/src/components/secondary-sidebar/list-view-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,IAAIC,QAAQ,QAAQ,yBAAyB;AAC5E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,eAAe,EAAEC,YAAY,QAAQ,oBAAoB;AAClE,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,WAAW,EAAEC,QAAQ,QAAQ,oBAAoB;AAC1D,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,MAAM,QAAQ,qBAAqB;;AAE5C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,eAAe,SAASC,eAAeA,CAAA,EAAG;EACzC,MAAM;IAAEC;EAAoB,CAAC,GAAGf,WAAW,CAAEQ,gBAAiB,CAAC;EAC/D,MAAM;IAAEQ;EAAqB,CAAC,GAAGP,MAAM,CAAER,SAAS,CAAEO,gBAAiB,CAAE,CAAC;;EAExE;EACA;EACA,MAAM,CAAES,eAAe,EAAEC,kBAAkB,CAAE,GAAGf,QAAQ,CAAE,IAAK,CAAC;EAEhE,MAAMgB,eAAe,GAAGrB,eAAe,CAAE,cAAe,CAAC;;EAEzD;EACA,MAAMsB,aAAa,GAAGlB,WAAW,CAAE,MAAM;IACxCa,mBAAmB,CAAE,KAAM,CAAC;IAC5BC,oBAAoB,CAAC,CAAC,CAACK,OAAO,EAAEC,KAAK,CAAC,CAAC;EACxC,CAAC,EAAE,CAAEN,oBAAoB,EAAED,mBAAmB,CAAG,CAAC;EAElD,MAAMQ,aAAa,GAAGrB,WAAW,CAC9BsB,KAAK,IAAM;IACZ,IAAKA,KAAK,CAACC,OAAO,KAAKnB,MAAM,IAAI,CAAEkB,KAAK,CAACE,gBAAgB,EAAG;MAC3DF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBP,aAAa,CAAC,CAAC;IAChB;EACD,CAAC,EACD,CAAEA,aAAa,CAChB,CAAC;EAED;IAAA;IACC;IACAP,KAAA;MACCe,SAAS,EAAC,sCAAsC;MAChDC,SAAS,EAAGN,aAAe;MAAAO,QAAA,gBAE3BjB,KAAA;QAAKe,SAAS,EAAC,6CAA6C;QAAAE,QAAA,gBAC3DnB,IAAA;UAAAmB,QAAA,EAAU1B,EAAE,CAAE,WAAY;QAAC,CAAU,CAAC,eACtCO,IAAA,CAACd,MAAM;UACNkC,IAAI,EAAG1B,UAAY;UACnB2B,KAAK,EAAG5B,EAAE,CAAE,OAAQ,CAAG;UACvB6B,OAAO,EAAGb,aAAe;UACzBc,IAAI,EAAC;QAAS,CACd,CAAC;MAAA,CACE,CAAC,eACNvB,IAAA;QACCiB,SAAS,EAAC,8CAA8C;QACxDO,GAAG,EAAGpC,YAAY,CAAE,CAAEoB,eAAe,EAAED,kBAAkB,CAAG,CAAG;QAAAY,QAAA,eAE/DnB,IAAA,CAACf,QAAQ;UAACqB,eAAe,EAAGA;QAAiB,CAAE;MAAC,CAC5C,CAAC;IAAA,CACF;EAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/secondary-sidebar/list-view-sidebar.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalListView as ListView } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editWidgetsStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editWidgetsStore ) );\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the dropZoneElement updates.\n\tconst [ dropZoneElement, setDropZoneElement ] = useState( null );\n\n\tconst focusOnMountRef = useFocusOnMount( 'firstElement' );\n\n\t// When closing the list view, focus should return to the toggle button.\n\tconst closeListView = useCallback( () => {\n\t\tsetIsListViewOpened( false );\n\t\tgetListViewToggleRef().current?.focus();\n\t}, [ getListViewToggleRef, setIsListViewOpened ] );\n\n\tconst closeOnEscape = useCallback(\n\t\t( event ) => {\n\t\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tcloseListView();\n\t\t\t}\n\t\t},\n\t\t[ closeListView ]\n\t);\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"edit-widgets-editor__list-view-panel\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t>\n\t\t\t<div className=\"edit-widgets-editor__list-view-panel-header\">\n\t\t\t\t<strong>{ __( 'List View' ) }</strong>\n\t\t\t\t<Button\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tlabel={ __( 'Close' ) }\n\t\t\t\t\tonClick={ closeListView }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-widgets-editor__list-view-panel-content\"\n\t\t\t\tref={ useMergeRefs( [ focusOnMountRef, setDropZoneElement ] ) }\n\t\t\t>\n\t\t\t\t<ListView dropZoneElement={ dropZoneElement } />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "AAkDG,SACC,KADD;AA/CH,SAAS,0BAA0B,gBAAgB;AACnD,SAAS,cAAc;AACvB,SAAS,iBAAiB,oBAAoB;AAC9C,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa,gBAAgB;AACtC,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AAKvB,SAAS,SAAS,wBAAwB;AAC1C,SAAS,cAAc;AAER,SAAR,kBAAmC;AACzC,QAAM,EAAE,oBAAoB,IAAI,YAAa,gBAAiB;AAC9D,QAAM,EAAE,qBAAqB,IAAI,OAAQ,UAAW,gBAAiB,CAAE;AAIvE,QAAM,CAAE,iBAAiB,kBAAmB,IAAI,SAAU,IAAK;AAE/D,QAAM,kBAAkB,gBAAiB,cAAe;AAGxD,QAAM,gBAAgB,YAAa,MAAM;AACxC,wBAAqB,KAAM;AAC3B,yBAAqB,EAAE,SAAS,MAAM;AAAA,EACvC,GAAG,CAAE,sBAAsB,mBAAoB,CAAE;AAEjD,QAAM,gBAAgB;AAAA,IACrB,CAAE,UAAW;AACZ,UAAK,MAAM,YAAY,UAAU,CAAE,MAAM,kBAAmB;AAC3D,cAAM,eAAe;AACrB,sBAAc;AAAA,MACf;AAAA,IACD;AAAA,IACA,CAAE,aAAc;AAAA,EACjB;AAEA;AAAA;AAAA,IAEC;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,WAAY;AAAA,QAEZ;AAAA,+BAAC,SAAI,WAAU,+CACd;AAAA,gCAAC,YAAS,aAAI,WAAY,GAAG;AAAA,YAC7B;AAAA,cAAC;AAAA;AAAA,gBACA,MAAO;AAAA,gBACP,OAAQ,GAAI,OAAQ;AAAA,gBACpB,SAAU;AAAA,gBACV,MAAK;AAAA;AAAA,YACN;AAAA,aACD;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,KAAM,aAAc,CAAE,iBAAiB,kBAAmB,CAAE;AAAA,cAE5D,8BAAC,YAAS,iBAAoC;AAAA;AAAA,UAC/C;AAAA;AAAA;AAAA,IACD;AAAA;AAEF;",
+  "names": []
+}

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

@@ -1,45 +1,37 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, Platform, useContext, useCallback } from '@wordpress/element';
-import { isRTL, __ } from '@wordpress/i18n';
-import { ComplementaryArea, store as interfaceStore } from '@wordpress/interface';
-import { BlockInspector, store as blockEditorStore } from '@wordpress/block-editor';
-import { drawerLeft, drawerRight } from '@wordpress/icons';
-import { privateApis as componentsPrivateApis } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  useEffect,
+  Platform,
+  useContext,
+  useCallback
+} from "@wordpress/element";
+import { isRTL, __ } from "@wordpress/i18n";
+import {
+  ComplementaryArea,
+  store as interfaceStore
+} from "@wordpress/interface";
+import {
+  BlockInspector,
+  store as blockEditorStore
+} from "@wordpress/block-editor";
+import { drawerLeft, drawerRight } from "@wordpress/icons";
+import { privateApis as componentsPrivateApis } from "@wordpress/components";
+import { useSelect, useDispatch } from "@wordpress/data";
 const SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select({
   web: true,
   native: false
 });
-const BLOCK_INSPECTOR_IDENTIFIER = 'edit-widgets/block-inspector';
-
-// Widget areas were once called block areas, so use 'edit-widgets/block-areas'
-// for backwards compatibility.
-const WIDGET_AREAS_IDENTIFIER = 'edit-widgets/block-areas';
-
-/**
- * Internal dependencies
- */
-import WidgetAreas from './widget-areas';
-import { store as editWidgetsStore } from '../../store';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Tabs
-} = unlock(componentsPrivateApis);
-function SidebarHeader({
-  selectedWidgetAreaBlock
-}) {
-  return /*#__PURE__*/_jsxs(Tabs.TabList, {
-    children: [/*#__PURE__*/_jsx(Tabs.Tab, {
-      tabId: WIDGET_AREAS_IDENTIFIER,
-      children: selectedWidgetAreaBlock ? selectedWidgetAreaBlock.attributes.name : __('Widget Areas')
-    }), /*#__PURE__*/_jsx(Tabs.Tab, {
-      tabId: BLOCK_INSPECTOR_IDENTIFIER,
-      children: __('Block')
-    })]
-  });
+const BLOCK_INSPECTOR_IDENTIFIER = "edit-widgets/block-inspector";
+const WIDGET_AREAS_IDENTIFIER = "edit-widgets/block-areas";
+import WidgetAreas from "./widget-areas";
+import { store as editWidgetsStore } from "../../store";
+import { unlock } from "../../lock-unlock";
+const { Tabs } = unlock(componentsPrivateApis);
+function SidebarHeader({ selectedWidgetAreaBlock }) {
+  return /* @__PURE__ */ jsxs(Tabs.TabList, { children: [
+    /* @__PURE__ */ jsx(Tabs.Tab, { tabId: WIDGET_AREAS_IDENTIFIER, children: selectedWidgetAreaBlock ? selectedWidgetAreaBlock.attributes.name : __("Widget Areas") }),
+    /* @__PURE__ */ jsx(Tabs.Tab, { tabId: BLOCK_INSPECTOR_IDENTIFIER, children: __("Block") })
+  ] });
 }
 function SidebarContent({
   hasSelectedNonAreaBlock,
@@ -47,75 +39,78 @@ function SidebarContent({
   isGeneralSidebarOpen,
   selectedWidgetAreaBlock
 }) {
-  const {
-    enableComplementaryArea
-  } = useDispatch(interfaceStore);
+  const { enableComplementaryArea } = useDispatch(interfaceStore);
   useEffect(() => {
     if (hasSelectedNonAreaBlock && currentArea === WIDGET_AREAS_IDENTIFIER && isGeneralSidebarOpen) {
-      enableComplementaryArea('core/edit-widgets', BLOCK_INSPECTOR_IDENTIFIER);
+      enableComplementaryArea(
+        "core/edit-widgets",
+        BLOCK_INSPECTOR_IDENTIFIER
+      );
     }
     if (!hasSelectedNonAreaBlock && currentArea === BLOCK_INSPECTOR_IDENTIFIER && isGeneralSidebarOpen) {
-      enableComplementaryArea('core/edit-widgets', WIDGET_AREAS_IDENTIFIER);
+      enableComplementaryArea(
+        "core/edit-widgets",
+        WIDGET_AREAS_IDENTIFIER
+      );
     }
-    // We're intentionally leaving `currentArea` and `isGeneralSidebarOpen`
-    // out of the dep array because we want this effect to run based on
-    // block selection changes, not sidebar state changes.
   }, [hasSelectedNonAreaBlock, enableComplementaryArea]);
   const tabsContextValue = useContext(Tabs.Context);
-  return /*#__PURE__*/_jsx(ComplementaryArea, {
-    className: "edit-widgets-sidebar",
-    header: /*#__PURE__*/_jsx(Tabs.Context.Provider, {
-      value: tabsContextValue,
-      children: /*#__PURE__*/_jsx(SidebarHeader, {
-        selectedWidgetAreaBlock: selectedWidgetAreaBlock
-      })
-    }),
-    headerClassName: "edit-widgets-sidebar__panel-tabs"
-    /* translators: button label text should, if possible, be under 16 characters. */,
-    title: __('Settings'),
-    closeLabel: __('Close Settings'),
-    scope: "core/edit-widgets",
-    identifier: currentArea,
-    icon: isRTL() ? drawerLeft : drawerRight,
-    isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT,
-    children: /*#__PURE__*/_jsxs(Tabs.Context.Provider, {
-      value: tabsContextValue,
-      children: [/*#__PURE__*/_jsx(Tabs.TabPanel, {
-        tabId: WIDGET_AREAS_IDENTIFIER,
-        focusable: false,
-        children: /*#__PURE__*/_jsx(WidgetAreas, {
-          selectedWidgetAreaId: selectedWidgetAreaBlock?.attributes.id
-        })
-      }), /*#__PURE__*/_jsx(Tabs.TabPanel, {
-        tabId: BLOCK_INSPECTOR_IDENTIFIER,
-        focusable: false,
-        children: hasSelectedNonAreaBlock ? /*#__PURE__*/_jsx(BlockInspector, {}) :
-        /*#__PURE__*/
-        // Pretend that Widget Areas are part of the UI by not
-        // showing the Block Inspector when one is selected.
-        _jsx("span", {
-          className: "block-editor-block-inspector__no-blocks",
-          children: __('No block selected.')
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    ComplementaryArea,
+    {
+      className: "edit-widgets-sidebar",
+      header: /* @__PURE__ */ jsx(Tabs.Context.Provider, { value: tabsContextValue, children: /* @__PURE__ */ jsx(
+        SidebarHeader,
+        {
+          selectedWidgetAreaBlock
+        }
+      ) }),
+      headerClassName: "edit-widgets-sidebar__panel-tabs",
+      title: __("Settings"),
+      closeLabel: __("Close Settings"),
+      scope: "core/edit-widgets",
+      identifier: currentArea,
+      icon: isRTL() ? drawerLeft : drawerRight,
+      isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT,
+      children: /* @__PURE__ */ jsxs(Tabs.Context.Provider, { value: tabsContextValue, children: [
+        /* @__PURE__ */ jsx(
+          Tabs.TabPanel,
+          {
+            tabId: WIDGET_AREAS_IDENTIFIER,
+            focusable: false,
+            children: /* @__PURE__ */ jsx(
+              WidgetAreas,
+              {
+                selectedWidgetAreaId: selectedWidgetAreaBlock?.attributes.id
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Tabs.TabPanel,
+          {
+            tabId: BLOCK_INSPECTOR_IDENTIFIER,
+            focusable: false,
+            children: hasSelectedNonAreaBlock ? /* @__PURE__ */ jsx(BlockInspector, {}) : (
+              // Pretend that Widget Areas are part of the UI by not
+              // showing the Block Inspector when one is selected.
+              /* @__PURE__ */ jsx("span", { className: "block-editor-block-inspector__no-blocks", children: __("No block selected.") })
+            )
+          }
+        )
+      ] })
+    }
+  );
 }
-export default function Sidebar() {
+function Sidebar() {
   const {
     currentArea,
     hasSelectedNonAreaBlock,
     isGeneralSidebarOpen,
     selectedWidgetAreaBlock
-  } = useSelect(select => {
-    const {
-      getSelectedBlock,
-      getBlock,
-      getBlockParentsByBlockName
-    } = select(blockEditorStore);
-    const {
-      getActiveComplementaryArea
-    } = select(interfaceStore);
+  } = useSelect((select) => {
+    const { getSelectedBlock, getBlock, getBlockParentsByBlockName } = select(blockEditorStore);
+    const { getActiveComplementaryArea } = select(interfaceStore);
     const selectedBlock = getSelectedBlock();
     const activeArea = getActiveComplementaryArea(editWidgetsStore.name);
     let currentSelection = activeArea;
@@ -128,48 +123,55 @@ export default function Sidebar() {
     }
     let widgetAreaBlock;
     if (selectedBlock) {
-      if (selectedBlock.name === 'core/widget-area') {
+      if (selectedBlock.name === "core/widget-area") {
         widgetAreaBlock = selectedBlock;
       } else {
-        widgetAreaBlock = getBlock(getBlockParentsByBlockName(selectedBlock.clientId, 'core/widget-area')[0]);
+        widgetAreaBlock = getBlock(
+          getBlockParentsByBlockName(
+            selectedBlock.clientId,
+            "core/widget-area"
+          )[0]
+        );
       }
     }
     return {
       currentArea: currentSelection,
-      hasSelectedNonAreaBlock: !!(selectedBlock && selectedBlock.name !== 'core/widget-area'),
+      hasSelectedNonAreaBlock: !!(selectedBlock && selectedBlock.name !== "core/widget-area"),
       isGeneralSidebarOpen: !!activeArea,
       selectedWidgetAreaBlock: widgetAreaBlock
     };
   }, []);
-  const {
-    enableComplementaryArea
-  } = useDispatch(interfaceStore);
-
-  // `newSelectedTabId` could technically be falsy if no tab is selected (i.e.
-  // the initial render) or when we don't want a tab displayed (i.e. the
-  // sidebar is closed). These cases should both be covered by the `!!` check
-  // below, so we shouldn't need any additional falsy handling.
-  const onTabSelect = useCallback(newSelectedTabId => {
-    if (!!newSelectedTabId) {
-      enableComplementaryArea(editWidgetsStore.name, newSelectedTabId);
+  const { enableComplementaryArea } = useDispatch(interfaceStore);
+  const onTabSelect = useCallback(
+    (newSelectedTabId) => {
+      if (!!newSelectedTabId) {
+        enableComplementaryArea(
+          editWidgetsStore.name,
+          newSelectedTabId
+        );
+      }
+    },
+    [enableComplementaryArea]
+  );
+  return /* @__PURE__ */ jsx(
+    Tabs,
+    {
+      selectedTabId: isGeneralSidebarOpen ? currentArea : null,
+      onSelect: onTabSelect,
+      selectOnMove: false,
+      children: /* @__PURE__ */ jsx(
+        SidebarContent,
+        {
+          hasSelectedNonAreaBlock,
+          currentArea,
+          isGeneralSidebarOpen,
+          selectedWidgetAreaBlock
+        }
+      )
     }
-  }, [enableComplementaryArea]);
-  return /*#__PURE__*/_jsx(Tabs
-  // Due to how this component is controlled (via a value from the
-  // `interfaceStore`), when the sidebar closes the currently selected
-  // tab can't be found. This causes the component to continuously reset
-  // the selection to `null` in an infinite loop. Proactively setting
-  // the selected tab to `null` avoids that.
-  , {
-    selectedTabId: isGeneralSidebarOpen ? currentArea : null,
-    onSelect: onTabSelect,
-    selectOnMove: false,
-    children: /*#__PURE__*/_jsx(SidebarContent, {
-      hasSelectedNonAreaBlock: hasSelectedNonAreaBlock,
-      currentArea: currentArea,
-      isGeneralSidebarOpen: isGeneralSidebarOpen,
-      selectedWidgetAreaBlock: selectedWidgetAreaBlock
-    })
-  });
+  );
 }
-//# sourceMappingURL=index.js.map
+export {
+  Sidebar as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","Platform","useContext","useCallback","isRTL","__","ComplementaryArea","store","interfaceStore","BlockInspector","blockEditorStore","drawerLeft","drawerRight","privateApis","componentsPrivateApis","useSelect","useDispatch","SIDEBAR_ACTIVE_BY_DEFAULT","select","web","native","BLOCK_INSPECTOR_IDENTIFIER","WIDGET_AREAS_IDENTIFIER","WidgetAreas","editWidgetsStore","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","SidebarHeader","selectedWidgetAreaBlock","TabList","children","Tab","tabId","attributes","name","SidebarContent","hasSelectedNonAreaBlock","currentArea","isGeneralSidebarOpen","enableComplementaryArea","tabsContextValue","Context","className","header","Provider","value","headerClassName","title","closeLabel","scope","identifier","icon","isActiveByDefault","TabPanel","focusable","selectedWidgetAreaId","id","Sidebar","getSelectedBlock","getBlock","getBlockParentsByBlockName","getActiveComplementaryArea","selectedBlock","activeArea","currentSelection","widgetAreaBlock","clientId","onTabSelect","newSelectedTabId","selectedTabId","onSelect","selectOnMove"],"sources":["@wordpress/edit-widgets/src/components/sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tuseEffect,\n\tPlatform,\n\tuseContext,\n\tuseCallback,\n} from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\tComplementaryArea,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport {\n\tBlockInspector,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\nconst SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select( {\n\tweb: true,\n\tnative: false,\n} );\n\nconst BLOCK_INSPECTOR_IDENTIFIER = 'edit-widgets/block-inspector';\n\n// Widget areas were once called block areas, so use 'edit-widgets/block-areas'\n// for backwards compatibility.\nconst WIDGET_AREAS_IDENTIFIER = 'edit-widgets/block-areas';\n\n/**\n * Internal dependencies\n */\nimport WidgetAreas from './widget-areas';\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction SidebarHeader( { selectedWidgetAreaBlock } ) {\n\treturn (\n\t\t<Tabs.TabList>\n\t\t\t<Tabs.Tab tabId={ WIDGET_AREAS_IDENTIFIER }>\n\t\t\t\t{ selectedWidgetAreaBlock\n\t\t\t\t\t? selectedWidgetAreaBlock.attributes.name\n\t\t\t\t\t: __( 'Widget Areas' ) }\n\t\t\t</Tabs.Tab>\n\t\t\t<Tabs.Tab tabId={ BLOCK_INSPECTOR_IDENTIFIER }>\n\t\t\t\t{ __( 'Block' ) }\n\t\t\t</Tabs.Tab>\n\t\t</Tabs.TabList>\n\t);\n}\n\nfunction SidebarContent( {\n\thasSelectedNonAreaBlock,\n\tcurrentArea,\n\tisGeneralSidebarOpen,\n\tselectedWidgetAreaBlock,\n} ) {\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\thasSelectedNonAreaBlock &&\n\t\t\tcurrentArea === WIDGET_AREAS_IDENTIFIER &&\n\t\t\tisGeneralSidebarOpen\n\t\t) {\n\t\t\tenableComplementaryArea(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\tBLOCK_INSPECTOR_IDENTIFIER\n\t\t\t);\n\t\t}\n\t\tif (\n\t\t\t! hasSelectedNonAreaBlock &&\n\t\t\tcurrentArea === BLOCK_INSPECTOR_IDENTIFIER &&\n\t\t\tisGeneralSidebarOpen\n\t\t) {\n\t\t\tenableComplementaryArea(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\tWIDGET_AREAS_IDENTIFIER\n\t\t\t);\n\t\t}\n\t\t// We're intentionally leaving `currentArea` and `isGeneralSidebarOpen`\n\t\t// out of the dep array because we want this effect to run based on\n\t\t// block selection changes, not sidebar state changes.\n\t}, [ hasSelectedNonAreaBlock, enableComplementaryArea ] );\n\n\tconst tabsContextValue = useContext( Tabs.Context );\n\n\treturn (\n\t\t<ComplementaryArea\n\t\t\tclassName=\"edit-widgets-sidebar\"\n\t\t\theader={\n\t\t\t\t<Tabs.Context.Provider value={ tabsContextValue }>\n\t\t\t\t\t<SidebarHeader\n\t\t\t\t\t\tselectedWidgetAreaBlock={ selectedWidgetAreaBlock }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.Context.Provider>\n\t\t\t}\n\t\t\theaderClassName=\"edit-widgets-sidebar__panel-tabs\"\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\ttitle={ __( 'Settings' ) }\n\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\tscope=\"core/edit-widgets\"\n\t\t\tidentifier={ currentArea }\n\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\tisActiveByDefault={ SIDEBAR_ACTIVE_BY_DEFAULT }\n\t\t>\n\t\t\t<Tabs.Context.Provider value={ tabsContextValue }>\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\ttabId={ WIDGET_AREAS_IDENTIFIER }\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t<WidgetAreas\n\t\t\t\t\t\tselectedWidgetAreaId={\n\t\t\t\t\t\t\tselectedWidgetAreaBlock?.attributes.id\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\ttabId={ BLOCK_INSPECTOR_IDENTIFIER }\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t{ hasSelectedNonAreaBlock ? (\n\t\t\t\t\t\t<BlockInspector />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t// Pretend that Widget Areas are part of the UI by not\n\t\t\t\t\t\t// showing the Block Inspector when one is selected.\n\t\t\t\t\t\t<span className=\"block-editor-block-inspector__no-blocks\">\n\t\t\t\t\t\t\t{ __( 'No block selected.' ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs.Context.Provider>\n\t\t</ComplementaryArea>\n\t);\n}\n\nexport default function Sidebar() {\n\tconst {\n\t\tcurrentArea,\n\t\thasSelectedNonAreaBlock,\n\t\tisGeneralSidebarOpen,\n\t\tselectedWidgetAreaBlock,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSelectedBlock, getBlock, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\n\t\tconst selectedBlock = getSelectedBlock();\n\n\t\tconst activeArea = getActiveComplementaryArea( editWidgetsStore.name );\n\n\t\tlet currentSelection = activeArea;\n\t\tif ( ! currentSelection ) {\n\t\t\tif ( selectedBlock ) {\n\t\t\t\tcurrentSelection = BLOCK_INSPECTOR_IDENTIFIER;\n\t\t\t} else {\n\t\t\t\tcurrentSelection = WIDGET_AREAS_IDENTIFIER;\n\t\t\t}\n\t\t}\n\n\t\tlet widgetAreaBlock;\n\t\tif ( selectedBlock ) {\n\t\t\tif ( selectedBlock.name === 'core/widget-area' ) {\n\t\t\t\twidgetAreaBlock = selectedBlock;\n\t\t\t} else {\n\t\t\t\twidgetAreaBlock = getBlock(\n\t\t\t\t\tgetBlockParentsByBlockName(\n\t\t\t\t\t\tselectedBlock.clientId,\n\t\t\t\t\t\t'core/widget-area'\n\t\t\t\t\t)[ 0 ]\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tcurrentArea: currentSelection,\n\t\t\thasSelectedNonAreaBlock: !! (\n\t\t\t\tselectedBlock && selectedBlock.name !== 'core/widget-area'\n\t\t\t),\n\t\t\tisGeneralSidebarOpen: !! activeArea,\n\t\t\tselectedWidgetAreaBlock: widgetAreaBlock,\n\t\t};\n\t}, [] );\n\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\t// `newSelectedTabId` could technically be falsy if no tab is selected (i.e.\n\t// the initial render) or when we don't want a tab displayed (i.e. the\n\t// sidebar is closed). These cases should both be covered by the `!!` check\n\t// below, so we shouldn't need any additional falsy handling.\n\tconst onTabSelect = useCallback(\n\t\t( newSelectedTabId ) => {\n\t\t\tif ( !! newSelectedTabId ) {\n\t\t\t\tenableComplementaryArea(\n\t\t\t\t\teditWidgetsStore.name,\n\t\t\t\t\tnewSelectedTabId\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ enableComplementaryArea ]\n\t);\n\n\treturn (\n\t\t<Tabs\n\t\t\t// Due to how this component is controlled (via a value from the\n\t\t\t// `interfaceStore`), when the sidebar closes the currently selected\n\t\t\t// tab can't be found. This causes the component to continuously reset\n\t\t\t// the selection to `null` in an infinite loop. Proactively setting\n\t\t\t// the selected tab to `null` avoids that.\n\t\t\tselectedTabId={ isGeneralSidebarOpen ? currentArea : null }\n\t\t\tonSelect={ onTabSelect }\n\t\t\tselectOnMove={ false }\n\t\t>\n\t\t\t<SidebarContent\n\t\t\t\thasSelectedNonAreaBlock={ hasSelectedNonAreaBlock }\n\t\t\t\tcurrentArea={ currentArea }\n\t\t\t\tisGeneralSidebarOpen={ isGeneralSidebarOpen }\n\t\t\t\tselectedWidgetAreaBlock={ selectedWidgetAreaBlock }\n\t\t\t/>\n\t\t</Tabs>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,SAAS,EACTC,QAAQ,EACRC,UAAU,EACVC,WAAW,QACL,oBAAoB;AAC3B,SAASC,KAAK,EAAEC,EAAE,QAAQ,iBAAiB;AAC3C,SACCC,iBAAiB,EACjBC,KAAK,IAAIC,cAAc,QACjB,sBAAsB;AAC7B,SACCC,cAAc,EACdF,KAAK,IAAIG,gBAAgB,QACnB,yBAAyB;AAEhC,SAASC,UAAU,EAAEC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;AAC5E,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AAExD,MAAMC,yBAAyB,GAAGhB,QAAQ,CAACiB,MAAM,CAAE;EAClDC,GAAG,EAAE,IAAI;EACTC,MAAM,EAAE;AACT,CAAE,CAAC;AAEH,MAAMC,0BAA0B,GAAG,8BAA8B;;AAEjE;AACA;AACA,MAAMC,uBAAuB,GAAG,0BAA0B;;AAE1D;AACA;AACA;AACA,OAAOC,WAAW,MAAM,gBAAgB;AACxC,SAAShB,KAAK,IAAIiB,gBAAgB,QAAQ,aAAa;AACvD,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAK,CAAC,GAAGL,MAAM,CAAEX,qBAAsB,CAAC;AAEhD,SAASiB,aAAaA,CAAE;EAAEC;AAAwB,CAAC,EAAG;EACrD,oBACCH,KAAA,CAACC,IAAI,CAACG,OAAO;IAAAC,QAAA,gBACZP,IAAA,CAACG,IAAI,CAACK,GAAG;MAACC,KAAK,EAAGd,uBAAyB;MAAAY,QAAA,EACxCF,uBAAuB,GACtBA,uBAAuB,CAACK,UAAU,CAACC,IAAI,GACvCjC,EAAE,CAAE,cAAe;IAAC,CACd,CAAC,eACXsB,IAAA,CAACG,IAAI,CAACK,GAAG;MAACC,KAAK,EAAGf,0BAA4B;MAAAa,QAAA,EAC3C7B,EAAE,CAAE,OAAQ;IAAC,CACN,CAAC;EAAA,CACE,CAAC;AAEjB;AAEA,SAASkC,cAAcA,CAAE;EACxBC,uBAAuB;EACvBC,WAAW;EACXC,oBAAoB;EACpBV;AACD,CAAC,EAAG;EACH,MAAM;IAAEW;EAAwB,CAAC,GAAG3B,WAAW,CAAER,cAAe,CAAC;EAEjER,SAAS,CAAE,MAAM;IAChB,IACCwC,uBAAuB,IACvBC,WAAW,KAAKnB,uBAAuB,IACvCoB,oBAAoB,EACnB;MACDC,uBAAuB,CACtB,mBAAmB,EACnBtB,0BACD,CAAC;IACF;IACA,IACC,CAAEmB,uBAAuB,IACzBC,WAAW,KAAKpB,0BAA0B,IAC1CqB,oBAAoB,EACnB;MACDC,uBAAuB,CACtB,mBAAmB,EACnBrB,uBACD,CAAC;IACF;IACA;IACA;IACA;EACD,CAAC,EAAE,CAAEkB,uBAAuB,EAAEG,uBAAuB,CAAG,CAAC;EAEzD,MAAMC,gBAAgB,GAAG1C,UAAU,CAAE4B,IAAI,CAACe,OAAQ,CAAC;EAEnD,oBACClB,IAAA,CAACrB,iBAAiB;IACjBwC,SAAS,EAAC,sBAAsB;IAChCC,MAAM,eACLpB,IAAA,CAACG,IAAI,CAACe,OAAO,CAACG,QAAQ;MAACC,KAAK,EAAGL,gBAAkB;MAAAV,QAAA,eAChDP,IAAA,CAACI,aAAa;QACbC,uBAAuB,EAAGA;MAAyB,CACnD;IAAC,CACoB,CACvB;IACDkB,eAAe,EAAC;IAChB;IACAC,KAAK,EAAG9C,EAAE,CAAE,UAAW,CAAG;IAC1B+C,UAAU,EAAG/C,EAAE,CAAE,gBAAiB,CAAG;IACrCgD,KAAK,EAAC,mBAAmB;IACzBC,UAAU,EAAGb,WAAa;IAC1Bc,IAAI,EAAGnD,KAAK,CAAC,CAAC,GAAGO,UAAU,GAAGC,WAAa;IAC3C4C,iBAAiB,EAAGvC,yBAA2B;IAAAiB,QAAA,eAE/CL,KAAA,CAACC,IAAI,CAACe,OAAO,CAACG,QAAQ;MAACC,KAAK,EAAGL,gBAAkB;MAAAV,QAAA,gBAChDP,IAAA,CAACG,IAAI,CAAC2B,QAAQ;QACbrB,KAAK,EAAGd,uBAAyB;QACjCoC,SAAS,EAAG,KAAO;QAAAxB,QAAA,eAEnBP,IAAA,CAACJ,WAAW;UACXoC,oBAAoB,EACnB3B,uBAAuB,EAAEK,UAAU,CAACuB;QACpC,CACD;MAAC,CACY,CAAC,eAChBjC,IAAA,CAACG,IAAI,CAAC2B,QAAQ;QACbrB,KAAK,EAAGf,0BAA4B;QACpCqC,SAAS,EAAG,KAAO;QAAAxB,QAAA,EAEjBM,uBAAuB,gBACxBb,IAAA,CAAClB,cAAc,IAAE,CAAC;QAAA;QAElB;QACA;QACAkB,IAAA;UAAMmB,SAAS,EAAC,yCAAyC;UAAAZ,QAAA,EACtD7B,EAAE,CAAE,oBAAqB;QAAC,CACvB;MACN,CACa,CAAC;IAAA,CACM;EAAC,CACN,CAAC;AAEtB;AAEA,eAAe,SAASwD,OAAOA,CAAA,EAAG;EACjC,MAAM;IACLpB,WAAW;IACXD,uBAAuB;IACvBE,oBAAoB;IACpBV;EACD,CAAC,GAAGjB,SAAS,CAAIG,MAAM,IAAM;IAC5B,MAAM;MAAE4C,gBAAgB;MAAEC,QAAQ;MAAEC;IAA2B,CAAC,GAC/D9C,MAAM,CAAER,gBAAiB,CAAC;IAC3B,MAAM;MAAEuD;IAA2B,CAAC,GAAG/C,MAAM,CAAEV,cAAe,CAAC;IAE/D,MAAM0D,aAAa,GAAGJ,gBAAgB,CAAC,CAAC;IAExC,MAAMK,UAAU,GAAGF,0BAA0B,CAAEzC,gBAAgB,CAACc,IAAK,CAAC;IAEtE,IAAI8B,gBAAgB,GAAGD,UAAU;IACjC,IAAK,CAAEC,gBAAgB,EAAG;MACzB,IAAKF,aAAa,EAAG;QACpBE,gBAAgB,GAAG/C,0BAA0B;MAC9C,CAAC,MAAM;QACN+C,gBAAgB,GAAG9C,uBAAuB;MAC3C;IACD;IAEA,IAAI+C,eAAe;IACnB,IAAKH,aAAa,EAAG;MACpB,IAAKA,aAAa,CAAC5B,IAAI,KAAK,kBAAkB,EAAG;QAChD+B,eAAe,GAAGH,aAAa;MAChC,CAAC,MAAM;QACNG,eAAe,GAAGN,QAAQ,CACzBC,0BAA0B,CACzBE,aAAa,CAACI,QAAQ,EACtB,kBACD,CAAC,CAAE,CAAC,CACL,CAAC;MACF;IACD;IAEA,OAAO;MACN7B,WAAW,EAAE2B,gBAAgB;MAC7B5B,uBAAuB,EAAE,CAAC,EACzB0B,aAAa,IAAIA,aAAa,CAAC5B,IAAI,KAAK,kBAAkB,CAC1D;MACDI,oBAAoB,EAAE,CAAC,CAAEyB,UAAU;MACnCnC,uBAAuB,EAAEqC;IAC1B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAE1B;EAAwB,CAAC,GAAG3B,WAAW,CAAER,cAAe,CAAC;;EAEjE;EACA;EACA;EACA;EACA,MAAM+D,WAAW,GAAGpE,WAAW,CAC5BqE,gBAAgB,IAAM;IACvB,IAAK,CAAC,CAAEA,gBAAgB,EAAG;MAC1B7B,uBAAuB,CACtBnB,gBAAgB,CAACc,IAAI,EACrBkC,gBACD,CAAC;IACF;EACD,CAAC,EACD,CAAE7B,uBAAuB,CAC1B,CAAC;EAED,oBACChB,IAAA,CAACG;EACA;EACA;EACA;EACA;EACA;EAAA;IACA2C,aAAa,EAAG/B,oBAAoB,GAAGD,WAAW,GAAG,IAAM;IAC3DiC,QAAQ,EAAGH,WAAa;IACxBI,YAAY,EAAG,KAAO;IAAAzC,QAAA,eAEtBP,IAAA,CAACY,cAAc;MACdC,uBAAuB,EAAGA,uBAAyB;MACnDC,WAAW,EAAGA,WAAa;MAC3BC,oBAAoB,EAAGA,oBAAsB;MAC7CV,uBAAuB,EAAGA;IAAyB,CACnD;EAAC,CACG,CAAC;AAET","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tuseEffect,\n\tPlatform,\n\tuseContext,\n\tuseCallback,\n} from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\tComplementaryArea,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport {\n\tBlockInspector,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\n\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\nconst SIDEBAR_ACTIVE_BY_DEFAULT = Platform.select( {\n\tweb: true,\n\tnative: false,\n} );\n\nconst BLOCK_INSPECTOR_IDENTIFIER = 'edit-widgets/block-inspector';\n\n// Widget areas were once called block areas, so use 'edit-widgets/block-areas'\n// for backwards compatibility.\nconst WIDGET_AREAS_IDENTIFIER = 'edit-widgets/block-areas';\n\n/**\n * Internal dependencies\n */\nimport WidgetAreas from './widget-areas';\nimport { store as editWidgetsStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction SidebarHeader( { selectedWidgetAreaBlock } ) {\n\treturn (\n\t\t<Tabs.TabList>\n\t\t\t<Tabs.Tab tabId={ WIDGET_AREAS_IDENTIFIER }>\n\t\t\t\t{ selectedWidgetAreaBlock\n\t\t\t\t\t? selectedWidgetAreaBlock.attributes.name\n\t\t\t\t\t: __( 'Widget Areas' ) }\n\t\t\t</Tabs.Tab>\n\t\t\t<Tabs.Tab tabId={ BLOCK_INSPECTOR_IDENTIFIER }>\n\t\t\t\t{ __( 'Block' ) }\n\t\t\t</Tabs.Tab>\n\t\t</Tabs.TabList>\n\t);\n}\n\nfunction SidebarContent( {\n\thasSelectedNonAreaBlock,\n\tcurrentArea,\n\tisGeneralSidebarOpen,\n\tselectedWidgetAreaBlock,\n} ) {\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\thasSelectedNonAreaBlock &&\n\t\t\tcurrentArea === WIDGET_AREAS_IDENTIFIER &&\n\t\t\tisGeneralSidebarOpen\n\t\t) {\n\t\t\tenableComplementaryArea(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\tBLOCK_INSPECTOR_IDENTIFIER\n\t\t\t);\n\t\t}\n\t\tif (\n\t\t\t! hasSelectedNonAreaBlock &&\n\t\t\tcurrentArea === BLOCK_INSPECTOR_IDENTIFIER &&\n\t\t\tisGeneralSidebarOpen\n\t\t) {\n\t\t\tenableComplementaryArea(\n\t\t\t\t'core/edit-widgets',\n\t\t\t\tWIDGET_AREAS_IDENTIFIER\n\t\t\t);\n\t\t}\n\t\t// We're intentionally leaving `currentArea` and `isGeneralSidebarOpen`\n\t\t// out of the dep array because we want this effect to run based on\n\t\t// block selection changes, not sidebar state changes.\n\t}, [ hasSelectedNonAreaBlock, enableComplementaryArea ] );\n\n\tconst tabsContextValue = useContext( Tabs.Context );\n\n\treturn (\n\t\t<ComplementaryArea\n\t\t\tclassName=\"edit-widgets-sidebar\"\n\t\t\theader={\n\t\t\t\t<Tabs.Context.Provider value={ tabsContextValue }>\n\t\t\t\t\t<SidebarHeader\n\t\t\t\t\t\tselectedWidgetAreaBlock={ selectedWidgetAreaBlock }\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.Context.Provider>\n\t\t\t}\n\t\t\theaderClassName=\"edit-widgets-sidebar__panel-tabs\"\n\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\ttitle={ __( 'Settings' ) }\n\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\tscope=\"core/edit-widgets\"\n\t\t\tidentifier={ currentArea }\n\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\tisActiveByDefault={ SIDEBAR_ACTIVE_BY_DEFAULT }\n\t\t>\n\t\t\t<Tabs.Context.Provider value={ tabsContextValue }>\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\ttabId={ WIDGET_AREAS_IDENTIFIER }\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t<WidgetAreas\n\t\t\t\t\t\tselectedWidgetAreaId={\n\t\t\t\t\t\t\tselectedWidgetAreaBlock?.attributes.id\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\ttabId={ BLOCK_INSPECTOR_IDENTIFIER }\n\t\t\t\t\tfocusable={ false }\n\t\t\t\t>\n\t\t\t\t\t{ hasSelectedNonAreaBlock ? (\n\t\t\t\t\t\t<BlockInspector />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t// Pretend that Widget Areas are part of the UI by not\n\t\t\t\t\t\t// showing the Block Inspector when one is selected.\n\t\t\t\t\t\t<span className=\"block-editor-block-inspector__no-blocks\">\n\t\t\t\t\t\t\t{ __( 'No block selected.' ) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t) }\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs.Context.Provider>\n\t\t</ComplementaryArea>\n\t);\n}\n\nexport default function Sidebar() {\n\tconst {\n\t\tcurrentArea,\n\t\thasSelectedNonAreaBlock,\n\t\tisGeneralSidebarOpen,\n\t\tselectedWidgetAreaBlock,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSelectedBlock, getBlock, getBlockParentsByBlockName } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\n\t\tconst selectedBlock = getSelectedBlock();\n\n\t\tconst activeArea = getActiveComplementaryArea( editWidgetsStore.name );\n\n\t\tlet currentSelection = activeArea;\n\t\tif ( ! currentSelection ) {\n\t\t\tif ( selectedBlock ) {\n\t\t\t\tcurrentSelection = BLOCK_INSPECTOR_IDENTIFIER;\n\t\t\t} else {\n\t\t\t\tcurrentSelection = WIDGET_AREAS_IDENTIFIER;\n\t\t\t}\n\t\t}\n\n\t\tlet widgetAreaBlock;\n\t\tif ( selectedBlock ) {\n\t\t\tif ( selectedBlock.name === 'core/widget-area' ) {\n\t\t\t\twidgetAreaBlock = selectedBlock;\n\t\t\t} else {\n\t\t\t\twidgetAreaBlock = getBlock(\n\t\t\t\t\tgetBlockParentsByBlockName(\n\t\t\t\t\t\tselectedBlock.clientId,\n\t\t\t\t\t\t'core/widget-area'\n\t\t\t\t\t)[ 0 ]\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tcurrentArea: currentSelection,\n\t\t\thasSelectedNonAreaBlock: !! (\n\t\t\t\tselectedBlock && selectedBlock.name !== 'core/widget-area'\n\t\t\t),\n\t\t\tisGeneralSidebarOpen: !! activeArea,\n\t\t\tselectedWidgetAreaBlock: widgetAreaBlock,\n\t\t};\n\t}, [] );\n\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\t// `newSelectedTabId` could technically be falsy if no tab is selected (i.e.\n\t// the initial render) or when we don't want a tab displayed (i.e. the\n\t// sidebar is closed). These cases should both be covered by the `!!` check\n\t// below, so we shouldn't need any additional falsy handling.\n\tconst onTabSelect = useCallback(\n\t\t( newSelectedTabId ) => {\n\t\t\tif ( !! newSelectedTabId ) {\n\t\t\t\tenableComplementaryArea(\n\t\t\t\t\teditWidgetsStore.name,\n\t\t\t\t\tnewSelectedTabId\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[ enableComplementaryArea ]\n\t);\n\n\treturn (\n\t\t<Tabs\n\t\t\t// Due to how this component is controlled (via a value from the\n\t\t\t// `interfaceStore`), when the sidebar closes the currently selected\n\t\t\t// tab can't be found. This causes the component to continuously reset\n\t\t\t// the selection to `null` in an infinite loop. Proactively setting\n\t\t\t// the selected tab to `null` avoids that.\n\t\t\tselectedTabId={ isGeneralSidebarOpen ? currentArea : null }\n\t\t\tonSelect={ onTabSelect }\n\t\t\tselectOnMove={ false }\n\t\t>\n\t\t\t<SidebarContent\n\t\t\t\thasSelectedNonAreaBlock={ hasSelectedNonAreaBlock }\n\t\t\t\tcurrentArea={ currentArea }\n\t\t\t\tisGeneralSidebarOpen={ isGeneralSidebarOpen }\n\t\t\t\tselectedWidgetAreaBlock={ selectedWidgetAreaBlock }\n\t\t\t/>\n\t\t</Tabs>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}