npm - @wordpress/edit-site - Versions diffs - 6.6.0 → 6.7.0 - Mend

@wordpress/edit-site 6.6.0 → 6.7.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 (175) hide show

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

@@ -33,9 +33,7 @@ const {
   useGlobalSetting
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 const {
-  DropdownMenuV2: DropdownMenu,
-  DropdownMenuItemV2: DropdownMenuItem,
-  DropdownMenuItemLabelV2: DropdownMenuItemLabel
+  DropdownMenuV2
 } = (0, _lockUnlock.unlock)(_components.privateApis);
 const customShadowMenuItems = [{
   label: (0, _i18n.__)('Rename'),
@@ -116,16 +114,16 @@ function ShadowsEditPanel() {
           marginTop: 2,
           marginBottom: 0,
           paddingX: 4,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenu, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuV2, {
             trigger: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
               size: "small",
               icon: _icons.moreVertical,
               label: (0, _i18n.__)('Menu')
             }),
-            children: (category === 'custom' ? customShadowMenuItems : presetShadowMenuItems).map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuItem, {
+            children: (category === 'custom' ? customShadowMenuItems : presetShadowMenuItems).map(item => /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuV2.Item, {
               onClick: () => onMenuClick(item.action),
               disabled: item.action === 'reset' && selectedShadow.shadow === baseSelectedShadow.shadow,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuItemLabel, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownMenuV2.ItemLabel, {
                 children: item.label
               })
             }, item.action))
@@ -178,13 +176,19 @@ function ShadowsEditPanel() {
           justify: "flex-end",
           expanded: false,
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+            // TODO: Switch to `true` (40px size) if possible
+            , {
+              __next40pxDefaultSize: false,
               variant: "tertiary",
               onClick: () => setIsRenameModalVisible(false),
               children: (0, _i18n.__)('Cancel')
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+            // TODO: Switch to `true` (40px size) if possible
+            , {
+              __next40pxDefaultSize: false,
               variant: "primary",
               type: "submit",
               children: (0, _i18n.__)('Save')
@@ -312,13 +316,19 @@ function ShadowItem({
           style: {
             flexGrow: 1
           },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+          // TODO: Switch to `true` (40px size) if possible
+          , {
+            __next40pxDefaultSize: false,
             icon: _icons.shadow,
             ...toggleProps,
             children: shadowObj.inset ? (0, _i18n.__)('Inner shadow') : (0, _i18n.__)('Drop shadow')
           })
         }), canRemove && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+          // TODO: Switch to `true` (40px size) if possible
+          , {
+            __next40pxDefaultSize: false,
             icon: _icons.reset,
             ...removeButtonProps
           })

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","DropdownMenuV2","DropdownMenu","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","params","category","slug","goTo","useNavigator","shadows","setShadows","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","shadow","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","trigger","Button","size","icon","moreVertical","item","onClick","disabled","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","__next40pxDefaultSize","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","getShadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","defaultShadow","onRemoveShadowPart","splice","__experimentalVStack","spacing","level","plus","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","flexGrow","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","ColorPalette","clearable","color","__experimentalToggleGroupControl","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","hasNegativeRange","y","blur","spread","_CUSTOM_VALUE_SETTING","_CUSTOM_VALUE_SETTING2","_CUSTOM_VALUE_SETTING3","isCustomInput","setIsCustomInput","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","sliderOnChange","next","onValueChange","isNumeric","isNaN","parseFloat","nextValue","settings","isPressed","__experimentalUnitControl","RangeControl","withInputField","min","CUSTOM_VALUE_SETTINGS","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__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\t__next40pxDefaultSize\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\tlabel: __( '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\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\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<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\thasNegativeRange\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\thasNegativeRange\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\thasNegativeRange\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\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","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","DropdownMenuV2","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","params","category","slug","goTo","useNavigator","shadows","setShadows","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","shadow","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","trigger","Button","size","icon","moreVertical","item","Item","onClick","disabled","ItemLabel","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","__next40pxDefaultSize","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","getShadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","defaultShadow","onRemoveShadowPart","splice","__experimentalVStack","spacing","level","plus","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","flexGrow","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","ColorPalette","clearable","color","__experimentalToggleGroupControl","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","hasNegativeRange","y","blur","spread","_CUSTOM_VALUE_SETTING","_CUSTOM_VALUE_SETTING2","_CUSTOM_VALUE_SETTING3","isCustomInput","setIsCustomInput","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","sliderOnChange","next","onValueChange","isNumeric","isNaN","parseFloat","nextValue","settings","isPressed","__experimentalUnitControl","RangeControl","withInputField","min","CUSTOM_VALUE_SETTINGS","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__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 { DropdownMenuV2 } = 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<DropdownMenuV2\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<DropdownMenuV2.Item\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<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuV2.Item>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</DropdownMenuV2>\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\t__next40pxDefaultSize\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\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\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\n\t\t\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\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\tlabel: __( '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\n\t\t\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t\t>\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\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize={ false }\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\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\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<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\thasNegativeRange\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\thasNegativeRange\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\thasNegativeRange\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\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/components/global-styles/typeset-button.js CHANGED Viewed

@@ -35,10 +35,11 @@ const {
   mergeBaseAndUserConfigs
 } = (0, _lockUnlock.unlock)(_editor.privateApis);
 function TypesetButton() {
+  const propertiesToFilter = ['typography'];
+  const typographyVariations = (0, _useThemeStyleVariationsByProperty.useCurrentMergeThemeStyleVariationsWithUserConfig)(propertiesToFilter);
+  const hasTypographyVariations = typographyVariations?.length > 1;
   const {
-    base
-  } = (0, _element.useContext)(GlobalStylesContext);
-  const {
+    base,
     user: userConfig
   } = (0, _element.useContext)(GlobalStylesContext);
   const config = mergeBaseAndUserConfigs(base, userConfig);
@@ -60,7 +61,7 @@ function TypesetButton() {
     }
     return allFontFamilies.map(font => font?.name).join(', ');
   }, [allFontFamilies, userTypographyConfig, variations]);
-  return hasFonts && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+  return hasTypographyVariations && hasFonts && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
     spacing: 2,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
       justify: "space-between",

package/build/components/global-styles/typeset-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_coreData","_data","_blockEditor","_editor","_element","_icons","_context","_interopRequireDefault","_utils","_navigationButton","_subtitle","_lockUnlock","_useThemeStyleVariationsByProperty","_jsxRuntime","GlobalStylesContext","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","editorPrivateApis","TypesetButton","~~base~~","~~useContext~~","user","userConfig","config","allFontFamilies","getFontFamilies","hasFonts","filter","font","~~length","~~variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","userTypographyConfig","filterObjectByProperties","title","useMemo","Object","keys","__","activeVariation","find","variation","JSON","stringify","map","name","join","jsxs","__experimentalVStack","spacing","children","jsx","__experimentalHStack","justify","default","level","__experimentalItemGroup","isBordered","isSeparated","NavigationButtonAsItem","path","direction","FlexItem","Icon","icon","isRTL","chevronLeft","chevronRight","_default","props","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typeset-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useMemo, useContext } from '@wordpress/element';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport FontLibraryProvider from './font-library-modal/context';\nimport { getFontFamilies } from './utils';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\nimport { unlock } from '../../lock-unlock';\nimport { ~~filterObjectByProperties~~ } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nfunction TypesetButton() {\n\tconst { ~~base~~ } = ~~useContext~~( ~~GlobalStylesContext~~ );\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst config = mergeBaseAndUserConfigs( base, userConfig );\n\tconst allFontFamilies = getFontFamilies( config );\n\tconst hasFonts =\n\t\tallFontFamilies.filter( ( font ) => font !== null ).length > 0;\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\tconst userTypographyConfig = filterObjectByProperties(\n\t\tuserConfig,\n\t\t'typography'\n\t);\n\n\tconst title = useMemo( () => {\n\t\tif ( Object.keys( userTypographyConfig ).length === 0 ) {\n\t\t\treturn __( 'Default' );\n\t\t}\n\t\tconst activeVariation = variations?.find( ( variation ) => {\n\t\t\treturn (\n\t\t\t\tJSON.stringify(\n\t\t\t\t\tfilterObjectByProperties( variation, 'typography' )\n\t\t\t\t) === JSON.stringify( userTypographyConfig )\n\t\t\t);\n\t\t} );\n\t\tif ( activeVariation ) {\n\t\t\treturn activeVariation.title;\n\t\t}\n\t\treturn allFontFamilies.map( ( font ) => font?.name ).join( ', ' );\n\t}, [ allFontFamilies, userTypographyConfig, variations ] );\n\n\treturn (\n\t\thasFonts && (\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Typeset' ) }</Subtitle>\n\t\t\t\t</HStack>\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tpath=\"/typography/typeset\"\n\t\t\t\t\t\taria-label={ __( 'Typeset' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t\t<FlexItem>{ title }</FlexItem>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</VStack>\n\t\t)\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<TypesetButton { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAKA,IAAAQ,QAAA,GAAAC,sBAAA,CAAAT,OAAA;AACA,IAAAU,MAAA,GAAAV,OAAA;AACA,IAAAW,iBAAA,GAAAX,OAAA;AACA,IAAAY,SAAA,GAAAH,sBAAA,CAAAT,OAAA;AACA,IAAAa,WAAA,GAAAb,OAAA;AACA,IAAAc,kCAAA,GAAAd,OAAA;~~AAAyH~~,IAAAe,WAAA,GAAAf,OAAA;~~AAzBzH~~;AACA;AACA;;AAeA;AACA;AACA;;~~AAQA~~,MAAM;EAAEgB;AAAoB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAChE,MAAM;EAAEC;AAAwB,CAAC,GAAG,IAAAF,kBAAM,EAAEG,mBAAkB,CAAC;AAE/D,SAASC,aAAaA,CAAA,EAAG;EACxB,~~MAAM;IAAEC;EAAK~~,~~CAAC~~,GAAG,IAAAC,~~mBAAU~~,~~EAAEP~~,~~mBAAoB~~,CAAC;~~EAClD~~,MAAM;~~IAAEQ~~,IAAI,EAAEC;EAAW,CAAC,GAAG,~~IAAAF~~,mBAAU,~~EAAEP~~,mBAAoB,CAAC;~~EAC9D~~,~~MAAMU~~,MAAM,~~GAAGP~~,uBAAuB,~~CAAEG~~,IAAI,~~EAAEG~~,UAAW,CAAC;EAC1D,~~MAAME~~,eAAe,GAAG,IAAAC,sBAAe,EAAEF,MAAO,CAAC;EACjD,MAAMG,QAAQ,GACbF,eAAe,CAACG,MAAM,CAAIC,IAAI,IAAMA,IAAI,KAAK,IAAK,CAAC,~~CAACC~~,MAAM,GAAG,CAAC;EAC/D,~~MAAMC~~,UAAU,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3C,OAAOA,MAAM,CACZC,eACD,CAAC,CAACC,mDAAmD,CAAC,CAAC;EACxD,CAAC,EAAE,EAAG,CAAC;EACP,MAAMC,oBAAoB,GAAG,IAAAC,2DAAwB,EACpDd,UAAU,EACV,YACD,CAAC;EAED,MAAMe,KAAK,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC5B,IAAKC,MAAM,CAACC,IAAI,CAAEL,oBAAqB,CAAC,~~CAACN~~,MAAM,KAAK,CAAC,EAAG;MACvD,OAAO,~~IAAAY~~,QAAE,EAAE,SAAU,CAAC;IACvB;IACA,MAAMC,eAAe,GAAGZ,UAAU,EAAEa,IAAI,CAAIC,SAAS,IAAM;MAC1D,OACCC,IAAI,CAACC,SAAS,CACb,IAAAV,2DAAwB,EAAEQ,SAAS,EAAE,YAAa,CACnD,CAAC,KAAKC,IAAI,CAACC,SAAS,CAAEX,oBAAqB,CAAC;IAE9C,CAAE,CAAC;IACH,IAAKO,eAAe,EAAG;MACtB,OAAOA,eAAe,CAACL,KAAK;IAC7B;IACA,~~OAAOb~~,eAAe,~~CAACuB~~,GAAG,~~CAAInB~~,IAAI,IAAMA,IAAI,~~EAAEoB~~,IAAK,CAAC,CAACC,IAAI,CAAE,IAAK,CAAC;EAClE,CAAC,EAAE,~~CAAEzB~~,eAAe,~~EAAEW~~,oBAAoB,EAAEL,UAAU,CAAG,CAAC;EAE1D,~~OACCJ~~,QAAQ,iBACP,~~IAAAd~~,WAAA,~~CAAAsC~~,IAAA,~~EAACpD~~,WAAA,~~CAAAqD~~,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACpB,~~IAAAzC~~,WAAA,~~CAAA0C~~,GAAA,~~EAACxD~~,WAAA,~~CAAAyD~~,oBAAM;MAACC,OAAO,EAAC,eAAe;MAAAH,QAAA,eAC9B,~~IAAAzC~~,WAAA,~~CAAA0C~~,GAAA,~~EAAC7C~~,SAAA,~~CAAAgD~~,OAAQ;QAACC,KAAK,EAAG,CAAG;QAAAL,QAAA,EAAG,IAAAZ,QAAE,EAAE,SAAU;MAAC,CAAY;IAAC,CAC7C,CAAC,eACT,~~IAAA7B~~,WAAA,~~CAAA0C~~,GAAA,~~EAACxD~~,WAAA,~~CAAA6D~~,uBAAS;MAACC,UAAU;MAACC,WAAW;MAAAR,QAAA,eAChC,~~IAAAzC~~,WAAA,~~CAAA0C~~,GAAA,~~EAAC9C~~,iBAAA,~~CAAAsD~~,sBAAsB;QACtBC,IAAI,EAAC,qBAAqB;QAC1B,cAAa,IAAAtB,QAAE,EAAE,SAAU,CAAG;QAAAY,QAAA,eAE9B,~~IAAAzC~~,WAAA,~~CAAAsC~~,IAAA,~~EAACpD~~,WAAA,~~CAAAyD~~,oBAAM;UAACS,SAAS,EAAC,KAAK;UAAAX,QAAA,gBACtB,~~IAAAzC~~,WAAA,~~CAAA0C~~,GAAA,~~EAACxD~~,WAAA,~~CAAAmE~~,QAAQ;YAAAZ,QAAA,EAAGhB;UAAK,CAAY,CAAC,eAC9B,~~IAAAzB~~,WAAA,~~CAAA0C~~,GAAA,~~EAAClD~~,MAAA,~~CAAA8D~~,IAAI;YACJC,IAAI,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC;UAAc,CAC7C,CAAC;QAAA,CACK;MAAC,CACc;IAAC,CACf,CAAC;EAAA,CACL,CACR;AAEH;AAAC,IAAAC,QAAA,GAEcA,CAAE;EAAE,GAAGC;AAAM,CAAC,kBAC5B,~~IAAA5D~~,WAAA,~~CAAA0C~~,GAAA,~~EAACjD~~,QAAA,~~CAAAoD~~,OAAmB;EAAAJ,QAAA,eACnB,~~IAAAzC~~,WAAA,~~CAAA0C~~,GAAA,~~EAACpC~~,aAAa;IAAA,~~GAAMsD~~;EAAK,CAAI;AAAC,CACV,CACrB;AAAAC,OAAA,CAAAhB,OAAA,GAAAc,QAAA","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_coreData","_data","_blockEditor","_editor","_element","_icons","_context","_interopRequireDefault","_utils","_navigationButton","_subtitle","_lockUnlock","_useThemeStyleVariationsByProperty","_jsxRuntime","GlobalStylesContext","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","editorPrivateApis","TypesetButton","propertiesToFilter","typographyVariations","useCurrentMergeThemeStyleVariationsWithUserConfig","hasTypographyVariations","length","base","user","userConfig","useContext","config","allFontFamilies","getFontFamilies","hasFonts","filter","font","variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","userTypographyConfig","filterObjectByProperties","title","useMemo","Object","keys","__","activeVariation","find","variation","JSON","stringify","map","name","join","jsxs","__experimentalVStack","spacing","children","jsx","__experimentalHStack","justify","default","level","__experimentalItemGroup","isBordered","isSeparated","NavigationButtonAsItem","path","direction","FlexItem","Icon","icon","isRTL","chevronLeft","chevronRight","_default","props","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typeset-button.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useMemo, useContext } from '@wordpress/element';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/\n Internal dependencies\n */\nimport FontLibraryProvider from './font-library-modal/context';\nimport { getFontFamilies } from './utils';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\nimport { unlock } from '../../lock-unlock';\nimport {\n\tfilterObjectByProperties,\n\tuseCurrentMergeThemeStyleVariationsWithUserConfig,\n} from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nfunction TypesetButton() {\n\tconst propertiesToFilter = [ 'typography' ];\n\tconst typographyVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\tconst hasTypographyVariations = typographyVariations?.length > 1;\n\tconst { base, user: userConfig } = useContext( GlobalStylesContext );\n\tconst config = mergeBaseAndUserConfigs( base, userConfig );\n\tconst allFontFamilies = getFontFamilies( config );\n\tconst hasFonts =\n\t\tallFontFamilies.filter( ( font ) => font !== null ).length > 0;\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\tconst userTypographyConfig = filterObjectByProperties(\n\t\tuserConfig,\n\t\t'typography'\n\t);\n\n\tconst title = useMemo( () => {\n\t\tif ( Object.keys( userTypographyConfig ).length === 0 ) {\n\t\t\treturn __( 'Default' );\n\t\t}\n\t\tconst activeVariation = variations?.find( ( variation ) => {\n\t\t\treturn (\n\t\t\t\tJSON.stringify(\n\t\t\t\t\tfilterObjectByProperties( variation, 'typography' )\n\t\t\t\t) === JSON.stringify( userTypographyConfig )\n\t\t\t);\n\t\t} );\n\t\tif ( activeVariation ) {\n\t\t\treturn activeVariation.title;\n\t\t}\n\t\treturn allFontFamilies.map( ( font ) => font?.name ).join( ', ' );\n\t}, [ allFontFamilies, userTypographyConfig, variations ] );\n\n\treturn (\n\t\thasTypographyVariations &&\n\t\thasFonts && (\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Typeset' ) }</Subtitle>\n\t\t\t\t</HStack>\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tpath=\"/typography/typeset\"\n\t\t\t\t\t\taria-label={ __( 'Typeset' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t\t<FlexItem>{ title }</FlexItem>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</VStack>\n\t\t)\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<TypesetButton { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -84,7 +84,6 @@ function Layout({
   });
   const disableMotion = (0, _compose.useReducedMotion)();
   const [canvasResizer, canvasSize] = (0, _compose.useResizeObserver)();
-  const [fullResizer] = (0, _compose.useResizeObserver)();
   const isEditorLoading = (0, _hooks.useIsSiteEditorLoading)();
   const [isResizableFrameOversized, setIsResizableFrameOversized] = (0, _element.useState)(false);
   const {
@@ -113,7 +112,7 @@ function Layout({
     return null;
   }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commands.CommandMenu, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_register.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_global.default, {}), fullResizer, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_commands.CommandMenu, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_register.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_global.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ...navigateRegionsProps,
       ref: navigateRegionsProps.ref,
       className: (0, _clsx.default)('edit-site-layout', navigateRegionsProps.className, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_i18n","_element","_keyboardShortcuts","_commands","_blockEditor","_editor","_coreCommands","_errorBoundary","_store","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_register","_global","_hooks","_animation","_sidebar","_saveHub","_savePanel","_useSyncCanvasModeWithUrl","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","editorPrivateApis","ANIMATION_DURATION","Layout","route","useSyncCanvasModeWithURL","isMobileViewport","useViewportMatch","toggleRef","useRef","canvasMode","previousShortcut","nextShortcut","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","fullResizer","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","key","routeKey","areas","widths","animationRef","useMovingAnimation","triggerAnimationOnChange","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/\n Internal dependencies\n /\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout( { route } ) {\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst { canvasMode, previousShortcut, nextShortcut } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t);\n\t\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/previous-region'\n\t\t\t\t),\n\t\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/next-region'\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst [ fullResizer ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = route;\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvasMode );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ canvasMode ] );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t{ fullResizer }\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\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<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ canvasMode !== 'edit' && (\n\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ areas.edit }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\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{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_i18n","_element","_keyboardShortcuts","_commands","_blockEditor","_editor","_coreCommands","_errorBoundary","_store","_siteHub","_interopRequireWildcard","_resizableFrame","_lockUnlock","_register","_global","_hooks","_animation","_sidebar","_saveHub","_savePanel","_useSyncCanvasModeWithUrl","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useCommands","unlock","coreCommandsPrivateApis","useGlobalStyle","blockEditorPrivateApis","NavigableRegion","editorPrivateApis","ANIMATION_DURATION","Layout","route","useSyncCanvasModeWithURL","isMobileViewport","useViewportMatch","toggleRef","useRef","canvasMode","previousShortcut","nextShortcut","useSelect","select","getAllShortcutKeyCombinations","keyboardShortcutsStore","getCanvasMode","editSiteStore","navigateRegionsProps","useNavigateRegions","previous","next","disableMotion","useReducedMotion","canvasResizer","canvasSize","useResizeObserver","isEditorLoading","useIsSiteEditorLoading","isResizableFrameOversized","setIsResizableFrameOversized","useState","key","routeKey","areas","widths","animationRef","useMovingAnimation","triggerAnimationOnChange","backgroundColor","gradientValue","previousCanvaMode","usePrevious","useEffect","current","focus","jsxs","Fragment","children","jsx","CommandMenu","ref","className","clsx","mobile","ariaLabel","__","__unstableAnimatePresence","__unstableMotion","div","initial","opacity","animate","exit","transition","type","duration","ease","isTransparent","sidebar","EditorSnackbars","SiteHubMobile","content","style","maxWidth","edit","preview","width","isReady","isFullWidth","defaultSize","height","isOversized","setIsOversized","innerContentStyle","background"],"sources":["@wordpress/edit-site/src/components/layout/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useSelect } from '@wordpress/data';\nimport {\n\t__unstableMotion as motion,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableUseNavigateRegions as useNavigateRegions,\n} from '@wordpress/components';\nimport {\n\tuseReducedMotion,\n\tuseViewportMatch,\n\tuseResizeObserver,\n\tusePrevious,\n} from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { CommandMenu } from '@wordpress/commands';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n} from '@wordpress/editor';\nimport { privateApis as coreCommandsPrivateApis } from '@wordpress/core-commands';\n\n/\n Internal dependencies\n /\nimport ErrorBoundary from '../error-boundary';\nimport { store as editSiteStore } from '../../store';\nimport { default as SiteHub, SiteHubMobile } from '../site-hub';\nimport ResizableFrame from '../resizable-frame';\nimport { unlock } from '../../lock-unlock';\nimport KeyboardShortcutsRegister from '../keyboard-shortcuts/register';\nimport KeyboardShortcutsGlobal from '../keyboard-shortcuts/global';\nimport { useIsSiteEditorLoading } from './hooks';\nimport useMovingAnimation from './animation';\nimport SidebarContent from '../sidebar';\nimport SaveHub from '../save-hub';\nimport SavePanel from '../save-panel';\nimport useSyncCanvasModeWithURL from '../sync-state-with-url/use-sync-canvas-mode-with-url';\n\nconst { useCommands } = unlock( coreCommandsPrivateApis );\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\nconst { NavigableRegion } = unlock( editorPrivateApis );\n\nconst ANIMATION_DURATION = 0.3;\n\nexport default function Layout( { route } ) {\n\tuseSyncCanvasModeWithURL();\n\tuseCommands();\n\tconst isMobileViewport = useViewportMatch( 'medium', '<' );\n\tconst toggleRef = useRef();\n\tconst { canvasMode, previousShortcut, nextShortcut } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getAllShortcutKeyCombinations } = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t);\n\t\t\tconst { getCanvasMode } = unlock( select( editSiteStore ) );\n\t\t\treturn {\n\t\t\t\tcanvasMode: getCanvasMode(),\n\t\t\t\tpreviousShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/previous-region'\n\t\t\t\t),\n\t\t\t\tnextShortcut: getAllShortcutKeyCombinations(\n\t\t\t\t\t'core/editor/next-region'\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\tconst navigateRegionsProps = useNavigateRegions( {\n\t\tprevious: previousShortcut,\n\t\tnext: nextShortcut,\n\t} );\n\tconst disableMotion = useReducedMotion();\n\tconst [ canvasResizer, canvasSize ] = useResizeObserver();\n\tconst isEditorLoading = useIsSiteEditorLoading();\n\tconst [ isResizableFrameOversized, setIsResizableFrameOversized ] =\n\t\tuseState( false );\n\tconst { key: routeKey, areas, widths } = route;\n\tconst animationRef = useMovingAnimation( {\n\t\ttriggerAnimationOnChange: canvasMode + '__' + routeKey,\n\t} );\n\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst previousCanvaMode = usePrevious( canvasMode );\n\tuseEffect( () => {\n\t\tif ( previousCanvaMode === 'edit' ) {\n\t\t\ttoggleRef.current?.focus();\n\t\t}\n\t\t// Should not depend on the previous canvas mode value but the next.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ canvasMode ] );\n\n\t// Synchronizing the URL with the store value of canvasMode happens in an effect\n\t// This condition ensures the component is only rendered after the synchronization happens\n\t// which prevents any animations due to potential canvasMode value change.\n\tif ( canvasMode === 'init' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<CommandMenu />\n\t\t\t<KeyboardShortcutsRegister />\n\t\t\t<KeyboardShortcutsGlobal />\n\t\t\t<div\n\t\t\t\t{ ...navigateRegionsProps }\n\t\t\t\tref={ navigateRegionsProps.ref }\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'edit-site-layout',\n\t\t\t\t\tnavigateRegionsProps.className,\n\t\t\t\t\t{\n\t\t\t\t\t\t'is-full-canvas': canvasMode === 'edit',\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t>\n\t\t\t\t<div className=\"edit-site-layout__content\">\n\t\t\t\t\t{ /\n\t\t\t\t\t\tThe NavigableRegion must always be rendered and not use\n\t\t\t\t\t\t`inert` otherwise `useNavigateRegions` will fail.\n\t\t\t\t\t/ }\n\t\t\t\t\t{ ( ! isMobileViewport \|\| ! areas.mobile ) && (\n\t\t\t\t\t\t<NavigableRegion\n\t\t\t\t\t\t\tariaLabel={ __( 'Navigation' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar-region\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AnimatePresence>\n\t\t\t\t\t\t\t\t{ canvasMode === 'view' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\tanimate={ { opacity: 1 } }\n\t\t\t\t\t\t\t\t\t\texit={ { opacity: 0 } }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\tisMobileViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: 'easeOut',\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__sidebar\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<SiteHub\n\t\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\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<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t\t\t{ areas.sidebar }\n\t\t\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t\t\t\t<SaveHub />\n\t\t\t\t\t\t\t\t\t\t<SavePanel />\n\t\t\t\t\t\t\t\t\t</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t</NavigableRegion>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<EditorSnackbars />\n\n\t\t\t\t\t{ isMobileViewport && areas.mobile && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__mobile\">\n\t\t\t\t\t\t\t{ canvasMode !== 'edit' && (\n\t\t\t\t\t\t\t\t<SidebarContent routeKey={ routeKey }>\n\t\t\t\t\t\t\t\t\t<SiteHubMobile\n\t\t\t\t\t\t\t\t\t\tref={ toggleRef }\n\t\t\t\t\t\t\t\t\t\tisTransparent={\n\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</SidebarContent>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ areas.mobile }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport &&\n\t\t\t\t\t\tareas.content &&\n\t\t\t\t\t\tcanvasMode !== 'edit' && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\tmaxWidth: widths?.content,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ areas.content }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.edit && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"edit-site-layout__area\"\n\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\tmaxWidth: widths?.edit,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ areas.edit }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! isMobileViewport && areas.preview && (\n\t\t\t\t\t\t<div className=\"edit-site-layout__canvas-container\">\n\t\t\t\t\t\t\t{ canvasResizer }\n\t\t\t\t\t\t\t{ !! canvasSize.width && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t'edit-site-layout__canvas',\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t'is-right-aligned':\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized,\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tref={ animationRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<ErrorBoundary>\n\t\t\t\t\t\t\t\t\t\t<ResizableFrame\n\t\t\t\t\t\t\t\t\t\t\tisReady={ ! isEditorLoading }\n\t\t\t\t\t\t\t\t\t\t\tisFullWidth={\n\t\t\t\t\t\t\t\t\t\t\t\tcanvasMode === 'edit'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tdefaultSize={ {\n\t\t\t\t\t\t\t\t\t\t\t\twidth:\n\t\t\t\t\t\t\t\t\t\t\t\t\tcanvasSize.width -\n\t\t\t\t\t\t\t\t\t\t\t\t\t24 / $canvas-padding */,\n\t\t\t\t\t\t\t\t\t\t\t\theight: canvasSize.height,\n\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\tisOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tisResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tsetIsOversized={\n\t\t\t\t\t\t\t\t\t\t\t\tsetIsResizableFrameOversized\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tinnerContentStyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor,\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{ areas.preview }\n\t\t\t\t\t\t\t\t\t\t</ResizableFrame>\n\t\t\t\t\t\t\t\t\t</ErrorBoundary>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/page-patterns/fields.js CHANGED Viewed

@@ -121,9 +121,12 @@ function TitleField({
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
       as: "div",
       gap: 0,
-      justify: "left",
+      justify: "flex-start",
       className: "edit-site-patterns__pattern-title",
-      children: item.type === _constants.PATTERN_TYPES.theme ? title : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+      children: item.type === _constants.PATTERN_TYPES.theme ? title : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
+      // TODO: Switch to `true` (40px size) if possible
+      , {
+        __next40pxDefaultSize: false,
         variant: "link",
         onClick: onClick
         // Required for the grid's roving tab index system.

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_blockEditor","_icons","_blocks","_htmlEntities","_async","_constants","_lockUnlock","_link","_hooks","_searchItems","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","PreviewWrapper","item","onClick","ariaDescribedBy","children","jsx","className","type","PATTERN_TYPES","theme","undefined","title","PreviewField","descriptionId","useId","description","excerpt","raw","isUserPattern","user","isTemplatePart","TEMPLATE_PART_POST_TYPE","backgroundColor","useLink","postType","postId","id","name","canvas","blocks","useMemo","_item$blocks","parse","content","__unstableSkipMigrationLogs","isEmpty","length","jsxs","style","__","Async","BlockPreview","viewportWidth","hidden","previewField","exports","label","render","enableSorting","TitleField","decodeEntities","defaultGetTitle","__experimentalHStack","alignment","justify","spacing","Flex","as","gap","Button","variant","tabIndex","Tooltip","placement","text","Icon","icon","lockSmall","size","titleField","getValue","enableHiding","SYNC_FILTERS","value","PATTERN_SYNC_TYPES","full","_x","unsynced","patternStatusField","syncStatus","wp_pattern_sync_status","find","elements","filterBy","operators","OPERATOR_IS","isPrimary","AuthorField","isImageLoaded","setIsImageLoaded","useState","imageUrl","useAddedBy","clsx","onLoad","alt","src","templatePartAuthorField","author_text"],"sources":["@wordpress/edit-site/src/components/page-patterns/fields.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useState, useMemo, useId } from '@wordpress/element';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { Icon, lockSmall } from '@wordpress/icons';\nimport { parse } from '@wordpress/blocks';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/\n Internal dependencies\n */\nimport { Async } from '../async';\nimport {\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n\tOPERATOR_IS,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { useLink } from '../routes/link';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { defaultGetTitle } from './search-items';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction PreviewWrapper( { item, onClick, ariaDescribedBy, children } ) {\n\treturn (\n\t\t<button\n\t\t\tclassName=\"page-patterns-preview-field__button\"\n\t\t\ttype=\"button\"\n\t\t\tonClick={ item.type !== PATTERN_TYPES.theme ? onClick : undefined }\n\t\t\taria-label={ item.title }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t\taria-disabled={ item.type === PATTERN_TYPES.theme }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n}\n\nfunction PreviewField( { item } ) {\n\tconst descriptionId = useId();\n\tconst description = item.description \|\| item?.excerpt?.raw;\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern \|\| isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst blocks = useMemo( () => {\n\t\treturn (\n\t\t\titem.blocks ??\n\t\t\tparse( item.content.raw, {\n\t\t\t\t__unstableSkipMigrationLogs: true,\n\t\t\t} )\n\t\t);\n\t}, [ item?.content?.raw, item.blocks ] );\n\tconst isEmpty = ! blocks?.length;\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"page-patterns-preview-field\"\n\t\t\tstyle={ { backgroundColor } }\n\t\t>\n\t\t\t<PreviewWrapper\n\t\t\t\titem={ item }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tariaDescribedBy={ !! description ? descriptionId : undefined }\n\t\t\t>\n\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<Async>\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\tviewportWidth={ item.viewportWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Async>\n\t\t\t\t) }\n\t\t\t</PreviewWrapper>\n\t\t\t{ !! description && (\n\t\t\t\t<div hidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport const previewField = {\n\tlabel: __( 'Preview' ),\n\tid: 'preview',\n\trender: PreviewField,\n\tenableSorting: false,\n};\n\nfunction TitleField( { item } ) {\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern \|\| isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst title = decodeEntities( defaultGetTitle( item ) );\n\treturn (\n\t\t<HStack alignment=\"center\" justify=\"flex-start\" spacing={ 2 }>\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\ttitle\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{ title }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</Flex>\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</HStack>\n\t);\n}\n\nexport const titleField = {\n\tlabel: __( 'Title' ),\n\tid: 'title',\n\tgetValue: ( { item } ) => item.title?.raw \|\| item.title,\n\trender: TitleField,\n\tenableHiding: false,\n};\n\nconst SYNC_FILTERS = [\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.full,\n\t\tlabel: _x( 'Synced', 'pattern (singular)' ),\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( 'Not synced', 'pattern (singular)' ),\n\t\tdescription: __(\n\t\t\t'Patterns that can be changed freely without affecting the site.'\n\t\t),\n\t},\n];\n\nexport const patternStatusField = {\n\tlabel: __( 'Sync status' ),\n\tid: 'sync-status',\n\trender: ( { item } ) => {\n\t\tconst syncStatus =\n\t\t\t'wp_pattern_sync_status' in item\n\t\t\t\t? item.wp_pattern_sync_status \|\| PATTERN_SYNC_TYPES.full\n\t\t\t\t: PATTERN_SYNC_TYPES.unsynced;\n\t\t// User patterns can have their sync statuses checked directly.\n\t\t// Non-user patterns are all unsynced for the time being.\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={ `edit-site-patterns__field-sync-status-${ syncStatus }` }\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\tSYNC_FILTERS.find( ( { value } ) => value === syncStatus )\n\t\t\t\t\t\t.label\n\t\t\t\t}\n\t\t\t</span>\n\t\t);\n\t},\n\telements: SYNC_FILTERS,\n\tfilterBy: {\n\t\toperators: [ OPERATOR_IS ],\n\t\tisPrimary: true,\n\t},\n\tenableSorting: false,\n};\n\nfunction AuthorField( { item } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nexport const templatePartAuthorField = {\n\tlabel: __( 'Author' ),\n\tid: 'author',\n\tgetValue: ( { item } ) => item.author_text,\n\trender: AuthorField,\n\tfilterBy: {\n\t\tisPrimary: true,\n\t},\n};\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AAIA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAKA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAMA,IAAAU,WAAA,GAAAV,OAAA;AACA,IAAAW,KAAA,GAAAX,OAAA;AACA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,YAAA,GAAAb,OAAA;AAAiD,IAAAc,WAAA,GAAAd,OAAA;AArCjD;AACA;AACA;;AAGA;AACA;AACA;;AAiBA;AACA;AACA;;AAaA,MAAM;EAAEe;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE3D,SAASC,cAAcA,CAAE;EAAEC,IAAI;EAAEC,OAAO;EAAEC,eAAe;EAAEC;AAAS,CAAC,EAAG;EACvE,oBACC,IAAAR,WAAA,CAAAS,GAAA;IACCC,SAAS,EAAC,qCAAqC;IAC/CC,IAAI,EAAC,QAAQ;IACbL,OAAO,EAAGD,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACC,KAAK,GAAGP,OAAO,GAAGQ,SAAW;IACnE,cAAaT,IAAI,CAACU,KAAO;IACzB,oBAAmBR,eAAiB;IACpC,iBAAgBF,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACC,KAAO;IAAAL,QAAA,EAEjDA;EAAQ,CACH,CAAC;AAEX;AAEA,SAASQ,YAAYA,CAAE;EAAEX;AAAK,CAAC,EAAG;EACjC,MAAMY,aAAa,GAAG,IAAAC,cAAK,EAAC,CAAC;EAC7B,MAAMC,WAAW,GAAGd,IAAI,CAACc,WAAW,IAAId,IAAI,EAAEe,OAAO,EAAEC,GAAG;EAC1D,MAAMC,aAAa,GAAGjB,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACW,IAAI;EACtD,MAAMC,cAAc,GAAGnB,IAAI,CAACM,IAAI,KAAKc,kCAAuB;EAC5D,MAAM,CAAEC,eAAe,CAAE,GAAGzB,cAAc,CAAE,kBAAmB,CAAC;EAChE,MAAM;IAAEK;EAAQ,CAAC,GAAG,IAAAqB,aAAO,EAAE;IAC5BC,QAAQ,EAAEvB,IAAI,CAACM,IAAI;IACnBkB,MAAM,EAAEP,aAAa,IAAIE,cAAc,GAAGnB,IAAI,CAACyB,EAAE,GAAGzB,IAAI,CAAC0B,IAAI;IAC7DC,MAAM,EAAE;EACT,CAAE,CAAC;EACH,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAAA,IAAAC,YAAA;IAC7B,QAAAA,YAAA,GACC9B,IAAI,CAAC4B,MAAM,cAAAE,YAAA,cAAAA,YAAA,GACX,IAAAC,aAAK,EAAE/B,IAAI,CAACgC,OAAO,CAAChB,GAAG,EAAE;MACxBiB,2BAA2B,EAAE;IAC9B,CAAE,CAAC;EAEL,CAAC,EAAE,CAAEjC,IAAI,EAAEgC,OAAO,EAAEhB,GAAG,EAAEhB,IAAI,CAAC4B,MAAM,CAAG,CAAC;EACxC,MAAMM,OAAO,GAAG,CAAEN,MAAM,EAAEO,MAAM;EAEhC,oBACC,IAAAxC,WAAA,CAAAyC,IAAA;IACC/B,SAAS,EAAC,6BAA6B;IACvCgC,KAAK,EAAG;MAAEhB;IAAgB,CAAG;IAAAlB,QAAA,gBAE7B,IAAAR,WAAA,CAAAyC,IAAA,EAACrC,cAAc;MACdC,IAAI,EAAGA,IAAM;MACbC,OAAO,EAAGA,OAAS;MACnBC,eAAe,EAAG,CAAC,CAAEY,WAAW,GAAGF,aAAa,GAAGH,SAAW;MAAAN,QAAA,GAE5D+B,OAAO,IAAIf,cAAc,IAAI,IAAAmB,QAAE,EAAE,qBAAsB,CAAC,EACxDJ,OAAO,IAAI,CAAEf,cAAc,IAAI,IAAAmB,QAAE,EAAE,eAAgB,CAAC,EACpD,CAAEJ,OAAO,iBACV,IAAAvC,WAAA,CAAAS,GAAA,EAACf,MAAA,CAAAkD,KAAK;QAAApC,QAAA,eACL,IAAAR,WAAA,CAAAS,GAAA,EAACnB,YAAA,CAAAuD,YAAY;UACZZ,MAAM,EAAGA,MAAQ;UACjBa,aAAa,EAAGzC,IAAI,CAACyC;QAAe,CACpC;MAAC,CACI,CACP;IAAA,CACc,CAAC,EACf,CAAC,CAAE3B,WAAW,iBACf,IAAAnB,WAAA,CAAAS,GAAA;MAAKsC,MAAM;MAACjB,EAAE,EAAGb,aAAe;MAAAT,QAAA,EAC7BW;IAAW,CACT,CACL;EAAA,CACG,CAAC;AAER;AAEO,MAAM6B,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC3BE,KAAK,EAAE,IAAAP,QAAE,EAAE,SAAU,CAAC;EACtBb,EAAE,EAAE,SAAS;EACbqB,MAAM,EAAEnC,YAAY;EACpBoC,aAAa,EAAE;AAChB,CAAC;AAED,SAASC,UAAUA,CAAE;EAAEhD;AAAK,CAAC,EAAG;EAC/B,MAAMiB,aAAa,GAAGjB,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACW,IAAI;EACtD,MAAMC,cAAc,GAAGnB,IAAI,CAACM,IAAI,KAAKc,kCAAuB;EAC5D,MAAM;IAAEnB;EAAQ,CAAC,GAAG,IAAAqB,aAAO,EAAE;IAC5BC,QAAQ,EAAEvB,IAAI,CAACM,IAAI;IACnBkB,MAAM,EAAEP,aAAa,IAAIE,cAAc,GAAGnB,IAAI,CAACyB,EAAE,GAAGzB,IAAI,CAAC0B,IAAI;IAC7DC,MAAM,EAAE;EACT,CAAE,CAAC;EACH,MAAMjB,KAAK,GAAG,IAAAuC,4BAAc,EAAE,IAAAC,4BAAe,EAAElD,IAAK,CAAE,CAAC;EACvD,oBACC,IAAAL,WAAA,CAAAyC,IAAA,EAACtD,WAAA,CAAAqE,oBAAM;IAACC,SAAS,EAAC,QAAQ;IAACC,OAAO,EAAC,YAAY;IAACC,OAAO,EAAG,CAAG;IAAAnD,QAAA,gBAC5D,IAAAR,WAAA,CAAAS,GAAA,EAACtB,WAAA,CAAAyE,IAAI;MACJC,EAAE,EAAC,KAAK;MACRC,GAAG,EAAG,CAAG;MACTJ,OAAO,EAAC,MAAM;MACdhD,SAAS,EAAC,mCAAmC;MAAAF,QAAA,EAE3CH,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACC,KAAK,GAClCE,KAAK,gBAEL,IAAAf,WAAA,CAAAS,GAAA,EAACtB,WAAA,CAAA4E,MAAM;QACNC,OAAO,EAAC,MAAM;QACd1D,OAAO,EAAGA;QACV;QACA;QAAA;QACA2D,QAAQ,EAAC,IAAI;QAAAzD,QAAA,EAEXO;MAAK,CACA;IACR,CACI,CAAC,EACLV,IAAI,CAACM,IAAI,KAAKC,wBAAa,CAACC,KAAK,iBAClC,IAAAb,WAAA,CAAAS,GAAA,EAACtB,WAAA,CAAA+E,OAAO;MACPC,SAAS,EAAC,KAAK;MACfC,IAAI,EAAG,IAAAzB,QAAE,EAAE,gCAAiC,CAAG;MAAAnC,QAAA,eAE/C,IAAAR,WAAA,CAAAS,GAAA,EAAClB,MAAA,CAAA8E,IAAI;QACJ3D,SAAS,EAAC,uCAAuC;QACjD4D,IAAI,EAAGC,gBAAW;QAClBC,IAAI,EAAG;MAAI,CACX;IAAC,CACM,CACT;EAAA,CACM,CAAC;AAEX;AAEO,MAAMC,UAAU,GAAAxB,OAAA,CAAAwB,UAAA,GAAG;EACzBvB,KAAK,EAAE,IAAAP,QAAE,EAAE,OAAQ,CAAC;EACpBb,EAAE,EAAE,OAAO;EACX4C,QAAQ,EAAEA,CAAE;IAAErE;EAAK,CAAC,KAAMA,IAAI,CAACU,KAAK,EAAEM,GAAG,IAAIhB,IAAI,CAACU,KAAK;EACvDoC,MAAM,EAAEE,UAAU;EAClBsB,YAAY,EAAE;AACf,CAAC;AAED,MAAMC,YAAY,GAAG,CACpB;EACCC,KAAK,EAAEC,6BAAkB,CAACC,IAAI;EAC9B7B,KAAK,EAAE,IAAA8B,QAAE,EAAE,QAAQ,EAAE,oBAAqB,CAAC;EAC3C7D,WAAW,EAAE,IAAAwB,QAAE,EAAE,iDAAkD;AACpE,CAAC,EACD;EACCkC,KAAK,EAAEC,6BAAkB,CAACG,QAAQ;EAClC/B,KAAK,EAAE,IAAA8B,QAAE,EAAE,YAAY,EAAE,oBAAqB,CAAC;EAC/C7D,WAAW,EAAE,IAAAwB,QAAE,EACd,iEACD;AACD,CAAC,CACD;AAEM,MAAMuC,kBAAkB,GAAAjC,OAAA,CAAAiC,kBAAA,GAAG;EACjChC,KAAK,EAAE,IAAAP,QAAE,EAAE,aAAc,CAAC;EAC1Bb,EAAE,EAAE,aAAa;EACjBqB,MAAM,EAAEA,CAAE;IAAE9C;EAAK,CAAC,KAAM;IACvB,MAAM8E,UAAU,GACf,wBAAwB,IAAI9E,IAAI,GAC7BA,IAAI,CAAC+E,sBAAsB,IAAIN,6BAAkB,CAACC,IAAI,GACtDD,6BAAkB,CAACG,QAAQ;IAC/B;IACA;IACA,oBACC,IAAAjF,WAAA,CAAAS,GAAA;MACCC,SAAS,EAAI,yCAAyCyE,UAAY,EAAG;MAAA3E,QAAA,EAGpEoE,YAAY,CAACS,IAAI,CAAE,CAAE;QAAER;MAAM,CAAC,KAAMA,KAAK,KAAKM,UAAW,CAAC,CACxDjC;IAAK,CAEH,CAAC;EAET,CAAC;EACDoC,QAAQ,EAAEV,YAAY;EACtBW,QAAQ,EAAE;IACTC,SAAS,EAAE,CAAEC,sBAAW,CAAE;IAC1BC,SAAS,EAAE;EACZ,CAAC;EACDtC,aAAa,EAAE;AAChB,CAAC;AAED,SAASuC,WAAWA,CAAE;EAAEtF;AAAK,CAAC,EAAG;EAChC,MAAM,CAAEuF,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EAC7D,MAAM;IAAE1B,IAAI;IAAEE,IAAI;IAAEyB;EAAS,CAAC,GAAG,IAAAC,iBAAU,EAAE3F,IAAI,CAACM,IAAI,EAAEN,IAAI,CAACyB,EAAG,CAAC;EAEjE,oBACC,IAAA9B,WAAA,CAAAyC,IAAA,EAACtD,WAAA,CAAAqE,oBAAM;IAACC,SAAS,EAAC,MAAM;IAACE,OAAO,EAAG,CAAG;IAAAnD,QAAA,GACnCuF,QAAQ,iBACT,IAAA/F,WAAA,CAAAS,GAAA;MACCC,SAAS,EAAG,IAAAuF,aAAI,EAAE,qCAAqC,EAAE;QACxD,WAAW,EAAEL;MACd,CAAE,CAAG;MAAApF,QAAA,eAEL,IAAAR,WAAA,CAAAS,GAAA;QACCyF,MAAM,EAAGA,CAAA,KAAML,gBAAgB,CAAE,IAAK,CAAG;QACzCM,GAAG,EAAC,EAAE;QACNC,GAAG,EAAGL;MAAU,CAChB;IAAC,CACE,CACL,EACC,CAAEA,QAAQ,iBACX,IAAA/F,WAAA,CAAAS,GAAA;MAAKC,SAAS,EAAC,mCAAmC;MAAAF,QAAA,eACjD,IAAAR,WAAA,CAAAS,GAAA,EAAClB,MAAA,CAAA8E,IAAI;QAACC,IAAI,EAAGA;MAAM,CAAE;IAAC,CAClB,CACL,eACD,IAAAtE,WAAA,CAAAS,GAAA;MAAMC,SAAS,EAAC,mCAAmC;MAAAF,QAAA,EAAG4D;IAAI,CAAQ,CAAC;EAAA,CAC5D,CAAC;AAEX;AAEO,MAAMiC,uBAAuB,GAAApD,OAAA,CAAAoD,uBAAA,GAAG;EACtCnD,KAAK,EAAE,IAAAP,QAAE,EAAE,QAAS,CAAC;EACrBb,EAAE,EAAE,QAAQ;EACZ4C,QAAQ,EAAEA,CAAE;IAAErE;EAAK,CAAC,KAAMA,IAAI,CAACiG,WAAW;EAC1CnD,MAAM,EAAEwC,WAAW;EACnBJ,QAAQ,EAAE;IACTG,SAAS,EAAE;EACZ;AACD,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_element","_blockEditor","_icons","_blocks","_htmlEntities","_async","_constants","_lockUnlock","_link","_hooks","_searchItems","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","PreviewWrapper","item","onClick","ariaDescribedBy","children","jsx","className","type","PATTERN_TYPES","theme","undefined","title","PreviewField","descriptionId","useId","description","excerpt","raw","isUserPattern","user","isTemplatePart","TEMPLATE_PART_POST_TYPE","backgroundColor","useLink","postType","postId","id","name","canvas","blocks","useMemo","_item$blocks","parse","content","__unstableSkipMigrationLogs","isEmpty","length","jsxs","style","__","Async","BlockPreview","viewportWidth","hidden","previewField","exports","label","render","enableSorting","TitleField","decodeEntities","defaultGetTitle","__experimentalHStack","alignment","justify","spacing","Flex","as","gap","Button","__next40pxDefaultSize","variant","tabIndex","Tooltip","placement","text","Icon","icon","lockSmall","size","titleField","getValue","enableHiding","SYNC_FILTERS","value","PATTERN_SYNC_TYPES","full","_x","unsynced","patternStatusField","syncStatus","wp_pattern_sync_status","find","elements","filterBy","operators","OPERATOR_IS","isPrimary","AuthorField","isImageLoaded","setIsImageLoaded","useState","imageUrl","useAddedBy","clsx","onLoad","alt","src","templatePartAuthorField","author_text"],"sources":["@wordpress/edit-site/src/components/page-patterns/fields.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n\tFlex,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useState, useMemo, useId } from '@wordpress/element';\nimport {\n\tBlockPreview,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { Icon, lockSmall } from '@wordpress/icons';\nimport { parse } from '@wordpress/blocks';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/\n Internal dependencies\n */\nimport { Async } from '../async';\nimport {\n\tPATTERN_TYPES,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_SYNC_TYPES,\n\tOPERATOR_IS,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\nimport { useLink } from '../routes/link';\nimport { useAddedBy } from '../page-templates/hooks';\nimport { defaultGetTitle } from './search-items';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction PreviewWrapper( { item, onClick, ariaDescribedBy, children } ) {\n\treturn (\n\t\t<button\n\t\t\tclassName=\"page-patterns-preview-field__button\"\n\t\t\ttype=\"button\"\n\t\t\tonClick={ item.type !== PATTERN_TYPES.theme ? onClick : undefined }\n\t\t\taria-label={ item.title }\n\t\t\taria-describedby={ ariaDescribedBy }\n\t\t\taria-disabled={ item.type === PATTERN_TYPES.theme }\n\t\t>\n\t\t\t{ children }\n\t\t</button>\n\t);\n}\n\nfunction PreviewField( { item } ) {\n\tconst descriptionId = useId();\n\tconst description = item.description \|\| item?.excerpt?.raw;\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst [ backgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern \|\| isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst blocks = useMemo( () => {\n\t\treturn (\n\t\t\titem.blocks ??\n\t\t\tparse( item.content.raw, {\n\t\t\t\t__unstableSkipMigrationLogs: true,\n\t\t\t} )\n\t\t);\n\t}, [ item?.content?.raw, item.blocks ] );\n\tconst isEmpty = ! blocks?.length;\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"page-patterns-preview-field\"\n\t\t\tstyle={ { backgroundColor } }\n\t\t>\n\t\t\t<PreviewWrapper\n\t\t\t\titem={ item }\n\t\t\t\tonClick={ onClick }\n\t\t\t\tariaDescribedBy={ !! description ? descriptionId : undefined }\n\t\t\t>\n\t\t\t\t{ isEmpty && isTemplatePart && __( 'Empty template part' ) }\n\t\t\t\t{ isEmpty && ! isTemplatePart && __( 'Empty pattern' ) }\n\t\t\t\t{ ! isEmpty && (\n\t\t\t\t\t<Async>\n\t\t\t\t\t\t<BlockPreview\n\t\t\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\t\t\tviewportWidth={ item.viewportWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Async>\n\t\t\t\t) }\n\t\t\t</PreviewWrapper>\n\t\t\t{ !! description && (\n\t\t\t\t<div hidden id={ descriptionId }>\n\t\t\t\t\t{ description }\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nexport const previewField = {\n\tlabel: __( 'Preview' ),\n\tid: 'preview',\n\trender: PreviewField,\n\tenableSorting: false,\n};\n\nfunction TitleField( { item } ) {\n\tconst isUserPattern = item.type === PATTERN_TYPES.user;\n\tconst isTemplatePart = item.type === TEMPLATE_PART_POST_TYPE;\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: isUserPattern \|\| isTemplatePart ? item.id : item.name,\n\t\tcanvas: 'edit',\n\t} );\n\tconst title = decodeEntities( defaultGetTitle( item ) );\n\treturn (\n\t\t<HStack alignment=\"center\" justify=\"flex-start\" spacing={ 2 }>\n\t\t\t<Flex\n\t\t\t\tas=\"div\"\n\t\t\t\tgap={ 0 }\n\t\t\t\tjustify=\"flex-start\"\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\ttitle\n\t\t\t\t) : (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t\t__next40pxDefaultSize={ false }\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{ title }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t</Flex>\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</HStack>\n\t);\n}\n\nexport const titleField = {\n\tlabel: __( 'Title' ),\n\tid: 'title',\n\tgetValue: ( { item } ) => item.title?.raw \|\| item.title,\n\trender: TitleField,\n\tenableHiding: false,\n};\n\nconst SYNC_FILTERS = [\n\t{\n\t\tvalue: PATTERN_SYNC_TYPES.full,\n\t\tlabel: _x( 'Synced', 'pattern (singular)' ),\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( 'Not synced', 'pattern (singular)' ),\n\t\tdescription: __(\n\t\t\t'Patterns that can be changed freely without affecting the site.'\n\t\t),\n\t},\n];\n\nexport const patternStatusField = {\n\tlabel: __( 'Sync status' ),\n\tid: 'sync-status',\n\trender: ( { item } ) => {\n\t\tconst syncStatus =\n\t\t\t'wp_pattern_sync_status' in item\n\t\t\t\t? item.wp_pattern_sync_status \|\| PATTERN_SYNC_TYPES.full\n\t\t\t\t: PATTERN_SYNC_TYPES.unsynced;\n\t\t// User patterns can have their sync statuses checked directly.\n\t\t// Non-user patterns are all unsynced for the time being.\n\t\treturn (\n\t\t\t<span\n\t\t\t\tclassName={ `edit-site-patterns__field-sync-status-${ syncStatus }` }\n\t\t\t>\n\t\t\t\t{\n\t\t\t\t\tSYNC_FILTERS.find( ( { value } ) => value === syncStatus )\n\t\t\t\t\t\t.label\n\t\t\t\t}\n\t\t\t</span>\n\t\t);\n\t},\n\telements: SYNC_FILTERS,\n\tfilterBy: {\n\t\toperators: [ OPERATOR_IS ],\n\t\tisPrimary: true,\n\t},\n\tenableSorting: false,\n};\n\nfunction AuthorField( { item } ) {\n\tconst [ isImageLoaded, setIsImageLoaded ] = useState( false );\n\tconst { text, icon, imageUrl } = useAddedBy( item.type, item.id );\n\n\treturn (\n\t\t<HStack alignment=\"left\" spacing={ 0 }>\n\t\t\t{ imageUrl && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'page-templates-author-field__avatar', {\n\t\t\t\t\t\t'is-loaded': isImageLoaded,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<img\n\t\t\t\t\t\tonLoad={ () => setIsImageLoaded( true ) }\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tsrc={ imageUrl }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ ! imageUrl && (\n\t\t\t\t<div className=\"page-templates-author-field__icon\">\n\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t<span className=\"page-templates-author-field__name\">{ text }</span>\n\t\t</HStack>\n\t);\n}\n\nexport const templatePartAuthorField = {\n\tlabel: __( 'Author' ),\n\tid: 'author',\n\tgetValue: ( { item } ) => item.author_text,\n\trender: AuthorField,\n\tfilterBy: {\n\t\tisPrimary: true,\n\t},\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -52,7 +52,7 @@ function Pagination({
         accessibleWhenDisabled: true,
         disabled: disabled || currentPage === 1,
         label: (0, _i18n.__)('First page'),
-        icon: _icons.previous,
+        icon: (0, _i18n.isRTL)() ? _icons.next : _icons.previous,
         size: "compact"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         variant: buttonVariant,
@@ -60,7 +60,7 @@ function Pagination({
         accessibleWhenDisabled: true,
         disabled: disabled || currentPage === 1,
         label: (0, _i18n.__)('Previous page'),
-        icon: _icons.chevronLeft,
+        icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
         size: "compact"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalText, {
@@ -77,7 +77,7 @@ function Pagination({
         accessibleWhenDisabled: true,
         disabled: disabled || currentPage === numPages,
         label: (0, _i18n.__)('Next page'),
-        icon: _icons.chevronRight,
+        icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight,
         size: "compact"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
         variant: buttonVariant,
@@ -85,7 +85,7 @@ function Pagination({
         accessibleWhenDisabled: true,
         disabled: disabled || currentPage === numPages,
         label: (0, _i18n.__)('Last page'),
-        icon: _icons.next,
+        icon: (0, _i18n.isRTL)() ? _icons.previous : _icons.next,
         size: "compact"
       })]
     })]