npm - @wordpress/edit-site - Versions diffs - 6.0.0 → 6.1.0 - Mend

@wordpress/edit-site 6.0.0 → 6.1.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 (205) hide show

package/build-module/components/global-styles/shadows-edit-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalSpacer","Spacer","__experimentalItemGroup","ItemGroup","__experimentalHeading","Heading","__experimentalInputControl","InputControl","__experimentalUnitControl","UnitControl","__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","__experimentalGrid","Grid","__experimentalDropdownContentWrapper","DropdownContentWrapper","__experimentalUseNavigator","useNavigator","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalConfirmDialog","ConfirmDialog","Dropdown","RangeControl","Button","Flex","FlexItem","ColorPalette","Modal","privateApis","componentsPrivateApis","__","sprintf","blockEditorPrivateApis","plus","shadow","shadowIcon","reset","settings","moreVertical","useState","useMemo","unlock","Subtitle","ScreenHeader","defaultShadow","getShadowParts","shadowStringToObject","shadowObjectToString","CUSTOM_VALUE_SETTINGS","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","DropdownMenuV2","DropdownMenu","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","customShadowMenuItems","label","action","presetShadowMenuItems","ShadowsEditPanel","params","category","slug","goTo","shadows","setShadows","baseShadows","undefined","selectedShadow","setSelectedShadow","find","baseSelectedShadow","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","title","children","justify","marginTop","marginBottom","paddingX","trigger","size","icon","item","onClick","disabled","className","ShadowsPreview","ShadowEditor","onChange","isOpen","onConfirm","onCancel","confirmButtonText","onRequestClose","onSubmit","event","preventDefault","autoComplete","placeholder","value","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","onRemoveShadowPart","splice","spacing","level","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","newShadow","renderToggle","onToggle","toggleProps","removeButtonProps","ariaLabel","tooltip","flexGrow","inset","renderContent","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","clearable","color","isBlock","hideLabelFromVision","__next40pxDefaultSize","columns","gap","ShadowInputControl","x","hasNegativeRange","y","blur","spread","_CUSTOM_VALUE_SETTING","_CUSTOM_VALUE_SETTING2","_CUSTOM_VALUE_SETTING3","isCustomInput","setIsCustomInput","parsedQuantity","parsedUnit","sliderOnChange","next","onValueChange","isNumeric","isNaN","parseFloat","nextValue","isPressed","withInputField","__nextHasNoMarginBottom","min","max","step"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHeading as Heading,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tRangeControl,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tsettings,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n\tCUSTOM_VALUE_SETTINGS,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n} = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tparams: { category, slug },\n\t\tgoTo,\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tconst updatedShadows = shadows.filter( ( s ) => s.slug !== slug );\n\t\tsetShadows( updatedShadows );\n\t\tgoTo( `/shadows` );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\tonClick={ () => onMenuClick( item.action ) }\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t// translators: %s: name of the shadow\n\t\t\t\t\t\t'Are you sure you want to delete \"%s\"?',\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tshadowParts[ index ] = part;\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tshadowParts.push( defaultShadow );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tshadowParts.splice( index, 1 );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\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</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: onRemove,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tariaLabel: __( 'Remove shadow' ),\n\t\t\t\t\ttooltip: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<HStack align=\"center\" justify=\"flex-start\" spacing={ 0 }>\n\t\t\t\t\t\t<FlexItem style={ { flexGrow: 1 } }>\n\t\t\t\t\t\t\t<Button icon={ shadowIcon } { ...toggleProps }>\n\t\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"none\">\n\t\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor__dropdown-content\">\n\t\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<div className=\"edit-site-global-styles__shadow-editor-panel\">\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Shadow' ) }</Heading>\n\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor-color-palette\">\n\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'color', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<ToggleGroupControl\n\t\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\t\tisBlock\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t\t}\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToggleGroupControl>\n\t\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'blur', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'spread', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Grid>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange, hasNegativeRange } ) {\n\tconst [ isCustomInput, setIsCustomInput ] = useState( false );\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( value );\n\n\tconst sliderOnChange = ( next ) => {\n\t\tonChange(\n\t\t\tnext !== undefined ? [ next, parsedUnit \|\| 'px' ].join( '' ) : '0px'\n\t\t);\n\t};\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<VStack justify=\"flex-start\">\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle>{ label }</Subtitle>\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Use custom size' ) }\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetIsCustomInput( ! isCustomInput );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ isCustomInput }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t\t{ isCustomInput ? (\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onValueChange }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RangeControl\n\t\t\t\t\tvalue={ parsedQuantity ?? 0 }\n\t\t\t\t\tonChange={ sliderOnChange }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tmin={\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\t\t? -(\n\t\t\t\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]\n\t\t\t\t\t\t\t\t\t\t?.max ?? 10\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t}\n\t\t\t\t\tmax={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.max ?? 10\n\t\t\t\t\t}\n\t\t\t\t\tstep={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.step ?? 0.1\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalSpacer","Spacer","__experimentalItemGroup","ItemGroup","__experimentalHeading","Heading","__experimentalInputControl","InputControl","__experimentalUnitControl","UnitControl","__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","__experimentalGrid","Grid","__experimentalDropdownContentWrapper","DropdownContentWrapper","__experimentalUseNavigator","useNavigator","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalConfirmDialog","ConfirmDialog","Dropdown","RangeControl","Button","Flex","FlexItem","ColorPalette","Modal","privateApis","componentsPrivateApis","__","sprintf","blockEditorPrivateApis","plus","shadow","shadowIcon","reset","settings","moreVertical","useState","useMemo","unlock","Subtitle","ScreenHeader","defaultShadow","getShadowParts","shadowStringToObject","shadowObjectToString","CUSTOM_VALUE_SETTINGS","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","DropdownMenuV2","DropdownMenu","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","customShadowMenuItems","label","action","presetShadowMenuItems","ShadowsEditPanel","params","category","slug","goTo","shadows","setShadows","baseShadows","undefined","selectedShadow","setSelectedShadow","find","baseSelectedShadow","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","title","children","justify","marginTop","marginBottom","paddingX","trigger","size","icon","item","onClick","disabled","className","ShadowsPreview","ShadowEditor","onChange","isOpen","onConfirm","onCancel","confirmButtonText","onRequestClose","onSubmit","event","preventDefault","autoComplete","placeholder","value","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","onRemoveShadowPart","splice","spacing","level","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","newShadow","renderToggle","onToggle","toggleProps","removeButtonProps","ariaLabel","tooltip","flexGrow","inset","renderContent","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","clearable","color","isBlock","hideLabelFromVision","__next40pxDefaultSize","columns","gap","ShadowInputControl","x","hasNegativeRange","y","blur","spread","_CUSTOM_VALUE_SETTING","_CUSTOM_VALUE_SETTING2","_CUSTOM_VALUE_SETTING3","isCustomInput","setIsCustomInput","parsedQuantity","parsedUnit","sliderOnChange","next","onValueChange","isNumeric","isNaN","parseFloat","nextValue","isPressed","withInputField","__nextHasNoMarginBottom","min","max","step"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHeading as Heading,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tRangeControl,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tsettings,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n\tCUSTOM_VALUE_SETTINGS,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n} = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tparams: { category, slug },\n\t\tgoTo,\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tconst updatedShadows = shadows.filter( ( s ) => s.slug !== slug );\n\t\tsetShadows( updatedShadows );\n\t\tgoTo( `/shadows` );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\tonClick={ () => onMenuClick( item.action ) }\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t// translators: %s: name of the shadow\n\t\t\t\t\t\t'Are you sure you want to delete \"%s\"?',\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tshadowParts[ index ] = part;\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tshadowParts.push( defaultShadow );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tshadowParts.splice( index, 1 );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\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</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: onRemove,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tariaLabel: __( 'Remove shadow' ),\n\t\t\t\t\ttooltip: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<HStack align=\"center\" justify=\"flex-start\" spacing={ 0 }>\n\t\t\t\t\t\t<FlexItem style={ { flexGrow: 1 } }>\n\t\t\t\t\t\t\t<Button icon={ shadowIcon } { ...toggleProps }>\n\t\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"none\">\n\t\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor__dropdown-content\">\n\t\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<div className=\"edit-site-global-styles__shadow-editor-panel\">\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Shadow' ) }</Heading>\n\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor-color-palette\">\n\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'color', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<ToggleGroupControl\n\t\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\t\tisBlock\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t\t}\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToggleGroupControl>\n\t\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'blur', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'spread', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Grid>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange, hasNegativeRange } ) {\n\tconst [ isCustomInput, setIsCustomInput ] = useState( false );\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( value );\n\n\tconst sliderOnChange = ( next ) => {\n\t\tonChange(\n\t\t\tnext !== undefined ? [ next, parsedUnit \|\| 'px' ].join( '' ) : '0px'\n\t\t);\n\t};\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<VStack justify=\"flex-start\">\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle>{ label }</Subtitle>\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Use custom size' ) }\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetIsCustomInput( ! isCustomInput );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ isCustomInput }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t\t{ isCustomInput ? (\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onValueChange }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RangeControl\n\t\t\t\t\tvalue={ parsedQuantity ?? 0 }\n\t\t\t\t\tonChange={ sliderOnChange }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tmin={\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\t\t? -(\n\t\t\t\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]\n\t\t\t\t\t\t\t\t\t\t?.max ?? 10\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t}\n\t\t\t\t\tmax={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.max ?? 10\n\t\t\t\t\t}\n\t\t\t\t\tstep={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.step ?? 0.1\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -15,6 +15,7 @@ import { privateApis as editorPrivateApis } from '@wordpress/editor';
 /**
  * Internal dependencies
  */
+import { filterObjectByProperty } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';
 import { unlock } from '../../../lock-unlock';
 import { jsx as _jsx } from "react/jsx-runtime";
 const {
@@ -27,7 +28,8 @@ const {
 export default function Variation({
   variation,
   children,
-  isPill
+  isPill,
+  property
 }) {
   const [isFocused, setIsFocused] = useState(false);
   const {
@@ -36,25 +38,18 @@ export default function Variation({
     setUserConfig
   } = useContext(GlobalStylesContext);
   const context = useMemo(() => {
-    var _variation$settings, _variation$styles, _variation$_links;
+    let merged = mergeBaseAndUserConfigs(base, variation);
+    if (property) {
+      merged = filterObjectByProperty(merged, property);
+    }
     return {
-      user: {
-        settings: (_variation$settings = variation.settings) !== null && _variation$settings !== void 0 ? _variation$settings : {},
-        styles: (_variation$styles = variation.styles) !== null && _variation$styles !== void 0 ? _variation$styles : {},
-        _links: (_variation$_links = variation._links) !== null && _variation$_links !== void 0 ? _variation$_links : {}
-      },
+      user: variation,
       base,
-      merged: mergeBaseAndUserConfigs(base, variation),
+      merged,
       setUserConfig: () => {}
     };
-  }, [variation, base]);
-  const selectVariation = () => {
-    setUserConfig(() => ({
-      settings: variation.settings,
-      styles: variation.styles,
-      _links: variation._links
-    }));
-  };
+  }, [variation, base, property]);
+  const selectVariation = () => setUserConfig(variation);
   const selectOnEnter = event => {
     if (event.keyCode === ENTER) {
       event.preventDefault();

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

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","useMemo","useContext","useState","ENTER","__","sprintf","privateApis","blockEditorPrivateApis","editorPrivateApis","unlock","jsx","_jsx","mergeBaseAndUserConfigs","GlobalStylesContext","areGlobalStyleConfigsEqual","Variation","variation","children","isPill","isFocused","setIsFocused","base","user","setUserConfig","context","~~_variation$settings","_variation$styles","_variation$_links","settings","styles","_links","~~merged","selectVariation","selectOnEnter","event","keyCode","preventDefault","isActive","label","title","description","Provider","value","className","role","onClick","onKeyDown","tabIndex","onFocus","onBlur"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variation.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( { variation, children, isPill } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\tconst context = useMemo(~~\n\t\t~~() => ( {\n\t\~~t\tuser:~~ {\n\t\~~t\t\tsettings:~~ ~~variation.settings~~ ?? {~~},\~~n\t\t\~~t\tstyles:~~ ~~variation.styles~~ ?? ~~{},\~~n\t\t\t\~~t_links:~~ ~~variation._links ??~~ {~~},\~~n\t\t\t},\n\t\t\tbase,\n\t\t\tmerged~~: mergeBaseAndUserConfigs( base, variation )~~,\n\t\t\tsetUserConfig: () => {},\n\t\t} ~~),\~~n\t\t[ variation, base ]~~\n\t~~);\n\n\tconst selectVariation = () => ~~{\n\t\tsetUserConfig~~( ~~() => ( {\n\t\t\tsettings:~~ variation~~.settings,\n\t\t\tstyles:~~ ~~variation.styles,\n\t\t\t_links: variation._links,\n\t\t}~~ ) );\n\~~t};\~~n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/ translators: %1$s: variation title. %2$s variation description. */\n\t\t\t__( '%1$s (%2$s)' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t\t'is-active': isActive,\n\t\t\t\t} ) }\n\t\t\t\trole=\"button\"\n\t\t\t\tonClick={ selectVariation }\n\t\t\t\tonKeyDown={ selectOnEnter }\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\taria-label={ label }\n\t\t\t\taria-current={ isActive }\n\t\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ children( isFocused ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,OAAO,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,oBAAoB;AAClE,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASD,WAAW,IAAIE,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9C,MAAM;EAAEC;AAAwB,CAAC,GAAGH,MAAM,~~CAAED~~,iBAAkB,CAAC;AAC/D,MAAM;~~EAAEK~~,mBAAmB;EAAEC;AAA2B,CAAC,GAAGL,MAAM,~~CACjEF~~,sBACD,CAAC;AAED,eAAe,~~SAASQ~~,SAASA,CAAE;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;~~AAAO~~,CAAC,EAAG;~~EACpE~~,MAAM,CAAEC,SAAS,EAAEC,YAAY,CAAE,~~GAAGlB~~,QAAQ,CAAE,KAAM,CAAC;EACrD,MAAM;~~IAAEmB~~,IAAI;IAAEC,IAAI;IAAEC;EAAc,CAAC,~~GAAGtB~~,UAAU,~~CAAEY~~,mBAAoB,CAAC;~~EACvE~~,~~MAAMW~~,OAAO,~~GAAGxB~~,OAAO,~~CACtB~~;~~IAAA~~,~~IAAAyB~~,~~mBAAA~~,~~EAAAC~~,~~iBAAA~~,~~EAAAC~~,~~iBAAA;IAAA~~,~~OAAQ;MACPL~~,~~IAAI~~,~~EAAE~~;~~QACLM~~,~~QAAQ~~,~~GAAAH,mBAAA,GAAET,SAAS,CAACY,~~QAAQ,~~cAAAH,mBAAA,cAAAA,mBAAA,GAAI,CAAC,CAAC~~;~~QAClCI~~,MAAM,~~GAAAH~~,~~iBAAA~~,~~GAAEV~~,~~SAAS,CAACa,~~MAAM,~~cAAAH~~,~~iBAAA~~,~~cAAAA,iBAAA,GAAI,~~CAAC,~~CAAC~~;~~QAC9BI~~,~~MAAM~~,~~GAAAH~~,~~iBAAA,GAAEX,~~SAAS~~,CAACc,MAAM,cAAAH,iBAAA,cAAAA,iBAAA,GAAI,CAAC~~;~~MAC9B~~,~~CAAC;MACDN,~~IAAI;~~MACJU~~,MAAM~~,EAAEnB,uBAAuB,CAAES,IAAI,EAAEL,SAAU,CAAC~~;~~MAClDO~~,aAAa,EAAEA,CAAA,KAAM,CAAC;IACvB,CAAC;~~EAAA~~,~~CAAE~~,~~EACH~~,~~CAAEP~~,SAAS,~~EAAEK~~,IAAI,~~CAClB~~,CAAC;~~EAED~~,~~MAAMW~~,eAAe,GAAGA,CAAA,~~KAAM;IAC7BT~~,aAAa,~~CAAE~~,~~OAAQ;MACtBK~~,~~QAAQ,EAAEZ,SAAS,CAACY,QAAQ;MAC5BC,MAAM,EAAEb,SAAS,CAACa,MAAM;MACxBC,MAAM,EAAEd,SAAS,CAACc;IACnB,~~CAAC~~,CAAG,CAAC~~;~~EACN~~,~~CAAC;EAED~~,~~MAAMG,~~aAAa,GAAKC,KAAK,IAAM;IAClC,IAAKA,KAAK,CAACC,OAAO,~~KAAKhC~~,KAAK,EAAG;~~MAC9B+B~~,KAAK,CAACE,cAAc,CAAC,CAAC;MACtBJ,eAAe,CAAC,CAAC;IAClB;EACD,CAAC;EAED,MAAMK,QAAQ,~~GAAGrC~~,OAAO,CACvB,~~MAAMc~~,0BAA0B,~~CAAEQ~~,IAAI,~~EAAEN~~,SAAU,CAAC,EACnD,~~CAAEM~~,IAAI,~~EAAEN~~,SAAS,CAClB,CAAC;EAED,~~IAAIsB~~,KAAK,~~GAAGtB~~,SAAS,~~EAAEuB~~,KAAK;EAC5B,~~IAAKvB~~,SAAS,~~EAAEwB~~,WAAW,EAAG;IAC7BF,KAAK,~~GAAGjC~~,OAAO,EACd;IACAD,EAAE,CAAE,aAAc,CAAC,~~EACnBY~~,SAAS,~~EAAEuB~~,KAAK,~~EAChBvB~~,SAAS,~~EAAEwB~~,WACZ,CAAC;EACF;EAEA,~~oBACC7B~~,IAAA,CAACE,mBAAmB,~~CAAC4B~~,QAAQ;IAACC,KAAK,~~EAAGlB~~,OAAS;~~IAAAP~~,QAAA,eAC9CN,IAAA;~~MACCgC~~,SAAS,~~EAAG5C~~,IAAI,CAAE,yCAAyC,EAAE;QAC5D,WAAW,~~EAAEsC~~;MACd,CAAE,CAAG;MACLO,IAAI,EAAC,QAAQ;MACbC,OAAO,EAAGb,eAAiB;MAC3Bc,SAAS,EAAGb,aAAe;MAC3Bc,QAAQ,EAAC,GAAG;MACZ,cAAaT,KAAO;MACpB,gBAAeD,QAAU;MACzBW,OAAO,EAAGA,CAAA,~~KAAM5B~~,YAAY,CAAE,IAAK,CAAG;~~MACtC6B~~,MAAM,EAAGA,CAAA,~~KAAM7B~~,YAAY,CAAE,KAAM,CAAG;~~MAAAH~~,QAAA,eAEtCN,IAAA;~~QACCgC~~,SAAS,~~EAAG5C~~,IAAI,CACf,iDAAiD,EACjD;UAAE,SAAS,~~EAAEmB~~;QAAO,CACrB,CAAG;QAAAD,QAAA,EAEDA,QAAQ,~~CAAEE~~,SAAU;MAAC,CACnB;IAAC,CACF;EAAC,CACuB,CAAC;AAEjC","ignoreList":[]}
1	+ {"version":3,"names":["clsx","useMemo","useContext","useState","ENTER","__","sprintf","privateApis","blockEditorPrivateApis","editorPrivateApis","filterObjectByProperty","unlock","jsx","_jsx","mergeBaseAndUserConfigs","GlobalStylesContext","areGlobalStyleConfigsEqual","Variation","variation","children","isPill","property","isFocused","setIsFocused","base","user","setUserConfig","context","merged","selectVariation","selectOnEnter","event","keyCode","preventDefault","isActive","label","title","description","Provider","value","className","role","onClick","onKeyDown","tabIndex","onFocus","onBlur"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variation.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useMemo, useContext, useState } from '@wordpress/element';\nimport { ENTER } from '@wordpress/keycodes';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/\n Internal dependencies\n /\nimport { filterObjectByProperty } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../../lock-unlock';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { GlobalStylesContext, areGlobalStyleConfigsEqual } = unlock(\n\tblockEditorPrivateApis\n);\n\nexport default function Variation( { variation, children, isPill, property } ) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\tconst { base, user, setUserConfig } = useContext( GlobalStylesContext );\n\n\tconst context = useMemo( () => {\n\t\tlet merged = mergeBaseAndUserConfigs( base, variation );\n\t\tif ( property ) {\n\t\t\tmerged = filterObjectByProperty( merged, property );\n\t\t}\n\t\treturn {\n\t\t\tuser: variation,\n\t\t\tbase,\n\t\t\tmerged,\n\t\t\tsetUserConfig: () => {},\n\t\t};\n\t}, [ variation, base, property ] );\n\n\tconst selectVariation = () => setUserConfig( variation );\n\n\tconst selectOnEnter = ( event ) => {\n\t\tif ( event.keyCode === ENTER ) {\n\t\t\tevent.preventDefault();\n\t\t\tselectVariation();\n\t\t}\n\t};\n\n\tconst isActive = useMemo(\n\t\t() => areGlobalStyleConfigsEqual( user, variation ),\n\t\t[ user, variation ]\n\t);\n\n\tlet label = variation?.title;\n\tif ( variation?.description ) {\n\t\tlabel = sprintf(\n\t\t\t/ translators: %1$s: variation title. %2$s variation description. */\n\t\t\t__( '%1$s (%2$s)' ),\n\t\t\tvariation?.title,\n\t\t\tvariation?.description\n\t\t);\n\t}\n\n\treturn (\n\t\t<GlobalStylesContext.Provider value={ context }>\n\t\t\t<div\n\t\t\t\tclassName={ clsx( 'edit-site-global-styles-variations_item', {\n\t\t\t\t\t'is-active': isActive,\n\t\t\t\t} ) }\n\t\t\t\trole=\"button\"\n\t\t\t\tonClick={ selectVariation }\n\t\t\t\tonKeyDown={ selectOnEnter }\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\taria-label={ label }\n\t\t\t\taria-current={ isActive }\n\t\t\t\tonFocus={ () => setIsFocused( true ) }\n\t\t\t\tonBlur={ () => setIsFocused( false ) }\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'edit-site-global-styles-variations_item-preview',\n\t\t\t\t\t\t{ 'is-pill': isPill }\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ children( isFocused ) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</GlobalStylesContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { __experimentalVStack as VStack } from '@wordpress/components';
+import { __experimentalVStack as VStack, __experimentalGrid as Grid } from '@wordpress/components';
 /**
  * Internal dependencies
@@ -27,11 +27,12 @@ export default function ColorVariations({
     children: [title && /*#__PURE__*/_jsx(Subtitle, {
       level: 3,
       children: title
-    }), /*#__PURE__*/_jsx(VStack, {
+    }), /*#__PURE__*/_jsx(Grid, {
       spacing: gap,
       children: colorVariations.map((variation, index) => /*#__PURE__*/_jsx(Variation, {
         variation: variation,
         isPill: true,
+        property: "color",
         children: () => /*#__PURE__*/_jsx(StylesPreviewColors, {})
       }, index))
     })]

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

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalVStack","VStack","StylesPreviewColors","useColorVariations","Subtitle","Variation","jsx","_jsx","jsxs","_jsxs","ColorVariations","title","gap","colorVariations","length","spacing","children","level","map","variation","index","isPill"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-color.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { ~~__experimentalVStack~~ as VStack } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useColorVariations } from '../hooks';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst colorVariations = useColorVariations();\n\n\t// Return null if there is only one variation (the default).\n\tif ( colorVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<~~VStack~~ spacing={ gap }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation ~~key~~={ index } ~~variation~~={ variation } ~~isPill~~>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</~~VStack~~>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,~~SAASA~~,oBAAoB,IAAIC,MAAM,~~QAAQ~~,uBAAuB;;~~AAEtE~~;AACA;AACA;AACA,OAAOC,mBAAmB,MAAM,mBAAmB;AACnD,SAASC,kBAAkB,QAAQ,UAAU;AAC7C,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,SAAS,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpC,eAAe,SAASC,eAAeA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAC7D,MAAMC,eAAe,GAAGV,kBAAkB,CAAC,CAAC;;EAE5C;EACA,IAAKU,eAAe,EAAEC,MAAM,IAAI,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,oBACCL,KAAA,~~CAACR~~,MAAM;~~IAACc~~,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBL,KAAK,iBAAIJ,IAAA,CAACH,QAAQ;MAACa,KAAK,EAAG,CAAG;MAAAD,QAAA,EAAGL;IAAK,CAAY,CAAC,eACrDJ,IAAA,CAACN,~~MAAM~~;MAACc,OAAO,EAAGH,GAAK;MAAAI,QAAA,~~EACpBH~~,eAAe,CAACK,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBACxCb,IAAA,CAACF,SAAS;~~QAAec~~,SAAS,EAAGA,SAAW;~~QAACE~~,MAAM;~~QAAAL~~,QAAA,~~EACpDA~~,CAAA,kBAAMT,IAAA,CAACL,mBAAmB,IAAE;MAAC,~~GADfkB~~,~~KAEN~~,CACV;IAAC,~~CACI~~,CAAC;EAAA,~~CACF~~,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalVStack","VStack","__experimentalGrid","Grid","StylesPreviewColors","useColorVariations","Subtitle","Variation","jsx","_jsx","jsxs","_jsxs","ColorVariations","title","gap","colorVariations","length","spacing","children","level","map","variation","index","isPill","property"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-color.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalGrid as Grid,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useColorVariations } from '../hooks';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst colorVariations = useColorVariations();\n\n\t// Return null if there is only one variation (the default).\n\tif ( colorVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid spacing={ gap }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\tisPill\n\t\t\t\t\t\tproperty=\"color\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,mBAAmB,MAAM,mBAAmB;AACnD,SAASC,kBAAkB,QAAQ,UAAU;AAC7C,OAAOC,QAAQ,MAAM,aAAa;AAClC,OAAOC,SAAS,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpC,eAAe,SAASC,eAAeA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAC7D,MAAMC,eAAe,GAAGV,kBAAkB,CAAC,CAAC;;EAE5C;EACA,IAAKU,eAAe,EAAEC,MAAM,IAAI,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,oBACCL,KAAA,CAACV,MAAM;IAACgB,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBL,KAAK,iBAAIJ,IAAA,CAACH,QAAQ;MAACa,KAAK,EAAG,CAAG;MAAAD,QAAA,EAAGL;IAAK,CAAY,CAAC,eACrDJ,IAAA,CAACN,IAAI;MAACc,OAAO,EAAGH,GAAK;MAAAI,QAAA,EAClBH,eAAe,CAACK,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBACxCb,IAAA,CAACF,SAAS;QAETc,SAAS,EAAGA,SAAW;QACvBE,MAAM;QACNC,QAAQ,EAAC,OAAO;QAAAN,QAAA,EAEdA,CAAA,kBAAMT,IAAA,CAACL,mBAAmB,IAAE;MAAC,GALzBkB,KAMI,CACV;IAAC,CACE,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}

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

@@ -34,6 +34,7 @@ export default function TypographyVariations({
       className: "edit-site-global-styles-style-variations-container",
       children: typographyVariations && typographyVariations.length && typographyVariations.map((variation, index) => /*#__PURE__*/_jsx(Variation, {
         variation: variation,
+        property: "typography",
         children: isFocused => /*#__PURE__*/_jsx(PreviewIframe, {
           label: variation?.title,
           isFocused: isFocused,

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

	@@ -1 +1 @@
1	- {"version":3,"names":["__experimentalGrid","Grid","__experimentalVStack","HStack","VStack","useTypographyVariations","TypographyExample","PreviewIframe","Variation","Subtitle","jsx","_jsx","jsxs","_jsxs","TypographyVariations","title","gap","typographyVariations","length","spacing","children","level","columns","className","map","variation","index","isFocused","label","ratio","key","justify","style","height","overflow","fontSize"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-typography.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport { useTypographyVariations } from '../hooks';\nimport TypographyExample from '../typography-example';\nimport PreviewIframe from '../preview-iframe';\nimport Variation from './variation';\nimport Subtitle from '../subtitle';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst typographyVariations = useTypographyVariations();\n\n\t// Return null if there is only one variation (the default).\n\tif ( typographyVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tgap={ gap }\n\t\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations &&\n\t\t\t\t\ttypographyVariations.length &&\n\t\t\t\t\ttypographyVariations.map( ( variation, index ) => (\n\t\t\t\t\t\t<Variation ~~key~~={ index } ~~variation~~={ variation }>\n\t\t\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t\t\t<PreviewIframe\n\t\t\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\t\t\tspacing={ 10 ratio }\n\t\t\t\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TypographyExample\n\t\t\t\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ 85 * ratio }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</PreviewIframe>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Variation>\n\t\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BD,oBAAoB,IAAIE,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,uBAAuB,QAAQ,UAAU;AAClD,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,QAAQ,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnC,eAAe,SAASC,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAClE,MAAMC,oBAAoB,GAAGZ,uBAAuB,CAAC,CAAC;;EAEtD;EACA,IAAKY,oBAAoB,EAAEC,MAAM,IAAI,CAAC,EAAG;IACxC,OAAO,IAAI;EACZ;EAEA,oBACCL,KAAA,CAACT,MAAM;IAACe,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBL,KAAK,iBAAIJ,IAAA,CAACF,QAAQ;MAACY,KAAK,EAAG,CAAG;MAAAD,QAAA,EAAGL;IAAK,CAAY,CAAC,eACrDJ,IAAA,CAACV,IAAI;MACJqB,OAAO,EAAG,CAAG;MACbN,GAAG,EAAGA,GAAK;MACXO,SAAS,EAAC,oDAAoD;MAAAH,QAAA,EAE5DH,oBAAoB,IACrBA,oBAAoB,CAACC,MAAM,IAC3BD,oBAAoB,CAACO,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBAC3Cf,IAAA,CAACH,SAAS;~~QAAeiB~~,SAAS,EAAGA,SAAW;~~QAAAL~~,QAAA,~~EAC3CO~~,SAAS,~~iBACZhB~~,IAAA,CAACJ,aAAa;~~UACbqB~~,KAAK,~~EAAGH~~,SAAS,EAAEV,KAAO;~~UAC1BY~~,SAAS,EAAGA,SAAW;~~UAAAP~~,QAAA,EAErBA,CAAE;~~YAAES~~,KAAK;YAAEC;UAAI,CAAC,~~kBACjBnB~~,IAAA,CAACR,MAAM;YAENgB,OAAO,EAAG,EAAE,~~GAAGU~~,KAAO;YACtBE,OAAO,EAAC,QAAQ;YAChBC,KAAK,EAAG;cACPC,MAAM,EAAE,MAAM;cACdC,QAAQ,EAAE;YACX,CAAG;~~YAAAd~~,QAAA,eAEHT,IAAA,CAACL,iBAAiB;cACjBmB,SAAS,EAAGA,SAAW;~~cACvBU~~,QAAQ,EAAG,EAAE,GAAGN;YAAO,CACvB;UAAC,GAXIC,GAYC;QACR,CACa;MACf,~~GAvBeJ~~,~~KAwBN~~,CACV;IAAC,CACC,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["__experimentalGrid","Grid","__experimentalVStack","HStack","VStack","useTypographyVariations","TypographyExample","PreviewIframe","Variation","Subtitle","jsx","_jsx","jsxs","_jsxs","TypographyVariations","title","gap","typographyVariations","length","spacing","children","level","columns","className","map","variation","index","property","isFocused","label","ratio","key","justify","style","height","overflow","fontSize"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-typography.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport { useTypographyVariations } from '../hooks';\nimport TypographyExample from '../typography-example';\nimport PreviewIframe from '../preview-iframe';\nimport Variation from './variation';\nimport Subtitle from '../subtitle';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst typographyVariations = useTypographyVariations();\n\n\t// Return null if there is only one variation (the default).\n\tif ( typographyVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tgap={ gap }\n\t\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations &&\n\t\t\t\t\ttypographyVariations.length &&\n\t\t\t\t\ttypographyVariations.map( ( variation, index ) => (\n\t\t\t\t\t\t<Variation\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\tproperty=\"typography\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t\t\t<PreviewIframe\n\t\t\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ ( { ratio, key } ) => (\n\t\t\t\t\t\t\t\t\t\t<HStack\n\t\t\t\t\t\t\t\t\t\t\tkey={ key }\n\t\t\t\t\t\t\t\t\t\t\tspacing={ 10 ratio }\n\t\t\t\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<TypographyExample\n\t\t\t\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t\t\t\t\tfontSize={ 85 * ratio }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</PreviewIframe>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Variation>\n\t\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BD,oBAAoB,IAAIE,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,uBAAuB,QAAQ,UAAU;AAClD,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,QAAQ,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnC,eAAe,SAASC,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAClE,MAAMC,oBAAoB,GAAGZ,uBAAuB,CAAC,CAAC;;EAEtD;EACA,IAAKY,oBAAoB,EAAEC,MAAM,IAAI,CAAC,EAAG;IACxC,OAAO,IAAI;EACZ;EAEA,oBACCL,KAAA,CAACT,MAAM;IAACe,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBL,KAAK,iBAAIJ,IAAA,CAACF,QAAQ;MAACY,KAAK,EAAG,CAAG;MAAAD,QAAA,EAAGL;IAAK,CAAY,CAAC,eACrDJ,IAAA,CAACV,IAAI;MACJqB,OAAO,EAAG,CAAG;MACbN,GAAG,EAAGA,GAAK;MACXO,SAAS,EAAC,oDAAoD;MAAAH,QAAA,EAE5DH,oBAAoB,IACrBA,oBAAoB,CAACC,MAAM,IAC3BD,oBAAoB,CAACO,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBAC3Cf,IAAA,CAACH,SAAS;QAETiB,SAAS,EAAGA,SAAW;QACvBE,QAAQ,EAAC,YAAY;QAAAP,QAAA,EAEjBQ,SAAS,iBACZjB,IAAA,CAACJ,aAAa;UACbsB,KAAK,EAAGJ,SAAS,EAAEV,KAAO;UAC1Ba,SAAS,EAAGA,SAAW;UAAAR,QAAA,EAErBA,CAAE;YAAEU,KAAK;YAAEC;UAAI,CAAC,kBACjBpB,IAAA,CAACR,MAAM;YAENgB,OAAO,EAAG,EAAE,GAAGW,KAAO;YACtBE,OAAO,EAAC,QAAQ;YAChBC,KAAK,EAAG;cACPC,MAAM,EAAE,MAAM;cACdC,QAAQ,EAAE;YACX,CAAG;YAAAf,QAAA,eAEHT,IAAA,CAACL,iBAAiB;cACjBmB,SAAS,EAAGA,SAAW;cACvBW,QAAQ,EAAG,EAAE,GAAGN;YAAO,CACvB;UAAC,GAXIC,GAYC;QACR,CACa;MACf,GA1BKL,KA2BI,CACV;IAAC,CACC,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}

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

@@ -126,6 +126,7 @@ export default function GlobalStylesSidebar() {
           icon: seen,
           label: __('Style Book'),
           isPressed: isStyleBookOpened || isRevisionsStyleBookOpened,
+          __experimentalIsFocusable: true,
           disabled: shouldClearCanvasContainerView,
           onClick: toggleStyleBook,
           size: "compact"
@@ -135,6 +136,7 @@ export default function GlobalStylesSidebar() {
           label: __('Revisions'),
           icon: backup,
           onClick: toggleRevisions,
+          __experimentalIsFocusable: true,
           disabled: !hasRevisions,
           isPressed: isRevisionsOpened || isRevisionsStyleBookOpened,
           size: "compact"

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

	@@ -1 +1 @@
1	- {"version":3,"names":["FlexItem","FlexBlock","Flex","Button","__experimentalUseNavigator","useNavigator","__","styles","seen","backup","useSelect","useDispatch","useEffect","store","preferencesStore","editorStore","privateApis","editorPrivateApis","GlobalStylesUI","editSiteStore","GlobalStylesMenuSlot","unlock","coreStore","DefaultSidebar","jsx","_jsx","jsxs","_jsxs","interfaceStore","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","canvasContainerView","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","setIsListViewOpened","goTo","toggleRevisions","toggleStyleBook","className","identifier","title","icon","closeLabel","panelClassName","header","gap","children","style","minWidth","label","isPressed","disabled","onClick","size"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.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 preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\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' ) \|\|\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\tgap={ 1 }\n\t\t\t\t>\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\tsize=\"compact\"\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\tsize=\"compact\"\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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","ignoreList":[]}
1	+ {"version":3,"names":["FlexItem","FlexBlock","Flex","Button","__experimentalUseNavigator","useNavigator","__","styles","seen","backup","useSelect","useDispatch","useEffect","store","preferencesStore","editorStore","privateApis","editorPrivateApis","GlobalStylesUI","editSiteStore","GlobalStylesMenuSlot","unlock","coreStore","DefaultSidebar","jsx","_jsx","jsxs","_jsxs","interfaceStore","GlobalStylesSidebar","shouldClearCanvasContainerView","isStyleBookOpened","showListViewByDefault","hasRevisions","isRevisionsOpened","isRevisionsStyleBookOpened","select","getActiveComplementaryArea","getEditorCanvasContainerView","getCanvasMode","canvasContainerView","_isVisualEditorMode","getEditorMode","_isEditCanvasMode","_showListViewByDefault","get","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","undefined","_links","count","setEditorCanvasContainerView","setIsListViewOpened","goTo","toggleRevisions","toggleStyleBook","className","identifier","title","icon","closeLabel","panelClassName","header","gap","children","style","minWidth","label","isPressed","__experimentalIsFocusable","disabled","onClick","size"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/index.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 preferencesStore } from '@wordpress/preferences';\nimport {\n\tstore as editorStore,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\n\n/\n Internal dependencies\n */\nimport { GlobalStylesUI } from '../global-styles';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesMenuSlot } from '../global-styles/ui';\nimport { unlock } from '../../lock-unlock';\nimport { store as coreStore } from '@wordpress/core-data';\nimport DefaultSidebar from './default-sidebar';\n\nconst { interfaceStore } = unlock( editorPrivateApis );\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' ) \|\|\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\tgap={ 1 }\n\t\t\t\t>\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\t__experimentalIsFocusable\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\tsize=\"compact\"\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\t__experimentalIsFocusable\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\tsize=\"compact\"\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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","ignoreList":[]}

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

@@ -8,45 +8,37 @@ import clsx from 'clsx';
  */
 import { useSelect } from '@wordpress/data';
 import { __unstableMotion as motion, __unstableAnimatePresence as AnimatePresence, __unstableUseNavigateRegions as useNavigateRegions } from '@wordpress/components';
-import { useReducedMotion, useViewportMatch, useResizeObserver } from '@wordpress/compose';
+import { useReducedMotion, useViewportMatch, useResizeObserver, usePrevious } from '@wordpress/compose';
 import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
+import { useState, useRef, useEffect } from '@wordpress/element';
 import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
-import { CommandMenu, privateApis as commandsPrivateApis } from '@wordpress/commands';
-import { store as preferencesStore } from '@wordpress/preferences';
-import { privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
-import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
+import { CommandMenu } from '@wordpress/commands';
+import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { EditorSnackbars, privateApis as editorPrivateApis } from '@wordpress/editor';
+import { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';
 /**
  * Internal dependencies
  */
 import ErrorBoundary from '../error-boundary';
 import { store as editSiteStore } from '../../store';
-import useInitEditedEntityFromURL from '../sync-state-with-url/use-init-edited-entity-from-url';
 import SiteHub from '../site-hub';
 import ResizableFrame from '../resizable-frame';
-import useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';
 import { unlock } from '../../lock-unlock';
 import SavePanel from '../save-panel';
 import KeyboardShortcutsRegister from '../keyboard-shortcuts/register';
 import KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';
-import { useCommonCommands } from '../../hooks/commands/use-common-commands';
-import { useEditModeCommands } from '../../hooks/commands/use-edit-mode-commands';
 import { useIsSiteEditorLoading } from './hooks';
-import useLayoutAreas from './router';
 import useMovingAnimation from './animation';
 import SidebarContent from '../sidebar';
 import SaveHub from '../save-hub';
+import useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 const {
   useCommands
 } = unlock(coreCommandsPrivateApis);
-const {
-  useCommandContext
-} = unlock(commandsPrivateApis);
 const {
   useGlobalStyle
 } = unlock(blockEditorPrivateApis);
@@ -54,22 +46,17 @@ const {
   NavigableRegion
 } = unlock(editorPrivateApis);
 const ANIMATION_DURATION = 0.3;
-export default function Layout() {
-  // This ensures the edited entity id and type are initialized properly.
-  useInitEditedEntityFromURL();
+export default function Layout({
+  route
+}) {
   useSyncCanvasModeWithURL();
   useCommands();
-  useEditModeCommands();
-  useCommonCommands();
   const isMobileViewport = useViewportMatch('medium', '<');
+  const toggleRef = useRef();
   const {
-    isDistractionFree,
-    hasFixedToolbar,
-    hasBlockSelected,
     canvasMode,
     previousShortcut,
-    nextShortcut,
-    hasBlockBreadcrumbs
+    nextShortcut
   } = useSelect(select => {
     const {
       getAllShortcutKeyCombinations
@@ -80,11 +67,7 @@ export default function Layout() {
     return {
       canvasMode: getCanvasMode(),
       previousShortcut: getAllShortcutKeyCombinations('core/editor/previous-region'),
-      nextShortcut: getAllShortcutKeyCombinations('core/editor/next-region'),
-      hasFixedToolbar: select(preferencesStore).get('core', 'fixedToolbar'),
-      isDistractionFree: select(preferencesStore).get('core', 'distractionFree'),
-      hasBlockBreadcrumbs: select(preferencesStore).get('core', 'showBlockBreadcrumbs'),
-      hasBlockSelected: select(blockEditorStore).getBlockSelectionStart()
+      nextShortcut: getAllShortcutKeyCombinations('core/editor/next-region')
     };
   }, []);
   const navigateRegionsProps = useNavigateRegions({
@@ -100,42 +83,20 @@ export default function Layout() {
     key: routeKey,
     areas,
     widths
-  } = useLayoutAreas();
+  } = route;
   const animationRef = useMovingAnimation({
     triggerAnimationOnChange: canvasMode + '__' + routeKey
   });
-  // This determines which animation variant should apply to the header.
-  // There is also a `isDistractionFreeHovering` state that gets priority
-  // when hovering the `edit-site-layout__header-container` in distraction
-  // free mode. It's set via framer and trickles down to all the children
-  // so they can use this variant state too.
-  //
-  // TODO: The issue with this is we want to have the hover state stick when hovering
-  // a popover opened via the header. We'll probably need to lift this state to
-  // handle it ourselves. Also, focusWithin the header needs to be handled.
-  let headerAnimationState;
-  if (canvasMode === 'view') {
-    // We need 'view' to always take priority so 'isDistractionFree'
-    // doesn't bleed over into the view (sidebar) state
-    headerAnimationState = 'view';
-  } else if (isDistractionFree) {
-    headerAnimationState = 'isDistractionFree';
-  } else {
-    headerAnimationState = canvasMode; // edit, view, init
-  }
-  // Sets the right context for the command palette
-  let commandContext = 'site-editor';
-  if (canvasMode === 'edit') {
-    commandContext = 'entity-edit';
-  }
-  if (hasBlockSelected) {
-    commandContext = 'block-selection-edit';
-  }
-  useCommandContext(commandContext);
   const [backgroundColor] = useGlobalStyle('color.background');
   const [gradientValue] = useGlobalStyle('color.gradient');
+  const previousCanvaMode = usePrevious(canvasMode);
+  useEffect(() => {
+    if (previousCanvaMode === 'edit') {
+      toggleRef.current?.focus();
+    }
+    // Should not depend on the previous canvas mode value but the next.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [canvasMode]);
   // Synchronizing the URL with the store value of canvasMode happens in an effect
   // This condition ensures the component is only rendered after the synchronization happens
@@ -148,45 +109,9 @@ export default function Layout() {
       ...navigateRegionsProps,
       ref: navigateRegionsProps.ref,
       className: clsx('edit-site-layout', navigateRegionsProps.className, {
-        'is-distraction-free': isDistractionFree && canvasMode === 'edit',
-        'is-full-canvas': canvasMode === 'edit',
-        'has-fixed-toolbar': hasFixedToolbar,
-        'is-block-toolbar-visible': hasBlockSelected,
-        'has-block-breadcrumbs': hasBlockBreadcrumbs && !isDistractionFree && canvasMode === 'edit'
+        'is-full-canvas': canvasMode === 'edit'
       }),
-      children: [/*#__PURE__*/_jsx(motion.div, {
-        className: "edit-site-layout__header-container",
-        variants: {
-          isDistractionFree: {
-            opacity: 0,
-            transition: {
-              type: 'tween',
-              delay: 0.8,
-              delayChildren: 0.8
-            } // How long to wait before the header exits
-          },
-          isDistractionFreeHovering: {
-            opacity: 1,
-            transition: {
-              type: 'tween',
-              delay: 0.2,
-              delayChildren: 0.2
-            } // How long to wait before the header shows
-          },
-          view: {
-            opacity: 1
-          },
-          edit: {
-            opacity: 1
-          }
-        },
-        whileHover: isDistractionFree ? 'isDistractionFreeHovering' : undefined,
-        animate: headerAnimationState,
-        children: /*#__PURE__*/_jsx(SiteHub, {
-          isTransparent: isResizableFrameOversized,
-          className: "edit-site-layout__hub"
-        })
-      }), /*#__PURE__*/_jsxs("div", {
+      children: [/*#__PURE__*/_jsxs("div", {
         className: "edit-site-layout__content",
         children: [(!isMobileViewport || !areas.mobile) && /*#__PURE__*/_jsx(NavigableRegion, {
           ariaLabel: __('Navigation'),
@@ -210,7 +135,10 @@ export default function Layout() {
                 ease: 'easeOut'
               },
               className: "edit-site-layout__sidebar",
-              children: [/*#__PURE__*/_jsx(SidebarContent, {
+              children: [/*#__PURE__*/_jsx(SiteHub, {
+                ref: toggleRef,
+                isTransparent: isResizableFrameOversized
+              }), /*#__PURE__*/_jsx(SidebarContent, {
                 routeKey: routeKey,
                 children: areas.sidebar
               }), /*#__PURE__*/_jsx(SaveHub, {})]