npm - @wordpress/edit-site - Versions diffs - 6.12.0 → 6.12.1-next.082ed6819.0 - Mend

@wordpress/edit-site 6.12.0 → 6.12.1-next.082ed6819.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 (221) 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","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","BACKGROUND_BLOCK_DEFAULT_VALUES","backgroundSize","backgroundPosition","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","useHasBackgroundPanel","BackgroundPanel","StylesBackgroundPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","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","dimensions","aspectRatio","blockVariations","hasBackgroundPanel","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","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","children","title","label","className","inheritedValue","value","onChange","defaultValues","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 {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\n// Initial control values.\nconst BACKGROUND_BLOCK_DEFAULT_VALUES = {\n\tbackgroundSize: 'cover',\n\tbackgroundPosition: '50% 50%', // used only when backgroundSize is 'contain'.\n};\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\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tuseHasBackgroundPanel,\n\tBackgroundPanel: StylesBackgroundPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\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\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tif ( settings?.dimensions?.aspectRatio && name === 'core/group' ) {\n\t\tsettings.dimensions.aspectRatio = false;\n\t}\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( 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{ hasBackgroundPanel && (\n\t\t\t\t<StylesBackgroundPanel\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\tdefaultValues={ BACKGROUND_BLOCK_DEFAULT_VALUES }\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{ 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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","ignoreList":[]}
1	+ {"version":3,"names":["getBlockType","privateApis","blockEditorPrivateApis","useMemo","useSelect","store","coreStore","PanelBody","__experimentalVStack","VStack","__experimentalHasSplitBorders","hasSplitBorders","__","sprintf","ScreenHeader","BlockPreviewPanel","unlock","Subtitle","useBlockVariations","VariationsPanel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","BACKGROUND_BLOCK_DEFAULT_VALUES","backgroundSize","backgroundPosition","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","useHasBackgroundPanel","BackgroundPanel","StylesBackgroundPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settingsForBlockElement","blockType","disableBlockGap","spacing","blockGap","supports","skipSerialization","some","spacingType","disableAspectRatio","dimensions","aspectRatio","settings","updatedSettings","structuredClone","blockVariations","hasBackgroundPanel","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","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","children","title","label","className","inheritedValue","value","onChange","defaultValues","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 {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\n// Initial control values.\nconst BACKGROUND_BLOCK_DEFAULT_VALUES = {\n\tbackgroundSize: 'cover',\n\tbackgroundPosition: '50% 50%', // used only when backgroundSize is 'contain'.\n};\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\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tuseHasBackgroundPanel,\n\tBackgroundPanel: StylesBackgroundPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\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 settingsForBlockElement = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tname\n\t);\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\tlet disableBlockGap = false;\n\tif (\n\t\tsettingsForBlockElement?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.skipSerialization === true \|\|\n\t\t\tblockType?.supports?.spacing?.skipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tdisableBlockGap = true;\n\t}\n\n\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tlet disableAspectRatio = false;\n\tif (\n\t\tsettingsForBlockElement?.dimensions?.aspectRatio &&\n\t\tname === 'core/group'\n\t) {\n\t\tdisableAspectRatio = true;\n\t}\n\n\tconst settings = useMemo( () => {\n\t\tconst updatedSettings = structuredClone( settingsForBlockElement );\n\t\tif ( disableBlockGap ) {\n\t\t\tupdatedSettings.spacing.blockGap = false;\n\t\t}\n\t\tif ( disableAspectRatio ) {\n\t\t\tupdatedSettings.dimensions.aspectRatio = false;\n\t\t}\n\t\treturn updatedSettings;\n\t}, [ settingsForBlockElement, disableBlockGap, disableAspectRatio ] );\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( 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{ hasBackgroundPanel && (\n\t\t\t\t<StylesBackgroundPanel\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\tdefaultValues={ BACKGROUND_BLOCK_DEFAULT_VALUES }\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{ 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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","ignoreList":[]}

package/build-module/components/global-styles/screen-style-variations.js CHANGED Viewed

@@ -1,11 +1,12 @@
 /**
  * WordPress dependencies
  */
+import { privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
 import { Card, CardBody } from '@wordpress/components';
+import { useSelect, useDispatch } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { useDispatch } from '@wordpress/data';
 import { store as editorStore } from '@wordpress/editor';
+import { useEffect } from '@wordpress/element';
 /**
  * Internal dependencies
@@ -19,13 +20,18 @@ const {
 } = unlock(blockEditorPrivateApis);
 function ScreenStyleVariations() {
   // Style Variations should only be previewed in with
-  // - a "zoomed out" editor
+  // - a "zoomed out" editor (but not when in preview mode)
   // - "Desktop" device preview
+  const isPreviewMode = useSelect(select => {
+    return select(blockEditorStore).getSettings().isPreviewMode;
+  }, []);
   const {
     setDeviceType
   } = useDispatch(editorStore);
-  useZoomOut();
-  setDeviceType('desktop');
+  useZoomOut(!isPreviewMode);
+  useEffect(() => {
+    setDeviceType('desktop');
+  }, [setDeviceType]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(ScreenHeader, {
       title: __('Browse styles'),

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

	@@ -1 +1 @@
1	- {"version":3,"names":["~~Card~~","~~CardBody~~","__","~~privateApis~~","~~blockEditorPrivateApis~~","useDispatch","~~store~~","editorStore","ScreenHeader","SidebarNavigationScreenGlobalStylesContent","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useZoomOut","ScreenStyleVariations","setDeviceType","children","title","description","size","isBorderless","className"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { ~~Card,~~ ~~CardBody~~ } from '@wordpress/~~components~~';\nimport { __ } from '@wordpress/~~i18n~~';\nimport { ~~privateApis~~ as ~~blockEditorPrivateApis~~ } from '@wordpress/~~block-editor~~';\nimport { ~~useDispatch~~ } from '@wordpress/~~data~~';\nimport { store as editorStore } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor\n\t// - \"Desktop\" device preview\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut();\n\tsetDeviceType( 'desktop' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":"AAAA;AACA;AACA;AACA,~~SAASA~~,IAAI,EAAEC,QAAQ,QAAQ,uBAAuB;AACtD,SAASC,~~EAAE~~,QAAQ,iBAAiB;~~AACpC~~,SAASC,~~WAAW~~,~~IAAIC,sBAAsB,~~QAAQ,~~yBAAyB~~;~~AAC/E~~,~~SAASC~~,WAAW,QAAQ,~~iBAAiB~~;~~AAC7C~~,SAASC,~~KAAK~~,~~IAAIC,WAAW,~~QAAQ,~~mBAAmB~~;;~~AAExD~~;AACA;AACA;AACA,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,0CAA0C,MAAM,oDAAoD;AAC3G,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAW,CAAC,GAAGP,MAAM,~~CAAEN~~,sBAAuB,CAAC;AAEvD,~~SAASc~~,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAM;~~IAAEC~~;EAAc,CAAC,~~GAAGd~~,WAAW,CAAEE,WAAY,CAAC;~~EACpDU~~,UAAU,~~CAAC~~,CAAC;~~EACZE~~,aAAa,CAAE,SAAU,CAAC;~~EAE1B~~,~~oBACCH~~,KAAA,CAAAF,SAAA;~~IAAAM~~,QAAA,~~gBACCR~~,IAAA,CAACJ,YAAY;~~MACZa~~,KAAK,EAAGnB,EAAE,CAAE,eAAgB,CAAG;MAC/BoB,WAAW,EAAGpB,EAAE,CACf,oDACD;IAAG,CACH,CAAC,~~eAEFU~~,IAAA,~~CAACZ~~,IAAI;~~MACJuB~~,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAL,QAAA,~~eAE3DR~~,IAAA,~~CAACX~~,QAAQ;~~QAAAmB~~,QAAA,~~eACRR~~,IAAA,CAACH,0CAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,eAAeS,qBAAqB","ignoreList":[]}
1	+ {"version":3,"names":["privateApis","blockEditorPrivateApis","store","blockEditorStore","Card","CardBody","useSelect","useDispatch","__","editorStore","useEffect","ScreenHeader","SidebarNavigationScreenGlobalStylesContent","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useZoomOut","ScreenStyleVariations","isPreviewMode","select","getSettings","setDeviceType","children","title","description","size","isBorderless","className"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useEffect } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tconst { setDeviceType } = useDispatch( editorStore );\n\tuseZoomOut( ! isPreviewMode );\n\tuseEffect( () => {\n\t\tsetDeviceType( 'desktop' );\n\t}, [ setDeviceType ] );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,WAAW,IAAIC,sBAAsB,EACrCC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,IAAI,EAAEC,QAAQ,QAAQ,uBAAuB;AACtD,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASN,KAAK,IAAIO,WAAW,QAAQ,mBAAmB;AACxD,SAASC,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,0CAA0C,MAAM,oDAAoD;AAC3G,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAW,CAAC,GAAGP,MAAM,CAAEZ,sBAAuB,CAAC;AAEvD,SAASoB,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAMC,aAAa,GAAGhB,SAAS,CAAIiB,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEpB,gBAAiB,CAAC,CAACqB,WAAW,CAAC,CAAC,CAACF,aAAa;EAC9D,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEG;EAAc,CAAC,GAAGlB,WAAW,CAAEE,WAAY,CAAC;EACpDW,UAAU,CAAE,CAAEE,aAAc,CAAC;EAC7BZ,SAAS,CAAE,MAAM;IAChBe,aAAa,CAAE,SAAU,CAAC;EAC3B,CAAC,EAAE,CAAEA,aAAa,CAAG,CAAC;EAEtB,oBACCN,KAAA,CAAAF,SAAA;IAAAS,QAAA,gBACCX,IAAA,CAACJ,YAAY;MACZgB,KAAK,EAAGnB,EAAE,CAAE,eAAgB,CAAG;MAC/BoB,WAAW,EAAGpB,EAAE,CACf,oDACD;IAAG,CACH,CAAC,eAEFO,IAAA,CAACX,IAAI;MACJyB,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAL,QAAA,eAE3DX,IAAA,CAACV,QAAQ;QAAAqB,QAAA,eACRX,IAAA,CAACH,0CAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,eAAeS,qBAAqB","ignoreList":[]}

package/build-module/components/global-styles/ui.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { __ } from '@wordpress/i18n';
 import { store as preferencesStore } from '@wordpress/preferences';
 import { moreVertical } from '@wordpress/icons';
 import { store as coreStore } from '@wordpress/core-data';
-import { useEffect, Fragment } from '@wordpress/element';
+import { useEffect } from '@wordpress/element';
 import { usePrevious } from '@wordpress/compose';
 /**

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

	@@ -1 +1 @@
1	- {"version":3,"names":["Navigator","useNavigator","createSlotFill","DropdownMenu","MenuGroup","MenuItem","getBlockTypes","store","blocksStore","useSelect","useDispatch","privateApis","blockEditorPrivateApis","blockEditorStore","__","preferencesStore","moreVertical","coreStore","useEffect","Fragment","usePrevious","ScreenRoot","useBlockHasGlobalStyles","default","ScreenBlockList","ScreenBlock","ScreenTypography","ScreenTypographyElement","FontSize","FontSizes","ScreenColors","ScreenColorPalette","ScreenBackground","ScreenShadows","ScreenShadowsEdit","ScreenLayout","ScreenStyleVariations","StyleBook","ScreenCSS","ScreenRevisions","unlock","editSiteStore","STYLE_BOOK_COLOR_GROUPS","jsx","_jsx","jsxs","_jsxs","_Fragment","SLOT_FILL_NAME","useGlobalStylesReset","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","GlobalStylesActionMenu","canReset","onReset","toggle","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","loadCustomCSS","children","icon","label","toggleProps","size","onClose","onClick","disabled","GlobalStylesNavigationScreen","className","props","Screen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","find","group","slug","goTo","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","clientId","blockHasGlobalStyles","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","isBack","useNavigatorSync","parentPath","onPathChange","childPath","previousParentPath","previousChildPath","NavigationSync","GlobalStylesUI","blocks","initialPath","element","block"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tNavigator,\n\tuseNavigator,\n\tcreateSlotFill,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect, Fragment } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport FontSize from './font-sizes/font-size';\nimport FontSizes from './font-sizes/font-sizes';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenBackground from './screen-background';\nimport { ScreenShadows, ScreenShadowsEdit } from './screen-shadows';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { toggle } = useDispatch( preferencesStore );\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 { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset styles' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<Navigator.Screen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` \|\|\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\tif (\n\t\t\t\t\tSTYLE_BOOK_COLOR_GROUPS.find(\n\t\t\t\t\t\t( group ) => group.slug === blockName\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\t// Go to color palettes Global Styles.\n\t\t\t\t\tnavigator.goTo( '/colors/palette' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( blockName === 'typography' ) {\n\t\t\t\t\t// Go to typography Global Styles.\n\t\t\t\t\tnavigator.goTo( '/typography' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId \|\| ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\tconst path = location?.path;\n\tconst isRevisionsOpen = path === '/revisions';\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tif ( ! isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/revisions' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'global-styles-css':\n\t\t\t\tgoTo( '/css' );\n\t\t\t\tbreak;\n\t\t\t// The stand-alone style book is open\n\t\t\t// and the revisions panel is open,\n\t\t\t// close the revisions panel.\n\t\t\t// Otherwise keep the style book open while\n\t\t\t// browsing global styles panel.\n\t\t\t//\n\t\t\t// Falling through as it matches the default scenario.\n\t\t\tcase 'style-book':\n\t\t\tdefault:\n\t\t\t\t// In general, if the revision screen is in view but the\n\t\t\t\t// `editorCanvasContainerView` is not a revision view, close it.\n\t\t\t\t// This also includes the scenario when the stand-alone style\n\t\t\t\t// book is open, in which case we want the user to close the\n\t\t\t\t// revisions screen and browse global styles.\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/', { isBack: true } );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, isRevisionsOpen, goTo ] );\n}\n\nfunction useNavigatorSync( parentPath, onPathChange ) {\n\tconst navigator = useNavigator();\n\tconst { path: childPath } = navigator.location;\n\tconst previousParentPath = usePrevious( parentPath );\n\tconst previousChildPath = usePrevious( childPath );\n\tuseEffect( () => {\n\t\tif ( parentPath !== childPath ) {\n\t\t\tif ( parentPath !== previousParentPath ) {\n\t\t\t\tnavigator.goTo( parentPath );\n\t\t\t} else if ( childPath !== previousChildPath ) {\n\t\t\t\tonPathChange( childPath );\n\t\t\t}\n\t\t}\n\t}, [\n\t\tonPathChange,\n\t\tparentPath,\n\t\tpreviousChildPath,\n\t\tpreviousParentPath,\n\t\tchildPath,\n\t\tnavigator,\n\t] );\n}\n\n// This component is used to wrap the hook in order to conditionally execute it\n// when the parent component is used on controlled mode.\nfunction NavigationSync( { path: parentPath, onPathChange, children } ) {\n\tuseNavigatorSync( parentPath, onPathChange );\n\treturn children;\n}\n\nfunction GlobalStylesUI( { path, onPathChange } ) {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<Navigator\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t{ path && onPathChange && (\n\t\t\t\t<NavigationSync path={ path } onPathChange={ onPathChange } />\n\t\t\t) }\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes\">\n\t\t\t\t<FontSizes />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes/:origin/:slug\">\n\t\t\t\t<FontSize />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows\">\n\t\t\t\t<ScreenShadows />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows/edit/:category/:slug\">\n\t\t\t\t<ScreenShadowsEdit />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/revisions\">\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/background\">\n\t\t\t\t<ScreenBackground />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</Navigator>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["Navigator","useNavigator","createSlotFill","DropdownMenu","MenuGroup","MenuItem","getBlockTypes","store","blocksStore","useSelect","useDispatch","privateApis","blockEditorPrivateApis","blockEditorStore","__","preferencesStore","moreVertical","coreStore","useEffect","usePrevious","ScreenRoot","useBlockHasGlobalStyles","default","ScreenBlockList","ScreenBlock","ScreenTypography","ScreenTypographyElement","FontSize","FontSizes","ScreenColors","ScreenColorPalette","ScreenBackground","ScreenShadows","ScreenShadowsEdit","ScreenLayout","ScreenStyleVariations","StyleBook","ScreenCSS","ScreenRevisions","unlock","editSiteStore","STYLE_BOOK_COLOR_GROUPS","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SLOT_FILL_NAME","useGlobalStylesReset","Slot","GlobalStylesMenuSlot","Fill","GlobalStylesMenuFill","GlobalStylesActionMenu","canReset","onReset","toggle","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","setEditorCanvasContainerView","loadCustomCSS","children","icon","label","toggleProps","size","onClose","onClick","disabled","GlobalStylesNavigationScreen","className","props","Screen","filter","Boolean","join","BlockStylesNavigationScreens","parentMenu","blockStyles","blockName","map","style","index","path","name","variation","ContextScreens","blockStyleVariations","getBlockStyles","length","GlobalStylesStyleBook","navigator","location","isSelected","encodeURIComponent","startsWith","onSelect","find","group","slug","goTo","GlobalStylesBlockLink","selectedBlockName","selectedBlockClientId","getSelectedBlockClientId","getBlockName","clientId","blockHasGlobalStyles","currentPath","newPath","skipFocus","GlobalStylesEditorCanvasContainerLink","editorCanvasContainerView","getEditorCanvasContainerView","isRevisionsOpen","isBack","useNavigatorSync","parentPath","onPathChange","childPath","previousParentPath","previousChildPath","NavigationSync","GlobalStylesUI","blocks","initialPath","element","block"],"sources":["@wordpress/edit-site/src/components/global-styles/ui.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tNavigator,\n\tuseNavigator,\n\tcreateSlotFill,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n} from '@wordpress/components';\nimport { getBlockTypes, store as blocksStore } from '@wordpress/blocks';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { moreVertical } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useEffect } from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport ScreenRoot from './screen-root';\nimport {\n\tuseBlockHasGlobalStyles,\n\tdefault as ScreenBlockList,\n} from './screen-block-list';\nimport ScreenBlock from './screen-block';\nimport ScreenTypography from './screen-typography';\nimport ScreenTypographyElement from './screen-typography-element';\nimport FontSize from './font-sizes/font-size';\nimport FontSizes from './font-sizes/font-sizes';\nimport ScreenColors from './screen-colors';\nimport ScreenColorPalette from './screen-color-palette';\nimport ScreenBackground from './screen-background';\nimport { ScreenShadows, ScreenShadowsEdit } from './screen-shadows';\nimport ScreenLayout from './screen-layout';\nimport ScreenStyleVariations from './screen-style-variations';\nimport StyleBook from '../style-book';\nimport ScreenCSS from './screen-css';\nimport ScreenRevisions from './screen-revisions';\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';\n\nconst SLOT_FILL_NAME = 'GlobalStylesMenu';\nconst { useGlobalStylesReset } = unlock( blockEditorPrivateApis );\nconst { Slot: GlobalStylesMenuSlot, Fill: GlobalStylesMenuFill } =\n\tcreateSlotFill( SLOT_FILL_NAME );\n\nfunction GlobalStylesActionMenu() {\n\tconst [ canReset, onReset ] = useGlobalStylesReset();\n\tconst { toggle } = useDispatch( preferencesStore );\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 { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst loadCustomCSS = () => {\n\t\tsetEditorCanvasContainerView( 'global-styles-css' );\n\t};\n\n\treturn (\n\t\t<GlobalStylesMenuFill>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'More' ) }\n\t\t\t\ttoggleProps={ { size: 'compact' } }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t{ canEditCSS && (\n\t\t\t\t\t\t\t\t<MenuItem onClick={ loadCustomCSS }>\n\t\t\t\t\t\t\t\t\t{ __( 'Additional CSS' ) }\n\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\ttoggle(\n\t\t\t\t\t\t\t\t\t\t'core/edit-site',\n\t\t\t\t\t\t\t\t\t\t'welcomeGuideStyles'\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tonReset();\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tdisabled={ ! canReset }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Reset styles' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</GlobalStylesMenuFill>\n\t);\n}\n\nfunction GlobalStylesNavigationScreen( { className, ...props } ) {\n\treturn (\n\t\t<Navigator.Screen\n\t\t\tclassName={ [\n\t\t\t\t'edit-site-global-styles-sidebar__navigator-screen',\n\t\t\t\tclassName,\n\t\t\t]\n\t\t\t\t.filter( Boolean )\n\t\t\t\t.join( ' ' ) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction BlockStylesNavigationScreens( {\n\tparentMenu,\n\tblockStyles,\n\tblockName,\n} ) {\n\treturn blockStyles.map( ( style, index ) => (\n\t\t<GlobalStylesNavigationScreen\n\t\t\tkey={ index }\n\t\t\tpath={ parentMenu + '/variations/' + style.name }\n\t\t>\n\t\t\t<ScreenBlock name={ blockName } variation={ style.name } />\n\t\t</GlobalStylesNavigationScreen>\n\t) );\n}\n\nfunction ContextScreens( { name, parentMenu = '' } ) {\n\tconst blockStyleVariations = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\tpath={ parentMenu + '/colors/palette' }\n\t\t\t>\n\t\t\t\t<ScreenColorPalette name={ name } />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ !! blockStyleVariations?.length && (\n\t\t\t\t<BlockStylesNavigationScreens\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\tblockStyles={ blockStyleVariations }\n\t\t\t\t\tblockName={ name }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction GlobalStylesStyleBook() {\n\tconst navigator = useNavigator();\n\tconst { path } = navigator.location;\n\treturn (\n\t\t<StyleBook\n\t\t\tisSelected={ ( blockName ) =>\n\t\t\t\t// Match '/blocks/core%2Fbutton' and\n\t\t\t\t// '/blocks/core%2Fbutton/typography', but not\n\t\t\t\t// '/blocks/core%2Fbuttons'.\n\t\t\t\tpath === `/blocks/${ encodeURIComponent( blockName ) }` \|\|\n\t\t\t\tpath.startsWith(\n\t\t\t\t\t`/blocks/${ encodeURIComponent( blockName ) }/`\n\t\t\t\t)\n\t\t\t}\n\t\t\tonSelect={ ( blockName ) => {\n\t\t\t\tif (\n\t\t\t\t\tSTYLE_BOOK_COLOR_GROUPS.find(\n\t\t\t\t\t\t( group ) => group.slug === blockName\n\t\t\t\t\t)\n\t\t\t\t) {\n\t\t\t\t\t// Go to color palettes Global Styles.\n\t\t\t\t\tnavigator.goTo( '/colors/palette' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( blockName === 'typography' ) {\n\t\t\t\t\t// Go to typography Global Styles.\n\t\t\t\t\tnavigator.goTo( '/typography' );\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Now go to the selected block.\n\t\t\t\tnavigator.goTo( '/blocks/' + encodeURIComponent( blockName ) );\n\t\t\t} }\n\t\t/>\n\t);\n}\n\nfunction GlobalStylesBlockLink() {\n\tconst navigator = useNavigator();\n\tconst { selectedBlockName, selectedBlockClientId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSelectedBlockClientId, getBlockName } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst clientId = getSelectedBlockClientId();\n\t\t\treturn {\n\t\t\t\tselectedBlockName: getBlockName( clientId ),\n\t\t\t\tselectedBlockClientId: clientId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst blockHasGlobalStyles = useBlockHasGlobalStyles( selectedBlockName );\n\t// When we're in the `Blocks` screen enable deep linking to the selected block.\n\tuseEffect( () => {\n\t\tif ( ! selectedBlockClientId \|\| ! blockHasGlobalStyles ) {\n\t\t\treturn;\n\t\t}\n\t\tconst currentPath = navigator.location.path;\n\t\tif (\n\t\t\tcurrentPath !== '/blocks' &&\n\t\t\t! currentPath.startsWith( '/blocks/' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst newPath = '/blocks/' + encodeURIComponent( selectedBlockName );\n\t\t// Avoid navigating to the same path. This can happen when selecting\n\t\t// a new block of the same type.\n\t\tif ( newPath !== currentPath ) {\n\t\t\tnavigator.goTo( newPath, { skipFocus: true } );\n\t\t}\n\t}, [ selectedBlockClientId, selectedBlockName, blockHasGlobalStyles ] );\n}\n\nfunction GlobalStylesEditorCanvasContainerLink() {\n\tconst { goTo, location } = useNavigator();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\tconst path = location?.path;\n\tconst isRevisionsOpen = path === '/revisions';\n\n\t// If the user switches the editor canvas container view, redirect\n\t// to the appropriate screen. This effectively allows deep linking to the\n\t// desired screens from outside the global styles navigation provider.\n\tuseEffect( () => {\n\t\tswitch ( editorCanvasContainerView ) {\n\t\t\tcase 'global-styles-revisions':\n\t\t\tcase 'global-styles-revisions:style-book':\n\t\t\t\tif ( ! isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/revisions' );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\tcase 'global-styles-css':\n\t\t\t\tgoTo( '/css' );\n\t\t\t\tbreak;\n\t\t\t// The stand-alone style book is open\n\t\t\t// and the revisions panel is open,\n\t\t\t// close the revisions panel.\n\t\t\t// Otherwise keep the style book open while\n\t\t\t// browsing global styles panel.\n\t\t\t//\n\t\t\t// Falling through as it matches the default scenario.\n\t\t\tcase 'style-book':\n\t\t\tdefault:\n\t\t\t\t// In general, if the revision screen is in view but the\n\t\t\t\t// `editorCanvasContainerView` is not a revision view, close it.\n\t\t\t\t// This also includes the scenario when the stand-alone style\n\t\t\t\t// book is open, in which case we want the user to close the\n\t\t\t\t// revisions screen and browse global styles.\n\t\t\t\tif ( isRevisionsOpen ) {\n\t\t\t\t\tgoTo( '/', { isBack: true } );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t}, [ editorCanvasContainerView, isRevisionsOpen, goTo ] );\n}\n\nfunction useNavigatorSync( parentPath, onPathChange ) {\n\tconst navigator = useNavigator();\n\tconst { path: childPath } = navigator.location;\n\tconst previousParentPath = usePrevious( parentPath );\n\tconst previousChildPath = usePrevious( childPath );\n\tuseEffect( () => {\n\t\tif ( parentPath !== childPath ) {\n\t\t\tif ( parentPath !== previousParentPath ) {\n\t\t\t\tnavigator.goTo( parentPath );\n\t\t\t} else if ( childPath !== previousChildPath ) {\n\t\t\t\tonPathChange( childPath );\n\t\t\t}\n\t\t}\n\t}, [\n\t\tonPathChange,\n\t\tparentPath,\n\t\tpreviousChildPath,\n\t\tpreviousParentPath,\n\t\tchildPath,\n\t\tnavigator,\n\t] );\n}\n\n// This component is used to wrap the hook in order to conditionally execute it\n// when the parent component is used on controlled mode.\nfunction NavigationSync( { path: parentPath, onPathChange, children } ) {\n\tuseNavigatorSync( parentPath, onPathChange );\n\treturn children;\n}\n\nfunction GlobalStylesUI( { path, onPathChange } ) {\n\tconst blocks = getBlockTypes();\n\tconst editorCanvasContainerView = useSelect(\n\t\t( select ) =>\n\t\t\tunlock( select( editSiteStore ) ).getEditorCanvasContainerView(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<Navigator\n\t\t\tclassName=\"edit-site-global-styles-sidebar__navigator-provider\"\n\t\t\tinitialPath=\"/\"\n\t\t>\n\t\t\t{ path && onPathChange && (\n\t\t\t\t<NavigationSync path={ path } onPathChange={ onPathChange } />\n\t\t\t) }\n\t\t\t<GlobalStylesNavigationScreen path=\"/\">\n\t\t\t\t<ScreenRoot />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/variations\">\n\t\t\t\t<ScreenStyleVariations />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/blocks\">\n\t\t\t\t<ScreenBlockList />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography\">\n\t\t\t\t<ScreenTypography />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes\">\n\t\t\t\t<FontSizes />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/font-sizes/:origin/:slug\">\n\t\t\t\t<FontSize />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/text\">\n\t\t\t\t<ScreenTypographyElement element=\"text\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/link\">\n\t\t\t\t<ScreenTypographyElement element=\"link\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/heading\">\n\t\t\t\t<ScreenTypographyElement element=\"heading\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/caption\">\n\t\t\t\t<ScreenTypographyElement element=\"caption\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/typography/button\">\n\t\t\t\t<ScreenTypographyElement element=\"button\" />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/colors\">\n\t\t\t\t<ScreenColors />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows\">\n\t\t\t\t<ScreenShadows />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/shadows/edit/:category/:slug\">\n\t\t\t\t<ScreenShadowsEdit />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/layout\">\n\t\t\t\t<ScreenLayout />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/css\">\n\t\t\t\t<ScreenCSS />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/revisions\">\n\t\t\t\t<ScreenRevisions />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t<GlobalStylesNavigationScreen path=\"/background\">\n\t\t\t\t<ScreenBackground />\n\t\t\t</GlobalStylesNavigationScreen>\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<GlobalStylesNavigationScreen\n\t\t\t\t\tkey={ 'menu-block-' + block.name }\n\t\t\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t>\n\t\t\t\t\t<ScreenBlock name={ block.name } />\n\t\t\t\t</GlobalStylesNavigationScreen>\n\t\t\t) ) }\n\n\t\t\t<ContextScreens />\n\n\t\t\t{ blocks.map( ( block ) => (\n\t\t\t\t<ContextScreens\n\t\t\t\t\tkey={ 'screens-block-' + block.name }\n\t\t\t\t\tname={ block.name }\n\t\t\t\t\tparentMenu={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\t\t/>\n\t\t\t) ) }\n\n\t\t\t{ 'style-book' === editorCanvasContainerView && (\n\t\t\t\t<GlobalStylesStyleBook />\n\t\t\t) }\n\n\t\t\t<GlobalStylesActionMenu />\n\t\t\t<GlobalStylesBlockLink />\n\t\t\t<GlobalStylesEditorCanvasContainerLink />\n\t\t</Navigator>\n\t);\n}\nexport { GlobalStylesMenuSlot };\nexport default GlobalStylesUI;\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ import { FlexItem, Flex, Button } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { styles, seen, backup } from '@wordpress/icons';
 import { useSelect, useDispatch } from '@wordpress/data';
-import { useEffect } from '@wordpress/element';
+import { useEffect, useRef } from '@wordpress/element';
 import { store as preferencesStore } from '@wordpress/preferences';
 import { store as editorStore, privateApis as editorPrivateApis } from '@wordpress/editor';
 import { useViewportMatch } from '@wordpress/compose';
@@ -32,7 +32,8 @@ export default function GlobalStylesSidebar() {
     params
   } = useLocation();
   const {
-    canvas = 'view'
+    canvas = 'view',
+    path
   } = params;
   const {
     shouldClearCanvasContainerView,
@@ -107,6 +108,21 @@ export default function GlobalStylesSidebar() {
     setIsListViewOpened(isStyleBookOpened && showListViewByDefault);
     setEditorCanvasContainerView(isStyleBookOpened ? undefined : 'style-book');
   };
+  const {
+    getActiveComplementaryArea
+  } = useSelect(interfaceStore);
+  const {
+    enableComplementaryArea
+  } = useDispatch(interfaceStore);
+  const previousActiveAreaRef = useRef(null);
+  useEffect(() => {
+    if (path?.startsWith('/wp_global_styles') && canvas === 'edit') {
+      previousActiveAreaRef.current = getActiveComplementaryArea('core');
+      enableComplementaryArea('core', 'edit-site/global-styles');
+    } else if (previousActiveAreaRef.current) {
+      enableComplementaryArea('core', previousActiveAreaRef.current);
+    }
+  }, [path, enableComplementaryArea, canvas, getActiveComplementaryArea]);
   return /*#__PURE__*/_jsx(DefaultSidebar, {
     className: "edit-site-global-styles-sidebar",
     identifier: "edit-site/global-styles",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["FlexItem","Flex","Button","__","styles","seen","backup","useSelect","useDispatch","useEffect","store","preferencesStore","editorStore","privateApis","editorPrivateApis","useViewportMatch","routerPrivateApis","GlobalStylesUI","editSiteStore","GlobalStylesMenuSlot","unlock","coreStore","DefaultSidebar","jsx","_jsx","jsxs","_jsxs","interfaceStore","useLocation","GlobalStylesSidebar","params","canvas","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","select","getActiveComplementaryArea","getEditorCanvasContainerView","canvasContainerView","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","isMobileViewport","setIsListViewOpened","toggleRevisions","toggleStyleBook","className","identifier","title","icon","closeLabel","panelClassName","header","gap","children","justify","label","isPressed","accessibleWhenDisabled","disabled","onClick","size"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { FlexItem, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst { params } = useLocation();\n\tconst { canvas = 'view' } = params;\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\t\tconst _isVisualEditorMode =\n\t\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\t\tconst _isEditCanvasMode = 'edit' === canvas;\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\n\t\t\treturn {\n\t\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\t\tgetActiveComplementaryArea( 'core' ) \|\|\n\t\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t\t! _isEditCanvasMode,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t\thasRevisions:\n\t\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]\n\t\t\t\t\t\t?.count,\n\t\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t\t'global-styles-revisions:style-book' ===\n\t\t\t\t\tcanvasContainerView,\n\t\t\t\tisRevisionsOpened:\n\t\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t\t};\n\t\t},\n\t\t[ canvas ]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView, setEditorCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header-actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\t\tisStyleBookOpened \|\|\n\t\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\tisRevisionsOpened \|\|\n\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t\t</Flex>\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["FlexItem","Flex","Button","__","styles","seen","backup","useSelect","useDispatch","useEffect","useRef","store","preferencesStore","editorStore","privateApis","editorPrivateApis","useViewportMatch","routerPrivateApis","GlobalStylesUI","editSiteStore","GlobalStylesMenuSlot","unlock","coreStore","DefaultSidebar","jsx","_jsx","jsxs","_jsxs","interfaceStore","useLocation","GlobalStylesSidebar","params","canvas","path","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","select","getActiveComplementaryArea","getEditorCanvasContainerView","canvasContainerView","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","isMobileViewport","setIsListViewOpened","toggleRevisions","toggleStyleBook","enableComplementaryArea","previousActiveAreaRef","startsWith","current","className","identifier","title","icon","closeLabel","panelClassName","header","gap","children","justify","label","isPressed","accessibleWhenDisabled","disabled","onClick","size"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { FlexItem, Flex, Button } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { styles, seen, backup } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\nconst { useLocation } = unlock( routerPrivateApis );\n\nexport default function GlobalStylesSidebar() {\n\tconst { params } = useLocation();\n\tconst { canvas = 'view', path } = params;\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\t\tconst { getEditorCanvasContainerView } = unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t);\n\t\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\t\tconst _isVisualEditorMode =\n\t\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\t\tconst _isEditCanvasMode = 'edit' === canvas;\n\t\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t\t'core',\n\t\t\t\t'showListViewByDefault'\n\t\t\t);\n\t\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\t\tselect( coreStore );\n\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\n\t\t\treturn {\n\t\t\t\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\t\tgetActiveComplementaryArea( 'core' ) \|\|\n\t\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t\t! _isEditCanvasMode,\n\t\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\t\thasRevisions:\n\t\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]\n\t\t\t\t\t\t?.count,\n\t\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t\t'global-styles-revisions:style-book' ===\n\t\t\t\t\tcanvasContainerView,\n\t\t\t\tisRevisionsOpened:\n\t\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t\t};\n\t\t},\n\t\t[ canvas ]\n\t);\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView, setEditorCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t} else {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t}\n\t};\n\tconst toggleStyleBook = () => {\n\t\tif ( isRevisionsOpened ) {\n\t\t\tsetEditorCanvasContainerView(\n\t\t\t\t'global-styles-revisions:style-book'\n\t\t\t);\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tsetEditorCanvasContainerView( 'global-styles-revisions' );\n\t\t\treturn;\n\t\t}\n\t\tsetIsListViewOpened( isStyleBookOpened && showListViewByDefault );\n\t\tsetEditorCanvasContainerView(\n\t\t\tisStyleBookOpened ? undefined : 'style-book'\n\t\t);\n\t};\n\n\tconst { getActiveComplementaryArea } = useSelect( interfaceStore );\n\tconst { enableComplementaryArea } = useDispatch( interfaceStore );\n\tconst previousActiveAreaRef = useRef( null );\n\n\tuseEffect( () => {\n\t\tif ( path?.startsWith( '/wp_global_styles' ) && canvas === 'edit' ) {\n\t\t\tpreviousActiveAreaRef.current =\n\t\t\t\tgetActiveComplementaryArea( 'core' );\n\t\t\tenableComplementaryArea( 'core', 'edit-site/global-styles' );\n\t\t} else if ( previousActiveAreaRef.current ) {\n\t\t\tenableComplementaryArea( 'core', previousActiveAreaRef.current );\n\t\t}\n\t}, [ path, enableComplementaryArea, canvas, getActiveComplementaryArea ] );\n\n\treturn (\n\t\t<DefaultSidebar\n\t\t\tclassName=\"edit-site-global-styles-sidebar\"\n\t\t\tidentifier=\"edit-site/global-styles\"\n\t\t\ttitle={ __( 'Styles' ) }\n\t\t\ticon={ styles }\n\t\t\tcloseLabel={ __( 'Close Styles' ) }\n\t\t\tpanelClassName=\"edit-site-global-styles-sidebar__panel\"\n\t\t\theader={\n\t\t\t\t<Flex\n\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header\"\n\t\t\t\t\tgap={ 1 }\n\t\t\t\t>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<h2 className=\"edit-site-global-styles-sidebar__header-title\">\n\t\t\t\t\t\t\t{ __( 'Styles' ) }\n\t\t\t\t\t\t</h2>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\tgap={ 1 }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-sidebar__header-actions\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isMobileViewport && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\t\tisStyleBookOpened \|\|\n\t\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\t\tisRevisionsOpened \|\|\n\t\t\t\t\t\t\t\t\tisRevisionsStyleBookOpened\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<GlobalStylesMenuSlot />\n\t\t\t\t\t</Flex>\n\t\t\t\t</Flex>\n\t\t\t}\n\t\t>\n\t\t\t<GlobalStylesUI />\n\t\t</DefaultSidebar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/page-patterns/header.js CHANGED Viewed

@@ -2,7 +2,7 @@
  * WordPress dependencies
  */
 import { DropdownMenu, MenuGroup, __experimentalHStack as HStack, __experimentalHeading as Heading, __experimentalText as Text, __experimentalVStack as VStack } from '@wordpress/components';
-import { store as editorStore } from '@wordpress/editor';
+import { store as coreStore } from '@wordpress/core-data';
 import { useSelect } from '@wordpress/data';
 import { __, sprintf } from '@wordpress/i18n';
 import { moreVertical } from '@wordpress/icons';
@@ -25,7 +25,7 @@ export default function PatternsHeader({
   const {
     patternCategories
   } = usePatternCategories();
-  const templatePartAreas = useSelect(select => select(editorStore).__experimentalGetDefaultTemplatePartAreas(), []);
+  const templatePartAreas = useSelect(select => select(coreStore).getEntityRecord('root', '__unstableBase')?.default_template_part_areas || [], []);
   let title, description, patternCategory;
   if (type === TEMPLATE_PART_POST_TYPE) {
     const templatePartArea = templatePartAreas.find(area => area.area === categoryId);

package/build-module/components/page-patterns/header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["DropdownMenu","MenuGroup","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","__experimentalVStack","VStack","store","~~editorStore~~","useSelect","__","sprintf","moreVertical","AddNewPattern","RenameCategoryMenuItem","DeleteCategoryMenuItem","usePatternCategories","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","~~__experimentalGetDefaultTemplatePartAreas~~","title","description","patternCategory","templatePartArea","find","area","label","user","category","name","className","spacing","children","justify","as","level","id","weight","truncate","expanded","icon","toggleProps","size","onClose","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as ~~editorStore~~ } from '@wordpress/~~editor~~';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport AddNewPattern from '../add-new-pattern';\nimport RenameCategoryMenuItem from './rename-category-menu-item';\nimport DeleteCategoryMenuItem from './delete-category-menu-item';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( ~~editorStore~~ ).~~__experimentalGetDefaultTemplatePartAreas~~(),\n\t\t[]\n\t);\n\n\tlet title, description, patternCategory;\n\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label \|\| __( 'All Template Parts' );\n\t\tdescription =\n\t\t\ttemplatePartArea?.description \|\|\n\t\t\t__( 'Includes every template part defined for any area.' );\n\t} else if ( type === PATTERN_TYPES.user && !! categoryId ) {\n\t\tpatternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\" spacing={ 1 }>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"edit-site-patterns__title\"\n\t\t\t>\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tid={ titleId }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\ttruncate\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t<AddNewPattern />\n\t\t\t\t\t{ !! patternCategory?.id && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\t\t\tdescription: sprintf(\n\t\t\t\t\t\t\t\t\t/ translators: %s: pattern category name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern category' ),\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<RenameCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<DeleteCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t\t{ description ? (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\tclassName=\"edit-site-patterns__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,YAAY,EACZC,SAAS,EACTC,oBAAoB,IAAIC,MAAM,EAC9BC,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,KAAK,IAAIC,~~WAAW~~,QAAQ,~~mBAAmB~~;~~AACxD~~,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,YAAY,QAAQ,kBAAkB;;AAE/C;AACA;AACA;AACA,OAAOC,aAAa,MAAM,oBAAoB;AAC9C,OAAOC,sBAAsB,MAAM,6BAA6B;AAChE,OAAOC,sBAAsB,MAAM,6BAA6B;AAChE,OAAOC,oBAAoB,MAAM,8DAA8D;AAC/F,SAASC,uBAAuB,EAAEC,aAAa,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/E,eAAe,SAASC,cAAcA,CAAE;EACvCC,UAAU;EACVC,IAAI;EACJC,OAAO;EACPC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAkB,CAAC,GAAGZ,oBAAoB,CAAC,CAAC;EACpD,MAAMa,iBAAiB,GAAGpB,SAAS,CAChCqB,MAAM,IACPA,MAAM,CAAEtB,~~WAAY~~,CAAC,CAACuB,~~yCAAyC~~,~~CAAC~~,CAAC,~~EAClE~~,EACD,CAAC;EAED,IAAIC,KAAK,EAAEC,WAAW,EAAEC,eAAe;EACvC,~~IAAKT~~,IAAI,KAAKR,uBAAuB,EAAG;IACvC,~~MAAMkB~~,gBAAgB,~~GAAGN~~,iBAAiB,~~CAACO~~,IAAI,CAC5CC,IAAI,IAAMA,IAAI,CAACA,IAAI,~~KAAKb~~,UAC3B,CAAC;~~IACDQ~~,KAAK,GAAGG,gBAAgB,EAAEG,KAAK,~~IAAI5B~~,EAAE,CAAE,oBAAqB,CAAC;~~IAC7DuB~~,WAAW,GACVE,gBAAgB,EAAEF,WAAW,~~IAC7BvB~~,EAAE,CAAE,oDAAqD,CAAC;EAC5D,CAAC,MAAM,IAAKe,IAAI,KAAKP,aAAa,~~CAACqB~~,IAAI,IAAI,CAAC,~~CAAEf~~,UAAU,EAAG;~~IAC1DU~~,eAAe,~~GAAGN~~,iBAAiB,~~CAACQ~~,IAAI,CACrCI,QAAQ,IAAMA,QAAQ,CAACC,IAAI,~~KAAKjB~~,UACnC,CAAC;~~IACDQ~~,KAAK,GAAGE,eAAe,EAAEI,KAAK;IAC9BL,WAAW,GAAGC,eAAe,EAAED,WAAW;EAC3C;EAEA,IAAK,CAAED,KAAK,EAAG;IACd,OAAO,IAAI;EACZ;EAEA,~~oBACCV~~,KAAA,CAAChB,MAAM;~~IAACoC~~,SAAS,EAAC,oCAAoC;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,~~gBACnEtB~~,KAAA,CAACtB,MAAM;~~MACN6C~~,OAAO,EAAC,eAAe;MACvBH,SAAS,EAAC,2BAA2B;MAAAE,QAAA,~~gBAErCxB~~,IAAA,CAAClB,OAAO;~~QACP4C~~,EAAE,EAAC,IAAI;QACPC,KAAK,EAAG,CAAG;QACXC,EAAE,~~EAAGtB~~,OAAS;~~QACduB~~,MAAM,EAAG,GAAK;QACdC,QAAQ;QAAAN,QAAA,EAENZ;MAAK,CACC,CAAC,~~eACVV~~,KAAA,CAACtB,MAAM;~~QAACmD~~,QAAQ,EAAG,KAAO;QAAAP,QAAA,~~gBACzBxB~~,IAAA,CAACP,aAAa,IAAE,CAAC,EACf,CAAC,~~CAAEqB~~,eAAe,EAAEc,EAAE,~~iBACvB5B~~,IAAA,CAACvB,YAAY;~~UACZuD~~,IAAI,~~EAAGxC~~,YAAc;~~UACrB0B~~,KAAK,~~EAAG5B~~,EAAE,CAAE,SAAU,CAAG;~~UACzB2C~~,WAAW,EAAG;YACbX,SAAS,EAAE,4BAA4B;YACvCT,WAAW,~~EAAEtB~~,OAAO,CACnB;YACAD,EAAE,CAAE,qCAAsC,CAAC,~~EAC3CsB~~,KACD,CAAC;YACDsB,IAAI,EAAE;UACP,CAAG;UAAAV,QAAA,EAEDA,CAAE;YAAEW;UAAQ,CAAC,~~kBACdjC~~,KAAA,CAACxB,SAAS;~~YAAA8C~~,QAAA,~~gBACTxB~~,IAAA,CAACN,sBAAsB;~~cACtB0B~~,QAAQ,EAAGN,eAAiB;cAC5BqB,OAAO,EAAGA;YAAS,CACnB,CAAC,~~eACFnC~~,IAAA,CAACL,sBAAsB;~~cACtByB~~,QAAQ,EAAGN,eAAiB;cAC5BqB,OAAO,EAAGA;YAAS,CACnB,CAAC;UAAA,CACQ;QACX,CACY,CACd;MAAA,CACM,CAAC;IAAA,CACF,CAAC,EACPtB,WAAW,~~gBACZb~~,IAAA,CAAChB,IAAI;~~MACJoD~~,OAAO,EAAC,OAAO;MACfV,EAAE,EAAC,GAAG;MACNE,EAAE,~~EAAGrB~~,aAAe;~~MACpBe~~,SAAS,EAAC,+BAA+B;MAAAE,QAAA,EAEvCX;IAAW,CACR,CAAC,GACJ,IAAI;EAAA,CACD,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["DropdownMenu","MenuGroup","__experimentalHStack","HStack","__experimentalHeading","Heading","__experimentalText","Text","__experimentalVStack","VStack","store","coreStore","useSelect","__","sprintf","moreVertical","AddNewPattern","RenameCategoryMenuItem","DeleteCategoryMenuItem","usePatternCategories","TEMPLATE_PART_POST_TYPE","PATTERN_TYPES","jsx","_jsx","jsxs","_jsxs","PatternsHeader","categoryId","type","titleId","descriptionId","patternCategories","templatePartAreas","select","getEntityRecord","default_template_part_areas","title","description","patternCategory","templatePartArea","find","area","label","user","category","name","className","spacing","children","justify","as","level","id","weight","truncate","expanded","icon","toggleProps","size","onClose","variant"],"sources":["@wordpress/edit-site/src/components/page-patterns/header.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tDropdownMenu,\n\tMenuGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalHeading as Heading,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\n/\n Internal dependencies\n /\nimport AddNewPattern from '../add-new-pattern';\nimport RenameCategoryMenuItem from './rename-category-menu-item';\nimport DeleteCategoryMenuItem from './delete-category-menu-item';\nimport usePatternCategories from '../sidebar-navigation-screen-patterns/use-pattern-categories';\nimport { TEMPLATE_PART_POST_TYPE, PATTERN_TYPES } from '../../utils/constants';\n\nexport default function PatternsHeader( {\n\tcategoryId,\n\ttype,\n\ttitleId,\n\tdescriptionId,\n} ) {\n\tconst { patternCategories } = usePatternCategories();\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecord( 'root', '__unstableBase' )\n\t\t\t\t?.default_template_part_areas \|\| [],\n\t\t[]\n\t);\n\n\tlet title, description, patternCategory;\n\tif ( type === TEMPLATE_PART_POST_TYPE ) {\n\t\tconst templatePartArea = templatePartAreas.find(\n\t\t\t( area ) => area.area === categoryId\n\t\t);\n\t\ttitle = templatePartArea?.label \|\| __( 'All Template Parts' );\n\t\tdescription =\n\t\t\ttemplatePartArea?.description \|\|\n\t\t\t__( 'Includes every template part defined for any area.' );\n\t} else if ( type === PATTERN_TYPES.user && !! categoryId ) {\n\t\tpatternCategory = patternCategories.find(\n\t\t\t( category ) => category.name === categoryId\n\t\t);\n\t\ttitle = patternCategory?.label;\n\t\tdescription = patternCategory?.description;\n\t}\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack className=\"edit-site-patterns__section-header\" spacing={ 1 }>\n\t\t\t<HStack\n\t\t\t\tjustify=\"space-between\"\n\t\t\t\tclassName=\"edit-site-patterns__title\"\n\t\t\t>\n\t\t\t\t<Heading\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\tid={ titleId }\n\t\t\t\t\tweight={ 500 }\n\t\t\t\t\ttruncate\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</Heading>\n\t\t\t\t<HStack expanded={ false }>\n\t\t\t\t\t<AddNewPattern />\n\t\t\t\t\t{ !! patternCategory?.id && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-patterns__button',\n\t\t\t\t\t\t\t\tdescription: sprintf(\n\t\t\t\t\t\t\t\t\t/ translators: %s: pattern category name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern category' ),\n\t\t\t\t\t\t\t\t\ttitle\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\tsize: 'compact',\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<RenameCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<DeleteCategoryMenuItem\n\t\t\t\t\t\t\t\t\t\tcategory={ patternCategory }\n\t\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t\t{ description ? (\n\t\t\t\t<Text\n\t\t\t\t\tvariant=\"muted\"\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\tclassName=\"edit-site-patterns__sub-title\"\n\t\t\t\t>\n\t\t\t\t\t{ description }\n\t\t\t\t</Text>\n\t\t\t) : null }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/page-patterns/use-patterns.js CHANGED Viewed

@@ -4,7 +4,6 @@
 import { parse } from '@wordpress/blocks';
 import { useSelect, createSelector } from '@wordpress/data';
 import { store as coreStore } from '@wordpress/core-data';
-import { store as editorStore } from '@wordpress/editor';
 import { useMemo } from '@wordpress/element';
 /**
@@ -22,9 +21,6 @@ const selectTemplateParts = createSelector((select, categoryId, search = '') =>
     getEntityRecords,
     isResolving: isResolvingSelector
   } = select(coreStore);
-  const {
-    __experimentalGetDefaultTemplatePartAreas
-  } = select(editorStore);
   const query = {
     per_page: -1
   };
@@ -33,7 +29,7 @@ const selectTemplateParts = createSelector((select, categoryId, search = '') =>
   // In the case where a custom template part area has been removed we need
   // the current list of areas to cross check against so orphaned template
   // parts can be treated as uncategorized.
-  const knownAreas = __experimentalGetDefaultTemplatePartAreas() || [];
+  const knownAreas = select(coreStore).getEntityRecord('root', '__unstableBase')?.default_template_part_areas || [];
   const templatePartAreas = knownAreas.map(area => area.area);
   const templatePartHasCategory = (item, category) => {
     if (category !== TEMPLATE_PART_AREA_DEFAULT_CATEGORY) {
@@ -54,7 +50,7 @@ const selectTemplateParts = createSelector((select, categoryId, search = '') =>
   per_page: -1
 }), select(coreStore).isResolving('getEntityRecords', ['postType', TEMPLATE_PART_POST_TYPE, {
   per_page: -1
-}]), select(editorStore).__experimentalGetDefaultTemplatePartAreas()]);
+}]), select(coreStore).getEntityRecord('root', '__unstableBase')?.default_template_part_areas]);
 const selectThemePatterns = createSelector(select => {
   var _settings$__experimen;
   const {
@@ -102,7 +98,7 @@ const selectPatterns = createSelector((select, categoryId, syncStatus, search =
       categoryId,
       hasCategory: (item, currentCategory) => {
         if (item.type === PATTERN_TYPES.user) {
-          return item.wp_pattern_category.some(catId => userPatternCategories.find(cat => cat.id === catId)?.slug === currentCategory);
+          return item.wp_pattern_category?.some(catId => userPatternCategories.find(cat => cat.id === catId)?.slug === currentCategory);
         }
         return item.categories?.includes(currentCategory);
       }
@@ -111,7 +107,7 @@ const selectPatterns = createSelector((select, categoryId, syncStatus, search =
     patterns = searchItems(patterns, search, {
       hasCategory: item => {
         if (item.type === PATTERN_TYPES.user) {
-          return userPatternCategories?.length && (!item.wp_pattern_category?.length || !item.wp_pattern_category.some(catId => userPatternCategories.find(cat => cat.id === catId)));
+          return userPatternCategories?.length && (!item.wp_pattern_category?.length || !item.wp_pattern_category?.some(catId => userPatternCategories.find(cat => cat.id === catId)));
         }
         return !item.hasOwnProperty('categories');
       }