@wordpress/block-editor 12.10.6 → 12.11.1

package/build/components/global-styles/dimensions-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_i18n","_components","_icons","_utils","_spacingSizesControl","_heightControl","_childLayoutControl","_utils2","_object","AXIAL_SIDES","useHasDimensionsPanel","settings","hasContentSize","useHasContentSize","hasWideSize","useHasWideSize","hasPadding","useHasPadding","hasMargin","useHasMargin","hasGap","useHasGap","hasMinHeight","useHasMinHeight","hasChildLayout","useHasChildLayout","Platform","OS","layout","contentSize","wideSize","spacing","padding","margin","blockGap","dimensions","minHeight","_settings$parentLayou","type","parentLayoutType","default","defaultParentLayoutType","allowSizingOnChildren","parentLayout","support","useHasSpacingPresets","_ref","_ref2","custom","theme","defaultPresets","spacingSizes","presets","length","filterValuesBySides","values","sides","filteredValues","forEach","side","top","bottom","left","right","splitStyleValue","value","splitGapValue","DimensionsToolsPanel","resetAllFilter","onChange","panelId","children","resetAll","updatedValue","createElement","__experimentalToolsPanel","label","__","DEFAULT_CONTROLS","childLayout","DimensionsPanel","as","Wrapper","inheritedValue","defaultControls","onVisualize","includeLayoutControls","_settings$parentLayou2","_defaultControls$cont","_defaultControls$wide","_defaultControls$padd","_defaultControls$marg","_defaultControls$bloc","_defaultControls$minH","_defaultControls$chil","decodeValue","rawValue","Object","keys","reduce","acc","key","getValueFromVariable","showSpacingPresetsControl","units","useCustomUnits","availableUnits","showContentSizeControl","contentSizeValue","setContentSizeValue","newValue","setImmutably","undefined","hasUserSetContentSizeValue","resetContentSizeValue","showWideSizeControl","wideSizeValue","setWideSizeValue","hasUserSetWideSizeValue","resetWideSizeValue","showPaddingControl","rawPadding","paddingValues","paddingSides","Array","isArray","isAxialPadding","some","includes","setPaddingValues","newPaddingValues","hasPaddingValue","resetPaddingValue","onMouseOverPadding","showMarginControl","rawMargin","marginValues","marginSides","isAxialMargin","setMarginValues","newMarginValues","hasMarginValue","resetMarginValue","onMouseOverMargin","showGapControl","gapValue","gapValues","gapSides","isAxialGap","setGapValue","newGapValue","setGapValues","nextBoxGapValue","hasOwnProperty","resetGapValue","hasGapValue","showMinHeightControl","minHeightValue","setMinHeightValue","resetMinHeightValue","hasMinHeightValue","showChildLayoutControl","orientation","childLayoutOrientationLabel","setChildLayout","newChildLayout","resetChildLayoutValue","selfStretch","flexSize","hasChildLayoutValue","useCallback","previousValue","cleanEmptyObject","onMouseLeaveControls","className","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","__experimentalHStack","alignment","justify","__experimentalUnitControl","labelPosition","__unstableInputWidth","nextContentSize","__experimentalView","Icon","icon","positionCenter","nextWideSize","stretchWide","classnames","__experimentalBoxControl","allowReset","splitOnAxis","onMouseOver","onMouseOut","min","showSideInLabel","__experimentalVStack","ToolsPanelItem"],"sources":["@wordpress/block-editor/src/components/global-styles/dimensions-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalBoxControl as BoxControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalView as View,\n} from '@wordpress/components';\nimport { Icon, positionCenter, stretchWide } from '@wordpress/icons';\nimport { useCallback, Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getValueFromVariable } from './utils';\nimport SpacingSizesControl from '../spacing-sizes-control';\nimport HeightControl from '../height-control';\nimport ChildLayoutControl from '../child-layout-control';\nimport { cleanEmptyObject } from '../../hooks/utils';\nimport { setImmutably } from '../../utils/object';\n\nconst AXIAL_SIDES = [ 'horizontal', 'vertical' ];\n\nexport function useHasDimensionsPanel( settings ) {\n\tconst hasContentSize = useHasContentSize( settings );\n\tconst hasWideSize = useHasWideSize( settings );\n\tconst hasPadding = useHasPadding( settings );\n\tconst hasMargin = useHasMargin( settings );\n\tconst hasGap = useHasGap( settings );\n\tconst hasMinHeight = useHasMinHeight( settings );\n\tconst hasChildLayout = useHasChildLayout( settings );\n\n\treturn (\n\t\tPlatform.OS === 'web' &&\n\t\t( hasContentSize ||\n\t\t\thasWideSize ||\n\t\t\thasPadding ||\n\t\t\thasMargin ||\n\t\t\thasGap ||\n\t\t\thasMinHeight ||\n\t\t\thasChildLayout )\n\t);\n}\n\nfunction useHasContentSize( settings ) {\n\treturn settings?.layout?.contentSize;\n}\n\nfunction useHasWideSize( settings ) {\n\treturn settings?.layout?.wideSize;\n}\n\nfunction useHasPadding( settings ) {\n\treturn settings?.spacing?.padding;\n}\n\nfunction useHasMargin( settings ) {\n\treturn settings?.spacing?.margin;\n}\n\nfunction useHasGap( settings ) {\n\treturn settings?.spacing?.blockGap;\n}\n\nfunction useHasMinHeight( settings ) {\n\treturn settings?.dimensions?.minHeight;\n}\n\nfunction useHasChildLayout( settings ) {\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' || parentLayoutType === 'flex' ) &&\n\t\tallowSizingOnChildren;\n\n\treturn !! settings?.layout && support;\n}\n\nfunction useHasSpacingPresets( settings ) {\n\tconst {\n\t\tcustom,\n\t\ttheme,\n\t\tdefault: defaultPresets,\n\t} = settings?.spacing?.spacingSizes || {};\n\tconst presets = custom ?? theme ?? defaultPresets ?? [];\n\n\treturn presets.length > 0;\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\nfunction splitStyleValue( value ) {\n\t// Check for shorthand value (a string value).\n\tif ( 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\nfunction splitGapValue( value ) {\n\t// Check for shorthand value (a string value).\n\tif ( value && typeof value === 'string' ) {\n\t\t// If the value is a string, treat it as a single side (top) for the spacing controls.\n\t\treturn {\n\t\t\ttop: value,\n\t\t};\n\t}\n\n\tif ( value ) {\n\t\treturn {\n\t\t\t...value,\n\t\t\tright: value?.left,\n\t\t\tbottom: value?.top,\n\t\t};\n\t}\n\n\treturn value;\n}\n\nfunction DimensionsToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\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>\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\tminHeight: 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} ) {\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\n\tconst showSpacingPresetsControl = useHasSpacingPresets( 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// Content Size\n\tconst showContentSizeControl =\n\t\tuseHasContentSize( settings ) && includeLayoutControls;\n\tconst contentSizeValue = decodeValue( inheritedValue?.layout?.contentSize );\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\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasUserSetContentSizeValue = () => !! value?.layout?.contentSize;\n\tconst resetContentSizeValue = () => setContentSizeValue( undefined );\n\n\t// Wide Size\n\tconst showWideSizeControl =\n\t\tuseHasWideSize( settings ) && includeLayoutControls;\n\tconst wideSizeValue = decodeValue( inheritedValue?.layout?.wideSize );\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\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasUserSetWideSizeValue = () => !! value?.layout?.wideSize;\n\tconst resetWideSizeValue = () => setWideSizeValue( undefined );\n\n\t// Padding\n\tconst showPaddingControl = useHasPadding( settings );\n\tconst rawPadding = decodeValue( inheritedValue?.spacing?.padding );\n\tconst paddingValues = splitStyleValue( rawPadding );\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\t!! 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 = useHasMargin( settings );\n\tconst rawMargin = decodeValue( inheritedValue?.spacing?.margin );\n\tconst marginValues = splitStyleValue( rawMargin );\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\t!! 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 = useHasGap( settings );\n\tconst gapValue = decodeValue( inheritedValue?.spacing?.blockGap );\n\tconst gapValues = splitGapValue( gapValue );\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\tgapSides && gapSides.some( ( side ) => AXIAL_SIDES.includes( side ) );\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 ( ! 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 = () => !! value?.spacing?.blockGap;\n\n\t// Min Height\n\tconst showMinHeightControl = useHasMinHeight( settings );\n\tconst minHeightValue = decodeValue( inheritedValue?.dimensions?.minHeight );\n\tconst setMinHeightValue = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably( value, [ 'dimensions', 'minHeight' ], newValue )\n\t\t);\n\t};\n\tconst resetMinHeightValue = () => {\n\t\tsetMinHeightValue( undefined );\n\t};\n\tconst hasMinHeightValue = () => !! value?.dimensions?.minHeight;\n\n\t// Child Layout\n\tconst showChildLayoutControl = useHasChildLayout( settings );\n\tconst childLayout = inheritedValue?.layout;\n\tconst { orientation = 'horizontal' } = settings?.parentLayout ?? {};\n\tconst childLayoutOrientationLabel =\n\t\torientation === 'horizontal' ? __( 'Width' ) : __( 'Height' );\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\tconst resetChildLayoutValue = () => {\n\t\tsetChildLayout( {\n\t\t\tselfStretch: undefined,\n\t\t\tflexSize: undefined,\n\t\t} );\n\t};\n\tconst hasChildLayoutValue = () => !! value?.layout;\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} ),\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\tminHeight: undefined,\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<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Content size' ) }\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<HStack alignment=\"flex-end\" justify=\"flex-start\">\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tlabel={ __( 'Content' ) }\n\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\tvalue={ contentSizeValue || '' }\n\t\t\t\t\t\t\tonChange={ ( nextContentSize ) => {\n\t\t\t\t\t\t\t\tsetContentSizeValue( nextContentSize );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t<Icon icon={ positionCenter } />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</HStack>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showWideSizeControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Wide size' ) }\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<HStack alignment=\"flex-end\" justify=\"flex-start\">\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tlabel={ __( 'Wide' ) }\n\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\tvalue={ wideSizeValue || '' }\n\t\t\t\t\t\t\tonChange={ ( nextWideSize ) => {\n\t\t\t\t\t\t\t\tsetWideSizeValue( nextWideSize );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t<Icon icon={ stretchWide } />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</HStack>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showPaddingControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ hasPaddingValue }\n\t\t\t\t\tlabel={ __( 'Padding' ) }\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\tclassName={ classnames( {\n\t\t\t\t\t\t'tools-panel-item-spacing': showSpacingPresetsControl,\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={ 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\tsplitOnAxis={ isAxialPadding }\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\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showMarginControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ hasMarginValue }\n\t\t\t\t\tlabel={ __( 'Margin' ) }\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\tclassName={ classnames( {\n\t\t\t\t\t\t'tools-panel-item-spacing': showSpacingPresetsControl,\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={ marginValues }\n\t\t\t\t\t\t\tonChange={ setMarginValues }\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\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\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\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showGapControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ hasGapValue }\n\t\t\t\t\tlabel={ __( 'Block spacing' ) }\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\tclassName={ classnames( {\n\t\t\t\t\t\t'tools-panel-item-spacing': showSpacingPresetsControl,\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\t__unstableInputWidth=\"80px\"\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={ gapValue }\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\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showMinHeightControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ hasMinHeightValue }\n\t\t\t\t\tlabel={ __( 'Min. 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<HeightControl\n\t\t\t\t\t\tlabel={ __( 'Min. height' ) }\n\t\t\t\t\t\tvalue={ minHeightValue }\n\t\t\t\t\t\tonChange={ setMinHeightValue }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showChildLayoutControl && (\n\t\t\t\t<VStack\n\t\t\t\t\tas={ ToolsPanelItem }\n\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\thasValue={ hasChildLayoutValue }\n\t\t\t\t\tlabel={ childLayoutOrientationLabel }\n\t\t\t\t\tonDeselect={ resetChildLayoutValue }\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\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<ChildLayoutControl\n\t\t\t\t\t\tvalue={ childLayout }\n\t\t\t\t\t\tonChange={ setChildLayout }\n\t\t\t\t\t\tparentLayout={ settings?.parentLayout }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_components","_icons","_element","_utils","_spacingSizesControl","_heightControl","_childLayoutControl","_utils2","_object","AXIAL_SIDES","useHasDimensionsPanel","settings","hasContentSize","useHasContentSize","hasWideSize","useHasWideSize","hasPadding","useHasPadding","hasMargin","useHasMargin","hasGap","useHasGap","hasMinHeight","useHasMinHeight","hasChildLayout","useHasChildLayout","Platform","OS","layout","contentSize","wideSize","spacing","padding","margin","blockGap","dimensions","minHeight","_settings$parentLayou","type","parentLayoutType","default","defaultParentLayoutType","allowSizingOnChildren","parentLayout","support","useHasSpacingPresets","_ref","_ref2","custom","theme","defaultPresets","spacingSizes","presets","length","filterValuesBySides","values","sides","filteredValues","forEach","side","top","bottom","left","right","splitStyleValue","value","splitGapValue","DimensionsToolsPanel","resetAllFilter","onChange","panelId","children","resetAll","updatedValue","_react","createElement","__experimentalToolsPanel","label","__","DEFAULT_CONTROLS","childLayout","DimensionsPanel","as","Wrapper","inheritedValue","defaultControls","onVisualize","includeLayoutControls","_settings$parentLayou2","_defaultControls$cont","_defaultControls$wide","_defaultControls$padd","_defaultControls$marg","_defaultControls$bloc","_defaultControls$minH","_defaultControls$chil","decodeValue","rawValue","Object","keys","reduce","acc","key","getValueFromVariable","showSpacingPresetsControl","units","useCustomUnits","availableUnits","showContentSizeControl","contentSizeValue","setContentSizeValue","newValue","setImmutably","undefined","hasUserSetContentSizeValue","resetContentSizeValue","showWideSizeControl","wideSizeValue","setWideSizeValue","hasUserSetWideSizeValue","resetWideSizeValue","showPaddingControl","rawPadding","paddingValues","paddingSides","Array","isArray","isAxialPadding","some","includes","setPaddingValues","newPaddingValues","hasPaddingValue","resetPaddingValue","onMouseOverPadding","showMarginControl","rawMargin","marginValues","marginSides","isAxialMargin","setMarginValues","newMarginValues","hasMarginValue","resetMarginValue","onMouseOverMargin","showGapControl","gapValue","gapValues","gapSides","isAxialGap","setGapValue","newGapValue","setGapValues","nextBoxGapValue","hasOwnProperty","resetGapValue","hasGapValue","showMinHeightControl","minHeightValue","setMinHeightValue","resetMinHeightValue","hasMinHeightValue","showChildLayoutControl","orientation","childLayoutOrientationLabel","setChildLayout","newChildLayout","resetChildLayoutValue","selfStretch","flexSize","hasChildLayoutValue","useCallback","previousValue","cleanEmptyObject","onMouseLeaveControls","className","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","__experimentalHStack","alignment","justify","__experimentalUnitControl","labelPosition","__unstableInputWidth","nextContentSize","__experimentalView","Icon","icon","positionCenter","nextWideSize","stretchWide","classnames","__experimentalBoxControl","allowReset","splitOnAxis","onMouseOver","onMouseOut","min","showSideInLabel","__experimentalVStack","ToolsPanelItem"],"sources":["@wordpress/block-editor/src/components/global-styles/dimensions-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalBoxControl as BoxControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalView as View,\n} from '@wordpress/components';\nimport { Icon, positionCenter, stretchWide } from '@wordpress/icons';\nimport { useCallback, Platform } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getValueFromVariable } from './utils';\nimport SpacingSizesControl from '../spacing-sizes-control';\nimport HeightControl from '../height-control';\nimport ChildLayoutControl from '../child-layout-control';\nimport { cleanEmptyObject } from '../../hooks/utils';\nimport { setImmutably } from '../../utils/object';\n\nconst AXIAL_SIDES = [ 'horizontal', 'vertical' ];\n\nexport function useHasDimensionsPanel( settings ) {\n\tconst hasContentSize = useHasContentSize( settings );\n\tconst hasWideSize = useHasWideSize( settings );\n\tconst hasPadding = useHasPadding( settings );\n\tconst hasMargin = useHasMargin( settings );\n\tconst hasGap = useHasGap( settings );\n\tconst hasMinHeight = useHasMinHeight( settings );\n\tconst hasChildLayout = useHasChildLayout( settings );\n\n\treturn (\n\t\tPlatform.OS === 'web' &&\n\t\t( hasContentSize ||\n\t\t\thasWideSize ||\n\t\t\thasPadding ||\n\t\t\thasMargin ||\n\t\t\thasGap ||\n\t\t\thasMinHeight ||\n\t\t\thasChildLayout )\n\t);\n}\n\nfunction useHasContentSize( settings ) {\n\treturn settings?.layout?.contentSize;\n}\n\nfunction useHasWideSize( settings ) {\n\treturn settings?.layout?.wideSize;\n}\n\nfunction useHasPadding( settings ) {\n\treturn settings?.spacing?.padding;\n}\n\nfunction useHasMargin( settings ) {\n\treturn settings?.spacing?.margin;\n}\n\nfunction useHasGap( settings ) {\n\treturn settings?.spacing?.blockGap;\n}\n\nfunction useHasMinHeight( settings ) {\n\treturn settings?.dimensions?.minHeight;\n}\n\nfunction useHasChildLayout( settings ) {\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' || parentLayoutType === 'flex' ) &&\n\t\tallowSizingOnChildren;\n\n\treturn !! settings?.layout && support;\n}\n\nfunction useHasSpacingPresets( settings ) {\n\tconst {\n\t\tcustom,\n\t\ttheme,\n\t\tdefault: defaultPresets,\n\t} = settings?.spacing?.spacingSizes || {};\n\tconst presets = custom ?? theme ?? defaultPresets ?? [];\n\n\treturn presets.length > 0;\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\nfunction splitStyleValue( value ) {\n\t// Check for shorthand value (a string value).\n\tif ( 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\nfunction splitGapValue( value ) {\n\t// Check for shorthand value (a string value).\n\tif ( value && typeof value === 'string' ) {\n\t\t// If the value is a string, treat it as a single side (top) for the spacing controls.\n\t\treturn {\n\t\t\ttop: value,\n\t\t};\n\t}\n\n\tif ( value ) {\n\t\treturn {\n\t\t\t...value,\n\t\t\tright: value?.left,\n\t\t\tbottom: value?.top,\n\t\t};\n\t}\n\n\treturn value;\n}\n\nfunction DimensionsToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\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>\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\tminHeight: 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} ) {\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\n\tconst showSpacingPresetsControl = useHasSpacingPresets( 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// Content Size\n\tconst showContentSizeControl =\n\t\tuseHasContentSize( settings ) && includeLayoutControls;\n\tconst contentSizeValue = decodeValue( inheritedValue?.layout?.contentSize );\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\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasUserSetContentSizeValue = () => !! value?.layout?.contentSize;\n\tconst resetContentSizeValue = () => setContentSizeValue( undefined );\n\n\t// Wide Size\n\tconst showWideSizeControl =\n\t\tuseHasWideSize( settings ) && includeLayoutControls;\n\tconst wideSizeValue = decodeValue( inheritedValue?.layout?.wideSize );\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\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasUserSetWideSizeValue = () => !! value?.layout?.wideSize;\n\tconst resetWideSizeValue = () => setWideSizeValue( undefined );\n\n\t// Padding\n\tconst showPaddingControl = useHasPadding( settings );\n\tconst rawPadding = decodeValue( inheritedValue?.spacing?.padding );\n\tconst paddingValues = splitStyleValue( rawPadding );\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\t!! 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 = useHasMargin( settings );\n\tconst rawMargin = decodeValue( inheritedValue?.spacing?.margin );\n\tconst marginValues = splitStyleValue( rawMargin );\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\t!! 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 = useHasGap( settings );\n\tconst gapValue = decodeValue( inheritedValue?.spacing?.blockGap );\n\tconst gapValues = splitGapValue( gapValue );\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\tgapSides && gapSides.some( ( side ) => AXIAL_SIDES.includes( side ) );\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 ( ! 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 = () => !! value?.spacing?.blockGap;\n\n\t// Min Height\n\tconst showMinHeightControl = useHasMinHeight( settings );\n\tconst minHeightValue = decodeValue( inheritedValue?.dimensions?.minHeight );\n\tconst setMinHeightValue = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably( value, [ 'dimensions', 'minHeight' ], newValue )\n\t\t);\n\t};\n\tconst resetMinHeightValue = () => {\n\t\tsetMinHeightValue( undefined );\n\t};\n\tconst hasMinHeightValue = () => !! value?.dimensions?.minHeight;\n\n\t// Child Layout\n\tconst showChildLayoutControl = useHasChildLayout( settings );\n\tconst childLayout = inheritedValue?.layout;\n\tconst { orientation = 'horizontal' } = settings?.parentLayout ?? {};\n\tconst childLayoutOrientationLabel =\n\t\torientation === 'horizontal' ? __( 'Width' ) : __( 'Height' );\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\tconst resetChildLayoutValue = () => {\n\t\tsetChildLayout( {\n\t\t\tselfStretch: undefined,\n\t\t\tflexSize: undefined,\n\t\t} );\n\t};\n\tconst hasChildLayoutValue = () => !! value?.layout;\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} ),\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\tminHeight: undefined,\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<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Content size' ) }\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<HStack alignment=\"flex-end\" justify=\"flex-start\">\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tlabel={ __( 'Content' ) }\n\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\tvalue={ contentSizeValue || '' }\n\t\t\t\t\t\t\tonChange={ ( nextContentSize ) => {\n\t\t\t\t\t\t\t\tsetContentSizeValue( nextContentSize );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t<Icon icon={ positionCenter } />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</HStack>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showWideSizeControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Wide size' ) }\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<HStack alignment=\"flex-end\" justify=\"flex-start\">\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tlabel={ __( 'Wide' ) }\n\t\t\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\t\t\t__unstableInputWidth=\"80px\"\n\t\t\t\t\t\t\tvalue={ wideSizeValue || '' }\n\t\t\t\t\t\t\tonChange={ ( nextWideSize ) => {\n\t\t\t\t\t\t\t\tsetWideSizeValue( nextWideSize );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t<Icon icon={ stretchWide } />\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</HStack>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showPaddingControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ hasPaddingValue }\n\t\t\t\t\tlabel={ __( 'Padding' ) }\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\tclassName={ classnames( {\n\t\t\t\t\t\t'tools-panel-item-spacing': showSpacingPresetsControl,\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={ 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\tsplitOnAxis={ isAxialPadding }\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\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showMarginControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ hasMarginValue }\n\t\t\t\t\tlabel={ __( 'Margin' ) }\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\tclassName={ classnames( {\n\t\t\t\t\t\t'tools-panel-item-spacing': showSpacingPresetsControl,\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={ marginValues }\n\t\t\t\t\t\t\tonChange={ setMarginValues }\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\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\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\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showGapControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ hasGapValue }\n\t\t\t\t\tlabel={ __( 'Block spacing' ) }\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\tclassName={ classnames( {\n\t\t\t\t\t\t'tools-panel-item-spacing': showSpacingPresetsControl,\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\t__unstableInputWidth=\"80px\"\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={ gapValue }\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\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</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showMinHeightControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ hasMinHeightValue }\n\t\t\t\t\tlabel={ __( 'Min. 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<HeightControl\n\t\t\t\t\t\tlabel={ __( 'Min. height' ) }\n\t\t\t\t\t\tvalue={ minHeightValue }\n\t\t\t\t\t\tonChange={ setMinHeightValue }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ showChildLayoutControl && (\n\t\t\t\t<VStack\n\t\t\t\t\tas={ ToolsPanelItem }\n\t\t\t\t\tspacing={ 2 }\n\t\t\t\t\thasValue={ hasChildLayoutValue }\n\t\t\t\t\tlabel={ childLayoutOrientationLabel }\n\t\t\t\t\tonDeselect={ resetChildLayoutValue }\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\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<ChildLayoutControl\n\t\t\t\t\t\tvalue={ childLayout }\n\t\t\t\t\t\tonChange={ setChildLayout }\n\t\t\t\t\t\tparentLayout={ settings?.parentLayout }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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"}

package/build/components/global-styles/effects-panel.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = EffectsPanel;
 exports.useHasEffectsPanel = useHasEffectsPanel;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _utils = require("./utils");
 var _object = require("../../utils/object");
@@ -43,7 +44,7 @@ function EffectsToolsPanel({
     const updatedValue = resetAllFilter(value);
     onChange(updatedValue);
   };
-  return (0, _element.createElement)(_components.__experimentalToolsPanel, {
+  return (0, _react.createElement)(_components.__experimentalToolsPanel, {
     label: (0, _i18n.__)('Effects'),
     resetAll: resetAll,
     panelId: panelId
@@ -79,21 +80,21 @@ function EffectsPanel({
       shadow: undefined
     };
   }, []);
-  return (0, _element.createElement)(Wrapper, {
+  return (0, _react.createElement)(Wrapper, {
     resetAllFilter: resetAllFilter,
     value: value,
     onChange: onChange,
     panelId: panelId
-  }, hasShadowEnabled && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  }, hasShadowEnabled && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     label: (0, _i18n.__)('Shadow'),
     hasValue: hasShadow,
     onDeselect: resetShadow,
     isShownByDefault: defaultControls.shadow,
     panelId: panelId
-  }, (0, _element.createElement)(_components.__experimentalItemGroup, {
+  }, (0, _react.createElement)(_components.__experimentalItemGroup, {
     isBordered: true,
     isSeparated: true
-  }, (0, _element.createElement)(ShadowPopover, {
+  }, (0, _react.createElement)(ShadowPopover, {
     shadow: shadow,
     onShadowChange: setShadow,
     settings: settings
@@ -109,13 +110,13 @@ const ShadowPopover = ({
     offset: 36,
     shift: true
   };
-  return (0, _element.createElement)(_components.Dropdown, {
+  return (0, _react.createElement)(_components.Dropdown, {
     popoverProps: popoverProps,
     className: "block-editor-global-styles-effects-panel__shadow-dropdown",
     renderToggle: renderShadowToggle(),
-    renderContent: () => (0, _element.createElement)(_components.__experimentalDropdownContentWrapper, {
+    renderContent: () => (0, _react.createElement)(_components.__experimentalDropdownContentWrapper, {
       paddingSize: "medium"
-    }, (0, _element.createElement)(ShadowPopoverContainer, {
+    }, (0, _react.createElement)(ShadowPopoverContainer, {
       shadow: shadow,
       onShadowChange: onShadowChange,
       settings: settings
@@ -134,15 +135,15 @@ function renderShadowToggle() {
       }),
       'aria-expanded': isOpen
     };
-    return (0, _element.createElement)(_components.Button, {
+    return (0, _react.createElement)(_components.Button, {
       ...toggleProps
-    }, (0, _element.createElement)(_components.__experimentalHStack, {
+    }, (0, _react.createElement)(_components.__experimentalHStack, {
       justify: "flex-start"
-    }, (0, _element.createElement)(_icons.Icon, {
+    }, (0, _react.createElement)(_icons.Icon, {
       className: "block-editor-global-styles-effects-panel__toggle-icon",
       icon: _icons.shadow,
       size: 24
-    }), (0, _element.createElement)(_components.FlexItem, null, (0, _i18n.__)('Shadow'))));
+    }), (0, _react.createElement)(_components.FlexItem, null, (0, _i18n.__)('Shadow'))));
   };
 }
 function ShadowPopoverContainer({
@@ -154,13 +155,13 @@ function ShadowPopoverContainer({
   const themeShadows = settings?.shadow?.presets?.theme;
   const defaultPresetsEnabled = settings?.shadow?.defaultPresets;
   const shadows = [...(defaultPresetsEnabled ? defaultShadows : []), ...(themeShadows || [])];
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-global-styles-effects-panel__shadow-popover-container"
-  }, (0, _element.createElement)(_components.__experimentalVStack, {
+  }, (0, _react.createElement)(_components.__experimentalVStack, {
     spacing: 4
-  }, (0, _element.createElement)(_components.__experimentalHeading, {
+  }, (0, _react.createElement)(_components.__experimentalHeading, {
     level: 5
-  }, (0, _i18n.__)('Shadow')), (0, _element.createElement)(ShadowPresets, {
+  }, (0, _i18n.__)('Shadow')), (0, _react.createElement)(ShadowPresets, {
     presets: shadows,
     activeShadow: shadow,
     onSelect: onShadowChange
@@ -171,7 +172,7 @@ function ShadowPresets({
   activeShadow,
   onSelect
 }) {
-  return !presets ? null : (0, _element.createElement)(_components.__experimentalGrid, {
+  return !presets ? null : (0, _react.createElement)(_components.__experimentalGrid, {
     columns: 6,
     gap: 0,
     align: "center",
@@ -180,7 +181,7 @@ function ShadowPresets({
     name,
     slug,
     shadow
-  }) => (0, _element.createElement)(ShadowIndicator, {
+  }) => (0, _react.createElement)(ShadowIndicator, {
     key: slug,
     label: name,
     isActive: shadow === activeShadow,
@@ -194,9 +195,9 @@ function ShadowIndicator({
   onSelect,
   shadow
 }) {
-  return (0, _element.createElement)("div", {
+  return (0, _react.createElement)("div", {
     className: "block-editor-global-styles-effects-panel__shadow-indicator-wrapper"
-  }, (0, _element.createElement)(_components.Button, {
+  }, (0, _react.createElement)(_components.Button, {
     className: "block-editor-global-styles-effects-panel__shadow-indicator",
     onClick: onSelect,
     label: label,
@@ -204,7 +205,7 @@ function ShadowIndicator({
       boxShadow: shadow
     },
     showTooltip: true
-  }, isActive && (0, _element.createElement)(_icons.Icon, {
+  }, isActive && (0, _react.createElement)(_icons.Icon, {
     icon: _icons.check
   })));
 }

package/build/components/global-styles/effects-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_components","_i18n","_icons","_utils","_object","useHasEffectsPanel","settings","hasShadowControl","useHasShadowControl","shadow","EffectsToolsPanel","resetAllFilter","onChange","value","panelId","children","resetAll","updatedValue","createElement","__experimentalToolsPanel","label","__","DEFAULT_CONTROLS","EffectsPanel","as","Wrapper","inheritedValue","defaultControls","decodeValue","rawValue","getValueFromVariable","hasShadowEnabled","setShadow","newValue","setImmutably","hasShadow","resetShadow","undefined","useCallback","previousValue","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","__experimentalItemGroup","isBordered","isSeparated","ShadowPopover","onShadowChange","popoverProps","placement","offset","shift","Dropdown","className","renderToggle","renderShadowToggle","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopoverContainer","onToggle","isOpen","toggleProps","onClick","classnames","Button","__experimentalHStack","justify","Icon","icon","shadowIcon","size","FlexItem","defaultShadows","presets","default","themeShadows","theme","defaultPresetsEnabled","defaultPresets","shadows","__experimentalVStack","spacing","__experimentalHeading","level","ShadowPresets","activeShadow","onSelect","__experimentalGrid","columns","gap","align","map","name","slug","ShadowIndicator","key","isActive","style","boxShadow","showTooltip","check"],"sources":["@wordpress/block-editor/src/components/global-styles/effects-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalGrid as Grid,\n\t__experimentalHeading as Heading,\n\tFlexItem,\n\tDropdown,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useCallback } from '@wordpress/element';\nimport { shadow as shadowIcon, Icon, check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getValueFromVariable } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nexport function useHasEffectsPanel( settings ) {\n\tconst hasShadowControl = useHasShadowControl( settings );\n\treturn hasShadowControl;\n}\n\nfunction useHasShadowControl( settings ) {\n\treturn !! settings?.shadow;\n}\n\nfunction EffectsToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\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={ __( 'Effects' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\tshadow: true,\n};\n\nexport default function EffectsPanel( {\n\tas: Wrapper = EffectsToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n} ) {\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\n\t// Shadow\n\tconst hasShadowEnabled = useHasShadowControl( settings );\n\tconst shadow = decodeValue( inheritedValue?.shadow );\n\tconst setShadow = ( newValue ) => {\n\t\tonChange( setImmutably( value, [ 'shadow' ], newValue ) );\n\t};\n\tconst hasShadow = () => !! value?.shadow;\n\tconst resetShadow = () => setShadow( undefined );\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tshadow: undefined,\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{ hasShadowEnabled && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Shadow' ) }\n\t\t\t\t\thasValue={ hasShadow }\n\t\t\t\t\tonDeselect={ resetShadow }\n\t\t\t\t\tisShownByDefault={ defaultControls.shadow }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tonShadowChange={ setShadow }\n\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n\nconst ShadowPopover = ( { shadow, onShadowChange, settings } ) => {\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=\"block-editor-global-styles-effects-panel__shadow-dropdown\"\n\t\t\trenderToggle={ renderShadowToggle() }\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() {\n\treturn ( { onToggle, isOpen } ) => {\n\t\tconst toggleProps = {\n\t\t\tonClick: onToggle,\n\t\t\tclassName: classnames( { 'is-open': isOpen } ),\n\t\t\t'aria-expanded': isOpen,\n\t\t};\n\n\t\treturn (\n\t\t\t<Button { ...toggleProps }>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"block-editor-global-styles-effects-panel__toggle-icon\"\n\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t\t<FlexItem>{ __( 'Shadow' ) }</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</Button>\n\t\t);\n\t};\n}\n\nfunction ShadowPopoverContainer( { shadow, onShadowChange, settings } ) {\n\tconst defaultShadows = settings?.shadow?.presets?.default;\n\tconst themeShadows = settings?.shadow?.presets?.theme;\n\tconst defaultPresetsEnabled = settings?.shadow?.defaultPresets;\n\n\tconst shadows = [\n\t\t...( defaultPresetsEnabled ? defaultShadows : [] ),\n\t\t...( themeShadows || [] ),\n\t];\n\n\treturn (\n\t\t<div className=\"block-editor-global-styles-effects-panel__shadow-popover-container\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Shadow' ) }</Heading>\n\t\t\t\t<ShadowPresets\n\t\t\t\t\tpresets={ shadows }\n\t\t\t\t\tactiveShadow={ shadow }\n\t\t\t\t\tonSelect={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nfunction ShadowPresets( { presets, activeShadow, onSelect } ) {\n\treturn ! presets ? null : (\n\t\t<Grid columns={ 6 } gap={ 0 } align=\"center\" justify=\"center\">\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\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</Grid>\n\t);\n}\n\nfunction ShadowIndicator( { label, isActive, onSelect, shadow } ) {\n\treturn (\n\t\t<div className=\"block-editor-global-styles-effects-panel__shadow-indicator-wrapper\">\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-global-styles-effects-panel__shadow-indicator\"\n\t\t\t\tonClick={ onSelect }\n\t\t\t\tlabel={ label }\n\t\t\t\tstyle={ { boxShadow: shadow } }\n\t\t\t\tshowTooltip\n\t\t\t>\n\t\t\t\t{ isActive && <Icon icon={ check } /> }\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_element","_icons","_utils","_object","useHasEffectsPanel","settings","hasShadowControl","useHasShadowControl","shadow","EffectsToolsPanel","resetAllFilter","onChange","value","panelId","children","resetAll","updatedValue","_react","createElement","__experimentalToolsPanel","label","__","DEFAULT_CONTROLS","EffectsPanel","as","Wrapper","inheritedValue","defaultControls","decodeValue","rawValue","getValueFromVariable","hasShadowEnabled","setShadow","newValue","setImmutably","hasShadow","resetShadow","undefined","useCallback","previousValue","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","__experimentalItemGroup","isBordered","isSeparated","ShadowPopover","onShadowChange","popoverProps","placement","offset","shift","Dropdown","className","renderToggle","renderShadowToggle","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopoverContainer","onToggle","isOpen","toggleProps","onClick","classnames","Button","__experimentalHStack","justify","Icon","icon","shadowIcon","size","FlexItem","defaultShadows","presets","default","themeShadows","theme","defaultPresetsEnabled","defaultPresets","shadows","__experimentalVStack","spacing","__experimentalHeading","level","ShadowPresets","activeShadow","onSelect","__experimentalGrid","columns","gap","align","map","name","slug","ShadowIndicator","key","isActive","style","boxShadow","showTooltip","check"],"sources":["@wordpress/block-editor/src/components/global-styles/effects-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalGrid as Grid,\n\t__experimentalHeading as Heading,\n\tFlexItem,\n\tDropdown,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useCallback } from '@wordpress/element';\nimport { shadow as shadowIcon, Icon, check } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getValueFromVariable } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nexport function useHasEffectsPanel( settings ) {\n\tconst hasShadowControl = useHasShadowControl( settings );\n\treturn hasShadowControl;\n}\n\nfunction useHasShadowControl( settings ) {\n\treturn !! settings?.shadow;\n}\n\nfunction EffectsToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\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={ __( 'Effects' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\tshadow: true,\n};\n\nexport default function EffectsPanel( {\n\tas: Wrapper = EffectsToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n} ) {\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\n\t// Shadow\n\tconst hasShadowEnabled = useHasShadowControl( settings );\n\tconst shadow = decodeValue( inheritedValue?.shadow );\n\tconst setShadow = ( newValue ) => {\n\t\tonChange( setImmutably( value, [ 'shadow' ], newValue ) );\n\t};\n\tconst hasShadow = () => !! value?.shadow;\n\tconst resetShadow = () => setShadow( undefined );\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tshadow: undefined,\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{ hasShadowEnabled && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Shadow' ) }\n\t\t\t\t\thasValue={ hasShadow }\n\t\t\t\t\tonDeselect={ resetShadow }\n\t\t\t\t\tisShownByDefault={ defaultControls.shadow }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tonShadowChange={ setShadow }\n\t\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n\nconst ShadowPopover = ( { shadow, onShadowChange, settings } ) => {\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=\"block-editor-global-styles-effects-panel__shadow-dropdown\"\n\t\t\trenderToggle={ renderShadowToggle() }\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() {\n\treturn ( { onToggle, isOpen } ) => {\n\t\tconst toggleProps = {\n\t\t\tonClick: onToggle,\n\t\t\tclassName: classnames( { 'is-open': isOpen } ),\n\t\t\t'aria-expanded': isOpen,\n\t\t};\n\n\t\treturn (\n\t\t\t<Button { ...toggleProps }>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"block-editor-global-styles-effects-panel__toggle-icon\"\n\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t\t<FlexItem>{ __( 'Shadow' ) }</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</Button>\n\t\t);\n\t};\n}\n\nfunction ShadowPopoverContainer( { shadow, onShadowChange, settings } ) {\n\tconst defaultShadows = settings?.shadow?.presets?.default;\n\tconst themeShadows = settings?.shadow?.presets?.theme;\n\tconst defaultPresetsEnabled = settings?.shadow?.defaultPresets;\n\n\tconst shadows = [\n\t\t...( defaultPresetsEnabled ? defaultShadows : [] ),\n\t\t...( themeShadows || [] ),\n\t];\n\n\treturn (\n\t\t<div className=\"block-editor-global-styles-effects-panel__shadow-popover-container\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Shadow' ) }</Heading>\n\t\t\t\t<ShadowPresets\n\t\t\t\t\tpresets={ shadows }\n\t\t\t\t\tactiveShadow={ shadow }\n\t\t\t\t\tonSelect={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nfunction ShadowPresets( { presets, activeShadow, onSelect } ) {\n\treturn ! presets ? null : (\n\t\t<Grid columns={ 6 } gap={ 0 } align=\"center\" justify=\"center\">\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\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</Grid>\n\t);\n}\n\nfunction ShadowIndicator( { label, isActive, onSelect, shadow } ) {\n\treturn (\n\t\t<div className=\"block-editor-global-styles-effects-panel__shadow-indicator-wrapper\">\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-global-styles-effects-panel__shadow-indicator\"\n\t\t\t\tonClick={ onSelect }\n\t\t\t\tlabel={ label }\n\t\t\t\tstyle={ { boxShadow: shadow } }\n\t\t\t\tshowTooltip\n\t\t\t>\n\t\t\t\t{ isActive && <Icon icon={ check } /> }\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/build/components/global-styles/filters-panel.js

@@ -6,10 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = FiltersPanel;
 exports.useHasFiltersPanel = useHasFiltersPanel;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
+var _element = require("@wordpress/element");
 var _utils = require("./utils");
 var _object = require("../../utils/object");
 /**
@@ -53,7 +54,7 @@ function FiltersToolsPanel({
     const updatedValue = resetAllFilter(value);
     onChange(updatedValue);
   };
-  return (0, _element.createElement)(_components.__experimentalToolsPanel, {
+  return (0, _react.createElement)(_components.__experimentalToolsPanel, {
     label: (0, _i18n._x)('Filters', 'Name for applying graphical effects'),
     resetAll: resetAll,
     panelId: panelId
@@ -72,18 +73,18 @@ const popoverProps = {
 const LabeledColorIndicator = ({
   indicator,
   label
-}) => (0, _element.createElement)(_components.__experimentalHStack, {
+}) => (0, _react.createElement)(_components.__experimentalHStack, {
   justify: "flex-start"
-}, (0, _element.createElement)(_components.__experimentalZStack, {
+}, (0, _react.createElement)(_components.__experimentalZStack, {
   isLayered: false,
   offset: -8
-}, (0, _element.createElement)(_components.Flex, {
+}, (0, _react.createElement)(_components.Flex, {
   expanded: false
-}, indicator === 'unset' || !indicator ? (0, _element.createElement)(_components.ColorIndicator, {
+}, indicator === 'unset' || !indicator ? (0, _react.createElement)(_components.ColorIndicator, {
   className: "block-editor-duotone-control__unset-indicator"
-}) : (0, _element.createElement)(_components.DuotoneSwatch, {
+}) : (0, _react.createElement)(_components.DuotoneSwatch, {
   values: indicator
-}))), (0, _element.createElement)(_components.FlexItem, {
+}))), (0, _react.createElement)(_components.FlexItem, {
   title: label
 }, label));
 function FiltersPanel({
@@ -132,18 +133,18 @@ function FiltersPanel({
       }
     };
   }, []);
-  return (0, _element.createElement)(Wrapper, {
+  return (0, _react.createElement)(Wrapper, {
     resetAllFilter: resetAllFilter,
     value: value,
     onChange: onChange,
     panelId: panelId
-  }, hasDuotoneEnabled && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  }, hasDuotoneEnabled && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     label: (0, _i18n.__)('Duotone'),
     hasValue: hasDuotone,
     onDeselect: resetDuotone,
     isShownByDefault: defaultControls.duotone,
     panelId: panelId
-  }, (0, _element.createElement)(_components.Dropdown, {
+  }, (0, _react.createElement)(_components.Dropdown, {
     popoverProps: popoverProps,
     className: "block-editor-global-styles-filters-panel__dropdown",
     renderToggle: ({
@@ -157,19 +158,19 @@ function FiltersPanel({
         }),
         'aria-expanded': isOpen
       };
-      return (0, _element.createElement)(_components.__experimentalItemGroup, {
+      return (0, _react.createElement)(_components.__experimentalItemGroup, {
         isBordered: true,
         isSeparated: true
-      }, (0, _element.createElement)(_components.Button, {
+      }, (0, _react.createElement)(_components.Button, {
         ...toggleProps
-      }, (0, _element.createElement)(LabeledColorIndicator, {
+      }, (0, _react.createElement)(LabeledColorIndicator, {
         indicator: duotone,
         label: (0, _i18n.__)('Duotone')
       })));
     },
-    renderContent: () => (0, _element.createElement)(_components.__experimentalDropdownContentWrapper, {
+    renderContent: () => (0, _react.createElement)(_components.__experimentalDropdownContentWrapper, {
       paddingSize: "medium"
-    }, (0, _element.createElement)(_components.__experimentalVStack, null, (0, _element.createElement)("p", null, (0, _i18n.__)('Create a two-tone color effect without losing your original image.')), (0, _element.createElement)(_components.DuotonePicker, {
+    }, (0, _react.createElement)(_components.__experimentalVStack, null, (0, _react.createElement)("p", null, (0, _i18n.__)('Create a two-tone color effect without losing your original image.')), (0, _react.createElement)(_components.DuotonePicker, {
       colorPalette: colorPalette,
       duotonePalette: duotonePalette,
       disableCustomColors: disableCustomColors,

package/build/components/global-styles/filters-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_components","_i18n","_utils","_object","EMPTY_ARRAY","useMultiOriginColorPresets","settings","presetSetting","defaultSetting","disableDefault","color","userPresets","custom","themePresets","theme","defaultPresets","default","useMemo","useHasFiltersPanel","hasDuotone","useHasDuotoneControl","customDuotone","defaultDuotone","FiltersToolsPanel","resetAllFilter","onChange","value","panelId","children","resetAll","updatedValue","createElement","__experimentalToolsPanel","label","_x","DEFAULT_CONTROLS","duotone","popoverProps","placement","offset","shift","className","headerTitle","__","LabeledColorIndicator","indicator","__experimentalHStack","justify","__experimentalZStack","isLayered","Flex","expanded","ColorIndicator","DuotoneSwatch","values","FlexItem","title","FiltersPanel","as","Wrapper","inheritedValue","defaultControls","decodeValue","rawValue","getValueFromVariable","hasDuotoneEnabled","duotonePalette","colorPalette","filter","setDuotone","newValue","duotonePreset","find","colors","settedValue","slug","setImmutably","resetDuotone","undefined","disableCustomColors","disableCustomDuotone","length","useCallback","previousValue","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","Dropdown","renderToggle","onToggle","isOpen","toggleProps","onClick","classnames","__experimentalItemGroup","isBordered","isSeparated","Button","renderContent","__experimentalDropdownContentWrapper","paddingSize","__experimentalVStack","DuotonePicker"],"sources":["@wordpress/block-editor/src/components/global-styles/filters-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalZStack as ZStack,\n\t__experimentalVStack as VStack,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tButton,\n\tColorIndicator,\n\tDuotonePicker,\n\tDuotoneSwatch,\n\tDropdown,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getValueFromVariable } from './utils';\nimport { setImmutably } from '../../utils/object';\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\tconst hasDuotone = useHasDuotoneControl( settings );\n\n\treturn hasDuotone;\n}\n\nfunction useHasDuotoneControl( settings ) {\n\treturn settings.color.customDuotone || settings.color.defaultDuotone;\n}\n\nfunction FiltersToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\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>\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 title={ label }>{ label }</FlexItem>\n\t</HStack>\n);\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} ) {\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\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 duotone = decodeValue( inheritedValue?.filter?.duotone );\n\tconst setDuotone = ( newValue ) => {\n\t\tconst duotonePreset = duotonePalette.find( ( { colors } ) => {\n\t\t\treturn colors === newValue;\n\t\t} );\n\t\tconst settedValue = duotonePreset\n\t\t\t? `var:preset|duotone|${ duotonePreset.slug }`\n\t\t\t: newValue;\n\t\tonChange( setImmutably( value, [ 'filter', 'duotone' ], settedValue ) );\n\t};\n\tconst hasDuotone = () => !! value?.filter?.duotone;\n\tconst resetDuotone = () => setDuotone( undefined );\n\n\tconst disableCustomColors = ! settings?.color?.custom;\n\tconst disableCustomDuotone =\n\t\t! settings?.color?.customDuotone ||\n\t\t( colorPalette?.length === 0 && disableCustomColors );\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<ToolsPanelItem\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\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={ ( { onToggle, isOpen } ) => {\n\t\t\t\t\t\t\tconst toggleProps = {\n\t\t\t\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\t\t\t\tclassName: classnames( { 'is-open': isOpen } ),\n\t\t\t\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t\t\t\t<Button { ...toggleProps }>\n\t\t\t\t\t\t\t\t\t\t<LabeledColorIndicator\n\t\t\t\t\t\t\t\t\t\t\tindicator={ duotone }\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Duotone' ) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<DropdownContentWrapper paddingSize=\"medium\">\n\t\t\t\t\t\t\t\t<VStack>\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\tdisableCustomColors={\n\t\t\t\t\t\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisableCustomDuotone={\n\t\t\t\t\t\t\t\t\t\t\tdisableCustomDuotone\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tvalue={ duotone }\n\t\t\t\t\t\t\t\t\t\tonChange={ setDuotone }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</VStack>\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</ToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_i18n","_element","_utils","_object","EMPTY_ARRAY","useMultiOriginColorPresets","settings","presetSetting","defaultSetting","disableDefault","color","userPresets","custom","themePresets","theme","defaultPresets","default","useMemo","useHasFiltersPanel","hasDuotone","useHasDuotoneControl","customDuotone","defaultDuotone","FiltersToolsPanel","resetAllFilter","onChange","value","panelId","children","resetAll","updatedValue","_react","createElement","__experimentalToolsPanel","label","_x","DEFAULT_CONTROLS","duotone","popoverProps","placement","offset","shift","className","headerTitle","__","LabeledColorIndicator","indicator","__experimentalHStack","justify","__experimentalZStack","isLayered","Flex","expanded","ColorIndicator","DuotoneSwatch","values","FlexItem","title","FiltersPanel","as","Wrapper","inheritedValue","defaultControls","decodeValue","rawValue","getValueFromVariable","hasDuotoneEnabled","duotonePalette","colorPalette","filter","setDuotone","newValue","duotonePreset","find","colors","settedValue","slug","setImmutably","resetDuotone","undefined","disableCustomColors","disableCustomDuotone","length","useCallback","previousValue","__experimentalToolsPanelItem","hasValue","onDeselect","isShownByDefault","Dropdown","renderToggle","onToggle","isOpen","toggleProps","onClick","classnames","__experimentalItemGroup","isBordered","isSeparated","Button","renderContent","__experimentalDropdownContentWrapper","paddingSize","__experimentalVStack","DuotonePicker"],"sources":["@wordpress/block-editor/src/components/global-styles/filters-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalZStack as ZStack,\n\t__experimentalVStack as VStack,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tButton,\n\tColorIndicator,\n\tDuotonePicker,\n\tDuotoneSwatch,\n\tDropdown,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useCallback, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getValueFromVariable } from './utils';\nimport { setImmutably } from '../../utils/object';\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\tconst hasDuotone = useHasDuotoneControl( settings );\n\n\treturn hasDuotone;\n}\n\nfunction useHasDuotoneControl( settings ) {\n\treturn settings.color.customDuotone || settings.color.defaultDuotone;\n}\n\nfunction FiltersToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\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>\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 title={ label }>{ label }</FlexItem>\n\t</HStack>\n);\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} ) {\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\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 duotone = decodeValue( inheritedValue?.filter?.duotone );\n\tconst setDuotone = ( newValue ) => {\n\t\tconst duotonePreset = duotonePalette.find( ( { colors } ) => {\n\t\t\treturn colors === newValue;\n\t\t} );\n\t\tconst settedValue = duotonePreset\n\t\t\t? `var:preset|duotone|${ duotonePreset.slug }`\n\t\t\t: newValue;\n\t\tonChange( setImmutably( value, [ 'filter', 'duotone' ], settedValue ) );\n\t};\n\tconst hasDuotone = () => !! value?.filter?.duotone;\n\tconst resetDuotone = () => setDuotone( undefined );\n\n\tconst disableCustomColors = ! settings?.color?.custom;\n\tconst disableCustomDuotone =\n\t\t! settings?.color?.customDuotone ||\n\t\t( colorPalette?.length === 0 && disableCustomColors );\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<ToolsPanelItem\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\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={ ( { onToggle, isOpen } ) => {\n\t\t\t\t\t\t\tconst toggleProps = {\n\t\t\t\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\t\t\t\tclassName: classnames( { 'is-open': isOpen } ),\n\t\t\t\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t\t\t\t};\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t\t\t\t<Button { ...toggleProps }>\n\t\t\t\t\t\t\t\t\t\t<LabeledColorIndicator\n\t\t\t\t\t\t\t\t\t\t\tindicator={ duotone }\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Duotone' ) }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<DropdownContentWrapper paddingSize=\"medium\">\n\t\t\t\t\t\t\t\t<VStack>\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\tdisableCustomColors={\n\t\t\t\t\t\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisableCustomDuotone={\n\t\t\t\t\t\t\t\t\t\t\tdisableCustomDuotone\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tvalue={ duotone }\n\t\t\t\t\t\t\t\t\t\tonChange={ setDuotone }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</VStack>\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</ToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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"}

package/build/components/global-styles/image-settings-panel.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = ImageSettingsPanel;
 exports.useHasImageSettingsPanel = useHasImageSettingsPanel;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 /**
@@ -37,11 +37,11 @@ function ImageSettingsPanel({
   if (inheritedValue?.lightbox?.enabled) {
     lightboxChecked = inheritedValue.lightbox.enabled;
   }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.__experimentalToolsPanel, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalToolsPanel, {
     label: (0, _i18n._x)('Settings', 'Image settings'),
     resetAll: resetLightbox,
     panelId: panelId
-  }, (0, _element.createElement)(_components.__experimentalToolsPanelItem
+  }, (0, _react.createElement)(_components.__experimentalToolsPanelItem
   // We use the `userSettings` prop instead of `settings`, because `settings`
   // contains the core/theme values for the lightbox and we want to show the
   // "RESET" button ONLY when the user has explicitly set a value in the
@@ -52,7 +52,7 @@ function ImageSettingsPanel({
     onDeselect: resetLightbox,
     isShownByDefault: true,
     panelId: panelId
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     label: (0, _i18n.__)('Expand on Click'),
     checked: lightboxChecked,
     onChange: onChangeLightbox