@wordpress/editor 14.32.0 → 14.32.1-next.ff1cebbba.0

package/build/components/list-view-sidebar/index.js

@@ -1,142 +1,138 @@
 "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 list_view_sidebar_exports = {};
+__export(list_view_sidebar_exports, {
+  default: () => ListViewSidebar
 });
-exports.default = ListViewSidebar;
-var _blockEditor = require("@wordpress/block-editor");
-var _compose = require("@wordpress/compose");
-var _data = require("@wordpress/data");
-var _dom = require("@wordpress/dom");
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
-var _keycodes = require("@wordpress/keycodes");
-var _listViewOutline = _interopRequireDefault(require("./list-view-outline"));
-var _lockUnlock = require("../../lock-unlock");
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  TabbedSidebar
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+module.exports = __toCommonJS(list_view_sidebar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_block_editor = require("@wordpress/block-editor");
+var import_compose = require("@wordpress/compose");
+var import_data = require("@wordpress/data");
+var import_dom = require("@wordpress/dom");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_keyboard_shortcuts = require("@wordpress/keyboard-shortcuts");
+var import_keycodes = require("@wordpress/keycodes");
+var import_list_view_outline = __toESM(require("./list-view-outline"));
+var import_lock_unlock = require("../../lock-unlock");
+var import_store = require("../../store");
+const { TabbedSidebar } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 function ListViewSidebar() {
-  const {
-    setIsListViewOpened
-  } = (0, _data.useDispatch)(_store.store);
-  const {
-    getListViewToggleRef
-  } = (0, _lockUnlock.unlock)((0, _data.useSelect)(_store.store));
-
-  // This hook handles focus when the sidebar first renders.
-  const focusOnMountRef = (0, _compose.useFocusOnMount)('firstElement');
-
-  // When closing the list view, focus should return to the toggle button.
-  const closeListView = (0, _element.useCallback)(() => {
+  const { setIsListViewOpened } = (0, import_data.useDispatch)(import_store.store);
+  const { getListViewToggleRef } = (0, import_lock_unlock.unlock)((0, import_data.useSelect)(import_store.store));
+  const focusOnMountRef = (0, import_compose.useFocusOnMount)("firstElement");
+  const closeListView = (0, import_element.useCallback)(() => {
     setIsListViewOpened(false);
     getListViewToggleRef().current?.focus();
   }, [getListViewToggleRef, setIsListViewOpened]);
-  const closeOnEscape = (0, _element.useCallback)(event => {
-    if (event.keyCode === _keycodes.ESCAPE && !event.defaultPrevented) {
-      event.preventDefault();
-      closeListView();
-    }
-  }, [closeListView]);
-
-  // Use internal state instead of a ref to make sure that the component
-  // re-renders when the dropZoneElement updates.
-  const [dropZoneElement, setDropZoneElement] = (0, _element.useState)(null);
-  // Tracks our current tab.
-  const [tab, setTab] = (0, _element.useState)('list-view');
-
-  // This ref refers to the sidebar as a whole.
-  const sidebarRef = (0, _element.useRef)();
-  // This ref refers to the tab panel.
-  const tabsRef = (0, _element.useRef)();
-  // This ref refers to the list view application area.
-  const listViewRef = (0, _element.useRef)();
-
-  // Must merge the refs together so focus can be handled properly in the next function.
-  const listViewContainerRef = (0, _compose.useMergeRefs)([focusOnMountRef, listViewRef, setDropZoneElement]);
-
-  /*
-   * Callback function to handle list view or outline focus.
-   *
-   * @param {string} currentTab The current tab. Either list view or outline.
-   *
-   * @return void
-   */
+  const closeOnEscape = (0, import_element.useCallback)(
+    (event) => {
+      if (event.keyCode === import_keycodes.ESCAPE && !event.defaultPrevented) {
+        event.preventDefault();
+        closeListView();
+      }
+    },
+    [closeListView]
+  );
+  const [dropZoneElement, setDropZoneElement] = (0, import_element.useState)(null);
+  const [tab, setTab] = (0, import_element.useState)("list-view");
+  const sidebarRef = (0, import_element.useRef)();
+  const tabsRef = (0, import_element.useRef)();
+  const listViewRef = (0, import_element.useRef)();
+  const listViewContainerRef = (0, import_compose.useMergeRefs)([
+    focusOnMountRef,
+    listViewRef,
+    setDropZoneElement
+  ]);
   function handleSidebarFocus(currentTab) {
-    // Tab panel focus.
-    const tabPanelFocus = _dom.focus.tabbable.find(tabsRef.current)[0];
-    // List view tab is selected.
-    if (currentTab === 'list-view') {
-      // Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.
-      const listViewApplicationFocus = _dom.focus.tabbable.find(listViewRef.current)[0];
-      const listViewFocusArea = sidebarRef.current.contains(listViewApplicationFocus) ? listViewApplicationFocus : tabPanelFocus;
+    const tabPanelFocus = import_dom.focus.tabbable.find(tabsRef.current)[0];
+    if (currentTab === "list-view") {
+      const listViewApplicationFocus = import_dom.focus.tabbable.find(
+        listViewRef.current
+      )[0];
+      const listViewFocusArea = sidebarRef.current.contains(
+        listViewApplicationFocus
+      ) ? listViewApplicationFocus : tabPanelFocus;
       listViewFocusArea.focus();
-      // Outline tab is selected.
     } else {
       tabPanelFocus.focus();
     }
   }
-  const handleToggleListViewShortcut = (0, _element.useCallback)(() => {
-    // If the sidebar has focus, it is safe to close.
-    if (sidebarRef.current.contains(sidebarRef.current.ownerDocument.activeElement)) {
+  const handleToggleListViewShortcut = (0, import_element.useCallback)(() => {
+    if (sidebarRef.current.contains(
+      sidebarRef.current.ownerDocument.activeElement
+    )) {
       closeListView();
     } else {
-      // If the list view or outline does not have focus, focus should be moved to it.
       handleSidebarFocus(tab);
     }
   }, [closeListView, tab]);
-
-  // This only fires when the sidebar is open because of the conditional rendering.
-  // It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.
-  (0, _keyboardShortcuts.useShortcut)('core/editor/toggle-list-view', handleToggleListViewShortcut);
+  (0, import_keyboard_shortcuts.useShortcut)("core/editor/toggle-list-view", handleToggleListViewShortcut);
   return (
-    /*#__PURE__*/
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    (0, _jsxRuntime.jsx)("div", {
-      className: "editor-list-view-sidebar",
-      onKeyDown: closeOnEscape,
-      ref: sidebarRef,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TabbedSidebar, {
-        tabs: [{
-          name: 'list-view',
-          title: (0, _i18n._x)('List View', 'Post overview'),
-          panel: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "editor-list-view-sidebar__list-view-container",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "editor-list-view-sidebar__list-view-panel-content",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.__experimentalListView, {
-                dropZoneElement: dropZoneElement
-              })
-            })
-          }),
-          panelRef: listViewContainerRef
-        }, {
-          name: 'outline',
-          title: (0, _i18n._x)('Outline', 'Post overview'),
-          panel: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "editor-list-view-sidebar__list-view-container",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_listViewOutline.default, {})
-          })
-        }],
-        onClose: closeListView,
-        onSelect: tabName => setTab(tabName),
-        defaultTabId: "list-view",
-        ref: tabsRef,
-        closeButtonLabel: (0, _i18n.__)('Close')
-      })
-    })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        className: "editor-list-view-sidebar",
+        onKeyDown: closeOnEscape,
+        ref: sidebarRef,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          TabbedSidebar,
+          {
+            tabs: [
+              {
+                name: "list-view",
+                title: (0, import_i18n._x)("List View", "Post overview"),
+                panel: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "editor-list-view-sidebar__list-view-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "editor-list-view-sidebar__list-view-panel-content", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_block_editor.__experimentalListView,
+                  {
+                    dropZoneElement
+                  }
+                ) }) }),
+                panelRef: listViewContainerRef
+              },
+              {
+                name: "outline",
+                title: (0, import_i18n._x)("Outline", "Post overview"),
+                panel: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "editor-list-view-sidebar__list-view-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_list_view_outline.default, {}) })
+              }
+            ],
+            onClose: closeListView,
+            onSelect: (tabName) => setTab(tabName),
+            defaultTabId: "list-view",
+            ref: tabsRef,
+            closeButtonLabel: (0, import_i18n.__)("Close")
+          }
+        )
+      }
+    )
   );
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/components/list-view-sidebar/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_blockEditor","require","_compose","_data","_dom","_element","_i18n","_keyboardShortcuts","_keycodes","_listViewOutline","_interopRequireDefault","_lockUnlock","_store","_jsxRuntime","TabbedSidebar","unlock","blockEditorPrivateApis","ListViewSidebar","setIsListViewOpened","useDispatch","editorStore","getListViewToggleRef","useSelect","focusOnMountRef","useFocusOnMount","closeListView","useCallback","current","focus","closeOnEscape","event","keyCode","ESCAPE","defaultPrevented","preventDefault","dropZoneElement","setDropZoneElement","useState","tab","setTab","sidebarRef","useRef","tabsRef","listViewRef","listViewContainerRef","useMergeRefs","handleSidebarFocus","currentTab","tabPanelFocus","tabbable","find","listViewApplicationFocus","listViewFocusArea","contains","handleToggleListViewShortcut","ownerDocument","activeElement","useShortcut","jsx","className","onKeyDown","ref","children","tabs","name","title","_x","panel","__experimentalListView","panelRef","default","onClose","onSelect","tabName","defaultTabId","closeButtonLabel","__"],"sources":["@wordpress/editor/src/components/list-view-sidebar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalListView as ListView,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useCallback, useRef, useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ListViewOutline from './list-view-outline';\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst { TabbedSidebar } = unlock( blockEditorPrivateApis );\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editorStore ) );\n\n\t// This hook handles focus when the sidebar first renders.\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\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\t// Tracks our current tab.\n\tconst [ tab, setTab ] = useState( 'list-view' );\n\n\t// This ref refers to the sidebar as a whole.\n\tconst sidebarRef = useRef();\n\t// This ref refers to the tab panel.\n\tconst tabsRef = useRef();\n\t// This ref refers to the list view application area.\n\tconst listViewRef = useRef();\n\n\t// Must merge the refs together so focus can be handled properly in the next function.\n\tconst listViewContainerRef = useMergeRefs( [\n\t\tfocusOnMountRef,\n\t\tlistViewRef,\n\t\tsetDropZoneElement,\n\t] );\n\n\t/*\n\t * Callback function to handle list view or outline focus.\n\t *\n\t * @param {string} currentTab The current tab. Either list view or outline.\n\t *\n\t * @return void\n\t */\n\tfunction handleSidebarFocus( currentTab ) {\n\t\t// Tab panel focus.\n\t\tconst tabPanelFocus = focus.tabbable.find( tabsRef.current )[ 0 ];\n\t\t// List view tab is selected.\n\t\tif ( currentTab === 'list-view' ) {\n\t\t\t// Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.\n\t\t\tconst listViewApplicationFocus = focus.tabbable.find(\n\t\t\t\tlistViewRef.current\n\t\t\t)[ 0 ];\n\t\t\tconst listViewFocusArea = sidebarRef.current.contains(\n\t\t\t\tlistViewApplicationFocus\n\t\t\t)\n\t\t\t\t? listViewApplicationFocus\n\t\t\t\t: tabPanelFocus;\n\t\t\tlistViewFocusArea.focus();\n\t\t\t// Outline tab is selected.\n\t\t} else {\n\t\t\ttabPanelFocus.focus();\n\t\t}\n\t}\n\n\tconst handleToggleListViewShortcut = useCallback( () => {\n\t\t// If the sidebar has focus, it is safe to close.\n\t\tif (\n\t\t\tsidebarRef.current.contains(\n\t\t\t\tsidebarRef.current.ownerDocument.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcloseListView();\n\t\t} else {\n\t\t\t// If the list view or outline does not have focus, focus should be moved to it.\n\t\t\thandleSidebarFocus( tab );\n\t\t}\n\t}, [ closeListView, tab ] );\n\n\t// This only fires when the sidebar is open because of the conditional rendering.\n\t// It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.\n\tuseShortcut( 'core/editor/toggle-list-view', handleToggleListViewShortcut );\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"editor-list-view-sidebar\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t\tref={ sidebarRef }\n\t\t>\n\t\t\t<TabbedSidebar\n\t\t\t\ttabs={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'list-view',\n\t\t\t\t\t\ttitle: _x( 'List View', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-panel-content\">\n\t\t\t\t\t\t\t\t\t<ListView\n\t\t\t\t\t\t\t\t\t\tdropZoneElement={ dropZoneElement }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tpanelRef: listViewContainerRef,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'outline',\n\t\t\t\t\t\ttitle: _x( 'Outline', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<ListViewOutline />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonClose={ closeListView }\n\t\t\t\tonSelect={ ( tabName ) => setTab( tabName ) }\n\t\t\t\tdefaultTabId=\"list-view\"\n\t\t\t\tref={ tabsRef }\n\t\t\t\tcloseButtonLabel={ __( 'Close' ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/list-view-sidebar/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalListView as ListView,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useFocusOnMount, useMergeRefs } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useCallback, useRef, useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport ListViewOutline from './list-view-outline';\nimport { unlock } from '../../lock-unlock';\nimport { store as editorStore } from '../../store';\n\nconst { TabbedSidebar } = unlock( blockEditorPrivateApis );\n\nexport default function ListViewSidebar() {\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { getListViewToggleRef } = unlock( useSelect( editorStore ) );\n\n\t// This hook handles focus when the sidebar first renders.\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\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\t// Tracks our current tab.\n\tconst [ tab, setTab ] = useState( 'list-view' );\n\n\t// This ref refers to the sidebar as a whole.\n\tconst sidebarRef = useRef();\n\t// This ref refers to the tab panel.\n\tconst tabsRef = useRef();\n\t// This ref refers to the list view application area.\n\tconst listViewRef = useRef();\n\n\t// Must merge the refs together so focus can be handled properly in the next function.\n\tconst listViewContainerRef = useMergeRefs( [\n\t\tfocusOnMountRef,\n\t\tlistViewRef,\n\t\tsetDropZoneElement,\n\t] );\n\n\t/*\n\t * Callback function to handle list view or outline focus.\n\t *\n\t * @param {string} currentTab The current tab. Either list view or outline.\n\t *\n\t * @return void\n\t */\n\tfunction handleSidebarFocus( currentTab ) {\n\t\t// Tab panel focus.\n\t\tconst tabPanelFocus = focus.tabbable.find( tabsRef.current )[ 0 ];\n\t\t// List view tab is selected.\n\t\tif ( currentTab === 'list-view' ) {\n\t\t\t// Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.\n\t\t\tconst listViewApplicationFocus = focus.tabbable.find(\n\t\t\t\tlistViewRef.current\n\t\t\t)[ 0 ];\n\t\t\tconst listViewFocusArea = sidebarRef.current.contains(\n\t\t\t\tlistViewApplicationFocus\n\t\t\t)\n\t\t\t\t? listViewApplicationFocus\n\t\t\t\t: tabPanelFocus;\n\t\t\tlistViewFocusArea.focus();\n\t\t\t// Outline tab is selected.\n\t\t} else {\n\t\t\ttabPanelFocus.focus();\n\t\t}\n\t}\n\n\tconst handleToggleListViewShortcut = useCallback( () => {\n\t\t// If the sidebar has focus, it is safe to close.\n\t\tif (\n\t\t\tsidebarRef.current.contains(\n\t\t\t\tsidebarRef.current.ownerDocument.activeElement\n\t\t\t)\n\t\t) {\n\t\t\tcloseListView();\n\t\t} else {\n\t\t\t// If the list view or outline does not have focus, focus should be moved to it.\n\t\t\thandleSidebarFocus( tab );\n\t\t}\n\t}, [ closeListView, tab ] );\n\n\t// This only fires when the sidebar is open because of the conditional rendering.\n\t// It is the same shortcut to open but that is defined as a global shortcut and only fires when the sidebar is closed.\n\tuseShortcut( 'core/editor/toggle-list-view', handleToggleListViewShortcut );\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tclassName=\"editor-list-view-sidebar\"\n\t\t\tonKeyDown={ closeOnEscape }\n\t\t\tref={ sidebarRef }\n\t\t>\n\t\t\t<TabbedSidebar\n\t\t\t\ttabs={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'list-view',\n\t\t\t\t\t\ttitle: _x( 'List View', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-panel-content\">\n\t\t\t\t\t\t\t\t\t<ListView\n\t\t\t\t\t\t\t\t\t\tdropZoneElement={ dropZoneElement }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t\tpanelRef: listViewContainerRef,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'outline',\n\t\t\t\t\t\ttitle: _x( 'Outline', 'Post overview' ),\n\t\t\t\t\t\tpanel: (\n\t\t\t\t\t\t\t<div className=\"editor-list-view-sidebar__list-view-container\">\n\t\t\t\t\t\t\t\t<ListViewOutline />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t\tonClose={ closeListView }\n\t\t\t\tonSelect={ ( tabName ) => setTab( tabName ) }\n\t\t\t\tdefaultTabId=\"list-view\"\n\t\t\t\tref={ tabsRef }\n\t\t\t\tcloseButtonLabel={ __( 'Close' ) }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["blockEditorPrivateApis", "editorStore", "ListView", "ListViewOutline"]
+}

package/build/components/list-view-sidebar/list-view-outline.js

@@ -1,45 +1,60 @@
 "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 list_view_outline_exports = {};
+__export(list_view_outline_exports, {
+  default: () => ListViewOutline
 });
-exports.default = ListViewOutline;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _characterCount = _interopRequireDefault(require("../character-count"));
-var _wordCount = _interopRequireDefault(require("../word-count"));
-var _timeToRead = _interopRequireDefault(require("../time-to-read"));
-var _documentOutline = _interopRequireDefault(require("../document-outline"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(list_view_outline_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_character_count = __toESM(require("../character-count"));
+var import_word_count = __toESM(require("../word-count"));
+var import_time_to_read = __toESM(require("../time-to-read"));
+var import_document_outline = __toESM(require("../document-outline"));
 function ListViewOutline() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "editor-list-view-sidebar__outline",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-          children: (0, _i18n.__)('Characters:')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_characterCount.default, {})
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-          children: (0, _i18n.__)('Words:')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_wordCount.default, {})]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
-          children: (0, _i18n.__)('Time to read:')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_timeToRead.default, {})]
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_documentOutline.default, {})]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "editor-list-view-sidebar__outline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { children: (0, import_i18n.__)("Characters:") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_character_count.default, {}) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { children: (0, import_i18n.__)("Words:") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_word_count.default, {})
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { children: (0, import_i18n.__)("Time to read:") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_time_to_read.default, {})
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_document_outline.default, {})
+  ] });
 }
-//# sourceMappingURL=list-view-outline.js.map
+//# sourceMappingURL=list-view-outline.js.map

package/build/components/list-view-sidebar/list-view-outline.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_characterCount","_interopRequireDefault","_wordCount","_timeToRead","_documentOutline","_jsxRuntime","ListViewOutline","jsxs","Fragment","children","className","jsx","__experimentalText","__","default"],"sources":["@wordpress/editor/src/components/list-view-sidebar/list-view-outline.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CharacterCount from '../character-count';\nimport WordCount from '../word-count';\nimport TimeToRead from '../time-to-read';\nimport DocumentOutline from '../document-outline';\n\nexport default function ListViewOutline() {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-list-view-sidebar__outline\">\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Characters:' ) }</Text>\n\t\t\t\t\t<Text>\n\t\t\t\t\t\t<CharacterCount />\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Words:' ) }</Text>\n\t\t\t\t\t<WordCount />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Time to read:' ) }</Text>\n\t\t\t\t\t<TimeToRead />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<DocumentOutline />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,eAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,UAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,WAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,gBAAA,GAAAH,sBAAA,CAAAH,OAAA;AAAkD,IAAAO,WAAA,GAAAP,OAAA;AAZlD;AACA;AACA;;AAIA;AACA;AACA;;AAMe,SAASQ,eAAeA,CAAA,EAAG;EACzC,oBACC,IAAAD,WAAA,CAAAE,IAAA,EAAAF,WAAA,CAAAG,QAAA;IAAAC,QAAA,gBACC,IAAAJ,WAAA,CAAAE,IAAA;MAAKG,SAAS,EAAC,mCAAmC;MAAAD,QAAA,gBACjD,IAAAJ,WAAA,CAAAE,IAAA;QAAAE,QAAA,gBACC,IAAAJ,WAAA,CAAAM,GAAA,EAACd,WAAA,CAAAe,kBAAI;UAAAH,QAAA,EAAG,IAAAI,QAAE,EAAE,aAAc;QAAC,CAAQ,CAAC,eACpC,IAAAR,WAAA,CAAAM,GAAA,EAACd,WAAA,CAAAe,kBAAI;UAAAH,QAAA,eACJ,IAAAJ,WAAA,CAAAM,GAAA,EAACX,eAAA,CAAAc,OAAc,IAAE;QAAC,CACb,CAAC;MAAA,CACH,CAAC,eACN,IAAAT,WAAA,CAAAE,IAAA;QAAAE,QAAA,gBACC,IAAAJ,WAAA,CAAAM,GAAA,EAACd,WAAA,CAAAe,kBAAI;UAAAH,QAAA,EAAG,IAAAI,QAAE,EAAE,QAAS;QAAC,CAAQ,CAAC,eAC/B,IAAAR,WAAA,CAAAM,GAAA,EAACT,UAAA,CAAAY,OAAS,IAAE,CAAC;MAAA,CACT,CAAC,eACN,IAAAT,WAAA,CAAAE,IAAA;QAAAE,QAAA,gBACC,IAAAJ,WAAA,CAAAM,GAAA,EAACd,WAAA,CAAAe,kBAAI;UAAAH,QAAA,EAAG,IAAAI,QAAE,EAAE,eAAgB;QAAC,CAAQ,CAAC,eACtC,IAAAR,WAAA,CAAAM,GAAA,EAACR,WAAA,CAAAW,OAAU,IAAE,CAAC;MAAA,CACV,CAAC;IAAA,CACF,CAAC,eACN,IAAAT,WAAA,CAAAM,GAAA,EAACP,gBAAA,CAAAU,OAAe,IAAE,CAAC;EAAA,CAClB,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/list-view-sidebar/list-view-outline.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalText as Text } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport CharacterCount from '../character-count';\nimport WordCount from '../word-count';\nimport TimeToRead from '../time-to-read';\nimport DocumentOutline from '../document-outline';\n\nexport default function ListViewOutline() {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"editor-list-view-sidebar__outline\">\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Characters:' ) }</Text>\n\t\t\t\t\t<Text>\n\t\t\t\t\t\t<CharacterCount />\n\t\t\t\t\t</Text>\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Words:' ) }</Text>\n\t\t\t\t\t<WordCount />\n\t\t\t\t</div>\n\t\t\t\t<div>\n\t\t\t\t\t<Text>{ __( 'Time to read:' ) }</Text>\n\t\t\t\t\t<TimeToRead />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<DocumentOutline />\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBE;AAbF,wBAA2C;AAC3C,kBAAmB;AAKnB,6BAA2B;AAC3B,wBAAsB;AACtB,0BAAuB;AACvB,8BAA4B;AAEb,SAAR,kBAAmC;AACzC,SACC,4EACC;AAAA,iDAAC,SAAI,WAAU,qCACd;AAAA,mDAAC,SACA;AAAA,oDAAC,kBAAAA,oBAAA,EAAO,8BAAI,aAAc,GAAG;AAAA,QAC7B,4CAAC,kBAAAA,oBAAA,EACA,sDAAC,uBAAAC,SAAA,EAAe,GACjB;AAAA,SACD;AAAA,MACA,6CAAC,SACA;AAAA,oDAAC,kBAAAD,oBAAA,EAAO,8BAAI,QAAS,GAAG;AAAA,QACxB,4CAAC,kBAAAE,SAAA,EAAU;AAAA,SACZ;AAAA,MACA,6CAAC,SACA;AAAA,oDAAC,kBAAAF,oBAAA,EAAO,8BAAI,eAAgB,GAAG;AAAA,QAC/B,4CAAC,oBAAAG,SAAA,EAAW;AAAA,SACb;AAAA,OACD;AAAA,IACA,4CAAC,wBAAAC,SAAA,EAAgB;AAAA,KAClB;AAEF;",
+  "names": ["Text", "CharacterCount", "WordCount", "TimeToRead", "DocumentOutline"]
+}