@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/border-radius-control/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["BaseControl","__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","__experimentalUseCustomUnits","useCustomUnits","__experimentalVStack","VStack","__experimentalHStack","HStack","useState","useMemo","__","LinkedButton","useSettings","hasDefinedValues","hasMixedValues","SingleInputControl","DEFAULT_VALUES","RANGE_CONTROL_MAX_SIZE","EMPTY_ARRAY","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useBorderRadiusSizes","presets","_presets$default","_presets$custom","_presets$theme","defaultSizes","default","customSizes","custom","themeSizes","theme","sizes","name","slug","size","length","undefined","BorderRadiusControl","onChange","values","isLinked","setIsLinked","options","selectedUnits","setSelectedUnits","flat","topLeft","topRight","bottomLeft","bottomRight","availableUnits","units","toggleLinked","className","children","VisualLabel","as","onClick","corner","map"],"sources":["@wordpress/block-editor/src/components/border-radius-control/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport LinkedButton from './linked-button';\nimport { useSettings } from '../use-settings';\nimport { hasDefinedValues, hasMixedValues } from './utils';\nimport SingleInputControl from './single-input-control';\nimport {\n\tDEFAULT_VALUES,\n\tRANGE_CONTROL_MAX_SIZE,\n\tEMPTY_ARRAY,\n} from './constants';\n\nfunction useBorderRadiusSizes( presets ) {\n\tconst defaultSizes = presets?.default ?? EMPTY_ARRAY;\n\tconst customSizes = presets?.custom ?? EMPTY_ARRAY;\n\tconst themeSizes = presets?.theme ?? EMPTY_ARRAY;\n\n\treturn useMemo( () => {\n\t\tconst sizes = [\n\t\t\t{ name: __( 'None' ), slug: '0', size: 0 },\n\t\t\t...customSizes,\n\t\t\t...themeSizes,\n\t\t\t...defaultSizes,\n\t\t];\n\n\t\treturn sizes.length > RANGE_CONTROL_MAX_SIZE\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: __( 'Default' ),\n\t\t\t\t\t\tslug: 'default',\n\t\t\t\t\t\tsize: undefined,\n\t\t\t\t\t},\n\t\t\t\t\t...sizes,\n\t\t\t  ]\n\t\t\t: sizes;\n\t}, [ customSizes, themeSizes, defaultSizes ] );\n}\n\n/**\n * Control to display border radius options.\n *\n * @param {Object}   props          Component props.\n * @param {Function} props.onChange Callback to handle onChange.\n * @param {Object}   props.values   Border radius values.\n * @param {Object}   props.presets  Border radius presets.\n *\n * @return {Element}              Custom border radius control.\n */\nexport default function BorderRadiusControl( { onChange, values, presets } ) {\n\tconst [ isLinked, setIsLinked ] = useState(\n\t\t! hasDefinedValues( values ) || ! hasMixedValues( values )\n\t);\n\tconst options = useBorderRadiusSizes( presets );\n\t// Tracking selected units via internal state allows filtering of CSS unit\n\t// only values from being saved while maintaining preexisting unit selection\n\t// behaviour. Filtering CSS unit only values prevents invalid style values.\n\tconst [ selectedUnits, setSelectedUnits ] = useState( {\n\t\tflat:\n\t\t\ttypeof values === 'string'\n\t\t\t\t? parseQuantityAndUnitFromRawValue( values )[ 1 ]\n\t\t\t\t: undefined,\n\t\ttopLeft: parseQuantityAndUnitFromRawValue( values?.topLeft )[ 1 ],\n\t\ttopRight: parseQuantityAndUnitFromRawValue( values?.topRight )[ 1 ],\n\t\tbottomLeft: parseQuantityAndUnitFromRawValue( values?.bottomLeft )[ 1 ],\n\t\tbottomRight: parseQuantityAndUnitFromRawValue(\n\t\t\tvalues?.bottomRight\n\t\t)[ 1 ],\n\t} );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\tconst toggleLinked = () => setIsLinked( ! isLinked );\n\n\treturn (\n\t\t<fieldset className=\"components-border-radius-control\">\n\t\t\t<HStack className=\"components-border-radius-control__header\">\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ __( 'Radius' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<LinkedButton onClick={ toggleLinked } isLinked={ isLinked } />\n\t\t\t</HStack>\n\t\t\t{ isLinked ? (\n\t\t\t\t<>\n\t\t\t\t\t<SingleInputControl\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tselectedUnits={ selectedUnits }\n\t\t\t\t\t\tsetSelectedUnits={ setSelectedUnits }\n\t\t\t\t\t\tvalues={ values }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tcorner=\"all\"\n\t\t\t\t\t\tpresets={ options }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<VStack>\n\t\t\t\t\t{ [\n\t\t\t\t\t\t'topLeft',\n\t\t\t\t\t\t'topRight',\n\t\t\t\t\t\t'bottomLeft',\n\t\t\t\t\t\t'bottomRight',\n\t\t\t\t\t].map( ( corner ) => (\n\t\t\t\t\t\t<SingleInputControl\n\t\t\t\t\t\t\tkey={ corner }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\tselectedUnits={ selectedUnits }\n\t\t\t\t\t\t\tsetSelectedUnits={ setSelectedUnits }\n\t\t\t\t\t\t\tvalues={ values || DEFAULT_VALUES }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tcorner={ corner }\n\t\t\t\t\t\t\tpresets={ options }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,WAAW,EACXC,8CAA8C,IAAIC,gCAAgC,EAClFC,4BAA4B,IAAIC,cAAc,EAC9CC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,QAAQ,EAAEC,OAAO,QAAQ,oBAAoB;AACtD,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,SAAS;AAC1D,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,SACCC,cAAc,EACdC,sBAAsB,EACtBC,WAAW,QACL,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAErB,SAASC,oBAAoBA,CAAEC,OAAO,EAAG;EAAA,IAAAC,gBAAA,EAAAC,eAAA,EAAAC,cAAA;EACxC,MAAMC,YAAY,IAAAH,gBAAA,GAAGD,OAAO,EAAEK,OAAO,cAAAJ,gBAAA,cAAAA,gBAAA,GAAIT,WAAW;EACpD,MAAMc,WAAW,IAAAJ,eAAA,GAAGF,OAAO,EAAEO,MAAM,cAAAL,eAAA,cAAAA,eAAA,GAAIV,WAAW;EAClD,MAAMgB,UAAU,IAAAL,cAAA,GAAGH,OAAO,EAAES,KAAK,cAAAN,cAAA,cAAAA,cAAA,GAAIX,WAAW;EAEhD,OAAOT,OAAO,CAAE,MAAM;IACrB,MAAM2B,KAAK,GAAG,CACb;MAAEC,IAAI,EAAE3B,EAAE,CAAE,MAAO,CAAC;MAAE4B,IAAI,EAAE,GAAG;MAAEC,IAAI,EAAE;IAAE,CAAC,EAC1C,GAAGP,WAAW,EACd,GAAGE,UAAU,EACb,GAAGJ,YAAY,CACf;IAED,OAAOM,KAAK,CAACI,MAAM,GAAGvB,sBAAsB,GACzC,CACA;MACCoB,IAAI,EAAE3B,EAAE,CAAE,SAAU,CAAC;MACrB4B,IAAI,EAAE,SAAS;MACfC,IAAI,EAAEE;IACP,CAAC,EACD,GAAGL,KAAK,CACP,GACDA,KAAK;EACT,CAAC,EAAE,CAAEJ,WAAW,EAAEE,UAAU,EAAEJ,YAAY,CAAG,CAAC;AAC/C;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASY,mBAAmBA,CAAE;EAAEC,QAAQ;EAAEC,MAAM;EAAElB;AAAQ,CAAC,EAAG;EAC5E,MAAM,CAAEmB,QAAQ,EAAEC,WAAW,CAAE,GAAGtC,QAAQ,CACzC,CAAEK,gBAAgB,CAAE+B,MAAO,CAAC,IAAI,CAAE9B,cAAc,CAAE8B,MAAO,CAC1D,CAAC;EACD,MAAMG,OAAO,GAAGtB,oBAAoB,CAAEC,OAAQ,CAAC;EAC/C;EACA;EACA;EACA,MAAM,CAAEsB,aAAa,EAAEC,gBAAgB,CAAE,GAAGzC,QAAQ,CAAE;IACrD0C,IAAI,EACH,OAAON,MAAM,KAAK,QAAQ,GACvB3C,gCAAgC,CAAE2C,MAAO,CAAC,CAAE,CAAC,CAAE,GAC/CH,SAAS;IACbU,OAAO,EAAElD,gCAAgC,CAAE2C,MAAM,EAAEO,OAAQ,CAAC,CAAE,CAAC,CAAE;IACjEC,QAAQ,EAAEnD,gCAAgC,CAAE2C,MAAM,EAAEQ,QAAS,CAAC,CAAE,CAAC,CAAE;IACnEC,UAAU,EAAEpD,gCAAgC,CAAE2C,MAAM,EAAES,UAAW,CAAC,CAAE,CAAC,CAAE;IACvEC,WAAW,EAAErD,gCAAgC,CAC5C2C,MAAM,EAAEU,WACT,CAAC,CAAE,CAAC;EACL,CAAE,CAAC;EAEH,MAAM,CAAEC,cAAc,CAAE,GAAG3C,WAAW,CAAE,eAAgB,CAAC;EACzD,MAAM4C,KAAK,GAAGrD,cAAc,CAAE;IAC7BoD,cAAc,EAAEA,cAAc,IAAI,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK;EACtD,CAAE,CAAC;EAEH,MAAME,YAAY,GAAGA,CAAA,KAAMX,WAAW,CAAE,CAAED,QAAS,CAAC;EAEpD,oBACCvB,KAAA;IAAUoC,SAAS,EAAC,kCAAkC;IAAAC,QAAA,gBACrDrC,KAAA,CAACf,MAAM;MAACmD,SAAS,EAAC,0CAA0C;MAAAC,QAAA,gBAC3DvC,IAAA,CAACrB,WAAW,CAAC6D,WAAW;QAACC,EAAE,EAAC,QAAQ;QAAAF,QAAA,EACjCjD,EAAE,CAAE,QAAS;MAAC,CACQ,CAAC,eAC1BU,IAAA,CAACT,YAAY;QAACmD,OAAO,EAAGL,YAAc;QAACZ,QAAQ,EAAGA;MAAU,CAAE,CAAC;IAAA,CACxD,CAAC,EACPA,QAAQ,gBACTzB,IAAA,CAAAI,SAAA;MAAAmC,QAAA,eACCvC,IAAA,CAACL,kBAAkB;QAClB4B,QAAQ,EAAGA,QAAU;QACrBK,aAAa,EAAGA,aAAe;QAC/BC,gBAAgB,EAAGA,gBAAkB;QACrCL,MAAM,EAAGA,MAAQ;QACjBY,KAAK,EAAGA,KAAO;QACfO,MAAM,EAAC,KAAK;QACZrC,OAAO,EAAGqB;MAAS,CACnB;IAAC,CACD,CAAC,gBAEH3B,IAAA,CAACf,MAAM;MAAAsD,QAAA,EACJ,CACD,SAAS,EACT,UAAU,EACV,YAAY,EACZ,aAAa,CACb,CAACK,GAAG,CAAID,MAAM,iBACd3C,IAAA,CAACL,kBAAkB;QAElB4B,QAAQ,EAAGA,QAAU;QACrBK,aAAa,EAAGA,aAAe;QAC/BC,gBAAgB,EAAGA,gBAAkB;QACrCL,MAAM,EAAGA,MAAM,IAAI5B,cAAgB;QACnCwC,KAAK,EAAGA,KAAO;QACfO,MAAM,EAAGA,MAAQ;QACjBrC,OAAO,EAAGqB;MAAS,GAPbgB,MAQN,CACA;IAAC,CACI,CACR;EAAA,CACQ,CAAC;AAEb","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/border-radius-control/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tBaseControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useState, useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport LinkedButton from './linked-button';\nimport { useSettings } from '../use-settings';\nimport { hasDefinedValues, hasMixedValues } from './utils';\nimport SingleInputControl from './single-input-control';\nimport {\n\tDEFAULT_VALUES,\n\tRANGE_CONTROL_MAX_SIZE,\n\tEMPTY_ARRAY,\n} from './constants';\n\nfunction useBorderRadiusSizes( presets ) {\n\tconst defaultSizes = presets?.default ?? EMPTY_ARRAY;\n\tconst customSizes = presets?.custom ?? EMPTY_ARRAY;\n\tconst themeSizes = presets?.theme ?? EMPTY_ARRAY;\n\n\treturn useMemo( () => {\n\t\tconst sizes = [\n\t\t\t{ name: __( 'None' ), slug: '0', size: 0 },\n\t\t\t...customSizes,\n\t\t\t...themeSizes,\n\t\t\t...defaultSizes,\n\t\t];\n\n\t\treturn sizes.length > RANGE_CONTROL_MAX_SIZE\n\t\t\t? [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: __( 'Default' ),\n\t\t\t\t\t\tslug: 'default',\n\t\t\t\t\t\tsize: undefined,\n\t\t\t\t\t},\n\t\t\t\t\t...sizes,\n\t\t\t  ]\n\t\t\t: sizes;\n\t}, [ customSizes, themeSizes, defaultSizes ] );\n}\n\n/**\n * Control to display border radius options.\n *\n * @param {Object}   props          Component props.\n * @param {Function} props.onChange Callback to handle onChange.\n * @param {Object}   props.values   Border radius values.\n * @param {Object}   props.presets  Border radius presets.\n *\n * @return {Element}              Custom border radius control.\n */\nexport default function BorderRadiusControl( { onChange, values, presets } ) {\n\tconst [ isLinked, setIsLinked ] = useState(\n\t\t! hasDefinedValues( values ) || ! hasMixedValues( values )\n\t);\n\tconst options = useBorderRadiusSizes( presets );\n\t// Tracking selected units via internal state allows filtering of CSS unit\n\t// only values from being saved while maintaining preexisting unit selection\n\t// behaviour. Filtering CSS unit only values prevents invalid style values.\n\tconst [ selectedUnits, setSelectedUnits ] = useState( {\n\t\tflat:\n\t\t\ttypeof values === 'string'\n\t\t\t\t? parseQuantityAndUnitFromRawValue( values )[ 1 ]\n\t\t\t\t: undefined,\n\t\ttopLeft: parseQuantityAndUnitFromRawValue( values?.topLeft )[ 1 ],\n\t\ttopRight: parseQuantityAndUnitFromRawValue( values?.topRight )[ 1 ],\n\t\tbottomLeft: parseQuantityAndUnitFromRawValue( values?.bottomLeft )[ 1 ],\n\t\tbottomRight: parseQuantityAndUnitFromRawValue(\n\t\t\tvalues?.bottomRight\n\t\t)[ 1 ],\n\t} );\n\n\tconst [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem' ],\n\t} );\n\n\tconst toggleLinked = () => setIsLinked( ! isLinked );\n\n\treturn (\n\t\t<fieldset className=\"components-border-radius-control\">\n\t\t\t<HStack className=\"components-border-radius-control__header\">\n\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t{ __( 'Radius' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<LinkedButton onClick={ toggleLinked } isLinked={ isLinked } />\n\t\t\t</HStack>\n\t\t\t{ isLinked ? (\n\t\t\t\t<>\n\t\t\t\t\t<SingleInputControl\n\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\tselectedUnits={ selectedUnits }\n\t\t\t\t\t\tsetSelectedUnits={ setSelectedUnits }\n\t\t\t\t\t\tvalues={ values }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tcorner=\"all\"\n\t\t\t\t\t\tpresets={ options }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<VStack>\n\t\t\t\t\t{ [\n\t\t\t\t\t\t'topLeft',\n\t\t\t\t\t\t'topRight',\n\t\t\t\t\t\t'bottomLeft',\n\t\t\t\t\t\t'bottomRight',\n\t\t\t\t\t].map( ( corner ) => (\n\t\t\t\t\t\t<SingleInputControl\n\t\t\t\t\t\t\tkey={ corner }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\tselectedUnits={ selectedUnits }\n\t\t\t\t\t\t\tsetSelectedUnits={ setSelectedUnits }\n\t\t\t\t\t\t\tvalues={ values || DEFAULT_VALUES }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\tcorner={ corner }\n\t\t\t\t\t\t\tpresets={ options }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t</fieldset>\n\t);\n}\n"],
+  "mappings": "AA4FG,SAOC,UANA,KADD;AAzFH;AAAA,EACC;AAAA,EACA,kDAAkD;AAAA,EAClD,gCAAgC;AAAA,EAChC,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,OAClB;AACP,SAAS,UAAU,eAAe;AAClC,SAAS,UAAU;AAKnB,OAAO,kBAAkB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB,sBAAsB;AACjD,OAAO,wBAAwB;AAC/B;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,OACM;AAEP,SAAS,qBAAsB,SAAU;AACxC,QAAM,eAAe,SAAS,WAAW;AACzC,QAAM,cAAc,SAAS,UAAU;AACvC,QAAM,aAAa,SAAS,SAAS;AAErC,SAAO,QAAS,MAAM;AACrB,UAAM,QAAQ;AAAA,MACb,EAAE,MAAM,GAAI,MAAO,GAAG,MAAM,KAAK,MAAM,EAAE;AAAA,MACzC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACJ;AAEA,WAAO,MAAM,SAAS,yBACnB;AAAA,MACA;AAAA,QACC,MAAM,GAAI,SAAU;AAAA,QACpB,MAAM;AAAA,QACN,MAAM;AAAA,MACP;AAAA,MACA,GAAG;AAAA,IACH,IACA;AAAA,EACJ,GAAG,CAAE,aAAa,YAAY,YAAa,CAAE;AAC9C;AAYe,SAAR,oBAAsC,EAAE,UAAU,QAAQ,QAAQ,GAAI;AAC5E,QAAM,CAAE,UAAU,WAAY,IAAI;AAAA,IACjC,CAAE,iBAAkB,MAAO,KAAK,CAAE,eAAgB,MAAO;AAAA,EAC1D;AACA,QAAM,UAAU,qBAAsB,OAAQ;AAI9C,QAAM,CAAE,eAAe,gBAAiB,IAAI,SAAU;AAAA,IACrD,MACC,OAAO,WAAW,WACf,iCAAkC,MAAO,EAAG,CAAE,IAC9C;AAAA,IACJ,SAAS,iCAAkC,QAAQ,OAAQ,EAAG,CAAE;AAAA,IAChE,UAAU,iCAAkC,QAAQ,QAAS,EAAG,CAAE;AAAA,IAClE,YAAY,iCAAkC,QAAQ,UAAW,EAAG,CAAE;AAAA,IACtE,aAAa;AAAA,MACZ,QAAQ;AAAA,IACT,EAAG,CAAE;AAAA,EACN,CAAE;AAEF,QAAM,CAAE,cAAe,IAAI,YAAa,eAAgB;AACxD,QAAM,QAAQ,eAAgB;AAAA,IAC7B,gBAAgB,kBAAkB,CAAE,MAAM,MAAM,KAAM;AAAA,EACvD,CAAE;AAEF,QAAM,eAAe,MAAM,YAAa,CAAE,QAAS;AAEnD,SACC,qBAAC,cAAS,WAAU,oCACnB;AAAA,yBAAC,UAAO,WAAU,4CACjB;AAAA,0BAAC,YAAY,aAAZ,EAAwB,IAAG,UACzB,aAAI,QAAS,GAChB;AAAA,MACA,oBAAC,gBAAa,SAAU,cAAe,UAAsB;AAAA,OAC9D;AAAA,IACE,WACD,gCACC;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAO;AAAA,QACP,SAAU;AAAA;AAAA,IACX,GACD,IAEA,oBAAC,UACE;AAAA,MACD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACD,EAAE,IAAK,CAAE,WACR;AAAA,MAAC;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAS,UAAU;AAAA,QACnB;AAAA,QACA;AAAA,QACA,SAAU;AAAA;AAAA,MAPJ;AAAA,IAQP,CACC,GACH;AAAA,KAEF;AAEF;",
+  "names": []
+}

package/build-module/components/border-radius-control/linked-button.js

@@ -1,22 +1,22 @@
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { link, linkOff } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function LinkedButton({
-  isLinked,
-  ...props
-}) {
-  const label = isLinked ? __('Unlink radii') : __('Link radii');
-  return /*#__PURE__*/_jsx(Button, {
-    ...props,
-    className: "components-border-radius-control__linked-button",
-    size: "small",
-    icon: isLinked ? link : linkOff,
-    iconSize: 24,
-    label: label
-  });
+import { jsx } from "react/jsx-runtime";
+import { Button } from "@wordpress/components";
+import { link, linkOff } from "@wordpress/icons";
+import { __ } from "@wordpress/i18n";
+function LinkedButton({ isLinked, ...props }) {
+  const label = isLinked ? __("Unlink radii") : __("Link radii");
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...props,
+      className: "components-border-radius-control__linked-button",
+      size: "small",
+      icon: isLinked ? link : linkOff,
+      iconSize: 24,
+      label
+    }
+  );
 }
-//# sourceMappingURL=linked-button.js.map
+export {
+  LinkedButton as default
+};
+//# sourceMappingURL=linked-button.js.map

package/build-module/components/border-radius-control/linked-button.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Button","link","linkOff","__","jsx","_jsx","LinkedButton","isLinked","props","label","className","size","icon","iconSize"],"sources":["@wordpress/block-editor/src/components/border-radius-control/linked-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink radii' ) : __( 'Link radii' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName=\"components-border-radius-control__linked-button\"\n\t\t\tsize=\"small\"\n\t\t\ticon={ isLinked ? link : linkOff }\n\t\t\ticonSize={ 24 }\n\t\t\tlabel={ label }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,eAAe,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC9D,MAAMC,KAAK,GAAGF,QAAQ,GAAGJ,EAAE,CAAE,cAAe,CAAC,GAAGA,EAAE,CAAE,YAAa,CAAC;EAElE,oBACCE,IAAA,CAACL,MAAM;IAAA,GACDQ,KAAK;IACVE,SAAS,EAAC,iDAAiD;IAC3DC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAGL,QAAQ,GAAGN,IAAI,GAAGC,OAAS;IAClCW,QAAQ,EAAG,EAAI;IACfJ,KAAK,EAAGA;EAAO,CACf,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/border-radius-control/linked-button.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink radii' ) : __( 'Link radii' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName=\"components-border-radius-control__linked-button\"\n\t\t\tsize=\"small\"\n\t\t\ticon={ isLinked ? link : linkOff }\n\t\t\ticonSize={ 24 }\n\t\t\tlabel={ label }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AAWE;AARF,SAAS,cAAc;AACvB,SAAS,MAAM,eAAe;AAC9B,SAAS,UAAU;AAEJ,SAAR,aAA+B,EAAE,UAAU,GAAG,MAAM,GAAI;AAC9D,QAAM,QAAQ,WAAW,GAAI,cAAe,IAAI,GAAI,YAAa;AAEjE,SACC;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACL,WAAU;AAAA,MACV,MAAK;AAAA,MACL,MAAO,WAAW,OAAO;AAAA,MACzB,UAAW;AAAA,MACX;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/build-module/components/border-radius-control/single-input-control.js

@@ -1,18 +1,34 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue, __experimentalUnitControl as UnitControl, __experimentalHStack as HStack, Icon, Tooltip, RangeControl, Button, CustomSelectControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
-import { settings } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { getAllValue, getCustomValueFromPreset, getPresetValueFromControlValue, getPresetValueFromCustomValue, getSliderValueFromPreset, isValuePreset, convertPresetsToCustomValues } from './utils';
-import { CORNERS, ICONS, MIN_BORDER_RADIUS_VALUE, MAX_BORDER_RADIUS_VALUES, RANGE_CONTROL_MAX_SIZE } from './constants';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function SingleInputControl({
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  __experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,
+  __experimentalUnitControl as UnitControl,
+  __experimentalHStack as HStack,
+  Icon,
+  Tooltip,
+  RangeControl,
+  Button,
+  CustomSelectControl
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useState } from "@wordpress/element";
+import { settings } from "@wordpress/icons";
+import {
+  getAllValue,
+  getCustomValueFromPreset,
+  getPresetValueFromControlValue,
+  getPresetValueFromCustomValue,
+  getSliderValueFromPreset,
+  isValuePreset,
+  convertPresetsToCustomValues
+} from "./utils";
+import {
+  CORNERS,
+  ICONS,
+  MIN_BORDER_RADIUS_VALUE,
+  MAX_BORDER_RADIUS_VALUES,
+  RANGE_CONTROL_MAX_SIZE
+} from "./constants";
+function SingleInputControl({
   corner,
   onChange,
   selectedUnits,
@@ -21,8 +37,8 @@ export default function SingleInputControl({
   units,
   presets
 }) {
-  const changeCornerValue = validatedValue => {
-    if (corner === 'all') {
+  const changeCornerValue = (validatedValue) => {
+    if (corner === "all") {
       onChange({
         topLeft: validatedValue,
         topRight: validatedValue,
@@ -36,21 +52,17 @@ export default function SingleInputControl({
       });
     }
   };
-  const onChangeValue = next => {
+  const onChangeValue = (next) => {
     if (!onChange) {
       return;
     }
-
-    // Filter out CSS-unit-only values to prevent invalid styles.
     const isNumeric = !isNaN(parseFloat(next));
-    const nextValue = isNumeric ? next : undefined;
+    const nextValue = isNumeric ? next : void 0;
     changeCornerValue(nextValue);
   };
-  const onChangeUnit = next => {
-    const newUnits = {
-      ...selectedUnits
-    };
-    if (corner === 'all') {
+  const onChangeUnit = (next) => {
+    const newUnits = { ...selectedUnits };
+    if (corner === "all") {
       newUnits.topLeft = next;
       newUnits.topRight = next;
       newUnits.bottomLeft = next;
@@ -60,19 +72,14 @@ export default function SingleInputControl({
     }
     setSelectedUnits(newUnits);
   };
-
-  // For shorthand style & backwards compatibility, handle flat string value.
-  const values = typeof valuesProp !== 'string' ? valuesProp : {
+  const values = typeof valuesProp !== "string" ? valuesProp : {
     topLeft: valuesProp,
     topRight: valuesProp,
     bottomLeft: valuesProp,
     bottomRight: valuesProp
   };
-
-  // For 'all' corner, convert presets to custom values before calling getAllValue
-  // For individual corners, check if the value should be converted to a preset
   let value;
-  if (corner === 'all') {
+  if (corner === "all") {
     const convertedValues = convertPresetsToCustomValues(values, presets);
     const customValue = getAllValue(convertedValues);
     value = getPresetValueFromCustomValue(customValue, presets);
@@ -81,117 +88,152 @@ export default function SingleInputControl({
   }
   const resolvedPresetValue = isValuePreset(value) ? getCustomValueFromPreset(value, presets) : value;
   const [parsedQuantity, parsedUnit] = parseQuantityAndUnitFromRawValue(resolvedPresetValue);
-  const computedUnit = value ? parsedUnit : selectedUnits[corner] || selectedUnits.flat || 'px';
-  const unitConfig = units && units.find(item => item.value === computedUnit);
+  const computedUnit = value ? parsedUnit : selectedUnits[corner] || selectedUnits.flat || "px";
+  const unitConfig = units && units.find((item) => item.value === computedUnit);
   const step = unitConfig?.step || 1;
-  const [showCustomValueControl, setShowCustomValueControl] = useState(value !== undefined && !isValuePreset(value));
+  const [showCustomValueControl, setShowCustomValueControl] = useState(
+    value !== void 0 && !isValuePreset(value)
+  );
   const showRangeControl = presets.length <= RANGE_CONTROL_MAX_SIZE;
   const presetIndex = getSliderValueFromPreset(value, presets);
-  const rangeTooltip = newValue => value === undefined ? undefined : presets[newValue]?.name;
+  const rangeTooltip = (newValue) => value === void 0 ? void 0 : presets[newValue]?.name;
   const marks = presets.slice(1, presets.length - 1).map((_newValue, index) => ({
     value: index + 1,
-    label: undefined
+    label: void 0
   }));
   const hasPresets = marks.length > 0;
   let options = [];
   if (!showRangeControl) {
-    options = [...presets, {
-      name: __('Custom'),
-      slug: 'custom',
-      size: resolvedPresetValue
-    }].map((size, index) => ({
+    options = [
+      ...presets,
+      {
+        name: __("Custom"),
+        slug: "custom",
+        size: resolvedPresetValue
+      }
+    ].map((size, index) => ({
       key: index,
       name: size.name
     }));
   }
   const icon = ICONS[corner];
-  const handleSliderChange = next => {
-    const val = next !== undefined ? `${next}${computedUnit}` : undefined;
+  const handleSliderChange = (next) => {
+    const val = next !== void 0 ? `${next}${computedUnit}` : void 0;
     changeCornerValue(val);
   };
-
-  // Controls are wrapped in tooltips as visible labels aren't desired here.
-  // Tooltip rendering also requires the UnitControl to be wrapped. See:
-  // https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026
-  return /*#__PURE__*/_jsxs(HStack, {
-    children: [icon && /*#__PURE__*/_jsx(Icon, {
-      className: "components-border-radius-control__icon",
-      icon: icon,
-      size: 24
-    }), (!hasPresets || showCustomValueControl) && /*#__PURE__*/_jsxs("div", {
-      className: "components-border-radius-control__input-controls-wrapper",
-      children: [/*#__PURE__*/_jsx(Tooltip, {
-        text: CORNERS[corner],
-        placement: "top",
-        children: /*#__PURE__*/_jsx("div", {
-          className: "components-border-radius-control__tooltip-wrapper",
-          children: /*#__PURE__*/_jsx(UnitControl, {
-            className: "components-border-radius-control__unit-control",
-            "aria-label": CORNERS[corner],
-            value: [parsedQuantity, computedUnit].join(''),
-            onChange: onChangeValue,
-            onUnitChange: onChangeUnit,
-            size: "__unstable-large",
-            min: MIN_BORDER_RADIUS_VALUE,
-            units: units
-          })
-        })
-      }), /*#__PURE__*/_jsx(RangeControl, {
+  return /* @__PURE__ */ jsxs(HStack, { children: [
+    icon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        className: "components-border-radius-control__icon",
+        icon,
+        size: 24
+      }
+    ),
+    (!hasPresets || showCustomValueControl) && /* @__PURE__ */ jsxs("div", { className: "components-border-radius-control__input-controls-wrapper", children: [
+      /* @__PURE__ */ jsx(Tooltip, { text: CORNERS[corner], placement: "top", children: /* @__PURE__ */ jsx("div", { className: "components-border-radius-control__tooltip-wrapper", children: /* @__PURE__ */ jsx(
+        UnitControl,
+        {
+          className: "components-border-radius-control__unit-control",
+          "aria-label": CORNERS[corner],
+          value: [parsedQuantity, computedUnit].join(
+            ""
+          ),
+          onChange: onChangeValue,
+          onUnitChange: onChangeUnit,
+          size: "__unstable-large",
+          min: MIN_BORDER_RADIUS_VALUE,
+          units
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx(
+        RangeControl,
+        {
+          __next40pxDefaultSize: true,
+          label: __("Border radius"),
+          hideLabelFromVision: true,
+          className: "components-border-radius-control__range-control",
+          value: parsedQuantity ?? "",
+          min: MIN_BORDER_RADIUS_VALUE,
+          max: MAX_BORDER_RADIUS_VALUES[computedUnit],
+          initialPosition: 0,
+          withInputField: false,
+          onChange: handleSliderChange,
+          step,
+          __nextHasNoMarginBottom: true
+        }
+      )
+    ] }),
+    hasPresets && showRangeControl && !showCustomValueControl && /* @__PURE__ */ jsx(
+      RangeControl,
+      {
         __next40pxDefaultSize: true,
-        label: __('Border radius'),
-        hideLabelFromVision: true,
         className: "components-border-radius-control__range-control",
-        value: parsedQuantity !== null && parsedQuantity !== void 0 ? parsedQuantity : '',
-        min: MIN_BORDER_RADIUS_VALUE,
-        max: MAX_BORDER_RADIUS_VALUES[computedUnit],
-        initialPosition: 0,
+        value: presetIndex,
+        onChange: (newSize) => {
+          changeCornerValue(
+            getPresetValueFromControlValue(
+              newSize,
+              "range",
+              presets
+            )
+          );
+        },
         withInputField: false,
-        onChange: handleSliderChange,
-        step: step,
+        "aria-valuenow": presetIndex,
+        "aria-valuetext": presets[presetIndex]?.name,
+        renderTooltipContent: rangeTooltip,
+        min: 0,
+        max: presets.length - 1,
+        marks,
+        label: CORNERS[corner],
+        hideLabelFromVision: true,
         __nextHasNoMarginBottom: true
-      })]
-    }), hasPresets && showRangeControl && !showCustomValueControl && /*#__PURE__*/_jsx(RangeControl, {
-      __next40pxDefaultSize: true,
-      className: "components-border-radius-control__range-control",
-      value: presetIndex,
-      onChange: newSize => {
-        changeCornerValue(getPresetValueFromControlValue(newSize, 'range', presets));
-      },
-      withInputField: false,
-      "aria-valuenow": presetIndex,
-      "aria-valuetext": presets[presetIndex]?.name,
-      renderTooltipContent: rangeTooltip,
-      min: 0,
-      max: presets.length - 1,
-      marks: marks,
-      label: CORNERS[corner],
-      hideLabelFromVision: true,
-      __nextHasNoMarginBottom: true
-    }), !showRangeControl && !showCustomValueControl && /*#__PURE__*/_jsx(CustomSelectControl, {
-      className: "components-border-radius-control__custom-select-control",
-      value: options.find(option => option.key === presetIndex) || options[options.length - 1],
-      onChange: selection => {
-        if (selection.selectedItem.key === options.length - 1) {
-          setShowCustomValueControl(true);
-        } else {
-          changeCornerValue(getPresetValueFromControlValue(selection.selectedItem.key, 'selectList', presets));
-        }
-      },
-      options: options,
-      label: CORNERS[corner],
-      hideLabelFromVision: true,
-      size: "__unstable-large"
-    }), hasPresets && /*#__PURE__*/_jsx(Button, {
-      label: showCustomValueControl ? __('Use border radius preset') : __('Set custom border radius'),
-      icon: settings,
-      onClick: () => {
-        setShowCustomValueControl(!showCustomValueControl);
-      },
-      isPressed: showCustomValueControl,
-      size: "small",
-      className: "components-border-radius-control__custom-toggle",
-      iconSize: 24
-    })]
-  });
+      }
+    ),
+    !showRangeControl && !showCustomValueControl && /* @__PURE__ */ jsx(
+      CustomSelectControl,
+      {
+        className: "components-border-radius-control__custom-select-control",
+        value: options.find(
+          (option) => option.key === presetIndex
+        ) || options[options.length - 1],
+        onChange: (selection) => {
+          if (selection.selectedItem.key === options.length - 1) {
+            setShowCustomValueControl(true);
+          } else {
+            changeCornerValue(
+              getPresetValueFromControlValue(
+                selection.selectedItem.key,
+                "selectList",
+                presets
+              )
+            );
+          }
+        },
+        options,
+        label: CORNERS[corner],
+        hideLabelFromVision: true,
+        size: "__unstable-large"
+      }
+    ),
+    hasPresets && /* @__PURE__ */ jsx(
+      Button,
+      {
+        label: showCustomValueControl ? __("Use border radius preset") : __("Set custom border radius"),
+        icon: settings,
+        onClick: () => {
+          setShowCustomValueControl(!showCustomValueControl);
+        },
+        isPressed: showCustomValueControl,
+        size: "small",
+        className: "components-border-radius-control__custom-toggle",
+        iconSize: 24
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=single-input-control.js.map
+export {
+  SingleInputControl as default
+};
+//# sourceMappingURL=single-input-control.js.map

package/build-module/components/border-radius-control/single-input-control.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","__experimentalUnitControl","UnitControl","__experimentalHStack","HStack","Icon","Tooltip","RangeControl","Button","CustomSelectControl","__","useState","settings","getAllValue","getCustomValueFromPreset","getPresetValueFromControlValue","getPresetValueFromCustomValue","getSliderValueFromPreset","isValuePreset","convertPresetsToCustomValues","CORNERS","ICONS","MIN_BORDER_RADIUS_VALUE","MAX_BORDER_RADIUS_VALUES","RANGE_CONTROL_MAX_SIZE","jsx","_jsx","jsxs","_jsxs","SingleInputControl","corner","onChange","selectedUnits","setSelectedUnits","values","valuesProp","units","presets","changeCornerValue","validatedValue","topLeft","topRight","bottomLeft","bottomRight","onChangeValue","next","isNumeric","isNaN","parseFloat","nextValue","undefined","onChangeUnit","newUnits","value","convertedValues","customValue","resolvedPresetValue","parsedQuantity","parsedUnit","computedUnit","flat","unitConfig","find","item","step","showCustomValueControl","setShowCustomValueControl","showRangeControl","length","presetIndex","rangeTooltip","newValue","name","marks","slice","map","_newValue","index","label","hasPresets","options","slug","size","key","icon","handleSliderChange","val","children","className","text","placement","join","onUnitChange","min","__next40pxDefaultSize","hideLabelFromVision","max","initialPosition","withInputField","__nextHasNoMarginBottom","newSize","renderTooltipContent","option","selection","selectedItem","onClick","isPressed","iconSize"],"sources":["@wordpress/block-editor/src/components/border-radius-control/single-input-control.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalHStack as HStack,\n\tIcon,\n\tTooltip,\n\tRangeControl,\n\tButton,\n\tCustomSelectControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { settings } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetAllValue,\n\tgetCustomValueFromPreset,\n\tgetPresetValueFromControlValue,\n\tgetPresetValueFromCustomValue,\n\tgetSliderValueFromPreset,\n\tisValuePreset,\n\tconvertPresetsToCustomValues,\n} from './utils';\nimport {\n\tCORNERS,\n\tICONS,\n\tMIN_BORDER_RADIUS_VALUE,\n\tMAX_BORDER_RADIUS_VALUES,\n\tRANGE_CONTROL_MAX_SIZE,\n} from './constants';\n\nexport default function SingleInputControl( {\n\tcorner,\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues: valuesProp,\n\tunits,\n\tpresets,\n} ) {\n\tconst changeCornerValue = ( validatedValue ) => {\n\t\tif ( corner === 'all' ) {\n\t\t\tonChange( {\n\t\t\t\ttopLeft: validatedValue,\n\t\t\t\ttopRight: validatedValue,\n\t\t\t\tbottomLeft: validatedValue,\n\t\t\t\tbottomRight: validatedValue,\n\t\t\t} );\n\t\t} else {\n\t\t\tonChange( {\n\t\t\t\t...values,\n\t\t\t\t[ corner ]: validatedValue,\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst onChangeValue = ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Filter out CSS-unit-only values to prevent invalid styles.\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tchangeCornerValue( nextValue );\n\t};\n\n\tconst onChangeUnit = ( next ) => {\n\t\tconst newUnits = { ...selectedUnits };\n\t\tif ( corner === 'all' ) {\n\t\t\tnewUnits.topLeft = next;\n\t\t\tnewUnits.topRight = next;\n\t\t\tnewUnits.bottomLeft = next;\n\t\t\tnewUnits.bottomRight = next;\n\t\t} else {\n\t\t\tnewUnits[ corner ] = next;\n\t\t}\n\t\tsetSelectedUnits( newUnits );\n\t};\n\n\t// For shorthand style & backwards compatibility, handle flat string value.\n\tconst values =\n\t\ttypeof valuesProp !== 'string'\n\t\t\t? valuesProp\n\t\t\t: {\n\t\t\t\t\ttopLeft: valuesProp,\n\t\t\t\t\ttopRight: valuesProp,\n\t\t\t\t\tbottomLeft: valuesProp,\n\t\t\t\t\tbottomRight: valuesProp,\n\t\t\t  };\n\n\t// For 'all' corner, convert presets to custom values before calling getAllValue\n\t// For individual corners, check if the value should be converted to a preset\n\tlet value;\n\tif ( corner === 'all' ) {\n\t\tconst convertedValues = convertPresetsToCustomValues( values, presets );\n\t\tconst customValue = getAllValue( convertedValues );\n\t\tvalue = getPresetValueFromCustomValue( customValue, presets );\n\t} else {\n\t\tvalue = getPresetValueFromCustomValue( values[ corner ], presets );\n\t}\n\tconst resolvedPresetValue = isValuePreset( value )\n\t\t? getCustomValueFromPreset( value, presets )\n\t\t: value;\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( resolvedPresetValue );\n\tconst computedUnit = value\n\t\t? parsedUnit\n\t\t: selectedUnits[ corner ] || selectedUnits.flat || 'px';\n\tconst unitConfig =\n\t\tunits && units.find( ( item ) => item.value === computedUnit );\n\tconst step = unitConfig?.step || 1;\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\tvalue !== undefined && ! isValuePreset( value )\n\t);\n\tconst showRangeControl = presets.length <= RANGE_CONTROL_MAX_SIZE;\n\tconst presetIndex = getSliderValueFromPreset( value, presets );\n\tconst rangeTooltip = ( newValue ) =>\n\t\tvalue === undefined ? undefined : presets[ newValue ]?.name;\n\tconst marks = presets\n\t\t.slice( 1, presets.length - 1 )\n\t\t.map( ( _newValue, index ) => ( {\n\t\t\tvalue: index + 1,\n\t\t\tlabel: undefined,\n\t\t} ) );\n\tconst hasPresets = marks.length > 0;\n\tlet options = [];\n\tif ( ! showRangeControl ) {\n\t\toptions = [\n\t\t\t...presets,\n\t\t\t{\n\t\t\t\tname: __( 'Custom' ),\n\t\t\t\tslug: 'custom',\n\t\t\t\tsize: resolvedPresetValue,\n\t\t\t},\n\t\t].map( ( size, index ) => ( {\n\t\t\tkey: index,\n\t\t\tname: size.name,\n\t\t} ) );\n\t}\n\tconst icon = ICONS[ corner ];\n\n\tconst handleSliderChange = ( next ) => {\n\t\tconst val =\n\t\t\tnext !== undefined ? `${ next }${ computedUnit }` : undefined;\n\t\tchangeCornerValue( val );\n\t};\n\n\t// Controls are wrapped in tooltips as visible labels aren't desired here.\n\t// Tooltip rendering also requires the UnitControl to be wrapped. See:\n\t// https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026\n\treturn (\n\t\t<HStack>\n\t\t\t{ icon && (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"components-border-radius-control__icon\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ( ! hasPresets || showCustomValueControl ) && (\n\t\t\t\t<div className=\"components-border-radius-control__input-controls-wrapper\">\n\t\t\t\t\t<Tooltip text={ CORNERS[ corner ] } placement=\"top\">\n\t\t\t\t\t\t<div className=\"components-border-radius-control__tooltip-wrapper\">\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tclassName=\"components-border-radius-control__unit-control\"\n\t\t\t\t\t\t\t\taria-label={ CORNERS[ corner ] }\n\t\t\t\t\t\t\t\tvalue={ [ parsedQuantity, computedUnit ].join(\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\tonChange={ onChangeValue }\n\t\t\t\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Border radius' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\t\tvalue={ parsedQuantity ?? '' }\n\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\tmax={ MAX_BORDER_RADIUS_VALUES[ computedUnit ] }\n\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasPresets && showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\tvalue={ presetIndex }\n\t\t\t\t\tonChange={ ( newSize ) => {\n\t\t\t\t\t\tchangeCornerValue(\n\t\t\t\t\t\t\tgetPresetValueFromControlValue(\n\t\t\t\t\t\t\t\tnewSize,\n\t\t\t\t\t\t\t\t'range',\n\t\t\t\t\t\t\t\tpresets\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\twithInputField={ false }\n\t\t\t\t\taria-valuenow={ presetIndex }\n\t\t\t\t\taria-valuetext={ presets[ presetIndex ]?.name }\n\t\t\t\t\trenderTooltipContent={ rangeTooltip }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ presets.length - 1 }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tlabel={ CORNERS[ corner ] }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ ! showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<CustomSelectControl\n\t\t\t\t\tclassName=\"components-border-radius-control__custom-select-control\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\toptions.find(\n\t\t\t\t\t\t\t( option ) => option.key === presetIndex\n\t\t\t\t\t\t) || options[ options.length - 1 ]\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( selection ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tselection.selectedItem.key ===\n\t\t\t\t\t\t\toptions.length - 1\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetShowCustomValueControl( true );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tchangeCornerValue(\n\t\t\t\t\t\t\t\tgetPresetValueFromControlValue(\n\t\t\t\t\t\t\t\t\tselection.selectedItem.key,\n\t\t\t\t\t\t\t\t\t'selectList',\n\t\t\t\t\t\t\t\t\tpresets\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\toptions={ options }\n\t\t\t\t\tlabel={ CORNERS[ corner ] }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasPresets && (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tshowCustomValueControl\n\t\t\t\t\t\t\t? __( 'Use border radius preset' )\n\t\t\t\t\t\t\t: __( 'Set custom border radius' )\n\t\t\t\t\t}\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetShowCustomValueControl( ! showCustomValueControl );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ showCustomValueControl }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"components-border-radius-control__custom-toggle\"\n\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/border-radius-control/single-input-control.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalHStack as HStack,\n\tIcon,\n\tTooltip,\n\tRangeControl,\n\tButton,\n\tCustomSelectControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { settings } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetAllValue,\n\tgetCustomValueFromPreset,\n\tgetPresetValueFromControlValue,\n\tgetPresetValueFromCustomValue,\n\tgetSliderValueFromPreset,\n\tisValuePreset,\n\tconvertPresetsToCustomValues,\n} from './utils';\nimport {\n\tCORNERS,\n\tICONS,\n\tMIN_BORDER_RADIUS_VALUE,\n\tMAX_BORDER_RADIUS_VALUES,\n\tRANGE_CONTROL_MAX_SIZE,\n} from './constants';\n\nexport default function SingleInputControl( {\n\tcorner,\n\tonChange,\n\tselectedUnits,\n\tsetSelectedUnits,\n\tvalues: valuesProp,\n\tunits,\n\tpresets,\n} ) {\n\tconst changeCornerValue = ( validatedValue ) => {\n\t\tif ( corner === 'all' ) {\n\t\t\tonChange( {\n\t\t\t\ttopLeft: validatedValue,\n\t\t\t\ttopRight: validatedValue,\n\t\t\t\tbottomLeft: validatedValue,\n\t\t\t\tbottomRight: validatedValue,\n\t\t\t} );\n\t\t} else {\n\t\t\tonChange( {\n\t\t\t\t...values,\n\t\t\t\t[ corner ]: validatedValue,\n\t\t\t} );\n\t\t}\n\t};\n\n\tconst onChangeValue = ( next ) => {\n\t\tif ( ! onChange ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Filter out CSS-unit-only values to prevent invalid styles.\n\t\tconst isNumeric = ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : undefined;\n\t\tchangeCornerValue( nextValue );\n\t};\n\n\tconst onChangeUnit = ( next ) => {\n\t\tconst newUnits = { ...selectedUnits };\n\t\tif ( corner === 'all' ) {\n\t\t\tnewUnits.topLeft = next;\n\t\t\tnewUnits.topRight = next;\n\t\t\tnewUnits.bottomLeft = next;\n\t\t\tnewUnits.bottomRight = next;\n\t\t} else {\n\t\t\tnewUnits[ corner ] = next;\n\t\t}\n\t\tsetSelectedUnits( newUnits );\n\t};\n\n\t// For shorthand style & backwards compatibility, handle flat string value.\n\tconst values =\n\t\ttypeof valuesProp !== 'string'\n\t\t\t? valuesProp\n\t\t\t: {\n\t\t\t\t\ttopLeft: valuesProp,\n\t\t\t\t\ttopRight: valuesProp,\n\t\t\t\t\tbottomLeft: valuesProp,\n\t\t\t\t\tbottomRight: valuesProp,\n\t\t\t  };\n\n\t// For 'all' corner, convert presets to custom values before calling getAllValue\n\t// For individual corners, check if the value should be converted to a preset\n\tlet value;\n\tif ( corner === 'all' ) {\n\t\tconst convertedValues = convertPresetsToCustomValues( values, presets );\n\t\tconst customValue = getAllValue( convertedValues );\n\t\tvalue = getPresetValueFromCustomValue( customValue, presets );\n\t} else {\n\t\tvalue = getPresetValueFromCustomValue( values[ corner ], presets );\n\t}\n\tconst resolvedPresetValue = isValuePreset( value )\n\t\t? getCustomValueFromPreset( value, presets )\n\t\t: value;\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( resolvedPresetValue );\n\tconst computedUnit = value\n\t\t? parsedUnit\n\t\t: selectedUnits[ corner ] || selectedUnits.flat || 'px';\n\tconst unitConfig =\n\t\tunits && units.find( ( item ) => item.value === computedUnit );\n\tconst step = unitConfig?.step || 1;\n\tconst [ showCustomValueControl, setShowCustomValueControl ] = useState(\n\t\tvalue !== undefined && ! isValuePreset( value )\n\t);\n\tconst showRangeControl = presets.length <= RANGE_CONTROL_MAX_SIZE;\n\tconst presetIndex = getSliderValueFromPreset( value, presets );\n\tconst rangeTooltip = ( newValue ) =>\n\t\tvalue === undefined ? undefined : presets[ newValue ]?.name;\n\tconst marks = presets\n\t\t.slice( 1, presets.length - 1 )\n\t\t.map( ( _newValue, index ) => ( {\n\t\t\tvalue: index + 1,\n\t\t\tlabel: undefined,\n\t\t} ) );\n\tconst hasPresets = marks.length > 0;\n\tlet options = [];\n\tif ( ! showRangeControl ) {\n\t\toptions = [\n\t\t\t...presets,\n\t\t\t{\n\t\t\t\tname: __( 'Custom' ),\n\t\t\t\tslug: 'custom',\n\t\t\t\tsize: resolvedPresetValue,\n\t\t\t},\n\t\t].map( ( size, index ) => ( {\n\t\t\tkey: index,\n\t\t\tname: size.name,\n\t\t} ) );\n\t}\n\tconst icon = ICONS[ corner ];\n\n\tconst handleSliderChange = ( next ) => {\n\t\tconst val =\n\t\t\tnext !== undefined ? `${ next }${ computedUnit }` : undefined;\n\t\tchangeCornerValue( val );\n\t};\n\n\t// Controls are wrapped in tooltips as visible labels aren't desired here.\n\t// Tooltip rendering also requires the UnitControl to be wrapped. See:\n\t// https://github.com/WordPress/gutenberg/pull/24966#issuecomment-685875026\n\treturn (\n\t\t<HStack>\n\t\t\t{ icon && (\n\t\t\t\t<Icon\n\t\t\t\t\tclassName=\"components-border-radius-control__icon\"\n\t\t\t\t\ticon={ icon }\n\t\t\t\t\tsize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ ( ! hasPresets || showCustomValueControl ) && (\n\t\t\t\t<div className=\"components-border-radius-control__input-controls-wrapper\">\n\t\t\t\t\t<Tooltip text={ CORNERS[ corner ] } placement=\"top\">\n\t\t\t\t\t\t<div className=\"components-border-radius-control__tooltip-wrapper\">\n\t\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\t\tclassName=\"components-border-radius-control__unit-control\"\n\t\t\t\t\t\t\t\taria-label={ CORNERS[ corner ] }\n\t\t\t\t\t\t\t\tvalue={ [ parsedQuantity, computedUnit ].join(\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\tonChange={ onChangeValue }\n\t\t\t\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Border radius' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\t\tvalue={ parsedQuantity ?? '' }\n\t\t\t\t\t\tmin={ MIN_BORDER_RADIUS_VALUE }\n\t\t\t\t\t\tmax={ MAX_BORDER_RADIUS_VALUES[ computedUnit ] }\n\t\t\t\t\t\tinitialPosition={ 0 }\n\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\tonChange={ handleSliderChange }\n\t\t\t\t\t\tstep={ step }\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasPresets && showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<RangeControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tclassName=\"components-border-radius-control__range-control\"\n\t\t\t\t\tvalue={ presetIndex }\n\t\t\t\t\tonChange={ ( newSize ) => {\n\t\t\t\t\t\tchangeCornerValue(\n\t\t\t\t\t\t\tgetPresetValueFromControlValue(\n\t\t\t\t\t\t\t\tnewSize,\n\t\t\t\t\t\t\t\t'range',\n\t\t\t\t\t\t\t\tpresets\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\twithInputField={ false }\n\t\t\t\t\taria-valuenow={ presetIndex }\n\t\t\t\t\taria-valuetext={ presets[ presetIndex ]?.name }\n\t\t\t\t\trenderTooltipContent={ rangeTooltip }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tmax={ presets.length - 1 }\n\t\t\t\t\tmarks={ marks }\n\t\t\t\t\tlabel={ CORNERS[ corner ] }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ ! showRangeControl && ! showCustomValueControl && (\n\t\t\t\t<CustomSelectControl\n\t\t\t\t\tclassName=\"components-border-radius-control__custom-select-control\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\toptions.find(\n\t\t\t\t\t\t\t( option ) => option.key === presetIndex\n\t\t\t\t\t\t) || options[ options.length - 1 ]\n\t\t\t\t\t}\n\t\t\t\t\tonChange={ ( selection ) => {\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tselection.selectedItem.key ===\n\t\t\t\t\t\t\toptions.length - 1\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tsetShowCustomValueControl( true );\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tchangeCornerValue(\n\t\t\t\t\t\t\t\tgetPresetValueFromControlValue(\n\t\t\t\t\t\t\t\t\tselection.selectedItem.key,\n\t\t\t\t\t\t\t\t\t'selectList',\n\t\t\t\t\t\t\t\t\tpresets\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\toptions={ options }\n\t\t\t\t\tlabel={ CORNERS[ corner ] }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasPresets && (\n\t\t\t\t<Button\n\t\t\t\t\tlabel={\n\t\t\t\t\t\tshowCustomValueControl\n\t\t\t\t\t\t\t? __( 'Use border radius preset' )\n\t\t\t\t\t\t\t: __( 'Set custom border radius' )\n\t\t\t\t\t}\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetShowCustomValueControl( ! showCustomValueControl );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ showCustomValueControl }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tclassName=\"components-border-radius-control__custom-toggle\"\n\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</HStack>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}