npm - @wordpress/edit-site - Versions diffs - 5.21.0 → 5.21.1-next.f8d8eceb.0 - Mend

@wordpress/edit-site 5.21.0 → 5.21.1-next.f8d8eceb.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

package/build-module/components/global-styles/screen-block.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["getBlockType","privateApis","blockEditorPrivateApis","useMemo","useSelect","store","coreStore","PanelBody","__experimentalVStack","VStack","__experimentalHasSplitBorders","hasSplitBorders","__","sprintf","ScreenHeader","BlockPreviewPanel","unlock","Subtitle","useBlockVariations","VariationsPanel","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasEffectsPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","EffectsPanel","StylesEffectsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settings","blockType","spacing","blockGap","supports","__experimentalSkipSerialization","some","spacingType","blockVariations","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasEffectsPanel","hasFiltersPanel","hasImageSettingsPanel","hasVariationsPanel","length","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeLightbox","newSetting","lightbox","onChangeBorders","radius","newBorder","updatedBorder","createElement","Fragment","title","label","className","inheritedValue","value","onChange","includeLayoutControls","customDuotone","initialOpen"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { useBlockVariations, VariationsPanel } from './variations-panel';\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color \|\| border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasEffectsPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tEffectsPanel: StylesEffectsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settings = useSettingsForBlockElement( rawSettings, name );\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tif (\n\t\tsettings?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.__experimentalSkipSerialization ===\n\t\t\ttrue \|\|\n\t\t\tblockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tsettings.spacing.blockGap = false;\n\t}\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasEffectsPanel = useHasEffectsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasEffectsPanel && (\n\t\t\t\t<StylesEffectsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ {\n\t\t\t\t\t\t...settings,\n\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t...settings.color,\n\t\t\t\t\t\t\tcustomDuotone: false, //TO FIX: Custom duotone only works on the block level right now\n\t\t\t\t\t\t},\n\t\t\t\t\t} }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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"}
1	+ {"version":3,"names":["getBlockType","privateApis","blockEditorPrivateApis","useMemo","useSelect","store","coreStore","PanelBody","__experimentalVStack","VStack","__experimentalHasSplitBorders","hasSplitBorders","__","sprintf","ScreenHeader","BlockPreviewPanel","unlock","Subtitle","useBlockVariations","VariationsPanel","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasEffectsPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","EffectsPanel","StylesEffectsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settings","blockType","spacing","blockGap","supports","__experimentalSkipSerialization","some","spacingType","blockVariations","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasEffectsPanel","hasFiltersPanel","hasImageSettingsPanel","hasVariationsPanel","length","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeLightbox","newSetting","lightbox","onChangeBorders","radius","newBorder","updatedBorder","createElement","Fragment","title","label","className","inheritedValue","value","onChange","includeLayoutControls","initialOpen"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { useBlockVariations, VariationsPanel } from './variations-panel';\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color \|\| border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasEffectsPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tEffectsPanel: StylesEffectsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settings = useSettingsForBlockElement( rawSettings, name );\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tif (\n\t\tsettings?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.__experimentalSkipSerialization ===\n\t\t\ttrue \|\|\n\t\t\tblockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tsettings.spacing.blockGap = false;\n\t}\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasEffectsPanel = useHasEffectsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasEffectsPanel && (\n\t\t\t\t<StylesEffectsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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"}

package/build-module/components/page-pages/default-views.js ADDED Viewed

@@ -0,0 +1,53 @@
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+// DEFAULT_STATUSES is intentionally sorted. Items do not have spaces in between them.
+// The reason for that is to match the default statuses coming from the endpoint
+// (entity request and useEffect to update the view).
+export const DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All statuses but 'trash'.
+const DEFAULT_PAGE_BASE = {
+  type: 'list',
+  search: '',
+  filters: {
+    status: DEFAULT_STATUSES
+  },
+  page: 1,
+  perPage: 5,
+  sort: {
+    field: 'date',
+    direction: 'desc'
+  },
+  visibleFilters: ['author', 'status'],
+  // All fields are visible by default, so it's
+  // better to keep track of the hidden ones.
+  hiddenFields: ['date', 'featured-image'],
+  layout: {}
+};
+const DEFAULT_VIEWS = [{
+  title: __('All'),
+  slug: 'all',
+  view: DEFAULT_PAGE_BASE
+}, {
+  title: __('Drafts'),
+  slug: 'drafts',
+  view: {
+    ...DEFAULT_PAGE_BASE,
+    filters: {
+      status: 'draft'
+    }
+  }
+}, {
+  title: __('Trash'),
+  slug: 'trash',
+  view: {
+    ...DEFAULT_PAGE_BASE,
+    filters: {
+      status: 'trash'
+    }
+  }
+}];
+export default DEFAULT_VIEWS;
+//# sourceMappingURL=default-views.js.map

package/build-module/components/page-pages/default-views.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["__","DEFAULT_STATUSES","DEFAULT_PAGE_BASE","type","search","filters","status","page","perPage","sort","field","direction","visibleFilters","hiddenFields","layout","DEFAULT_VIEWS","title","slug","view"],"sources":["@wordpress/edit-site/src/components/page-pages/default-views.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n// DEFAULT_STATUSES is intentionally sorted. Items do not have spaces in between them.\n// The reason for that is to match the default statuses coming from the endpoint\n// (entity request and useEffect to update the view).\nexport const DEFAULT_STATUSES = 'draft,future,pending,private,publish'; // All statuses but 'trash'.\n\nconst DEFAULT_PAGE_BASE = {\n\ttype: 'list',\n\tsearch: '',\n\tfilters: {\n\t\tstatus: DEFAULT_STATUSES,\n\t},\n\tpage: 1,\n\tperPage: 5,\n\tsort: {\n\t\tfield: 'date',\n\t\tdirection: 'desc',\n\t},\n\tvisibleFilters: [ 'author', 'status' ],\n\t// All fields are visible by default, so it's\n\t// better to keep track of the hidden ones.\n\thiddenFields: [ 'date', 'featured-image' ],\n\tlayout: {},\n};\n\nconst DEFAULT_VIEWS = [\n\t{\n\t\ttitle: __( 'All' ),\n\t\tslug: 'all',\n\t\tview: DEFAULT_PAGE_BASE,\n\t},\n\t{\n\t\ttitle: __( 'Drafts' ),\n\t\tslug: 'drafts',\n\t\tview: {\n\t\t\t...DEFAULT_PAGE_BASE,\n\t\t\tfilters: {\n\t\t\t\tstatus: 'draft',\n\t\t\t},\n\t\t},\n\t},\n\t{\n\t\ttitle: __( 'Trash' ),\n\t\tslug: 'trash',\n\t\tview: {\n\t\t\t...DEFAULT_PAGE_BASE,\n\t\t\tfilters: {\n\t\t\t\tstatus: 'trash',\n\t\t\t},\n\t\t},\n\t},\n];\n\nexport default DEFAULT_VIEWS;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAO,MAAMC,gBAAgB,GAAG,sCAAsC,CAAC,CAAC;;AAExE,MAAMC,iBAAiB,GAAG;EACzBC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,EAAE;EACVC,OAAO,EAAE;IACRC,MAAM,EAAEL;EACT,CAAC;EACDM,IAAI,EAAE,CAAC;EACPC,OAAO,EAAE,CAAC;EACVC,IAAI,EAAE;IACLC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE;EACZ,CAAC;EACDC,cAAc,EAAE,CAAE,QAAQ,EAAE,QAAQ,CAAE;EACtC;EACA;EACAC,YAAY,EAAE,CAAE,MAAM,EAAE,gBAAgB,CAAE;EAC1CC,MAAM,EAAE,CAAC;AACV,CAAC;AAED,MAAMC,aAAa,GAAG,CACrB;EACCC,KAAK,EAAEhB,EAAE,CAAE,KAAM,CAAC;EAClBiB,IAAI,EAAE,KAAK;EACXC,IAAI,EAAEhB;AACP,CAAC,EACD;EACCc,KAAK,EAAEhB,EAAE,CAAE,QAAS,CAAC;EACrBiB,IAAI,EAAE,QAAQ;EACdC,IAAI,EAAE;IACL,GAAGhB,iBAAiB;IACpBG,OAAO,EAAE;MACRC,MAAM,EAAE;IACT;EACD;AACD,CAAC,EACD;EACCU,KAAK,EAAEhB,EAAE,CAAE,OAAQ,CAAC;EACpBiB,IAAI,EAAE,OAAO;EACbC,IAAI,EAAE;IACL,GAAGhB,iBAAiB;IACpBG,OAAO,EAAE;MACRC,MAAM,EAAE;IACT;EACD;AACD,CAAC,CACD;AAED,eAAeS,aAAa"}

package/build-module/components/page-pages/index.js CHANGED Viewed

@@ -6,8 +6,9 @@ import { __experimentalHeading as Heading, __experimentalVStack as VStack } from
 import { __ } from '@wordpress/i18n';
 import { useEntityRecords } from '@wordpress/core-data';
 import { decodeEntities } from '@wordpress/html-entities';
-import { useState, useMemo, useCallback } from '@wordpress/element';
+import { useState, useMemo, useCallback, useEffect } from '@wordpress/element';
 import { dateI18n, getDate, getSettings } from '@wordpress/date';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
 /**
  * Internal dependencies
@@ -15,10 +16,14 @@ import { dateI18n, getDate, getSettings } from '@wordpress/date';
 import Page from '../page';
 import Link from '../routes/link';
 import { DataViews } from '../dataviews';
-import useTrashPostAction from '../actions/trash-post';
+import { DEFAULT_STATUSES, default as DEFAULT_VIEWS } from './default-views';
+import { useTrashPostAction, postRevisionsAction, viewPostAction, useEditPostAction } from '../actions';
 import Media from '../media';
+import { unlock } from '../../lock-unlock';
+const {
+  useLocation
+} = unlock(routerPrivateApis);
 const EMPTY_ARRAY = [];
-const EMPTY_OBJECT = {};
 const defaultConfigPerViewType = {
   list: {},
   grid: {
@@ -26,38 +31,60 @@ const defaultConfigPerViewType = {
   }
 };
 export default function PagePages() {
-  const [view, setView] = useState({
-    type: 'list',
-    filters: {
-      search: '',
-      status: 'publish, draft'
-    },
-    page: 1,
-    perPage: 5,
-    sort: {
-      field: 'date',
-      direction: 'desc'
-    },
-    visibleFilters: ['search', 'author', 'status'],
-    // All fields are visible by default, so it's
-    // better to keep track of the hidden ones.
-    hiddenFields: ['date', 'featured-image'],
-    layout: {}
-  });
+  const {
+    params: {
+      path,
+      activeView = 'all'
+    }
+  } = useLocation();
+  const initialView = DEFAULT_VIEWS.find(({
+    slug
+  }) => slug === activeView).view;
+  const [view, setView] = useState(initialView);
+  useEffect(() => {
+    setView(DEFAULT_VIEWS.find(({
+      slug
+    }) => slug === activeView).view);
+  }, [path, activeView]);
   // Request post statuses to get the proper labels.
   const {
     records: statuses
   } = useEntityRecords('root', 'status');
-  const postStatuses = useMemo(() => statuses === null ? EMPTY_OBJECT : Object.fromEntries(statuses.map(({
-    slug,
-    name
-  }) => [slug, name])), [statuses]);
+  const defaultStatuses = useMemo(() => {
+    return statuses === null ? DEFAULT_STATUSES : statuses.filter(({
+      slug
+    }) => slug !== 'trash').map(({
+      slug
+    }) => slug).sort().join();
+  }, [statuses]);
+  useEffect(() => {
+    // Only update the view if the statuses received from the endpoint
+    // are different from the DEFAULT_STATUSES provided initially.
+    //
+    // The pages endpoint depends on the status endpoint via the status filter.
+    // Initially, this code filters the pages request by DEFAULT_STATUTES,
+    // instead of using the default (publish).
+    // https://developer.wordpress.org/rest-api/reference/pages/#list-pages
+    //
+    // By doing so, it avoids a second request to the pages endpoint
+    // upon receiving the statuses when they are the same (most common scenario).
+    if (DEFAULT_STATUSES !== defaultStatuses) {
+      setView({
+        ...view,
+        filters: {
+          ...view.filters,
+          status: defaultStatuses
+        }
+      });
+    }
+  }, [defaultStatuses]);
   const queryArgs = useMemo(() => ({
     per_page: view.perPage,
     page: view.page,
     _embed: 'author',
     order: view.sort?.direction,
     orderby: view.sort?.field,
+    search: view.search,
     ...view.filters
   }), [view]);
   const {
@@ -68,9 +95,7 @@ export default function PagePages() {
   } = useEntityRecords('postType', 'page', queryArgs);
   const {
     records: authors
-  } = useEntityRecords('root', 'user', {
-    who: 'authors'
-  });
+  } = useEntityRecords('root', 'user');
   const paginationInfo = useMemo(() => ({
     totalItems,
     totalPages
@@ -112,10 +137,6 @@ export default function PagePages() {
         }
       }, decodeEntities(item.title?.rendered || item.slug) || __('(no title)'))));
     },
-    filters: [{
-      id: 'search',
-      type: 'search'
-    }],
     maxWidth: 400,
     sortingFn: 'alphanumeric',
     enableHiding: false
@@ -133,40 +154,37 @@ export default function PagePages() {
         href: `user-edit.php?user_id=${author.id}`
       }, author.name);
     },
-    filters: [{
-      id: 'author',
-      type: 'enumeration'
-    }],
-    elements: [{
-      value: '',
-      label: __('All')
-    }, ...(authors?.map(({
+    filters: ['enumeration'],
+    elements: authors?.map(({
       id,
       name
     }) => ({
       value: id,
       label: name
-    })) || [])]
+    })) || []
   }, {
     header: __('Status'),
     id: 'status',
     getValue: ({
       item
     }) => {
-      var _postStatuses$item$st;
-      return (_postStatuses$item$st = postStatuses[item.status]) !== null && _postStatuses$item$st !== void 0 ? _postStatuses$item$st : item.status;
+      var _statuses$find$name;
+      return (_statuses$find$name = statuses?.find(({
+        slug
+      }) => slug === item.status)?.name) !== null && _statuses$find$name !== void 0 ? _statuses$find$name : item.status;
     },
     filters: [{
       type: 'enumeration',
-      id: 'status'
+      id: 'status',
+      resetValue: defaultStatuses
     }],
-    elements: [{
-      label: __('All'),
-      value: 'publish,draft'
-    }, ...(postStatuses && Object.entries(postStatuses).filter(([slug]) => ['publish', 'draft'].includes(slug)).map(([slug, name]) => ({
+    elements: statuses?.map(({
+      slug,
+      name
+    }) => ({
       value: slug,
       label: name
-    })) || [])],
+    })) || [],
     enableSorting: false
   }, {
     header: __('Date'),
@@ -180,9 +198,10 @@ export default function PagePages() {
       const formattedDate = dateI18n(getSettings().formats.datetimeAbbreviated, getDate(item.date));
       return createElement("time", null, formattedDate);
     }
-  }], [postStatuses, authors]);
+  }], [defaultStatuses, statuses, authors]);
   const trashPostAction = useTrashPostAction();
-  const actions = useMemo(() => [trashPostAction], [trashPostAction]);
+  const editPostAction = useEditPostAction();
+  const actions = useMemo(() => [viewPostAction, trashPostAction, editPostAction, postRevisionsAction], [trashPostAction, editPostAction]);
   const onChangeView = useCallback(viewUpdater => {
     let updatedView = typeof viewUpdater === 'function' ? viewUpdater(view) : viewUpdater;
     if (updatedView.type !== view.type) {
@@ -194,7 +213,7 @@ export default function PagePages() {
       };
     }
     setView(updatedView);
-  }, [view]);
+  }, [view, setView]);
   // TODO: we need to handle properly `data={ data || EMPTY_ARRAY }` for when `isLoading`.
   return createElement(Page, {

package/build-module/components/page-pages/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalHeading","Heading","__experimentalVStack","VStack","__","useEntityRecords","decodeEntities","useState","useMemo","useCallback","dateI18n","getDate","getSettings","Page","Link","DataViews","useTrashPostAction","Media","EMPTY_ARRAY","EMPTY_OBJECT","defaultConfigPerViewType","list","grid","mediaField","PagePages","view","setView","type","filters","search","status","page","perPage","sort","field","direction","visibleFilters","hiddenFields","layout","records","statuses","postStatuses","Object","fromEntries","map","slug","name","queryArgs","per_page","_embed","order","orderby","pages","isResolving","isLoadingPages","totalItems","totalPages","authors","who","paginationInfo","fields","id","header","getValue","item","featured_media","render","currentView","createElement","className","size","enableSorting","title","rendered","spacing","as","level","params","postId","postType","canvas","maxWidth","sortingFn","enableHiding","_embedded","author","href","elements","value","label","_postStatuses$item$st","entries","filter","includes","date","formattedDate","formats","datetimeAbbreviated","trashPostAction","actions","onChangeView","viewUpdater","updatedView","data","isLoading"],"sources":["@wordpress/edit-site/src/components/page-pages/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState, useMemo, useCallback } from '@wordpress/element';\nimport { dateI18n, getDate, getSettings } from '@wordpress/date';\n\n/\n Internal dependencies\n */\nimport Page from '../page';\nimport Link from '../routes/link';\nimport { DataViews } from '../dataviews';\nimport useTrashPostAction from '../actions/trash-post';\nimport Media from '../media';\n\nconst EMPTY_ARRAY = [];\nconst EMPTY_OBJECT = {};\nconst defaultConfigPerViewType = {\n\tlist: {},\n\tgrid: {\n\t\tmediaField: 'featured-image',\n\t},\n};\n\nexport default function PagePages() {\n\tconst [ view, setView ] = useState( {\n\t\ttype: 'list',\n\t\tfilters: {\n\t\t\tsearch: '',\n\t\t\tstatus: 'publish, draft',\n\t\t},\n\t\tpage: 1,\n\t\tperPage: 5,\n\t\tsort: {\n\t\t\tfield: 'date',\n\t\t\tdirection: 'desc',\n\t\t},\n\t\tvisibleFilters: [ 'search', 'author', 'status' ],\n\t\t// All fields are visible by default, so it's\n\t\t// better to keep track of the hidden ones.\n\t\thiddenFields: [ 'date', 'featured-image' ],\n\t\tlayout: {},\n\t} );\n\t// Request post statuses to get the proper labels.\n\tconst { records: statuses } = useEntityRecords( 'root', 'status' );\n\tconst postStatuses = useMemo(\n\t\t() =>\n\t\t\tstatuses === null\n\t\t\t\t? EMPTY_OBJECT\n\t\t\t\t: Object.fromEntries(\n\t\t\t\t\t\tstatuses.map( ( { slug, name } ) => [ slug, name ] )\n\t\t\t\t ),\n\t\t[ statuses ]\n\t);\n\n\tconst queryArgs = useMemo(\n\t\t() => ( {\n\t\t\tper_page: view.perPage,\n\t\t\tpage: view.page,\n\t\t\t_embed: 'author',\n\t\t\torder: view.sort?.direction,\n\t\t\torderby: view.sort?.field,\n\t\t\t...view.filters,\n\t\t} ),\n\t\t[ view ]\n\t);\n\tconst {\n\t\trecords: pages,\n\t\tisResolving: isLoadingPages,\n\t\ttotalItems,\n\t\ttotalPages,\n\t} = useEntityRecords( 'postType', 'page', queryArgs );\n\n\tconst { records: authors } = useEntityRecords( 'root', 'user', {\n\t\twho: 'authors',\n\t} );\n\n\tconst paginationInfo = useMemo(\n\t\t() => ( {\n\t\t\ttotalItems,\n\t\t\ttotalPages,\n\t\t} ),\n\t\t[ totalItems, totalPages ]\n\t);\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'featured-image',\n\t\t\t\theader: __( 'Featured Image' ),\n\t\t\t\tgetValue: ( { item } ) => item.featured_media,\n\t\t\t\trender: ( { item, view: currentView } ) =>\n\t\t\t\t\t!! item.featured_media ? (\n\t\t\t\t\t\t<Media\n\t\t\t\t\t\t\tclassName=\"edit-site-page-pages__featured-image\"\n\t\t\t\t\t\t\tid={ item.featured_media }\n\t\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t\tcurrentView.type === 'list'\n\t\t\t\t\t\t\t\t\t? [ 'thumbnail', 'medium', 'large', 'full' ]\n\t\t\t\t\t\t\t\t\t: [ 'large', 'full', 'medium', 'thumbnail' ]\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null,\n\t\t\t\tenableSorting: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\tgetValue: ( { item } ) => item.title?.rendered \|\| item.slug,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t<Heading as=\"h3\" level={ 5 }>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\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{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\titem.title?.rendered \|\| item.slug\n\t\t\t\t\t\t\t\t\t) \|\| __( '(no title)' ) }\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tfilters: [ { id: 'search', type: 'search' } ],\n\t\t\t\tmaxWidth: 400,\n\t\t\t\tsortingFn: 'alphanumeric',\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\tgetValue: ( { item } ) => item._embedded?.author[ 0 ]?.name,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst author = item._embedded?.author[ 0 ];\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<a href={ `user-edit.php?user_id=${ author.id }` }>\n\t\t\t\t\t\t\t{ author.name }\n\t\t\t\t\t\t</a>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tfilters: [ { id: 'author', type: 'enumeration' } ],\n\t\t\t\telements: [\n\t\t\t\t\t{\n\t\t\t\t\t\tvalue: '',\n\t\t\t\t\t\tlabel: __( 'All' ),\n\t\t\t\t\t},\n\t\t\t\t\t...( authors?.map( ( { id, name } ) => ( {\n\t\t\t\t\t\tvalue: id,\n\t\t\t\t\t\tlabel: name,\n\t\t\t\t\t} ) ) \|\| [] ),\n\t\t\t\t],\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Status' ),\n\t\t\t\tid: 'status',\n\t\t\t\tgetValue: ( { item } ) =>\n\t\t\t\t\tpostStatuses[ item.status ] ?? item.status,\n\t\t\t\tfilters: [ { type: 'enumeration', id: 'status' } ],\n\t\t\t\telements: [\n\t\t\t\t\t{ label: __( 'All' ), value: 'publish,draft' },\n\t\t\t\t\t...( ( postStatuses &&\n\t\t\t\t\t\tObject.entries( postStatuses )\n\t\t\t\t\t\t\t.filter( ( [ slug ] ) =>\n\t\t\t\t\t\t\t\t[ 'publish', 'draft' ].includes( slug )\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t.map( ( [ slug, name ] ) => ( {\n\t\t\t\t\t\t\t\tvalue: slug,\n\t\t\t\t\t\t\t\tlabel: name,\n\t\t\t\t\t\t\t} ) ) ) \|\|\n\t\t\t\t\t\t[] ),\n\t\t\t\t],\n\t\t\t\tenableSorting: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Date' ),\n\t\t\t\tid: 'date',\n\t\t\t\tgetValue: ( { item } ) => item.date,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst formattedDate = dateI18n(\n\t\t\t\t\t\tgetSettings().formats.datetimeAbbreviated,\n\t\t\t\t\t\tgetDate( item.date )\n\t\t\t\t\t);\n\t\t\t\t\treturn <time>{ formattedDate }</time>;\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[ postStatuses, authors ]\n\t);\n\n\tconst trashPostAction = useTrashPostAction();\n\tconst actions = useMemo( () => [ trashPostAction ], [ trashPostAction ] );\n\tconst onChangeView = useCallback(\n\t\t( viewUpdater ) => {\n\t\t\tlet updatedView =\n\t\t\t\ttypeof viewUpdater === 'function'\n\t\t\t\t\t? viewUpdater( view )\n\t\t\t\t\t: viewUpdater;\n\t\t\tif ( updatedView.type !== view.type ) {\n\t\t\t\tupdatedView = {\n\t\t\t\t\t...updatedView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...defaultConfigPerViewType[ updatedView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tsetView( updatedView );\n\t\t},\n\t\t[ view ]\n\t);\n\n\t// TODO: we need to handle properly `data={ data \|\| EMPTY_ARRAY }` for when `isLoading`.\n\treturn (\n\t\t<Page title={ __( 'Pages' ) }>\n\t\t\t<DataViews\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tfields={ fields }\n\t\t\t\tactions={ actions }\n\t\t\t\tdata={ pages \|\| EMPTY_ARRAY }\n\t\t\t\tisLoading={ isLoadingPages }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["__experimentalHeading","Heading","__experimentalVStack","VStack","__","useEntityRecords","decodeEntities","useState","useMemo","useCallback","useEffect","dateI18n","getDate","getSettings","privateApis","routerPrivateApis","Page","Link","DataViews","DEFAULT_STATUSES","default","DEFAULT_VIEWS","useTrashPostAction","postRevisionsAction","viewPostAction","useEditPostAction","Media","unlock","useLocation","EMPTY_ARRAY","defaultConfigPerViewType","list","grid","mediaField","PagePages","params","path","activeView","initialView","find","slug","view","setView","records","statuses","defaultStatuses","filter","map","sort","join","filters","status","queryArgs","per_page","perPage","page","_embed","order","direction","orderby","field","search","pages","isResolving","isLoadingPages","totalItems","totalPages","authors","paginationInfo","fields","id","header","getValue","item","featured_media","render","currentView","createElement","className","size","type","enableSorting","title","rendered","spacing","as","level","postId","postType","canvas","maxWidth","sortingFn","enableHiding","_embedded","author","name","href","elements","value","label","_statuses$find$name","resetValue","date","formattedDate","formats","datetimeAbbreviated","trashPostAction","editPostAction","actions","onChangeView","viewUpdater","updatedView","layout","data","isLoading"],"sources":["@wordpress/edit-site/src/components/page-pages/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHeading as Heading,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useState, useMemo, useCallback, useEffect } from '@wordpress/element';\nimport { dateI18n, getDate, getSettings } from '@wordpress/date';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport Page from '../page';\nimport Link from '../routes/link';\nimport { DataViews } from '../dataviews';\nimport { DEFAULT_STATUSES, default as DEFAULT_VIEWS } from './default-views';\nimport {\n\tuseTrashPostAction,\n\tpostRevisionsAction,\n\tviewPostAction,\n\tuseEditPostAction,\n} from '../actions';\nimport Media from '../media';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\n\nconst EMPTY_ARRAY = [];\nconst defaultConfigPerViewType = {\n\tlist: {},\n\tgrid: {\n\t\tmediaField: 'featured-image',\n\t},\n};\n\nexport default function PagePages() {\n\tconst {\n\t\tparams: { path, activeView = 'all' },\n\t} = useLocation();\n\tconst initialView = DEFAULT_VIEWS.find(\n\t\t( { slug } ) => slug === activeView\n\t).view;\n\tconst [ view, setView ] = useState( initialView );\n\tuseEffect( () => {\n\t\tsetView(\n\t\t\tDEFAULT_VIEWS.find( ( { slug } ) => slug === activeView ).view\n\t\t);\n\t}, [ path, activeView ] );\n\t// Request post statuses to get the proper labels.\n\tconst { records: statuses } = useEntityRecords( 'root', 'status' );\n\tconst defaultStatuses = useMemo( () => {\n\t\treturn statuses === null\n\t\t\t? DEFAULT_STATUSES\n\t\t\t: statuses\n\t\t\t\t\t.filter( ( { slug } ) => slug !== 'trash' )\n\t\t\t\t\t.map( ( { slug } ) => slug )\n\t\t\t\t\t.sort()\n\t\t\t\t\t.join();\n\t}, [ statuses ] );\n\n\tuseEffect( () => {\n\t\t// Only update the view if the statuses received from the endpoint\n\t\t// are different from the DEFAULT_STATUSES provided initially.\n\t\t//\n\t\t// The pages endpoint depends on the status endpoint via the status filter.\n\t\t// Initially, this code filters the pages request by DEFAULT_STATUTES,\n\t\t// instead of using the default (publish).\n\t\t// https://developer.wordpress.org/rest-api/reference/pages/#list-pages\n\t\t//\n\t\t// By doing so, it avoids a second request to the pages endpoint\n\t\t// upon receiving the statuses when they are the same (most common scenario).\n\t\tif ( DEFAULT_STATUSES !== defaultStatuses ) {\n\t\t\tsetView( {\n\t\t\t\t...view,\n\t\t\t\tfilters: {\n\t\t\t\t\t...view.filters,\n\t\t\t\t\tstatus: defaultStatuses,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t}, [ defaultStatuses ] );\n\n\tconst queryArgs = useMemo(\n\t\t() => ( {\n\t\t\tper_page: view.perPage,\n\t\t\tpage: view.page,\n\t\t\t_embed: 'author',\n\t\t\torder: view.sort?.direction,\n\t\t\torderby: view.sort?.field,\n\t\t\tsearch: view.search,\n\t\t\t...view.filters,\n\t\t} ),\n\t\t[ view ]\n\t);\n\tconst {\n\t\trecords: pages,\n\t\tisResolving: isLoadingPages,\n\t\ttotalItems,\n\t\ttotalPages,\n\t} = useEntityRecords( 'postType', 'page', queryArgs );\n\n\tconst { records: authors } = useEntityRecords( 'root', 'user' );\n\n\tconst paginationInfo = useMemo(\n\t\t() => ( {\n\t\t\ttotalItems,\n\t\t\ttotalPages,\n\t\t} ),\n\t\t[ totalItems, totalPages ]\n\t);\n\n\tconst fields = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tid: 'featured-image',\n\t\t\t\theader: __( 'Featured Image' ),\n\t\t\t\tgetValue: ( { item } ) => item.featured_media,\n\t\t\t\trender: ( { item, view: currentView } ) =>\n\t\t\t\t\t!! item.featured_media ? (\n\t\t\t\t\t\t<Media\n\t\t\t\t\t\t\tclassName=\"edit-site-page-pages__featured-image\"\n\t\t\t\t\t\t\tid={ item.featured_media }\n\t\t\t\t\t\t\tsize={\n\t\t\t\t\t\t\t\tcurrentView.type === 'list'\n\t\t\t\t\t\t\t\t\t? [ 'thumbnail', 'medium', 'large', 'full' ]\n\t\t\t\t\t\t\t\t\t: [ 'large', 'full', 'medium', 'thumbnail' ]\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : null,\n\t\t\t\tenableSorting: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\tgetValue: ( { item } ) => item.title?.rendered \|\| item.slug,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t\t\t<Heading as=\"h3\" level={ 5 }>\n\t\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\t\tparams={ {\n\t\t\t\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\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{ decodeEntities(\n\t\t\t\t\t\t\t\t\t\titem.title?.rendered \|\| item.slug\n\t\t\t\t\t\t\t\t\t) \|\| __( '(no title)' ) }\n\t\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tmaxWidth: 400,\n\t\t\t\tsortingFn: 'alphanumeric',\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Author' ),\n\t\t\t\tid: 'author',\n\t\t\t\tgetValue: ( { item } ) => item._embedded?.author[ 0 ]?.name,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst author = item._embedded?.author[ 0 ];\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<a href={ `user-edit.php?user_id=${ author.id }` }>\n\t\t\t\t\t\t\t{ author.name }\n\t\t\t\t\t\t</a>\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\tfilters: [ 'enumeration' ],\n\t\t\t\telements:\n\t\t\t\t\tauthors?.map( ( { id, name } ) => ( {\n\t\t\t\t\t\tvalue: id,\n\t\t\t\t\t\tlabel: name,\n\t\t\t\t\t} ) ) \|\| [],\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Status' ),\n\t\t\t\tid: 'status',\n\t\t\t\tgetValue: ( { item } ) =>\n\t\t\t\t\tstatuses?.find( ( { slug } ) => slug === item.status )\n\t\t\t\t\t\t?.name ?? item.status,\n\t\t\t\tfilters: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttype: 'enumeration',\n\t\t\t\t\t\tid: 'status',\n\t\t\t\t\t\tresetValue: defaultStatuses,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\telements:\n\t\t\t\t\tstatuses?.map( ( { slug, name } ) => ( {\n\t\t\t\t\t\tvalue: slug,\n\t\t\t\t\t\tlabel: name,\n\t\t\t\t\t} ) ) \|\| [],\n\t\t\t\tenableSorting: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Date' ),\n\t\t\t\tid: 'date',\n\t\t\t\tgetValue: ( { item } ) => item.date,\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\tconst formattedDate = dateI18n(\n\t\t\t\t\t\tgetSettings().formats.datetimeAbbreviated,\n\t\t\t\t\t\tgetDate( item.date )\n\t\t\t\t\t);\n\t\t\t\t\treturn <time>{ formattedDate }</time>;\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t\t[ defaultStatuses, statuses, authors ]\n\t);\n\n\tconst trashPostAction = useTrashPostAction();\n\tconst editPostAction = useEditPostAction();\n\tconst actions = useMemo(\n\t\t() => [\n\t\t\tviewPostAction,\n\t\t\ttrashPostAction,\n\t\t\teditPostAction,\n\t\t\tpostRevisionsAction,\n\t\t],\n\t\t[ trashPostAction, editPostAction ]\n\t);\n\tconst onChangeView = useCallback(\n\t\t( viewUpdater ) => {\n\t\t\tlet updatedView =\n\t\t\t\ttypeof viewUpdater === 'function'\n\t\t\t\t\t? viewUpdater( view )\n\t\t\t\t\t: viewUpdater;\n\t\t\tif ( updatedView.type !== view.type ) {\n\t\t\t\tupdatedView = {\n\t\t\t\t\t...updatedView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...defaultConfigPerViewType[ updatedView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tsetView( updatedView );\n\t\t},\n\t\t[ view, setView ]\n\t);\n\n\t// TODO: we need to handle properly `data={ data \|\| EMPTY_ARRAY }` for when `isLoading`.\n\treturn (\n\t\t<Page title={ __( 'Pages' ) }>\n\t\t\t<DataViews\n\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\tfields={ fields }\n\t\t\t\tactions={ actions }\n\t\t\t\tdata={ pages \|\| EMPTY_ARRAY }\n\t\t\t\tisLoading={ isLoadingPages }\n\t\t\t\tview={ view }\n\t\t\t\tonChangeView={ onChangeView }\n\t\t\t/>\n\t\t</Page>\n\t);\n}\n"],"mappings":"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"}

package/build-module/components/sidebar/index.js CHANGED Viewed

@@ -25,6 +25,7 @@ import { unlock } from '../../lock-unlock';
 import SidebarNavigationScreenPages from '../sidebar-navigation-screen-pages';
 import SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';
 import SidebarNavigationScreen from '../sidebar-navigation-screen';
+import DataViewsSidebarContent from '../sidebar-dataviews';
 const {
   useLocation
 } = unlock(routerPrivateApis);
@@ -47,7 +48,8 @@ function SidebarScreens() {
   }, createElement(SidebarNavigationScreen, {
     title: __('All Pages'),
     description: __('Manage your pages.'),
-    backPath: "/page"
+    backPath: "/page",
+    content: createElement(DataViewsSidebarContent, null)
   })), createElement(NavigatorScreen, {
     path: "/:postType(wp_template)"
   }, createElement(SidebarNavigationScreenTemplates, null)), createElement(NavigatorScreen, {

package/build-module/components/sidebar/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["memo","useRef","__","__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","privateApis","routerPrivateApis","SidebarNavigationScreenMain","SidebarNavigationScreenTemplates","SidebarNavigationScreenTemplate","SidebarNavigationScreenPatterns","SidebarNavigationScreenPattern","useSyncPathWithURL","getPathFromURL","SidebarNavigationScreenNavigationMenus","SidebarNavigationScreenNavigationMenu","SidebarNavigationScreenGlobalStyles","SidebarNavigationScreenTemplatesBrowse","SaveHub","unlock","SidebarNavigationScreenPages","SidebarNavigationScreenPage","SidebarNavigationScreen","useLocation","SidebarScreens","createElement","Fragment","path","window","__experimentalAdminViews","title","description","backPath","Sidebar","params","urlParams","initialPath","className","current"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n} from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenTemplates from '../sidebar-navigation-screen-templates';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport useSyncPathWithURL, {\n\tgetPathFromURL,\n} from '../sync-state-with-url/use-sync-path-with-url';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SaveHub from '../save-hub';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenPages from '../sidebar-navigation-screen-pages';\nimport SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction SidebarScreens() {\n\tuseSyncPathWithURL();\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/navigation\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenus />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/navigation/:postType/:postId\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenu />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/wp_global_styles\">\n\t\t\t\t<SidebarNavigationScreenGlobalStyles />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/page\">\n\t\t\t\t<SidebarNavigationScreenPages />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/page/:postId\">\n\t\t\t\t<SidebarNavigationScreenPage />\n\t\t\t</NavigatorScreen>\n\t\t\t{ window?.__experimentalAdminViews && (\n\t\t\t\t<NavigatorScreen path=\"/pages\">\n\t\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\t\ttitle={ __( 'All Pages' ) }\n\t\t\t\t\t\tdescription={ __( 'Manage your pages.' ) }\n\t\t\t\t\t\tbackPath=\"/page\"\n\t\t\t\t\t/>\n\t\t\t\t</NavigatorScreen>\n\t\t\t) }\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template)\">\n\t\t\t\t<SidebarNavigationScreenTemplates />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/patterns\">\n\t\t\t\t<SidebarNavigationScreenPatterns />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template\|wp_template_part)/all\">\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template_part\|wp_block)/:postId\">\n\t\t\t\t<SidebarNavigationScreenPattern />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template)/:postId\">\n\t\t\t\t<SidebarNavigationScreenTemplate />\n\t\t\t</NavigatorScreen>\n\t\t</>\n\t);\n}\n\nfunction Sidebar() {\n\tconst { params: urlParams } = useLocation();\n\tconst initialPath = useRef( getPathFromURL( urlParams ) );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorProvider\n\t\t\t\tclassName=\"edit-site-sidebar__content\"\n\t\t\t\tinitialPath={ initialPath.current }\n\t\t\t>\n\t\t\t\t<SidebarScreens />\n\t\t\t</NavigatorProvider>\n\t\t\t<SaveHub />\n\t\t</>\n\t);\n}\n\nexport default memo( Sidebar );\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,MAAM,QAAQ,oBAAoB;AACjD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,+BAA+B,IAAIC,iBAAiB,EACpDC,6BAA6B,IAAIC,eAAe,QAC1C,uBAAuB;AAC9B,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,OAAOC,2BAA2B,MAAM,mCAAmC;AAC3E,OAAOC,gCAAgC,MAAM,wCAAwC;AACrF,OAAOC,+BAA+B,MAAM,uCAAuC;AACnF,OAAOC,+BAA+B,MAAM,uCAAuC;AACnF,OAAOC,8BAA8B,MAAM,sCAAsC;AACjF,OAAOC,kBAAkB,IACxBC,cAAc,QACR,+CAA+C;AACtD,OAAOC,sCAAsC,MAAM,+CAA+C;AAClG,OAAOC,qCAAqC,MAAM,8CAA8C;AAChG,OAAOC,mCAAmC,MAAM,4CAA4C;AAC5F,OAAOC,sCAAsC,MAAM,+CAA+C;AAClG,OAAOC,OAAO,MAAM,aAAa;AACjC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,4BAA4B,MAAM,oCAAoC;AAC7E,OAAOC,2BAA2B,MAAM,mCAAmC;AAC3E,OAAOC,uBAAuB,MAAM,8BAA8B;~~AAElE~~,MAAM;EAAEC;AAAY,CAAC,~~GAAGJ~~,MAAM,CAAEb,iBAAkB,CAAC;AAEnD,~~SAASkB~~,cAAcA,CAAA,EAAG;~~EACzBZ~~,kBAAkB,CAAC,CAAC;EAEpB,~~OACCa~~,aAAA,CAAAC,QAAA,QACCD,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAAG,GACxBF,aAAA,~~CAAClB~~,2BAA2B,MAAE,CACd,CAAC,~~EAClBkB~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAAa,GAClCF,aAAA,~~CAACX~~,sCAAsC,MAAE,CACzB,CAAC,~~EAClBW~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAA+B,GACpDF,aAAA,~~CAACV~~,qCAAqC,MAAE,CACxB,CAAC,~~EAClBU~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAAmB,GACxCF,aAAA,~~CAACT~~,mCAAmC,MAAE,CACtB,CAAC,~~EAClBS~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAAO,GAC5BF,aAAA,~~CAACL~~,4BAA4B,MAAE,CACf,CAAC,~~EAClBK~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAAe,GACpCF,aAAA,~~CAACJ~~,2BAA2B,MAAE,CACd,CAAC,~~EAChBO~~,MAAM,EAAEC,wBAAwB,IACjCJ,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAAQ,GAC7BF,aAAA,~~CAACH~~,uBAAuB;~~IACvBQ~~,KAAK,~~EAAG9B~~,EAAE,CAAE,WAAY,CAAG;~~IAC3B+B~~,WAAW,~~EAAG/B~~,EAAE,CAAE,oBAAqB,CAAG;~~IAC1CgC~~,QAAQ,EAAC;~~EAAO~~,~~CAChB~~,CACe,CACjB,~~EACDP~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAAyB,GAC9CF,aAAA,~~CAACjB~~,gCAAgC,MAAE,CACnB,CAAC,~~EAClBiB~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAAW,GAChCF,aAAA,~~CAACf~~,+BAA+B,MAAE,CAClB,CAAC,~~EAClBe~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAA8C,GACnEF,aAAA,~~CAACR~~,sCAAsC,MAAE,CACzB,CAAC,~~EAClBQ~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAA+C,GACpEF,aAAA,~~CAACd~~,8BAA8B,MAAE,CACjB,CAAC,~~EAClBc~~,aAAA,~~CAACrB~~,eAAe;~~IAACuB~~,IAAI,EAAC;EAAiC,GACtDF,aAAA,~~CAAChB~~,+BAA+B,MAAE,CAClB,CAChB,CAAC;AAEL;AAEA,~~SAASwB~~,OAAOA,CAAA,EAAG;EAClB,MAAM;IAAEC,MAAM,EAAEC;EAAU,CAAC,~~GAAGZ~~,WAAW,CAAC,CAAC;EAC3C,~~MAAMa~~,WAAW,~~GAAGrC~~,MAAM,CAAEc,cAAc,~~CAAEsB~~,SAAU,CAAE,CAAC;EAEzD,~~OACCV~~,aAAA,CAAAC,QAAA,QACCD,aAAA,~~CAACvB~~,iBAAiB;~~IACjBmC~~,SAAS,EAAC,4BAA4B;IACtCD,WAAW,EAAGA,WAAW,CAACE;EAAS,~~GAEnCb~~,aAAA,CAACD,cAAc,MAAE,CACC,CAAC,EACpBC,aAAA,~~CAACP~~,OAAO,MAAE,CACT,CAAC;AAEL;AAEA,eAAepB,IAAI,~~CAAEmC~~,OAAQ,CAAC"}
1	+ {"version":3,"names":["memo","useRef","__","__experimentalNavigatorProvider","NavigatorProvider","__experimentalNavigatorScreen","NavigatorScreen","privateApis","routerPrivateApis","SidebarNavigationScreenMain","SidebarNavigationScreenTemplates","SidebarNavigationScreenTemplate","SidebarNavigationScreenPatterns","SidebarNavigationScreenPattern","useSyncPathWithURL","getPathFromURL","SidebarNavigationScreenNavigationMenus","SidebarNavigationScreenNavigationMenu","SidebarNavigationScreenGlobalStyles","SidebarNavigationScreenTemplatesBrowse","SaveHub","unlock","SidebarNavigationScreenPages","SidebarNavigationScreenPage","SidebarNavigationScreen","DataViewsSidebarContent","useLocation","SidebarScreens","createElement","Fragment","path","window","__experimentalAdminViews","title","description","backPath","content","Sidebar","params","urlParams","initialPath","className","current"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { memo, useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n} from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenTemplates from '../sidebar-navigation-screen-templates';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport useSyncPathWithURL, {\n\tgetPathFromURL,\n} from '../sync-state-with-url/use-sync-path-with-url';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SaveHub from '../save-hub';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenPages from '../sidebar-navigation-screen-pages';\nimport SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction SidebarScreens() {\n\tuseSyncPathWithURL();\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorScreen path=\"/\">\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/navigation\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenus />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/navigation/:postType/:postId\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenu />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/wp_global_styles\">\n\t\t\t\t<SidebarNavigationScreenGlobalStyles />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/page\">\n\t\t\t\t<SidebarNavigationScreenPages />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/page/:postId\">\n\t\t\t\t<SidebarNavigationScreenPage />\n\t\t\t</NavigatorScreen>\n\t\t\t{ window?.__experimentalAdminViews && (\n\t\t\t\t<NavigatorScreen path=\"/pages\">\n\t\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\t\ttitle={ __( 'All Pages' ) }\n\t\t\t\t\t\tdescription={ __( 'Manage your pages.' ) }\n\t\t\t\t\t\tbackPath=\"/page\"\n\t\t\t\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\t\t\t/>\n\t\t\t\t</NavigatorScreen>\n\t\t\t) }\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template)\">\n\t\t\t\t<SidebarNavigationScreenTemplates />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/patterns\">\n\t\t\t\t<SidebarNavigationScreenPatterns />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template\|wp_template_part)/all\">\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template_part\|wp_block)/:postId\">\n\t\t\t\t<SidebarNavigationScreenPattern />\n\t\t\t</NavigatorScreen>\n\t\t\t<NavigatorScreen path=\"/:postType(wp_template)/:postId\">\n\t\t\t\t<SidebarNavigationScreenTemplate />\n\t\t\t</NavigatorScreen>\n\t\t</>\n\t);\n}\n\nfunction Sidebar() {\n\tconst { params: urlParams } = useLocation();\n\tconst initialPath = useRef( getPathFromURL( urlParams ) );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorProvider\n\t\t\t\tclassName=\"edit-site-sidebar__content\"\n\t\t\t\tinitialPath={ initialPath.current }\n\t\t\t>\n\t\t\t\t<SidebarScreens />\n\t\t\t</NavigatorProvider>\n\t\t\t<SaveHub />\n\t\t</>\n\t);\n}\n\nexport default memo( Sidebar );\n"],"mappings":"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"}

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

@@ -0,0 +1,64 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { __experimentalItemGroup as ItemGroup } from '@wordpress/components';
+import { page, columns } from '@wordpress/icons';
+import { privateApis as routerPrivateApis } from '@wordpress/router';
+/**
+ * Internal dependencies
+ */
+import { useLink } from '../routes/link';
+import { default as DEFAULT_VIEWS } from '../page-pages/default-views';
+import { unlock } from '../../lock-unlock';
+const {
+  useLocation
+} = unlock(routerPrivateApis);
+import SidebarNavigationItem from '../sidebar-navigation-item';
+function getDataViewIcon(dataview) {
+  const icons = {
+    list: page,
+    grid: columns
+  };
+  return icons[dataview.view.type];
+}
+function DataViewItem({
+  dataview,
+  isActive
+}) {
+  const {
+    params: {
+      path
+    }
+  } = useLocation();
+  const icon = getDataViewIcon(dataview);
+  const linkInfo = useLink({
+    path,
+    activeView: dataview.slug
+  });
+  return createElement(SidebarNavigationItem, {
+    icon: icon,
+    ...linkInfo,
+    "aria-current": isActive ? 'true' : undefined
+  }, dataview.title);
+}
+export default function DataViewsSidebarContent() {
+  const {
+    params: {
+      path,
+      activeView = 'all'
+    }
+  } = useLocation();
+  if (!path || path !== '/pages') {
+    return null;
+  }
+  return createElement(ItemGroup, null, DEFAULT_VIEWS.map(dataview => {
+    return createElement(DataViewItem, {
+      key: dataview.slug,
+      dataview: dataview,
+      isActive: dataview.slug === activeView
+    });
+  }));
+}
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["__experimentalItemGroup","ItemGroup","page","columns","privateApis","routerPrivateApis","useLink","default","DEFAULT_VIEWS","unlock","useLocation","SidebarNavigationItem","getDataViewIcon","dataview","icons","list","grid","view","type","DataViewItem","isActive","params","path","icon","linkInfo","activeView","slug","createElement","undefined","title","DataViewsSidebarContent","map","key"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\nimport { page, columns } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport { useLink } from '../routes/link';\nimport { default as DEFAULT_VIEWS } from '../page-pages/default-views';\nimport { unlock } from '../../lock-unlock';\nconst { useLocation } = unlock( routerPrivateApis );\nimport SidebarNavigationItem from '../sidebar-navigation-item';\n\nfunction getDataViewIcon( dataview ) {\n\tconst icons = { list: page, grid: columns };\n\treturn icons[ dataview.view.type ];\n}\n\nfunction DataViewItem( { dataview, isActive } ) {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\n\tconst icon = getDataViewIcon( dataview );\n\n\tconst linkInfo = useLink( {\n\t\tpath,\n\t\tactiveView: dataview.slug,\n\t} );\n\treturn (\n\t\t<SidebarNavigationItem\n\t\t\ticon={ icon }\n\t\t\t{ ...linkInfo }\n\t\t\taria-current={ isActive ? 'true' : undefined }\n\t\t>\n\t\t\t{ dataview.title }\n\t\t</SidebarNavigationItem>\n\t);\n}\n\nexport default function DataViewsSidebarContent() {\n\tconst {\n\t\tparams: { path, activeView = 'all' },\n\t} = useLocation();\n\tif ( ! path || path !== '/pages' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ItemGroup>\n\t\t\t{ DEFAULT_VIEWS.map( ( dataview ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<DataViewItem\n\t\t\t\t\t\tkey={ dataview.slug }\n\t\t\t\t\t\tdataview={ dataview }\n\t\t\t\t\t\tisActive={ dataview.slug === activeView }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,uBAAuB,IAAIC,SAAS,QAAQ,uBAAuB;AAC5E,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,WAAW,IAAIC,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,OAAO,IAAIC,aAAa,QAAQ,6BAA6B;AACtE,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,MAAM;EAAEC;AAAY,CAAC,GAAGD,MAAM,CAAEJ,iBAAkB,CAAC;AACnD,OAAOM,qBAAqB,MAAM,4BAA4B;AAE9D,SAASC,eAAeA,CAAEC,QAAQ,EAAG;EACpC,MAAMC,KAAK,GAAG;IAAEC,IAAI,EAAEb,IAAI;IAAEc,IAAI,EAAEb;EAAQ,CAAC;EAC3C,OAAOW,KAAK,CAAED,QAAQ,CAACI,IAAI,CAACC,IAAI,CAAE;AACnC;AAEA,SAASC,YAAYA,CAAE;EAAEN,QAAQ;EAAEO;AAAS,CAAC,EAAG;EAC/C,MAAM;IACLC,MAAM,EAAE;MAAEC;IAAK;EAChB,CAAC,GAAGZ,WAAW,CAAC,CAAC;EAEjB,MAAMa,IAAI,GAAGX,eAAe,CAAEC,QAAS,CAAC;EAExC,MAAMW,QAAQ,GAAGlB,OAAO,CAAE;IACzBgB,IAAI;IACJG,UAAU,EAAEZ,QAAQ,CAACa;EACtB,CAAE,CAAC;EACH,OACCC,aAAA,CAAChB,qBAAqB;IACrBY,IAAI,EAAGA,IAAM;IAAA,GACRC,QAAQ;IACb,gBAAeJ,QAAQ,GAAG,MAAM,GAAGQ;EAAW,GAE5Cf,QAAQ,CAACgB,KACW,CAAC;AAE1B;AAEA,eAAe,SAASC,uBAAuBA,CAAA,EAAG;EACjD,MAAM;IACLT,MAAM,EAAE;MAAEC,IAAI;MAAEG,UAAU,GAAG;IAAM;EACpC,CAAC,GAAGf,WAAW,CAAC,CAAC;EACjB,IAAK,CAAEY,IAAI,IAAIA,IAAI,KAAK,QAAQ,EAAG;IAClC,OAAO,IAAI;EACZ;EAEA,OACCK,aAAA,CAAC1B,SAAS,QACPO,aAAa,CAACuB,GAAG,CAAIlB,QAAQ,IAAM;IACpC,OACCc,aAAA,CAACR,YAAY;MACZa,GAAG,EAAGnB,QAAQ,CAACa,IAAM;MACrBb,QAAQ,EAAGA,QAAU;MACrBO,QAAQ,EAAGP,QAAQ,CAACa,IAAI,KAAKD;IAAY,CACzC,CAAC;EAEJ,CAAE,CACQ,CAAC;AAEd"}

package/build-module/hooks/commands/use-edit-mode-commands.js CHANGED Viewed

@@ -3,7 +3,7 @@
  */
 import { useSelect, useDispatch } from '@wordpress/data';
 import { __, sprintf, isRTL } from '@wordpress/i18n';
-import { trash, rotateLeft, rotateRight, layout, page, drawerLeft, drawerRight, blockDefault, code, keyboard, listView, symbol } from '@wordpress/icons';
+import { edit, trash, rotateLeft, rotateRight, layout, page, drawerLeft, drawerRight, blockDefault, code, keyboard, listView, symbol } from '@wordpress/icons';
 import { useCommandLoader } from '@wordpress/commands';
 import { decodeEntities } from '@wordpress/html-entities';
 import { privateApis as routerPrivateApis } from '@wordpress/router';
@@ -361,7 +361,7 @@ function usePatternCommands() {
     commands.push({
       name: 'core/rename-pattern',
       label: __('Rename pattern'),
-      icon: symbol,
+      icon: edit,
       callback: ({
         close
       }) => {
@@ -403,7 +403,8 @@ export function useEditModeCommands() {
   });
   useCommandLoader({
     name: 'core/edit-site/patterns',
-    hook: usePatternCommands
+    hook: usePatternCommands,
+    context: 'site-editor-edit'
   });
   useCommandLoader({
     name: 'core/edit-site/edit-ui',