@wordpress/edit-site 5.22.0 → 5.24.0

package/build/components/sidebar-dataviews/add-new-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_data","_coreData","_element","_icons","_router","_sidebarNavigationItem","_interopRequireDefault","_defaultViews","_lockUnlock","useHistory","useLocation","unlock","routerPrivateApis","AddNewItemModalContent","type","setIsAdding","params","path","history","saveEntityRecord","useDispatch","coreStore","title","setTitle","useState","isSaving","setIsSaving","_react","createElement","onSubmit","event","preventDefault","getEntityRecords","resolveSelect","dataViewTaxonomyId","dataViewTypeRecords","slug","length","id","record","name","savedRecord","status","wp_dataviews_type","content","JSON","stringify","DEFAULT_VIEWS","view","push","activeView","isCustom","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","__","value","onChange","placeholder","className","__experimentalHStack","justify","Button","variant","onClick","isBusy","AddNewItem","isAdding","Fragment","default","icon","plus","Modal","onRequestClose"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/add-new-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, resolveSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { plus } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport DEFAULT_VIEWS from './default-views';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nfunction AddNewItemModalContent( { type, setIsAdding } ) {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\tconst history = useHistory();\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetIsSaving( true );\n\t\t\t\tconst { getEntityRecords } = resolveSelect( coreStore );\n\t\t\t\tlet dataViewTaxonomyId;\n\t\t\t\tconst dataViewTypeRecords = await getEntityRecords(\n\t\t\t\t\t'taxonomy',\n\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t{ slug: type }\n\t\t\t\t);\n\t\t\t\tif ( dataViewTypeRecords && dataViewTypeRecords.length > 0 ) {\n\t\t\t\t\tdataViewTaxonomyId = dataViewTypeRecords[ 0 ].id;\n\t\t\t\t} else {\n\t\t\t\t\tconst record = await saveEntityRecord(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t\t{ name: type }\n\t\t\t\t\t);\n\t\t\t\t\tif ( record && record.id ) {\n\t\t\t\t\t\tdataViewTaxonomyId = record.id;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\t\twp_dataviews_type: dataViewTaxonomyId,\n\t\t\t\t\t\tcontent: JSON.stringify(\n\t\t\t\t\t\t\tDEFAULT_VIEWS[ type ][ 0 ].view\n\t\t\t\t\t\t),\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath,\n\t\t\t\t\tactiveView: savedRecord.id,\n\t\t\t\t\tisCustom: 'true',\n\t\t\t\t} );\n\t\t\t\tsetIsSaving( false );\n\t\t\t\tsetIsAdding( false );\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My view' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t/>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSaving }\n\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n\nexport default function AddNewItem( { type } ) {\n\tconst [ isAdding, setIsAdding ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ plus }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsAdding( true );\n\t\t\t\t} }\n\t\t\t\tclassName=\"dataviews__siderbar-content-add-new-item\"\n\t\t\t>\n\t\t\t\t{ __( 'New view' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ isAdding && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Add new view' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<AddNewItemModalContent\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tsetIsAdding={ setIsAdding }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/components/sidebar-dataviews/custom-dataviews-list.js

@@ -0,0 +1,191 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CustomDataViewsList;
+exports.useCustomDataViews = useCustomDataViews;
+var _react = require("react");
+var _data = require("@wordpress/data");
+var _coreData = require("@wordpress/core-data");
+var _components = require("@wordpress/components");
+var _element = require("@wordpress/element");
+var _icons = require("@wordpress/icons");
+var _i18n = require("@wordpress/i18n");
+var _router = require("@wordpress/router");
+var _dataviewItem = _interopRequireDefault(require("./dataview-item"));
+var _addNewView = _interopRequireDefault(require("./add-new-view"));
+var _lockUnlock = require("../../lock-unlock");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useHistory,
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+const EMPTY_ARRAY = [];
+function RenameItemModalContent({
+  dataviewId,
+  currentTitle,
+  setIsRenaming
+}) {
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const [title, setTitle] = (0, _element.useState)(currentTitle);
+  return (0, _react.createElement)("form", {
+    onSubmit: async event => {
+      event.preventDefault();
+      await editEntityRecord('postType', 'wp_dataviews', dataviewId, {
+        title
+      });
+      setIsRenaming(false);
+    }
+  }, (0, _react.createElement)(_components.__experimentalVStack, {
+    spacing: "5"
+  }, (0, _react.createElement)(_components.TextControl, {
+    __nextHasNoMarginBottom: true,
+    label: (0, _i18n.__)('Name'),
+    value: title,
+    onChange: setTitle,
+    placeholder: (0, _i18n.__)('My view'),
+    className: "patterns-create-modal__name-input"
+  }), (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "right"
+  }, (0, _react.createElement)(_components.Button, {
+    variant: "tertiary",
+    onClick: () => {
+      setIsRenaming(false);
+    }
+  }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
+    variant: "primary",
+    type: "submit",
+    "aria-disabled": !title
+  }, (0, _i18n.__)('Rename')))));
+}
+function CustomDataViewItem({
+  dataviewId,
+  isActive
+}) {
+  const {
+    params: {
+      path
+    }
+  } = useLocation();
+  const history = useHistory();
+  const {
+    dataview
+  } = (0, _data.useSelect)(select => {
+    const {
+      getEditedEntityRecord
+    } = select(_coreData.store);
+    return {
+      dataview: getEditedEntityRecord('postType', 'wp_dataviews', dataviewId)
+    };
+  }, [dataviewId]);
+  const {
+    deleteEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  const type = (0, _element.useMemo)(() => {
+    const viewContent = JSON.parse(dataview.content);
+    return viewContent.type;
+  }, [dataview.content]);
+  const [isRenaming, setIsRenaming] = (0, _element.useState)(false);
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_dataviewItem.default, {
+    title: dataview.title,
+    type: type,
+    isActive: isActive,
+    isCustom: "true",
+    customViewId: dataviewId,
+    suffix: (0, _react.createElement)(_components.DropdownMenu, {
+      icon: _icons.moreVertical,
+      label: (0, _i18n.__)('Actions'),
+      className: "edit-site-sidebar-dataviews-dataview-item__dropdown-menu",
+      toggleProps: {
+        style: {
+          color: 'inherit'
+        },
+        size: 'small'
+      }
+    }, ({
+      onClose
+    }) => (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_components.MenuItem, {
+      onClick: () => {
+        setIsRenaming(true);
+        onClose();
+      }
+    }, (0, _i18n.__)('Rename')), (0, _react.createElement)(_components.MenuItem, {
+      onClick: async () => {
+        await deleteEntityRecord('postType', 'wp_dataviews', dataview.id, {
+          force: true
+        });
+        if (isActive) {
+          history.replace({
+            path
+          });
+        }
+        onClose();
+      },
+      isDestructive: true
+    }, (0, _i18n.__)('Delete'))))
+  }), isRenaming && (0, _react.createElement)(_components.Modal, {
+    title: (0, _i18n.__)('Rename view'),
+    onRequestClose: () => {
+      setIsRenaming(false);
+    }
+  }, (0, _react.createElement)(RenameItemModalContent, {
+    dataviewId: dataviewId,
+    setIsRenaming: setIsRenaming,
+    currentTitle: dataview.title
+  })));
+}
+function useCustomDataViews(type) {
+  const customDataViews = (0, _data.useSelect)(select => {
+    const {
+      getEntityRecords
+    } = select(_coreData.store);
+    const dataViewTypeRecords = getEntityRecords('taxonomy', 'wp_dataviews_type', {
+      slug: type
+    });
+    if (!dataViewTypeRecords || dataViewTypeRecords.length === 0) {
+      return EMPTY_ARRAY;
+    }
+    const dataViews = getEntityRecords('postType', 'wp_dataviews', {
+      wp_dataviews_type: dataViewTypeRecords[0].id,
+      orderby: 'date',
+      order: 'asc'
+    });
+    if (!dataViews) {
+      return EMPTY_ARRAY;
+    }
+    return dataViews;
+  });
+  return customDataViews;
+}
+function CustomDataViewsList({
+  type,
+  activeView,
+  isCustom
+}) {
+  const customDataViews = useCustomDataViews(type);
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
+    className: "edit-site-sidebar-navigation-screen-dataviews__group-header"
+  }, (0, _react.createElement)(_components.__experimentalHeading, {
+    level: 2
+  }, (0, _i18n.__)('Custom Views'))), (0, _react.createElement)(_components.__experimentalItemGroup, null, customDataViews.map(customViewRecord => {
+    return (0, _react.createElement)(CustomDataViewItem, {
+      key: customViewRecord.id,
+      dataviewId: customViewRecord.id,
+      isActive: isCustom === 'true' && Number(activeView) === customViewRecord.id
+    });
+  }), (0, _react.createElement)(_addNewView.default, {
+    type: type
+  })));
+}
+//# sourceMappingURL=custom-dataviews-list.js.map

package/build/components/sidebar-dataviews/custom-dataviews-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_coreData","_components","_element","_icons","_i18n","_router","_dataviewItem","_interopRequireDefault","_addNewView","_lockUnlock","useHistory","useLocation","unlock","routerPrivateApis","EMPTY_ARRAY","RenameItemModalContent","dataviewId","currentTitle","setIsRenaming","editEntityRecord","useDispatch","coreStore","title","setTitle","useState","_react","createElement","onSubmit","event","preventDefault","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","__","value","onChange","placeholder","className","__experimentalHStack","justify","Button","variant","onClick","type","CustomDataViewItem","isActive","params","path","history","dataview","useSelect","select","getEditedEntityRecord","deleteEntityRecord","useMemo","viewContent","JSON","parse","content","isRenaming","Fragment","default","isCustom","customViewId","suffix","DropdownMenu","icon","moreVertical","toggleProps","style","color","size","onClose","MenuGroup","MenuItem","id","force","replace","isDestructive","Modal","onRequestClose","useCustomDataViews","customDataViews","getEntityRecords","dataViewTypeRecords","slug","length","dataViews","wp_dataviews_type","orderby","order","CustomDataViewsList","activeView","__experimentalHeading","level","__experimentalItemGroup","map","customViewRecord","key","Number"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/custom-dataviews-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHeading as Heading,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n\tModal,\n} from '@wordpress/components';\nimport { useMemo, useState } from '@wordpress/element';\nimport { moreVertical } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport DataViewItem from './dataview-item';\nimport AddNewItem from './add-new-view';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nfunction RenameItemModalContent( { dataviewId, currentTitle, setIsRenaming } ) {\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tconst [ title, setTitle ] = useState( currentTitle );\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tawait editEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\tdataviewId,\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tsetIsRenaming( false );\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My view' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t/>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsRenaming( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n\nfunction CustomDataViewItem( { dataviewId, isActive } ) {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\tconst history = useHistory();\n\tconst { dataview } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\treturn {\n\t\t\t\tdataview: getEditedEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\tdataviewId\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ dataviewId ]\n\t);\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\tconst type = useMemo( () => {\n\t\tconst viewContent = JSON.parse( dataview.content );\n\t\treturn viewContent.type;\n\t}, [ dataview.content ] );\n\tconst [ isRenaming, setIsRenaming ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<DataViewItem\n\t\t\t\ttitle={ dataview.title }\n\t\t\t\ttype={ type }\n\t\t\t\tisActive={ isActive }\n\t\t\t\tisCustom=\"true\"\n\t\t\t\tcustomViewId={ dataviewId }\n\t\t\t\tsuffix={\n\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\tclassName=\"edit-site-sidebar-dataviews-dataview-item__dropdown-menu\"\n\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\tcolor: 'inherit',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tsize: 'small',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsRenaming( true );\n\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\tonClick={ async () => {\n\t\t\t\t\t\t\t\t\t\tawait deleteEntityRecord(\n\t\t\t\t\t\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\t\t\t\t\t\t\tdataview.id,\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\tforce: true,\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\tif ( isActive ) {\n\t\t\t\t\t\t\t\t\t\t\thistory.replace( {\n\t\t\t\t\t\t\t\t\t\t\t\tpath,\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</DropdownMenu>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ isRenaming && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename view' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsRenaming( false );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<RenameItemModalContent\n\t\t\t\t\t\tdataviewId={ dataviewId }\n\t\t\t\t\t\tsetIsRenaming={ setIsRenaming }\n\t\t\t\t\t\tcurrentTitle={ dataview.title }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport function useCustomDataViews( type ) {\n\tconst customDataViews = useSelect( ( select ) => {\n\t\tconst { getEntityRecords } = select( coreStore );\n\t\tconst dataViewTypeRecords = getEntityRecords(\n\t\t\t'taxonomy',\n\t\t\t'wp_dataviews_type',\n\t\t\t{ slug: type }\n\t\t);\n\t\tif ( ! dataViewTypeRecords || dataViewTypeRecords.length === 0 ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\tconst dataViews = getEntityRecords( 'postType', 'wp_dataviews', {\n\t\t\twp_dataviews_type: dataViewTypeRecords[ 0 ].id,\n\t\t\torderby: 'date',\n\t\t\torder: 'asc',\n\t\t} );\n\t\tif ( ! dataViews ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\t\treturn dataViews;\n\t} );\n\treturn customDataViews;\n}\n\nexport default function CustomDataViewsList( { type, activeView, isCustom } ) {\n\tconst customDataViews = useCustomDataViews( type );\n\treturn (\n\t\t<>\n\t\t\t<div className=\"edit-site-sidebar-navigation-screen-dataviews__group-header\">\n\t\t\t\t<Heading level={ 2 }>{ __( 'Custom Views' ) }</Heading>\n\t\t\t</div>\n\t\t\t<ItemGroup>\n\t\t\t\t{ customDataViews.map( ( customViewRecord ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<CustomDataViewItem\n\t\t\t\t\t\t\tkey={ customViewRecord.id }\n\t\t\t\t\t\t\tdataviewId={ customViewRecord.id }\n\t\t\t\t\t\t\tisActive={\n\t\t\t\t\t\t\t\tisCustom === 'true' &&\n\t\t\t\t\t\t\t\tNumber( activeView ) === customViewRecord.id\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t\t<AddNewItem type={ type } />\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAYA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAKA,IAAAO,aAAA,GAAAC,sBAAA,CAAAR,OAAA;AACA,IAAAS,WAAA,GAAAD,sBAAA,CAAAR,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AA3BA;AACA;AACA;;AAoBA;AACA;AACA;;AAKA,MAAM;EAAEW,UAAU;EAAEC;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAE/D,MAAMC,WAAW,GAAG,EAAE;AAEtB,SAASC,sBAAsBA,CAAE;EAAEC,UAAU;EAAEC,YAAY;EAAEC;AAAc,CAAC,EAAG;EAC9E,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,eAAU,CAAC;EACrD,MAAM,CAAEC,KAAK,EAAEC,QAAQ,CAAE,GAAG,IAAAC,iBAAQ,EAAEP,YAAa,CAAC;EACpD,OACC,IAAAQ,MAAA,CAAAC,aAAA;IACCC,QAAQ,EAAG,MAAQC,KAAK,IAAM;MAC7BA,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB,MAAMV,gBAAgB,CACrB,UAAU,EACV,cAAc,EACdH,UAAU,EACV;QACCM;MACD,CACD,CAAC;MACDJ,aAAa,CAAE,KAAM,CAAC;IACvB;EAAG,GAEH,IAAAO,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA6B,oBAAM;IAACC,OAAO,EAAC;EAAG,GAClB,IAAAN,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA+B,WAAW;IACXC,uBAAuB;IACvBC,KAAK,EAAG,IAAAC,QAAE,EAAE,MAAO,CAAG;IACtBC,KAAK,EAAGd,KAAO;IACfe,QAAQ,EAAGd,QAAU;IACrBe,WAAW,EAAG,IAAAH,QAAE,EAAE,SAAU,CAAG;IAC/BI,SAAS,EAAC;EAAmC,CAC7C,CAAC,EACF,IAAAd,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAAuC,oBAAM;IAACC,OAAO,EAAC;EAAO,GACtB,IAAAhB,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAAyC,MAAM;IACNC,OAAO,EAAC,UAAU;IAClBC,OAAO,EAAGA,CAAA,KAAM;MACf1B,aAAa,CAAE,KAAM,CAAC;IACvB;EAAG,GAED,IAAAiB,QAAE,EAAE,QAAS,CACR,CAAC,EACT,IAAAV,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAAyC,MAAM;IACNC,OAAO,EAAC,SAAS;IACjBE,IAAI,EAAC,QAAQ;IACb,iBAAgB,CAAEvB;EAAO,GAEvB,IAAAa,QAAE,EAAE,QAAS,CACR,CACD,CACD,CACH,CAAC;AAET;AAEA,SAASW,kBAAkBA,CAAE;EAAE9B,UAAU;EAAE+B;AAAS,CAAC,EAAG;EACvD,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGtC,WAAW,CAAC,CAAC;EACjB,MAAMuC,OAAO,GAAGxC,UAAU,CAAC,CAAC;EAC5B,MAAM;IAAEyC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAC3BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAsB,CAAC,GAAGD,MAAM,CAAEhC,eAAU,CAAC;IACrD,OAAO;MACN8B,QAAQ,EAAEG,qBAAqB,CAC9B,UAAU,EACV,cAAc,EACdtC,UACD;IACD,CAAC;EACF,CAAC,EACD,CAAEA,UAAU,CACb,CAAC;EACD,MAAM;IAAEuC;EAAmB,CAAC,GAAG,IAAAnC,iBAAW,EAAEC,eAAU,CAAC;EACvD,MAAMwB,IAAI,GAAG,IAAAW,gBAAO,EAAE,MAAM;IAC3B,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAAER,QAAQ,CAACS,OAAQ,CAAC;IAClD,OAAOH,WAAW,CAACZ,IAAI;EACxB,CAAC,EAAE,CAAEM,QAAQ,CAACS,OAAO,CAAG,CAAC;EACzB,MAAM,CAAEC,UAAU,EAAE3C,aAAa,CAAE,GAAG,IAAAM,iBAAQ,EAAE,KAAM,CAAC;EACvD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAqC,QAAA,QACC,IAAArC,MAAA,CAAAC,aAAA,EAACpB,aAAA,CAAAyD,OAAY;IACZzC,KAAK,EAAG6B,QAAQ,CAAC7B,KAAO;IACxBuB,IAAI,EAAGA,IAAM;IACbE,QAAQ,EAAGA,QAAU;IACrBiB,QAAQ,EAAC,MAAM;IACfC,YAAY,EAAGjD,UAAY;IAC3BkD,MAAM,EACL,IAAAzC,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAAkE,YAAY;MACZC,IAAI,EAAGC,mBAAc;MACrBnC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;MACzBI,SAAS,EAAC,0DAA0D;MACpE+B,WAAW,EAAG;QACbC,KAAK,EAAE;UACNC,KAAK,EAAE;QACR,CAAC;QACDC,IAAI,EAAE;MACP;IAAG,GAED,CAAE;MAAEC;IAAQ,CAAC,KACd,IAAAjD,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA0E,SAAS,QACT,IAAAlD,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA2E,QAAQ;MACRhC,OAAO,EAAGA,CAAA,KAAM;QACf1B,aAAa,CAAE,IAAK,CAAC;QACrBwD,OAAO,CAAC,CAAC;MACV;IAAG,GAED,IAAAvC,QAAE,EAAE,QAAS,CACN,CAAC,EACX,IAAAV,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA2E,QAAQ;MACRhC,OAAO,EAAG,MAAAA,CAAA,KAAY;QACrB,MAAMW,kBAAkB,CACvB,UAAU,EACV,cAAc,EACdJ,QAAQ,CAAC0B,EAAE,EACX;UACCC,KAAK,EAAE;QACR,CACD,CAAC;QACD,IAAK/B,QAAQ,EAAG;UACfG,OAAO,CAAC6B,OAAO,CAAE;YAChB9B;UACD,CAAE,CAAC;QACJ;QACAyB,OAAO,CAAC,CAAC;MACV,CAAG;MACHM,aAAa;IAAA,GAEX,IAAA7C,QAAE,EAAE,QAAS,CACN,CACA,CAEC;EACd,CACD,CAAC,EACA0B,UAAU,IACX,IAAApC,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAAgF,KAAK;IACL3D,KAAK,EAAG,IAAAa,QAAE,EAAE,aAAc,CAAG;IAC7B+C,cAAc,EAAGA,CAAA,KAAM;MACtBhE,aAAa,CAAE,KAAM,CAAC;IACvB;EAAG,GAEH,IAAAO,MAAA,CAAAC,aAAA,EAACX,sBAAsB;IACtBC,UAAU,EAAGA,UAAY;IACzBE,aAAa,EAAGA,aAAe;IAC/BD,YAAY,EAAGkC,QAAQ,CAAC7B;EAAO,CAC/B,CACK,CAEP,CAAC;AAEL;AAEO,SAAS6D,kBAAkBA,CAAEtC,IAAI,EAAG;EAC1C,MAAMuC,eAAe,GAAG,IAAAhC,eAAS,EAAIC,MAAM,IAAM;IAChD,MAAM;MAAEgC;IAAiB,CAAC,GAAGhC,MAAM,CAAEhC,eAAU,CAAC;IAChD,MAAMiE,mBAAmB,GAAGD,gBAAgB,CAC3C,UAAU,EACV,mBAAmB,EACnB;MAAEE,IAAI,EAAE1C;IAAK,CACd,CAAC;IACD,IAAK,CAAEyC,mBAAmB,IAAIA,mBAAmB,CAACE,MAAM,KAAK,CAAC,EAAG;MAChE,OAAO1E,WAAW;IACnB;IACA,MAAM2E,SAAS,GAAGJ,gBAAgB,CAAE,UAAU,EAAE,cAAc,EAAE;MAC/DK,iBAAiB,EAAEJ,mBAAmB,CAAE,CAAC,CAAE,CAACT,EAAE;MAC9Cc,OAAO,EAAE,MAAM;MACfC,KAAK,EAAE;IACR,CAAE,CAAC;IACH,IAAK,CAAEH,SAAS,EAAG;MAClB,OAAO3E,WAAW;IACnB;IACA,OAAO2E,SAAS;EACjB,CAAE,CAAC;EACH,OAAOL,eAAe;AACvB;AAEe,SAASS,mBAAmBA,CAAE;EAAEhD,IAAI;EAAEiD,UAAU;EAAE9B;AAAS,CAAC,EAAG;EAC7E,MAAMoB,eAAe,GAAGD,kBAAkB,CAAEtC,IAAK,CAAC;EAClD,OACC,IAAApB,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAqC,QAAA,QACC,IAAArC,MAAA,CAAAC,aAAA;IAAKa,SAAS,EAAC;EAA6D,GAC3E,IAAAd,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAA8F,qBAAO;IAACC,KAAK,EAAG;EAAG,GAAG,IAAA7D,QAAE,EAAE,cAAe,CAAY,CAClD,CAAC,EACN,IAAAV,MAAA,CAAAC,aAAA,EAACzB,WAAA,CAAAgG,uBAAS,QACPb,eAAe,CAACc,GAAG,CAAIC,gBAAgB,IAAM;IAC9C,OACC,IAAA1E,MAAA,CAAAC,aAAA,EAACoB,kBAAkB;MAClBsD,GAAG,EAAGD,gBAAgB,CAACtB,EAAI;MAC3B7D,UAAU,EAAGmF,gBAAgB,CAACtB,EAAI;MAClC9B,QAAQ,EACPiB,QAAQ,KAAK,MAAM,IACnBqC,MAAM,CAAEP,UAAW,CAAC,KAAKK,gBAAgB,CAACtB;IAC1C,CACD,CAAC;EAEJ,CAAE,CAAC,EACH,IAAApD,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAuD,OAAU;IAAClB,IAAI,EAAGA;EAAM,CAAE,CACjB,CACV,CAAC;AAEL"}

package/build/components/sidebar-dataviews/dataview-item.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = DataViewItem;
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _icons = require("@wordpress/icons");
+var _router = require("@wordpress/router");
+var _components = require("@wordpress/components");
+var _link = require("../routes/link");
+var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
+var _lockUnlock = require("../../lock-unlock");
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const {
+  useLocation
+} = (0, _lockUnlock.unlock)(_router.privateApis);
+function getDataViewIcon(type) {
+  const icons = {
+    list: _icons.page,
+    grid: _icons.columns,
+    'side-by-side': _icons.pullRight
+  };
+  return icons[type];
+}
+function DataViewItem({
+  title,
+  slug,
+  customViewId,
+  type,
+  icon,
+  isActive,
+  isCustom,
+  suffix
+}) {
+  const {
+    params: {
+      path
+    }
+  } = useLocation();
+  const iconToUse = icon || getDataViewIcon(type);
+  const linkInfo = (0, _link.useLink)({
+    path,
+    activeView: isCustom === 'true' ? customViewId : slug,
+    isCustom
+  });
+  return (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "flex-start",
+    className: (0, _classnames.default)('edit-site-sidebar-dataviews-dataview-item', {
+      'is-selected': isActive
+    })
+  }, (0, _react.createElement)(_sidebarNavigationItem.default, {
+    icon: iconToUse,
+    ...linkInfo,
+    "aria-current": isActive ? 'true' : undefined
+  }, title), suffix);
+}
+//# sourceMappingURL=dataview-item.js.map

package/build/components/sidebar-dataviews/dataview-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_icons","_router","_components","_link","_sidebarNavigationItem","_lockUnlock","useLocation","unlock","routerPrivateApis","getDataViewIcon","type","icons","list","page","grid","columns","pullRight","DataViewItem","title","slug","customViewId","icon","isActive","isCustom","suffix","params","path","iconToUse","linkInfo","useLink","activeView","_react","createElement","__experimentalHStack","justify","className","classnames","default","undefined"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/dataview-item.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { page, columns, pullRight } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useLink } from '../routes/link';\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction getDataViewIcon( type ) {\n\tconst icons = { list: page, grid: columns, 'side-by-side': pullRight };\n\treturn icons[ type ];\n}\n\nexport default function DataViewItem( {\n\ttitle,\n\tslug,\n\tcustomViewId,\n\ttype,\n\ticon,\n\tisActive,\n\tisCustom,\n\tsuffix,\n} ) {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\n\tconst iconToUse = icon || getDataViewIcon( type );\n\n\tconst linkInfo = useLink( {\n\t\tpath,\n\t\tactiveView: isCustom === 'true' ? customViewId : slug,\n\t\tisCustom,\n\t} );\n\treturn (\n\t\t<HStack\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-dataviews-dataview-item',\n\t\t\t\t{\n\t\t\t\t\t'is-selected': isActive,\n\t\t\t\t}\n\t\t\t) }\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ iconToUse }\n\t\t\t\t{ ...linkInfo }\n\t\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ suffix }\n\t\t</HStack>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAjBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEnD,SAASC,eAAeA,CAAEC,IAAI,EAAG;EAChC,MAAMC,KAAK,GAAG;IAAEC,IAAI,EAAEC,WAAI;IAAEC,IAAI,EAAEC,cAAO;IAAE,cAAc,EAAEC;EAAU,CAAC;EACtE,OAAOL,KAAK,CAAED,IAAI,CAAE;AACrB;AAEe,SAASO,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZV,IAAI;EACJW,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGpB,WAAW,CAAC,CAAC;EAEjB,MAAMqB,SAAS,GAAGN,IAAI,IAAIZ,eAAe,CAAEC,IAAK,CAAC;EAEjD,MAAMkB,QAAQ,GAAG,IAAAC,aAAO,EAAE;IACzBH,IAAI;IACJI,UAAU,EAAEP,QAAQ,KAAK,MAAM,GAAGH,YAAY,GAAGD,IAAI;IACrDI;EACD,CAAE,CAAC;EACH,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAAC9B,WAAA,CAAA+B,oBAAM;IACNC,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAG,IAAAC,mBAAU,EACrB,2CAA2C,EAC3C;MACC,aAAa,EAAEd;IAChB,CACD;EAAG,GAEH,IAAAS,MAAA,CAAAC,aAAA,EAAC5B,sBAAA,CAAAiC,OAAqB;IACrBhB,IAAI,EAAGM,SAAW;IAAA,GACbC,QAAQ;IACb,gBAAeN,QAAQ,GAAG,MAAM,GAAGgB;EAAW,GAE5CpB,KACoB,CAAC,EACtBM,MACK,CAAC;AAEX"}

package/build/components/sidebar-dataviews/default-views.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
+var _constants = require("../dataviews/constants");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const DEFAULT_PAGE_BASE = {
+  type: 'list',
+  search: '',
+  filters: [],
+  page: 1,
+  perPage: 20,
+  sort: {
+    field: 'date',
+    direction: 'desc'
+  },
+  // All fields are visible by default, so it's
+  // better to keep track of the hidden ones.
+  hiddenFields: ['date', 'featured-image'],
+  layout: {}
+};
+const DEFAULT_VIEWS = {
+  page: [{
+    title: (0, _i18n.__)('All'),
+    slug: 'all',
+    view: DEFAULT_PAGE_BASE
+  }, {
+    title: (0, _i18n.__)('Drafts'),
+    slug: 'drafts',
+    view: {
+      ...DEFAULT_PAGE_BASE,
+      filters: [{
+        field: 'status',
+        operator: _constants.OPERATOR_IN,
+        value: 'draft'
+      }]
+    }
+  }, {
+    title: (0, _i18n.__)('Trash'),
+    slug: 'trash',
+    icon: _icons.trash,
+    view: {
+      ...DEFAULT_PAGE_BASE,
+      filters: [{
+        field: 'status',
+        operator: _constants.OPERATOR_IN,
+        value: 'trash'
+      }]
+    }
+  }]
+};
+var _default = DEFAULT_VIEWS;
+exports.default = _default;
+//# sourceMappingURL=default-views.js.map

package/build/components/sidebar-dataviews/default-views.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_icons","_constants","DEFAULT_PAGE_BASE","type","search","filters","page","perPage","sort","field","direction","hiddenFields","layout","DEFAULT_VIEWS","title","__","slug","view","operator","OPERATOR_IN","value","icon","trash","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/default-views.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { trash } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { OPERATOR_IN } from '../dataviews/constants';\n\nconst DEFAULT_PAGE_BASE = {\n\ttype: 'list',\n\tsearch: '',\n\tfilters: [],\n\tpage: 1,\n\tperPage: 20,\n\tsort: {\n\t\tfield: 'date',\n\t\tdirection: 'desc',\n\t},\n\t// All fields are visible by default, so it's\n\t// better to keep track of the hidden ones.\n\thiddenFields: [ 'date', 'featured-image' ],\n\tlayout: {},\n};\n\nconst DEFAULT_VIEWS = {\n\tpage: [\n\t\t{\n\t\t\ttitle: __( 'All' ),\n\t\t\tslug: 'all',\n\t\t\tview: DEFAULT_PAGE_BASE,\n\t\t},\n\t\t{\n\t\t\ttitle: __( 'Drafts' ),\n\t\t\tslug: 'drafts',\n\t\t\tview: {\n\t\t\t\t...DEFAULT_PAGE_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{ field: 'status', operator: OPERATOR_IN, value: 'draft' },\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttitle: __( 'Trash' ),\n\t\t\tslug: 'trash',\n\t\t\ticon: trash,\n\t\t\tview: {\n\t\t\t\t...DEFAULT_PAGE_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{ field: 'status', operator: OPERATOR_IN, value: 'trash' },\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default DEFAULT_VIEWS;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,UAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMG,iBAAiB,GAAG;EACzBC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,EAAE;EACVC,OAAO,EAAE,EAAE;EACXC,IAAI,EAAE,CAAC;EACPC,OAAO,EAAE,EAAE;EACXC,IAAI,EAAE;IACLC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE;EACZ,CAAC;EACD;EACA;EACAC,YAAY,EAAE,CAAE,MAAM,EAAE,gBAAgB,CAAE;EAC1CC,MAAM,EAAE,CAAC;AACV,CAAC;AAED,MAAMC,aAAa,GAAG;EACrBP,IAAI,EAAE,CACL;IACCQ,KAAK,EAAE,IAAAC,QAAE,EAAE,KAAM,CAAC;IAClBC,IAAI,EAAE,KAAK;IACXC,IAAI,EAAEf;EACP,CAAC,EACD;IACCY,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS,CAAC;IACrBC,IAAI,EAAE,QAAQ;IACdC,IAAI,EAAE;MACL,GAAGf,iBAAiB;MACpBG,OAAO,EAAE,CACR;QAAEI,KAAK,EAAE,QAAQ;QAAES,QAAQ,EAAEC,sBAAW;QAAEC,KAAK,EAAE;MAAQ,CAAC;IAE5D;EACD,CAAC,EACD;IACCN,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;IACpBC,IAAI,EAAE,OAAO;IACbK,IAAI,EAAEC,YAAK;IACXL,IAAI,EAAE;MACL,GAAGf,iBAAiB;MACpBG,OAAO,EAAE,CACR;QAAEI,KAAK,EAAE,QAAQ;QAAES,QAAQ,EAAEC,sBAAW;QAAEC,KAAK,EAAE;MAAQ,CAAC;IAE5D;EACD,CAAC;AAEH,CAAC;AAAC,IAAAG,QAAA,GAEaV,aAAa;AAAAW,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -7,12 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = DataViewsSidebarContent;
 var _react = require("react");
 var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
 var _router = require("@wordpress/router");
-var _link = require("../routes/link");
-var _defaultViews = _interopRequireDefault(require("../page-pages/default-views"));
+var _defaultViews = _interopRequireDefault(require("./default-views"));
 var _lockUnlock = require("../../lock-unlock");
-var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
+var _dataviewItem = _interopRequireDefault(require("./dataview-item"));
+var _customDataviewsList = _interopRequireDefault(require("./custom-dataviews-list"));
 /**
  * WordPress dependencies
  */
@@ -24,51 +23,35 @@ var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigati
 const {
   useLocation
 } = (0, _lockUnlock.unlock)(_router.privateApis);
-function getDataViewIcon(dataview) {
-  const icons = {
-    list: _icons.page,
-    grid: _icons.columns
-  };
-  return icons[dataview.view.type];
-}
-function DataViewItem({
-  dataview,
-  isActive,
-  icon
-}) {
-  const {
-    params: {
-      path
-    }
-  } = useLocation();
-  const _icon = icon || getDataViewIcon(dataview);
-  const linkInfo = (0, _link.useLink)({
-    path,
-    activeView: dataview.slug
-  });
-  return (0, _react.createElement)(_sidebarNavigationItem.default, {
-    icon: _icon,
-    ...linkInfo,
-    "aria-current": isActive ? 'true' : undefined
-  }, dataview.title);
-}
+const PATH_TO_TYPE = {
+  '/pages': 'page'
+};
 function DataViewsSidebarContent() {
   const {
     params: {
       path,
-      activeView = 'all'
+      activeView = 'all',
+      isCustom = 'false'
     }
   } = useLocation();
-  if (!path || path !== '/pages') {
+  if (!path || !PATH_TO_TYPE[path]) {
     return null;
   }
-  return (0, _react.createElement)(_components.__experimentalItemGroup, null, _defaultViews.default.map(dataview => {
-    return (0, _react.createElement)(DataViewItem, {
+  const type = PATH_TO_TYPE[path];
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalItemGroup, null, _defaultViews.default[type].map(dataview => {
+    return (0, _react.createElement)(_dataviewItem.default, {
       key: dataview.slug,
+      slug: dataview.slug,
+      title: dataview.title,
       icon: dataview.icon,
-      dataview: dataview,
-      isActive: dataview.slug === activeView
+      type: dataview.view.type,
+      isActive: isCustom === 'false' && dataview.slug === activeView,
+      isCustom: "false"
     });
+  })), (0, _react.createElement)(_customDataviewsList.default, {
+    activeView: activeView,
+    type: type,
+    isCustom: "true"
   }));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_icons","_router","_link","_defaultViews","_interopRequireDefault","_lockUnlock","_sidebarNavigationItem","useLocation","unlock","routerPrivateApis","getDataViewIcon","dataview","icons","list","page","grid","columns","view","type","DataViewItem","isActive","icon","params","path","_icon","linkInfo","useLink","activeView","slug","_react","createElement","default","undefined","title","DataViewsSidebarContent","__experimentalItemGroup","DEFAULT_VIEWS","map","key"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { page, columns } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { useLink } from '../routes/link';\nimport { default as DEFAULT_VIEWS } from '../page-pages/default-views';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\nimport SidebarNavigationItem from '../sidebar-navigation-item';\n\nfunction getDataViewIcon( dataview ) {\n\tconst icons = { list: page, grid: columns };\n\treturn icons[ dataview.view.type ];\n}\n\nfunction DataViewItem( { dataview, isActive, icon } ) {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\n\tconst _icon = icon || getDataViewIcon( dataview );\n\n\tconst linkInfo = useLink( {\n\t\tpath,\n\t\tactiveView: dataview.slug,\n\t} );\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\ticon={ _icon }\n\t\t\t{ ...linkInfo }\n\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t>\n\t\t\t{ dataview.title }\n\t\t</SidebarNavigationItem>\n\t);\n}\n\nexport default function DataViewsSidebarContent() {\n\tconst {\n\t\tparams: { path, activeView = 'all' },\n\t} = useLocation();\n\tif ( ! path || path !== '/pages' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ItemGroup>\n\t\t\t{ DEFAULT_VIEWS.map( ( dataview ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<DataViewItem\n\t\t\t\t\t\tkey={ dataview.slug }\n\t\t\t\t\t\ticon={ dataview.icon }\n\t\t\t\t\t\tdataview={ dataview }\n\t\t\t\t\t\tisActive={ dataview.slug === activeView }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAEA,IAAAO,sBAAA,GAAAF,sBAAA,CAAAL,OAAA;AAdA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEQ;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAGnD,SAASC,eAAeA,CAAEC,QAAQ,EAAG;EACpC,MAAMC,KAAK,GAAG;IAAEC,IAAI,EAAEC,WAAI;IAAEC,IAAI,EAAEC;EAAQ,CAAC;EAC3C,OAAOJ,KAAK,CAAED,QAAQ,CAACM,IAAI,CAACC,IAAI,CAAE;AACnC;AAEA,SAASC,YAAYA,CAAE;EAAER,QAAQ;EAAES,QAAQ;EAAEC;AAAK,CAAC,EAAG;EACrD,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGhB,WAAW,CAAC,CAAC;EAEjB,MAAMiB,KAAK,GAAGH,IAAI,IAAIX,eAAe,CAAEC,QAAS,CAAC;EAEjD,MAAMc,QAAQ,GAAG,IAAAC,aAAO,EAAE;IACzBH,IAAI;IACJI,UAAU,EAAEhB,QAAQ,CAACiB;EACtB,CAAE,CAAC;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACxB,sBAAA,CAAAyB,OAAqB;IACrBV,IAAI,EAAGG,KAAO;IAAA,GACTC,QAAQ;IACb,gBAAeL,QAAQ,GAAG,MAAM,GAAGY;EAAW,GAE5CrB,QAAQ,CAACsB,KACW,CAAC;AAE1B;AAEe,SAASC,uBAAuBA,CAAA,EAAG;EACjD,MAAM;IACLZ,MAAM,EAAE;MAAEC,IAAI;MAAEI,UAAU,GAAG;IAAM;EACpC,CAAC,GAAGpB,WAAW,CAAC,CAAC;EACjB,IAAK,CAAEgB,IAAI,IAAIA,IAAI,KAAK,QAAQ,EAAG;IAClC,OAAO,IAAI;EACZ;EAEA,OACC,IAAAM,MAAA,CAAAC,aAAA,EAAChC,WAAA,CAAAqC,uBAAS,QACPC,qBAAa,CAACC,GAAG,CAAI1B,QAAQ,IAAM;IACpC,OACC,IAAAkB,MAAA,CAAAC,aAAA,EAACX,YAAY;MACZmB,GAAG,EAAG3B,QAAQ,CAACiB,IAAM;MACrBP,IAAI,EAAGV,QAAQ,CAACU,IAAM;MACtBV,QAAQ,EAAGA,QAAU;MACrBS,QAAQ,EAAGT,QAAQ,CAACiB,IAAI,KAAKD;IAAY,CACzC,CAAC;EAEJ,CAAE,CACQ,CAAC;AAEd"}
+{"version":3,"names":["_components","require","_router","_defaultViews","_interopRequireDefault","_lockUnlock","_dataviewItem","_customDataviewsList","useLocation","unlock","routerPrivateApis","PATH_TO_TYPE","DataViewsSidebarContent","params","path","activeView","isCustom","type","_react","createElement","Fragment","__experimentalItemGroup","DEFAULT_VIEWS","map","dataview","default","key","slug","title","icon","view","isActive"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n/**\n * Internal dependencies\n */\n\nimport { default as DEFAULT_VIEWS } from './default-views';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\nimport DataViewItem from './dataview-item';\nimport CustomDataViewsList from './custom-dataviews-list';\n\nconst PATH_TO_TYPE = {\n\t'/pages': 'page',\n};\n\nexport default function DataViewsSidebarContent() {\n\tconst {\n\t\tparams: { path, activeView = 'all', isCustom = 'false' },\n\t} = useLocation();\n\tif ( ! path || ! PATH_TO_TYPE[ path ] ) {\n\t\treturn null;\n\t}\n\tconst type = PATH_TO_TYPE[ path ];\n\n\treturn (\n\t\t<>\n\t\t\t<ItemGroup>\n\t\t\t\t{ DEFAULT_VIEWS[ type ].map( ( dataview ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<DataViewItem\n\t\t\t\t\t\t\tkey={ dataview.slug }\n\t\t\t\t\t\t\tslug={ dataview.slug }\n\t\t\t\t\t\t\ttitle={ dataview.title }\n\t\t\t\t\t\t\ticon={ dataview.icon }\n\t\t\t\t\t\t\ttype={ dataview.view.type }\n\t\t\t\t\t\t\tisActive={\n\t\t\t\t\t\t\t\tisCustom === 'false' &&\n\t\t\t\t\t\t\t\tdataview.slug === activeView\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisCustom=\"false\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ItemGroup>\n\t\t\t<CustomDataViewsList\n\t\t\t\tactiveView={ activeView }\n\t\t\t\ttype={ type }\n\t\t\t\tisCustom=\"true\"\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,aAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,oBAAA,GAAAH,sBAAA,CAAAH,OAAA;AAdA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAInD,MAAMC,YAAY,GAAG;EACpB,QAAQ,EAAE;AACX,CAAC;AAEc,SAASC,uBAAuBA,CAAA,EAAG;EACjD,MAAM;IACLC,MAAM,EAAE;MAAEC,IAAI;MAAEC,UAAU,GAAG,KAAK;MAAEC,QAAQ,GAAG;IAAQ;EACxD,CAAC,GAAGR,WAAW,CAAC,CAAC;EACjB,IAAK,CAAEM,IAAI,IAAI,CAAEH,YAAY,CAAEG,IAAI,CAAE,EAAG;IACvC,OAAO,IAAI;EACZ;EACA,MAAMG,IAAI,GAAGN,YAAY,CAAEG,IAAI,CAAE;EAEjC,OACC,IAAAI,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAqB,uBAAS,QACPC,qBAAa,CAAEL,IAAI,CAAE,CAACM,GAAG,CAAIC,QAAQ,IAAM;IAC5C,OACC,IAAAN,MAAA,CAAAC,aAAA,EAACb,aAAA,CAAAmB,OAAY;MACZC,GAAG,EAAGF,QAAQ,CAACG,IAAM;MACrBA,IAAI,EAAGH,QAAQ,CAACG,IAAM;MACtBC,KAAK,EAAGJ,QAAQ,CAACI,KAAO;MACxBC,IAAI,EAAGL,QAAQ,CAACK,IAAM;MACtBZ,IAAI,EAAGO,QAAQ,CAACM,IAAI,CAACb,IAAM;MAC3Bc,QAAQ,EACPf,QAAQ,KAAK,OAAO,IACpBQ,QAAQ,CAACG,IAAI,KAAKZ,UAClB;MACDC,QAAQ,EAAC;IAAO,CAChB,CAAC;EAEJ,CAAE,CACQ,CAAC,EACZ,IAAAE,MAAA,CAAAC,aAAA,EAACZ,oBAAA,CAAAkB,OAAmB;IACnBV,UAAU,EAAGA,UAAY;IACzBE,IAAI,EAAGA,IAAM;IACbD,QAAQ,EAAC;EAAM,CACf,CACA,CAAC;AAEL"}

package/build/components/sidebar-edit-mode/default-sidebar.js

@@ -7,15 +7,11 @@ exports.default = DefaultSidebar;
 var _react = require("react");
 var _interface = require("@wordpress/interface");
 var _data = require("@wordpress/data");
-var _store = require("../../store");
+var _preferences = require("@wordpress/preferences");
 /**
  * WordPress dependencies
  */
 
-/**
- * Internal dependencies
- */
-
 function DefaultSidebar({
   className,
   identifier,
@@ -27,7 +23,7 @@ function DefaultSidebar({
   headerClassName,
   panelClassName
 }) {
-  const showIconLabels = (0, _data.useSelect)(select => select(_store.store).getSettings().showIconLabels, []);
+  const showIconLabels = (0, _data.useSelect)(select => !!select(_preferences.store).get('core/edit-site', 'showIconLabels'), []);
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_interface.ComplementaryArea, {
     className: className,
     scope: "core/edit-site",

package/build/components/sidebar-edit-mode/default-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_interface","require","_data","_store","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","showIconLabels","useSelect","select","editSiteStore","getSettings","_react","createElement","Fragment","ComplementaryArea","scope","smallScreenTitle","ComplementaryAreaMoreMenuItem"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/default-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tComplementaryArea,\n\tComplementaryAreaMoreMenuItem,\n} from '@wordpress/interface';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n} ) {\n\tconst showIconLabels = useSelect(\n\t\t( select ) => select( editSiteStore ).getSettings().showIconLabels,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\tsmallScreenTitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGe,SAASG,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IAAMA,MAAM,CAAEC,YAAc,CAAC,CAACC,WAAW,CAAC,CAAC,CAACJ,cAAc,EAClE,EACD,CAAC;EAED,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAsB,iBAAiB;IACjBjB,SAAS,EAAGA,SAAW;IACvBkB,KAAK,EAAC,gBAAgB;IACtBjB,UAAU,EAAGA,UAAY;IACzBC,KAAK,EAAGA,KAAO;IACfiB,gBAAgB,EAAGjB,KAAO;IAC1BC,IAAI,EAAGA,IAAM;IACbE,UAAU,EAAGA,UAAY;IACzBC,MAAM,EAAGA,MAAQ;IACjBC,eAAe,EAAGA,eAAiB;IACnCC,cAAc,EAAGA,cAAgB;IACjCC,cAAc,EAAGA;EAAgB,GAE/BL,QACgB,CAAC,EACpB,IAAAU,MAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAyB,6BAA6B;IAC7BF,KAAK,EAAC,gBAAgB;IACtBjB,UAAU,EAAGA,UAAY;IACzBE,IAAI,EAAGA;EAAM,GAEXD,KAC4B,CAC9B,CAAC;AAEL"}
+{"version":3,"names":["_interface","require","_data","_preferences","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","showIconLabels","useSelect","select","preferencesStore","get","_react","createElement","Fragment","ComplementaryArea","scope","smallScreenTitle","ComplementaryAreaMoreMenuItem"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/default-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tComplementaryArea,\n\tComplementaryAreaMoreMenuItem,\n} from '@wordpress/interface';\nimport { useSelect } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n} ) {\n\tconst showIconLabels = useSelect(\n\t\t( select ) =>\n\t\t\t!! select( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\tsmallScreenTitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AARA;AACA;AACA;;AAQe,SAASG,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC;AACD,CAAC,EAAG;EACH,MAAMC,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,GAAG,CAChC,gBAAgB,EAChB,gBACD,CAAC,EACF,EACD,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAsB,iBAAiB;IACjBjB,SAAS,EAAGA,SAAW;IACvBkB,KAAK,EAAC,gBAAgB;IACtBjB,UAAU,EAAGA,UAAY;IACzBC,KAAK,EAAGA,KAAO;IACfiB,gBAAgB,EAAGjB,KAAO;IAC1BC,IAAI,EAAGA,IAAM;IACbE,UAAU,EAAGA,UAAY;IACzBC,MAAM,EAAGA,MAAQ;IACjBC,eAAe,EAAGA,eAAiB;IACnCC,cAAc,EAAGA,cAAgB;IACjCC,cAAc,EAAGA;EAAgB,GAE/BL,QACgB,CAAC,EACpB,IAAAU,MAAA,CAAAC,aAAA,EAACpB,UAAA,CAAAyB,6BAA6B;IAC7BF,KAAK,EAAC,gBAAgB;IACtBjB,UAAU,EAAGA,UAAY;IACzBE,IAAI,EAAGA;EAAM,GAEXD,KAC4B,CAC9B,CAAC;AAEL"}

package/build/components/sidebar-edit-mode/index.js

@@ -14,6 +14,7 @@ var _element = require("@wordpress/element");
 var _data = require("@wordpress/data");
 var _interface = require("@wordpress/interface");
 var _blockEditor = require("@wordpress/block-editor");
+var _editor = require("@wordpress/editor");
 var _defaultSidebar = _interopRequireDefault(require("./default-sidebar"));
 var _globalStylesSidebar = _interopRequireDefault(require("./global-styles-sidebar"));
 var _constants = require("../../store/constants");
@@ -43,7 +44,7 @@ function SidebarComplementaryAreaFills() {
     isEditorSidebarOpened,
     hasBlockSelection,
     supportsGlobalStyles,
-    hasPageContentFocus
+    isEditingPage
   } = (0, _data.useSelect)(select => {
     const _sidebar = select(_interface.store).getActiveComplementaryArea(_constants.STORE_NAME);
     const _isEditorSidebarOpened = [_constants2.SIDEBAR_BLOCK, _constants2.SIDEBAR_TEMPLATE].includes(_sidebar);
@@ -53,7 +54,7 @@ function SidebarComplementaryAreaFills() {
       isEditorSidebarOpened: _isEditorSidebarOpened,
       hasBlockSelection: !!select(_blockEditor.store).getBlockSelectionStart(),
       supportsGlobalStyles: !settings?.supportsTemplatePartsMode,
-      hasPageContentFocus: select(_store.store).hasPageContentFocus()
+      isEditingPage: select(_store.store).isPage() && select(_editor.store).getRenderingMode() !== 'template-only'
     };
   }, []);
   const {
@@ -66,13 +67,13 @@ function SidebarComplementaryAreaFills() {
       return;
     }
     if (hasBlockSelection) {
-      if (!hasPageContentFocus) {
+      if (!isEditingPage) {
         enableComplementaryArea(_constants.STORE_NAME, _constants2.SIDEBAR_BLOCK);
       }
     } else {
       enableComplementaryArea(_constants.STORE_NAME, _constants2.SIDEBAR_TEMPLATE);
     }
-  }, [hasBlockSelection, isEditorSidebarOpened, hasPageContentFocus]);
+  }, [hasBlockSelection, isEditorSidebarOpened, isEditingPage, enableComplementaryArea]);
   let sidebarName = sidebar;
   if (!isEditorSidebarOpened) {
     sidebarName = hasBlockSelection ? _constants2.SIDEBAR_BLOCK : _constants2.SIDEBAR_TEMPLATE;
@@ -86,7 +87,7 @@ function SidebarComplementaryAreaFills() {
       sidebarName: sidebarName
     }),
     headerClassName: "edit-site-sidebar-edit-mode__panel-tabs"
-  }, sidebarName === _constants2.SIDEBAR_TEMPLATE && (0, _react.createElement)(_react.Fragment, null, hasPageContentFocus ? (0, _react.createElement)(_pagePanels.default, null) : (0, _react.createElement)(_templatePanel.default, null), (0, _react.createElement)(_pluginTemplateSettingPanel.default.Slot, null)), sidebarName === _constants2.SIDEBAR_BLOCK && (0, _react.createElement)(InspectorSlot, {
+  }, sidebarName === _constants2.SIDEBAR_TEMPLATE && (0, _react.createElement)(_react.Fragment, null, isEditingPage ? (0, _react.createElement)(_pagePanels.default, null) : (0, _react.createElement)(_templatePanel.default, null), (0, _react.createElement)(_pluginTemplateSettingPanel.default.Slot, null)), sidebarName === _constants2.SIDEBAR_BLOCK && (0, _react.createElement)(InspectorSlot, {
     bubblesVirtually: true
   })), supportsGlobalStyles && (0, _react.createElement)(_globalStylesSidebar.default, null));
 }