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

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

@@ -1 +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","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","EMPTY_ARRAY","RenameItemModalContent","dataviewId","currentTitle","setIsRenaming","editEntityRecord","title","setTitle","onSubmit","event","preventDefault","children","spacing","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","onChange","placeholder","className","justify","variant","onClick","type","CustomDataViewItem","isActive","history","dataview","select","getEditedEntityRecord","deleteEntityRecord","viewContent","JSON","parse","content","isRenaming","isCustom","customViewId","suffix","icon","toggleProps","style","color","size","onClose","id","force","params","postType","getLocationWithParams","replace","isDestructive","onRequestClose","focusOnMount","useCustomDataViews","customDataViews","getEntityRecords","dataViewTypeRecords","slug","length","dataViews","wp_dataviews_type","orderby","order","CustomDataViewsList","activeView","level","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":["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","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useHistory","useLocation","EMPTY_ARRAY","RenameItemModalContent","dataviewId","currentTitle","setIsRenaming","editEntityRecord","title","setTitle","onSubmit","event","preventDefault","children","spacing","__next40pxDefaultSize","__nextHasNoMarginBottom","label","value","onChange","placeholder","className","justify","variant","onClick","type","CustomDataViewItem","isActive","history","location","dataview","select","getEditedEntityRecord","deleteEntityRecord","viewContent","JSON","parse","content","isRenaming","isCustom","customViewId","suffix","icon","toggleProps","style","color","size","onClose","id","force","replace","postType","query","isDestructive","onRequestClose","focusOnMount","useCustomDataViews","customDataViews","getEntityRecords","dataViewTypeRecords","slug","length","dataViews","wp_dataviews_type","orderby","order","CustomDataViewsList","activeView","level","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-module/components/sidebar-dataviews/dataview-item.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * External dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","privateApis","routerPrivateApis","__experimentalHStack","HStack","VIEW_LAYOUTS","addQueryArgs","SidebarNavigationItem","unlock","jsx","_jsx","jsxs","_jsxs","useLocation","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","path","iconToUse","find","v","activeView","undefined","query","layout","justify","className","children","to"],"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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAC3C,MAAM;EAAEC;AAAY,CAAC,GAAGL,MAAM,CAAEN,iBAAkB,CAAC;AAEnD,eAAe,SAASY,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,GAAGV,WAAW,CAAC,CAAC;EAE9B,MAAMW,SAAS,GACdL,IAAI,IAAId,YAAY,CAACoB,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACR,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,IAAIQ,UAAU,GAAGN,QAAQ,GAAGJ,YAAY,GAAGD,IAAI;EAC/C,IAAKW,UAAU,KAAK,KAAK,EAAG;IAC3BA,UAAU,GAAGC,SAAS;EACvB;EACA,MAAMC,KAAK,GAAG;IACbC,MAAM,EAAEZ,IAAI;IACZS,UAAU;IACVN,QAAQ,EAAEA,QAAQ,GAAG,MAAM,GAAGO;EAC/B,CAAC;EACD,oBACChB,KAAA,CAACR,MAAM;IACN2B,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAGhC,IAAI,CAAE,2CAA2C,EAAE;MAC9D,aAAa,EAAEoB;IAChB,CAAE,CAAG;IAAAa,QAAA,gBAELvB,IAAA,CAACH,qBAAqB;MACrBY,IAAI,EAAGK,SAAW;MAClBU,EAAE,EAAG5B,YAAY,CAAEiB,IAAI,EAAEM,KAAM,CAAG;MAClC,gBAAeT,QAAQ,GAAG,MAAM,GAAGQ,SAAW;MAAAK,QAAA,EAE5ClB;IAAK,CACe,CAAC,EACtBO,MAAM;EAAA,CACD,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["clsx","privateApis","routerPrivateApis","__experimentalHStack","HStack","VIEW_LAYOUTS","addQueryArgs","SidebarNavigationItem","unlock","jsx","_jsx","jsxs","_jsxs","useLocation","DataViewItem","title","slug","customViewId","type","icon","isActive","isCustom","suffix","path","iconToUse","find","v","activeView","undefined","query","layout","justify","className","children","to"],"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":";AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,YAAY,QAAQ,sBAAsB;AACnD,SAASC,YAAY,QAAQ,gBAAgB;;AAE7C;AACA;AACA;AACA,OAAOC,qBAAqB,MAAM,4BAA4B;AAC9D,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAC3C,MAAM;EAAEC;AAAY,CAAC,GAAGL,MAAM,CAAEN,iBAAkB,CAAC;AAEnD,eAAe,SAASY,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,GAAGV,WAAW,CAAC,CAAC;EAE9B,MAAMW,SAAS,GACdL,IAAI,IAAId,YAAY,CAACoB,IAAI,CAAIC,CAAC,IAAMA,CAAC,CAACR,IAAI,KAAKA,IAAK,CAAC,CAACC,IAAI;EAE3D,IAAIQ,UAAU,GAAGN,QAAQ,GAAGJ,YAAY,GAAGD,IAAI;EAC/C,IAAKW,UAAU,KAAK,KAAK,EAAG;IAC3BA,UAAU,GAAGC,SAAS;EACvB;EACA,MAAMC,KAAK,GAAG;IACbC,MAAM,EAAEZ,IAAI;IACZS,UAAU;IACVN,QAAQ,EAAEA,QAAQ,GAAG,MAAM,GAAGO;EAC/B,CAAC;EACD,oBACChB,KAAA,CAACR,MAAM;IACN2B,OAAO,EAAC,YAAY;IACpBC,SAAS,EAAGhC,IAAI,CAAE,2CAA2C,EAAE;MAC9D,aAAa,EAAEoB;IAChB,CAAE,CAAG;IAAAa,QAAA,gBAELvB,IAAA,CAACH,qBAAqB;MACrBY,IAAI,EAAGK,SAAW;MAClBU,EAAE,EAAG5B,YAAY,CAAEiB,IAAI,EAAEM,KAAM,CAAG;MAClC,gBAAeT,QAAQ,GAAG,MAAM,GAAGQ,SAAW;MAAAK,QAAA,EAE5ClB;IAAK,CACe,CAAC,EACtBO,MAAM;EAAA,CACD,CAAC;AAEX","ignoreList":[]}

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

@@ -12,28 +12,9 @@ import { useMemo } from '@wordpress/element';
  */
 import { LAYOUT_LIST, LAYOUT_TABLE, LAYOUT_GRID, OPERATOR_IS_ANY } from '../../utils/constants';
 export const defaultLayouts = {
-  [LAYOUT_TABLE]: {
-    layout: {
-      primaryField: 'title',
-      styles: {
-        title: {
-          maxWidth: 300
-        }
-      }
-    }
-  },
-  [LAYOUT_GRID]: {
-    layout: {
-      mediaField: 'featured_media',
-      primaryField: 'title'
-    }
-  },
-  [LAYOUT_LIST]: {
-    layout: {
-      primaryField: 'title',
-      mediaField: 'featured_media'
-    }
-  }
+  [LAYOUT_TABLE]: {},
+  [LAYOUT_GRID]: {},
+  [LAYOUT_LIST]: {}
 };
 const DEFAULT_POST_BASE = {
   type: LAYOUT_LIST,
@@ -42,11 +23,14 @@ const DEFAULT_POST_BASE = {
   page: 1,
   perPage: 20,
   sort: {
-    field: 'date',
-    direction: 'desc'
+    field: 'title',
+    direction: 'asc'
   },
-  fields: ['title', 'author', 'status'],
-  layout: defaultLayouts[LAYOUT_LIST].layout
+  showLevels: true,
+  titleField: 'title',
+  mediaField: 'featured_media',
+  fields: ['author', 'status'],
+  ...defaultLayouts[LAYOUT_LIST]
 };
 export function useDefaultViews({
   postType

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

@@ -1 +1 @@
-{"version":3,"names":["__","trash","pages","drafts","published","scheduled","pending","notAllowed","useSelect","store","coreStore","useMemo","LAYOUT_LIST","LAYOUT_TABLE","LAYOUT_GRID","OPERATOR_IS_ANY","defaultLayouts","layout","primaryField","styles","title","maxWidth","mediaField","DEFAULT_POST_BASE","type","search","filters","page","perPage","sort","field","direction","fields","useDefaultViews","postType","labels","select","getPostType","all_items","slug","icon","view","operator","value"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AAEpC,SACCC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,SAAS,EACTC,SAAS,EACTC,OAAO,EACPC,UAAU,QACJ,kBAAkB;AACzB,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;AACzD,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SACCC,WAAW,EACXC,YAAY,EACZC,WAAW,EACXC,eAAe,QACT,uBAAuB;AAE9B,OAAO,MAAMC,cAAc,GAAG;EAC7B,CAAEH,YAAY,GAAI;IACjBI,MAAM,EAAE;MACPC,YAAY,EAAE,OAAO;MACrBC,MAAM,EAAE;QACPC,KAAK,EAAE;UACNC,QAAQ,EAAE;QACX;MACD;IACD;EACD,CAAC;EACD,CAAEP,WAAW,GAAI;IAChBG,MAAM,EAAE;MACPK,UAAU,EAAE,gBAAgB;MAC5BJ,YAAY,EAAE;IACf;EACD,CAAC;EACD,CAAEN,WAAW,GAAI;IAChBK,MAAM,EAAE;MACPC,YAAY,EAAE,OAAO;MACrBI,UAAU,EAAE;IACb;EACD;AACD,CAAC;AAED,MAAMC,iBAAiB,GAAG;EACzBC,IAAI,EAAEZ,WAAW;EACjBa,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;EACDC,MAAM,EAAE,CAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAE;EACvCf,MAAM,EAAED,cAAc,CAAEJ,WAAW,CAAE,CAACK;AACvC,CAAC;AAED,OAAO,SAASgB,eAAeA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/C,MAAMC,MAAM,GAAG3B,SAAS,CACrB4B,MAAM,IAAM;IACb,MAAM;MAAEC;IAAY,CAAC,GAAGD,MAAM,CAAE1B,SAAU,CAAC;IAC3C,OAAO2B,WAAW,CAAEH,QAAS,CAAC,EAAEC,MAAM;EACvC,CAAC,EACD,CAAED,QAAQ,CACX,CAAC;EACD,OAAOvB,OAAO,CAAE,MAAM;IACrB,OAAO,CACN;MACCS,KAAK,EAAEe,MAAM,EAAEG,SAAS,IAAItC,EAAE,CAAE,WAAY,CAAC;MAC7CuC,IAAI,EAAE,KAAK;MACXC,IAAI,EAAEtC,KAAK;MACXuC,IAAI,EAAElB;IACP,CAAC,EACD;MACCH,KAAK,EAAEpB,EAAE,CAAE,WAAY,CAAC;MACxBuC,IAAI,EAAE,WAAW;MACjBC,IAAI,EAAEpC,SAAS;MACfqC,IAAI,EAAElB,iBAAiB;MACvBG,OAAO,EAAE,CACR;QACCI,KAAK,EAAE,QAAQ;QACfY,QAAQ,EAAE3B,eAAe;QACzB4B,KAAK,EAAE;MACR,CAAC;IAEH,CAAC,EACD;MACCvB,KAAK,EAAEpB,EAAE,CAAE,WAAY,CAAC;MACxBuC,IAAI,EAAE,QAAQ;MACdC,IAAI,EAAEnC,SAAS;MACfoC,IAAI,EAAElB,iBAAiB;MACvBG,OAAO,EAAE,CACR;QACCI,KAAK,EAAE,QAAQ;QACfY,QAAQ,EAAE3B,eAAe;QACzB4B,KAAK,EAAE;MACR,CAAC;IAEH,CAAC,EACD;MACCvB,KAAK,EAAEpB,EAAE,CAAE,QAAS,CAAC;MACrBuC,IAAI,EAAE,QAAQ;MACdC,IAAI,EAAErC,MAAM;MACZsC,IAAI,EAAElB,iBAAiB;MACvBG,OAAO,EAAE,CACR;QACCI,KAAK,EAAE,QAAQ;QACfY,QAAQ,EAAE3B,eAAe;QACzB4B,KAAK,EAAE;MACR,CAAC;IAEH,CAAC,EACD;MACCvB,KAAK,EAAEpB,EAAE,CAAE,SAAU,CAAC;MACtBuC,IAAI,EAAE,SAAS;MACfC,IAAI,EAAElC,OAAO;MACbmC,IAAI,EAAElB,iBAAiB;MACvBG,OAAO,EAAE,CACR;QACCI,KAAK,EAAE,QAAQ;QACfY,QAAQ,EAAE3B,eAAe;QACzB4B,KAAK,EAAE;MACR,CAAC;IAEH,CAAC,EACD;MACCvB,KAAK,EAAEpB,EAAE,CAAE,SAAU,CAAC;MACtBuC,IAAI,EAAE,SAAS;MACfC,IAAI,EAAEjC,UAAU;MAChBkC,IAAI,EAAElB,iBAAiB;MACvBG,OAAO,EAAE,CACR;QACCI,KAAK,EAAE,QAAQ;QACfY,QAAQ,EAAE3B,eAAe;QACzB4B,KAAK,EAAE;MACR,CAAC;IAEH,CAAC,EACD;MACCvB,KAAK,EAAEpB,EAAE,CAAE,OAAQ,CAAC;MACpBuC,IAAI,EAAE,OAAO;MACbC,IAAI,EAAEvC,KAAK;MACXwC,IAAI,EAAE;QACL,GAAGlB,iBAAiB;QACpBC,IAAI,EAAEX,YAAY;QAClBI,MAAM,EAAED,cAAc,CAAEH,YAAY,CAAE,CAACI;MACxC,CAAC;MACDS,OAAO,EAAE,CACR;QACCI,KAAK,EAAE,QAAQ;QACfY,QAAQ,EAAE3B,eAAe;QACzB4B,KAAK,EAAE;MACR,CAAC;IAEH,CAAC,CACD;EACF,CAAC,EAAE,CAAER,MAAM,CAAG,CAAC;AAChB","ignoreList":[]}
+{"version":3,"names":["__","trash","pages","drafts","published","scheduled","pending","notAllowed","useSelect","store","coreStore","useMemo","LAYOUT_LIST","LAYOUT_TABLE","LAYOUT_GRID","OPERATOR_IS_ANY","defaultLayouts","DEFAULT_POST_BASE","type","search","filters","page","perPage","sort","field","direction","showLevels","titleField","mediaField","fields","useDefaultViews","postType","labels","select","getPostType","title","all_items","slug","icon","view","operator","value","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-module/components/sidebar-dataviews/index.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */
@@ -33,6 +34,7 @@ export default function DataViewsSidebarContent({
   const isCustomBoolean = isCustom === 'true';
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(ItemGroup, {
+      className: "edit-site-sidebar-dataviews",
       children: defaultViews.map(dataview => {
         return /*#__PURE__*/_jsx(DataViewItem, {
           slug: dataview.slug,

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","privateApis","routerPrivateApis","useDefaultViews","unlock","DataViewItem","CustomDataViewsList","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useLocation","DataViewsSidebarContent","postType","query","activeView","isCustom","defaultViews","isCustomBoolean","children","map","dataview","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":"AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAC5E,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,eAAe,QAAQ,iBAAiB;AACjD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,mBAAmB,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1D,MAAM;EAAEC;AAAY,CAAC,GAAGT,MAAM,CAAEF,iBAAkB,CAAC;AAEnD,eAAe,SAASY,uBAAuBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/D,MAAM;IACLC,KAAK,EAAE;MAAEC,UAAU,GAAG,KAAK;MAAEC,QAAQ,GAAG;IAAQ;EACjD,CAAC,GAAGL,WAAW,CAAC,CAAC;EACjB,MAAMM,YAAY,GAAGhB,eAAe,CAAE;IAAEY;EAAS,CAAE,CAAC;EACpD,IAAK,CAAEA,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EACA,MAAMK,eAAe,GAAGF,QAAQ,KAAK,MAAM;EAE3C,oBACCN,KAAA,CAAAF,SAAA;IAAAW,QAAA,gBACCb,IAAA,CAACR,SAAS;MAAAqB,QAAA,EACPF,YAAY,CAACG,GAAG,CAAIC,QAAQ,IAAM;QACnC,oBACCf,IAAA,CAACH,YAAY;UAEZmB,IAAI,EAAGD,QAAQ,CAACC,IAAM;UACtBC,KAAK,EAAGF,QAAQ,CAACE,KAAO;UACxBC,IAAI,EAAGH,QAAQ,CAACG,IAAM;UACtBC,IAAI,EAAGJ,QAAQ,CAACK,IAAI,CAACD,IAAM;UAC3BE,QAAQ,EACP,CAAET,eAAe,IACjBG,QAAQ,CAACC,IAAI,KAAKP,UAClB;UACDC,QAAQ,EAAG;QAAO,GATZK,QAAQ,CAACC,IAUf,CAAC;MAEJ,CAAE;IAAC,CACO,CAAC,EACVM,MAAM,EAAEC,yBAAyB,iBAClCvB,IAAA,CAACF,mBAAmB;MACnBW,UAAU,EAAGA,UAAY;MACzBU,IAAI,EAAGZ,QAAU;MACjBG,QAAQ;IAAA,CACR,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["__experimentalItemGroup","ItemGroup","privateApis","routerPrivateApis","useDefaultViews","unlock","DataViewItem","CustomDataViewsList","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useLocation","DataViewsSidebarContent","postType","query","activeView","isCustom","defaultViews","isCustomBoolean","children","className","map","dataview","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":";AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAC5E,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,eAAe,QAAQ,iBAAiB;AACjD,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,mBAAmB,MAAM,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1D,MAAM;EAAEC;AAAY,CAAC,GAAGT,MAAM,CAAEF,iBAAkB,CAAC;AAEnD,eAAe,SAASY,uBAAuBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EAC/D,MAAM;IACLC,KAAK,EAAE;MAAEC,UAAU,GAAG,KAAK;MAAEC,QAAQ,GAAG;IAAQ;EACjD,CAAC,GAAGL,WAAW,CAAC,CAAC;EACjB,MAAMM,YAAY,GAAGhB,eAAe,CAAE;IAAEY;EAAS,CAAE,CAAC;EACpD,IAAK,CAAEA,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EACA,MAAMK,eAAe,GAAGF,QAAQ,KAAK,MAAM;EAE3C,oBACCN,KAAA,CAAAF,SAAA;IAAAW,QAAA,gBACCb,IAAA,CAACR,SAAS;MAACsB,SAAS,EAAC,6BAA6B;MAAAD,QAAA,EAC/CF,YAAY,CAACI,GAAG,CAAIC,QAAQ,IAAM;QACnC,oBACChB,IAAA,CAACH,YAAY;UAEZoB,IAAI,EAAGD,QAAQ,CAACC,IAAM;UACtBC,KAAK,EAAGF,QAAQ,CAACE,KAAO;UACxBC,IAAI,EAAGH,QAAQ,CAACG,IAAM;UACtBC,IAAI,EAAGJ,QAAQ,CAACK,IAAI,CAACD,IAAM;UAC3BE,QAAQ,EACP,CAAEV,eAAe,IACjBI,QAAQ,CAACC,IAAI,KAAKR,UAClB;UACDC,QAAQ,EAAG;QAAO,GATZM,QAAQ,CAACC,IAUf,CAAC;MAEJ,CAAE;IAAC,CACO,CAAC,EACVM,MAAM,EAAEC,yBAAyB,iBAClCxB,IAAA,CAACF,mBAAmB;MACnBW,UAAU,EAAGA,UAAY;MACzBW,IAAI,EAAGb,QAAU;MACjBG,QAAQ;IAAA,CACR,CACD;EAAA,CACA,CAAC;AAEL","ignoreList":[]}

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

@@ -5,8 +5,9 @@ import { __ } from '@wordpress/i18n';
 import { useMemo, useState } from '@wordpress/element';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
 import { useViewportMatch } from '@wordpress/compose';
-import { Button, privateApis as componentsPrivateApis } from '@wordpress/components';
-import { addQueryArgs } from '@wordpress/url';
+import { Button } from '@wordpress/components';
+import { addQueryArgs, removeQueryArgs } from '@wordpress/url';
+import { seen } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -14,63 +15,45 @@ import { addQueryArgs } from '@wordpress/url';
 import GlobalStylesUI from '../global-styles/ui';
 import Page from '../page';
 import { unlock } from '../../lock-unlock';
-import StyleBook from '../style-book';
-import { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   useLocation,
   useHistory
 } = unlock(routerPrivateApis);
-const {
-  Menu
-} = unlock(componentsPrivateApis);
 const GlobalStylesPageActions = ({
   isStyleBookOpened,
-  setIsStyleBookOpened
+  setIsStyleBookOpened,
+  path
 }) => {
-  return /*#__PURE__*/_jsxs(Menu, {
-    trigger: /*#__PURE__*/_jsx(Button, {
-      __next40pxDefaultSize: true,
-      variant: "tertiary",
-      size: "compact",
-      children: __('Preview')
-    }),
-    children: [/*#__PURE__*/_jsxs(Menu.RadioItem, {
-      value: true,
-      checked: isStyleBookOpened,
-      name: "styles-preview-actions",
-      onChange: () => setIsStyleBookOpened(true),
-      defaultChecked: true,
-      children: [/*#__PURE__*/_jsx(Menu.ItemLabel, {
-        children: __('Style book')
-      }), /*#__PURE__*/_jsx(Menu.ItemHelpText, {
-        children: __('Preview blocks and styles.')
-      })]
-    }), /*#__PURE__*/_jsxs(Menu.RadioItem, {
-      value: false,
-      checked: !isStyleBookOpened,
-      name: "styles-preview-actions",
-      onChange: () => setIsStyleBookOpened(false),
-      children: [/*#__PURE__*/_jsx(Menu.ItemLabel, {
-        children: __('Site')
-      }), /*#__PURE__*/_jsx(Menu.ItemHelpText, {
-        children: __('Preview your site.')
-      })]
-    })]
+  const history = useHistory();
+  return /*#__PURE__*/_jsx(Button, {
+    isPressed: isStyleBookOpened,
+    icon: seen,
+    label: __('Style Book'),
+    onClick: () => {
+      setIsStyleBookOpened(!isStyleBookOpened);
+      const updatedPath = !isStyleBookOpened ? addQueryArgs(path, {
+        preview: 'stylebook'
+      }) : removeQueryArgs(path, 'preview');
+      // Navigate to the updated path.
+      history.navigate(updatedPath);
+    },
+    size: "compact"
   });
 };
-export default function GlobalStylesUIWrapper() {
+
+/**
+ * Hook to deal with navigation and location state.
+ *
+ * @return {Array}  The current section and a function to update it.
+ */
+export const useSection = () => {
   const {
     path,
     query
   } = useLocation();
   const history = useHistory();
-  const {
-    canvas = 'view'
-  } = query;
-  const [isStyleBookOpened, setIsStyleBookOpened] = useState(false);
-  const isMobileViewport = useViewportMatch('medium', '<');
-  const [section, onChangeSection] = useMemo(() => {
+  return useMemo(() => {
     var _query$section;
     return [(_query$section = query.section) !== null && _query$section !== void 0 ? _query$section : '/', updatedSection => {
       history.navigate(addQueryArgs(path, {
@@ -78,11 +61,20 @@ export default function GlobalStylesUIWrapper() {
       }));
     }];
   }, [path, query.section, history]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Page, {
+};
+export default function GlobalStylesUIWrapper() {
+  const {
+    path
+  } = useLocation();
+  const [isStyleBookOpened, setIsStyleBookOpened] = useState(path.includes('preview=stylebook'));
+  const isMobileViewport = useViewportMatch('medium', '<');
+  const [section, onChangeSection] = useSection();
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(Page, {
       actions: !isMobileViewport ? /*#__PURE__*/_jsx(GlobalStylesPageActions, {
         isStyleBookOpened: isStyleBookOpened,
-        setIsStyleBookOpened: setIsStyleBookOpened
+        setIsStyleBookOpened: setIsStyleBookOpened,
+        path: path
       }) : null,
       className: "edit-site-styles",
       title: __('Styles'),
@@ -90,32 +82,7 @@ export default function GlobalStylesUIWrapper() {
         path: section,
         onPathChange: onChangeSection
       })
-    }), canvas === 'view' && isStyleBookOpened && /*#__PURE__*/_jsx(StyleBook, {
-      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 (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-module/components/sidebar-global-styles-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","useMemo","useState","privateApis","routerPrivateApis","useViewportMatch","Button","componentsPrivateApis","addQueryArgs","GlobalStylesUI","Page","unlock","StyleBook","STYLE_BOOK_COLOR_GROUPS","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useLocation","useHistory","Menu","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","trigger","__next40pxDefaultSize","variant","size","children","RadioItem","value","checked","name","onChange","defaultChecked","ItemLabel","ItemHelpText","GlobalStylesUIWrapper","path","query","history","canvas","isMobileViewport","section","onChangeSection","_query$section","updatedSection","navigate","actions","className","title","onPathChange","enableResizing","showCloseButton","showTabs","isSelected","blockName","encodeURIComponent","startsWith","onSelect","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":["__","useMemo","useState","privateApis","routerPrivateApis","useViewportMatch","Button","addQueryArgs","removeQueryArgs","seen","GlobalStylesUI","Page","unlock","jsx","_jsx","Fragment","_Fragment","useLocation","useHistory","GlobalStylesPageActions","isStyleBookOpened","setIsStyleBookOpened","path","history","isPressed","icon","label","onClick","updatedPath","preview","navigate","size","useSection","query","_query$section","section","updatedSection","GlobalStylesUIWrapper","includes","isMobileViewport","onChangeSection","children","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-module/components/sidebar-navigation-screen-global-styles/content.js

@@ -2,55 +2,29 @@
  * WordPress dependencies
  */
 import { __ } from '@wordpress/i18n';
-import { useSelect } from '@wordpress/data';
 import { __experimentalVStack as VStack } from '@wordpress/components';
-import { BlockEditorProvider } from '@wordpress/block-editor';
 
 /**
  * Internal dependencies
  */
 import StyleVariationsContainer from '../global-styles/style-variations-container';
-import { unlock } from '../../lock-unlock';
-import { store as editSiteStore } from '../../store';
 import ColorVariations from '../global-styles/variations/variations-color';
 import TypographyVariations from '../global-styles/variations/variations-typography';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const noop = () => {};
 export default function SidebarNavigationScreenGlobalStylesContent() {
-  const {
-    storedSettings
-  } = useSelect(select => {
-    const {
-      getSettings
-    } = unlock(select(editSiteStore));
-    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__*/_jsx(BlockEditorProvider, {
-    settings: storedSettings,
-    onChange: noop,
-    onInput: noop,
-    children: /*#__PURE__*/_jsxs(VStack, {
-      spacing: 10,
-      className: "edit-site-global-styles-variation-container",
-      children: [/*#__PURE__*/_jsx(StyleVariationsContainer, {
-        gap: gap
-      }), /*#__PURE__*/_jsx(ColorVariations, {
-        title: __('Palettes'),
-        gap: gap
-      }), /*#__PURE__*/_jsx(TypographyVariations, {
-        title: __('Typography'),
-        gap: gap
-      })]
-    })
+  return /*#__PURE__*/_jsxs(VStack, {
+    spacing: 10,
+    className: "edit-site-global-styles-variation-container",
+    children: [/*#__PURE__*/_jsx(StyleVariationsContainer, {
+      gap: gap
+    }), /*#__PURE__*/_jsx(ColorVariations, {
+      title: __('Palettes'),
+      gap: gap
+    }), /*#__PURE__*/_jsx(TypographyVariations, {
+      title: __('Typography'),
+      gap: gap
+    })]
   });
 }
 //# sourceMappingURL=content.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__","useSelect","__experimentalVStack","VStack","BlockEditorProvider","StyleVariationsContainer","unlock","store","editSiteStore","ColorVariations","TypographyVariations","jsx","_jsx","jsxs","_jsxs","noop","SidebarNavigationScreenGlobalStylesContent","storedSettings","select","getSettings","gap","settings","onChange","onInput","children","spacing","className","title"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { BlockEditorProvider } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport ColorVariations from '../global-styles/variations/variations-color';\nimport TypographyVariations from '../global-styles/variations/variations-typography';\n\nconst noop = () => {};\n\nexport default function SidebarNavigationScreenGlobalStylesContent() {\n\tconst { storedSettings } = useSelect( ( select ) => {\n\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\n\t\treturn {\n\t\t\tstoredSettings: getSettings(),\n\t\t};\n\t}, [] );\n\n\tconst gap = 3;\n\n\t// Wrap in a BlockEditorProvider to ensure that the Iframe's dependencies are\n\t// loaded. This is necessary because the Iframe component waits until\n\t// the block editor store's `__internalIsInitialized` is true before\n\t// rendering the iframe. Without this, the iframe previews will not render\n\t// in mobile viewport sizes, where the editor canvas is hidden.\n\treturn (\n\t\t<BlockEditorProvider\n\t\t\tsettings={ storedSettings }\n\t\t\tonChange={ noop }\n\t\t\tonInput={ noop }\n\t\t>\n\t\t\t<VStack\n\t\t\t\tspacing={ 10 }\n\t\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t\t>\n\t\t\t\t<StyleVariationsContainer gap={ gap } />\n\t\t\t\t<ColorVariations title={ __( 'Palettes' ) } gap={ gap } />\n\t\t\t\t<TypographyVariations\n\t\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\t\tgap={ gap }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</BlockEditorProvider>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,mBAAmB,QAAQ,yBAAyB;;AAE7D;AACA;AACA;AACA,OAAOC,wBAAwB,MAAM,6CAA6C;AAClF,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,KAAK,IAAIC,aAAa,QAAQ,aAAa;AACpD,OAAOC,eAAe,MAAM,8CAA8C;AAC1E,OAAOC,oBAAoB,MAAM,mDAAmD;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErF,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,eAAe,SAASC,0CAA0CA,CAAA,EAAG;EACpE,MAAM;IAAEC;EAAe,CAAC,GAAGhB,SAAS,CAAIiB,MAAM,IAAM;IACnD,MAAM;MAAEC;IAAY,CAAC,GAAGb,MAAM,CAAEY,MAAM,CAAEV,aAAc,CAAE,CAAC;IAEzD,OAAO;MACNS,cAAc,EAAEE,WAAW,CAAC;IAC7B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMC,GAAG,GAAG,CAAC;;EAEb;EACA;EACA;EACA;EACA;EACA,oBACCR,IAAA,CAACR,mBAAmB;IACnBiB,QAAQ,EAAGJ,cAAgB;IAC3BK,QAAQ,EAAGP,IAAM;IACjBQ,OAAO,EAAGR,IAAM;IAAAS,QAAA,eAEhBV,KAAA,CAACX,MAAM;MACNsB,OAAO,EAAG,EAAI;MACdC,SAAS,EAAC,6CAA6C;MAAAF,QAAA,gBAEvDZ,IAAA,CAACP,wBAAwB;QAACe,GAAG,EAAGA;MAAK,CAAE,CAAC,eACxCR,IAAA,CAACH,eAAe;QAACkB,KAAK,EAAG3B,EAAE,CAAE,UAAW,CAAG;QAACoB,GAAG,EAAGA;MAAK,CAAE,CAAC,eAC1DR,IAAA,CAACF,oBAAoB;QACpBiB,KAAK,EAAG3B,EAAE,CAAE,YAAa,CAAG;QAC5BoB,GAAG,EAAGA;MAAK,CACX,CAAC;IAAA,CACK;EAAC,CACW,CAAC;AAExB","ignoreList":[]}
+{"version":3,"names":["__","__experimentalVStack","VStack","StyleVariationsContainer","ColorVariations","TypographyVariations","jsx","_jsx","jsxs","_jsxs","SidebarNavigationScreenGlobalStylesContent","gap","spacing","className","children","title"],"sources":["@wordpress/edit-site/src/components/sidebar-navigation-screen-global-styles/content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StyleVariationsContainer from '../global-styles/style-variations-container';\nimport ColorVariations from '../global-styles/variations/variations-color';\nimport TypographyVariations from '../global-styles/variations/variations-typography';\n\nexport default function SidebarNavigationScreenGlobalStylesContent() {\n\tconst gap = 3;\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 10 }\n\t\t\tclassName=\"edit-site-global-styles-variation-container\"\n\t\t>\n\t\t\t<StyleVariationsContainer gap={ gap } />\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } gap={ gap } />\n\t\t\t<TypographyVariations title={ __( 'Typography' ) } gap={ gap } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;;AAEtE;AACA;AACA;AACA,OAAOC,wBAAwB,MAAM,6CAA6C;AAClF,OAAOC,eAAe,MAAM,8CAA8C;AAC1E,OAAOC,oBAAoB,MAAM,mDAAmD;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErF,eAAe,SAASC,0CAA0CA,CAAA,EAAG;EACpE,MAAMC,GAAG,GAAG,CAAC;EAEb,oBACCF,KAAA,CAACP,MAAM;IACNU,OAAO,EAAG,EAAI;IACdC,SAAS,EAAC,6CAA6C;IAAAC,QAAA,gBAEvDP,IAAA,CAACJ,wBAAwB;MAACQ,GAAG,EAAGA;IAAK,CAAE,CAAC,eACxCJ,IAAA,CAACH,eAAe;MAACW,KAAK,EAAGf,EAAE,CAAE,UAAW,CAAG;MAACW,GAAG,EAAGA;IAAK,CAAE,CAAC,eAC1DJ,IAAA,CAACF,oBAAoB;MAACU,KAAK,EAAGf,EAAE,CAAE,YAAa,CAAG;MAACW,GAAG,EAAGA;IAAK,CAAE,CAAC;EAAA,CAC1D,CAAC;AAEX","ignoreList":[]}