@wordpress/edit-site 6.13.1-next.cd6172eb0.0 → 6.15.0

package/build/components/sidebar/index.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_dom","_jsxRuntime","SidebarNavigationContext","exports","createContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","focus","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","shouldAnimate","navState","useContext","wrapperRef","useRef","navAnimation","setNavAnimation","useState","useLayoutEffect","current","wrapperCls","clsx","jsx","ref","className","SidebarContent","routeKey","Provider","value"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children, shouldAnimate } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx(\n\t\t'edit-site-sidebar__screen-wrapper',\n\t\t/*\n\t\t * Some panes do not have sub-panes and therefore\n\t\t * should not animate when clicked on.\n\t\t */\n\t\tshouldAnimate\n\t\t\t? {\n\t\t\t\t\t'slide-from-left': navAnimation === 'back',\n\t\t\t\t\t'slide-from-right': navAnimation === 'forward',\n\t\t\t  }\n\t\t\t: {}\n\t);\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default function SidebarContent( {\n\trouteKey,\n\tshouldAnimate,\n\tchildren,\n} ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<SidebarContentWrapper\n\t\t\t\t\tshouldAnimate={ shouldAnimate }\n\t\t\t\t\tkey={ routeKey }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</SidebarContentWrapper>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_dom","_jsxRuntime","SidebarNavigationContext","exports","createContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","focus","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","shouldAnimate","navState","useContext","wrapperRef","useRef","navAnimation","setNavAnimation","useState","useLayoutEffect","current","wrapperCls","clsx","jsx","ref","className","SidebarContent","routeKey","Provider","value"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children, shouldAnimate } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx(\n\t\t'edit-site-sidebar__screen-wrapper',\n\t\t/*\n\t\t * Some panes do not have sub-panes and therefore\n\t\t * should not animate when clicked on.\n\t\t */\n\t\tshouldAnimate\n\t\t\t? {\n\t\t\t\t\t'slide-from-left': navAnimation === 'back',\n\t\t\t\t\t'slide-from-right': navAnimation === 'forward',\n\t\t\t  }\n\t\t\t: {}\n\t);\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default function SidebarContent( {\n\trouteKey,\n\tshouldAnimate,\n\tchildren,\n} ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<SidebarContentWrapper\n\t\t\t\t\tshouldAnimate={ shouldAnimate }\n\t\t\t\t\tkey={ routeKey }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</SidebarContentWrapper>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -26,7 +27,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const {
-  useHistory
+  useHistory,
+  useLocation
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 const EMPTY_ARRAY = [];
 function RenameItemModalContent({
@@ -81,6 +83,7 @@ function CustomDataViewItem({
   isActive
 }) {
   const history = useHistory();
+  const location = useLocation();
   const {
     dataview
   } = (0, _data.useSelect)(select => {
@@ -131,13 +134,8 @@ function CustomDataViewItem({
                 force: true
               });
               if (isActive) {
-                const {
-                  params: {
-                    postType
-                  }
-                } = history.getLocationWithParams();
                 history.replace({
-                  postType
+                  postType: location.query.postType
                 });
               }
               onClose();
@@ -199,6 +197,7 @@ function CustomDataViewsList({
         children: (0, _i18n.__)('Custom Views')
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalItemGroup, {
+      className: "edit-site-sidebar-navigation-screen-dataviews__custom-items",
       children: [customDataViews.map(customViewRecord => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(CustomDataViewItem, {
           dataviewId: customViewRecord.id,

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_coreData","_components","_element","_icons","_i18n","_router","_dataviewItem","_interopRequireDefault","_addNewView","_lockUnlock","_jsxRuntime","useHistory","unlock","routerPrivateApis","EMPTY_ARRAY","RenameItemModalContent","dataviewId","currentTitle","setIsRenaming","editEntityRecord","useDispatch","coreStore","title","setTitle","useState","jsx","onSubmit","event","preventDefault","children","jsxs","__experimentalVStack","spacing","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","__","value","onChange","placeholder","className","__experimentalHStack","justify","Button","variant","onClick","type","CustomDataViewItem","isActive","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","params","postType","getLocationWithParams","replace","isDestructive","Modal","onRequestClose","focusOnMount","useCustomDataViews","customDataViews","getEntityRecords","dataViewTypeRecords","slug","length","dataViews","wp_dataviews_type","orderby","order","CustomDataViewsList","activeView","__experimentalHeading","level","__experimentalItemGroup","map","customViewRecord","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 } = 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__next40pxDefaultSize\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\t__next40pxDefaultSize\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\t__next40pxDefaultSize\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Save' ) }\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 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\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\tconst {\n\t\t\t\t\t\t\t\t\t\t\t\tparams: { postType },\n\t\t\t\t\t\t\t\t\t\t\t} = history.getLocationWithParams();\n\t\t\t\t\t\t\t\t\t\t\thistory.replace( { postType } );\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' ) }\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\tfocusOnMount=\"firstContentElement\"\n\t\t\t\t\tsize=\"small\"\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 &&\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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","ignoreList":[]}
+{"version":3,"names":["_data","require","_coreData","_components","_element","_icons","_i18n","_router","_dataviewItem","_interopRequireDefault","_addNewView","_lockUnlock","_jsxRuntime","useHistory","useLocation","unlock","routerPrivateApis","EMPTY_ARRAY","RenameItemModalContent","dataviewId","currentTitle","setIsRenaming","editEntityRecord","useDispatch","coreStore","title","setTitle","useState","jsx","onSubmit","event","preventDefault","children","jsxs","__experimentalVStack","spacing","TextControl","__next40pxDefaultSize","__nextHasNoMarginBottom","label","__","value","onChange","placeholder","className","__experimentalHStack","justify","Button","variant","onClick","type","CustomDataViewItem","isActive","history","location","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","postType","query","isDestructive","Modal","onRequestClose","focusOnMount","useCustomDataViews","customDataViews","getEntityRecords","dataViewTypeRecords","slug","length","dataViews","wp_dataviews_type","orderby","order","CustomDataViewsList","activeView","__experimentalHeading","level","__experimentalItemGroup","map","customViewRecord","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__next40pxDefaultSize\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\t__next40pxDefaultSize\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\t__next40pxDefaultSize\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Save' ) }\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 history = useHistory();\n\tconst location = useLocation();\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\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\tpostType:\n\t\t\t\t\t\t\t\t\t\t\t\t\tlocation.query.postType,\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' ) }\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\tfocusOnMount=\"firstContentElement\"\n\t\t\t\t\tsize=\"small\"\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 className=\"edit-site-sidebar-navigation-screen-dataviews__custom-items\">\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 &&\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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","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

@@ -1 +1 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_router","_components","_dataviews","_url","_sidebarNavigationItem","_lockUnlock","_jsxRuntime","useLocation","unlock","routerPrivateApis","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","path","iconToUse","VIEW_LAYOUTS","find","v","activeView","undefined","query","layout","jsxs","__experimentalHStack","justify","className","clsx","children","jsx","default","to","addQueryArgs"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/dataview-item.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { VIEW_LAYOUTS } from '@wordpress/dataviews';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewItem( {\n\ttitle,\n\tslug,\n\tcustomViewId,\n\ttype,\n\ticon,\n\tisActive,\n\tisCustom,\n\tsuffix,\n} ) {\n\tconst { path } = useLocation();\n\n\tconst iconToUse =\n\t\ticon || VIEW_LAYOUTS.find( ( v ) => v.type === type ).icon;\n\n\tlet activeView = isCustom ? customViewId : slug;\n\tif ( activeView === 'all' ) {\n\t\tactiveView = undefined;\n\t}\n\tconst query = {\n\t\tlayout: type,\n\t\tactiveView,\n\t\tisCustom: isCustom ? 'true' : undefined,\n\t};\n\treturn (\n\t\t<HStack\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ clsx( 'edit-site-sidebar-dataviews-dataview-item', {\n\t\t\t\t'is-selected': isActive,\n\t\t\t} ) }\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ iconToUse }\n\t\t\t\tto={ addQueryArgs( path, query ) }\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,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAKA,IAAAK,sBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAjB3C;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAM;EAAEQ;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAK,CAAC,GAAGZ,WAAW,CAAC,CAAC;EAE9B,MAAMa,SAAS,GACdL,IAAI,IAAIM,uBAAY,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACT,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,IAAIS,UAAU,GAAGP,QAAQ,GAAGJ,YAAY,GAAGD,IAAI;EAC/C,IAAKY,UAAU,KAAK,KAAK,EAAG;IAC3BA,UAAU,GAAGC,SAAS;EACvB;EACA,MAAMC,KAAK,GAAG;IACbC,MAAM,EAAEb,IAAI;IACZU,UAAU;IACVP,QAAQ,EAAEA,QAAQ,GAAG,MAAM,GAAGQ;EAC/B,CAAC;EACD,oBACC,IAAAnB,WAAA,CAAAsB,IAAA,EAAC3B,WAAA,CAAA4B,oBAAM;IACNC,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAG,IAAAC,aAAI,EAAE,2CAA2C,EAAE;MAC9D,aAAa,EAAEhB;IAChB,CAAE,CAAG;IAAAiB,QAAA,gBAEL,IAAA3B,WAAA,CAAA4B,GAAA,EAAC9B,sBAAA,CAAA+B,OAAqB;MACrBpB,IAAI,EAAGK,SAAW;MAClBgB,EAAE,EAAG,IAAAC,iBAAY,EAAElB,IAAI,EAAEO,KAAM,CAAG;MAClC,gBAAeV,QAAQ,GAAG,MAAM,GAAGS,SAAW;MAAAQ,QAAA,EAE5CtB;IAAK,CACe,CAAC,EACtBO,MAAM;EAAA,CACD,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_router","_components","_dataviews","_url","_sidebarNavigationItem","_lockUnlock","_jsxRuntime","useLocation","unlock","routerPrivateApis","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","path","iconToUse","VIEW_LAYOUTS","find","v","activeView","undefined","query","layout","jsxs","__experimentalHStack","justify","className","clsx","children","jsx","default","to","addQueryArgs"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/dataview-item.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __experimentalHStack as HStack } from '@wordpress/components';\nimport { VIEW_LAYOUTS } from '@wordpress/dataviews';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewItem( {\n\ttitle,\n\tslug,\n\tcustomViewId,\n\ttype,\n\ticon,\n\tisActive,\n\tisCustom,\n\tsuffix,\n} ) {\n\tconst { path } = useLocation();\n\n\tconst iconToUse =\n\t\ticon || VIEW_LAYOUTS.find( ( v ) => v.type === type ).icon;\n\n\tlet activeView = isCustom ? customViewId : slug;\n\tif ( activeView === 'all' ) {\n\t\tactiveView = undefined;\n\t}\n\tconst query = {\n\t\tlayout: type,\n\t\tactiveView,\n\t\tisCustom: isCustom ? 'true' : undefined,\n\t};\n\treturn (\n\t\t<HStack\n\t\t\tjustify=\"flex-start\"\n\t\t\tclassName={ clsx( 'edit-site-sidebar-dataviews-dataview-item', {\n\t\t\t\t'is-selected': isActive,\n\t\t\t} ) }\n\t\t>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ iconToUse }\n\t\t\t\tto={ addQueryArgs( path, query ) }\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,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AAKA,IAAAK,sBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAjB3C;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAM;EAAEQ;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,YAAYA,CAAE;EACrCC,KAAK;EACLC,IAAI;EACJC,YAAY;EACZC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAK,CAAC,GAAGZ,WAAW,CAAC,CAAC;EAE9B,MAAMa,SAAS,GACdL,IAAI,IAAIM,uBAAY,CAACC,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACT,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,IAAIS,UAAU,GAAGP,QAAQ,GAAGJ,YAAY,GAAGD,IAAI;EAC/C,IAAKY,UAAU,KAAK,KAAK,EAAG;IAC3BA,UAAU,GAAGC,SAAS;EACvB;EACA,MAAMC,KAAK,GAAG;IACbC,MAAM,EAAEb,IAAI;IACZU,UAAU;IACVP,QAAQ,EAAEA,QAAQ,GAAG,MAAM,GAAGQ;EAC/B,CAAC;EACD,oBACC,IAAAnB,WAAA,CAAAsB,IAAA,EAAC3B,WAAA,CAAA4B,oBAAM;IACNC,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAG,IAAAC,aAAI,EAAE,2CAA2C,EAAE;MAC9D,aAAa,EAAEhB;IAChB,CAAE,CAAG;IAAAiB,QAAA,gBAEL,IAAA3B,WAAA,CAAA4B,GAAA,EAAC9B,sBAAA,CAAA+B,OAAqB;MACrBpB,IAAI,EAAGK,SAAW;MAClBgB,EAAE,EAAG,IAAAC,iBAAY,EAAElB,IAAI,EAAEO,KAAM,CAAG;MAClC,gBAAeV,QAAQ,GAAG,MAAM,GAAGS,SAAW;MAAAQ,QAAA,EAE5CtB;IAAK,CACe,CAAC,EACtBO,MAAM;EAAA,CACD,CAAC;AAEX","ignoreList":[]}

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

@@ -20,28 +20,9 @@ var _constants = require("../../utils/constants");
  */
 
 const defaultLayouts = exports.defaultLayouts = {
-  [_constants.LAYOUT_TABLE]: {
-    layout: {
-      primaryField: 'title',
-      styles: {
-        title: {
-          maxWidth: 300
-        }
-      }
-    }
-  },
-  [_constants.LAYOUT_GRID]: {
-    layout: {
-      mediaField: 'featured_media',
-      primaryField: 'title'
-    }
-  },
-  [_constants.LAYOUT_LIST]: {
-    layout: {
-      primaryField: 'title',
-      mediaField: 'featured_media'
-    }
-  }
+  [_constants.LAYOUT_TABLE]: {},
+  [_constants.LAYOUT_GRID]: {},
+  [_constants.LAYOUT_LIST]: {}
 };
 const DEFAULT_POST_BASE = {
   type: _constants.LAYOUT_LIST,
@@ -50,11 +31,14 @@ const DEFAULT_POST_BASE = {
   page: 1,
   perPage: 20,
   sort: {
-    field: 'date',
-    direction: 'desc'
+    field: 'title',
+    direction: 'asc'
   },
-  fields: ['title', 'author', 'status'],
-  layout: defaultLayouts[_constants.LAYOUT_LIST].layout
+  showLevels: true,
+  titleField: 'title',
+  mediaField: 'featured_media',
+  fields: ['author', 'status'],
+  ...defaultLayouts[_constants.LAYOUT_LIST]
 };
 function useDefaultViews({
   postType

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_icons","_data","_coreData","_element","_constants","defaultLayouts","exports","LAYOUT_TABLE","layout","primaryField","styles","title","maxWidth","LAYOUT_GRID","mediaField","LAYOUT_LIST","DEFAULT_POST_BASE","type","search","filters","page","perPage","sort","field","direction","fields","useDefaultViews","postType","labels","useSelect","select","getPostType","coreStore","useMemo","all_items","__","slug","icon","pages","view","published","operator","OPERATOR_IS_ANY","value","scheduled","drafts","pending","notAllowed","trash"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/default-views.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\ttrash,\n\tpages,\n\tdrafts,\n\tpublished,\n\tscheduled,\n\tpending,\n\tnotAllowed,\n} from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLAYOUT_LIST,\n\tLAYOUT_TABLE,\n\tLAYOUT_GRID,\n\tOPERATOR_IS_ANY,\n} from '../../utils/constants';\n\nexport const defaultLayouts = {\n\t[ LAYOUT_TABLE ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tstyles: {\n\t\t\t\ttitle: {\n\t\t\t\t\tmaxWidth: 300,\n\t\t\t\t},\n\t\t\t},\n\t\t},\n\t},\n\t[ LAYOUT_GRID ]: {\n\t\tlayout: {\n\t\t\tmediaField: 'featured_media',\n\t\t\tprimaryField: 'title',\n\t\t},\n\t},\n\t[ LAYOUT_LIST ]: {\n\t\tlayout: {\n\t\t\tprimaryField: 'title',\n\t\t\tmediaField: 'featured_media',\n\t\t},\n\t},\n};\n\nconst DEFAULT_POST_BASE = {\n\ttype: LAYOUT_LIST,\n\tsearch: '',\n\tfilters: [],\n\tpage: 1,\n\tperPage: 20,\n\tsort: {\n\t\tfield: 'date',\n\t\tdirection: 'desc',\n\t},\n\tfields: [ 'title', 'author', 'status' ],\n\tlayout: defaultLayouts[ LAYOUT_LIST ].layout,\n};\n\nexport function useDefaultViews( { postType } ) {\n\tconst labels = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostType } = select( coreStore );\n\t\t\treturn getPostType( postType )?.labels;\n\t\t},\n\t\t[ postType ]\n\t);\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: labels?.all_items || __( 'All items' ),\n\t\t\t\tslug: 'all',\n\t\t\t\ticon: pages,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Published' ),\n\t\t\t\tslug: 'published',\n\t\t\t\ticon: published,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'publish',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Scheduled' ),\n\t\t\t\tslug: 'future',\n\t\t\t\ticon: scheduled,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'future',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Drafts' ),\n\t\t\t\tslug: 'drafts',\n\t\t\t\ticon: drafts,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'draft',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Pending' ),\n\t\t\t\tslug: 'pending',\n\t\t\t\ticon: pending,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'pending',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Private' ),\n\t\t\t\tslug: 'private',\n\t\t\t\ticon: notAllowed,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'private',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Trash' ),\n\t\t\t\tslug: 'trash',\n\t\t\t\ticon: trash,\n\t\t\t\tview: {\n\t\t\t\t\t...DEFAULT_POST_BASE,\n\t\t\t\t\ttype: LAYOUT_TABLE,\n\t\t\t\t\tlayout: defaultLayouts[ LAYOUT_TABLE ].layout,\n\t\t\t\t},\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'trash',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t];\n\t}, [ labels ] );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_icons","_data","_coreData","_element","_constants","defaultLayouts","exports","LAYOUT_TABLE","LAYOUT_GRID","LAYOUT_LIST","DEFAULT_POST_BASE","type","search","filters","page","perPage","sort","field","direction","showLevels","titleField","mediaField","fields","useDefaultViews","postType","labels","useSelect","select","getPostType","coreStore","useMemo","title","all_items","__","slug","icon","pages","view","published","operator","OPERATOR_IS_ANY","value","scheduled","drafts","pending","notAllowed","trash","layout"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/default-views.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\nimport {\n\ttrash,\n\tpages,\n\tdrafts,\n\tpublished,\n\tscheduled,\n\tpending,\n\tnotAllowed,\n} from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLAYOUT_LIST,\n\tLAYOUT_TABLE,\n\tLAYOUT_GRID,\n\tOPERATOR_IS_ANY,\n} from '../../utils/constants';\n\nexport const defaultLayouts = {\n\t[ LAYOUT_TABLE ]: {},\n\t[ LAYOUT_GRID ]: {},\n\t[ LAYOUT_LIST ]: {},\n};\n\nconst DEFAULT_POST_BASE = {\n\ttype: LAYOUT_LIST,\n\tsearch: '',\n\tfilters: [],\n\tpage: 1,\n\tperPage: 20,\n\tsort: {\n\t\tfield: 'title',\n\t\tdirection: 'asc',\n\t},\n\tshowLevels: true,\n\ttitleField: 'title',\n\tmediaField: 'featured_media',\n\tfields: [ 'author', 'status' ],\n\t...defaultLayouts[ LAYOUT_LIST ],\n};\n\nexport function useDefaultViews( { postType } ) {\n\tconst labels = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getPostType } = select( coreStore );\n\t\t\treturn getPostType( postType )?.labels;\n\t\t},\n\t\t[ postType ]\n\t);\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\t{\n\t\t\t\ttitle: labels?.all_items || __( 'All items' ),\n\t\t\t\tslug: 'all',\n\t\t\t\ticon: pages,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Published' ),\n\t\t\t\tslug: 'published',\n\t\t\t\ticon: published,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'publish',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Scheduled' ),\n\t\t\t\tslug: 'future',\n\t\t\t\ticon: scheduled,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'future',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Drafts' ),\n\t\t\t\tslug: 'drafts',\n\t\t\t\ticon: drafts,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'draft',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Pending' ),\n\t\t\t\tslug: 'pending',\n\t\t\t\ticon: pending,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'pending',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Private' ),\n\t\t\t\tslug: 'private',\n\t\t\t\ticon: notAllowed,\n\t\t\t\tview: DEFAULT_POST_BASE,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'private',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\ttitle: __( 'Trash' ),\n\t\t\t\tslug: 'trash',\n\t\t\t\ticon: trash,\n\t\t\t\tview: {\n\t\t\t\t\t...DEFAULT_POST_BASE,\n\t\t\t\t\ttype: LAYOUT_TABLE,\n\t\t\t\t\tlayout: defaultLayouts[ LAYOUT_TABLE ].layout,\n\t\t\t\t},\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: 'status',\n\t\t\t\t\t\toperator: OPERATOR_IS_ANY,\n\t\t\t\t\t\tvalue: 'trash',\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t},\n\t\t];\n\t}, [ labels ] );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -41,6 +42,7 @@ function DataViewsSidebarContent({
   const isCustomBoolean = isCustom === 'true';
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+      className: "edit-site-sidebar-dataviews",
       children: defaultViews.map(dataview => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dataviewItem.default, {
           slug: dataview.slug,

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

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_router","_defaultViews","_lockUnlock","_dataviewItem","_interopRequireDefault","_customDataviewsList","_jsxRuntime","useLocation","unlock","routerPrivateApis","DataViewsSidebarContent","postType","query","activeView","isCustom","defaultViews","useDefaultViews","isCustomBoolean","jsxs","Fragment","children","jsx","__experimentalItemGroup","map","dataview","default","slug","title","icon","type","view","isActive","window","__experimentalCustomViews"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { useDefaultViews } from './default-views';\nimport { unlock } from '../../lock-unlock';\nimport DataViewItem from './dataview-item';\nimport CustomDataViewsList from './custom-dataviews-list';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewsSidebarContent( { postType } ) {\n\tconst {\n\t\tquery: { activeView = 'all', isCustom = 'false' },\n\t} = useLocation();\n\tconst defaultViews = useDefaultViews( { postType } );\n\tif ( ! postType ) {\n\t\treturn null;\n\t}\n\tconst isCustomBoolean = isCustom === 'true';\n\n\treturn (\n\t\t<>\n\t\t\t<ItemGroup>\n\t\t\t\t{ defaultViews.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\t! isCustomBoolean &&\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{ window?.__experimentalCustomViews && (\n\t\t\t\t<CustomDataViewsList\n\t\t\t\t\tactiveView={ activeView }\n\t\t\t\t\ttype={ postType }\n\t\t\t\t\tisCustom\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAD,sBAAA,CAAAL,OAAA;AAA0D,IAAAO,WAAA,GAAAP,OAAA;AAZ1D;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EAAEQ;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,uBAAuBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/D,MAAM;IACLC,KAAK,EAAE;MAAEC,UAAU,GAAG,KAAK;MAAEC,QAAQ,GAAG;IAAQ;EACjD,CAAC,GAAGP,WAAW,CAAC,CAAC;EACjB,MAAMQ,YAAY,GAAG,IAAAC,6BAAe,EAAE;IAAEL;EAAS,CAAE,CAAC;EACpD,IAAK,CAAEA,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EACA,MAAMM,eAAe,GAAGH,QAAQ,KAAK,MAAM;EAE3C,oBACC,IAAAR,WAAA,CAAAY,IAAA,EAAAZ,WAAA,CAAAa,QAAA;IAAAC,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA,EAACvB,WAAA,CAAAwB,uBAAS;MAAAF,QAAA,EACPL,YAAY,CAACQ,GAAG,CAAIC,QAAQ,IAAM;QACnC,oBACC,IAAAlB,WAAA,CAAAe,GAAA,EAAClB,aAAA,CAAAsB,OAAY;UAEZC,IAAI,EAAGF,QAAQ,CAACE,IAAM;UACtBC,KAAK,EAAGH,QAAQ,CAACG,KAAO;UACxBC,IAAI,EAAGJ,QAAQ,CAACI,IAAM;UACtBC,IAAI,EAAGL,QAAQ,CAACM,IAAI,CAACD,IAAM;UAC3BE,QAAQ,EACP,CAAEd,eAAe,IACjBO,QAAQ,CAACE,IAAI,KAAKb,UAClB;UACDC,QAAQ,EAAG;QAAO,GATZU,QAAQ,CAACE,IAUf,CAAC;MAEJ,CAAE;IAAC,CACO,CAAC,EACVM,MAAM,EAAEC,yBAAyB,iBAClC,IAAA3B,WAAA,CAAAe,GAAA,EAAChB,oBAAA,CAAAoB,OAAmB;MACnBZ,UAAU,EAAGA,UAAY;MACzBgB,IAAI,EAAGlB,QAAU;MACjBG,QAAQ;IAAA,CACR,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["_components","require","_router","_defaultViews","_lockUnlock","_dataviewItem","_interopRequireDefault","_customDataviewsList","_jsxRuntime","useLocation","unlock","routerPrivateApis","DataViewsSidebarContent","postType","query","activeView","isCustom","defaultViews","useDefaultViews","isCustomBoolean","jsxs","Fragment","children","jsx","__experimentalItemGroup","className","map","dataview","default","slug","title","icon","type","view","isActive","window","__experimentalCustomViews"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { useDefaultViews } from './default-views';\nimport { unlock } from '../../lock-unlock';\nimport DataViewItem from './dataview-item';\nimport CustomDataViewsList from './custom-dataviews-list';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function DataViewsSidebarContent( { postType } ) {\n\tconst {\n\t\tquery: { activeView = 'all', isCustom = 'false' },\n\t} = useLocation();\n\tconst defaultViews = useDefaultViews( { postType } );\n\tif ( ! postType ) {\n\t\treturn null;\n\t}\n\tconst isCustomBoolean = isCustom === 'true';\n\n\treturn (\n\t\t<>\n\t\t\t<ItemGroup className=\"edit-site-sidebar-dataviews\">\n\t\t\t\t{ defaultViews.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\t! isCustomBoolean &&\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{ window?.__experimentalCustomViews && (\n\t\t\t\t<CustomDataViewsList\n\t\t\t\t\tactiveView={ activeView }\n\t\t\t\t\ttype={ postType }\n\t\t\t\t\tisCustom\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAKA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAD,sBAAA,CAAAL,OAAA;AAA0D,IAAAO,WAAA,GAAAP,OAAA;AAZ1D;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EAAEQ;AAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEpC,SAASC,uBAAuBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/D,MAAM;IACLC,KAAK,EAAE;MAAEC,UAAU,GAAG,KAAK;MAAEC,QAAQ,GAAG;IAAQ;EACjD,CAAC,GAAGP,WAAW,CAAC,CAAC;EACjB,MAAMQ,YAAY,GAAG,IAAAC,6BAAe,EAAE;IAAEL;EAAS,CAAE,CAAC;EACpD,IAAK,CAAEA,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EACA,MAAMM,eAAe,GAAGH,QAAQ,KAAK,MAAM;EAE3C,oBACC,IAAAR,WAAA,CAAAY,IAAA,EAAAZ,WAAA,CAAAa,QAAA;IAAAC,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA,EAACvB,WAAA,CAAAwB,uBAAS;MAACC,SAAS,EAAC,6BAA6B;MAAAH,QAAA,EAC/CL,YAAY,CAACS,GAAG,CAAIC,QAAQ,IAAM;QACnC,oBACC,IAAAnB,WAAA,CAAAe,GAAA,EAAClB,aAAA,CAAAuB,OAAY;UAEZC,IAAI,EAAGF,QAAQ,CAACE,IAAM;UACtBC,KAAK,EAAGH,QAAQ,CAACG,KAAO;UACxBC,IAAI,EAAGJ,QAAQ,CAACI,IAAM;UACtBC,IAAI,EAAGL,QAAQ,CAACM,IAAI,CAACD,IAAM;UAC3BE,QAAQ,EACP,CAAEf,eAAe,IACjBQ,QAAQ,CAACE,IAAI,KAAKd,UAClB;UACDC,QAAQ,EAAG;QAAO,GATZW,QAAQ,CAACE,IAUf,CAAC;MAEJ,CAAE;IAAC,CACO,CAAC,EACVM,MAAM,EAAEC,yBAAyB,iBAClC,IAAA5B,WAAA,CAAAe,GAAA,EAAChB,oBAAA,CAAAqB,OAAmB;MACnBb,UAAU,EAAGA,UAAY;MACzBiB,IAAI,EAAGnB,QAAU;MACjBG,QAAQ;IAAA,CACR,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

package/build/components/sidebar-global-styles-wrapper/index.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = GlobalStylesUIWrapper;
+exports.useSection = void 0;
 var _i18n = require("@wordpress/i18n");
 var _element = require("@wordpress/element");
 var _router = require("@wordpress/router");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _url = require("@wordpress/url");
+var _icons = require("@wordpress/icons");
 var _ui = _interopRequireDefault(require("../global-styles/ui"));
 var _page = _interopRequireDefault(require("../page"));
 var _lockUnlock = require("../../lock-unlock");
-var _styleBook = _interopRequireDefault(require("../style-book"));
-var _constants = require("../style-book/constants");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
@@ -29,56 +29,40 @@ const {
   useLocation,
   useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
-const {
-  Menu
-} = (0, _lockUnlock.unlock)(_components.privateApis);
 const GlobalStylesPageActions = ({
   isStyleBookOpened,
-  setIsStyleBookOpened
+  setIsStyleBookOpened,
+  path
 }) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu, {
-    trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      __next40pxDefaultSize: true,
-      variant: "tertiary",
-      size: "compact",
-      children: (0, _i18n.__)('Preview')
-    }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu.RadioItem, {
-      value: true,
-      checked: isStyleBookOpened,
-      name: "styles-preview-actions",
-      onChange: () => setIsStyleBookOpened(true),
-      defaultChecked: true,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
-        children: (0, _i18n.__)('Style book')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemHelpText, {
-        children: (0, _i18n.__)('Preview blocks and styles.')
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Menu.RadioItem, {
-      value: false,
-      checked: !isStyleBookOpened,
-      name: "styles-preview-actions",
-      onChange: () => setIsStyleBookOpened(false),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemLabel, {
-        children: (0, _i18n.__)('Site')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Menu.ItemHelpText, {
-        children: (0, _i18n.__)('Preview your site.')
-      })]
-    })]
+  const history = useHistory();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+    isPressed: isStyleBookOpened,
+    icon: _icons.seen,
+    label: (0, _i18n.__)('Style Book'),
+    onClick: () => {
+      setIsStyleBookOpened(!isStyleBookOpened);
+      const updatedPath = !isStyleBookOpened ? (0, _url.addQueryArgs)(path, {
+        preview: 'stylebook'
+      }) : (0, _url.removeQueryArgs)(path, 'preview');
+      // Navigate to the updated path.
+      history.navigate(updatedPath);
+    },
+    size: "compact"
   });
 };
-function GlobalStylesUIWrapper() {
+
+/**
+ * Hook to deal with navigation and location state.
+ *
+ * @return {Array}  The current section and a function to update it.
+ */
+const useSection = () => {
   const {
     path,
     query
   } = useLocation();
   const history = useHistory();
-  const {
-    canvas = 'view'
-  } = query;
-  const [isStyleBookOpened, setIsStyleBookOpened] = (0, _element.useState)(false);
-  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
-  const [section, onChangeSection] = (0, _element.useMemo)(() => {
+  return (0, _element.useMemo)(() => {
     var _query$section;
     return [(_query$section = query.section) !== null && _query$section !== void 0 ? _query$section : '/', updatedSection => {
       history.navigate((0, _url.addQueryArgs)(path, {
@@ -86,11 +70,21 @@ function GlobalStylesUIWrapper() {
       }));
     }];
   }, [path, query.section, history]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_page.default, {
+};
+exports.useSection = useSection;
+function GlobalStylesUIWrapper() {
+  const {
+    path
+  } = useLocation();
+  const [isStyleBookOpened, setIsStyleBookOpened] = (0, _element.useState)(path.includes('preview=stylebook'));
+  const isMobileViewport = (0, _compose.useViewportMatch)('medium', '<');
+  const [section, onChangeSection] = useSection();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_page.default, {
       actions: !isMobileViewport ? /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesPageActions, {
         isStyleBookOpened: isStyleBookOpened,
-        setIsStyleBookOpened: setIsStyleBookOpened
+        setIsStyleBookOpened: setIsStyleBookOpened,
+        path: path
       }) : null,
       className: "edit-site-styles",
       title: (0, _i18n.__)('Styles'),
@@ -98,32 +92,7 @@ function GlobalStylesUIWrapper() {
         path: section,
         onPathChange: onChangeSection
       })
-    }), canvas === 'view' && isStyleBookOpened && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styleBook.default, {
-      enableResizing: false,
-      showCloseButton: false,
-      showTabs: false,
-      isSelected: blockName =>
-      // Match '/blocks/core%2Fbutton' and
-      // '/blocks/core%2Fbutton/typography', but not
-      // '/blocks/core%2Fbuttons'.
-      section === `/blocks/${encodeURIComponent(blockName)}` || section.startsWith(`/blocks/${encodeURIComponent(blockName)}/`),
-      path: section,
-      onSelect: blockName => {
-        if (_constants.STYLE_BOOK_COLOR_GROUPS.find(group => group.slug === blockName)) {
-          // Go to color palettes Global Styles.
-          onChangeSection('/colors/palette');
-          return;
-        }
-        if (blockName === 'typography') {
-          // Go to typography Global Styles.
-          onChangeSection('/typography');
-          return;
-        }
-
-        // Now go to the selected block.
-        onChangeSection(`/blocks/${encodeURIComponent(blockName)}`);
-      }
-    })]
+    })
   });
 }
 //# sourceMappingURL=index.js.map

package/build/components/sidebar-global-styles-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_element","_router","_compose","_components","_url","_ui","_interopRequireDefault","_page","_lockUnlock","_styleBook","_constants","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","Menu","componentsPrivateApis","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","jsxs","trigger","jsx","Button","__next40pxDefaultSize","variant","size","children","__","RadioItem","value","checked","name","onChange","defaultChecked","ItemLabel","ItemHelpText","GlobalStylesUIWrapper","path","query","history","canvas","useState","isMobileViewport","useViewportMatch","section","onChangeSection","useMemo","_query$section","updatedSection","navigate","addQueryArgs","Fragment","default","actions","className","title","onPathChange","enableResizing","showCloseButton","showTabs","isSelected","blockName","encodeURIComponent","startsWith","onSelect","STYLE_BOOK_COLOR_GROUPS","find","group","slug"],"sources":["@wordpress/edit-site/src/components/sidebar-global-styles-wrapper/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tButton,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { addQueryArgs } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\nimport StyleBook from '../style-book';\nimport { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n} ) => {\n\treturn (\n\t\t<Menu\n\t\t\ttrigger={\n\t\t\t\t<Button __next40pxDefaultSize variant=\"tertiary\" size=\"compact\">\n\t\t\t\t\t{ __( 'Preview' ) }\n\t\t\t\t</Button>\n\t\t\t}\n\t\t>\n\t\t\t<Menu.RadioItem\n\t\t\t\tvalue\n\t\t\t\tchecked={ isStyleBookOpened }\n\t\t\t\tname=\"styles-preview-actions\"\n\t\t\t\tonChange={ () => setIsStyleBookOpened( true ) }\n\t\t\t\tdefaultChecked\n\t\t\t>\n\t\t\t\t<Menu.ItemLabel>{ __( 'Style book' ) }</Menu.ItemLabel>\n\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t{ __( 'Preview blocks and styles.' ) }\n\t\t\t\t</Menu.ItemHelpText>\n\t\t\t</Menu.RadioItem>\n\t\t\t<Menu.RadioItem\n\t\t\t\tvalue={ false }\n\t\t\t\tchecked={ ! isStyleBookOpened }\n\t\t\t\tname=\"styles-preview-actions\"\n\t\t\t\tonChange={ () => setIsStyleBookOpened( false ) }\n\t\t\t>\n\t\t\t\t<Menu.ItemLabel>{ __( 'Site' ) }</Menu.ItemLabel>\n\t\t\t\t<Menu.ItemHelpText>\n\t\t\t\t\t{ __( 'Preview your site.' ) }\n\t\t\t\t</Menu.ItemHelpText>\n\t\t\t</Menu.RadioItem>\n\t\t</Menu>\n\t);\n};\n\nexport default function GlobalStylesUIWrapper() {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\tconst { canvas = 'view' } = query;\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState( false );\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n\n\treturn (\n\t\t<>\n\t\t\t<Page\n\t\t\t\tactions={\n\t\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null\n\t\t\t\t}\n\t\t\t\tclassName=\"edit-site-styles\"\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t>\n\t\t\t\t<GlobalStylesUI\n\t\t\t\t\tpath={ section }\n\t\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t\t{ canvas === 'view' && isStyleBookOpened && (\n\t\t\t\t<StyleBook\n\t\t\t\t\tenableResizing={ false }\n\t\t\t\t\tshowCloseButton={ false }\n\t\t\t\t\tshowTabs={ false }\n\t\t\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\t\t\tsection ===\n\t\t\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }` ||\n\t\t\t\t\t\tsection.startsWith(\n\t\t\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tpath={ section }\n\t\t\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tSTYLE_BOOK_COLOR_GROUPS.find(\n\t\t\t\t\t\t\t\t( group ) => group.slug === blockName\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t// Go to color palettes Global Styles.\n\t\t\t\t\t\t\tonChangeSection( '/colors/palette' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif ( blockName === 'typography' ) {\n\t\t\t\t\t\t\t// Go to typography Global Styles.\n\t\t\t\t\t\t\tonChangeSection( '/typography' );\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Now go to the selected block.\n\t\t\t\t\t\tonChangeSection(\n\t\t\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }`\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_element","_router","_compose","_components","_url","_icons","_ui","_interopRequireDefault","_page","_lockUnlock","_jsxRuntime","useLocation","useHistory","unlock","routerPrivateApis","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","path","history","jsx","Button","isPressed","icon","seen","label","__","onClick","updatedPath","addQueryArgs","preview","removeQueryArgs","navigate","size","useSection","query","useMemo","_query$section","section","updatedSection","exports","GlobalStylesUIWrapper","useState","includes","isMobileViewport","useViewportMatch","onChangeSection","Fragment","children","default","actions","className","title","onPathChange"],"sources":["@wordpress/edit-site/src/components/sidebar-global-styles-wrapper/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { Button } from '@wordpress/components';\nimport { addQueryArgs, removeQueryArgs } from '@wordpress/url';\nimport { seen } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport GlobalStylesUI from '../global-styles/ui';\nimport Page from '../page';\nimport { unlock } from '../../lock-unlock';\n\nconst { useLocation, useHistory } = unlock( routerPrivateApis );\n\nconst GlobalStylesPageActions = ( {\n\tisStyleBookOpened,\n\tsetIsStyleBookOpened,\n\tpath,\n} ) => {\n\tconst history = useHistory();\n\treturn (\n\t\t<Button\n\t\t\tisPressed={ isStyleBookOpened }\n\t\t\ticon={ seen }\n\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\tonClick={ () => {\n\t\t\t\tsetIsStyleBookOpened( ! isStyleBookOpened );\n\t\t\t\tconst updatedPath = ! isStyleBookOpened\n\t\t\t\t\t? addQueryArgs( path, { preview: 'stylebook' } )\n\t\t\t\t\t: removeQueryArgs( path, 'preview' );\n\t\t\t\t// Navigate to the updated path.\n\t\t\t\thistory.navigate( updatedPath );\n\t\t\t} }\n\t\t\tsize=\"compact\"\n\t\t/>\n\t);\n};\n\n/**\n * Hook to deal with navigation and location state.\n *\n * @return {Array}  The current section and a function to update it.\n */\nexport const useSection = () => {\n\tconst { path, query } = useLocation();\n\tconst history = useHistory();\n\treturn useMemo( () => {\n\t\treturn [\n\t\t\tquery.section ?? '/',\n\t\t\t( updatedSection ) => {\n\t\t\t\thistory.navigate(\n\t\t\t\t\taddQueryArgs( path, {\n\t\t\t\t\t\tsection: updatedSection,\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t];\n\t}, [ path, query.section, history ] );\n};\n\nexport default function GlobalStylesUIWrapper() {\n\tconst { path } = useLocation();\n\n\tconst [ isStyleBookOpened, setIsStyleBookOpened ] = useState(\n\t\tpath.includes( 'preview=stylebook' )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst [ section, onChangeSection ] = useSection();\n\n\treturn (\n\t\t<>\n\t\t\t<Page\n\t\t\t\tactions={\n\t\t\t\t\t! isMobileViewport ? (\n\t\t\t\t\t\t<GlobalStylesPageActions\n\t\t\t\t\t\t\tisStyleBookOpened={ isStyleBookOpened }\n\t\t\t\t\t\t\tsetIsStyleBookOpened={ setIsStyleBookOpened }\n\t\t\t\t\t\t\tpath={ path }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null\n\t\t\t\t}\n\t\t\t\tclassName=\"edit-site-styles\"\n\t\t\t\ttitle={ __( 'Styles' ) }\n\t\t\t>\n\t\t\t\t<GlobalStylesUI\n\t\t\t\t\tpath={ section }\n\t\t\t\t\tonPathChange={ onChangeSection }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar-navigation-screen-global-styles/content.js

@@ -6,12 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = SidebarNavigationScreenGlobalStylesContent;
 var _i18n = require("@wordpress/i18n");
-var _data = require("@wordpress/data");
 var _components = require("@wordpress/components");
-var _blockEditor = require("@wordpress/block-editor");
 var _styleVariationsContainer = _interopRequireDefault(require("../global-styles/style-variations-container"));
-var _lockUnlock = require("../../lock-unlock");
-var _store = require("../../store");
 var _variationsColor = _interopRequireDefault(require("../global-styles/variations/variations-color"));
 var _variationsTypography = _interopRequireDefault(require("../global-styles/variations/variations-typography"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -23,42 +19,20 @@ var _jsxRuntime = require("react/jsx-runtime");
  * Internal dependencies
  */
 
-const noop = () => {};
 function SidebarNavigationScreenGlobalStylesContent() {
-  const {
-    storedSettings
-  } = (0, _data.useSelect)(select => {
-    const {
-      getSettings
-    } = (0, _lockUnlock.unlock)(select(_store.store));
-    return {
-      storedSettings: getSettings()
-    };
-  }, []);
   const gap = 3;
-
-  // Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are
-  // loaded. This is necessary because the Iframe component waits until
-  // the block editor store's `__internalIsInitialized` is true before
-  // rendering the iframe. Without this, the iframe previews will not render
-  // in mobile viewport sizes, where the editor canvas is hidden.
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockEditorProvider, {
-    settings: storedSettings,
-    onChange: noop,
-    onInput: noop,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      spacing: 10,
-      className: "edit-site-global-styles-variation-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styleVariationsContainer.default, {
-        gap: gap
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsColor.default, {
-        title: (0, _i18n.__)('Palettes'),
-        gap: gap
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsTypography.default, {
-        title: (0, _i18n.__)('Typography'),
-        gap: gap
-      })]
-    })
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    spacing: 10,
+    className: "edit-site-global-styles-variation-container",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styleVariationsContainer.default, {
+      gap: gap
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsColor.default, {
+      title: (0, _i18n.__)('Palettes'),
+      gap: gap
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsTypography.default, {
+      title: (0, _i18n.__)('Typography'),
+      gap: gap
+    })]
   });
 }
 //# sourceMappingURL=content.js.map