npm - @wordpress/block-editor - Versions diffs - 17.0.0 → 17.0.2-next.v.202608281122.0 - Mend

@wordpress/block-editor 17.0.0 → 17.0.2-next.v.202608281122.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 (1702) hide show

package/build-module/components/global-styles/dimensions-panel.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/global-styles/dimensions-panel.js"],
+  "sources": ["../../../src/components/global-styles/dimensions-panel.jsx"],
   "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\tBoxControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { Icon, alignNone, stretchWide } from '@wordpress/icons';\nimport { useCallback, useState } from '@wordpress/element';\nimport { getValueFromVariable } from '@wordpress/global-styles-engine';\nimport { useToolsPanelDropdownMenuProps } from './utils';\nimport SpacingSizesControl from '../spacing-sizes-control';\nimport DimensionControl from '../dimension-control';\nimport ChildLayoutControl from '../child-layout-control';\nimport AspectRatioTool from '../dimensions-tool/aspect-ratio-tool';\nimport { cleanEmptyObject } from '../../hooks/utils';\nimport { setImmutably } from '../../utils/object';\nimport {\n\tDEFAULT_BLOCK_STYLE_STATE,\n\thasPseudoBlockStyleState,\n\thasViewportBlockStyleState,\n} from '../../hooks/block-style-state';\nimport {\n\tgetInheritanceProps,\n\tInheritanceToolsPanelItem,\n\tisGlobalStylesInheritanceEnabled,\n} from './inheritance';\n\nconst AXIAL_SIDES = [ 'horizontal', 'vertical' ];\n\n/**\n * Determines whether a spacing control (`BoxControl` or `SpacingSizesControl`)\n * renders its linked/unlink toggle button, which the local-override reset dot\n * offsets itself against.\n *\n * @param {string[]|undefined} sides            Configurable sides for the control.\n * @param {boolean}            isPresetsControl Whether the presets-based\n *                                              `SpacingSizesControl` is used.\n *\n * @return {boolean} Whether the toggle button is rendered.\n */\nfunction hasSpacingToggle( sides, isPresetsControl ) {\n\tif ( sides?.length === 1 ) {\n\t\treturn false;\n\t}\n\tif ( isPresetsControl ) {\n\t\tconst hasOnlyAxialSides =\n\t\t\tsides?.includes( 'horizontal' ) &&\n\t\t\tsides?.includes( 'vertical' ) &&\n\t\t\tsides?.length === 2;\n\t\treturn ! hasOnlyAxialSides;\n\t}\n\treturn true;\n}\n\nexport function useHasDimensionsPanel(\n\tsettings,\n\tstyleState = DEFAULT_BLOCK_STYLE_STATE\n) {\n\treturn (\n\t\thasContentSize( settings ) ||\n\t\thasWideSize( settings ) ||\n\t\thasPadding( settings ) ||\n\t\thasMargin( settings ) ||\n\t\thasGap( settings ) ||\n\t\thasHeight( settings ) ||\n\t\thasMinHeight( settings ) ||\n\t\thasMinWidth( settings ) ||\n\t\thasWidth( settings ) ||\n\t\thasAspectRatio( settings, styleState ) ||\n\t\thasChildLayout( settings, styleState )\n\t);\n}\n\nfunction hasContentSize( settings ) {\n\treturn settings?.layout?.contentSize;\n}\n\nfunction hasWideSize( settings ) {\n\treturn settings?.layout?.wideSize;\n}\n\nfunction hasPadding( settings ) {\n\treturn settings?.spacing?.padding;\n}\n\nfunction hasMargin( settings ) {\n\treturn settings?.spacing?.margin;\n}\n\nfunction hasGap( settings ) {\n\treturn settings?.spacing?.blockGap;\n}\n\nfunction hasHeight( settings ) {\n\treturn settings?.dimensions?.height;\n}\n\nfunction hasMinHeight( settings ) {\n\treturn settings?.dimensions?.minHeight;\n}\n\nfunction hasMinWidth( settings ) {\n\treturn settings?.dimensions?.minWidth;\n}\n\nfunction hasWidth( settings ) {\n\treturn settings?.dimensions?.width;\n}\n\nfunction hasAspectRatio( settings, styleState = DEFAULT_BLOCK_STYLE_STATE ) {\n\treturn (\n\t\t! hasPseudoBlockStyleState( styleState ) &&\n\t\tsettings?.dimensions?.aspectRatio\n\t);\n}\n\nfunction hasChildLayout( settings, styleState = DEFAULT_BLOCK_STYLE_STATE ) {\n\tif ( hasPseudoBlockStyleState( styleState ) ) {\n\t\treturn false;\n\t}\n\n\tconst {\n\t\ttype: parentLayoutType = 'default',\n\t\tdefault: { type: defaultParentLayoutType = 'default' } = {},\n\t\tallowSizingOnChildren = false,\n\t} = settings?.parentLayout ?? {};\n\n\tconst support =\n\t\t( defaultParentLayoutType === 'flex' ||\n\t\t\tparentLayoutType === 'flex' ||\n\t\t\tdefaultParentLayoutType === 'grid' ||\n\t\t\tparentLayoutType === 'grid' ) &&\n\t\tallowSizingOnChildren;\n\treturn !! settings?.layout && support;\n}\n\nfunction hasSpacingPresets( settings ) {\n\tconst { defaultSpacingSizes, spacingSizes } = settings?.spacing || {};\n\treturn (\n\t\t( defaultSpacingSizes !== false &&\n\t\t\tspacingSizes?.default?.length > 0 ) ||\n\t\tspacingSizes?.theme?.length > 0 ||\n\t\tspacingSizes?.custom?.length > 0\n\t);\n}\n\nfunction filterValuesBySides( values, sides ) {\n\t// If no custom side configuration, all sides are opted into by default.\n\t// Without any values, we have nothing to filter either.\n\tif ( ! sides || ! values ) {\n\t\treturn values;\n\t}\n\n\t// Only include sides opted into within filtered values.\n\tconst filteredValues = {};\n\tsides.forEach( ( side ) => {\n\t\tif ( side === 'vertical' ) {\n\t\t\tfilteredValues.top = values.top;\n\t\t\tfilteredValues.bottom = values.bottom;\n\t\t}\n\t\tif ( side === 'horizontal' ) {\n\t\t\tfilteredValues.left = values.left;\n\t\t\tfilteredValues.right = values.right;\n\t\t}\n\t\tfilteredValues[ side ] = values?.[ side ];\n\t} );\n\n\treturn filteredValues;\n}\n\nconst EMPTY_VALUES = [ undefined, null, '' ];\n\nfunction hasValue( value ) {\n\treturn ! EMPTY_VALUES.includes( value );\n}\n\n/**\n * Extracts the numeric quantity from a raw CSS value so it can be used as a\n * unit-control placeholder. The control's unit selector already reflects the\n * inherited unit, so the placeholder must contain only the number (e.g.\n * `120px` -> `120`) rather than the full unit string.\n *\n * @param {string|number|undefined} rawValue Inherited value to parse.\n * @return {number|undefined} The numeric quantity, or `undefined` when absent.\n */\nfunction getNumericPlaceholder( rawValue ) {\n\tif ( ! hasValue( rawValue ) ) {\n\t\treturn undefined;\n\t}\n\tconst [ quantity ] = parseQuantityAndUnitFromRawValue( rawValue );\n\treturn quantity;\n}\n\nfunction splitStyleValue( value ) {\n\t// Check for shorthand value (a string value).\n\tif ( hasValue( value ) && typeof value === 'string' ) {\n\t\t// Convert to value for individual sides for BoxControl.\n\t\treturn {\n\t\t\ttop: value,\n\t\t\tright: value,\n\t\t\tbottom: value,\n\t\t\tleft: value,\n\t\t};\n\t}\n\n\treturn value;\n}\n\n/**\n * Returns the common side value of a sides object (top/right/bottom/left)\n * when all four sides are defined and equal; otherwise returns undefined.\n *\n * Used to derive a placeholder string for BoxControl's\n * `inputProps.placeholder` from an inherited shorthand or\n * shorthand-equivalent split-side value. When the inherited sides differ\n * from each other, the placeholder is suppressed because BoxControl's\n * `inputProps.placeholder` cannot vary per side.\n *\n * @param {Object|string|undefined} sidesValue The inherited sides shape.\n * @return {string|undefined} The common value, or undefined.\n */\nfunction getCommonSidesValue( sidesValue ) {\n\tif ( ! hasValue( sidesValue ) ) {\n\t\treturn undefined;\n\t}\n\tif ( typeof sidesValue === 'string' ) {\n\t\treturn sidesValue !== '' ? sidesValue : undefined;\n\t}\n\tif ( typeof sidesValue !== 'object' ) {\n\t\treturn undefined;\n\t}\n\tconst sideKeys = [ 'top', 'right', 'bottom', 'left' ];\n\tconst values = sideKeys.map( ( k ) => sidesValue[ k ] );\n\tconst allDefined = values.every( hasValue );\n\tif ( ! allDefined ) {\n\t\treturn undefined;\n\t}\n\tconst first = values[ 0 ];\n\treturn values.every( ( v ) => v === first ) ? first : undefined;\n}\n\n/**\n * Returns whether a sides object (top/right/bottom/left) or shorthand string\n * holds any value on at least one side.\n *\n * Unlike `getCommonSidesValue`, this does not require every side to be defined\n * or equal. It is used to drive the inherited-from-Global-Styles label\n * treatment and the local-override dot, which should reflect the mere presence\n * of an inherited value regardless of whether the individual sides match (a\n * constraint that only applies to BoxControl's single-string placeholder).\n *\n * @param {Object|string|undefined} sidesValue The sides shape.\n * @return {boolean} Whether any side holds a value.\n */\nfunction hasAnySideValue( sidesValue ) {\n\tif ( ! hasValue( sidesValue ) ) {\n\t\treturn false;\n\t}\n\tif ( typeof sidesValue === 'string' ) {\n\t\treturn sidesValue !== '';\n\t}\n\tif ( typeof sidesValue !== 'object' ) {\n\t\treturn false;\n\t}\n\treturn [ 'top', 'right', 'bottom', 'left' ].some( ( side ) =>\n\t\thasValue( sidesValue[ side ] )\n\t);\n}\n\nfunction splitGapValue( value, isAxialGap ) {\n\tif ( ! hasValue( value ) ) {\n\t\treturn value;\n\t}\n\n\t// Check for shorthand value (a string value).\n\tif ( typeof value === 'string' ) {\n\t\t/*\n\t\t * Map the string value to appropriate sides for the spacing control depending\n\t\t * on whether the current block has axial gap support or not.\n\t\t *\n\t\t * Note: The axial value pairs must match for the spacing control to display\n\t\t * the appropriate horizontal/vertical sliders.\n\t\t */\n\t\treturn isAxialGap\n\t\t\t? { top: value, right: value, bottom: value, left: value }\n\t\t\t: { top: value };\n\t}\n\n\treturn {\n\t\t...value,\n\t\tright: value?.left,\n\t\tbottom: value?.top,\n\t};\n}\n\nfunction DimensionsToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst resetAll = () => {\n\t\tconst updatedValue = resetAllFilter( value );\n\t\tonChange( updatedValue );\n\t};\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Dimensions' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\tcontentSize: true,\n\twideSize: true,\n\tpadding: true,\n\tmargin: true,\n\tblockGap: true,\n\theight: true,\n\tminHeight: true,\n\tminWidth: true,\n\twidth: true,\n\taspectRatio: true,\n\tchildLayout: true,\n};\n\nexport default function DimensionsPanel( {\n\tas: Wrapper = DimensionsToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n\tonVisualize = () => {},\n\t// Special case because the layout controls are not part of the dimensions panel\n\t// in global styles but not in block inspector.\n\tincludeLayoutControls = false,\n\tallowAxialBlockGap = true,\n\tstyleState = DEFAULT_BLOCK_STYLE_STATE,\n\tshowInheritanceLabelIndicators = isGlobalStylesInheritanceEnabled(),\n} ) {\n\tconst { dimensions, spacing } = settings;\n\n\tconst decodeValue = ( rawValue ) => {\n\t\tif ( rawValue && typeof rawValue === 'object' ) {\n\t\t\treturn Object.keys( rawValue ).reduce( ( acc, key ) => {\n\t\t\t\tacc[ key ] = getValueFromVariable(\n\t\t\t\t\t{ settings: { dimensions, spacing } },\n\t\t\t\t\t'',\n\t\t\t\t\trawValue[ key ]\n\t\t\t\t);\n\t\t\t\treturn acc;\n\t\t\t}, {} );\n\t\t}\n\t\treturn getValueFromVariable(\n\t\t\t{ settings: { dimensions, spacing } },\n\t\t\t'',\n\t\t\trawValue\n\t\t);\n\t};\n\t// Always keep the layout className (e.g. `single-column`); only the\n\t// inheritance treatment is gated on `showInheritanceLabelIndicators`.\n\tconst inheritanceProps = ( isInherited, hasLocalOverride, className ) =>\n\t\tgetInheritanceProps(\n\t\t\tshowInheritanceLabelIndicators && isInherited,\n\t\t\tshowInheritanceLabelIndicators && hasLocalOverride,\n\t\t\tclassName\n\t\t);\n\n\tconst showSpacingPresetsControl = hasSpacingPresets( settings );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: settings?.spacing?.units || [\n\t\t\t'%',\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t],\n\t} );\n\n\t//Minimum Margin Value\n\tconst minimumMargin = -Infinity;\n\tconst [ minMarginValue, setMinMarginValue ] = useState( minimumMargin );\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tlayout: cleanEmptyObject( {\n\t\t\t\t...previousValue?.layout,\n\t\t\t\tcontentSize: undefined,\n\t\t\t\twideSize: undefined,\n\t\t\t\tselfStretch: undefined,\n\t\t\t\tflexSize: undefined,\n\t\t\t\tcolumnStart: undefined,\n\t\t\t\trowStart: undefined,\n\t\t\t\tcolumnSpan: undefined,\n\t\t\t\trowSpan: undefined,\n\t\t\t} ),\n\t\t\tspacing: {\n\t\t\t\t...previousValue?.spacing,\n\t\t\t\tpadding: undefined,\n\t\t\t\tmargin: undefined,\n\t\t\t\tblockGap: undefined,\n\t\t\t},\n\t\t\tdimensions: {\n\t\t\t\t...previousValue?.dimensions,\n\t\t\t\theight: undefined,\n\t\t\t\tminHeight: undefined,\n\t\t\t\tminWidth: undefined,\n\t\t\t\taspectRatio: undefined,\n\t\t\t\twidth: undefined,\n\t\t\t},\n\t\t};\n\t}, [] );\n\n\t// Content Width\n\tconst showContentSizeControl =\n\t\thasContentSize( settings ) && includeLayoutControls;\n\tconst localContentSizeValue = decodeValue( value?.layout?.contentSize );\n\tconst inheritedContentSizeValue = decodeValue(\n\t\tinheritedValue?.layout?.contentSize\n\t);\n\tconst isContentSizePlaceholder =\n\t\t! hasValue( value?.layout?.contentSize ) &&\n\t\thasValue( inheritedContentSizeValue );\n\tconst setContentSizeValue = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'layout', 'contentSize' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasUserSetContentSizeValue = () =>\n\t\thasValue( value?.layout?.contentSize );\n\tconst resetContentSizeValue = () => setContentSizeValue( undefined );\n\n\t// Wide Width\n\tconst showWideSizeControl =\n\t\thasWideSize( settings ) && includeLayoutControls;\n\tconst localWideSizeValue = decodeValue( value?.layout?.wideSize );\n\tconst inheritedWideSizeValue = decodeValue(\n\t\tinheritedValue?.layout?.wideSize\n\t);\n\tconst isWideSizePlaceholder =\n\t\t! hasValue( value?.layout?.wideSize ) &&\n\t\thasValue( inheritedWideSizeValue );\n\tconst setWideSizeValue = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'layout', 'wideSize' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasUserSetWideSizeValue = () => hasValue( value?.layout?.wideSize );\n\tconst resetWideSizeValue = () => setWideSizeValue( undefined );\n\n\t// Padding\n\tconst showPaddingControl = hasPadding( settings );\n\tconst inheritedPaddingValues = splitStyleValue(\n\t\tdecodeValue( inheritedValue?.spacing?.padding )\n\t);\n\t// Local-only values feed BoxControl's `values` (with the inherited\n\t// surfaced via the at-rest placeholder).\n\tconst localPaddingValues = splitStyleValue(\n\t\tdecodeValue( value?.spacing?.padding )\n\t);\n\t// Merged local-then-inherited values feed SpacingSizesControl's\n\t// `values` because the preset slider has no placeholder slot — the\n\t// active chip itself is the at-rest cue.\n\tconst paddingValues = hasValue( value?.spacing?.padding )\n\t\t? localPaddingValues\n\t\t: inheritedPaddingValues;\n\tconst inheritedPaddingPlaceholder = getCommonSidesValue(\n\t\tinheritedPaddingValues\n\t);\n\tconst isPaddingPlaceholder =\n\t\t! hasValue( value?.spacing?.padding ) &&\n\t\tinheritedPaddingPlaceholder !== undefined;\n\t// Label/dot inheritance treatment is independent of whether the inherited\n\t// sides share a common value — it only reflects the presence of an\n\t// inherited value (the all-sides-equal constraint applies solely to the\n\t// single-string BoxControl placeholder above).\n\tconst hasInheritedPadding = hasAnySideValue( inheritedPaddingValues );\n\tconst isPaddingInherited =\n\t\t! hasValue( value?.spacing?.padding ) && hasInheritedPadding;\n\tconst paddingSides = Array.isArray( settings?.spacing?.padding )\n\t\t? settings?.spacing?.padding\n\t\t: settings?.spacing?.padding?.sides;\n\tconst isAxialPadding =\n\t\tpaddingSides &&\n\t\tpaddingSides.some( ( side ) => AXIAL_SIDES.includes( side ) );\n\tconst setPaddingValues = ( newPaddingValues ) => {\n\t\tconst padding = filterValuesBySides( newPaddingValues, paddingSides );\n\t\tonChange( setImmutably( value, [ 'spacing', 'padding' ], padding ) );\n\t};\n\tconst hasPaddingValue = () =>\n\t\thasValue( value?.spacing?.padding ) &&\n\t\tObject.keys( value?.spacing?.padding ).length;\n\tconst resetPaddingValue = () => setPaddingValues( undefined );\n\tconst onMouseOverPadding = () => onVisualize( 'padding' );\n\n\t// Margin\n\tconst showMarginControl = hasMargin( settings );\n\tconst inheritedMarginValues = splitStyleValue(\n\t\tdecodeValue( inheritedValue?.spacing?.margin )\n\t);\n\tconst localMarginValues = splitStyleValue(\n\t\tdecodeValue( value?.spacing?.margin )\n\t);\n\tconst marginValues = hasValue( value?.spacing?.margin )\n\t\t? localMarginValues\n\t\t: inheritedMarginValues;\n\tconst inheritedMarginPlaceholder = getCommonSidesValue(\n\t\tinheritedMarginValues\n\t);\n\tconst isMarginPlaceholder =\n\t\t! hasValue( value?.spacing?.margin ) &&\n\t\tinheritedMarginPlaceholder !== undefined;\n\tconst hasInheritedMargin = hasAnySideValue( inheritedMarginValues );\n\tconst isMarginInherited =\n\t\t! hasValue( value?.spacing?.margin ) && hasInheritedMargin;\n\tconst marginSides = Array.isArray( settings?.spacing?.margin )\n\t\t? settings?.spacing?.margin\n\t\t: settings?.spacing?.margin?.sides;\n\tconst isAxialMargin =\n\t\tmarginSides &&\n\t\tmarginSides.some( ( side ) => AXIAL_SIDES.includes( side ) );\n\tconst setMarginValues = ( newMarginValues ) => {\n\t\tconst margin = filterValuesBySides( newMarginValues, marginSides );\n\t\tonChange( setImmutably( value, [ 'spacing', 'margin' ], margin ) );\n\t};\n\tconst hasMarginValue = () =>\n\t\thasValue( value?.spacing?.margin ) &&\n\t\tObject.keys( value?.spacing?.margin ).length;\n\tconst resetMarginValue = () => setMarginValues( undefined );\n\tconst onMouseOverMargin = () => onVisualize( 'margin' );\n\n\t// Block Gap\n\tconst showGapControl = hasGap( settings );\n\tconst gapSides = Array.isArray( settings?.spacing?.blockGap )\n\t\t? settings?.spacing?.blockGap\n\t\t: settings?.spacing?.blockGap?.sides;\n\tconst isAxialGap =\n\t\tallowAxialBlockGap &&\n\t\tgapSides &&\n\t\tgapSides.some( ( side ) => AXIAL_SIDES.includes( side ) );\n\tconst localGapRaw = decodeValue( value?.spacing?.blockGap );\n\tconst inheritedGapRaw = decodeValue( inheritedValue?.spacing?.blockGap );\n\tconst localGapForSingleInput =\n\t\t! isAxialGap && typeof localGapRaw === 'object'\n\t\t\t? localGapRaw?.top\n\t\t\t: localGapRaw;\n\tconst inheritedGapForSingleInput =\n\t\t! isAxialGap && typeof inheritedGapRaw === 'object'\n\t\t\t? inheritedGapRaw?.top\n\t\t\t: inheritedGapRaw;\n\t// Merge local-then-inherited so SpacingSizesControl's chip slider and\n\t// the axial-gap BoxControl reflect the local value when set and fall\n\t// back to the inherited value at rest.\n\tconst gapRawForDisplay = hasValue( value?.spacing?.blockGap )\n\t\t? localGapRaw\n\t\t: inheritedGapRaw;\n\tconst gapValues = splitGapValue( gapRawForDisplay, isAxialGap );\n\t// Placeholder state for the single-input (non-axial, non-preset) blockGap\n\t// path. The axial / preset paths render compound or chip controls without\n\t// a native placeholder slot — the displayed `values` themselves are the\n\t// at-rest cue for those.\n\tconst isGapPlaceholder =\n\t\t! hasValue( value?.spacing?.blockGap ) &&\n\t\ttypeof inheritedGapForSingleInput === 'string' &&\n\t\tinheritedGapForSingleInput !== '';\n\tconst setGapValue = ( newGapValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably( value, [ 'spacing', 'blockGap' ], newGapValue )\n\t\t);\n\t};\n\tconst setGapValues = ( nextBoxGapValue ) => {\n\t\tif ( ! hasValue( nextBoxGapValue ) ) {\n\t\t\tsetGapValue( null );\n\t\t}\n\t\t// If axial gap is not enabled, treat the 'top' value as the shorthand gap value.\n\t\tif ( ! isAxialGap && nextBoxGapValue?.hasOwnProperty( 'top' ) ) {\n\t\t\tsetGapValue( nextBoxGapValue.top );\n\t\t} else {\n\t\t\tsetGapValue( {\n\t\t\t\ttop: nextBoxGapValue?.top,\n\t\t\t\tleft: nextBoxGapValue?.left,\n\t\t\t} );\n\t\t}\n\t};\n\tconst resetGapValue = () => setGapValue( undefined );\n\tconst hasGapValue = () => hasValue( value?.spacing?.blockGap );\n\n\t// Min Height\n\tconst showMinHeightControl = hasMinHeight( settings );\n\tconst localMinHeightValue = decodeValue( value?.dimensions?.minHeight );\n\tconst inheritedMinHeightValue = decodeValue(\n\t\tinheritedValue?.dimensions?.minHeight\n\t);\n\tconst isMinHeightPlaceholder =\n\t\t! hasValue( value?.dimensions?.minHeight ) &&\n\t\thasValue( inheritedMinHeightValue );\n\tconst setMinHeightValue = ( newValue ) => {\n\t\tconst tempValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'dimensions', 'minHeight' ],\n\t\t\tnewValue\n\t\t);\n\t\t// Apply min-height, while removing any applied aspect ratio.\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\ttempValue,\n\t\t\t\t[ 'dimensions', 'aspectRatio' ],\n\t\t\t\tundefined\n\t\t\t)\n\t\t);\n\t};\n\tconst resetMinHeightValue = () => {\n\t\tsetMinHeightValue( undefined );\n\t};\n\tconst hasMinHeightValue = () => hasValue( value?.dimensions?.minHeight );\n\n\t// Height\n\tconst showHeightControl = hasHeight( settings );\n\tconst localHeightValue = decodeValue( value?.dimensions?.height );\n\tconst inheritedHeightValue = decodeValue(\n\t\tinheritedValue?.dimensions?.height\n\t);\n\tconst isHeightPlaceholder =\n\t\t! hasValue( value?.dimensions?.height ) &&\n\t\thasValue( inheritedHeightValue );\n\tconst setHeightValue = ( newValue ) => {\n\t\tconst tempValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'dimensions', 'height' ],\n\t\t\tnewValue\n\t\t);\n\t\t// Apply height, while removing any applied aspect ratio.\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\ttempValue,\n\t\t\t\t[ 'dimensions', 'aspectRatio' ],\n\t\t\t\tundefined\n\t\t\t)\n\t\t);\n\t};\n\tconst resetHeightValue = () => {\n\t\tsetHeightValue( undefined );\n\t};\n\tconst hasHeightValue = () => hasValue( value?.dimensions?.height );\n\n\t// Min Width\n\tconst showMinWidthControl = hasMinWidth( settings );\n\tconst localMinWidthValue = decodeValue( value?.dimensions?.minWidth );\n\tconst inheritedMinWidthValue = decodeValue(\n\t\tinheritedValue?.dimensions?.minWidth\n\t);\n\tconst isMinWidthPlaceholder =\n\t\t! hasValue( value?.dimensions?.minWidth ) &&\n\t\thasValue( inheritedMinWidthValue );\n\tconst setMinWidthValue = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably( value, [ 'dimensions', 'minWidth' ], newValue )\n\t\t);\n\t};\n\tconst resetMinWidthValue = () => {\n\t\tsetMinWidthValue( undefined );\n\t};\n\tconst hasMinWidthValue = () => hasValue( value?.dimensions?.minWidth );\n\n\t// Width\n\tconst showWidthControl = hasWidth( settings );\n\tconst localWidthValue = decodeValue( value?.dimensions?.width );\n\tconst inheritedWidthValue = decodeValue(\n\t\tinheritedValue?.dimensions?.width\n\t);\n\tconst isWidthPlaceholder =\n\t\t! hasValue( value?.dimensions?.width ) &&\n\t\thasValue( inheritedWidthValue );\n\tconst setWidthValue = ( newValue ) => {\n\t\tonChange( setImmutably( value, [ 'dimensions', 'width' ], newValue ) );\n\t};\n\tconst resetWidthValue = () => {\n\t\tsetWidthValue( undefined );\n\t};\n\tconst hasWidthValue = () => hasValue( value?.dimensions?.width );\n\n\t// Aspect Ratio\n\tconst showAspectRatioControl = hasAspectRatio( settings, styleState );\n\tconst localAspectRatioValue = decodeValue( value?.dimensions?.aspectRatio );\n\tconst inheritedAspectRatioValue = decodeValue(\n\t\tinheritedValue?.dimensions?.aspectRatio\n\t);\n\tconst aspectRatioValue = localAspectRatioValue ?? inheritedAspectRatioValue;\n\tconst isAspectRatioPlaceholder =\n\t\t! hasValue( value?.dimensions?.aspectRatio ) &&\n\t\thasValue( inheritedAspectRatioValue );\n\tconst setAspectRatioValue = ( newValue ) => {\n\t\tconst tempValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'dimensions', 'aspectRatio' ],\n\t\t\tnewValue\n\t\t);\n\t\t// Apply aspect-ratio, while removing any applied min-height.\n\t\tonChange(\n\t\t\tsetImmutably( tempValue, [ 'dimensions', 'minHeight' ], undefined )\n\t\t);\n\t};\n\tconst hasAspectRatioValue = () =>\n\t\thasValue( value?.dimensions?.aspectRatio );\n\n\t// Child Layout. There is no Global Styles inheritance model for the\n\t// child-layout sub-keys (`selfStretch`, `flexSize`, `columnStart`,\n\t// `rowStart`, `columnSpan`, `rowSpan`); they are per-block attributes\n\t// only. Render the local value directly so user-set overrides are\n\t// reflected in the control rather than washed out by a misshapen\n\t// inherited layout payload.\n\tconst showChildLayoutControl = hasChildLayout( settings, styleState );\n\tconst childLayout = value?.layout;\n\n\tconst setChildLayout = ( newChildLayout ) => {\n\t\tonChange( {\n\t\t\t...value,\n\t\t\tlayout: {\n\t\t\t\t...value?.layout,\n\t\t\t\t...newChildLayout,\n\t\t\t},\n\t\t} );\n\t};\n\n\tconst onMouseLeaveControls = () => onVisualize( false );\n\n\treturn (\n\t\t<Wrapper\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t{ ( showContentSizeControl || showWideSizeControl ) && (\n\t\t\t\t<span className=\"span-columns\">\n\t\t\t\t\t{ __( 'Set the width of the main content area.' ) }\n\t\t\t\t</span>\n\t\t\t) }\n\t\t\t{ showContentSizeControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisContentSizePlaceholder,\n\t\t\t\t\t\thasUserSetContentSizeValue() &&\n\t\t\t\t\t\t\tinheritedContentSizeValue !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Content width' ) }\n\t\t\t\t\thasValue={ hasUserSetContentSizeValue }\n\t\t\t\t\tonDeselect={ resetContentSizeValue }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.contentSize ??\n\t\t\t\t\t\tDEFAULT_CONTROLS.contentSize\n\t\t\t\t\t}\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tlabel={ __( 'Content width' ) }\n\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t// Local-then-inherited: render the inherited value as the\n\t\t\t\t\t\t// control's value at rest so the unit parses from it\n\t\t\t\t\t\t// (e.g. \"620px\" keeps its unit rather than the value\n\t\t\t\t\t\t// string sitting greyed-out behind a default px unit). It\n\t\t\t\t\t\t// is only written to local on user change.\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tlocalContentSizeValue ?? inheritedContentSizeValue\n\t\t\t\t\t\t}\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tisContentSizePlaceholder\n\t\t\t\t\t\t\t\t? getNumericPlaceholder(\n\t\t\t\t\t\t\t\t\t\tinheritedContentSizeValue\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ ( nextContentSize ) => {\n\t\t\t\t\t\t\tsetContentSizeValue( nextContentSize );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t\t\t\t<Icon icon={ alignNone } />\n\t\t\t\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showWideSizeControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisWideSizePlaceholder,\n\t\t\t\t\t\thasUserSetWideSizeValue() &&\n\t\t\t\t\t\t\tinheritedWideSizeValue !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Wide width' ) }\n\t\t\t\t\thasValue={ hasUserSetWideSizeValue }\n\t\t\t\t\tonDeselect={ resetWideSizeValue }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.wideSize ?? DEFAULT_CONTROLS.wideSize\n\t\t\t\t\t}\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\tlabel={ __( 'Wide width' ) }\n\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t// Local-then-inherited: render the inherited value as the\n\t\t\t\t\t\t// control's value at rest so the unit parses from it\n\t\t\t\t\t\t// rather than the value string sitting greyed-out behind\n\t\t\t\t\t\t// a default px unit. It is only written to local on user\n\t\t\t\t\t\t// change.\n\t\t\t\t\t\tvalue={ localWideSizeValue ?? inheritedWideSizeValue }\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tisWideSizePlaceholder\n\t\t\t\t\t\t\t\t? getNumericPlaceholder(\n\t\t\t\t\t\t\t\t\t\tinheritedWideSizeValue\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ ( nextWideSize ) => {\n\t\t\t\t\t\t\tsetWideSizeValue( nextWideSize );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tprefix={\n\t\t\t\t\t\t\t<InputControlPrefixWrapper variant=\"icon\">\n\t\t\t\t\t\t\t\t<Icon icon={ stretchWide } />\n\t\t\t\t\t\t\t</InputControlPrefixWrapper>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showPaddingControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\thasValue={ hasPaddingValue }\n\t\t\t\t\tlabel={ __( 'Padding' ) }\n\t\t\t\t\thasInlineEndToggle={ hasSpacingToggle(\n\t\t\t\t\t\tpaddingSides,\n\t\t\t\t\t\tshowSpacingPresetsControl\n\t\t\t\t\t) }\n\t\t\t\t\tonDeselect={ resetPaddingValue }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.padding ?? DEFAULT_CONTROLS.padding\n\t\t\t\t\t}\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisPaddingInherited,\n\t\t\t\t\t\thasPaddingValue() && hasInheritedPadding,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'tools-panel-item-spacing':\n\t\t\t\t\t\t\t\tshowSpacingPresetsControl,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t{ ! showSpacingPresetsControl && (\n\t\t\t\t\t\t<BoxControl\n\t\t\t\t\t\t\tvalues={ localPaddingValues }\n\t\t\t\t\t\t\tonChange={ setPaddingValues }\n\t\t\t\t\t\t\tlabel={ __( 'Padding' ) }\n\t\t\t\t\t\t\tsides={ paddingSides }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tallowReset={ false }\n\t\t\t\t\t\t\tsplitOnAxis={ isAxialPadding }\n\t\t\t\t\t\t\tinputProps={ {\n\t\t\t\t\t\t\t\tonMouseOver: onMouseOverPadding,\n\t\t\t\t\t\t\t\tonMouseOut: onMouseLeaveControls,\n\t\t\t\t\t\t\t\tplaceholder: isPaddingPlaceholder\n\t\t\t\t\t\t\t\t\t? inheritedPaddingPlaceholder\n\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showSpacingPresetsControl && (\n\t\t\t\t\t\t<SpacingSizesControl\n\t\t\t\t\t\t\tvalues={ paddingValues }\n\t\t\t\t\t\t\tonChange={ setPaddingValues }\n\t\t\t\t\t\t\tlabel={ __( 'Padding' ) }\n\t\t\t\t\t\t\tsides={ paddingSides }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tallowReset={ false }\n\t\t\t\t\t\t\tonMouseOver={ onMouseOverPadding }\n\t\t\t\t\t\t\tonMouseOut={ onMouseLeaveControls }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showMarginControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\thasValue={ hasMarginValue }\n\t\t\t\t\tlabel={ __( 'Margin' ) }\n\t\t\t\t\thasInlineEndToggle={ hasSpacingToggle(\n\t\t\t\t\t\tmarginSides,\n\t\t\t\t\t\tshowSpacingPresetsControl\n\t\t\t\t\t) }\n\t\t\t\t\tonDeselect={ resetMarginValue }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.margin ?? DEFAULT_CONTROLS.margin\n\t\t\t\t\t}\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisMarginInherited,\n\t\t\t\t\t\thasMarginValue() && hasInheritedMargin,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'tools-panel-item-spacing':\n\t\t\t\t\t\t\t\tshowSpacingPresetsControl,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t{ ! showSpacingPresetsControl && (\n\t\t\t\t\t\t<BoxControl\n\t\t\t\t\t\t\tvalues={ localMarginValues }\n\t\t\t\t\t\t\tonChange={ setMarginValues }\n\t\t\t\t\t\t\tinputProps={ {\n\t\t\t\t\t\t\t\tmin: minMarginValue,\n\t\t\t\t\t\t\t\tonDragStart: () => {\n\t\t\t\t\t\t\t\t\t// Reset to 0 in case the value was negative.\n\t\t\t\t\t\t\t\t\tsetMinMarginValue( 0 );\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tonDragEnd: () => {\n\t\t\t\t\t\t\t\t\tsetMinMarginValue( minimumMargin );\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tonMouseOver: onMouseOverMargin,\n\t\t\t\t\t\t\t\tonMouseOut: onMouseLeaveControls,\n\t\t\t\t\t\t\t\tplaceholder: isMarginPlaceholder\n\t\t\t\t\t\t\t\t\t? inheritedMarginPlaceholder\n\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tlabel={ __( 'Margin' ) }\n\t\t\t\t\t\t\tsides={ marginSides }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tallowReset={ false }\n\t\t\t\t\t\t\tsplitOnAxis={ isAxialMargin }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ showSpacingPresetsControl && (\n\t\t\t\t\t\t<SpacingSizesControl\n\t\t\t\t\t\t\tvalues={ marginValues }\n\t\t\t\t\t\t\tonChange={ setMarginValues }\n\t\t\t\t\t\t\tminimumCustomValue={ -Infinity }\n\t\t\t\t\t\t\tlabel={ __( 'Margin' ) }\n\t\t\t\t\t\t\tsides={ marginSides }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tallowReset={ false }\n\t\t\t\t\t\t\tonMouseOver={ onMouseOverMargin }\n\t\t\t\t\t\t\tonMouseOut={ onMouseLeaveControls }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showGapControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\thasValue={ hasGapValue }\n\t\t\t\t\tlabel={ __( 'Block spacing' ) }\n\t\t\t\t\thasInlineEndToggle={ isAxialGap }\n\t\t\t\t\tonDeselect={ resetGapValue }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.blockGap ?? DEFAULT_CONTROLS.blockGap\n\t\t\t\t\t}\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisGapPlaceholder,\n\t\t\t\t\t\thasGapValue() && inheritedGapRaw !== undefined,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'tools-panel-item-spacing':\n\t\t\t\t\t\t\t\tshowSpacingPresetsControl,\n\t\t\t\t\t\t\t'single-column':\n\t\t\t\t\t\t\t\t// If UnitControl is used, should be single-column.\n\t\t\t\t\t\t\t\t! showSpacingPresetsControl && ! isAxialGap,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t{ ! showSpacingPresetsControl &&\n\t\t\t\t\t\t( isAxialGap ? (\n\t\t\t\t\t\t\t<BoxControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Block spacing' ) }\n\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\tonChange={ setGapValues }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t\tsides={ gapSides }\n\t\t\t\t\t\t\t\tvalues={ gapValues }\n\t\t\t\t\t\t\t\tallowReset={ false }\n\t\t\t\t\t\t\t\tsplitOnAxis={ isAxialGap }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Block spacing' ) }\n\t\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\t\tonChange={ setGapValue }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t\tvalue={ localGapForSingleInput ?? undefined }\n\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\tisGapPlaceholder\n\t\t\t\t\t\t\t\t\t\t? inheritedGapForSingleInput\n\t\t\t\t\t\t\t\t\t\t: undefined\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{ showSpacingPresetsControl && (\n\t\t\t\t\t\t<SpacingSizesControl\n\t\t\t\t\t\t\tkey={ isAxialGap ? 'axial-gap' : 'single-gap' }\n\t\t\t\t\t\t\tlabel={ __( 'Block spacing' ) }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tonChange={ setGapValues }\n\t\t\t\t\t\t\tshowSideInLabel={ false }\n\t\t\t\t\t\t\tsides={ isAxialGap ? gapSides : [ 'top' ] } // Use 'top' as the shorthand property in non-axial configurations.\n\t\t\t\t\t\t\tvalues={ gapValues }\n\t\t\t\t\t\t\tallowReset={ false }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showChildLayoutControl && (\n\t\t\t\t<ChildLayoutControl\n\t\t\t\t\tvalue={ childLayout }\n\t\t\t\t\tonChange={ setChildLayout }\n\t\t\t\t\tparentLayout={ settings?.parentLayout }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t\tshowGridSpanDefaults={\n\t\t\t\t\t\t! hasViewportBlockStyleState( styleState )\n\t\t\t\t\t}\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.childLayout ??\n\t\t\t\t\t\tDEFAULT_CONTROLS.childLayout\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ showMinHeightControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisMinHeightPlaceholder,\n\t\t\t\t\t\thasMinHeightValue() &&\n\t\t\t\t\t\t\tinheritedMinHeightValue !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\thasValue={ hasMinHeightValue }\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tonDeselect={ resetMinHeightValue }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.minHeight ?? DEFAULT_CONTROLS.minHeight\n\t\t\t\t\t}\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<DimensionControl\n\t\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\t\t// Local-then-inherited: render the inherited value as the\n\t\t\t\t\t\t// control's value at rest so the unit parses from it\n\t\t\t\t\t\t// (e.g. \"120px\" keeps its unit rather than the value\n\t\t\t\t\t\t// string sitting behind a default px unit). It is only\n\t\t\t\t\t\t// written to local on user change.\n\t\t\t\t\t\tvalue={ localMinHeightValue ?? inheritedMinHeightValue }\n\t\t\t\t\t\tonChange={ setMinHeightValue }\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tisMinHeightPlaceholder\n\t\t\t\t\t\t\t\t? getNumericPlaceholder(\n\t\t\t\t\t\t\t\t\t\tinheritedMinHeightValue\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdimensionSizes={ dimensions?.dimensionSizes }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showMinWidthControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisMinWidthPlaceholder,\n\t\t\t\t\t\thasMinWidthValue() &&\n\t\t\t\t\t\t\tinheritedMinWidthValue !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\thasValue={ hasMinWidthValue }\n\t\t\t\t\tlabel={ __( 'Minimum width' ) }\n\t\t\t\t\tonDeselect={ resetMinWidthValue }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.minWidth ?? DEFAULT_CONTROLS.minWidth\n\t\t\t\t\t}\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<DimensionControl\n\t\t\t\t\t\tlabel={ __( 'Minimum width' ) }\n\t\t\t\t\t\t// Local-then-inherited: render the inherited value as the\n\t\t\t\t\t\t// control's value at rest so the unit parses from it\n\t\t\t\t\t\t// rather than the value string sitting behind a default\n\t\t\t\t\t\t// px unit. It is only written to local on user change.\n\t\t\t\t\t\tvalue={ localMinWidthValue ?? inheritedMinWidthValue }\n\t\t\t\t\t\tonChange={ setMinWidthValue }\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tisMinWidthPlaceholder\n\t\t\t\t\t\t\t\t? getNumericPlaceholder(\n\t\t\t\t\t\t\t\t\t\tinheritedMinWidthValue\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdimensionSizes={ dimensions?.dimensionSizes }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showHeightControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisHeightPlaceholder,\n\t\t\t\t\t\thasHeightValue() && inheritedHeightValue !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\thasValue={ hasHeightValue }\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tonDeselect={ resetHeightValue }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.height ?? DEFAULT_CONTROLS.height\n\t\t\t\t\t}\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<DimensionControl\n\t\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\t\tvalue={ localHeightValue }\n\t\t\t\t\t\tonChange={ setHeightValue }\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tisHeightPlaceholder\n\t\t\t\t\t\t\t\t? inheritedHeightValue\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdimensionSizes={ dimensions?.dimensionSizes }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showWidthControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisWidthPlaceholder,\n\t\t\t\t\t\thasWidthValue() && inheritedWidthValue !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\thasValue={ hasWidthValue }\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tonDeselect={ resetWidthValue }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.width ?? DEFAULT_CONTROLS.width\n\t\t\t\t\t}\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<DimensionControl\n\t\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\t\tvalue={ localWidthValue }\n\t\t\t\t\t\tonChange={ setWidthValue }\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tisWidthPlaceholder ? inheritedWidthValue : undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tdimensionSizes={ dimensions?.dimensionSizes }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showAspectRatioControl && (\n\t\t\t\t<AspectRatioTool\n\t\t\t\t\thasValue={ hasAspectRatioValue }\n\t\t\t\t\tvalue={ aspectRatioValue }\n\t\t\t\t\tonChange={ setAspectRatioValue }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisAspectRatioPlaceholder,\n\t\t\t\t\t\thasAspectRatioValue() &&\n\t\t\t\t\t\t\tinheritedAspectRatioValue !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tisShownByDefault={\n\t\t\t\t\t\tdefaultControls.aspectRatio ??\n\t\t\t\t\t\tDEFAULT_CONTROLS.aspectRatio\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],
   "mappings": "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",
   "names": []

package/build-module/components/global-styles/filters-panel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/global-styles/filters-panel.js
+// packages/block-editor/src/components/global-styles/filters-panel.jsx
 import clsx from "clsx";
 import {
   __experimentalToolsPanel as ToolsPanel,

package/build-module/components/global-styles/filters-panel.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/global-styles/filters-panel.js"],
+  "sources": ["../../../src/components/global-styles/filters-panel.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalHStack as HStack, // eslint-disable-line @wordpress/use-recommended-components\n\t__experimentalZStack as ZStack, // eslint-disable-line @wordpress/use-recommended-components\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tMenuGroup,\n\tColorIndicator,\n\tDuotonePicker,\n\tDuotoneSwatch,\n\tDropdown,\n\tFlex,\n\tFlexItem,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useCallback, useMemo, useRef } from '@wordpress/element';\nimport { reset as resetIcon } from '@wordpress/icons';\nimport { getValueFromVariable } from '@wordpress/global-styles-engine';\nimport {\n\tuseToolsPanelDropdownMenuProps,\n\tgetDuotoneSlugFromPreset,\n} from './utils';\nimport { setImmutably } from '../../utils/object';\nimport {\n\tgetInheritanceProps,\n\tInheritanceToolsPanelItem,\n\tInheritanceResetButton,\n\tisGlobalStylesInheritanceEnabled,\n} from './inheritance';\n\nconst EMPTY_ARRAY = [];\nfunction useMultiOriginColorPresets(\n\tsettings,\n\t{ presetSetting, defaultSetting }\n) {\n\tconst disableDefault = ! settings?.color?.[ defaultSetting ];\n\tconst userPresets =\n\t\tsettings?.color?.[ presetSetting ]?.custom || EMPTY_ARRAY;\n\tconst themePresets =\n\t\tsettings?.color?.[ presetSetting ]?.theme || EMPTY_ARRAY;\n\tconst defaultPresets =\n\t\tsettings?.color?.[ presetSetting ]?.default || EMPTY_ARRAY;\n\treturn useMemo(\n\t\t() => [\n\t\t\t...userPresets,\n\t\t\t...themePresets,\n\t\t\t...( disableDefault ? EMPTY_ARRAY : defaultPresets ),\n\t\t],\n\t\t[ disableDefault, userPresets, themePresets, defaultPresets ]\n\t);\n}\n\nexport function useHasFiltersPanel( settings ) {\n\treturn useHasDuotoneControl( settings );\n}\n\nfunction useHasDuotoneControl( settings ) {\n\treturn (\n\t\tsettings.color.customDuotone ||\n\t\tsettings.color.defaultDuotone ||\n\t\tsettings.color.duotone.length > 0\n\t);\n}\n\nfunction FiltersToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst resetAll = () => {\n\t\tconst updatedValue = resetAllFilter( value );\n\t\tonChange( updatedValue );\n\t};\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ _x( 'Filters', 'Name for applying graphical effects' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\tduotone: true,\n};\n\nconst popoverProps = {\n\tplacement: 'left-start',\n\toffset: 36,\n\tshift: true,\n\tclassName: 'block-editor-duotone-control__popover',\n\theaderTitle: __( 'Duotone' ),\n};\n\nconst LabeledColorIndicator = ( { indicator, label } ) => (\n\t<HStack justify=\"flex-start\">\n\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t<Flex expanded={ false }>\n\t\t\t\t{ indicator === 'unset' || ! indicator ? (\n\t\t\t\t\t<ColorIndicator className=\"block-editor-duotone-control__unset-indicator\" />\n\t\t\t\t) : (\n\t\t\t\t\t<DuotoneSwatch values={ indicator } />\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t</ZStack>\n\t\t<FlexItem\n\t\t\tclassName=\"block-editor-panel-duotone-settings__label\"\n\t\t\ttitle={ label }\n\t\t>\n\t\t\t{ label }\n\t\t</FlexItem>\n\t</HStack>\n);\n\nconst renderToggle = ( duotone, resetConfig ) =>\n\tfunction Toggle( { onToggle, isOpen } ) {\n\t\tconst { hasLocalValue, hasLocalOverride, onReset } = resetConfig;\n\t\tconst duotoneButtonRef = useRef( undefined );\n\n\t\tconst toggleProps = {\n\t\t\tonClick: onToggle,\n\t\t\tclassName: clsx(\n\t\t\t\t'block-editor-global-styles-filters-panel__dropdown-toggle',\n\t\t\t\t{ 'is-open': isOpen }\n\t\t\t),\n\t\t\t'aria-expanded': isOpen,\n\t\t\tref: duotoneButtonRef,\n\t\t};\n\n\t\tconst handleReset = () => {\n\t\t\tif ( isOpen ) {\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t\tonReset();\n\t\t\t// Return focus to parent button.\n\t\t\tduotoneButtonRef.current?.focus();\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button __next40pxDefaultSize { ...toggleProps }>\n\t\t\t\t\t<LabeledColorIndicator\n\t\t\t\t\t\tindicator={ duotone }\n\t\t\t\t\t\tlabel={ __( 'Duotone' ) }\n\t\t\t\t\t/>\n\t\t\t\t</Button>\n\t\t\t\t{ hasLocalValue &&\n\t\t\t\t\t( hasLocalOverride ? (\n\t\t\t\t\t\t<InheritanceResetButton\n\t\t\t\t\t\t\tclassName=\"block-editor-panel-duotone-settings__reset\"\n\t\t\t\t\t\t\tonResetToInherited={ handleReset }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\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={ resetIcon }\n\t\t\t\t\t\t\tlabel={ __( 'Reset' ) }\n\t\t\t\t\t\t\tclassName=\"block-editor-panel-duotone-settings__reset\"\n\t\t\t\t\t\t\tonClick={ handleReset }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t</>\n\t\t);\n\t};\n\nexport default function FiltersPanel( {\n\tas: Wrapper = FiltersToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n\tshowInheritanceLabelIndicators = isGlobalStylesInheritanceEnabled(),\n} ) {\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\t// Always keep the layout className (e.g. `single-column`); only the\n\t// inheritance treatment is gated on `showInheritanceLabelIndicators`.\n\tconst inheritanceProps = ( isInherited, hasLocalOverride, className ) =>\n\t\tgetInheritanceProps(\n\t\t\tshowInheritanceLabelIndicators && isInherited,\n\t\t\tshowInheritanceLabelIndicators && hasLocalOverride,\n\t\t\tclassName\n\t\t);\n\n\t// Duotone\n\tconst hasDuotoneEnabled = useHasDuotoneControl( settings );\n\tconst duotonePalette = useMultiOriginColorPresets( settings, {\n\t\tpresetSetting: 'duotone',\n\t\tdefaultSetting: 'defaultDuotone',\n\t} );\n\tconst colorPalette = useMultiOriginColorPresets( settings, {\n\t\tpresetSetting: 'palette',\n\t\tdefaultSetting: 'defaultPalette',\n\t} );\n\tconst localDuotone = decodeValue( value?.filter?.duotone );\n\tconst inheritedDuotone = decodeValue( inheritedValue?.filter?.duotone );\n\tconst duotone = localDuotone ?? inheritedDuotone;\n\t// Read from the raw value, since decoding resolves a preset reference to\n\t// its colors and two presets can hold the same pair.\n\tconst localDuotoneSlug = getDuotoneSlugFromPreset( value?.filter?.duotone );\n\tconst inheritedDuotoneSlug = getDuotoneSlugFromPreset(\n\t\tinheritedValue?.filter?.duotone\n\t);\n\tconst duotoneSlug =\n\t\tlocalDuotone !== undefined ? localDuotoneSlug : inheritedDuotoneSlug;\n\tconst isDuotonePlaceholder =\n\t\tlocalDuotone === undefined && inheritedDuotone !== undefined;\n\tconst setDuotone = ( newValue, slug ) => {\n\t\t// A slug identifies the picked preset exactly. Falling back to a value\n\t\t// match cannot tell two presets holding the same colors apart.\n\t\tconst presetSlug =\n\t\t\tslug ??\n\t\t\tduotonePalette.find( ( { colors } ) => colors === newValue )?.slug;\n\t\tconst duotoneValue = presetSlug\n\t\t\t? `var:preset|duotone|${ presetSlug }`\n\t\t\t: newValue;\n\t\tonChange(\n\t\t\tsetImmutably( value, [ 'filter', 'duotone' ], duotoneValue )\n\t\t);\n\t};\n\t// Commit the inherited value when the user clicks the active preset\n\t// while the picker is showing inherited duotone at rest.\n\tconst setDuotoneWithInheritedCommit = ( newValue, index, slug ) => {\n\t\tif (\n\t\t\tnewValue === undefined &&\n\t\t\tisDuotonePlaceholder &&\n\t\t\tinheritedDuotone !== undefined\n\t\t) {\n\t\t\tsetDuotone( inheritedDuotone, inheritedDuotoneSlug );\n\t\t\treturn;\n\t\t}\n\t\tsetDuotone( newValue, slug );\n\t};\n\tconst hasDuotone = () => !! value?.filter?.duotone;\n\tconst resetDuotone = () => setDuotone( undefined );\n\t// Only a local value shadowing an inherited one shows the blue-dot reset.\n\tconst hasDuotoneLocalOverride =\n\t\tshowInheritanceLabelIndicators &&\n\t\thasDuotone() &&\n\t\tinheritedDuotone !== undefined;\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tfilter: {\n\t\t\t\t...previousValue.filter,\n\t\t\t\tduotone: undefined,\n\t\t\t},\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Wrapper\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t{ hasDuotoneEnabled && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisDuotonePlaceholder,\n\t\t\t\t\t\tlocalDuotone !== undefined &&\n\t\t\t\t\t\t\tinheritedDuotone !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Duotone' ) }\n\t\t\t\t\thasValue={ hasDuotone }\n\t\t\t\t\tonDeselect={ resetDuotone }\n\t\t\t\t\tisShownByDefault={ defaultControls.duotone }\n\t\t\t\t\t// Toggle renders its own reset dot, so the item must not\n\t\t\t\t\t// add a second.\n\t\t\t\t\tshowLocalOverrideActionsInLabel={ false }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\tclassName=\"block-editor-global-styles-filters-panel__dropdown\"\n\t\t\t\t\t\trenderToggle={ renderToggle( duotone, {\n\t\t\t\t\t\t\thasLocalValue: hasDuotone(),\n\t\t\t\t\t\t\thasLocalOverride: hasDuotoneLocalOverride,\n\t\t\t\t\t\t\tonReset: resetDuotone,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<DropdownContentWrapper paddingSize=\"small\">\n\t\t\t\t\t\t\t\t<MenuGroup label={ __( 'Duotone' ) }>\n\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'Create a two-tone color effect without losing your original image.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\t\t\t\t\tcolorPalette={ colorPalette }\n\t\t\t\t\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\t\t\t\t\t// TODO: Re-enable both when custom colors are supported for block-level styles.\n\t\t\t\t\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\t\t\t\t\tdisableCustomDuotone\n\t\t\t\t\t\t\t\t\t\tvalue={ duotone }\n\t\t\t\t\t\t\t\t\t\tselectedSlug={ duotoneSlug }\n\t\t\t\t\t\t\t\t\t\tonChange={\n\t\t\t\t\t\t\t\t\t\t\tsetDuotoneWithInheritedCommit\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</MenuGroup>\n\t\t\t\t\t\t\t</DropdownContentWrapper>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],
   "mappings": "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",
   "names": []

package/build-module/components/global-styles/image-settings-panel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/global-styles/image-settings-panel.js
+// packages/block-editor/src/components/global-styles/image-settings-panel.jsx
 import {
   __experimentalToolsPanel as ToolsPanel,
   __experimentalToolsPanelItem as ToolsPanelItem,

package/build-module/components/global-styles/image-settings-panel.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/global-styles/image-settings-panel.js"],
+  "sources": ["../../../src/components/global-styles/image-settings-panel.jsx"],
   "sourcesContent": ["import {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\tToggleControl,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useToolsPanelDropdownMenuProps } from './utils';\n\nexport function useHasImageSettingsPanel( name, value, inheritedValue ) {\n\t// Note: If lightbox `value` exists, that means it was\n\t// defined via the the Global Styles UI and will NOT\n\t// be a boolean value or contain the `allowEditing` property,\n\t// so we should show the settings panel in those cases.\n\treturn (\n\t\t( name === 'core/image' && inheritedValue?.lightbox?.allowEditing ) ||\n\t\t!! value?.lightbox\n\t);\n}\n\nexport default function ImageSettingsPanel( {\n\tonChange,\n\tvalue,\n\tinheritedValue,\n\tpanelId,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst resetLightbox = () => {\n\t\tonChange( undefined );\n\t};\n\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\tonChange( {\n\t\t\tenabled: newSetting,\n\t\t} );\n\t};\n\n\tlet lightboxChecked = false;\n\n\tif ( inheritedValue?.lightbox?.enabled ) {\n\t\tlightboxChecked = inheritedValue.lightbox.enabled;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<ToolsPanel\n\t\t\t\tlabel={ _x( 'Settings', 'Image settings' ) }\n\t\t\t\tresetAll={ resetLightbox }\n\t\t\t\tpanelId={ panelId }\n\t\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t\t>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t// We use the `userSettings` prop instead of `settings`, because `settings`\n\t\t\t\t\t// contains the core/theme values for the lightbox and we want to show the\n\t\t\t\t\t// \"RESET\" button ONLY when the user has explicitly set a value in the\n\t\t\t\t\t// Global Styles.\n\t\t\t\t\thasValue={ () => !! value?.lightbox }\n\t\t\t\t\tlabel={ __( 'Enlarge on click' ) }\n\t\t\t\t\tonDeselect={ resetLightbox }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Enlarge on click' ) }\n\t\t\t\t\t\tchecked={ lightboxChecked }\n\t\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</ToolsPanel>\n\t\t</>\n\t);\n}\n"],
   "mappings": ";AAAA;AAAA,EACC,4BAA4B;AAAA,EAC5B,gCAAgC;AAAA,EAChC;AAAA,OACM;AACP,SAAS,IAAI,UAAU;AACvB,SAAS,sCAAsC;AAqC7C,mBAkBG,WAlBH;AAnCK,SAAS,yBAA0B,MAAM,OAAO,gBAAiB;AAKvE,SACG,SAAS,gBAAgB,gBAAgB,UAAU,gBACrD,CAAC,CAAE,OAAO;AAEZ;AAEe,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,oBAAoB,+BAA+B;AACzD,QAAM,gBAAgB,MAAM;AAC3B,aAAU,MAAU;AAAA,EACrB;AAEA,QAAM,mBAAmB,CAAE,eAAgB;AAC1C,aAAU;AAAA,MACT,SAAS;AAAA,IACV,CAAE;AAAA,EACH;AAEA,MAAI,kBAAkB;AAEtB,MAAK,gBAAgB,UAAU,SAAU;AACxC,sBAAkB,eAAe,SAAS;AAAA,EAC3C;AAEA,SACC,gCACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ,GAAI,YAAY,gBAAiB;AAAA,MACzC,UAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UAKA,UAAW,MAAM,CAAC,CAAE,OAAO;AAAA,UAC3B,OAAQ,GAAI,kBAAmB;AAAA,UAC/B,YAAa;AAAA,UACb,kBAAgB;AAAA,UAChB;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACA,OAAQ,GAAI,kBAAmB;AAAA,cAC/B,SAAU;AAAA,cACV,UAAW;AAAA;AAAA,UACZ;AAAA;AAAA,MACD;AAAA;AAAA,EACD,GACD;AAEF;",
   "names": []

package/build-module/components/global-styles/inheritance/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/global-styles/inheritance/index.js
+// packages/block-editor/src/components/global-styles/inheritance/index.jsx
 import clsx from "clsx";
 import {
   Button,

package/build-module/components/global-styles/inheritance/index.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/global-styles/inheritance/index.js"],
+  "sources": ["../../../../src/components/global-styles/inheritance/index.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport {\n\tButton,\n\tIcon as WCIcon,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { reset as resetIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Whether the inspector surfaces inherited Global Styles values.\n *\n * Behind the `gutenberg-global-styles-inheritance-ui` Gutenberg experiment,\n * so the treatment is off unless someone opts in on the Experiments screen.\n * With it off, the panels show locally-set values alone.\n *\n * Evaluated per call rather than once at module scope, so tests can toggle\n * the experiment and so a later move to a store-backed setting only has to\n * change this one place. Always returns a boolean: callers pass the result\n * down as a prop, and `undefined` would trigger a receiving component's own\n * default parameter.\n *\n * @return {boolean} Whether the inherited-value treatment is enabled.\n */\nexport const isGlobalStylesInheritanceEnabled = () =>\n\t!! window.__experimentalGlobalStylesInheritanceUI;\n\n/**\n * Returns props to spread onto a wrapping `<InheritanceToolsPanelItem>`\n * so its descendant label picks up the inherited-from-Global-Styles\n * visual treatment.\n *\n * When `isInherited` is true without a local override, the descendant\n * label text receives the inherited-from-Global-Styles treatment\n * (dotted underline). No dot is shown.\n *\n * When `hasLocalOverride` is true, a small reset dot is rendered as a\n * sibling of the control exposing a \"Reset to inherited value\" action.\n *\n * The two states are mutually exclusive at the source. If both are passed,\n * only the local-override class is returned.\n *\n * Returned object shape allows direct spread:\n *\n *     <InheritanceToolsPanelItem\n *         { ...getInheritanceProps( isInherited, hasLocalOverride ) }\n *         label={ __( 'Line height' ) }\n *         …\n *     >\n *\n * @param {boolean}             isInherited      Control is inheriting at rest.\n * @param {boolean}             hasLocalOverride Local override is set AND\n *                                               there is an inherited value\n *                                               being overridden.\n * @param {string|Array|Object} [baseClassName]  Optional className(s) to fold\n *                                               into the returned `className`.\n *\n * @return {{ className?: string, isInherited: boolean, hasLocalOverride: boolean }} Props for the wrapping\n *                                  `InheritanceToolsPanelItem`.\n */\nexport function getInheritanceProps(\n\tisInherited,\n\thasLocalOverride,\n\tbaseClassName\n) {\n\tconst inheritedOnly = !! isInherited && ! hasLocalOverride;\n\tconst className = clsx( baseClassName, {\n\t\t'is-inherited-from-global-styles': inheritedOnly,\n\t\t'has-local-override-from-global-styles': !! hasLocalOverride,\n\t} );\n\treturn {\n\t\t...( className ? { className } : {} ),\n\t\tisInherited: inheritedOnly,\n\t\thasLocalOverride: !! hasLocalOverride,\n\t};\n}\n\n/**\n * Renders the small always-visible reset button shown next to a control\n * that holds a local override of an inherited Global Styles value. Used by\n * `<InheritanceToolsPanelItem>` and the color/gradient controls.\n *\n * At rest the button shows a blue dot signalling the local override. On\n * hover/focus the dot morphs into the `reset` (dash) icon and the button\n * exposes a \"Reset to inherited value\" tooltip. Activating it clears the\n * override so the control falls back to its inherited value — the same\n * action the `ToolsPanel` menu performs via `onDeselect`.\n *\n * @param {Object}   props\n * @param {Function} props.onResetToInherited Reset handler.\n * @param {string}   [props.className]        Optional className for the button.\n *\n * @return {Element} The reset button.\n */\nexport function InheritanceResetButton( { onResetToInherited, className } ) {\n\treturn (\n\t\t// Intentionally small (14×14) circular control; exempt from the\n\t\t// 40px default-size enforcement rule.\n\t\t// eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop\n\t\t<Button\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tlabel={ __( 'Reset to inherited value' ) }\n\t\t\t// The button has children (the dot + reset icon), so the tooltip\n\t\t\t// is not shown automatically; opt in explicitly.\n\t\t\tshowTooltip\n\t\t\tclassName={ clsx(\n\t\t\t\t'has-local-override-from-global-styles__reset',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tonClick={ ( event ) => {\n\t\t\t\t// Prevent the click from reaching any wrapping\n\t\t\t\t// `<label htmlFor>` association, which would otherwise\n\t\t\t\t// focus/activate the inner control.\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tonResetToInherited?.();\n\t\t\t} }\n\t\t>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"has-local-override-from-global-styles__dot\"\n\t\t\t/>\n\t\t\t<WCIcon\n\t\t\t\tclassName=\"has-local-override-from-global-styles__reset-icon\"\n\t\t\t\ticon={ resetIcon }\n\t\t\t/>\n\t\t</Button>\n\t);\n}\n\n/**\n * A `ToolsPanelItem` that reflects whether its control's value is inherited\n * from Global Styles or locally overridden. The two states are mutually\n * exclusive.\n *\n * - Inherited: the control label receives the inherited-from-Global-Styles\n *   treatment (dotted underline) via the `is-inherited-from-global-styles`\n *   class applied through `getInheritanceProps`. No dot is shown.\n * - Local override: a reset dot is rendered as a plain sibling of the control\n *   at the item's inline-end — never nested in the label — exposing the same\n *   one-click reset the `ToolsPanel` options menu performs via `onDeselect`.\n *\n * Controls that render their own reset control next to a custom toggle (color,\n * background image) pass `showLocalOverrideActionsInLabel={ false }` so the\n * item does not render a second reset dot.\n *\n * @param {Object}                    props\n * @param {?string}                   props.className                         Item className.\n * @param {boolean}                   props.isInherited                       Value is inherited at rest. Accepted so the `getInheritanceProps` spread does not leak onto the underlying `ToolsPanelItem`; the inherited treatment is applied via `className`.\n * @param {boolean}                   props.hasLocalOverride                  Local override is set.\n * @param {import('react').ReactNode} props.label                             Control label.\n * @param {?Function}                 props.onDeselect                        Reset handler.\n * @param {boolean}                   [props.showLocalOverrideActionsInLabel] Render the reset dot here (default true).\n * @param {boolean}                   [props.hasInlineEndToggle]              The control renders a 24x24 toggle (linked/unlink, units switch) at its inline-end; offset the reset dot to sit just to its inline-start (default false).\n * @param {import('react').ReactNode} props.children                          The control.\n *\n * @return {Element} The panel item.\n */\nexport function InheritanceToolsPanelItem( {\n\tclassName,\n\t// Destructured (and unused) so the `getInheritanceProps` spread does not\n\t// leak `isInherited` onto the underlying `ToolsPanelItem`. The inherited\n\t// treatment is applied purely via `className`\n\t// (`is-inherited-from-global-styles`).\n\tisInherited,\n\thasLocalOverride,\n\tlabel,\n\tonDeselect,\n\tshowLocalOverrideActionsInLabel = true,\n\thasInlineEndToggle = false,\n\tchildren,\n\t...rest\n} ) {\n\tconst showResetAffordance =\n\t\thasLocalOverride && showLocalOverrideActionsInLabel;\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\tonDeselect={ onDeselect }\n\t\t\t{ ...rest }\n\t\t>\n\t\t\t{ children }\n\t\t\t{ showResetAffordance && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'global-styles-inheritance-affordance', {\n\t\t\t\t\t\t'global-styles-inheritance-affordance--offset-toggle':\n\t\t\t\t\t\t\thasInlineEndToggle,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<InheritanceResetButton onResetToInherited={ onDeselect } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</ToolsPanelItem>\n\t);\n}\n"],
   "mappings": ";AAAA,OAAO,UAAU;AACjB;AAAA,EACC;AAAA,EACA,QAAQ;AAAA,EACR,gCAAgC;AAAA,OAC1B;AACP,SAAS,SAAS,iBAAiB;AACnC,SAAS,UAAU;AA4FjB,SAmBC,KAnBD;AA3EK,IAAM,mCAAmC,MAC/C,CAAC,CAAE,OAAO;AAmCJ,SAAS,oBACf,aACA,kBACA,eACC;AACD,QAAM,gBAAgB,CAAC,CAAE,eAAe,CAAE;AAC1C,QAAM,YAAY,KAAM,eAAe;AAAA,IACtC,mCAAmC;AAAA,IACnC,yCAAyC,CAAC,CAAE;AAAA,EAC7C,CAAE;AACF,SAAO;AAAA,IACN,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,IAClC,aAAa;AAAA,IACb,kBAAkB,CAAC,CAAE;AAAA,EACtB;AACD;AAmBO,SAAS,uBAAwB,EAAE,oBAAoB,UAAU,GAAI;AAC3E;AAAA;AAAA;AAAA;AAAA,IAIC;AAAA,MAAC;AAAA;AAAA,QACA,uBAAwB;AAAA,QACxB,OAAQ,GAAI,0BAA2B;AAAA,QAGvC,aAAW;AAAA,QACX,WAAY;AAAA,UACX;AAAA,UACA;AAAA,QACD;AAAA,QACA,SAAU,CAAE,UAAW;AAItB,gBAAM,eAAe;AACrB,gBAAM,gBAAgB;AACtB,+BAAqB;AAAA,QACtB;AAAA,QAEA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,eAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACX;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,WAAU;AAAA,cACV,MAAO;AAAA;AAAA,UACR;AAAA;AAAA;AAAA,IACD;AAAA;AAEF;AA8BO,SAAS,0BAA2B;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kCAAkC;AAAA,EAClC,qBAAqB;AAAA,EACrB;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,sBACL,oBAAoB;AAErB,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACE,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,uBACD;AAAA,UAAC;AAAA;AAAA,YACA,WAAY,KAAM,wCAAwC;AAAA,cACzD,uDACC;AAAA,YACF,CAAE;AAAA,YAEF,8BAAC,0BAAuB,oBAAqB,YAAa;AAAA;AAAA,QAC3D;AAAA;AAAA;AAAA,EAEF;AAEF;",
   "names": []

package/build-module/components/global-styles/shadow-panel-components.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/global-styles/shadow-panel-components.js
+// packages/block-editor/src/components/global-styles/shadow-panel-components.jsx
 import { __ } from "@wordpress/i18n";
 import {
   __experimentalVStack as VStack,

package/build-module/components/global-styles/shadow-panel-components.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/global-styles/shadow-panel-components.js"],
+  "sources": ["../../../src/components/global-styles/shadow-panel-components.jsx"],
   "sourcesContent": ["import { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalHStack as HStack,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tButton,\n\tFlexItem,\n\tDropdown,\n\tComposite,\n} from '@wordpress/components';\nimport { useMemo, useRef } from '@wordpress/element';\nimport { shadow as shadowIcon, Icon, check, reset } from '@wordpress/icons';\nimport clsx from 'clsx';\nimport { Tooltip } from '@wordpress/ui';\nimport { InheritanceResetButton } from './inheritance';\n\n/**\n * Shared reference to an empty array for cases where it is important to avoid\n * returning a new array reference on every invocation.\n *\n * @type {Array}\n */\nconst EMPTY_ARRAY = [];\n\nexport function ShadowPopoverContainer( { shadow, onShadowChange, settings } ) {\n\tconst shadows = useShadowPresets( settings );\n\tconst presets = useMemo( () => {\n\t\tif ( ! shadows.length ) {\n\t\t\treturn shadows;\n\t\t}\n\t\t// The entry that clears the shadow is a display-only affordance with no\n\t\t// counterpart in `theme.json`. It is added here rather than in\n\t\t// `useShadowPresets` so that callers mapping a value back to a preset\n\t\t// never mistake it for one and persist a reference to a CSS variable\n\t\t// that is never output.\n\t\treturn [\n\t\t\t{ name: __( 'Unset' ), slug: 'unset', shadow: 'none' },\n\t\t\t...shadows,\n\t\t];\n\t}, [ shadows ] );\n\n\treturn (\n\t\t<div className=\"block-editor-global-styles__shadow-popover-container\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Drop shadow' ) }</Heading>\n\t\t\t\t<ShadowPresets\n\t\t\t\t\tpresets={ presets }\n\t\t\t\t\tactiveShadow={ shadow }\n\t\t\t\t\tonSelect={ onShadowChange }\n\t\t\t\t/>\n\t\t\t\t<div className=\"block-editor-global-styles__clear-shadow\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onShadowChange( undefined ) }\n\t\t\t\t\t\tdisabled={ ! shadow }\n\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Clear' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport function ShadowPresets( { presets, activeShadow, onSelect } ) {\n\treturn ! presets ? null : (\n\t\t<Composite\n\t\t\trole=\"listbox\"\n\t\t\tclassName=\"block-editor-global-styles__shadow__list\"\n\t\t\taria-label={ __( 'Drop shadows' ) }\n\t\t>\n\t\t\t{ presets.map( ( { name, slug, shadow } ) => (\n\t\t\t\t<ShadowIndicator\n\t\t\t\t\tkey={ slug }\n\t\t\t\t\tlabel={ name }\n\t\t\t\t\tisActive={ shadow === activeShadow }\n\t\t\t\t\ttype={ slug === 'unset' ? 'unset' : 'preset' }\n\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\tonSelect( shadow === activeShadow ? undefined : shadow )\n\t\t\t\t\t}\n\t\t\t\t\tshadow={ shadow }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Composite>\n\t);\n}\n\nexport function ShadowIndicator( { type, label, isActive, onSelect, shadow } ) {\n\treturn (\n\t\t<Tooltip.Root>\n\t\t\t<Tooltip.Trigger\n\t\t\t\trender={\n\t\t\t\t\t<Composite.Item\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\taria-selected={ isActive }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'block-editor-global-styles__shadow__item',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-active': isActive,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t'block-editor-global-styles__shadow-indicator',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tunset: type === 'unset',\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\tonClick={ onSelect }\n\t\t\t\t\t\t\t\tstyle={ { boxShadow: shadow } }\n\t\t\t\t\t\t\t\taria-label={ label }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ isActive && <Icon icon={ check } /> }\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<Tooltip.Popup>{ label }</Tooltip.Popup>\n\t\t</Tooltip.Root>\n\t);\n}\n\nexport function ShadowPopover( {\n\tshadow,\n\tonShadowChange,\n\tsettings,\n\tclassName,\n\thasLocalValue = !! shadow,\n\thasLocalOverride = false,\n\tonReset,\n} ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-global-styles__shadow-dropdown',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\trenderToggle={ renderShadowToggle( shadow, onShadowChange, {\n\t\t\t\thasLocalValue,\n\t\t\t\thasLocalOverride,\n\t\t\t\tonReset: onReset ?? ( () => onShadowChange( undefined ) ),\n\t\t\t} ) }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"medium\">\n\t\t\t\t\t<ShadowPopoverContainer\n\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\tonShadowChange={ onShadowChange }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction renderShadowToggle( shadow, onShadowChange, resetConfig ) {\n\tconst { hasLocalValue, hasLocalOverride, onReset } = resetConfig;\n\treturn function ShadowToggle( { onToggle, isOpen } ) {\n\t\tconst shadowButtonRef = useRef( undefined );\n\n\t\tconst toggleProps = {\n\t\t\tonClick: onToggle,\n\t\t\tclassName: clsx(\n\t\t\t\t'block-editor-global-styles__shadow-dropdown-toggle',\n\t\t\t\t{ 'is-open': isOpen }\n\t\t\t),\n\t\t\t'aria-expanded': isOpen,\n\t\t\tref: shadowButtonRef,\n\t\t};\n\n\t\tconst handleReset = () => {\n\t\t\tif ( isOpen ) {\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t\tonReset();\n\t\t\t// Return focus to parent button.\n\t\t\tshadowButtonRef.current?.focus();\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button __next40pxDefaultSize { ...toggleProps }>\n\t\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tclassName=\"block-editor-global-styles__toggle-icon\"\n\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<FlexItem>{ __( 'Drop shadow' ) }</FlexItem>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Button>\n\t\t\t\t{ hasLocalValue &&\n\t\t\t\t\t( hasLocalOverride ? (\n\t\t\t\t\t\t<InheritanceResetButton\n\t\t\t\t\t\t\tclassName=\"block-editor-global-styles__shadow-editor__remove-button\"\n\t\t\t\t\t\t\tonResetToInherited={ handleReset }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\tlabel={ __( 'Remove' ) }\n\t\t\t\t\t\t\tclassName=\"block-editor-global-styles__shadow-editor__remove-button\"\n\t\t\t\t\t\t\tonClick={ handleReset }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t</>\n\t\t);\n\t};\n}\n\n/**\n * Returns the available shadow presets, from every origin, in the order they\n * are presented to the user.\n *\n * This is the single source of truth for which presets exist: it backs both the\n * popover's preset list and the mapping of a chosen shadow back to the preset\n * it came from, so what is shown and what is stored cannot drift apart.\n *\n * @param {Object} settings Theme.json settings for the current context.\n *\n * @return {Array} The shadow presets.\n */\nexport function useShadowPresets( settings ) {\n\treturn useMemo( () => {\n\t\tif ( ! settings?.shadow ) {\n\t\t\treturn EMPTY_ARRAY;\n\t\t}\n\n\t\tconst defaultPresetsEnabled = settings?.shadow?.defaultPresets;\n\t\tconst {\n\t\t\tdefault: defaultShadows,\n\t\t\ttheme: themeShadows,\n\t\t\tcustom: customShadows,\n\t\t} = settings?.shadow?.presets ?? {};\n\n\t\tconst allPresets = [\n\t\t\t...( ( defaultPresetsEnabled && defaultShadows ) || EMPTY_ARRAY ),\n\t\t\t...( themeShadows || EMPTY_ARRAY ),\n\t\t\t...( customShadows || EMPTY_ARRAY ),\n\t\t];\n\n\t\t// More than one origin can define the same slug, but only the most\n\t\t// specific definition is output as a CSS variable. Keeping the ones it\n\t\t// overrides would offer swatches that apply a different shadow than\n\t\t// the one they show.\n\t\treturn allPresets.filter(\n\t\t\t( preset, index ) =>\n\t\t\t\tallPresets.findLastIndex(\n\t\t\t\t\t( { slug } ) => slug === preset.slug\n\t\t\t\t) === index\n\t\t);\n\t}, [ settings ] );\n}\n"],
   "mappings": "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",
   "names": []

package/build-module/components/global-styles/state-control-badges.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/global-styles/state-control-badges.js
+// packages/block-editor/src/components/global-styles/state-control-badges.jsx
 import { privateApis as componentsPrivateApis } from "@wordpress/components";
 import { __, sprintf } from "@wordpress/i18n";
 import { Stack, Tooltip, VisuallyHidden } from "@wordpress/ui";

package/build-module/components/global-styles/state-control-badges.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/global-styles/state-control-badges.js"],
+  "sources": ["../../../src/components/global-styles/state-control-badges.jsx"],
   "sourcesContent": ["import { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Stack, Tooltip, VisuallyHidden } from '@wordpress/ui';\nimport { unlock } from '../../lock-unlock';\n\nconst { Badge: WCBadge } = unlock( componentsPrivateApis );\n\nexport default function StateControlBadges( {\n\tviewportStates = [],\n\tpseudoStates = [],\n\tviewportValue = 'default',\n\tpseudoStateValue = 'default',\n\tclassName = 'block-editor-global-styles-state-control__badges',\n} ) {\n\tconst activeStates = [];\n\tconst selectedViewport = viewportStates.find(\n\t\t( state ) => state.value === viewportValue\n\t);\n\tconst selectedPseudoState = pseudoStates.find(\n\t\t( state ) => state.value === pseudoStateValue\n\t);\n\n\tif ( selectedViewport ) {\n\t\tactiveStates.push( {\n\t\t\tkey: `viewport-${ selectedViewport.value }`,\n\t\t\tlabel: selectedViewport.label,\n\t\t\ttooltipText: sprintf(\n\t\t\t\t/* translators: %s: viewport name, e.g. \"Tablet\". */\n\t\t\t\t__( 'Style changes apply to the %s viewport.' ),\n\t\t\t\tselectedViewport.label\n\t\t\t),\n\t\t} );\n\t}\n\n\tif ( selectedPseudoState ) {\n\t\tactiveStates.push( {\n\t\t\tkey: `pseudo-${ selectedPseudoState.value }`,\n\t\t\tlabel: selectedPseudoState.label,\n\t\t\ttooltipText: sprintf(\n\t\t\t\t/* translators: %s: pseudo state name, e.g. \"Hover\". */\n\t\t\t\t__( 'Style changes apply to the %s state.' ),\n\t\t\t\tselectedPseudoState.label\n\t\t\t),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<Stack\n\t\t\tclassName={ className }\n\t\t\tdirection=\"row\"\n\t\t\tjustify=\"flex-start\"\n\t\t\tgap=\"xs\"\n\t\t\twrap=\"wrap\"\n\t\t>\n\t\t\t{ activeStates.map( ( state ) => {\n\t\t\t\tconst badge = (\n\t\t\t\t\t<WCBadge\n\t\t\t\t\t\tkey={ state.key }\n\t\t\t\t\t\tclassName=\"block-editor-global-styles-state-control__badge\"\n\t\t\t\t\t\tintent=\"info\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ state.label }\n\t\t\t\t\t\t{ !! state.tooltipText && (\n\t\t\t\t\t\t\t<VisuallyHidden render={ <span /> }>\n\t\t\t\t\t\t\t\t{ state.tooltipText }\n\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</WCBadge>\n\t\t\t\t);\n\n\t\t\t\tif ( ! state.tooltipText ) {\n\t\t\t\t\treturn badge;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip.Root key={ state.key }>\n\t\t\t\t\t\t<Tooltip.Trigger\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<span className=\"block-editor-global-styles-state-control__badge-tooltip-trigger\">\n\t\t\t\t\t\t\t\t\t{ badge }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Tooltip.Popup>{ state.tooltipText }</Tooltip.Popup>\n\t\t\t\t\t</Tooltip.Root>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Stack>\n\t);\n}\n"],
   "mappings": ";AAAA,SAAS,eAAe,6BAA6B;AACrD,SAAS,IAAI,eAAe;AAC5B,SAAS,OAAO,SAAS,sBAAsB;AAC/C,SAAS,cAAc;AAqDlB,SAO2B,KAP3B;AAnDL,IAAM,EAAE,OAAO,QAAQ,IAAI,OAAQ,qBAAsB;AAE1C,SAAR,mBAAqC;AAAA,EAC3C,iBAAiB,CAAC;AAAA,EAClB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,YAAY;AACb,GAAI;AACH,QAAM,eAAe,CAAC;AACtB,QAAM,mBAAmB,eAAe;AAAA,IACvC,CAAE,UAAW,MAAM,UAAU;AAAA,EAC9B;AACA,QAAM,sBAAsB,aAAa;AAAA,IACxC,CAAE,UAAW,MAAM,UAAU;AAAA,EAC9B;AAEA,MAAK,kBAAmB;AACvB,iBAAa,KAAM;AAAA,MAClB,KAAK,YAAa,iBAAiB,KAAM;AAAA,MACzC,OAAO,iBAAiB;AAAA,MACxB,aAAa;AAAA;AAAA,QAEZ,GAAI,yCAA0C;AAAA,QAC9C,iBAAiB;AAAA,MAClB;AAAA,IACD,CAAE;AAAA,EACH;AAEA,MAAK,qBAAsB;AAC1B,iBAAa,KAAM;AAAA,MAClB,KAAK,UAAW,oBAAoB,KAAM;AAAA,MAC1C,OAAO,oBAAoB;AAAA,MAC3B,aAAa;AAAA;AAAA,QAEZ,GAAI,sCAAuC;AAAA,QAC3C,oBAAoB;AAAA,MACrB;AAAA,IACD,CAAE;AAAA,EACH;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,KAAI;AAAA,MACJ,MAAK;AAAA,MAEH,uBAAa,IAAK,CAAE,UAAW;AAChC,cAAM,QACL;AAAA,UAAC;AAAA;AAAA,YAEA,WAAU;AAAA,YACV,QAAO;AAAA,YAEL;AAAA,oBAAM;AAAA,cACN,CAAC,CAAE,MAAM,eACV,oBAAC,kBAAe,QAAS,oBAAC,UAAK,GAC5B,gBAAM,aACT;AAAA;AAAA;AAAA,UARK,MAAM;AAAA,QAUb;AAGD,YAAK,CAAE,MAAM,aAAc;AAC1B,iBAAO;AAAA,QACR;AAEA,eACC,qBAAC,QAAQ,MAAR,EACA;AAAA;AAAA,YAAC,QAAQ;AAAA,YAAR;AAAA,cACA,QACC,oBAAC,UAAK,WAAU,mEACb,iBACH;AAAA;AAAA,UAEF;AAAA,UACA,oBAAC,QAAQ,OAAR,EAAgB,gBAAM,aAAa;AAAA,aARjB,MAAM,GAS1B;AAAA,MAEF,CAAE;AAAA;AAAA,EACH;AAEF;",
   "names": []

package/build-module/components/global-styles/state-control.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/global-styles/state-control.js
+// packages/block-editor/src/components/global-styles/state-control.jsx
 import { __, sprintf } from "@wordpress/i18n";
 import { check, chevronDown, moreVertical } from "@wordpress/icons";
 import { DropdownMenu, MenuGroup, MenuItem } from "@wordpress/components";

package/build-module/components/global-styles/state-control.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/global-styles/state-control.js"],
+  "sources": ["../../../src/components/global-styles/state-control.jsx"],
   "sourcesContent": ["import { __, sprintf } from '@wordpress/i18n';\nimport { check, chevronDown, moreVertical } from '@wordpress/icons';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\n\n/**\n * State control for managing viewport and pseudo-state styles.\n * Displays a dropdown menu with separate groups for each selector.\n *\n * @param {Object}   props                     Component props.\n * @param {Array}    props.viewportStates      Array of available viewport states.\n * @param {Array}    props.pseudoStates        Array of available pseudo states.\n * @param {string}   props.viewportValue       Currently selected viewport value.\n * @param {string}   props.pseudoStateValue    Currently selected pseudo state value.\n * @param {Function} props.onChangeViewport    Callback when viewport selection changes.\n * @param {Function} props.onChangePseudoState Callback when pseudo state selection changes.\n * @param {boolean}  props.showText            Whether to show text label on the toggle. Default true.\n * @param {Object}   props.popoverProps        Popover props for the dropdown menu.\n * @return {Element|null} State control component.\n */\nexport default function StateControl( {\n\tviewportStates = [],\n\tpseudoStates = [],\n\tviewportValue = 'default',\n\tpseudoStateValue = 'default',\n\tonChangeViewport,\n\tonChangePseudoState,\n\tshowText = true,\n\tpopoverProps = {},\n} ) {\n\tif ( ! viewportStates.length && ! pseudoStates.length ) {\n\t\treturn null;\n\t}\n\n\tconst viewportOptions = [\n\t\t{ label: __( 'Default' ), value: 'default' },\n\t\t...viewportStates.map( ( state ) => ( {\n\t\t\tlabel: state.label,\n\t\t\tvalue: state.value,\n\t\t} ) ),\n\t];\n\tconst pseudoStateOptions = [\n\t\t{ label: __( 'Default' ), value: 'default' },\n\t\t...pseudoStates.map( ( state ) => ( {\n\t\t\tlabel: state.label,\n\t\t\tvalue: state.value,\n\t\t} ) ),\n\t];\n\n\tconst hasViewportOptions = viewportStates.length > 0;\n\tconst hasPseudoStateOptions = pseudoStates.length > 0;\n\tconst triggerLabel = __( 'States' );\n\tconst activeStates = [];\n\n\tif ( hasViewportOptions && viewportValue !== 'default' ) {\n\t\tconst selectedViewport = viewportOptions.find(\n\t\t\t( option ) => option.value === viewportValue\n\t\t);\n\n\t\tif ( selectedViewport ) {\n\t\t\tactiveStates.push( {\n\t\t\t\tkey: `viewport-${ selectedViewport.value }`,\n\t\t\t\tlabel: selectedViewport.label,\n\t\t\t} );\n\t\t}\n\t}\n\n\tif ( hasPseudoStateOptions && pseudoStateValue !== 'default' ) {\n\t\tconst selectedPseudoState = pseudoStateOptions.find(\n\t\t\t( option ) => option.value === pseudoStateValue\n\t\t);\n\n\t\tif ( selectedPseudoState ) {\n\t\t\tactiveStates.push( {\n\t\t\t\tkey: `pseudo-${ selectedPseudoState.value }`,\n\t\t\t\tlabel: selectedPseudoState.label,\n\t\t\t} );\n\t\t}\n\t}\n\n\tconst currentStateLabel = activeStates.length\n\t\t? activeStates.map( ( state ) => state.label ).join( ', ' )\n\t\t: __( 'Default' );\n\tconst icon = showText ? chevronDown : moreVertical;\n\tconst toggleProps = showText\n\t\t? { size: 'compact', iconPosition: 'right' }\n\t\t: { size: 'small' };\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"column\"\n\t\t\tgap=\"sm\"\n\t\t\talign=\"flex-end\"\n\t\t\tclassName=\"block-editor-global-styles-state-control\"\n\t\t>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={\n\t\t\t\t\tshowText\n\t\t\t\t\t\t? triggerLabel\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: Current state (e.g. \"Hover\", \"Focus\") */\n\t\t\t\t\t\t\t\t__( 'State: %s' ),\n\t\t\t\t\t\t\t\tcurrentStateLabel\n\t\t\t\t\t\t  )\n\t\t\t\t}\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'right-start',\n\t\t\t\t\t...popoverProps,\n\t\t\t\t} }\n\t\t\t\ttext={ showText ? triggerLabel : undefined }\n\t\t\t\ttoggleProps={ toggleProps }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ hasViewportOptions && (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Viewport' ) }>\n\t\t\t\t\t\t\t\t{ viewportOptions.map( ( option ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ `viewport-${ option.value }` }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeViewport?.( option.value );\n\t\t\t\t\t\t\t\t\t\t\tif ( ! hasPseudoStateOptions ) {\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\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\ticon={\n\t\t\t\t\t\t\t\t\t\t\tviewportValue === option.value\n\t\t\t\t\t\t\t\t\t\t\t\t? check\n\t\t\t\t\t\t\t\t\t\t\t\t: null\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\t\t{ option.label }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ hasPseudoStateOptions && (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Pseudo state' ) }>\n\t\t\t\t\t\t\t\t{ pseudoStateOptions.map( ( option ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ `pseudo-${ option.value }` }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChangePseudoState?.(\n\t\t\t\t\t\t\t\t\t\t\t\toption.value\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\tif ( ! hasViewportOptions ) {\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\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\ticon={\n\t\t\t\t\t\t\t\t\t\t\tpseudoStateValue === option.value\n\t\t\t\t\t\t\t\t\t\t\t\t? check\n\t\t\t\t\t\t\t\t\t\t\t\t: null\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\t\t{ option.label }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</Stack>\n\t);\n}\n"],
   "mappings": "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",
   "names": []

package/build-module/components/global-styles/typography-panel.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/global-styles/typography-panel.js
+// packages/block-editor/src/components/global-styles/typography-panel.jsx
 import {
   FontSizePicker,
   __experimentalNumberControl as NumberControl,

package/build-module/components/global-styles/typography-panel.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/global-styles/typography-panel.js"],
+  "sources": ["../../../src/components/global-styles/typography-panel.jsx"],
   "sourcesContent": ["import {\n\tFontSizePicker,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\tNotice,\n\tToggleControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useCallback, useMemo } from '@wordpress/element';\nimport FontFamilyControl from '../font-family';\nimport FontAppearanceControl from '../font-appearance-control';\nimport LineHeightControl from '../line-height-control';\nimport LetterSpacingControl from '../letter-spacing-control';\nimport TextAlignmentControl from '../text-alignment-control';\nimport TextTransformControl from '../text-transform-control';\nimport TextDecorationControl from '../text-decoration-control';\nimport TextIndentControl from '../text-indent-control';\nimport WritingModeControl from '../writing-mode-control';\nimport ColorGradientDropdownItem from './color-gradient-dropdown-item';\nimport { useHasTextPanel } from './color-panel';\nimport { useColorGradientSettings } from './hooks';\nimport { useToolsPanelDropdownMenuProps } from './utils';\nimport { setImmutably } from '../../utils/object';\nimport {\n\textractPresetSlug,\n\tencodeColorValueWithPalette,\n} from '../../utils/color-values';\nimport {\n\tgetMergedFontFamiliesAndFontFamilyFaces,\n\tfindNearestStyleAndWeight,\n} from './typography-utils';\nimport { getFontStylesAndWeights } from '../../utils/get-font-styles-and-weights';\nimport {\n\tgetInheritanceProps,\n\tInheritanceToolsPanelItem,\n\tisGlobalStylesInheritanceEnabled,\n} from './inheritance';\n\nconst MIN_TEXT_COLUMNS = 1;\nconst MAX_TEXT_COLUMNS = 6;\n\n/**\n * Whether a link color should follow a text color change.\n *\n * A link color tracks the text color (e.g. a Button's) unless it was set\n * deliberately. Raw preset refs are compared rather than decoded hex, since\n * distinct slots can share a hex (`dark-background`/`dark-text` both `#000`).\n *\n * @param {Object} value          Local block styles.\n * @param {Object} inheritedValue Styles inherited from Global Styles.\n * @return {boolean} Whether to sync the link color to the text color.\n */\nfunction shouldSyncLinkColor( value, inheritedValue ) {\n\tconst localLinkColor = value?.elements?.link?.color?.text;\n\t// A local link color keeps tracking only while it matches the text color;\n\t// once it differs it was set deliberately and is left alone.\n\tif ( localLinkColor !== undefined ) {\n\t\treturn localLinkColor === value?.color?.text;\n\t}\n\t// With none set, defer to the inherited values.\n\tconst inheritedLinkColor = inheritedValue?.elements?.link?.color?.text;\n\treturn (\n\t\tinheritedLinkColor === undefined ||\n\t\tinheritedValue?.color?.text === inheritedLinkColor\n\t);\n}\n\nexport function useHasTypographyPanel( settings ) {\n\tconst hasFontFamily = useHasFontFamilyControl( settings );\n\tconst hasLineHeight = useHasLineHeightControl( settings );\n\tconst hasFontAppearance = useHasAppearanceControl( settings );\n\tconst hasLetterSpacing = useHasLetterSpacingControl( settings );\n\tconst hasTextAlign = useHasTextAlignmentControl( settings );\n\tconst hasTextTransform = useHasTextTransformControl( settings );\n\tconst hasTextDecoration = useHasTextDecorationControl( settings );\n\tconst hasTextIndent = useHasTextIndentControl( settings );\n\tconst hasWritingMode = useHasWritingModeControl( settings );\n\tconst hasTextColumns = useHasTextColumnsControl( settings );\n\tconst hasFontSize = useHasFontSizeControl( settings );\n\tconst hasTextColor = useHasTextPanel( settings );\n\n\treturn (\n\t\thasFontFamily ||\n\t\thasLineHeight ||\n\t\thasFontAppearance ||\n\t\thasLetterSpacing ||\n\t\thasTextAlign ||\n\t\thasTextTransform ||\n\t\thasFontSize ||\n\t\thasTextDecoration ||\n\t\thasTextIndent ||\n\t\thasWritingMode ||\n\t\thasTextColumns ||\n\t\thasTextColor\n\t);\n}\n\nfunction useHasFontSizeControl( settings ) {\n\treturn (\n\t\t( settings?.typography?.defaultFontSizes !== false &&\n\t\t\tsettings?.typography?.fontSizes?.default?.length ) ||\n\t\tsettings?.typography?.fontSizes?.theme?.length ||\n\t\tsettings?.typography?.fontSizes?.custom?.length ||\n\t\tsettings?.typography?.customFontSize\n\t);\n}\n\nfunction useHasFontFamilyControl( settings ) {\n\treturn [ 'default', 'theme', 'custom' ].some(\n\t\t( key ) => settings?.typography?.fontFamilies?.[ key ]?.length\n\t);\n}\n\nfunction useHasLineHeightControl( settings ) {\n\treturn settings?.typography?.lineHeight;\n}\n\nfunction useHasAppearanceControl( settings ) {\n\treturn settings?.typography?.fontStyle || settings?.typography?.fontWeight;\n}\n\nfunction useAppearanceControlLabel( settings ) {\n\tif ( ! settings?.typography?.fontStyle ) {\n\t\treturn __( 'Font weight' );\n\t}\n\tif ( ! settings?.typography?.fontWeight ) {\n\t\treturn __( 'Font style' );\n\t}\n\treturn __( 'Appearance' );\n}\n\nfunction useHasLetterSpacingControl( settings ) {\n\treturn settings?.typography?.letterSpacing;\n}\n\nfunction useHasTextTransformControl( settings ) {\n\treturn settings?.typography?.textTransform;\n}\n\nfunction useHasTextAlignmentControl( settings ) {\n\treturn settings?.typography?.textAlign;\n}\n\nfunction useHasTextDecorationControl( settings ) {\n\treturn settings?.typography?.textDecoration;\n}\n\nfunction useHasWritingModeControl( settings ) {\n\treturn settings?.typography?.writingMode;\n}\n\nfunction useHasTextColumnsControl( settings ) {\n\treturn settings?.typography?.textColumns;\n}\n\nfunction useHasTextIndentControl( settings ) {\n\treturn settings?.typography?.textIndent;\n}\n\n/**\n * Concatenate all the font sizes into a single list for the font size picker.\n *\n * @param {Object} settings The global styles settings.\n *\n * @return {Array} The merged font sizes.\n */\nfunction getMergedFontSizes( settings ) {\n\tconst fontSizes = settings?.typography?.fontSizes;\n\tconst defaultFontSizesEnabled = !! settings?.typography?.defaultFontSizes;\n\treturn [\n\t\t...( fontSizes?.custom ?? [] ),\n\t\t...( fontSizes?.theme ?? [] ),\n\t\t...( defaultFontSizesEnabled ? fontSizes?.default ?? [] : [] ),\n\t];\n}\n\nexport function TypographyToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst resetAll = () => {\n\t\tconst updatedValue = resetAllFilter( value );\n\t\tonChange( updatedValue );\n\t};\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ __( 'Typography' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\t__experimentalFirstVisibleItemClass=\"first\"\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\ttextColor: true,\n\tfontFamily: true,\n\tfontSize: true,\n\tfontAppearance: true,\n\tlineHeight: true,\n\tletterSpacing: true,\n\ttextAlign: true,\n\ttextTransform: true,\n\ttextDecoration: true,\n\ttextIndent: true,\n\twritingMode: true,\n\ttextColumns: true,\n};\n\nconst EMPTY_VALUES = [ undefined, null, '' ];\n\nfunction hasValue( value ) {\n\treturn ! EMPTY_VALUES.includes( value );\n}\n\n/**\n * Extracts the numeric quantity from a raw CSS value so it can be used as a\n * unit-control placeholder. The control's unit selector already reflects the\n * inherited unit, so the placeholder must contain only the number (e.g.\n * `1.5em` -> `1.5`) rather than the full unit string.\n *\n * @param {string|number|undefined} rawValue Inherited value to parse.\n * @return {number|undefined} The numeric quantity, or `undefined` when absent.\n */\nfunction getNumericPlaceholder( rawValue ) {\n\tif ( ! hasValue( rawValue ) ) {\n\t\treturn undefined;\n\t}\n\tconst [ quantity ] = parseQuantityAndUnitFromRawValue( rawValue );\n\treturn quantity;\n}\n\nexport default function TypographyPanel( {\n\tas: Wrapper = TypographyToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n\tisGlobalStyles = false,\n\tshowInheritanceLabelIndicators = isGlobalStylesInheritanceEnabled(),\n\tcontrastWarning,\n} ) {\n\tconst { colors, allColors, areCustomSolidsEnabled, decodeValue } =\n\t\tuseColorGradientSettings( settings );\n\t// Always keep the layout className (e.g. `single-column`); only the\n\t// inheritance treatment is gated on `showInheritanceLabelIndicators`.\n\tconst inheritanceProps = ( isInherited, hasLocalOverride, className ) =>\n\t\tgetInheritanceProps(\n\t\t\tshowInheritanceLabelIndicators && isInherited,\n\t\t\tshowInheritanceLabelIndicators && hasLocalOverride,\n\t\t\tclassName\n\t\t);\n\n\t// Text color. Writes to `color.text` (unchanged storage path). The\n\t// control is rendered here instead of the Color panel because text\n\t// color is a typographic concern.\n\tconst hasTextColorEnabled = useHasTextPanel( settings );\n\tconst textColor = decodeValue( inheritedValue?.color?.text );\n\tconst userTextColor = decodeValue( value?.color?.text );\n\tconst hasTextColorValue = () => !! value?.color?.text;\n\tconst setTextColor = ( newColor, newSlug ) => {\n\t\tconst encoded = encodeColorValueWithPalette(\n\t\t\tallColors,\n\t\t\tnewColor,\n\t\t\tnewSlug\n\t\t);\n\t\tlet changedObject = setImmutably( value, [ 'color', 'text' ], encoded );\n\t\t// With the experiment off, keep the pre-inheritance comparison on\n\t\t// `inheritedValue`.\n\t\tconst syncLinkColor = isGlobalStylesInheritanceEnabled()\n\t\t\t? shouldSyncLinkColor( value, inheritedValue )\n\t\t\t: inheritedValue?.color?.text ===\n\t\t\t  inheritedValue?.elements?.link?.color?.text;\n\t\tif ( syncLinkColor ) {\n\t\t\tchangedObject = setImmutably(\n\t\t\t\tchangedObject,\n\t\t\t\t[ 'elements', 'link', 'color', 'text' ],\n\t\t\t\tencoded\n\t\t\t);\n\t\t}\n\t\tonChange( changedObject );\n\t};\n\tconst resetTextColor = () => setTextColor( undefined );\n\n\t// Font Family\n\tconst hasFontFamilyEnabled = useHasFontFamilyControl( settings );\n\t// Render the local value when set, otherwise the inherited value\n\t// as the at-rest preselection. The placeholder boolean is computed\n\t// from `value` directly (not from the merged `fontFamily`) so a\n\t// locally-set value never trips the at-rest visual treatment, even\n\t// when it equals the inherited value.\n\tconst inheritedFontFamily = decodeValue(\n\t\tinheritedValue?.typography?.fontFamily\n\t);\n\tconst fontFamily =\n\t\tdecodeValue( value?.typography?.fontFamily ) ?? inheritedFontFamily;\n\tconst isFontFamilyPlaceholder =\n\t\t! hasValue( value?.typography?.fontFamily ) &&\n\t\thasValue( inheritedFontFamily );\n\tconst { fontFamilies, fontFamilyFaces } = useMemo( () => {\n\t\treturn getMergedFontFamiliesAndFontFamilyFaces( settings, fontFamily );\n\t}, [ settings, fontFamily ] );\n\n\tconst setFontFamily = ( newValue ) => {\n\t\tconst slug = fontFamilies?.find(\n\t\t\t( { fontFamily: f } ) => f === newValue\n\t\t)?.slug;\n\t\tconst nextFontFamily = slug\n\t\t\t? `var:preset|font-family|${ slug }`\n\t\t\t: newValue;\n\t\tlet updatedValue = setImmutably(\n\t\t\tvalue,\n\t\t\t[ 'typography', 'fontFamily' ],\n\t\t\thasValue( nextFontFamily ) ? nextFontFamily : undefined\n\t\t);\n\n\t\t// Check if current font style/weight are available in the new font family.\n\t\tconst newFontFamilyFaces =\n\t\t\tfontFamilies?.find( ( { fontFamily: f } ) => f === newValue )\n\t\t\t\t?.fontFace ?? [];\n\t\tconst { fontStyles, fontWeights } =\n\t\t\tgetFontStylesAndWeights( newFontFamilyFaces );\n\t\tconst hasFontStyle = fontStyles?.some(\n\t\t\t( { value: fs } ) => fs === fontStyle\n\t\t);\n\t\tconst hasFontWeight = fontWeights?.some(\n\t\t\t( { value: fw } ) => fw?.toString() === fontWeight?.toString()\n\t\t);\n\n\t\t// Find the nearest available font style/weight if not available.\n\t\tif ( ! hasFontStyle || ! hasFontWeight ) {\n\t\t\tconst { nearestFontStyle, nearestFontWeight } =\n\t\t\t\tfindNearestStyleAndWeight(\n\t\t\t\t\tnewFontFamilyFaces,\n\t\t\t\t\tfontStyle,\n\t\t\t\t\tfontWeight\n\t\t\t\t);\n\t\t\tif ( nearestFontStyle || nearestFontWeight ) {\n\t\t\t\t// Update to the nearest available font style/weight in the new font family.\n\t\t\t\tupdatedValue = {\n\t\t\t\t\t...updatedValue,\n\t\t\t\t\ttypography: {\n\t\t\t\t\t\t...updatedValue?.typography,\n\t\t\t\t\t\tfontStyle: hasValue( nearestFontStyle )\n\t\t\t\t\t\t\t? nearestFontStyle\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\tfontWeight: hasValue( nearestFontWeight )\n\t\t\t\t\t\t\t? nearestFontWeight\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t} else if ( fontStyle || fontWeight ) {\n\t\t\t\t// Reset if no available styles/weights found.\n\t\t\t\tupdatedValue = {\n\t\t\t\t\t...updatedValue,\n\t\t\t\t\ttypography: {\n\t\t\t\t\t\t...updatedValue?.typography,\n\t\t\t\t\t\tfontStyle: undefined,\n\t\t\t\t\t\tfontWeight: undefined,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t}\n\n\t\tonChange( updatedValue );\n\t};\n\tconst hasFontFamily = () => hasValue( value?.typography?.fontFamily );\n\tconst resetFontFamily = () => setFontFamily( undefined );\n\n\t// Font Size\n\tconst hasFontSizeEnabled = useHasFontSizeControl( settings );\n\tconst disableCustomFontSizes = ! settings?.typography?.customFontSize;\n\tconst mergedFontSizes = getMergedFontSizes( settings );\n\n\t// Local-then-inherited resolution for the rendered value. The slug\n\t// extraction reads the same composite raw value so an inherited\n\t// preset preselects its chip at rest while a local literal value\n\t// renders as a literal in the custom-size input.\n\tconst rawLocalFontSize = value?.typography?.fontSize;\n\tconst rawInheritedFontSize = inheritedValue?.typography?.fontSize;\n\tconst rawFontSizeForDisplay = rawLocalFontSize ?? rawInheritedFontSize;\n\tconst fontSize = decodeValue( rawFontSizeForDisplay );\n\tconst inheritedFontSizeDecoded = decodeValue( rawInheritedFontSize );\n\tconst isFontSizePlaceholder =\n\t\t! hasValue( rawLocalFontSize ) && hasValue( rawInheritedFontSize );\n\n\t// Extract the slug from the CSS custom property if it exists.\n\tconst extractSlug = ( rawValue ) => {\n\t\tif ( ! rawValue || typeof rawValue !== 'string' ) {\n\t\t\treturn undefined;\n\t\t}\n\t\t// Block supports use `var:preset` format.\n\t\tif ( rawValue.startsWith( 'var:preset|font-size|' ) ) {\n\t\t\treturn rawValue.replace( 'var:preset|font-size|', '' );\n\t\t}\n\t\t// Global styles data uses `var(--wp--preset)` format.\n\t\tconst cssVarMatch = rawValue.match(\n\t\t\t/^var\\(--wp--preset--font-size--([^)]+)\\)$/\n\t\t);\n\t\tif ( cssVarMatch ) {\n\t\t\treturn cssVarMatch[ 1 ];\n\t\t}\n\t\treturn undefined;\n\t};\n\tconst currentFontSizeSlug = extractSlug( rawFontSizeForDisplay );\n\tconst inheritedFontSizeSlug = extractSlug( rawInheritedFontSize );\n\n\tconst setFontSize = ( newValue, metadata ) => {\n\t\tconst actualValue = !! metadata?.slug\n\t\t\t? `var:preset|font-size|${ metadata?.slug }`\n\t\t\t: newValue;\n\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'fontSize' ],\n\t\t\t\thasValue( actualValue ) ? actualValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\t// Display-without-commit interceptor: at-rest, the inner\n\t// `FontSizePickerToggleGroup` fires `onChange( undefined )` when the\n\t// user activates the already-preselected (inherited) chip. Treat\n\t// that as the user's \"accept this inherited value\" affordance and\n\t// commit the inherited value to local. Once committed (no longer\n\t// at-rest), the same `undefined` payload represents a normal\n\t// deselect, so we let it pass through unchanged. The custom-size\n\t// input does not emit `undefined` on focus or activation, so this\n\t// hook is correctly scoped to the ToggleGroup activation path.\n\tconst setFontSizeWithInheritedCommit = ( newValue, metadata ) => {\n\t\tif ( isFontSizePlaceholder && newValue === undefined && ! metadata ) {\n\t\t\tif ( inheritedFontSizeSlug ) {\n\t\t\t\tsetFontSize( undefined, { slug: inheritedFontSizeSlug } );\n\t\t\t} else {\n\t\t\t\tsetFontSize( inheritedFontSizeDecoded );\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tsetFontSize( newValue, metadata );\n\t};\n\tconst hasFontSize = () => hasValue( value?.typography?.fontSize );\n\tconst resetFontSize = () => setFontSize( undefined );\n\n\t// Appearance\n\tconst hasAppearanceControl = useHasAppearanceControl( settings );\n\tconst appearanceControlLabel = useAppearanceControlLabel( settings );\n\tconst hasFontStyles = settings?.typography?.fontStyle;\n\tconst hasFontWeights = settings?.typography?.fontWeight;\n\t// Render local-then-inherited; placeholder fires only when both\n\t// local leaves are unset and at least one inherited leaf exists.\n\tconst inheritedFontStyle = decodeValue(\n\t\tinheritedValue?.typography?.fontStyle\n\t);\n\tconst inheritedFontWeight = decodeValue(\n\t\tinheritedValue?.typography?.fontWeight\n\t);\n\tconst fontStyle =\n\t\tdecodeValue( value?.typography?.fontStyle ) ?? inheritedFontStyle;\n\tconst fontWeight =\n\t\tdecodeValue( value?.typography?.fontWeight ) ?? inheritedFontWeight;\n\tconst isFontAppearancePlaceholder =\n\t\t! hasValue( value?.typography?.fontStyle ) &&\n\t\t! hasValue( value?.typography?.fontWeight ) &&\n\t\t( hasValue( inheritedFontStyle ) || hasValue( inheritedFontWeight ) );\n\tconst setFontAppearance = useCallback(\n\t\t( { fontStyle: newFontStyle, fontWeight: newFontWeight } ) => {\n\t\t\t// Only update the font style and weight if they have changed.\n\t\t\tif ( newFontStyle !== fontStyle || newFontWeight !== fontWeight ) {\n\t\t\t\tonChange( {\n\t\t\t\t\t...value,\n\t\t\t\t\ttypography: {\n\t\t\t\t\t\t...value?.typography,\n\t\t\t\t\t\tfontStyle: hasValue( newFontStyle )\n\t\t\t\t\t\t\t? newFontStyle\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\tfontWeight: hasValue( newFontWeight )\n\t\t\t\t\t\t\t? newFontWeight\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ fontStyle, fontWeight, onChange, value ]\n\t);\n\t// Display-without-commit interceptor for FontAppearance: when the\n\t// control is at rest (no local override, displaying the inherited\n\t// font style/weight), activating the already-preselected option\n\t// would otherwise be swallowed by the equality short-circuit in\n\t// `setFontAppearance`. Treat that activation as the user's\n\t// \"accept this inherited value\" affordance and commit the\n\t// inherited values to local explicitly.\n\tconst setFontAppearanceWithInheritedCommit = useCallback(\n\t\t( next ) => {\n\t\t\tif (\n\t\t\t\tisFontAppearancePlaceholder &&\n\t\t\t\tnext.fontStyle === fontStyle &&\n\t\t\t\tnext.fontWeight === fontWeight\n\t\t\t) {\n\t\t\t\tonChange( {\n\t\t\t\t\t...value,\n\t\t\t\t\ttypography: {\n\t\t\t\t\t\t...value?.typography,\n\t\t\t\t\t\tfontStyle: hasValue( fontStyle )\n\t\t\t\t\t\t\t? fontStyle\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\tfontWeight: hasValue( fontWeight )\n\t\t\t\t\t\t\t? fontWeight\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t},\n\t\t\t\t} );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetFontAppearance( next );\n\t\t},\n\t\t[\n\t\t\tisFontAppearancePlaceholder,\n\t\t\tfontStyle,\n\t\t\tfontWeight,\n\t\t\tonChange,\n\t\t\tvalue,\n\t\t\tsetFontAppearance,\n\t\t]\n\t);\n\tconst hasFontAppearance = () =>\n\t\thasValue( value?.typography?.fontStyle ) ||\n\t\thasValue( value?.typography?.fontWeight );\n\tconst resetFontAppearance = useCallback( () => {\n\t\tsetFontAppearance( {} );\n\t}, [ setFontAppearance ] );\n\n\t// Line Height\n\tconst hasLineHeightEnabled = useHasLineHeightControl( settings );\n\tconst localLineHeight = decodeValue( value?.typography?.lineHeight );\n\tconst inheritedLineHeight = decodeValue(\n\t\tinheritedValue?.typography?.lineHeight\n\t);\n\tconst isLineHeightPlaceholder =\n\t\t! hasValue( value?.typography?.lineHeight ) &&\n\t\thasValue( inheritedLineHeight );\n\tconst setLineHeight = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'lineHeight' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasLineHeight = () => hasValue( value?.typography?.lineHeight );\n\tconst resetLineHeight = () => setLineHeight( undefined );\n\n\t// Letter Spacing\n\tconst hasLetterSpacingControl = useHasLetterSpacingControl( settings );\n\tconst localLetterSpacing = decodeValue( value?.typography?.letterSpacing );\n\tconst inheritedLetterSpacing = decodeValue(\n\t\tinheritedValue?.typography?.letterSpacing\n\t);\n\tconst isLetterSpacingPlaceholder =\n\t\t! hasValue( value?.typography?.letterSpacing ) &&\n\t\thasValue( inheritedLetterSpacing );\n\tconst setLetterSpacing = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'letterSpacing' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasLetterSpacing = () => hasValue( value?.typography?.letterSpacing );\n\tconst resetLetterSpacing = () => setLetterSpacing( undefined );\n\n\t// Text Indent\n\tconst hasTextIndentControl = useHasTextIndentControl( settings );\n\tconst localTextIndent = decodeValue( value?.typography?.textIndent );\n\tconst inheritedTextIndent = decodeValue(\n\t\tinheritedValue?.typography?.textIndent\n\t);\n\tconst isTextIndentPlaceholder =\n\t\t! hasValue( value?.typography?.textIndent ) &&\n\t\thasValue( inheritedTextIndent );\n\n\t// Get the setting value - can be 'subsequent' (default), 'all', or false.\n\t// The setting determines which CSS selector is used for the text-indent style.\n\tconst textIndentSetting = settings?.typography?.textIndent ?? 'subsequent';\n\tconst isTextIndentAll = textIndentSetting === 'all';\n\n\tconst setTextIndentValue = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textIndent' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\n\tconst onToggleTextIndentAll = ( newValue ) => {\n\t\t// Toggle between 'all' and 'subsequent' for the setting.\n\t\t// Include the settings change so it can be handled atomically by the parent.\n\t\tonChange( {\n\t\t\t...value,\n\t\t\tsettings: {\n\t\t\t\ttypography: {\n\t\t\t\t\ttextIndent: newValue ? 'all' : 'subsequent',\n\t\t\t\t},\n\t\t\t},\n\t\t} );\n\t};\n\n\tconst hasTextIndent = () => hasValue( value?.typography?.textIndent );\n\tconst resetTextIndent = () => {\n\t\tonChange(\n\t\t\tsetImmutably( value, [ 'typography', 'textIndent' ], undefined )\n\t\t);\n\t};\n\tconst textIndentHelp = isTextIndentAll\n\t\t? __( 'Indents the first line of all paragraphs.' )\n\t\t: __( 'Indents the first line of each paragraph after the first one.' );\n\n\t// Text Columns\n\tconst hasTextColumnsControl = useHasTextColumnsControl( settings );\n\tconst localTextColumns = decodeValue( value?.typography?.textColumns );\n\tconst inheritedTextColumns = decodeValue(\n\t\tinheritedValue?.typography?.textColumns\n\t);\n\tconst isTextColumnsPlaceholder =\n\t\t! hasValue( value?.typography?.textColumns ) &&\n\t\thasValue( inheritedTextColumns );\n\tconst setTextColumns = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textColumns' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasTextColumns = () => hasValue( value?.typography?.textColumns );\n\tconst resetTextColumns = () => setTextColumns( undefined );\n\n\t// Text Transform\n\tconst hasTextTransformControl = useHasTextTransformControl( settings );\n\tconst inheritedTextTransform = decodeValue(\n\t\tinheritedValue?.typography?.textTransform\n\t);\n\tconst textTransform =\n\t\tdecodeValue( value?.typography?.textTransform ) ??\n\t\tinheritedTextTransform;\n\tconst isTextTransformPlaceholder =\n\t\t! hasValue( value?.typography?.textTransform ) &&\n\t\thasValue( inheritedTextTransform );\n\tconst setTextTransform = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textTransform' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\t// Display-without-commit interceptor: when at-rest, the inner\n\t// `ToggleGroupControl` fires `onChange( undefined )` if the user\n\t// activates the already-preselected (inherited) option. We treat\n\t// that activation as the user's \"accept this inherited value\"\n\t// affordance and commit the inherited value to local. When\n\t// committed (no longer at-rest), the same `undefined` payload\n\t// represents a normal `isDeselectable` deselect, so we let it pass\n\t// through unchanged.\n\tconst setTextTransformWithInheritedCommit = ( newValue ) => {\n\t\tif ( isTextTransformPlaceholder && newValue === undefined ) {\n\t\t\tsetTextTransform( inheritedTextTransform );\n\t\t\treturn;\n\t\t}\n\t\tsetTextTransform( newValue );\n\t};\n\tconst hasTextTransform = () => hasValue( value?.typography?.textTransform );\n\tconst resetTextTransform = () => setTextTransform( undefined );\n\n\t// Text Decoration\n\tconst hasTextDecorationControl = useHasTextDecorationControl( settings );\n\tconst inheritedTextDecoration = decodeValue(\n\t\tinheritedValue?.typography?.textDecoration\n\t);\n\tconst textDecoration =\n\t\tdecodeValue( value?.typography?.textDecoration ) ??\n\t\tinheritedTextDecoration;\n\tconst isTextDecorationPlaceholder =\n\t\t! hasValue( value?.typography?.textDecoration ) &&\n\t\thasValue( inheritedTextDecoration );\n\tconst setTextDecoration = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textDecoration' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst setTextDecorationWithInheritedCommit = ( newValue ) => {\n\t\tif ( isTextDecorationPlaceholder && newValue === undefined ) {\n\t\t\tsetTextDecoration( inheritedTextDecoration );\n\t\t\treturn;\n\t\t}\n\t\tsetTextDecoration( newValue );\n\t};\n\tconst hasTextDecoration = () =>\n\t\thasValue( value?.typography?.textDecoration );\n\tconst resetTextDecoration = () => setTextDecoration( undefined );\n\n\t// Text Orientation\n\tconst hasWritingModeControl = useHasWritingModeControl( settings );\n\tconst inheritedWritingMode = decodeValue(\n\t\tinheritedValue?.typography?.writingMode\n\t);\n\tconst writingMode =\n\t\tdecodeValue( value?.typography?.writingMode ) ?? inheritedWritingMode;\n\tconst isWritingModePlaceholder =\n\t\t! hasValue( value?.typography?.writingMode ) &&\n\t\thasValue( inheritedWritingMode );\n\tconst setWritingMode = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'writingMode' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst setWritingModeWithInheritedCommit = ( newValue ) => {\n\t\tif ( isWritingModePlaceholder && newValue === undefined ) {\n\t\t\tsetWritingMode( inheritedWritingMode );\n\t\t\treturn;\n\t\t}\n\t\tsetWritingMode( newValue );\n\t};\n\tconst hasWritingMode = () => hasValue( value?.typography?.writingMode );\n\tconst resetWritingMode = () => setWritingMode( undefined );\n\n\t// Text Alignment\n\tconst hasTextAlignmentControl = useHasTextAlignmentControl( settings );\n\n\tconst inheritedTextAlign = decodeValue(\n\t\tinheritedValue?.typography?.textAlign\n\t);\n\tconst textAlign =\n\t\tdecodeValue( value?.typography?.textAlign ) ?? inheritedTextAlign;\n\tconst isTextAlignPlaceholder =\n\t\t! hasValue( value?.typography?.textAlign ) &&\n\t\thasValue( inheritedTextAlign );\n\tconst setTextAlign = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textAlign' ],\n\t\t\t\thasValue( newValue ) ? newValue : undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst setTextAlignWithInheritedCommit = ( newValue ) => {\n\t\tif ( isTextAlignPlaceholder && newValue === undefined ) {\n\t\t\tsetTextAlign( inheritedTextAlign );\n\t\t\treturn;\n\t\t}\n\t\tsetTextAlign( newValue );\n\t};\n\tconst hasTextAlign = () => hasValue( value?.typography?.textAlign );\n\tconst resetTextAlign = () => setTextAlign( undefined );\n\n\tconst resetAllFilter = useCallback(\n\t\t( previousValue ) => {\n\t\t\tif ( ! hasTextColorEnabled ) {\n\t\t\t\treturn {\n\t\t\t\t\t...previousValue,\n\t\t\t\t\ttypography: {},\n\t\t\t\t};\n\t\t\t}\n\t\t\treturn {\n\t\t\t\t...previousValue,\n\t\t\t\ttypography: {},\n\t\t\t\tcolor: {\n\t\t\t\t\t...previousValue?.color,\n\t\t\t\t\ttext: undefined,\n\t\t\t\t},\n\t\t\t};\n\t\t},\n\t\t[ hasTextColorEnabled ]\n\t);\n\n\treturn (\n\t\t<Wrapper\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t{ hasTextColorEnabled && (\n\t\t\t\t<ColorGradientDropdownItem\n\t\t\t\t\tlabel={ __( 'Color' ) }\n\t\t\t\t\thasValue={ hasTextColorValue }\n\t\t\t\t\tresetValue={ resetTextColor }\n\t\t\t\t\tisShownByDefault={ defaultControls.textColor }\n\t\t\t\t\tindicators={ [ userTextColor ?? textColor ] }\n\t\t\t\t\tcontrastWarning={ contrastWarning }\n\t\t\t\t\tshowInheritanceLabelIndicators={\n\t\t\t\t\t\tshowInheritanceLabelIndicators\n\t\t\t\t\t}\n\t\t\t\t\tisPlaceholder={\n\t\t\t\t\t\tuserTextColor === undefined && textColor !== undefined\n\t\t\t\t\t}\n\t\t\t\t\thasInheritedValue={ textColor !== undefined }\n\t\t\t\t\ttabs={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: 'text',\n\t\t\t\t\t\t\tlabel: __( 'Color' ),\n\t\t\t\t\t\t\tinheritedValue: textColor,\n\t\t\t\t\t\t\tinheritedSlug: extractPresetSlug(\n\t\t\t\t\t\t\t\tinheritedValue?.color?.text,\n\t\t\t\t\t\t\t\t'color'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tuserSlug: extractPresetSlug(\n\t\t\t\t\t\t\t\tvalue?.color?.text,\n\t\t\t\t\t\t\t\t'color'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tsetValue: setTextColor,\n\t\t\t\t\t\t\tuserValue: userTextColor,\n\t\t\t\t\t\t\tisPlaceholder:\n\t\t\t\t\t\t\t\tuserTextColor === undefined &&\n\t\t\t\t\t\t\t\ttextColor !== undefined,\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tcolorGradientControlSettings={ {\n\t\t\t\t\t\tcolors,\n\t\t\t\t\t\tdisableCustomColors: ! areCustomSolidsEnabled,\n\t\t\t\t\t} }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFontFamilyEnabled && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisFontFamilyPlaceholder,\n\t\t\t\t\t\thasFontFamily() && inheritedFontFamily !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Font' ) }\n\t\t\t\t\thasValue={ hasFontFamily }\n\t\t\t\t\tonDeselect={ resetFontFamily }\n\t\t\t\t\tisShownByDefault={ defaultControls.fontFamily }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<FontFamilyControl\n\t\t\t\t\t\tfontFamilies={ fontFamilies }\n\t\t\t\t\t\tvalue={ fontFamily }\n\t\t\t\t\t\tonChange={ setFontFamily }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasFontSizeEnabled && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisFontSizePlaceholder,\n\t\t\t\t\t\thasFontSize() && rawInheritedFontSize !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Size' ) }\n\t\t\t\t\thasValue={ hasFontSize }\n\t\t\t\t\thasInlineEndToggle\n\t\t\t\t\tonDeselect={ resetFontSize }\n\t\t\t\t\tisShownByDefault={ defaultControls.fontSize }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<FontSizePicker\n\t\t\t\t\t\tvalue={ currentFontSizeSlug || fontSize }\n\t\t\t\t\t\tvalueMode={ currentFontSizeSlug ? 'slug' : 'literal' }\n\t\t\t\t\t\tonChange={ setFontSizeWithInheritedCommit }\n\t\t\t\t\t\tfontSizes={ mergedFontSizes }\n\t\t\t\t\t\tdisableCustomFontSizes={ disableCustomFontSizes }\n\t\t\t\t\t\twithReset={ false }\n\t\t\t\t\t\twithSlider\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasAppearanceControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisFontAppearancePlaceholder,\n\t\t\t\t\t\thasFontAppearance() &&\n\t\t\t\t\t\t\t( inheritedFontStyle !== undefined ||\n\t\t\t\t\t\t\t\tinheritedFontWeight !== undefined )\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ appearanceControlLabel }\n\t\t\t\t\thasValue={ hasFontAppearance }\n\t\t\t\t\tonDeselect={ resetFontAppearance }\n\t\t\t\t\tisShownByDefault={ defaultControls.fontAppearance }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<FontAppearanceControl\n\t\t\t\t\t\tvalue={ {\n\t\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ setFontAppearanceWithInheritedCommit }\n\t\t\t\t\t\thasFontStyles={ hasFontStyles }\n\t\t\t\t\t\thasFontWeights={ hasFontWeights }\n\t\t\t\t\t\tfontFamilyFaces={ fontFamilyFaces }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasLineHeightEnabled && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisLineHeightPlaceholder,\n\t\t\t\t\t\thasLineHeight() && inheritedLineHeight !== undefined,\n\t\t\t\t\t\t'single-column'\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\t\thasValue={ hasLineHeight }\n\t\t\t\t\tonDeselect={ resetLineHeight }\n\t\t\t\t\tisShownByDefault={ defaultControls.lineHeight }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<LineHeightControl\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t\tvalue={ localLineHeight ?? inheritedLineHeight }\n\t\t\t\t\t\tonChange={ setLineHeight }\n\t\t\t\t\t\t// Only override the placeholder when there is an\n\t\t\t\t\t\t// inherited value to surface. Passing `undefined` would\n\t\t\t\t\t\t// clobber `LineHeightControl`'s own `BASE_DEFAULT_VALUE`\n\t\t\t\t\t\t// (1.5) placeholder.\n\t\t\t\t\t\t{ ...( isLineHeightPlaceholder\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\tplaceholder:\n\t\t\t\t\t\t\t\t\t\tgetNumericPlaceholder(\n\t\t\t\t\t\t\t\t\t\t\tinheritedLineHeight\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: {} ) }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasLetterSpacingControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisLetterSpacingPlaceholder,\n\t\t\t\t\t\thasLetterSpacing() &&\n\t\t\t\t\t\t\tinheritedLetterSpacing !== undefined,\n\t\t\t\t\t\t'single-column'\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\t\t\thasValue={ hasLetterSpacing }\n\t\t\t\t\tonDeselect={ resetLetterSpacing }\n\t\t\t\t\tisShownByDefault={ defaultControls.letterSpacing }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<LetterSpacingControl\n\t\t\t\t\t\t// Local-then-inherited: render the inherited value as\n\t\t\t\t\t\t// the control's value at rest so the unit parses from\n\t\t\t\t\t\t// it (e.g. \"0.02em\" keeps the em unit rather than the\n\t\t\t\t\t\t// value string sitting behind a default px unit). It is\n\t\t\t\t\t\t// only written to local on user change. Matches the\n\t\t\t\t\t\t// ToggleGroup/FontSize controls rather than the\n\t\t\t\t\t\t// native-placeholder pattern.\n\t\t\t\t\t\tvalue={ localLetterSpacing ?? inheritedLetterSpacing }\n\t\t\t\t\t\tonChange={ setLetterSpacing }\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tisLetterSpacingPlaceholder\n\t\t\t\t\t\t\t\t? getNumericPlaceholder(\n\t\t\t\t\t\t\t\t\t\tinheritedLetterSpacing\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextIndentControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisTextIndentPlaceholder,\n\t\t\t\t\t\thasTextIndent() && inheritedTextIndent !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Line indent' ) }\n\t\t\t\t\thasValue={ hasTextIndent }\n\t\t\t\t\tonDeselect={ resetTextIndent }\n\t\t\t\t\tisShownByDefault={ defaultControls.textIndent }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<TextIndentControl\n\t\t\t\t\t\t// Local-then-inherited: render the inherited value as\n\t\t\t\t\t\t// the control's value at rest so the UnitControl parses\n\t\t\t\t\t\t// and shows the inherited unit (e.g. `1.5em` selects the\n\t\t\t\t\t\t// `em` unit) instead of a raw string in the placeholder\n\t\t\t\t\t\t// while the unit stays at the default `px`. Written to\n\t\t\t\t\t\t// local only on user change.\n\t\t\t\t\t\tvalue={ localTextIndent ?? inheritedTextIndent }\n\t\t\t\t\t\tonChange={ setTextIndentValue }\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t\twithSlider\n\t\t\t\t\t\thasBottomMargin={ isGlobalStyles }\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tisTextIndentPlaceholder\n\t\t\t\t\t\t\t\t? getNumericPlaceholder( inheritedTextIndent )\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t{ isGlobalStyles && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Indent all paragraphs' ) }\n\t\t\t\t\t\t\tchecked={ isTextIndentAll }\n\t\t\t\t\t\t\tonChange={ onToggleTextIndentAll }\n\t\t\t\t\t\t\thelp={ textIndentHelp }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextColumnsControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisTextColumnsPlaceholder,\n\t\t\t\t\t\thasTextColumns() && inheritedTextColumns !== undefined,\n\t\t\t\t\t\t'single-column'\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\thasValue={ hasTextColumns }\n\t\t\t\t\tonDeselect={ resetTextColumns }\n\t\t\t\t\tisShownByDefault={ defaultControls.textColumns }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\tmax={ MAX_TEXT_COLUMNS }\n\t\t\t\t\t\tmin={ MIN_TEXT_COLUMNS }\n\t\t\t\t\t\tonChange={ setTextColumns }\n\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\tisTextColumnsPlaceholder\n\t\t\t\t\t\t\t\t? inheritedTextColumns\n\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t}\n\t\t\t\t\t\tspinControls=\"custom\"\n\t\t\t\t\t\tvalue={ localTextColumns }\n\t\t\t\t\t\tinitialPosition={ 1 }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextDecorationControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisTextDecorationPlaceholder,\n\t\t\t\t\t\thasTextDecoration() &&\n\t\t\t\t\t\t\tinheritedTextDecoration !== undefined,\n\t\t\t\t\t\t'single-column'\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Decoration' ) }\n\t\t\t\t\thasValue={ hasTextDecoration }\n\t\t\t\t\tonDeselect={ resetTextDecoration }\n\t\t\t\t\tisShownByDefault={ defaultControls.textDecoration }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<TextDecorationControl\n\t\t\t\t\t\tvalue={ textDecoration }\n\t\t\t\t\t\tonChange={ setTextDecorationWithInheritedCommit }\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasWritingModeControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisWritingModePlaceholder,\n\t\t\t\t\t\thasWritingMode() && inheritedWritingMode !== undefined,\n\t\t\t\t\t\t'single-column'\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Orientation' ) }\n\t\t\t\t\thasValue={ hasWritingMode }\n\t\t\t\t\tonDeselect={ resetWritingMode }\n\t\t\t\t\tisShownByDefault={ defaultControls.writingMode }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<WritingModeControl\n\t\t\t\t\t\tvalue={ writingMode }\n\t\t\t\t\t\tonChange={ setWritingModeWithInheritedCommit }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextTransformControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisTextTransformPlaceholder,\n\t\t\t\t\t\thasTextTransform() &&\n\t\t\t\t\t\t\tinheritedTextTransform !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Letter case' ) }\n\t\t\t\t\thasValue={ hasTextTransform }\n\t\t\t\t\tonDeselect={ resetTextTransform }\n\t\t\t\t\tisShownByDefault={ defaultControls.textTransform }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<TextTransformControl\n\t\t\t\t\t\tvalue={ textTransform }\n\t\t\t\t\t\tonChange={ setTextTransformWithInheritedCommit }\n\t\t\t\t\t\tshowNone\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextAlignmentControl && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisTextAlignPlaceholder,\n\t\t\t\t\t\thasTextAlign() && inheritedTextAlign !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Text alignment' ) }\n\t\t\t\t\thasValue={ hasTextAlign }\n\t\t\t\t\tonDeselect={ resetTextAlign }\n\t\t\t\t\tisShownByDefault={ defaultControls.textAlign }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<TextAlignmentControl\n\t\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\t\tonChange={ setTextAlignWithInheritedCommit }\n\t\t\t\t\t\toptions={ [ 'left', 'center', 'right', 'justify' ] }\n\t\t\t\t\t/>\n\n\t\t\t\t\t{ textAlign === 'justify' && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Notice status=\"warning\" isDismissible={ false }>\n\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t'Justified text can reduce readability. For better accessibility, use left-aligned text instead.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</Notice>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],
   "mappings": "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",
   "names": []

package/build-module/components/grid/grid-item-movers.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/grid/grid-item-movers.js
+// packages/block-editor/src/components/grid/grid-item-movers.jsx
 import clsx from "clsx";
 import { __, isRTL } from "@wordpress/i18n";
 import { ToolbarButton, ToolbarGroup } from "@wordpress/components";

package/build-module/components/grid/grid-item-movers.mjs.map CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/grid/grid-item-movers.js"],
+  "sources": ["../../../src/components/grid/grid-item-movers.jsx"],
   "sourcesContent": ["import clsx from 'clsx';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { ToolbarButton, ToolbarGroup } from '@wordpress/components';\nimport { VisuallyHidden } from '@wordpress/ui';\nimport {\n\tchevronLeft,\n\tchevronUp,\n\tchevronDown,\n\tchevronRight,\n} from '@wordpress/icons';\nimport { useDispatch } from '@wordpress/data';\nimport { useInstanceId } from '@wordpress/compose';\nimport BlockControls from '../block-controls';\nimport { useGetNumberOfBlocksBeforeCell } from './use-get-number-of-blocks-before-cell';\nimport { store as blockEditorStore } from '../../store';\n\nexport function GridItemMovers( {\n\tlayout,\n\tparentLayout,\n\tonChange,\n\tgridClientId,\n\tblockClientId,\n} ) {\n\tconst { moveBlocksToPosition, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst columnStart = layout?.columnStart ?? 1;\n\tconst rowStart = layout?.rowStart ?? 1;\n\tconst columnSpan = layout?.columnSpan ?? 1;\n\tconst rowSpan = layout?.rowSpan ?? 1;\n\tconst columnEnd = columnStart + columnSpan - 1;\n\tconst rowEnd = rowStart + rowSpan - 1;\n\tconst columnCount = parentLayout?.columnCount;\n\tconst rowCount = parentLayout?.rowCount;\n\n\tconst getNumberOfBlocksBeforeCell = useGetNumberOfBlocksBeforeCell(\n\t\tgridClientId,\n\t\tcolumnCount\n\t);\n\n\treturn (\n\t\t<BlockControls group=\"parent\">\n\t\t\t<ToolbarGroup className=\"block-editor-grid-item-mover__move-button-container\">\n\t\t\t\t<div className=\"block-editor-grid-item-mover__move-horizontal-button-container is-left\">\n\t\t\t\t\t<GridItemMover\n\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\tlabel={ __( 'Move left' ) }\n\t\t\t\t\t\tdescription={ __( 'Move left' ) }\n\t\t\t\t\t\tisDisabled={ columnStart <= 1 }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\tcolumnStart: columnStart - 1,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\t\t\t[ blockClientId ],\n\t\t\t\t\t\t\t\tgridClientId,\n\t\t\t\t\t\t\t\tgridClientId,\n\t\t\t\t\t\t\t\tgetNumberOfBlocksBeforeCell(\n\t\t\t\t\t\t\t\t\tcolumnStart - 1,\n\t\t\t\t\t\t\t\t\trowStart\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/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"block-editor-grid-item-mover__move-vertical-button-container\">\n\t\t\t\t\t<GridItemMover\n\t\t\t\t\t\tclassName=\"is-up-button\"\n\t\t\t\t\t\ticon={ chevronUp }\n\t\t\t\t\t\tlabel={ __( 'Move up' ) }\n\t\t\t\t\t\tdescription={ __( 'Move up' ) }\n\t\t\t\t\t\tisDisabled={ rowStart <= 1 }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\trowStart: rowStart - 1,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\t\t\t[ blockClientId ],\n\t\t\t\t\t\t\t\tgridClientId,\n\t\t\t\t\t\t\t\tgridClientId,\n\t\t\t\t\t\t\t\tgetNumberOfBlocksBeforeCell(\n\t\t\t\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\t\t\t\trowStart - 1\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/>\n\t\t\t\t\t<GridItemMover\n\t\t\t\t\t\tclassName=\"is-down-button\"\n\t\t\t\t\t\ticon={ chevronDown }\n\t\t\t\t\t\tlabel={ __( 'Move down' ) }\n\t\t\t\t\t\tdescription={ __( 'Move down' ) }\n\t\t\t\t\t\tisDisabled={ rowCount && rowEnd >= rowCount }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\trowStart: rowStart + 1,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\t\t\t[ blockClientId ],\n\t\t\t\t\t\t\t\tgridClientId,\n\t\t\t\t\t\t\t\tgridClientId,\n\t\t\t\t\t\t\t\tgetNumberOfBlocksBeforeCell(\n\t\t\t\t\t\t\t\t\tcolumnStart,\n\t\t\t\t\t\t\t\t\trowStart + 1\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/>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"block-editor-grid-item-mover__move-horizontal-button-container is-right\">\n\t\t\t\t\t<GridItemMover\n\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\tlabel={ __( 'Move right' ) }\n\t\t\t\t\t\tdescription={ __( 'Move right' ) }\n\t\t\t\t\t\tisDisabled={ columnCount && columnEnd >= columnCount }\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\tcolumnStart: columnStart + 1,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\t\t\t[ blockClientId ],\n\t\t\t\t\t\t\t\tgridClientId,\n\t\t\t\t\t\t\t\tgridClientId,\n\t\t\t\t\t\t\t\tgetNumberOfBlocksBeforeCell(\n\t\t\t\t\t\t\t\t\tcolumnStart + 1,\n\t\t\t\t\t\t\t\t\trowStart\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/>\n\t\t\t\t</div>\n\t\t\t</ToolbarGroup>\n\t\t</BlockControls>\n\t);\n}\n\nfunction GridItemMover( {\n\tclassName,\n\ticon,\n\tlabel,\n\tisDisabled,\n\tonClick,\n\tdescription,\n} ) {\n\tconst instanceId = useInstanceId( GridItemMover );\n\tconst descriptionId = `block-editor-grid-item-mover-button__description-${ instanceId }`;\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'block-editor-grid-item-mover-button',\n\t\t\t\t\tclassName\n\t\t\t\t) }\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={ label }\n\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\tonClick={ isDisabled ? null : onClick }\n\t\t\t\tdisabled={ isDisabled }\n\t\t\t\taccessibleWhenDisabled\n\t\t\t/>\n\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t{ description }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],
   "mappings": "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",
   "names": []

package/build-module/components/grid/grid-item-resizer.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-// packages/block-editor/src/components/grid/grid-item-resizer.js
+// packages/block-editor/src/components/grid/grid-item-resizer.jsx
 import { ResizableBox } from "@wordpress/components";
 import { useState, useEffect } from "@wordpress/element";
 import { useBlockElement } from "../block-list/use-block-props/use-block-refs.mjs";