npm - @wordpress/edit-site - Versions diffs - 5.28.3 → 5.29.0 - Mend

@wordpress/edit-site 5.28.3 → 5.29.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 (195) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_url","_i18n","_element","_blockEditor","_dataviews","_icons","_compose","_page","_interopRequireDefault","_constants","_dataviewsPatternActions","_usePatternSettings","_lockUnlock","_usePatterns","_header","_link","ExperimentalBlockEditorProvider","useGlobalStyle","unlock","blockEditorPrivateApis","templatePartIcons","header","footer","uncategorized","EMPTY_ARRAY","defaultConfigPerViewType","LAYOUT_GRID","mediaField","primaryField","DEFAULT_VIEW","type","search","page","perPage","hiddenFields","layout","filters","SYNC_FILTERS","value","PATTERN_SYNC_TYPES","full","label","_x","description","__","unsynced","PreviewWrapper","item","onClick","ariaDescribedBy","children","PATTERN_TYPES","theme","_react","createElement","className","title","Preview","categoryId","viewType","descriptionId","useId","isUserPattern","user","isNonUserPattern","isTemplatePart","TEMPLATE_PART_POST_TYPE","isEmpty","blocks","length","isCustomPattern","isCustom","ariaDescriptions","push","backgroundColor","useLink","postType","postId","id","name","categoryType","Fragment","style","map","_","index","join","undefined","BlockPreview","ariaDescription","key","hidden","Title","itemIcon","syncStatus","symbol","__experimentalHStack","alignment","justify","spacing","Tooltip","placement","text","Icon","icon","lockSmall","size","Flex","as","gap","Button","variant","tabIndex","DataviewsPatterns","PATTERN_DEFAULT_CATEGORY","getQueryArgs","window","location","href","view","setView","useState","isUncategorizedThemePatterns","previousCategoryId","usePrevious","viewSyncStatus","find","field","patterns","isResolving","usePatterns","fields","useMemo","_fields","render","enableSorting","enableHiding","getValue","ENUMERATION_TYPE","elements","filterBy","operators","OPERATOR_IN","isPrimary","useEffect","data","paginationInfo","totalItems","totalPages","filteredData","sort","sortByTextFields","textFields","getPaginationResults","actions","renameAction","duplicatePatternAction","duplicateTemplatePartAction","exportJSONaction","resetAction","deleteAction","onChangeView","useCallback","newView","settings","usePatternSettings","default","hideTitleFromUI","titleId","DataViews","getItemId","isLoading","deferredRendering","supportedLayouts"],"sources":["@wordpress/edit-site/src/components/page-patterns/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { getQueryArgs } from '@wordpress/url';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tuseState,\n\tuseMemo,\n\tuseCallback,\n\tuseId,\n\tuseEffect,\n} from '@wordpress/element';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tDataViews,\n\tsortByTextFields,\n\tgetPaginationResults,\n} from '@wordpress/dataviews';\nimport {\n\tIcon,\n\theader,\n\tfooter,\n\tsymbolFilled as uncategorized,\n\tsymbol,\n\tlockSmall,\n} from '@wordpress/icons';\nimport { usePrevious } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport Page from '../page';\nimport {\n\tLAYOUT_GRID,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n\tPATTERN_DEFAULT_CATEGORY,\n\tENUMERATION_TYPE,\n\tOPERATOR_IN,\n} from '../../utils/constants';\nimport {\n\texportJSONaction,\n\trenameAction,\n\tresetAction,\n\tdeleteAction,\n\tduplicatePatternAction,\n\tduplicateTemplatePartAction,\n} from './dataviews-pattern-actions';\nimport usePatternSettings from './use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\nimport usePatterns from './use-patterns';\nimport PatternsHeader from './header';\nimport { useLink } from '../routes/link';\n\nconst { ExperimentalBlockEditorProvider, useGlobalStyle } = unlock(\n\tblockEditorPrivateApis\n);\n\nconst templatePartIcons = { header, footer, uncategorized };\nconst EMPTY_ARRAY = [];\nconst defaultConfigPerViewType = {\n\t[ LAYOUT_GRID ]: {\n\t\tmediaField: 'preview',\n\t\tprimaryField: 'title',\n\t},\n};\nconst DEFAULT_VIEW = {\n\ttype: LAYOUT_GRID,\n\tsearch: '',\n\tpage: 1,\n\tperPage: 20,\n\thiddenFields: [ 'sync-status' ],\n\tlayout: {\n\t\t...defaultConfigPerViewType[ LAYOUT_GRID ],\n\t},\n\tfilters: [],\n};\n\nconst SYNC_FILTERS = [\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.full,\n\t\tlabel: _x( 'Synced', 'Option that shows all synchronized patterns' ),\n\t\tdescription: __( 'Patterns that are kept in sync across the site.' ),\n\t},\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.unsynced,\n\t\tlabel: _x(\n\t\t\t'Not synced',\n\t\t\t'Option that shows all patterns that are not synchronized'\n\t\t),\n\t\tdescription: __(\n\t\t\t'Patterns that can be changed freely without affecting the site.'\n\t\t),\n\t},\n];\n\nfunction PreviewWrapper( { item, onClick, ariaDescribedBy, children } ) {\n\tif ( item.type === PATTERN_TYPES.theme ) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<button\n\t\t\tclassName=\"page-patterns-preview-field__button\"\n\t\t\ttype=\"button\"\n\t\t\tonClick={ onClick }\n\t\t\taria-label={ item.title }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n}\n\nfunction Preview( { item, categoryId, viewType } ) {\n\tconst descriptionId = useId();\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isNonUserPattern = item.type === PATTERN_TYPES.theme;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst isEmpty = ! item.blocks?.length;\n\t// Only custom patterns or custom template parts can be renamed or deleted.\n\tconst isCustomPattern =\n\t\tisUserPattern \|\| ( isTemplatePart && item.isCustom );\n\tconst ariaDescriptions = [];\n\tif ( isCustomPattern ) {\n\t\t// User patterns don't have descriptions, but can be edited and deleted, so include some help text.\n\t\tariaDescriptions.push(\n\t\t\t__( 'Press Enter to edit, or Delete to delete the pattern.' )\n\t\t);\n\t} else if ( item.description ) {\n\t\tariaDescriptions.push( item.description );\n\t}\n\n\tif ( isNonUserPattern ) {\n\t\tariaDescriptions.push(\n\t\t\t__( 'Theme & plugin patterns cannot be edited.' )\n\t\t);\n\t}\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: isTemplatePart ? item.type : PATTERN_TYPES.theme,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ `page-patterns-preview-field is-viewtype-${ viewType }` }\n\t\t\t\tstyle={ { backgroundColor } }\n\t\t\t>\n\t\t\t\t<PreviewWrapper\n\t\t\t\t\titem={ item }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\tariaDescribedBy={\n\t\t\t\t\t\tariaDescriptions.length\n\t\t\t\t\t\t\t? ariaDescriptions\n\t\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t\t( _, index ) =>\n\t\t\t\t\t\t\t\t\t\t\t`${ descriptionId }-${ index }`\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t.join( ' ' )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t\t{ ! isEmpty && <BlockPreview blocks={ item.blocks } /> }\n\t\t\t\t</PreviewWrapper>\n\t\t\t</div>\n\t\t\t{ ariaDescriptions.map( ( ariaDescription, index ) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={ index }\n\t\t\t\t\thidden\n\t\t\t\t\tid={ `${ descriptionId }-${ index }` }\n\t\t\t\t>\n\t\t\t\t\t{ ariaDescription }\n\t\t\t\t</div>\n\t\t\t) ) }\n\t\t</>\n\t);\n}\n\nfunction Title( { item, categoryId } ) {\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isNonUserPattern = item.type === PATTERN_TYPES.theme;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tlet itemIcon;\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: isTemplatePart ? item.type : PATTERN_TYPES.theme,\n\t} );\n\tif ( ! isUserPattern && templatePartIcons[ categoryId ] ) {\n\t\titemIcon = templatePartIcons[ categoryId ];\n\t} else {\n\t\titemIcon =\n\t\t\titem.syncStatus === PATTERN_SYNC_TYPES.full ? symbol : undefined;\n\t}\n\treturn (\n\t\t<HStack alignment=\"center\" justify=\"flex-start\" spacing={ 2 }>\n\t\t\t{ itemIcon && ! isNonUserPattern && (\n\t\t\t\t<Tooltip\n\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Editing this pattern will also update anywhere it is used'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-icon\"\n\t\t\t\t\t\ticon={ itemIcon }\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t) }\n\t\t\t{ item.type === PATTERN_TYPES.theme && (\n\t\t\t\t<Tooltip\n\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-lock-icon\"\n\t\t\t\t\t\ticon={ lockSmall }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t) }\n\t\t\t<Flex\n\t\t\t\tas=\"div\"\n\t\t\t\tgap={ 0 }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t>\n\t\t\t\t{ item.type === PATTERN_TYPES.theme ? (\n\t\t\t\t\titem.title\n\t\t\t\t) : (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.title \|\| item.name }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t</HStack>\n\t);\n}\n\nexport default function DataviewsPatterns() {\n\tconst { categoryType, categoryId = PATTERN_DEFAULT_CATEGORY } =\n\t\tgetQueryArgs( window.location.href );\n\tconst type = categoryType \|\| PATTERN_TYPES.theme;\n\tconst [ view, setView ] = useState( DEFAULT_VIEW );\n\tconst isUncategorizedThemePatterns =\n\t\ttype === PATTERN_TYPES.theme && categoryId === 'uncategorized';\n\tconst previousCategoryId = usePrevious( categoryId );\n\tconst viewSyncStatus = view.filters?.find(\n\t\t( { field } ) => field === 'sync-status'\n\t)?.value;\n\tconst { patterns, isResolving } = usePatterns(\n\t\ttype,\n\t\tisUncategorizedThemePatterns ? '' : categoryId,\n\t\t{\n\t\t\tsearch: view.search,\n\t\t\tsyncStatus: viewSyncStatus,\n\t\t}\n\t);\n\tconst fields = useMemo( () => {\n\t\tconst _fields = [\n\t\t\t{\n\t\t\t\theader: __( 'Preview' ),\n\t\t\t\tid: 'preview',\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<Preview\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\t\tviewType={ view.type }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tenableSorting: false,\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\tgetValue: ( { item } ) => item.title,\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<Title item={ item } categoryId={ categoryId } />\n\t\t\t\t),\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t];\n\t\tif ( type === PATTERN_TYPES.theme ) {\n\t\t\t_fields.push( {\n\t\t\t\theader: __( 'Sync Status' ),\n\t\t\t\tid: 'sync-status',\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\t// User patterns can have their sync statuses checked directly.\n\t\t\t\t\t// Non-user patterns are all unsynced for the time being.\n\t\t\t\t\treturn (\n\t\t\t\t\t\tSYNC_FILTERS.find(\n\t\t\t\t\t\t\t( { value } ) => value === item.syncStatus\n\t\t\t\t\t\t)?.label \|\|\n\t\t\t\t\t\tSYNC_FILTERS.find(\n\t\t\t\t\t\t\t( { value } ) =>\n\t\t\t\t\t\t\t\tvalue === PATTERN_SYNC_TYPES.unsynced\n\t\t\t\t\t\t).label\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements: SYNC_FILTERS,\n\t\t\t\tfilterBy: {\n\t\t\t\t\toperators: [ OPERATOR_IN ],\n\t\t\t\t\tisPrimary: true,\n\t\t\t\t},\n\t\t\t\tenableSorting: false,\n\t\t\t} );\n\t\t}\n\t\treturn _fields;\n\t}, [ view.type, categoryId, type ] );\n\t// Reset the page number when the category changes.\n\tuseEffect( () => {\n\t\tif ( previousCategoryId !== categoryId ) {\n\t\t\tsetView( DEFAULT_VIEW );\n\t\t}\n\t}, [ categoryId, previousCategoryId ] );\n\tconst { data, paginationInfo } = useMemo( () => {\n\t\tif ( ! patterns ) {\n\t\t\treturn {\n\t\t\t\tdata: EMPTY_ARRAY,\n\t\t\t\tpaginationInfo: { totalItems: 0, totalPages: 0 },\n\t\t\t};\n\t\t}\n\t\tlet filteredData = [ ...patterns ];\n\t\t// Handle sorting.\n\t\tif ( view.sort ) {\n\t\t\tfilteredData = sortByTextFields( {\n\t\t\t\tdata: filteredData,\n\t\t\t\tview,\n\t\t\t\tfields,\n\t\t\t\ttextFields: [ 'title', 'author' ],\n\t\t\t} );\n\t\t}\n\t\t// Handle pagination.\n\t\treturn getPaginationResults( {\n\t\t\tdata: filteredData,\n\t\t\tview,\n\t\t} );\n\t}, [ patterns, view, fields ] );\n\n\tconst actions = useMemo(\n\t\t() => [\n\t\t\trenameAction,\n\t\t\tduplicatePatternAction,\n\t\t\tduplicateTemplatePartAction,\n\t\t\texportJSONaction,\n\t\t\tresetAction,\n\t\t\tdeleteAction,\n\t\t],\n\t\t[]\n\t);\n\tconst onChangeView = useCallback(\n\t\t( newView ) => {\n\t\t\tif ( newView.type !== view.type ) {\n\t\t\t\tnewView = {\n\t\t\t\t\t...newView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...defaultConfigPerViewType[ newView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView ]\n\t);\n\tconst id = useId();\n\tconst settings = usePatternSettings();\n\t// Wrap everything in a block editor provider.\n\t// This ensures 'styles' that are needed for the previews are synced\n\t// from the site editor store to the block editor store.\n\t// TODO: check if I add the provider in every preview like in templates...\n\treturn (\n\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t<Page\n\t\t\t\ttitle={ __( 'Patterns content' ) }\n\t\t\t\tclassName=\"edit-site-page-patterns-dataviews\"\n\t\t\t\thideTitleFromUI\n\t\t\t>\n\t\t\t\t<PatternsHeader\n\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\ttype={ type }\n\t\t\t\t\ttitleId={ `${ id }-title` }\n\t\t\t\t\tdescriptionId={ `${ id }-description` }\n\t\t\t\t/>\n\t\t\t\t<DataViews\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tfields={ fields }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ data \|\| EMPTY_ARRAY }\n\t\t\t\t\tgetItemId={ ( item ) => item.name }\n\t\t\t\t\tisLoading={ isResolving }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tdeferredRendering={ true }\n\t\t\t\t\tsupportedLayouts={ [ LAYOUT_GRID ] }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":"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"}
1	+ {"version":3,"names":["_components","require","_url","_i18n","_element","_blockEditor","_dataviews","_icons","_compose","_page","_interopRequireDefault","_constants","_dataviewsPatternActions","_usePatternSettings","_lockUnlock","_usePatterns","_header","_link","ExperimentalBlockEditorProvider","useGlobalStyle","unlock","blockEditorPrivateApis","templatePartIcons","header","footer","uncategorized","EMPTY_ARRAY","defaultConfigPerViewType","LAYOUT_GRID","mediaField","primaryField","DEFAULT_VIEW","type","search","page","perPage","hiddenFields","layout","filters","SYNC_FILTERS","value","PATTERN_SYNC_TYPES","full","label","_x","description","__","unsynced","PreviewWrapper","item","onClick","ariaDescribedBy","children","PATTERN_TYPES","theme","_react","createElement","className","title","Preview","categoryId","viewType","descriptionId","useId","isUserPattern","user","isNonUserPattern","isTemplatePart","TEMPLATE_PART_POST_TYPE","isEmpty","blocks","length","isCustomPattern","isCustom","ariaDescriptions","push","backgroundColor","useLink","postType","postId","id","name","categoryType","Fragment","style","map","_","index","join","undefined","BlockPreview","ariaDescription","key","hidden","Title","itemIcon","syncStatus","symbol","__experimentalHStack","alignment","justify","spacing","Tooltip","placement","text","Icon","icon","lockSmall","size","Flex","as","gap","Button","variant","tabIndex","DataviewsPatterns","PATTERN_DEFAULT_CATEGORY","getQueryArgs","window","location","href","view","setView","useState","isUncategorizedThemePatterns","previousCategoryId","usePrevious","viewSyncStatus","find","field","patterns","isResolving","usePatterns","fields","useMemo","_fields","render","enableSorting","enableHiding","getValue","ENUMERATION_TYPE","elements","filterBy","operators","OPERATOR_IN","isPrimary","useEffect","data","paginationInfo","totalItems","totalPages","filteredData","sort","sortByTextFields","textFields","getPaginationResults","actions","renameAction","duplicatePatternAction","duplicateTemplatePartAction","exportJSONaction","resetAction","deleteAction","onChangeView","useCallback","newView","settings","usePatternSettings","default","hideTitleFromUI","titleId","DataViews","getItemId","isLoading","deferredRendering","supportedLayouts"],"sources":["@wordpress/edit-site/src/components/page-patterns/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { getQueryArgs } from '@wordpress/url';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tuseState,\n\tuseMemo,\n\tuseCallback,\n\tuseId,\n\tuseEffect,\n} from '@wordpress/element';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tDataViews,\n\tsortByTextFields,\n\tgetPaginationResults,\n} from '@wordpress/dataviews';\nimport {\n\tIcon,\n\theader,\n\tfooter,\n\tsymbolFilled as uncategorized,\n\tsymbol,\n\tlockSmall,\n} from '@wordpress/icons';\nimport { usePrevious } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport Page from '../page';\nimport {\n\tLAYOUT_GRID,\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n\tPATTERN_DEFAULT_CATEGORY,\n\tENUMERATION_TYPE,\n\tOPERATOR_IN,\n} from '../../utils/constants';\nimport {\n\texportJSONaction,\n\trenameAction,\n\tresetAction,\n\tdeleteAction,\n\tduplicatePatternAction,\n\tduplicateTemplatePartAction,\n} from './dataviews-pattern-actions';\nimport usePatternSettings from './use-pattern-settings';\nimport { unlock } from '../../lock-unlock';\nimport usePatterns from './use-patterns';\nimport PatternsHeader from './header';\nimport { useLink } from '../routes/link';\n\nconst { ExperimentalBlockEditorProvider, useGlobalStyle } = unlock(\n\tblockEditorPrivateApis\n);\n\nconst templatePartIcons = { header, footer, uncategorized };\nconst EMPTY_ARRAY = [];\nconst defaultConfigPerViewType = {\n\t[ LAYOUT_GRID ]: {\n\t\tmediaField: 'preview',\n\t\tprimaryField: 'title',\n\t},\n};\nconst DEFAULT_VIEW = {\n\ttype: LAYOUT_GRID,\n\tsearch: '',\n\tpage: 1,\n\tperPage: 20,\n\thiddenFields: [ 'sync-status' ],\n\tlayout: {\n\t\t...defaultConfigPerViewType[ LAYOUT_GRID ],\n\t},\n\tfilters: [],\n};\n\nconst SYNC_FILTERS = [\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.full,\n\t\tlabel: _x( 'Synced', 'Option that shows all synchronized patterns' ),\n\t\tdescription: __( 'Patterns that are kept in sync across the site.' ),\n\t},\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.unsynced,\n\t\tlabel: _x(\n\t\t\t'Not synced',\n\t\t\t'Option that shows all patterns that are not synchronized'\n\t\t),\n\t\tdescription: __(\n\t\t\t'Patterns that can be changed freely without affecting the site.'\n\t\t),\n\t},\n];\n\nfunction PreviewWrapper( { item, onClick, ariaDescribedBy, children } ) {\n\tif ( item.type === PATTERN_TYPES.theme ) {\n\t\treturn children;\n\t}\n\treturn (\n\t\t<button\n\t\t\tclassName=\"page-patterns-preview-field__button\"\n\t\t\ttype=\"button\"\n\t\t\tonClick={ onClick }\n\t\t\taria-label={ item.title }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n}\n\nfunction Preview( { item, categoryId, viewType } ) {\n\tconst descriptionId = useId();\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isNonUserPattern = item.type === PATTERN_TYPES.theme;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst isEmpty = ! item.blocks?.length;\n\t// Only custom patterns or custom template parts can be renamed or deleted.\n\tconst isCustomPattern =\n\t\tisUserPattern \|\| ( isTemplatePart && item.isCustom );\n\tconst ariaDescriptions = [];\n\tif ( isCustomPattern ) {\n\t\t// User patterns don't have descriptions, but can be edited and deleted, so include some help text.\n\t\tariaDescriptions.push(\n\t\t\t__( 'Press Enter to edit, or Delete to delete the pattern.' )\n\t\t);\n\t} else if ( item.description ) {\n\t\tariaDescriptions.push( item.description );\n\t}\n\n\tif ( isNonUserPattern ) {\n\t\tariaDescriptions.push(\n\t\t\t__( 'Theme & plugin patterns cannot be edited.' )\n\t\t);\n\t}\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: isTemplatePart ? item.type : PATTERN_TYPES.theme,\n\t} );\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={ `page-patterns-preview-field is-viewtype-${ viewType }` }\n\t\t\t\tstyle={ { backgroundColor } }\n\t\t\t>\n\t\t\t\t<PreviewWrapper\n\t\t\t\t\titem={ item }\n\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\tariaDescribedBy={\n\t\t\t\t\t\tariaDescriptions.length\n\t\t\t\t\t\t\t? ariaDescriptions\n\t\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t\t( _, index ) =>\n\t\t\t\t\t\t\t\t\t\t\t`${ descriptionId }-${ index }`\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t.join( ' ' )\n\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t\t{ ! isEmpty && <BlockPreview blocks={ item.blocks } /> }\n\t\t\t\t</PreviewWrapper>\n\t\t\t</div>\n\t\t\t{ ariaDescriptions.map( ( ariaDescription, index ) => (\n\t\t\t\t<div\n\t\t\t\t\tkey={ index }\n\t\t\t\t\thidden\n\t\t\t\t\tid={ `${ descriptionId }-${ index }` }\n\t\t\t\t>\n\t\t\t\t\t{ ariaDescription }\n\t\t\t\t</div>\n\t\t\t) ) }\n\t\t</>\n\t);\n}\n\nfunction Title( { item, categoryId } ) {\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isNonUserPattern = item.type === PATTERN_TYPES.theme;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tlet itemIcon;\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: isTemplatePart ? item.type : PATTERN_TYPES.theme,\n\t} );\n\tif ( ! isUserPattern && templatePartIcons[ categoryId ] ) {\n\t\titemIcon = templatePartIcons[ categoryId ];\n\t} else {\n\t\titemIcon =\n\t\t\titem.syncStatus === PATTERN_SYNC_TYPES.full ? symbol : undefined;\n\t}\n\treturn (\n\t\t<HStack alignment=\"center\" justify=\"flex-start\" spacing={ 2 }>\n\t\t\t{ itemIcon && ! isNonUserPattern && (\n\t\t\t\t<Tooltip\n\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Editing this pattern will also update anywhere it is used'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-icon\"\n\t\t\t\t\t\ticon={ itemIcon }\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t) }\n\t\t\t{ item.type === PATTERN_TYPES.theme && (\n\t\t\t\t<Tooltip\n\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\ttext={ __( 'This pattern cannot be edited.' ) }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"edit-site-patterns__pattern-lock-icon\"\n\t\t\t\t\t\ticon={ lockSmall }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t</Tooltip>\n\t\t\t) }\n\t\t\t<Flex\n\t\t\t\tas=\"div\"\n\t\t\t\tgap={ 0 }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tclassName=\"edit-site-patterns__pattern-title\"\n\t\t\t>\n\t\t\t\t{ item.type === PATTERN_TYPES.theme ? (\n\t\t\t\t\titem.title\n\t\t\t\t) : (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ onClick }\n\t\t\t\t\t\t// Required for the grid's roving tab index system.\n\t\t\t\t\t\t// See https://github.com/WordPress/gutenberg/pull/51898#discussion_r1243399243.\n\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ item.title \|\| item.name }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t</HStack>\n\t);\n}\n\nexport default function DataviewsPatterns() {\n\tconst { categoryType, categoryId = PATTERN_DEFAULT_CATEGORY } =\n\t\tgetQueryArgs( window.location.href );\n\tconst type = categoryType \|\| PATTERN_TYPES.theme;\n\tconst [ view, setView ] = useState( DEFAULT_VIEW );\n\tconst isUncategorizedThemePatterns =\n\t\ttype === PATTERN_TYPES.theme && categoryId === 'uncategorized';\n\tconst previousCategoryId = usePrevious( categoryId );\n\tconst viewSyncStatus = view.filters?.find(\n\t\t( { field } ) => field === 'sync-status'\n\t)?.value;\n\tconst { patterns, isResolving } = usePatterns(\n\t\ttype,\n\t\tisUncategorizedThemePatterns ? '' : categoryId,\n\t\t{\n\t\t\tsearch: view.search,\n\t\t\tsyncStatus: viewSyncStatus,\n\t\t}\n\t);\n\tconst fields = useMemo( () => {\n\t\tconst _fields = [\n\t\t\t{\n\t\t\t\theader: __( 'Preview' ),\n\t\t\t\tid: 'preview',\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<Preview\n\t\t\t\t\t\titem={ item }\n\t\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\t\tviewType={ view.type }\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tenableSorting: false,\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t\t{\n\t\t\t\theader: __( 'Title' ),\n\t\t\t\tid: 'title',\n\t\t\t\tgetValue: ( { item } ) => item.title,\n\t\t\t\trender: ( { item } ) => (\n\t\t\t\t\t<Title item={ item } categoryId={ categoryId } />\n\t\t\t\t),\n\t\t\t\tenableHiding: false,\n\t\t\t},\n\t\t];\n\t\tif ( type === PATTERN_TYPES.theme ) {\n\t\t\t_fields.push( {\n\t\t\t\theader: __( 'Sync Status' ),\n\t\t\t\tid: 'sync-status',\n\t\t\t\trender: ( { item } ) => {\n\t\t\t\t\t// User patterns can have their sync statuses checked directly.\n\t\t\t\t\t// Non-user patterns are all unsynced for the time being.\n\t\t\t\t\treturn (\n\t\t\t\t\t\tSYNC_FILTERS.find(\n\t\t\t\t\t\t\t( { value } ) => value === item.syncStatus\n\t\t\t\t\t\t)?.label \|\|\n\t\t\t\t\t\tSYNC_FILTERS.find(\n\t\t\t\t\t\t\t( { value } ) =>\n\t\t\t\t\t\t\t\tvalue === PATTERN_SYNC_TYPES.unsynced\n\t\t\t\t\t\t).label\n\t\t\t\t\t);\n\t\t\t\t},\n\t\t\t\ttype: ENUMERATION_TYPE,\n\t\t\t\telements: SYNC_FILTERS,\n\t\t\t\tfilterBy: {\n\t\t\t\t\toperators: [ OPERATOR_IN ],\n\t\t\t\t\tisPrimary: true,\n\t\t\t\t},\n\t\t\t\tenableSorting: false,\n\t\t\t} );\n\t\t}\n\t\treturn _fields;\n\t}, [ view.type, categoryId, type ] );\n\t// Reset the page number when the category changes.\n\tuseEffect( () => {\n\t\tif ( previousCategoryId !== categoryId ) {\n\t\t\tsetView( DEFAULT_VIEW );\n\t\t}\n\t}, [ categoryId, previousCategoryId ] );\n\tconst { data, paginationInfo } = useMemo( () => {\n\t\tif ( ! patterns ) {\n\t\t\treturn {\n\t\t\t\tdata: EMPTY_ARRAY,\n\t\t\t\tpaginationInfo: { totalItems: 0, totalPages: 0 },\n\t\t\t};\n\t\t}\n\t\tlet filteredData = [ ...patterns ];\n\t\t// Handle sorting.\n\t\tif ( view.sort ) {\n\t\t\tfilteredData = sortByTextFields( {\n\t\t\t\tdata: filteredData,\n\t\t\t\tview,\n\t\t\t\tfields,\n\t\t\t\ttextFields: [ 'title', 'author' ],\n\t\t\t} );\n\t\t}\n\t\t// Handle pagination.\n\t\treturn getPaginationResults( {\n\t\t\tdata: filteredData,\n\t\t\tview,\n\t\t} );\n\t}, [ patterns, view, fields ] );\n\n\tconst actions = useMemo(\n\t\t() => [\n\t\t\trenameAction,\n\t\t\tduplicatePatternAction,\n\t\t\tduplicateTemplatePartAction,\n\t\t\texportJSONaction,\n\t\t\tresetAction,\n\t\t\tdeleteAction,\n\t\t],\n\t\t[]\n\t);\n\tconst onChangeView = useCallback(\n\t\t( newView ) => {\n\t\t\tif ( newView.type !== view.type ) {\n\t\t\t\tnewView = {\n\t\t\t\t\t...newView,\n\t\t\t\t\tlayout: {\n\t\t\t\t\t\t...defaultConfigPerViewType[ newView.type ],\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t\tsetView( newView );\n\t\t},\n\t\t[ view.type, setView ]\n\t);\n\tconst id = useId();\n\tconst settings = usePatternSettings();\n\t// Wrap everything in a block editor provider.\n\t// This ensures 'styles' that are needed for the previews are synced\n\t// from the site editor store to the block editor store.\n\treturn (\n\t\t<ExperimentalBlockEditorProvider settings={ settings }>\n\t\t\t<Page\n\t\t\t\ttitle={ __( 'Patterns content' ) }\n\t\t\t\tclassName=\"edit-site-page-patterns-dataviews\"\n\t\t\t\thideTitleFromUI\n\t\t\t>\n\t\t\t\t<PatternsHeader\n\t\t\t\t\tcategoryId={ categoryId }\n\t\t\t\t\ttype={ type }\n\t\t\t\t\ttitleId={ `${ id }-title` }\n\t\t\t\t\tdescriptionId={ `${ id }-description` }\n\t\t\t\t/>\n\t\t\t\t<DataViews\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tfields={ fields }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ data \|\| EMPTY_ARRAY }\n\t\t\t\t\tgetItemId={ ( item ) => item.name }\n\t\t\t\t\tisLoading={ isResolving }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tdeferredRendering={ true }\n\t\t\t\t\tsupportedLayouts={ [ LAYOUT_GRID ] }\n\t\t\t\t/>\n\t\t\t</Page>\n\t\t</ExperimentalBlockEditorProvider>\n\t);\n}\n"],"mappings":"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"}

package/build/components/save-button/index.js CHANGED Viewed

@@ -26,6 +26,7 @@ function SaveButton({
   showTooltip = true,
   defaultLabel,
   icon,
+  size,
   __next40pxDefaultSize = false
 }) {
   const {
@@ -105,7 +106,7 @@ function SaveButton({
     showTooltip: showTooltip,
     icon: icon,
     __next40pxDefaultSize: __next40pxDefaultSize,
-    size: "compact"
+    size: size
   }, label);
 }
 //# sourceMappingURL=index.js.map

package/build/components/save-button/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_components","_i18n","_coreData","_keycodes","_store","_isPreviewingTheme","SaveButton","className","variant","showTooltip","defaultLabel","icon","__next40pxDefaultSize","isDirty","isSaving","isSaveViewOpen","previewingThemeName","useSelect","select","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","coreStore","dirtyEntityRecords","isSaveViewOpened","editSiteStore","isActivatingTheme","currentlyPreviewingThemeId","currentlyPreviewingTheme","length","some","record","kind","name","key","getTheme","rendered","undefined","setIsSaveViewOpened","useDispatch","activateSaveEnabled","isPreviewingTheme","disabled","getLabel","sprintf","__","label","_react","createElement","Button","isBusy","onClick","shortcut","displayShortcut","primary"~~,"size"~~],"sources":["@wordpress/edit-site/src/components/save-button/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Button } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { displayShortcut } from '@wordpress/keycodes';\n\n/\n Internal dependencies\n /\nimport { store as editSiteStore } from '../../store';\nimport {\n\tcurrentlyPreviewingTheme,\n\tisPreviewingTheme,\n} from '../../utils/is-previewing-theme';\n\nexport default function SaveButton( {\n\tclassName = 'edit-site-save-button__button',\n\tvariant = 'primary',\n\tshowTooltip = true,\n\tdefaultLabel,\n\ticon,\n\t__next40pxDefaultSize = false,\n} ) {\n\tconst { isDirty, isSaving, isSaveViewOpen, previewingThemeName } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst { isSaveViewOpened } = select( editSiteStore );\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\n\t\t\treturn {\n\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) \|\| isActivatingTheme,\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t}, [] );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\n\tconst activateSaveEnabled = isPreviewingTheme() \|\| isDirty;\n\tconst disabled = isSaving \|\| ! activateSaveEnabled;\n\n\tconst getLabel = () => {\n\t\tif ( isPreviewingTheme() ) {\n\t\t\tif ( isSaving ) {\n\t\t\t\treturn sprintf(\n\t\t\t\t\t/ translators: %s: The name of theme to be activated. /\n\t\t\t\t\t__( 'Activating %s' ),\n\t\t\t\t\tpreviewingThemeName\n\t\t\t\t);\n\t\t\t} else if ( disabled ) {\n\t\t\t\treturn __( 'Saved' );\n\t\t\t} else if ( isDirty ) {\n\t\t\t\treturn sprintf(\n\t\t\t\t\t/ translators: %s: The name of theme to be activated. /\n\t\t\t\t\t__( 'Activate %s & Save' ),\n\t\t\t\t\tpreviewingThemeName\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn sprintf(\n\t\t\t\t/ translators: %s: The name of theme to be activated. /\n\t\t\t\t__( 'Activate %s' ),\n\t\t\t\tpreviewingThemeName\n\t\t\t);\n\t\t}\n\n\t\tif ( isSaving ) {\n\t\t\treturn __( 'Saving' );\n\t\t} else if ( disabled ) {\n\t\t\treturn __( 'Saved' );\n\t\t} else if ( defaultLabel ) {\n\t\t\treturn defaultLabel;\n\t\t}\n\t\treturn __( 'Save' );\n\t};\n\tconst label = getLabel();\n\n\treturn (\n\t\t<Button\n\t\t\tvariant={ variant }\n\t\t\tclassName={ className }\n\t\t\taria-disabled={ disabled }\n\t\t\taria-expanded={ isSaveViewOpen }\n\t\t\tisBusy={ isSaving }\n\t\t\tonClick={ disabled ? undefined : () => setIsSaveViewOpened( true ) }\n\t\t\tlabel={ label }\n\t\t\t/\n\t\t\t * We want the tooltip to show the keyboard shortcut only when the\n\t\t\t * button does something, i.e. when it's not disabled.\n\t\t\t /\n\t\t\tshortcut={ disabled ? undefined : displayShortcut.primary( 's' ) }\n\t\t\t/\n\t\t\t * Displaying the keyboard shortcut conditionally makes the tooltip\n\t\t\t * itself show conditionally. This would trigger a full-rerendering\n\t\t\t * of the button that we want to avoid. By setting `showTooltip`,\n\t\t\t * the tooltip is always rendered even when there's no keyboard shortcut.\n\t\t\t */\n\t\t\tshowTooltip={ showTooltip }\n\t\t\ticon={ icon }\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\tsize~~=\"compact~~\"\n\t\t>\n\t\t\t{ label }\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAN,OAAA;AAbA;AACA;AACA;;AAOA;AACA;AACA;;AAOe,SAASO,UAAUA,CAAE;EACnCC,SAAS,GAAG,+BAA+B;EAC3CC,OAAO,GAAG,SAAS;EACnBC,WAAW,GAAG,IAAI;EAClBC,YAAY;EACZC,IAAI;EACJC,qBAAqB,GAAG;AACzB,CAAC,EAAG;EACH,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,cAAc;IAAEC;EAAoB,CAAC,GAC/D,IAAAC,eAAS,EAAIC,MAAM,IAAM;IACxB,MAAM;MACLC,mCAAmC;MACnCC,oBAAoB;MACpBC;IACD,CAAC,GAAGH,MAAM,CAAEI,eAAU,CAAC;IACvB,MAAMC,kBAAkB,GAAGJ,mCAAmC,CAAC,CAAC;IAChE,MAAM;MAAEK;IAAiB,CAAC,GAAGN,MAAM,CAAEO,YAAc,CAAC;IACpD,MAAMC,iBAAiB,GAAGL,WAAW,CAAE,eAAgB,CAAC;IACxD,MAAMM,0BAA0B,GAAG,IAAAC,2CAAwB,EAAC,CAAC;IAE7D,OAAO;MACNf,OAAO,EAAEU,kBAAkB,CAACM,MAAM,GAAG,CAAC;MACtCf,QAAQ,EACPS,kBAAkB,CAACO,IAAI,CAAIC,MAAM,IAChCX,oBAAoB,CACnBW,MAAM,CAACC,IAAI,EACXD,MAAM,CAACE,IAAI,EACXF,MAAM,CAACG,GACR,CACD,CAAC,IAAIR,iBAAiB;MACvBX,cAAc,EAAES,gBAAgB,CAAC,CAAC;MAClC;MACA;MACAR,mBAAmB,EAAEW,0BAA0B,GAC5CT,MAAM,CAAEI,eAAU,CAAC,CAACa,QAAQ,CAAER,0BAA2B,CAAC,EACxDM,IAAI,EAAEG,QAAQ,GAChBC;IACJ,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACR,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAW,EAAEd,YAAc,CAAC;EAE5D,MAAMe,mBAAmB,GAAG,IAAAC,oCAAiB,EAAC,CAAC,IAAI5B,OAAO;EAC1D,MAAM6B,QAAQ,GAAG5B,QAAQ,IAAI,CAAE0B,mBAAmB;EAElD,MAAMG,QAAQ,GAAGA,CAAA,KAAM;IACtB,IAAK,IAAAF,oCAAiB,EAAC,CAAC,EAAG;MAC1B,IAAK3B,QAAQ,EAAG;QACf,OAAO,IAAA8B,aAAO,GACb;QACA,IAAAC,QAAE,EAAE,eAAgB,CAAC,EACrB7B,mBACD,CAAC;MACF,CAAC,MAAM,IAAK0B,QAAQ,EAAG;QACtB,OAAO,IAAAG,QAAE,EAAE,OAAQ,CAAC;MACrB,CAAC,MAAM,IAAKhC,OAAO,EAAG;QACrB,OAAO,IAAA+B,aAAO,GACb;QACA,IAAAC,QAAE,EAAE,oBAAqB,CAAC,EAC1B7B,mBACD,CAAC;MACF;MAEA,OAAO,IAAA4B,aAAO,GACb;MACA,IAAAC,QAAE,EAAE,aAAc,CAAC,EACnB7B,mBACD,CAAC;IACF;IAEA,IAAKF,QAAQ,EAAG;MACf,OAAO,IAAA+B,QAAE,EAAE,QAAS,CAAC;IACtB,CAAC,MAAM,IAAKH,QAAQ,EAAG;MACtB,OAAO,IAAAG,QAAE,EAAE,OAAQ,CAAC;IACrB,CAAC,MAAM,~~IAAKnC~~,YAAY,EAAG;MAC1B,OAAOA,YAAY;IACpB;IACA,OAAO,~~IAAAmC~~,QAAE,EAAE,MAAO,CAAC;EACpB,CAAC;EACD,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,OACC,IAAAI,MAAA,CAAAC,aAAA,~~EAAChD~~,WAAA,~~CAAAiD~~,MAAM;~~IACNzC~~,OAAO,EAAGA,OAAS;IACnBD,SAAS,EAAGA,SAAW;IACvB,~~iBAAgBmC~~,QAAU;IAC1B,iBAAgB3B,cAAgB;IAChCmC,MAAM,EAAGpC,QAAU;IACnBqC,OAAO,EAAGT,QAAQ,GAAGL,SAAS,GAAG,MAAMC,mBAAmB,CAAE,IAAK,CAAG;IACpEQ,KAAK,EAAGA;IACR;AACH;AACA;AACA,OAHG;IAIAM,QAAQ,EAAGV,QAAQ,GAAGL,SAAS,GAAGgB,yBAAe,CAACC,OAAO,CAAE,GAAI;IAC/D;AACH;AACA;AACA;AACA;AACA,OALG;~~IAMA7C~~,WAAW,EAAGA,WAAa;IAC3BE,IAAI,EAAGA,IAAM;~~IACbC~~,qBAAqB,EAAGA,qBAAuB;IAC/~~C2C~~,IAAI,~~EAAC~~;~~EAAS~~,~~GAEZT~~,KACK,CAAC;AAEX"}
1	+ {"version":3,"names":["_data","require","_components","_i18n","_coreData","_keycodes","_store","_isPreviewingTheme","SaveButton","className","variant","showTooltip","defaultLabel","icon","size","__next40pxDefaultSize","isDirty","isSaving","isSaveViewOpen","previewingThemeName","useSelect","select","__experimentalGetDirtyEntityRecords","isSavingEntityRecord","isResolving","coreStore","dirtyEntityRecords","isSaveViewOpened","editSiteStore","isActivatingTheme","currentlyPreviewingThemeId","currentlyPreviewingTheme","length","some","record","kind","name","key","getTheme","rendered","undefined","setIsSaveViewOpened","useDispatch","activateSaveEnabled","isPreviewingTheme","disabled","getLabel","sprintf","__","label","_react","createElement","Button","isBusy","onClick","shortcut","displayShortcut","primary"],"sources":["@wordpress/edit-site/src/components/save-button/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { Button } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { displayShortcut } from '@wordpress/keycodes';\n\n/\n Internal dependencies\n /\nimport { store as editSiteStore } from '../../store';\nimport {\n\tcurrentlyPreviewingTheme,\n\tisPreviewingTheme,\n} from '../../utils/is-previewing-theme';\n\nexport default function SaveButton( {\n\tclassName = 'edit-site-save-button__button',\n\tvariant = 'primary',\n\tshowTooltip = true,\n\tdefaultLabel,\n\ticon,\n\tsize,\n\t__next40pxDefaultSize = false,\n} ) {\n\tconst { isDirty, isSaving, isSaveViewOpen, previewingThemeName } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tisSavingEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst { isSaveViewOpened } = select( editSiteStore );\n\t\t\tconst isActivatingTheme = isResolving( 'activateTheme' );\n\t\t\tconst currentlyPreviewingThemeId = currentlyPreviewingTheme();\n\n\t\t\treturn {\n\t\t\t\tisDirty: dirtyEntityRecords.length > 0,\n\t\t\t\tisSaving:\n\t\t\t\t\tdirtyEntityRecords.some( ( record ) =>\n\t\t\t\t\t\tisSavingEntityRecord(\n\t\t\t\t\t\t\trecord.kind,\n\t\t\t\t\t\t\trecord.name,\n\t\t\t\t\t\t\trecord.key\n\t\t\t\t\t\t)\n\t\t\t\t\t) \|\| isActivatingTheme,\n\t\t\t\tisSaveViewOpen: isSaveViewOpened(),\n\t\t\t\t// Do not call `getTheme` with null, it will cause a request to\n\t\t\t\t// the server.\n\t\t\t\tpreviewingThemeName: currentlyPreviewingThemeId\n\t\t\t\t\t? select( coreStore ).getTheme( currentlyPreviewingThemeId )\n\t\t\t\t\t\t\t?.name?.rendered\n\t\t\t\t\t: undefined,\n\t\t\t};\n\t\t}, [] );\n\tconst { setIsSaveViewOpened } = useDispatch( editSiteStore );\n\n\tconst activateSaveEnabled = isPreviewingTheme() \|\| isDirty;\n\tconst disabled = isSaving \|\| ! activateSaveEnabled;\n\n\tconst getLabel = () => {\n\t\tif ( isPreviewingTheme() ) {\n\t\t\tif ( isSaving ) {\n\t\t\t\treturn sprintf(\n\t\t\t\t\t/ translators: %s: The name of theme to be activated. /\n\t\t\t\t\t__( 'Activating %s' ),\n\t\t\t\t\tpreviewingThemeName\n\t\t\t\t);\n\t\t\t} else if ( disabled ) {\n\t\t\t\treturn __( 'Saved' );\n\t\t\t} else if ( isDirty ) {\n\t\t\t\treturn sprintf(\n\t\t\t\t\t/ translators: %s: The name of theme to be activated. /\n\t\t\t\t\t__( 'Activate %s & Save' ),\n\t\t\t\t\tpreviewingThemeName\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn sprintf(\n\t\t\t\t/ translators: %s: The name of theme to be activated. /\n\t\t\t\t__( 'Activate %s' ),\n\t\t\t\tpreviewingThemeName\n\t\t\t);\n\t\t}\n\n\t\tif ( isSaving ) {\n\t\t\treturn __( 'Saving' );\n\t\t} else if ( disabled ) {\n\t\t\treturn __( 'Saved' );\n\t\t} else if ( defaultLabel ) {\n\t\t\treturn defaultLabel;\n\t\t}\n\t\treturn __( 'Save' );\n\t};\n\tconst label = getLabel();\n\n\treturn (\n\t\t<Button\n\t\t\tvariant={ variant }\n\t\t\tclassName={ className }\n\t\t\taria-disabled={ disabled }\n\t\t\taria-expanded={ isSaveViewOpen }\n\t\t\tisBusy={ isSaving }\n\t\t\tonClick={ disabled ? undefined : () => setIsSaveViewOpened( true ) }\n\t\t\tlabel={ label }\n\t\t\t/\n\t\t\t * We want the tooltip to show the keyboard shortcut only when the\n\t\t\t * button does something, i.e. when it's not disabled.\n\t\t\t /\n\t\t\tshortcut={ disabled ? undefined : displayShortcut.primary( 's' ) }\n\t\t\t/\n\t\t\t * Displaying the keyboard shortcut conditionally makes the tooltip\n\t\t\t * itself show conditionally. This would trigger a full-rerendering\n\t\t\t * of the button that we want to avoid. By setting `showTooltip`,\n\t\t\t * the tooltip is always rendered even when there's no keyboard shortcut.\n\t\t\t */\n\t\t\tshowTooltip={ showTooltip }\n\t\t\ticon={ icon }\n\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\tsize={ size }\n\t\t>\n\t\t\t{ label }\n\t\t</Button>\n\t);\n}\n"],"mappings":"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"}

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

@@ -10,8 +10,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _element = require("@wordpress/element");
 var _components = require("@wordpress/components");
 var _router = require("@wordpress/router");
-var _i18n = require("@wordpress/i18n");
 var _compose = require("@wordpress/compose");
+var _i18n = require("@wordpress/i18n");
 var _sidebarNavigationScreenMain = _interopRequireDefault(require("../sidebar-navigation-screen-main"));
 var _sidebarNavigationScreenTemplates = _interopRequireDefault(require("../sidebar-navigation-screen-templates"));
 var _sidebarNavigationScreenTemplate = _interopRequireDefault(require("../sidebar-navigation-screen-template"));
@@ -71,7 +71,8 @@ function SidebarScreens() {
     path: "/pages"
   }, (0, _react.createElement)(_sidebarNavigationScreen.default, {
     title: (0, _i18n.__)('Pages'),
-    content: (0, _react.createElement)(_sidebarDataviews.default, null)
+    content: (0, _react.createElement)(_sidebarDataviews.default, null),
+    backPath: "/page"
   })), (0, _react.createElement)(SidebarScreenWrapper, {
     path: "/page/:postId"
   }, (0, _react.createElement)(_sidebarNavigationScreenPage.default, null)), (0, _react.createElement)(SidebarScreenWrapper, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_router","_i18n","_compose","_sidebarNavigationScreenMain","_sidebarNavigationScreenTemplates","_sidebarNavigationScreenTemplate","_sidebarNavigationScreenPatterns","_sidebarNavigationScreenPattern","_useSyncPathWithUrl","_interopRequireWildcard","_sidebarNavigationScreenNavigationMenus","_sidebarNavigationScreenNavigationMenu","_sidebarNavigationScreenGlobalStyles","_sidebarNavigationScreenTemplatesBrowse","_saveHub","_lockUnlock","_sidebarNavigationScreenPages","_sidebarNavigationScreen","_sidebarDataviews","_sidebarNavigationScreenPage","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useLocation","unlock","routerPrivateApis","SidebarScreenWrapper","className","props","_react","createElement","__experimentalNavigatorScreen","classNames","SidebarScreens","useSyncPathWithURL","isMobileViewport","useViewportMatch","Fragment","path","title","__","content","Sidebar","params","urlParams","initialPath","useRef","getPathFromURL","__experimentalNavigatorProvider","current","_default","exports","memo"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classNames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { memo, useRef } from '@wordpress/element';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n} from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { __ } from '@wordpress/i18n';\nimport { useViewportMatch } from '@wordpress/compose';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenTemplates from '../sidebar-navigation-screen-templates';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport useSyncPathWithURL, {\n\tgetPathFromURL,\n} from '../sync-state-with-url/use-sync-path-with-url';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SaveHub from '../save-hub';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenPages from '../sidebar-navigation-screen-pages';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction SidebarScreenWrapper( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ classNames(\n\t\t\t\t'edit-site-sidebar__screen-wrapper',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction SidebarScreens() {\n\tuseSyncPathWithURL();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarScreenWrapper path=\"/\">\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/navigation\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenus />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/navigation/:postType/:postId\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenu />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/wp_global_styles\">\n\t\t\t\t<SidebarNavigationScreenGlobalStyles />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/page\">\n\t\t\t\t<SidebarNavigationScreenPages />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/pages\">\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\t\t/>\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/page/:postId\">\n\t\t\t\t<SidebarNavigationScreenPage />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template)\">\n\t\t\t\t<SidebarNavigationScreenTemplates />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t{ ! isMobileViewport && (\n\t\t\t\t<SidebarScreenWrapper path=\"/patterns\">\n\t\t\t\t\t<SidebarNavigationScreenPatterns />\n\t\t\t\t</SidebarScreenWrapper>\n\t\t\t) }\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template\|wp_template_part)/all\">\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template_part\|wp_block)/:postId\">\n\t\t\t\t<SidebarNavigationScreenPattern />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template)/:postId\">\n\t\t\t\t<SidebarNavigationScreenTemplate />\n\t\t\t</SidebarScreenWrapper>\n\t\t</>\n\t);\n}\n\nfunction Sidebar() {\n\tconst { params: urlParams } = useLocation();\n\tconst initialPath = useRef( getPathFromURL( urlParams ) );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorProvider\n\t\t\t\tclassName=\"edit-site-sidebar__content\"\n\t\t\t\tinitialPath={ initialPath.current }\n\t\t\t>\n\t\t\t\t<SidebarScreens />\n\t\t\t</NavigatorProvider>\n\t\t\t<SaveHub />\n\t\t</>\n\t);\n}\n\nexport default memo( Sidebar );\n"],"mappings":"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"}
1	+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_components","_router","_compose","_i18n","_sidebarNavigationScreenMain","_sidebarNavigationScreenTemplates","_sidebarNavigationScreenTemplate","_sidebarNavigationScreenPatterns","_sidebarNavigationScreenPattern","_useSyncPathWithUrl","_interopRequireWildcard","_sidebarNavigationScreenNavigationMenus","_sidebarNavigationScreenNavigationMenu","_sidebarNavigationScreenGlobalStyles","_sidebarNavigationScreenTemplatesBrowse","_saveHub","_lockUnlock","_sidebarNavigationScreenPages","_sidebarNavigationScreen","_sidebarDataviews","_sidebarNavigationScreenPage","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","useLocation","unlock","routerPrivateApis","SidebarScreenWrapper","className","props","_react","createElement","__experimentalNavigatorScreen","classNames","SidebarScreens","useSyncPathWithURL","isMobileViewport","useViewportMatch","Fragment","path","title","__","content","backPath","Sidebar","params","urlParams","initialPath","useRef","getPathFromURL","__experimentalNavigatorProvider","current","_default","exports","memo"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classNames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { memo, useRef } from '@wordpress/element';\nimport {\n\t__experimentalNavigatorProvider as NavigatorProvider,\n\t__experimentalNavigatorScreen as NavigatorScreen,\n} from '@wordpress/components';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport SidebarNavigationScreenMain from '../sidebar-navigation-screen-main';\nimport SidebarNavigationScreenTemplates from '../sidebar-navigation-screen-templates';\nimport SidebarNavigationScreenTemplate from '../sidebar-navigation-screen-template';\nimport SidebarNavigationScreenPatterns from '../sidebar-navigation-screen-patterns';\nimport SidebarNavigationScreenPattern from '../sidebar-navigation-screen-pattern';\nimport useSyncPathWithURL, {\n\tgetPathFromURL,\n} from '../sync-state-with-url/use-sync-path-with-url';\nimport SidebarNavigationScreenNavigationMenus from '../sidebar-navigation-screen-navigation-menus';\nimport SidebarNavigationScreenNavigationMenu from '../sidebar-navigation-screen-navigation-menu';\nimport SidebarNavigationScreenGlobalStyles from '../sidebar-navigation-screen-global-styles';\nimport SidebarNavigationScreenTemplatesBrowse from '../sidebar-navigation-screen-templates-browse';\nimport SaveHub from '../save-hub';\nimport { unlock } from '../../lock-unlock';\nimport SidebarNavigationScreenPages from '../sidebar-navigation-screen-pages';\nimport SidebarNavigationScreen from '../sidebar-navigation-screen';\nimport DataViewsSidebarContent from '../sidebar-dataviews';\nimport SidebarNavigationScreenPage from '../sidebar-navigation-screen-page';\n\nconst { useLocation } = unlock( routerPrivateApis );\n\nfunction SidebarScreenWrapper( { className, ...props } ) {\n\treturn (\n\t\t<NavigatorScreen\n\t\t\tclassName={ classNames(\n\t\t\t\t'edit-site-sidebar__screen-wrapper',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction SidebarScreens() {\n\tuseSyncPathWithURL();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\n\treturn (\n\t\t<>\n\t\t\t<SidebarScreenWrapper path=\"/\">\n\t\t\t\t<SidebarNavigationScreenMain />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/navigation\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenus />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/navigation/:postType/:postId\">\n\t\t\t\t<SidebarNavigationScreenNavigationMenu />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/wp_global_styles\">\n\t\t\t\t<SidebarNavigationScreenGlobalStyles />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/page\">\n\t\t\t\t<SidebarNavigationScreenPages />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/pages\">\n\t\t\t\t<SidebarNavigationScreen\n\t\t\t\t\ttitle={ __( 'Pages' ) }\n\t\t\t\t\tcontent={ <DataViewsSidebarContent /> }\n\t\t\t\t\tbackPath=\"/page\"\n\t\t\t\t/>\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/page/:postId\">\n\t\t\t\t<SidebarNavigationScreenPage />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template)\">\n\t\t\t\t<SidebarNavigationScreenTemplates />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t{ ! isMobileViewport && (\n\t\t\t\t<SidebarScreenWrapper path=\"/patterns\">\n\t\t\t\t\t<SidebarNavigationScreenPatterns />\n\t\t\t\t</SidebarScreenWrapper>\n\t\t\t) }\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template\|wp_template_part)/all\">\n\t\t\t\t<SidebarNavigationScreenTemplatesBrowse />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template_part\|wp_block)/:postId\">\n\t\t\t\t<SidebarNavigationScreenPattern />\n\t\t\t</SidebarScreenWrapper>\n\t\t\t<SidebarScreenWrapper path=\"/:postType(wp_template)/:postId\">\n\t\t\t\t<SidebarNavigationScreenTemplate />\n\t\t\t</SidebarScreenWrapper>\n\t\t</>\n\t);\n}\n\nfunction Sidebar() {\n\tconst { params: urlParams } = useLocation();\n\tconst initialPath = useRef( getPathFromURL( urlParams ) );\n\n\treturn (\n\t\t<>\n\t\t\t<NavigatorProvider\n\t\t\t\tclassName=\"edit-site-sidebar__content\"\n\t\t\t\tinitialPath={ initialPath.current }\n\t\t\t>\n\t\t\t\t<SidebarScreens />\n\t\t\t</NavigatorProvider>\n\t\t\t<SaveHub />\n\t\t</>\n\t);\n}\n\nexport default memo( Sidebar );\n"],"mappings":"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"}

package/build/components/sidebar-edit-mode/global-styles-sidebar.js CHANGED Viewed

@@ -45,7 +45,7 @@ function GlobalStylesSidebar() {
       getCanvasMode
     } = (0, _lockUnlock.unlock)(select(_store.store));
     const canvasContainerView = getEditorCanvasContainerView();
-    const _isVisualEditorMode = 'visual' === select(_store.store).getEditorMode();
+    const _isVisualEditorMode = 'visual' === select(_editor.store).getEditorMode();
     const _isEditCanvasMode = 'edit' === getCanvasMode();
     const _showListViewByDefault = select(_preferences.store).get('core', 'showListViewByDefault');
     const {
@@ -116,14 +116,14 @@ function GlobalStylesSidebar() {
     closeLabel: (0, _i18n.__)('Close Styles'),
     panelClassName: "edit-site-global-styles-sidebar__panel",
     header: (0, _react.createElement)(_components.Flex, {
-      className: "edit-site-global-styles-sidebar__header",
-      role: "menubar",
-      "aria-label": (0, _i18n.__)('Styles actions')
+      className: "edit-site-global-styles-sidebar__header"
     }, (0, _react.createElement)(_components.FlexBlock, {
       style: {
         minWidth: 'min-content'
       }
-    }, (0, _react.createElement)("strong", null, (0, _i18n.__)('Styles'))), (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_components.Button, {
+    }, (0, _react.createElement)("h2", {
+      className: "edit-site-global-styles-sidebar__header-title"
+    }, (0, _i18n.__)('Styles'))), (0, _react.createElement)(_components.FlexItem, null, (0, _react.createElement)(_components.Button, {
       icon: _icons.seen,
       label: (0, _i18n.__)('Style Book'),
       isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,

package/build/components/sidebar-edit-mode/global-styles-sidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_interface","_preferences","_editor","_defaultSidebar","_interopRequireDefault","_globalStyles","_store","_ui","_lockUnlock","_coreData","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","interfaceStore","getEditorCanvasContainerView","getCanvasMode","unlock","editSiteStore","canvasContainerView","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","editorStore","goTo","useNavigator","toggleRevisions","toggleStyleBook","_react","createElement","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","Flex","role","FlexBlock","style","minWidth","FlexItem","Button","seen","label","isPressed","disabled","onClick","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/global-styles-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n} 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 interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\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';\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editSiteStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\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\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core/edit-site' ) \|\|\n\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\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\trole=\"menubar\"\n\t\t\t\t\taria-label={ __( 'Styles actions' ) }\n\t\t\t\t>\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\n\t\t\t\t\t\t<strong>{ __( 'Styles' ) }</strong>\n\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\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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"}
1	+ {"version":3,"names":["_components","require","_i18n","_icons","_data","_element","_interface","_preferences","_editor","_defaultSidebar","_interopRequireDefault","_globalStyles","_store","_ui","_lockUnlock","_coreData","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","useSelect","select","getActiveComplementaryArea","interfaceStore","getEditorCanvasContainerView","getCanvasMode","unlock","editSiteStore","canvasContainerView","_isVisualEditorMode","editorStore","getEditorMode","_isEditCanvasMode","_showListViewByDefault","preferencesStore","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","useDispatch","useEffect","setIsListViewOpened","goTo","useNavigator","toggleRevisions","toggleStyleBook","_react","createElement","default","className","identifier","title","__","icon","styles","closeLabel","panelClassName","header","Flex","FlexBlock","style","minWidth","FlexItem","Button","seen","label","isPressed","disabled","onClick","backup","GlobalStylesMenuSlot","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/global-styles-sidebar.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tFlexItem,\n\tFlexBlock,\n\tFlex,\n\tButton,\n\t__experimentalUseNavigator as useNavigator,\n} 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 interfaceStore } from '@wordpress/interface';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as editorStore } from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport DefaultSidebar from './default-sidebar';\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';\n\nexport default function GlobalStylesSidebar() {\n\tconst {\n\t\tshouldClearCanvasContainerView,\n\t\tisStyleBookOpened,\n\t\tshowListViewByDefault,\n\t\thasRevisions,\n\t\tisRevisionsOpened,\n\t\tisRevisionsStyleBookOpened,\n\t} = useSelect( ( select ) => {\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEditorCanvasContainerView, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst canvasContainerView = getEditorCanvasContainerView();\n\t\tconst _isVisualEditorMode =\n\t\t\t'visual' === select( editorStore ).getEditorMode();\n\t\tconst _isEditCanvasMode = 'edit' === getCanvasMode();\n\t\tconst _showListViewByDefault = select( preferencesStore ).get(\n\t\t\t'core',\n\t\t\t'showListViewByDefault'\n\t\t);\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\tisStyleBookOpened: 'style-book' === canvasContainerView,\n\t\t\tshouldClearCanvasContainerView:\n\t\t\t\t'edit-site/global-styles' !==\n\t\t\t\t\tgetActiveComplementaryArea( 'core/edit-site' ) \|\|\n\t\t\t\t! _isVisualEditorMode \|\|\n\t\t\t\t! _isEditCanvasMode,\n\t\t\tshowListViewByDefault: _showListViewByDefault,\n\t\t\thasRevisions:\n\t\t\t\t!! globalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count,\n\t\t\tisRevisionsStyleBookOpened:\n\t\t\t\t'global-styles-revisions:style-book' === canvasContainerView,\n\t\t\tisRevisionsOpened:\n\t\t\t\t'global-styles-revisions' === canvasContainerView,\n\t\t};\n\t}, [] );\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\tuseEffect( () => {\n\t\tif ( shouldClearCanvasContainerView ) {\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t}\n\t}, [ shouldClearCanvasContainerView ] );\n\n\tconst { setIsListViewOpened } = useDispatch( editorStore );\n\tconst { goTo } = useNavigator();\n\n\tconst toggleRevisions = () => {\n\t\tsetIsListViewOpened( false );\n\t\tif ( isRevisionsStyleBookOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( 'style-book' );\n\t\t\treturn;\n\t\t}\n\t\tif ( isRevisionsOpened ) {\n\t\t\tgoTo( '/' );\n\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\treturn;\n\t\t}\n\t\tgoTo( '/revisions' );\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 className=\"edit-site-global-styles-sidebar__header\">\n\t\t\t\t\t<FlexBlock style={ { minWidth: 'min-content' } }>\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</FlexBlock>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ seen }\n\t\t\t\t\t\t\tlabel={ __( 'Style Book' ) }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisStyleBookOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tdisabled={ shouldClearCanvasContainerView }\n\t\t\t\t\t\t\tonClick={ toggleStyleBook }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tlabel={ __( 'Revisions' ) }\n\t\t\t\t\t\t\ticon={ backup }\n\t\t\t\t\t\t\tonClick={ toggleRevisions }\n\t\t\t\t\t\t\tdisabled={ ! hasRevisions }\n\t\t\t\t\t\t\tisPressed={\n\t\t\t\t\t\t\t\tisRevisionsOpened \|\| isRevisionsStyleBookOpened\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t\t<GlobalStylesMenuSlot />\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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"}

package/build/components/sidebar-edit-mode/template-panel/hooks.js CHANGED Viewed

@@ -28,16 +28,30 @@ function injectThemeAttributeInBlockTemplateContent(block, currentThemeStyleshee
   }
   return block;
 }
-function preparePatterns(patterns, template, currentThemeStylesheet) {
+/**
+ * Filter all patterns and return only the ones that are compatible with the current template.
+ *
+ * @param {Array}  patterns An array of patterns.
+ * @param {Object} template The current template.
+ * @return {Array} Array of patterns that are compatible with the current template.
+ */
+function filterPatterns(patterns, template) {
   // Filter out duplicates.
   const filterOutDuplicatesByName = (currentItem, index, items) => index === items.findIndex(item => currentItem.name === item.name);
   // Filter out core/directory patterns not included in theme.json.
   const filterOutExcludedPatternSources = pattern => !_constants.EXCLUDED_PATTERN_SOURCES.includes(pattern.source);
-  // Filter only the patterns that are compatible with the current template.
-  const filterCompatiblePatterns = pattern => pattern.templateTypes?.includes(template.slug);
-  return patterns.filter((pattern, index, items) => filterOutExcludedPatternSources(pattern) && filterOutDuplicatesByName(pattern, index, items) && filterCompatiblePatterns(pattern)).map(pattern => ({
+  // Looks for patterns that have the same template type as the current template,
+  // or have a block type that matches the current template area.
+  const filterCompatiblePatterns = pattern => pattern.templateTypes?.includes(template.slug) || pattern.blockTypes?.includes('core/template-part/' + template.area);
+  return patterns.filter((pattern, index, items) => {
+    return filterOutDuplicatesByName(pattern, index, items) && filterOutExcludedPatternSources(pattern) && filterCompatiblePatterns(pattern);
+  });
+}
+function preparePatterns(patterns, template, currentThemeStylesheet) {
+  return patterns.map(pattern => ({
     ...pattern,
     keywords: pattern.keywords || [],
     type: _constants.PATTERN_TYPES.theme,
@@ -65,7 +79,8 @@ function useAvailablePatterns(template) {
   }, []);
   return (0, _element.useMemo)(() => {
     const mergedPatterns = [...(blockPatterns || []), ...(restBlockPatterns || [])];
-    return preparePatterns(mergedPatterns, template, currentThemeStylesheet);
+    const filteredPatterns = filterPatterns(mergedPatterns, template);
+    return preparePatterns(filteredPatterns, template, currentThemeStylesheet);
   }, [blockPatterns, restBlockPatterns, template, currentThemeStylesheet]);
 }
 //# sourceMappingURL=hooks.js.map

package/build/components/sidebar-edit-mode/template-panel/hooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_element","_coreData","_blocks","_store","_constants","_lockUnlock","injectThemeAttributeInBlockTemplateContent","block","currentThemeStylesheet","innerBlocks","map","innerBlock","name","attributes","theme","undefined","~~preparePatterns~~","patterns","template","filterOutDuplicatesByName","currentItem","index","items","findIndex","item","filterOutExcludedPatternSources","pattern","EXCLUDED_PATTERN_SOURCES","includes","source","filterCompatiblePatterns","templateTypes","slug","filter","keywords","type","PATTERN_TYPES","blocks","parse","content","__unstableSkipMigrationLogs","useAvailablePatterns","blockPatterns","restBlockPatterns","useSelect","select","_settings$__experimen","getSettings","unlock","editSiteStore","settings","__experimentalAdditionalBlockPatterns","__experimentalBlockPatterns","coreStore","getBlockPatterns","getCurrentTheme","stylesheet","useMemo","mergedPatterns"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/hooks.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { parse } from '@wordpress/blocks';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tEXCLUDED_PATTERN_SOURCES,\n\tPATTERN_TYPES,\n} from '../../../utils/constants';\nimport { unlock } from '../../../lock-unlock';\n\nfunction injectThemeAttributeInBlockTemplateContent(\n\tblock,\n\tcurrentThemeStylesheet\n) {\n\tblock.innerBlocks = block.innerBlocks.map( ( innerBlock ) => {\n\t\treturn injectThemeAttributeInBlockTemplateContent(\n\t\t\tinnerBlock,\n\t\t\tcurrentThemeStylesheet\n\t\t);\n\t} );\n\n\tif (\n\t\tblock.name === 'core/template-part' &&\n\t\tblock.attributes.theme === undefined\n\t) {\n\t\tblock.attributes.theme = currentThemeStylesheet;\n\t}\n\treturn block;\n}\n\nfunction ~~preparePatterns~~( patterns, template, ~~currentThemeStylesheet~~ ) {\n\t// Filter out duplicates.\n\tconst filterOutDuplicatesByName = ( currentItem, index, items ) =>\n\t\tindex === items.findIndex( ( item ) => currentItem.name === item.name );\n\n\t// Filter out core/directory patterns not included in theme.json.\n\tconst filterOutExcludedPatternSources = ( pattern ) =>\n\t\t! EXCLUDED_PATTERN_SOURCES.includes( pattern.source );\n\n\t// ~~Filter~~ ~~only~~ ~~the~~ patterns that ~~are~~ ~~compatible~~ ~~with~~ the current template.\n\tconst filterCompatiblePatterns = ( pattern ) =>\n\t\tpattern.templateTypes?.includes( template.slug );\n\n\treturn patterns\n\t\~~t.filter~~(\n\t\t\t( pattern, index, items ) ~~=>\~~n\t\t\t\tfilterOutExcludedPatternSources( pattern ) &&\n\t\t\~~t\tfilterOutDuplicatesByName~~( pattern, ~~index, items~~ ) ~~&&\~~n\t\t\t~~\tfilterCompatiblePatterns(~~ ~~pattern~~ )\n\~~t\t~~)\n\~~t\t~~.map( ( pattern ) => ( {\n\t\t\t...pattern,\n\t\t\tkeywords: pattern.keywords \|\| [],\n\t\t\ttype: PATTERN_TYPES.theme,\n\t\t\tblocks: parse( pattern.content, {\n\t\t\t\t__unstableSkipMigrationLogs: true,\n\t\t\t} ).map( ( block ) =>\n\t\t\t\tinjectThemeAttributeInBlockTemplateContent(\n\t\t\t\t\tblock,\n\t\t\t\t\tcurrentThemeStylesheet\n\t\t\t\t)\n\t\t\t),\n\t\t} ) );\n}\n\nexport function useAvailablePatterns( template ) {\n\tconst { blockPatterns, restBlockPatterns, currentThemeStylesheet } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\tblockPatterns:\n\t\t\t\t\tsettings.__experimentalAdditionalBlockPatterns ??\n\t\t\t\t\tsettings.__experimentalBlockPatterns,\n\t\t\t\trestBlockPatterns: select( coreStore ).getBlockPatterns(),\n\t\t\t\tcurrentThemeStylesheet:\n\t\t\t\t\tselect( coreStore ).getCurrentTheme().stylesheet,\n\t\t\t};\n\t\t}, [] );\n\n\treturn useMemo( () => {\n\t\tconst mergedPatterns = [\n\t\t\t...( blockPatterns \|\| [] ),\n\t\t\t...( restBlockPatterns \|\| [] ),\n\t\t];\n\t\treturn preparePatterns(\n\t\t\~~tmergedPatterns~~,\n\t\t\ttemplate,\n\t\t\tcurrentThemeStylesheet\n\t\t);\n\t}, [ blockPatterns, restBlockPatterns, template, currentThemeStylesheet ] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAIA,IAAAM,WAAA,GAAAN,OAAA;AAhBA;AACA;AACA;;AAMA;AACA;AACA;;AAQA,SAASO,0CAA0CA,CAClDC,KAAK,EACLC,sBAAsB,EACrB;EACDD,KAAK,CAACE,WAAW,GAAGF,KAAK,CAACE,WAAW,CAACC,GAAG,CAAIC,UAAU,IAAM;IAC5D,OAAOL,0CAA0C,CAChDK,UAAU,EACVH,sBACD,CAAC;EACF,CAAE,CAAC;EAEH,IACCD,KAAK,CAACK,IAAI,KAAK,oBAAoB,IACnCL,KAAK,CAACM,UAAU,CAACC,KAAK,KAAKC,SAAS,EACnC;IACDR,KAAK,CAACM,UAAU,CAACC,KAAK,GAAGN,sBAAsB;EAChD;EACA,OAAOD,KAAK;AACb;~~AAEA~~,SAASS,~~eAAeA~~,CAAEC,QAAQ,EAAEC,QAAQ,~~EAAEV,sBAAsB,~~EAAG;~~EACtE~~;EACA,~~MAAMW~~,yBAAyB,GAAGA,CAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,KAC5DD,KAAK,KAAKC,KAAK,CAACC,SAAS,CAAIC,IAAI,IAAMJ,WAAW,CAACR,IAAI,KAAKY,IAAI,CAACZ,IAAK,CAAC;;EAExE;EACA,MAAMa,+BAA+B,GAAKC,OAAO,IAChD,CAAEC,mCAAwB,CAACC,QAAQ,CAAEF,OAAO,CAACG,MAAO,CAAC;;EAEtD;EACA,MAAMC,wBAAwB,GAAKJ,OAAO,IACzCA,OAAO,CAACK,aAAa,EAAEH,QAAQ,CAAEV,QAAQ,CAACc,IAAK,CAAC;~~EAEjD~~,~~OAAOf~~,QAAQ,~~CACbgB~~,MAAM,~~CACN~~,~~CAAEP~~,OAAO,EAAEL,KAAK,EAAEC,KAAK,~~KACtBG,+BAA+B~~,~~CAAEC~~,~~OAAQ,CAAC,IAC1CP,~~yBAAyB,CAAEO,OAAO,EAAEL,KAAK,EAAEC,KAAM,CAAC,~~IAClDQ~~,wBAAwB,CAAEJ,OAAQ,~~CACpC~~,CAAC,~~CACAhB~~,GAAG,CAAIgB,OAAO,KAAQ;~~IACtB~~,GAAGA,OAAO;~~IACVQ~~,QAAQ,~~EAAER~~,OAAO,~~CAACQ~~,QAAQ,IAAI,EAAE;IAChCC,IAAI,EAAEC,wBAAa,~~CAACtB~~,KAAK;~~IACzBuB~~,MAAM,EAAE,IAAAC,aAAK,~~EAAEZ~~,OAAO,~~CAACa~~,OAAO,EAAE;MAC/BC,2BAA2B,EAAE;IAC9B,CAAE,CAAC,~~CAAC9B~~,GAAG,CAAIH,KAAK,IACfD,0CAA0C,CACzCC,KAAK,EACLC,sBACD,CACD;EACD,CAAC,CAAG,CAAC;~~AACP~~;AAEO,~~SAASiC~~,oBAAoBA,~~CAAEvB~~,QAAQ,EAAG;EAChD,MAAM;~~IAAEwB~~,aAAa;IAAEC,iBAAiB;~~IAAEnC~~;EAAuB,CAAC,GACjE,~~IAAAoC~~,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,qBAAA;IACxB,MAAM;MAAEC;IAAY,CAAC,GAAG,IAAAC,kBAAM,EAAEH,MAAM,CAAEI,YAAc,CAAE,CAAC;IACzD,MAAMC,QAAQ,GAAGH,WAAW,CAAC,CAAC;IAE9B,OAAO;MACNL,aAAa,GAAAI,qBAAA,GACZI,QAAQ,CAACC,qCAAqC,cAAAL,qBAAA,cAAAA,qBAAA,GAC9CI,QAAQ,CAACE,2BAA2B;MACrCT,iBAAiB,EAAEE,MAAM,CAAEQ,eAAU,CAAC,CAACC,gBAAgB,CAAC,CAAC;~~MACzD9C~~,sBAAsB,~~EACrBqC~~,MAAM,CAAEQ,eAAU,CAAC,CAACE,eAAe,CAAC,CAAC,CAACC;IACxC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAER,OAAO,IAAAC,gBAAO,EAAE,MAAM;IACrB,MAAMC,cAAc,GAAG,CACtB,IAAKhB,aAAa,IAAI,EAAE,CAAE,EAC1B,IAAKC,iBAAiB,IAAI,EAAE,CAAE,CAC9B;IACD,~~OAAO3B~~,~~eAAe~~,~~CACrB0C~~,cAAc,~~EACdxC~~,QAAQ,EACRV,sBACD,CAAC;EACF,CAAC,EAAE,~~CAAEkC~~,aAAa,EAAEC,iBAAiB,~~EAAEzB~~,QAAQ,EAAEV,sBAAsB,CAAG,CAAC;AAC5E"}
1	+ {"version":3,"names":["_data","require","_element","_coreData","_blocks","_store","_constants","_lockUnlock","injectThemeAttributeInBlockTemplateContent","block","currentThemeStylesheet","innerBlocks","map","innerBlock","name","attributes","theme","undefined","filterPatterns","patterns","template","filterOutDuplicatesByName","currentItem","index","items","findIndex","item","filterOutExcludedPatternSources","pattern","EXCLUDED_PATTERN_SOURCES","includes","source","filterCompatiblePatterns","templateTypes","slug","blockTypes","area","filter","preparePatterns","keywords","type","PATTERN_TYPES","blocks","parse","content","__unstableSkipMigrationLogs","useAvailablePatterns","blockPatterns","restBlockPatterns","useSelect","select","_settings$__experimen","getSettings","unlock","editSiteStore","settings","__experimentalAdditionalBlockPatterns","__experimentalBlockPatterns","coreStore","getBlockPatterns","getCurrentTheme","stylesheet","useMemo","mergedPatterns","filteredPatterns"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/hooks.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { parse } from '@wordpress/blocks';\n\n/\n Internal dependencies\n /\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tEXCLUDED_PATTERN_SOURCES,\n\tPATTERN_TYPES,\n} from '../../../utils/constants';\nimport { unlock } from '../../../lock-unlock';\n\nfunction injectThemeAttributeInBlockTemplateContent(\n\tblock,\n\tcurrentThemeStylesheet\n) {\n\tblock.innerBlocks = block.innerBlocks.map( ( innerBlock ) => {\n\t\treturn injectThemeAttributeInBlockTemplateContent(\n\t\t\tinnerBlock,\n\t\t\tcurrentThemeStylesheet\n\t\t);\n\t} );\n\n\tif (\n\t\tblock.name === 'core/template-part' &&\n\t\tblock.attributes.theme === undefined\n\t) {\n\t\tblock.attributes.theme = currentThemeStylesheet;\n\t}\n\treturn block;\n}\n\n/\n Filter all patterns and return only the ones that are compatible with the current template.\n \n @param {Array} patterns An array of patterns.\n * @param {Object} template The current template.\n * @return {Array} Array of patterns that are compatible with the current template.\n */\nfunction filterPatterns( patterns, template ) {\n\t// Filter out duplicates.\n\tconst filterOutDuplicatesByName = ( currentItem, index, items ) =>\n\t\tindex === items.findIndex( ( item ) => currentItem.name === item.name );\n\n\t// Filter out core/directory patterns not included in theme.json.\n\tconst filterOutExcludedPatternSources = ( pattern ) =>\n\t\t! EXCLUDED_PATTERN_SOURCES.includes( pattern.source );\n\n\t// Looks for patterns that have the same template type as the current template,\n\t// or have a block type that matches the current template area.\n\tconst filterCompatiblePatterns = ( pattern ) =>\n\t\tpattern.templateTypes?.includes( template.slug ) \|\|\n\t\tpattern.blockTypes?.includes( 'core/template-part/' + template.area );\n\n\treturn patterns.filter( ( pattern, index, items ) => {\n\t\treturn (\n\t\t\tfilterOutDuplicatesByName( pattern, index, items ) &&\n\t\t\tfilterOutExcludedPatternSources( pattern ) &&\n\t\t\tfilterCompatiblePatterns( pattern )\n\t\t);\n\t} );\n}\n\nfunction preparePatterns( patterns, template, currentThemeStylesheet ) {\n\treturn patterns.map( ( pattern ) => ( {\n\t\t...pattern,\n\t\tkeywords: pattern.keywords \|\| [],\n\t\ttype: PATTERN_TYPES.theme,\n\t\tblocks: parse( pattern.content, {\n\t\t\t__unstableSkipMigrationLogs: true,\n\t\t} ).map( ( block ) =>\n\t\t\tinjectThemeAttributeInBlockTemplateContent(\n\t\t\t\tblock,\n\t\t\t\tcurrentThemeStylesheet\n\t\t\t)\n\t\t),\n\t} ) );\n}\n\nexport function useAvailablePatterns( template ) {\n\tconst { blockPatterns, restBlockPatterns, currentThemeStylesheet } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\tconst settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\tblockPatterns:\n\t\t\t\t\tsettings.__experimentalAdditionalBlockPatterns ??\n\t\t\t\t\tsettings.__experimentalBlockPatterns,\n\t\t\t\trestBlockPatterns: select( coreStore ).getBlockPatterns(),\n\t\t\t\tcurrentThemeStylesheet:\n\t\t\t\t\tselect( coreStore ).getCurrentTheme().stylesheet,\n\t\t\t};\n\t\t}, [] );\n\n\treturn useMemo( () => {\n\t\tconst mergedPatterns = [\n\t\t\t...( blockPatterns \|\| [] ),\n\t\t\t...( restBlockPatterns \|\| [] ),\n\t\t];\n\t\tconst filteredPatterns = filterPatterns( mergedPatterns, template );\n\t\treturn preparePatterns(\n\t\t\tfilteredPatterns,\n\t\t\ttemplate,\n\t\t\tcurrentThemeStylesheet\n\t\t);\n\t}, [ blockPatterns, restBlockPatterns, template, currentThemeStylesheet ] );\n}\n"],"mappings":"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"}

package/build/components/sidebar-edit-mode/template-panel/index.js CHANGED Viewed

@@ -12,10 +12,16 @@ var _editor = require("@wordpress/editor");
 var _coreData = require("@wordpress/core-data");
 var _htmlEntities = require("@wordpress/html-entities");
 var _icons = require("@wordpress/icons");
+var _i18n = require("@wordpress/i18n");
+var _compose = require("@wordpress/compose");
+var _blocks = require("@wordpress/blocks");
+var _blockEditor = require("@wordpress/block-editor");
 var _store = require("../../../store");
 var _templateActions = _interopRequireDefault(require("./template-actions"));
 var _templateAreas = _interopRequireDefault(require("./template-areas"));
 var _sidebarCard = _interopRequireDefault(require("../sidebar-card"));
+var _hooks = require("./hooks");
+var _constants = require("../../../utils/constants");
 /**
  * WordPress dependencies
  */
@@ -28,13 +34,31 @@ const CARD_ICONS = {
   wp_block: _icons.symbol,
   wp_navigation: _icons.navigation
 };
+function TemplatesList({
+  availableTemplates,
+  onSelect
+}) {
+  const shownTemplates = (0, _compose.useAsyncList)(availableTemplates);
+  if (!availableTemplates || availableTemplates?.length === 0) {
+    return null;
+  }
+  return (0, _react.createElement)(_blockEditor.__experimentalBlockPatternsList, {
+    label: (0, _i18n.__)('Templates'),
+    blockPatterns: availableTemplates,
+    shownPatterns: shownTemplates,
+    onClickPattern: onSelect,
+    showTitlesAsTooltip: true
+  });
+}
 function TemplatePanel() {
   var _CARD_ICONS$record$ty;
   const {
     title,
     description,
     icon,
-    record
+    record,
+    postType,
+    postId
   } = (0, _data.useSelect)(select => {
     const {
       getEditedPostType,
@@ -47,19 +71,31 @@ function TemplatePanel() {
       __experimentalGetTemplateInfo: getTemplateInfo
     } = select(_editor.store);
     const type = getEditedPostType();
-    const postId = getEditedPostId();
-    const _record = getEditedEntityRecord('postType', type, postId);
+    const _postId = getEditedPostId();
+    const _record = getEditedEntityRecord('postType', type, _postId);
     const info = getTemplateInfo(_record);
     return {
       title: info.title,
       description: info.description,
       icon: info.icon,
-      record: _record
+      record: _record,
+      postType: type,
+      postId: _postId
     };
   }, []);
+  const availablePatterns = (0, _hooks.useAvailablePatterns)(record);
+  const {
+    editEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
   if (!title && !description) {
     return null;
   }
+  const onTemplateSelect = async selectedTemplate => {
+    await editEntityRecord('postType', postType, postId, {
+      blocks: selectedTemplate.blocks,
+      content: (0, _blocks.serialize)(selectedTemplate.blocks)
+    });
+  };
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_sidebarCard.default, {
     className: "edit-site-template-card",
     title: (0, _htmlEntities.decodeEntities)(title),
@@ -68,6 +104,13 @@ function TemplatePanel() {
     actions: (0, _react.createElement)(_templateActions.default, {
       template: record
     })
-  }, (0, _react.createElement)(_templateAreas.default, null))), (0, _react.createElement)(_editor.PostLastRevisionPanel, null), (0, _react.createElement)(_editor.PostTaxonomiesPanel, null), (0, _react.createElement)(_editor.PostFeaturedImagePanel, null), (0, _react.createElement)(_editor.PostExcerptPanel, null), (0, _react.createElement)(_editor.PostDiscussionPanel, null), (0, _react.createElement)(_editor.PageAttributesPanel, null));
+  }, (0, _react.createElement)(_templateAreas.default, null))), availablePatterns?.length > 0 && (0, _react.createElement)(_components.PanelBody, {
+    title: (0, _i18n.__)('Transform into:'),
+    initialOpen: postType === _constants.TEMPLATE_PART_POST_TYPE
+  }, (0, _react.createElement)(_components.PanelRow, null, (0, _react.createElement)("p", null, (0, _i18n.__)('Choose a predefined pattern to switch up the look of your template.' // TODO - make this dynamic?
+  ))), (0, _react.createElement)(TemplatesList, {
+    availableTemplates: availablePatterns,
+    onSelect: onTemplateSelect
+  })), (0, _react.createElement)(_editor.PostLastRevisionPanel, null), (0, _react.createElement)(_editor.PostTaxonomiesPanel, null), (0, _react.createElement)(_editor.PostFeaturedImagePanel, null), (0, _react.createElement)(_editor.PostExcerptPanel, null), (0, _react.createElement)(_editor.PostDiscussionPanel, null), (0, _react.createElement)(_editor.PageAttributesPanel, null));
 }
 //# sourceMappingURL=index.js.map

package/build/components/sidebar-edit-mode/template-panel/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_data","require","_components","_editor","_coreData","_htmlEntities","_icons","_store","_templateActions","_interopRequireDefault","_templateAreas","_sidebarCard","CARD_ICONS","wp_block","symbol","wp_navigation","navigation","TemplatePanel","_CARD_ICONS$record$ty","title","description","icon","record","useSelect","select","getEditedPostType","getEditedPostId","editSiteStore","getEditedEntityRecord","coreStore","__experimentalGetTemplateInfo","getTemplateInfo","editorStore","type","~~postId~~","_record","info","~~_react~~","~~createElement~~","Fragment","PanelBody","default","className","decodeEntities","actions","template","PostLastRevisionPanel","PostTaxonomiesPanel","PostFeaturedImagePanel","PostExcerptPanel","PostDiscussionPanel","PageAttributesPanel"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody } from '@wordpress/components';\nimport {\n\tPageAttributesPanel,\n\tPostDiscussionPanel,\n\tPostExcerptPanel,\n\tPostFeaturedImagePanel,\n\tPostLastRevisionPanel,\n\tPostTaxonomiesPanel,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { navigation, symbol } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport TemplateActions from './template-actions';\nimport TemplateAreas from './template-areas';\nimport SidebarCard from '../sidebar-card';\n\nconst CARD_ICONS = {\n\twp_block: symbol,\n\twp_navigation: navigation,\n};\n\nexport default function TemplatePanel() {\n\tconst { title, description, icon, record } = useSelect( ( select ) => {\n\t\tconst { getEditedPostType, getEditedPostId } ~~= select~~( editSiteStore );\n\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\tconst { __experimentalGetTemplateInfo: getTemplateInfo } =\n\t\t\tselect( editorStore );\n\n\t\tconst type = getEditedPostType();\n\t\tconst ~~postId~~ = getEditedPostId();\n\t\tconst _record = getEditedEntityRecord( 'postType', type, ~~postId~~ );\n\t\tconst info = getTemplateInfo( _record );\n\n\t\treturn {\n\t\t\ttitle: info.title,\n\t\t\tdescription: info.description,\n\t\t\ticon: info.icon,\n\t\t\trecord: _record,\n\t\t};\n\t}, [] );\n\n\tif ( ! title && ! description ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody>\n\t\t\t\t<SidebarCard\n\t\t\t\t\tclassName=\"edit-site-template-card\"\n\t\t\t\t\ttitle={ decodeEntities( title ) }\n\t\t\t\t\ticon={ CARD_ICONS[ record?.type ] ?? icon }\n\t\t\t\t\tdescription={ decodeEntities( description ) }\n\t\t\t\t\tactions={ <TemplateActions template={ record } /> }\n\t\t\t\t>\n\t\t\t\t\t<TemplateAreas />\n\t\t\t\t</SidebarCard>\n\t\t\t</PanelBody>\n\t\t\t<PostLastRevisionPanel />\n\t\t\t<PostTaxonomiesPanel />\n\t\t\t<PostFeaturedImagePanel />\n\t\t\t<PostExcerptPanel />\n\t\t\t<PostDiscussionPanel />\n\t\t\t<PageAttributesPanel />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AASA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;~~AAKA~~,IAAAM,~~MAAA~~,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAC,sBAAA,~~CAAAR~~,OAAA;AACA,~~IAAAS~~,cAAA,GAAAD,sBAAA,~~CAAAR~~,OAAA;AACA,~~IAAAU~~,YAAA,GAAAF,sBAAA,~~CAAAR~~,OAAA;~~AAxBA~~;AACA;AACA;;~~AAgBA~~;AACA;AACA;;~~AAMA~~,~~MAAMW~~,UAAU,GAAG;EAClBC,QAAQ,EAAEC,aAAM;EAChBC,aAAa,EAAEC;AAChB,CAAC;~~AAEc~~,SAASC,aAAaA,CAAA,EAAG;EAAA,IAAAC,qBAAA;EACvC,MAAM;IAAEC,KAAK;IAAEC,WAAW;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAG,IAAAC,eAAS,~~EAAIC~~,MAAM,IAAM;~~IACrE~~,MAAM;MAAEC,iBAAiB;MAAEC;IAAgB,CAAC,~~GAAGF~~,MAAM,CAAEG,YAAc,CAAC;~~IACtE~~,MAAM;MAAEC;IAAsB,CAAC,GAAGJ,MAAM,CAAEK,eAAU,CAAC;IACrD,MAAM;MAAEC,6BAA6B,EAAEC;IAAgB,CAAC,GACvDP,MAAM,CAAEQ,aAAY,CAAC;IAEtB,MAAMC,IAAI,GAAGR,iBAAiB,CAAC,CAAC;IAChC,MAAMS,~~MAAM~~,GAAGR,eAAe,CAAC,CAAC;~~IAChC~~,MAAMS,OAAO,GAAGP,qBAAqB,CAAE,UAAU,EAAEK,IAAI,EAAEC,~~MAAO~~,CAAC;~~IACjE~~,MAAME,IAAI,GAAGL,eAAe,CAAEI,OAAQ,CAAC;IAEvC,OAAO;~~MACNhB~~,KAAK,~~EAAEiB~~,IAAI,~~CAACjB~~,KAAK;MACjBC,WAAW,~~EAAEgB~~,IAAI,~~CAAChB~~,WAAW;MAC7BC,IAAI,~~EAAEe~~,IAAI,~~CAACf~~,IAAI;MACfC,MAAM,~~EAAEa~~;IACT,CAAC;EACF,CAAC,~~EAAE~~,~~EAAG~~,CAAC;~~EAEP~~,IAAK,~~CAAEhB~~,KAAK,IAAI,CAAEC,WAAW,EAAG;IAC/B,OAAO,IAAI;EACZ;EAEA,OACC,~~IAAAiB~~,MAAA,CAAAC,aAAA,EAAAD,MAAA,~~CAAAE~~,QAAA,QACC,~~IAAAF~~,MAAA,CAAAC,aAAA,~~EAACpC~~,WAAA,~~CAAAsC~~,SAAS,QACT,~~IAAAH~~,MAAA,CAAAC,aAAA,~~EAAC3B~~,YAAA,~~CAAA8B~~,OAAW;IACXC,SAAS,EAAC,yBAAyB;~~IACnCvB~~,KAAK,EAAG,~~IAAAwB~~,4BAAc,~~EAAExB~~,KAAM,CAAG;IACjCE,IAAI,GAAAH,qBAAA,~~GAAGN~~,UAAU,~~CAAEU~~,MAAM,~~EAAEW~~,IAAI,CAAE,~~cAAAf~~,qBAAA,cAAAA,qBAAA,GAAIG,IAAM;IAC3CD,WAAW,EAAG,~~IAAAuB~~,4BAAc,~~EAAEvB~~,WAAY,CAAG;~~IAC7CwB~~,OAAO,EAAG,~~IAAAP~~,MAAA,CAAAC,aAAA,~~EAAC9B~~,gBAAA,~~CAAAiC~~,OAAe;MAACI,QAAQ,~~EAAGvB~~;IAAQ,CAAE;EAAG,GAEnD,~~IAAAe~~,MAAA,CAAAC,aAAA,~~EAAC5B~~,cAAA,~~CAAA+B~~,OAAa,MAAE,CACJ,CACH,CAAC,~~EACZ~~,IAAAJ,MAAA,CAAAC,aAAA,~~EAACnC~~,OAAA,~~CAAA2C~~,qBAAqB,MAAE,CAAC,EACzB,~~IAAAT~~,MAAA,CAAAC,aAAA,~~EAACnC~~,OAAA,~~CAAA4C~~,mBAAmB,MAAE,CAAC,EACvB,~~IAAAV~~,MAAA,CAAAC,aAAA,~~EAACnC~~,OAAA,~~CAAA6C~~,sBAAsB,MAAE,CAAC,EAC1B,~~IAAAX~~,MAAA,CAAAC,aAAA,~~EAACnC~~,OAAA,~~CAAA8C~~,gBAAgB,MAAE,CAAC,EACpB,~~IAAAZ~~,MAAA,CAAAC,aAAA,~~EAACnC~~,OAAA,~~CAAA+C~~,mBAAmB,MAAE,CAAC,EACvB,~~IAAAb~~,MAAA,CAAAC,aAAA,~~EAACnC~~,OAAA,~~CAAAgD~~,mBAAmB,MAAE,CACrB,CAAC;AAEL"}
1	+ {"version":3,"names":["_data","require","_components","_editor","_coreData","_htmlEntities","_icons","_i18n","_compose","_blocks","_blockEditor","_store","_templateActions","_interopRequireDefault","_templateAreas","_sidebarCard","_hooks","_constants","CARD_ICONS","wp_block","symbol","wp_navigation","navigation","TemplatesList","availableTemplates","onSelect","shownTemplates","useAsyncList","length","_react","createElement","__experimentalBlockPatternsList","label","__","blockPatterns","shownPatterns","onClickPattern","showTitlesAsTooltip","TemplatePanel","_CARD_ICONS$record$ty","title","description","icon","record","postType","postId","useSelect","select","getEditedPostType","getEditedPostId","editSiteStore","getEditedEntityRecord","coreStore","__experimentalGetTemplateInfo","getTemplateInfo","editorStore","type","_postId","_record","info","availablePatterns","useAvailablePatterns","editEntityRecord","useDispatch","onTemplateSelect","selectedTemplate","blocks","content","serialize","Fragment","PanelBody","default","className","decodeEntities","actions","template","initialOpen","TEMPLATE_PART_POST_TYPE","PanelRow","PostLastRevisionPanel","PostTaxonomiesPanel","PostFeaturedImagePanel","PostExcerptPanel","PostDiscussionPanel","PageAttributesPanel"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/template-panel/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { PanelBody, PanelRow } from '@wordpress/components';\nimport {\n\tPageAttributesPanel,\n\tPostDiscussionPanel,\n\tPostExcerptPanel,\n\tPostFeaturedImagePanel,\n\tPostLastRevisionPanel,\n\tPostTaxonomiesPanel,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { navigation, symbol } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { useAsyncList } from '@wordpress/compose';\nimport { serialize } from '@wordpress/blocks';\nimport { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport TemplateActions from './template-actions';\nimport TemplateAreas from './template-areas';\nimport SidebarCard from '../sidebar-card';\nimport { useAvailablePatterns } from './hooks';\nimport { TEMPLATE_PART_POST_TYPE } from '../../../utils/constants';\n\nconst CARD_ICONS = {\n\twp_block: symbol,\n\twp_navigation: navigation,\n};\n\nfunction TemplatesList( { availableTemplates, onSelect } ) {\n\tconst shownTemplates = useAsyncList( availableTemplates );\n\tif ( ! availableTemplates \|\| availableTemplates?.length === 0 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<BlockPatternsList\n\t\t\tlabel={ __( 'Templates' ) }\n\t\t\tblockPatterns={ availableTemplates }\n\t\t\tshownPatterns={ shownTemplates }\n\t\t\tonClickPattern={ onSelect }\n\t\t\tshowTitlesAsTooltip={ true }\n\t\t/>\n\t);\n}\n\nexport default function TemplatePanel() {\n\tconst { title, description, icon, record, postType, postId } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostType, getEditedPostId } =\n\t\t\t\tselect( editSiteStore );\n\t\t\tconst { getEditedEntityRecord } = select( coreStore );\n\t\t\tconst { __experimentalGetTemplateInfo: getTemplateInfo } =\n\t\t\t\tselect( editorStore );\n\n\t\t\tconst type = getEditedPostType();\n\t\t\tconst _postId = getEditedPostId();\n\t\t\tconst _record = getEditedEntityRecord( 'postType', type, _postId );\n\t\t\tconst info = getTemplateInfo( _record );\n\n\t\t\treturn {\n\t\t\t\ttitle: info.title,\n\t\t\t\tdescription: info.description,\n\t\t\t\ticon: info.icon,\n\t\t\t\trecord: _record,\n\t\t\t\tpostType: type,\n\t\t\t\tpostId: _postId,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst availablePatterns = useAvailablePatterns( record );\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\n\tif ( ! title && ! description ) {\n\t\treturn null;\n\t}\n\n\tconst onTemplateSelect = async ( selectedTemplate ) => {\n\t\tawait editEntityRecord( 'postType', postType, postId, {\n\t\t\tblocks: selectedTemplate.blocks,\n\t\t\tcontent: serialize( selectedTemplate.blocks ),\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody>\n\t\t\t\t<SidebarCard\n\t\t\t\t\tclassName=\"edit-site-template-card\"\n\t\t\t\t\ttitle={ decodeEntities( title ) }\n\t\t\t\t\ticon={ CARD_ICONS[ record?.type ] ?? icon }\n\t\t\t\t\tdescription={ decodeEntities( description ) }\n\t\t\t\t\tactions={ <TemplateActions template={ record } /> }\n\t\t\t\t>\n\t\t\t\t\t<TemplateAreas />\n\t\t\t\t</SidebarCard>\n\t\t\t</PanelBody>\n\t\t\t{ availablePatterns?.length > 0 && (\n\t\t\t\t<PanelBody\n\t\t\t\t\ttitle={ __( 'Transform into:' ) }\n\t\t\t\t\tinitialOpen={ postType === TEMPLATE_PART_POST_TYPE }\n\t\t\t\t>\n\t\t\t\t\t<PanelRow>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t'Choose a predefined pattern to switch up the look of your template.' // TODO - make this dynamic?\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</PanelRow>\n\n\t\t\t\t\t<TemplatesList\n\t\t\t\t\t\tavailableTemplates={ availablePatterns }\n\t\t\t\t\t\tonSelect={ onTemplateSelect }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t\t<PostLastRevisionPanel />\n\t\t\t<PostTaxonomiesPanel />\n\t\t\t<PostFeaturedImagePanel />\n\t\t\t<PostExcerptPanel />\n\t\t\t<PostDiscussionPanel />\n\t\t\t<PageAttributesPanel />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}