@wordpress/edit-site 5.22.0 → 5.24.0

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

@@ -0,0 +1,182 @@
+import { createElement, Fragment } from "react";
+/**
+ * WordPress dependencies
+ */
+import { useSelect, useDispatch } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+import { __experimentalItemGroup as ItemGroup, __experimentalHeading as Heading, DropdownMenu, MenuGroup, MenuItem, TextControl, __experimentalHStack as HStack, __experimentalVStack as VStack, Button, Modal } from '@wordpress/components';
+import { useMemo, useState } from '@wordpress/element';
+import { moreVertical } from '@wordpress/icons';
+import { __ } from '@wordpress/i18n';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+
+/**
+ * Internal dependencies
+ */
+import DataViewItem from './dataview-item';
+import AddNewItem from './add-new-view';
+import { unlock } from '../../lock-unlock';
+const {
+  useHistory,
+  useLocation
+} = unlock(routerPrivateApis);
+const EMPTY_ARRAY = [];
+function RenameItemModalContent({
+  dataviewId,
+  currentTitle,
+  setIsRenaming
+}) {
+  const {
+    editEntityRecord
+  } = useDispatch(coreStore);
+  const [title, setTitle] = useState(currentTitle);
+  return createElement("form", {
+    onSubmit: async event => {
+      event.preventDefault();
+      await editEntityRecord('postType', 'wp_dataviews', dataviewId, {
+        title
+      });
+      setIsRenaming(false);
+    }
+  }, createElement(VStack, {
+    spacing: "5"
+  }, createElement(TextControl, {
+    __nextHasNoMarginBottom: true,
+    label: __('Name'),
+    value: title,
+    onChange: setTitle,
+    placeholder: __('My view'),
+    className: "patterns-create-modal__name-input"
+  }), createElement(HStack, {
+    justify: "right"
+  }, createElement(Button, {
+    variant: "tertiary",
+    onClick: () => {
+      setIsRenaming(false);
+    }
+  }, __('Cancel')), createElement(Button, {
+    variant: "primary",
+    type: "submit",
+    "aria-disabled": !title
+  }, __('Rename')))));
+}
+function CustomDataViewItem({
+  dataviewId,
+  isActive
+}) {
+  const {
+    params: {
+      path
+    }
+  } = useLocation();
+  const history = useHistory();
+  const {
+    dataview
+  } = useSelect(select => {
+    const {
+      getEditedEntityRecord
+    } = select(coreStore);
+    return {
+      dataview: getEditedEntityRecord('postType', 'wp_dataviews', dataviewId)
+    };
+  }, [dataviewId]);
+  const {
+    deleteEntityRecord
+  } = useDispatch(coreStore);
+  const type = useMemo(() => {
+    const viewContent = JSON.parse(dataview.content);
+    return viewContent.type;
+  }, [dataview.content]);
+  const [isRenaming, setIsRenaming] = useState(false);
+  return createElement(Fragment, null, createElement(DataViewItem, {
+    title: dataview.title,
+    type: type,
+    isActive: isActive,
+    isCustom: "true",
+    customViewId: dataviewId,
+    suffix: createElement(DropdownMenu, {
+      icon: moreVertical,
+      label: __('Actions'),
+      className: "edit-site-sidebar-dataviews-dataview-item__dropdown-menu",
+      toggleProps: {
+        style: {
+          color: 'inherit'
+        },
+        size: 'small'
+      }
+    }, ({
+      onClose
+    }) => createElement(MenuGroup, null, createElement(MenuItem, {
+      onClick: () => {
+        setIsRenaming(true);
+        onClose();
+      }
+    }, __('Rename')), createElement(MenuItem, {
+      onClick: async () => {
+        await deleteEntityRecord('postType', 'wp_dataviews', dataview.id, {
+          force: true
+        });
+        if (isActive) {
+          history.replace({
+            path
+          });
+        }
+        onClose();
+      },
+      isDestructive: true
+    }, __('Delete'))))
+  }), isRenaming && createElement(Modal, {
+    title: __('Rename view'),
+    onRequestClose: () => {
+      setIsRenaming(false);
+    }
+  }, createElement(RenameItemModalContent, {
+    dataviewId: dataviewId,
+    setIsRenaming: setIsRenaming,
+    currentTitle: dataview.title
+  })));
+}
+export function useCustomDataViews(type) {
+  const customDataViews = useSelect(select => {
+    const {
+      getEntityRecords
+    } = select(coreStore);
+    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;
+}
+export default function CustomDataViewsList({
+  type,
+  activeView,
+  isCustom
+}) {
+  const customDataViews = useCustomDataViews(type);
+  return createElement(Fragment, null, createElement("div", {
+    className: "edit-site-sidebar-navigation-screen-dataviews__group-header"
+  }, createElement(Heading, {
+    level: 2
+  }, __('Custom Views'))), createElement(ItemGroup, null, customDataViews.map(customViewRecord => {
+    return createElement(CustomDataViewItem, {
+      key: customViewRecord.id,
+      dataviewId: customViewRecord.id,
+      isActive: isCustom === 'true' && Number(activeView) === customViewRecord.id
+    });
+  }), createElement(AddNewItem, {
+    type: type
+  })));
+}
+//# sourceMappingURL=custom-dataviews-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSelect","useDispatch","store","coreStore","__experimentalItemGroup","ItemGroup","__experimentalHeading","Heading","DropdownMenu","MenuGroup","MenuItem","TextControl","__experimentalHStack","HStack","__experimentalVStack","VStack","Button","Modal","useMemo","useState","moreVertical","__","privateApis","routerPrivateApis","DataViewItem","AddNewItem","unlock","useHistory","useLocation","EMPTY_ARRAY","RenameItemModalContent","dataviewId","currentTitle","setIsRenaming","editEntityRecord","title","setTitle","createElement","onSubmit","event","preventDefault","spacing","__nextHasNoMarginBottom","label","value","onChange","placeholder","className","justify","variant","onClick","type","CustomDataViewItem","isActive","params","path","history","dataview","select","getEditedEntityRecord","deleteEntityRecord","viewContent","JSON","parse","content","isRenaming","Fragment","isCustom","customViewId","suffix","icon","toggleProps","style","color","size","onClose","id","force","replace","isDestructive","onRequestClose","useCustomDataViews","customDataViews","getEntityRecords","dataViewTypeRecords","slug","length","dataViews","wp_dataviews_type","orderby","order","CustomDataViewsList","activeView","level","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":"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"}

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

@@ -0,0 +1,63 @@
+import { createElement } from "react";
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
+/**
+ * WordPress dependencies
+ */
+import { page, columns, pullRight } from '@wordpress/icons';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+import { __experimentalHStack as HStack } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import { useLink } from '../routes/link';
+import SidebarNavigationItem from '../sidebar-navigation-item';
+import { unlock } from '../../lock-unlock';
+const {
+  useLocation
+} = unlock(routerPrivateApis);
+function getDataViewIcon(type) {
+  const icons = {
+    list: page,
+    grid: columns,
+    'side-by-side': pullRight
+  };
+  return icons[type];
+}
+export default function DataViewItem({
+  title,
+  slug,
+  customViewId,
+  type,
+  icon,
+  isActive,
+  isCustom,
+  suffix
+}) {
+  const {
+    params: {
+      path
+    }
+  } = useLocation();
+  const iconToUse = icon || getDataViewIcon(type);
+  const linkInfo = useLink({
+    path,
+    activeView: isCustom === 'true' ? customViewId : slug,
+    isCustom
+  });
+  return createElement(HStack, {
+    justify: "flex-start",
+    className: classnames('edit-site-sidebar-dataviews-dataview-item', {
+      'is-selected': isActive
+    })
+  }, createElement(SidebarNavigationItem, {
+    icon: iconToUse,
+    ...linkInfo,
+    "aria-current": isActive ? 'true' : undefined
+  }, title), suffix);
+}
+//# sourceMappingURL=dataview-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["classnames","page","columns","pullRight","privateApis","routerPrivateApis","__experimentalHStack","HStack","useLink","SidebarNavigationItem","unlock","useLocation","getDataViewIcon","type","icons","list","grid","DataViewItem","title","slug","customViewId","icon","isActive","isCustom","suffix","params","path","iconToUse","linkInfo","activeView","createElement","justify","className","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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,IAAI,EAAEC,OAAO,EAAEC,SAAS,QAAQ,kBAAkB;AAC3D,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;;AAEtE;AACA;AACA;AACA,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,MAAM;EAAEC;AAAY,CAAC,GAAGD,MAAM,CAAEL,iBAAkB,CAAC;AAEnD,SAASO,eAAeA,CAAEC,IAAI,EAAG;EAChC,MAAMC,KAAK,GAAG;IAAEC,IAAI,EAAEd,IAAI;IAAEe,IAAI,EAAEd,OAAO;IAAE,cAAc,EAAEC;EAAU,CAAC;EACtE,OAAOW,KAAK,CAAED,IAAI,CAAE;AACrB;AAEA,eAAe,SAASI,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZP,IAAI;EACJQ,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGf,WAAW,CAAC,CAAC;EAEjB,MAAMgB,SAAS,GAAGN,IAAI,IAAIT,eAAe,CAAEC,IAAK,CAAC;EAEjD,MAAMe,QAAQ,GAAGpB,OAAO,CAAE;IACzBkB,IAAI;IACJG,UAAU,EAAEN,QAAQ,KAAK,MAAM,GAAGH,YAAY,GAAGD,IAAI;IACrDI;EACD,CAAE,CAAC;EACH,OACCO,aAAA,CAACvB,MAAM;IACNwB,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAGhC,UAAU,CACrB,2CAA2C,EAC3C;MACC,aAAa,EAAEsB;IAChB,CACD;EAAG,GAEHQ,aAAA,CAACrB,qBAAqB;IACrBY,IAAI,EAAGM,SAAW;IAAA,GACbC,QAAQ;IACb,gBAAeN,QAAQ,GAAG,MAAM,GAAGW;EAAW,GAE5Cf,KACoB,CAAC,EACtBM,MACK,CAAC;AAEX"}

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

@@ -0,0 +1,57 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { trash } from '@wordpress/icons';
+
+/**
+ * Internal dependencies
+ */
+import { OPERATOR_IN } from '../dataviews/constants';
+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: __('All'),
+    slug: 'all',
+    view: DEFAULT_PAGE_BASE
+  }, {
+    title: __('Drafts'),
+    slug: 'drafts',
+    view: {
+      ...DEFAULT_PAGE_BASE,
+      filters: [{
+        field: 'status',
+        operator: OPERATOR_IN,
+        value: 'draft'
+      }]
+    }
+  }, {
+    title: __('Trash'),
+    slug: 'trash',
+    icon: trash,
+    view: {
+      ...DEFAULT_PAGE_BASE,
+      filters: [{
+        field: 'status',
+        operator: OPERATOR_IN,
+        value: 'trash'
+      }]
+    }
+  }]
+};
+export default DEFAULT_VIEWS;
+//# sourceMappingURL=default-views.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__","trash","OPERATOR_IN","DEFAULT_PAGE_BASE","type","search","filters","page","perPage","sort","field","direction","hiddenFields","layout","DEFAULT_VIEWS","title","slug","view","operator","value","icon"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,kBAAkB;;AAExC;AACA;AACA;AACA,SAASC,WAAW,QAAQ,wBAAwB;AAEpD,MAAMC,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,EAAEf,EAAE,CAAE,KAAM,CAAC;IAClBgB,IAAI,EAAE,KAAK;IACXC,IAAI,EAAEd;EACP,CAAC,EACD;IACCY,KAAK,EAAEf,EAAE,CAAE,QAAS,CAAC;IACrBgB,IAAI,EAAE,QAAQ;IACdC,IAAI,EAAE;MACL,GAAGd,iBAAiB;MACpBG,OAAO,EAAE,CACR;QAAEI,KAAK,EAAE,QAAQ;QAAEQ,QAAQ,EAAEhB,WAAW;QAAEiB,KAAK,EAAE;MAAQ,CAAC;IAE5D;EACD,CAAC,EACD;IACCJ,KAAK,EAAEf,EAAE,CAAE,OAAQ,CAAC;IACpBgB,IAAI,EAAE,OAAO;IACbI,IAAI,EAAEnB,KAAK;IACXgB,IAAI,EAAE;MACL,GAAGd,iBAAiB;MACpBG,OAAO,EAAE,CACR;QAAEI,KAAK,EAAE,QAAQ;QAAEQ,QAAQ,EAAEhB,WAAW;QAAEiB,KAAK,EAAE;MAAQ,CAAC;IAE5D;EACD,CAAC;AAEH,CAAC;AAED,eAAeL,aAAa"}

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

@@ -1,66 +1,49 @@
-import { createElement } from "react";
+import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
 import { __experimentalItemGroup as ItemGroup } from '@wordpress/components';
-import { page, columns } from '@wordpress/icons';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
-
 /**
  * Internal dependencies
  */
-import { useLink } from '../routes/link';
-import { default as DEFAULT_VIEWS } from '../page-pages/default-views';
+
+import { default as DEFAULT_VIEWS } from './default-views';
 import { unlock } from '../../lock-unlock';
 const {
   useLocation
 } = unlock(routerPrivateApis);
-import SidebarNavigationItem from '../sidebar-navigation-item';
-function getDataViewIcon(dataview) {
-  const icons = {
-    list: page,
-    grid: columns
-  };
-  return icons[dataview.view.type];
-}
-function DataViewItem({
-  dataview,
-  isActive,
-  icon
-}) {
-  const {
-    params: {
-      path
-    }
-  } = useLocation();
-  const _icon = icon || getDataViewIcon(dataview);
-  const linkInfo = useLink({
-    path,
-    activeView: dataview.slug
-  });
-  return createElement(SidebarNavigationItem, {
-    icon: _icon,
-    ...linkInfo,
-    "aria-current": isActive ? 'true' : undefined
-  }, dataview.title);
-}
+import DataViewItem from './dataview-item';
+import CustomDataViewsList from './custom-dataviews-list';
+const PATH_TO_TYPE = {
+  '/pages': 'page'
+};
 export default 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 createElement(ItemGroup, null, DEFAULT_VIEWS.map(dataview => {
+  const type = PATH_TO_TYPE[path];
+  return createElement(Fragment, null, createElement(ItemGroup, null, DEFAULT_VIEWS[type].map(dataview => {
     return createElement(DataViewItem, {
       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"
     });
+  })), createElement(CustomDataViewsList, {
+    activeView: activeView,
+    type: type,
+    isCustom: "true"
   }));
 }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","page","columns","privateApis","routerPrivateApis","useLink","default","DEFAULT_VIEWS","unlock","useLocation","SidebarNavigationItem","getDataViewIcon","dataview","icons","list","grid","view","type","DataViewItem","isActive","icon","params","path","_icon","linkInfo","activeView","slug","createElement","undefined","title","DataViewsSidebarContent","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":";AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAC5E,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,OAAO,IAAIC,aAAa,QAAQ,6BAA6B;AACtE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,MAAM;EAAEC;AAAY,CAAC,GAAGD,MAAM,CAAEJ,iBAAkB,CAAC;AACnD,OAAOM,qBAAqB,MAAM,4BAA4B;AAE9D,SAASC,eAAeA,CAAEC,QAAQ,EAAG;EACpC,MAAMC,KAAK,GAAG;IAAEC,IAAI,EAAEb,IAAI;IAAEc,IAAI,EAAEb;EAAQ,CAAC;EAC3C,OAAOW,KAAK,CAAED,QAAQ,CAACI,IAAI,CAACC,IAAI,CAAE;AACnC;AAEA,SAASC,YAAYA,CAAE;EAAEN,QAAQ;EAAEO,QAAQ;EAAEC;AAAK,CAAC,EAAG;EACrD,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGb,WAAW,CAAC,CAAC;EAEjB,MAAMc,KAAK,GAAGH,IAAI,IAAIT,eAAe,CAAEC,QAAS,CAAC;EAEjD,MAAMY,QAAQ,GAAGnB,OAAO,CAAE;IACzBiB,IAAI;IACJG,UAAU,EAAEb,QAAQ,CAACc;EACtB,CAAE,CAAC;EACH,OACCC,aAAA,CAACjB,qBAAqB;IACrBU,IAAI,EAAGG,KAAO;IAAA,GACTC,QAAQ;IACb,gBAAeL,QAAQ,GAAG,MAAM,GAAGS;EAAW,GAE5ChB,QAAQ,CAACiB,KACW,CAAC;AAE1B;AAEA,eAAe,SAASC,uBAAuBA,CAAA,EAAG;EACjD,MAAM;IACLT,MAAM,EAAE;MAAEC,IAAI;MAAEG,UAAU,GAAG;IAAM;EACpC,CAAC,GAAGhB,WAAW,CAAC,CAAC;EACjB,IAAK,CAAEa,IAAI,IAAIA,IAAI,KAAK,QAAQ,EAAG;IAClC,OAAO,IAAI;EACZ;EAEA,OACCK,aAAA,CAAC3B,SAAS,QACPO,aAAa,CAACwB,GAAG,CAAInB,QAAQ,IAAM;IACpC,OACCe,aAAA,CAACT,YAAY;MACZc,GAAG,EAAGpB,QAAQ,CAACc,IAAM;MACrBN,IAAI,EAAGR,QAAQ,CAACQ,IAAM;MACtBR,QAAQ,EAAGA,QAAU;MACrBO,QAAQ,EAAGP,QAAQ,CAACc,IAAI,KAAKD;IAAY,CACzC,CAAC;EAEJ,CAAE,CACQ,CAAC;AAEd"}
+{"version":3,"names":["__experimentalItemGroup","ItemGroup","privateApis","routerPrivateApis","default","DEFAULT_VIEWS","unlock","useLocation","DataViewItem","CustomDataViewsList","PATH_TO_TYPE","DataViewsSidebarContent","params","path","activeView","isCustom","type","createElement","Fragment","map","dataview","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":";AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAE5E,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE;AACA;AACA;;AAEA,SAASC,OAAO,IAAIC,aAAa,QAAQ,iBAAiB;AAC1D,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,MAAM;EAAEC;AAAY,CAAC,GAAGD,MAAM,CAAEH,iBAAkB,CAAC;AACnD,OAAOK,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,mBAAmB,MAAM,yBAAyB;AAEzD,MAAMC,YAAY,GAAG;EACpB,QAAQ,EAAE;AACX,CAAC;AAED,eAAe,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,OACCI,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAChB,SAAS,QACPI,aAAa,CAAEW,IAAI,CAAE,CAACG,GAAG,CAAIC,QAAQ,IAAM;IAC5C,OACCH,aAAA,CAACT,YAAY;MACZa,GAAG,EAAGD,QAAQ,CAACE,IAAM;MACrBA,IAAI,EAAGF,QAAQ,CAACE,IAAM;MACtBC,KAAK,EAAGH,QAAQ,CAACG,KAAO;MACxBC,IAAI,EAAGJ,QAAQ,CAACI,IAAM;MACtBR,IAAI,EAAGI,QAAQ,CAACK,IAAI,CAACT,IAAM;MAC3BU,QAAQ,EACPX,QAAQ,KAAK,OAAO,IACpBK,QAAQ,CAACE,IAAI,KAAKR,UAClB;MACDC,QAAQ,EAAC;IAAO,CAChB,CAAC;EAEJ,CAAE,CACQ,CAAC,EACZE,aAAA,CAACR,mBAAmB;IACnBK,UAAU,EAAGA,UAAY;IACzBE,IAAI,EAAGA,IAAM;IACbD,QAAQ,EAAC;EAAM,CACf,CACA,CAAC;AAEL"}

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

@@ -4,11 +4,7 @@ import { createElement, Fragment } from "react";
  */
 import { ComplementaryArea, ComplementaryAreaMoreMenuItem } from '@wordpress/interface';
 import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as editSiteStore } from '../../store';
+import { store as preferencesStore } from '@wordpress/preferences';
 export default function DefaultSidebar({
   className,
   identifier,
@@ -20,7 +16,7 @@ export default function DefaultSidebar({
   headerClassName,
   panelClassName
 }) {
-  const showIconLabels = useSelect(select => select(editSiteStore).getSettings().showIconLabels, []);
+  const showIconLabels = useSelect(select => !!select(preferencesStore).get('core/edit-site', 'showIconLabels'), []);
   return createElement(Fragment, null, createElement(ComplementaryArea, {
     className: className,
     scope: "core/edit-site",

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

@@ -1 +1 @@
-{"version":3,"names":["ComplementaryArea","ComplementaryAreaMoreMenuItem","useSelect","store","editSiteStore","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","showIconLabels","select","getSettings","createElement","Fragment","scope","smallScreenTitle"],"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":";AAAA;AACA;AACA;AACA,SACCA,iBAAiB,EACjBC,6BAA6B,QACvB,sBAAsB;AAC7B,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AAEpD,eAAe,SAASC,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,GAAGb,SAAS,CAC7Bc,MAAM,IAAMA,MAAM,CAAEZ,aAAc,CAAC,CAACa,WAAW,CAAC,CAAC,CAACF,cAAc,EAClE,EACD,CAAC;EAED,OACCG,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAClB,iBAAiB;IACjBM,SAAS,EAAGA,SAAW;IACvBc,KAAK,EAAC,gBAAgB;IACtBb,UAAU,EAAGA,UAAY;IACzBC,KAAK,EAAGA,KAAO;IACfa,gBAAgB,EAAGb,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,EACpBQ,aAAA,CAACjB,6BAA6B;IAC7BmB,KAAK,EAAC,gBAAgB;IACtBb,UAAU,EAAGA,UAAY;IACzBE,IAAI,EAAGA;EAAM,GAEXD,KAC4B,CAC9B,CAAC;AAEL"}
+{"version":3,"names":["ComplementaryArea","ComplementaryAreaMoreMenuItem","useSelect","store","preferencesStore","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","showIconLabels","select","get","createElement","Fragment","scope","smallScreenTitle"],"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":";AAAA;AACA;AACA;AACA,SACCA,iBAAiB,EACjBC,6BAA6B,QACvB,sBAAsB;AAC7B,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAElE,eAAe,SAASC,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,GAAGb,SAAS,CAC7Bc,MAAM,IACP,CAAC,CAAEA,MAAM,CAAEZ,gBAAiB,CAAC,CAACa,GAAG,CAChC,gBAAgB,EAChB,gBACD,CAAC,EACF,EACD,CAAC;EAED,OACCC,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAClB,iBAAiB;IACjBM,SAAS,EAAGA,SAAW;IACvBc,KAAK,EAAC,gBAAgB;IACtBb,UAAU,EAAGA,UAAY;IACzBC,KAAK,EAAGA,KAAO;IACfa,gBAAgB,EAAGb,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,EACpBQ,aAAA,CAACjB,6BAA6B;IAC7BmB,KAAK,EAAC,gBAAgB;IACtBb,UAAU,EAAGA,UAAY;IACzBE,IAAI,EAAGA;EAAM,GAEXD,KAC4B,CAC9B,CAAC;AAEL"}

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

@@ -9,6 +9,7 @@ import { useEffect } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as interfaceStore } from '@wordpress/interface';
 import { store as blockEditorStore } from '@wordpress/block-editor';
+import { store as editorStore } from '@wordpress/editor';
 
 /**
  * Internal dependencies
@@ -33,7 +34,7 @@ export function SidebarComplementaryAreaFills() {
     isEditorSidebarOpened,
     hasBlockSelection,
     supportsGlobalStyles,
-    hasPageContentFocus
+    isEditingPage
   } = useSelect(select => {
     const _sidebar = select(interfaceStore).getActiveComplementaryArea(STORE_NAME);
     const _isEditorSidebarOpened = [SIDEBAR_BLOCK, SIDEBAR_TEMPLATE].includes(_sidebar);
@@ -43,7 +44,7 @@ export function SidebarComplementaryAreaFills() {
       isEditorSidebarOpened: _isEditorSidebarOpened,
       hasBlockSelection: !!select(blockEditorStore).getBlockSelectionStart(),
       supportsGlobalStyles: !settings?.supportsTemplatePartsMode,
-      hasPageContentFocus: select(editSiteStore).hasPageContentFocus()
+      isEditingPage: select(editSiteStore).isPage() && select(editorStore).getRenderingMode() !== 'template-only'
     };
   }, []);
   const {
@@ -56,13 +57,13 @@ export function SidebarComplementaryAreaFills() {
       return;
     }
     if (hasBlockSelection) {
-      if (!hasPageContentFocus) {
+      if (!isEditingPage) {
         enableComplementaryArea(STORE_NAME, SIDEBAR_BLOCK);
       }
     } else {
       enableComplementaryArea(STORE_NAME, SIDEBAR_TEMPLATE);
     }
-  }, [hasBlockSelection, isEditorSidebarOpened, hasPageContentFocus]);
+  }, [hasBlockSelection, isEditorSidebarOpened, isEditingPage, enableComplementaryArea]);
   let sidebarName = sidebar;
   if (!isEditorSidebarOpened) {
     sidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;
@@ -76,7 +77,7 @@ export function SidebarComplementaryAreaFills() {
       sidebarName: sidebarName
     }),
     headerClassName: "edit-site-sidebar-edit-mode__panel-tabs"
-  }, sidebarName === SIDEBAR_TEMPLATE && createElement(Fragment, null, hasPageContentFocus ? createElement(PagePanels, null) : createElement(TemplatePanel, null), createElement(PluginTemplateSettingPanel.Slot, null)), sidebarName === SIDEBAR_BLOCK && createElement(InspectorSlot, {
+  }, sidebarName === SIDEBAR_TEMPLATE && createElement(Fragment, null, isEditingPage ? createElement(PagePanels, null) : createElement(TemplatePanel, null), createElement(PluginTemplateSettingPanel.Slot, null)), sidebarName === SIDEBAR_BLOCK && createElement(InspectorSlot, {
     bubblesVirtually: true
   })), supportsGlobalStyles && createElement(GlobalStylesSidebar, null));
 }

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

@@ -1 +1 @@
-{"version":3,"names":["createSlotFill","isRTL","__","drawerLeft","drawerRight","useEffect","useSelect","useDispatch","store","interfaceStore","blockEditorStore","DefaultSidebar","GlobalStylesSidebar","STORE_NAME","SettingsHeader","PagePanels","TemplatePanel","PluginTemplateSettingPanel","SIDEBAR_BLOCK","SIDEBAR_TEMPLATE","editSiteStore","Slot","InspectorSlot","Fill","InspectorFill","SidebarInspectorFill","SidebarComplementaryAreaFills","sidebar","isEditorSidebarOpened","hasBlockSelection","supportsGlobalStyles","hasPageContentFocus","select","_sidebar","getActiveComplementaryArea","_isEditorSidebarOpened","includes","settings","getSettings","getBlockSelectionStart","supportsTemplatePartsMode","enableComplementaryArea","sidebarName","createElement","Fragment","identifier","title","icon","closeLabel","header","headerClassName","bubblesVirtually"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport GlobalStylesSidebar from './global-styles-sidebar';\nimport { STORE_NAME } from '../../store/constants';\nimport SettingsHeader from './settings-header';\nimport PagePanels from './page-panels';\nimport TemplatePanel from './template-panel';\nimport PluginTemplateSettingPanel from '../plugin-template-setting-panel';\nimport { SIDEBAR_BLOCK, SIDEBAR_TEMPLATE } from './constants';\nimport { store as editSiteStore } from '../../store';\n\nconst { Slot: InspectorSlot, Fill: InspectorFill } = createSlotFill(\n\t'EditSiteSidebarInspector'\n);\nexport const SidebarInspectorFill = InspectorFill;\n\nexport function SidebarComplementaryAreaFills() {\n\tconst {\n\t\tsidebar,\n\t\tisEditorSidebarOpened,\n\t\thasBlockSelection,\n\t\tsupportsGlobalStyles,\n\t\thasPageContentFocus,\n\t} = useSelect( ( select ) => {\n\t\tconst _sidebar =\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( STORE_NAME );\n\t\tconst _isEditorSidebarOpened = [\n\t\t\tSIDEBAR_BLOCK,\n\t\t\tSIDEBAR_TEMPLATE,\n\t\t].includes( _sidebar );\n\t\tconst settings = select( editSiteStore ).getSettings();\n\t\treturn {\n\t\t\tsidebar: _sidebar,\n\t\t\tisEditorSidebarOpened: _isEditorSidebarOpened,\n\t\t\thasBlockSelection:\n\t\t\t\t!! select( blockEditorStore ).getBlockSelectionStart(),\n\t\t\tsupportsGlobalStyles: ! settings?.supportsTemplatePartsMode,\n\t\t\thasPageContentFocus: select( editSiteStore ).hasPageContentFocus(),\n\t\t};\n\t}, [] );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Don't automatically switch tab when the sidebar is closed or when we\n\t\t// are focused on page content.\n\t\tif ( ! isEditorSidebarOpened ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( hasBlockSelection ) {\n\t\t\tif ( ! hasPageContentFocus ) {\n\t\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\t\t\t}\n\t\t} else {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_TEMPLATE );\n\t\t}\n\t}, [ hasBlockSelection, isEditorSidebarOpened, hasPageContentFocus ] );\n\n\tlet sidebarName = sidebar;\n\tif ( ! isEditorSidebarOpened ) {\n\t\tsidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DefaultSidebar\n\t\t\t\tidentifier={ sidebarName }\n\t\t\t\ttitle={ __( 'Settings' ) }\n\t\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\t\theader={ <SettingsHeader sidebarName={ sidebarName } /> }\n\t\t\t\theaderClassName=\"edit-site-sidebar-edit-mode__panel-tabs\"\n\t\t\t>\n\t\t\t\t{ sidebarName === SIDEBAR_TEMPLATE && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ hasPageContentFocus ? (\n\t\t\t\t\t\t\t<PagePanels />\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<TemplatePanel />\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<PluginTemplateSettingPanel.Slot />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ sidebarName === SIDEBAR_BLOCK && (\n\t\t\t\t\t<InspectorSlot bubblesVirtually />\n\t\t\t\t) }\n\t\t\t</DefaultSidebar>\n\t\t\t{ supportsGlobalStyles && <GlobalStylesSidebar /> }\n\t\t</>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,uBAAuB;AACtD,SAASC,KAAK,EAAEC,EAAE,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,EAAEC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,cAAc,QAAQ,sBAAsB;AAC9D,SAASD,KAAK,IAAIE,gBAAgB,QAAQ,yBAAyB;;AAEnE;AACA;AACA;AACA,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,mBAAmB,MAAM,yBAAyB;AACzD,SAASC,UAAU,QAAQ,uBAAuB;AAClD,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,0BAA0B,MAAM,kCAAkC;AACzE,SAASC,aAAa,EAAEC,gBAAgB,QAAQ,aAAa;AAC7D,SAASX,KAAK,IAAIY,aAAa,QAAQ,aAAa;AAEpD,MAAM;EAAEC,IAAI,EAAEC,aAAa;EAAEC,IAAI,EAAEC;AAAc,CAAC,GAAGxB,cAAc,CAClE,0BACD,CAAC;AACD,OAAO,MAAMyB,oBAAoB,GAAGD,aAAa;AAEjD,OAAO,SAASE,6BAA6BA,CAAA,EAAG;EAC/C,MAAM;IACLC,OAAO;IACPC,qBAAqB;IACrBC,iBAAiB;IACjBC,oBAAoB;IACpBC;EACD,CAAC,GAAGzB,SAAS,CAAI0B,MAAM,IAAM;IAC5B,MAAMC,QAAQ,GACbD,MAAM,CAAEvB,cAAe,CAAC,CAACyB,0BAA0B,CAAErB,UAAW,CAAC;IAClE,MAAMsB,sBAAsB,GAAG,CAC9BjB,aAAa,EACbC,gBAAgB,CAChB,CAACiB,QAAQ,CAAEH,QAAS,CAAC;IACtB,MAAMI,QAAQ,GAAGL,MAAM,CAAEZ,aAAc,CAAC,CAACkB,WAAW,CAAC,CAAC;IACtD,OAAO;MACNX,OAAO,EAAEM,QAAQ;MACjBL,qBAAqB,EAAEO,sBAAsB;MAC7CN,iBAAiB,EAChB,CAAC,CAAEG,MAAM,CAAEtB,gBAAiB,CAAC,CAAC6B,sBAAsB,CAAC,CAAC;MACvDT,oBAAoB,EAAE,CAAEO,QAAQ,EAAEG,yBAAyB;MAC3DT,mBAAmB,EAAEC,MAAM,CAAEZ,aAAc,CAAC,CAACW,mBAAmB,CAAC;IAClE,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEU;EAAwB,CAAC,GAAGlC,WAAW,CAAEE,cAAe,CAAC;EAEjEJ,SAAS,CAAE,MAAM;IAChB;IACA;IACA,IAAK,CAAEuB,qBAAqB,EAAG;MAC9B;IACD;IACA,IAAKC,iBAAiB,EAAG;MACxB,IAAK,CAAEE,mBAAmB,EAAG;QAC5BU,uBAAuB,CAAE5B,UAAU,EAAEK,aAAc,CAAC;MACrD;IACD,CAAC,MAAM;MACNuB,uBAAuB,CAAE5B,UAAU,EAAEM,gBAAiB,CAAC;IACxD;EACD,CAAC,EAAE,CAAEU,iBAAiB,EAAED,qBAAqB,EAAEG,mBAAmB,CAAG,CAAC;EAEtE,IAAIW,WAAW,GAAGf,OAAO;EACzB,IAAK,CAAEC,qBAAqB,EAAG;IAC9Bc,WAAW,GAAGb,iBAAiB,GAAGX,aAAa,GAAGC,gBAAgB;EACnE;EAEA,OACCwB,aAAA,CAAAC,QAAA,QACCD,aAAA,CAAChC,cAAc;IACdkC,UAAU,EAAGH,WAAa;IAC1BI,KAAK,EAAG5C,EAAE,CAAE,UAAW,CAAG;IAC1B6C,IAAI,EAAG9C,KAAK,CAAC,CAAC,GAAGE,UAAU,GAAGC,WAAa;IAC3C4C,UAAU,EAAG9C,EAAE,CAAE,gBAAiB,CAAG;IACrC+C,MAAM,EAAGN,aAAA,CAAC7B,cAAc;MAAC4B,WAAW,EAAGA;IAAa,CAAE,CAAG;IACzDQ,eAAe,EAAC;EAAyC,GAEvDR,WAAW,KAAKvB,gBAAgB,IACjCwB,aAAA,CAAAC,QAAA,QACGb,mBAAmB,GACpBY,aAAA,CAAC5B,UAAU,MAAE,CAAC,GAEd4B,aAAA,CAAC3B,aAAa,MAAE,CAChB,EACD2B,aAAA,CAAC1B,0BAA0B,CAACI,IAAI,MAAE,CACjC,CACF,EACCqB,WAAW,KAAKxB,aAAa,IAC9ByB,aAAA,CAACrB,aAAa;IAAC6B,gBAAgB;EAAA,CAAE,CAEnB,CAAC,EACfrB,oBAAoB,IAAIa,aAAA,CAAC/B,mBAAmB,MAAE,CAC/C,CAAC;AAEL"}
+{"version":3,"names":["createSlotFill","isRTL","__","drawerLeft","drawerRight","useEffect","useSelect","useDispatch","store","interfaceStore","blockEditorStore","editorStore","DefaultSidebar","GlobalStylesSidebar","STORE_NAME","SettingsHeader","PagePanels","TemplatePanel","PluginTemplateSettingPanel","SIDEBAR_BLOCK","SIDEBAR_TEMPLATE","editSiteStore","Slot","InspectorSlot","Fill","InspectorFill","SidebarInspectorFill","SidebarComplementaryAreaFills","sidebar","isEditorSidebarOpened","hasBlockSelection","supportsGlobalStyles","isEditingPage","select","_sidebar","getActiveComplementaryArea","_isEditorSidebarOpened","includes","settings","getSettings","getBlockSelectionStart","supportsTemplatePartsMode","isPage","getRenderingMode","enableComplementaryArea","sidebarName","createElement","Fragment","identifier","title","icon","closeLabel","header","headerClassName","bubblesVirtually"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createSlotFill } from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { drawerLeft, drawerRight } from '@wordpress/icons';\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as interfaceStore } from '@wordpress/interface';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\nimport GlobalStylesSidebar from './global-styles-sidebar';\nimport { STORE_NAME } from '../../store/constants';\nimport SettingsHeader from './settings-header';\nimport PagePanels from './page-panels';\nimport TemplatePanel from './template-panel';\nimport PluginTemplateSettingPanel from '../plugin-template-setting-panel';\nimport { SIDEBAR_BLOCK, SIDEBAR_TEMPLATE } from './constants';\nimport { store as editSiteStore } from '../../store';\n\nconst { Slot: InspectorSlot, Fill: InspectorFill } = createSlotFill(\n\t'EditSiteSidebarInspector'\n);\nexport const SidebarInspectorFill = InspectorFill;\n\nexport function SidebarComplementaryAreaFills() {\n\tconst {\n\t\tsidebar,\n\t\tisEditorSidebarOpened,\n\t\thasBlockSelection,\n\t\tsupportsGlobalStyles,\n\t\tisEditingPage,\n\t} = useSelect( ( select ) => {\n\t\tconst _sidebar =\n\t\t\tselect( interfaceStore ).getActiveComplementaryArea( STORE_NAME );\n\t\tconst _isEditorSidebarOpened = [\n\t\t\tSIDEBAR_BLOCK,\n\t\t\tSIDEBAR_TEMPLATE,\n\t\t].includes( _sidebar );\n\t\tconst settings = select( editSiteStore ).getSettings();\n\t\treturn {\n\t\t\tsidebar: _sidebar,\n\t\t\tisEditorSidebarOpened: _isEditorSidebarOpened,\n\t\t\thasBlockSelection:\n\t\t\t\t!! select( blockEditorStore ).getBlockSelectionStart(),\n\t\t\tsupportsGlobalStyles: ! settings?.supportsTemplatePartsMode,\n\t\t\tisEditingPage:\n\t\t\t\tselect( editSiteStore ).isPage() &&\n\t\t\t\tselect( editorStore ).getRenderingMode() !== 'template-only',\n\t\t};\n\t}, [] );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\n\tuseEffect( () => {\n\t\t// Don't automatically switch tab when the sidebar is closed or when we\n\t\t// are focused on page content.\n\t\tif ( ! isEditorSidebarOpened ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( hasBlockSelection ) {\n\t\t\tif ( ! isEditingPage ) {\n\t\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );\n\t\t\t}\n\t\t} else {\n\t\t\tenableComplementaryArea( STORE_NAME, SIDEBAR_TEMPLATE );\n\t\t}\n\t}, [\n\t\thasBlockSelection,\n\t\tisEditorSidebarOpened,\n\t\tisEditingPage,\n\t\tenableComplementaryArea,\n\t] );\n\n\tlet sidebarName = sidebar;\n\tif ( ! isEditorSidebarOpened ) {\n\t\tsidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<DefaultSidebar\n\t\t\t\tidentifier={ sidebarName }\n\t\t\t\ttitle={ __( 'Settings' ) }\n\t\t\t\ticon={ isRTL() ? drawerLeft : drawerRight }\n\t\t\t\tcloseLabel={ __( 'Close Settings' ) }\n\t\t\t\theader={ <SettingsHeader sidebarName={ sidebarName } /> }\n\t\t\t\theaderClassName=\"edit-site-sidebar-edit-mode__panel-tabs\"\n\t\t\t>\n\t\t\t\t{ sidebarName === SIDEBAR_TEMPLATE && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isEditingPage ? <PagePanels /> : <TemplatePanel /> }\n\t\t\t\t\t\t<PluginTemplateSettingPanel.Slot />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ sidebarName === SIDEBAR_BLOCK && (\n\t\t\t\t\t<InspectorSlot bubblesVirtually />\n\t\t\t\t) }\n\t\t\t</DefaultSidebar>\n\t\t\t{ supportsGlobalStyles && <GlobalStylesSidebar /> }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}