@wordpress/components 25.0.0 → 25.1.1

package/build/notice/list.native.js

@@ -9,8 +9,6 @@ exports.default = void 0;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _reactNative = require("react-native");
 
 var _data = require("@wordpress/data");
@@ -57,10 +55,10 @@ function NoticeList() {
   return (0, _element.createElement)(_reactNative.View, {
     style: _style.default.list
   }, notices.map(notice => {
-    return (0, _element.createElement)(_.default, (0, _extends2.default)({}, notice, {
+    return (0, _element.createElement)(_.default, { ...notice,
       key: notice.id,
       onNoticeHidden: onRemoveNotice
-    }));
+    });
   }));
 }
 

package/build/notice/list.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/notice/list.native.js"],"names":["NoticeList","notices","select","getNotices","noticesStore","removeNotice","onRemoveNotice","id","length","styles","list","map","notice"],"mappings":";;;;;;;;;AAgBA;;;;AAbA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAKA,SAASA,UAAT,GAAsB;AACrB,QAAM;AAAEC,IAAAA;AAAF,MAAc,qBAAaC,MAAF,IAAc;AAC5C,UAAM;AAAEC,MAAAA;AAAF,QAAiBD,MAAM,CAAEE,cAAF,CAA7B;AACA,WAAO;AACNH,MAAAA,OAAO,EAAEE,UAAU;AADb,KAAP;AAGA,GALmB,EAKjB,EALiB,CAApB;AAOA,QAAM;AAAEE,IAAAA;AAAF,MAAmB,uBAAaD,cAAb,CAAzB;AAEA,QAAME,cAAc,GAAG,0BACpBC,EAAF,IAAU;AACTF,IAAAA,YAAY,CAAEE,EAAF,CAAZ;AACA,GAHqB,EAItB,CAAEF,YAAF,CAJsB,CAAvB;;AAOA,MAAK,CAAEJ,OAAO,CAACO,MAAf,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC,eAAOC;AAArB,KACGT,OAAO,CAACU,GAAR,CAAeC,MAAF,IAAc;AAC5B,WACC,4BAAC,SAAD,6BACMA,MADN;AAEC,MAAA,GAAG,EAAGA,MAAM,CAACL,EAFd;AAGC,MAAA,cAAc,EAAGD;AAHlB,OADD;AAOA,GARC,CADH,CADD;AAaA;;eAEcN,U","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport Notice from './';\nimport styles from './style.scss';\nimport { useCallback } from '@wordpress/element';\n\nfunction NoticeList() {\n\tconst { notices } = useSelect( ( select ) => {\n\t\tconst { getNotices } = select( noticesStore );\n\t\treturn {\n\t\t\tnotices: getNotices(),\n\t\t};\n\t}, [] );\n\n\tconst { removeNotice } = useDispatch( noticesStore );\n\n\tconst onRemoveNotice = useCallback(\n\t\t( id ) => {\n\t\t\tremoveNotice( id );\n\t\t},\n\t\t[ removeNotice ]\n\t);\n\n\tif ( ! notices.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ styles.list }>\n\t\t\t{ notices.map( ( notice ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Notice\n\t\t\t\t\t\t{ ...notice }\n\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\tonNoticeHidden={ onRemoveNotice }\n\t\t\t\t\t></Notice>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</View>\n\t);\n}\n\nexport default NoticeList;\n"]}
+{"version":3,"sources":["@wordpress/components/src/notice/list.native.js"],"names":["NoticeList","notices","select","getNotices","noticesStore","removeNotice","onRemoveNotice","id","length","styles","list","map","notice"],"mappings":";;;;;;;;;AAgBA;;AAbA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAKA,SAASA,UAAT,GAAsB;AACrB,QAAM;AAAEC,IAAAA;AAAF,MAAc,qBAAaC,MAAF,IAAc;AAC5C,UAAM;AAAEC,MAAAA;AAAF,QAAiBD,MAAM,CAAEE,cAAF,CAA7B;AACA,WAAO;AACNH,MAAAA,OAAO,EAAEE,UAAU;AADb,KAAP;AAGA,GALmB,EAKjB,EALiB,CAApB;AAOA,QAAM;AAAEE,IAAAA;AAAF,MAAmB,uBAAaD,cAAb,CAAzB;AAEA,QAAME,cAAc,GAAG,0BACpBC,EAAF,IAAU;AACTF,IAAAA,YAAY,CAAEE,EAAF,CAAZ;AACA,GAHqB,EAItB,CAAEF,YAAF,CAJsB,CAAvB;;AAOA,MAAK,CAAEJ,OAAO,CAACO,MAAf,EAAwB;AACvB,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGC,eAAOC;AAArB,KACGT,OAAO,CAACU,GAAR,CAAeC,MAAF,IAAc;AAC5B,WACC,4BAAC,SAAD,OACMA,MADN;AAEC,MAAA,GAAG,EAAGA,MAAM,CAACL,EAFd;AAGC,MAAA,cAAc,EAAGD;AAHlB,MADD;AAOA,GARC,CADH,CADD;AAaA;;eAEcN,U","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport Notice from './';\nimport styles from './style.scss';\nimport { useCallback } from '@wordpress/element';\n\nfunction NoticeList() {\n\tconst { notices } = useSelect( ( select ) => {\n\t\tconst { getNotices } = select( noticesStore );\n\t\treturn {\n\t\t\tnotices: getNotices(),\n\t\t};\n\t}, [] );\n\n\tconst { removeNotice } = useDispatch( noticesStore );\n\n\tconst onRemoveNotice = useCallback(\n\t\t( id ) => {\n\t\t\tremoveNotice( id );\n\t\t},\n\t\t[ removeNotice ]\n\t);\n\n\tif ( ! notices.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ styles.list }>\n\t\t\t{ notices.map( ( notice ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Notice\n\t\t\t\t\t\t{ ...notice }\n\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\tonNoticeHidden={ onRemoveNotice }\n\t\t\t\t\t></Notice>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</View>\n\t);\n}\n\nexport default NoticeList;\n"]}

package/build/number-control/index.js

@@ -9,8 +9,6 @@ exports.default = exports.NumberControl = void 0;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _i18n = require("@wordpress/i18n");
@@ -50,29 +48,27 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 const noop = () => {};
 
-function UnforwardedNumberControl(_ref, forwardedRef) {
-  let {
-    __unstableStateReducer: stateReducerProp,
-    className,
-    dragDirection = 'n',
-    hideHTMLArrows = false,
-    spinControls = 'native',
-    isDragEnabled = true,
-    isShiftStepEnabled = true,
-    label,
-    max = Infinity,
-    min = -Infinity,
-    required = false,
-    shiftStep = 10,
-    step = 1,
-    type: typeProp = 'number',
-    value: valueProp,
-    size = 'default',
-    suffix,
-    onChange = noop,
-    ...props
-  } = _ref;
-
+function UnforwardedNumberControl({
+  __unstableStateReducer: stateReducerProp,
+  className,
+  dragDirection = 'n',
+  hideHTMLArrows = false,
+  spinControls = 'native',
+  isDragEnabled = true,
+  isShiftStepEnabled = true,
+  label,
+  max = Infinity,
+  min = -Infinity,
+  required = false,
+  shiftStep = 10,
+  step = 1,
+  type: typeProp = 'number',
+  value: valueProp,
+  size = 'default',
+  suffix,
+  onChange = noop,
+  ...props
+}, forwardedRef) {
   if (hideHTMLArrows) {
     (0, _deprecated.default)('wp.components.NumberControl hideHTMLArrows prop ', {
       alternative: 'spinControls="none"',
@@ -97,8 +93,8 @@ function UnforwardedNumberControl(_ref, forwardedRef) {
   const classes = (0, _classnames.default)('components-number-control', className);
 
   const spinValue = (value, direction, event) => {
-    event === null || event === void 0 ? void 0 : event.preventDefault();
-    const shift = (event === null || event === void 0 ? void 0 : event.shiftKey) && isShiftStepEnabled;
+    event?.preventDefault();
+    const shift = event?.shiftKey && isShiftStepEnabled;
     const delta = shift ? (0, _values.ensureNumber)(shiftStep) * baseStep : baseStep;
     let nextValue = (0, _values.isValueEmpty)(value) ? baseValue : value;
 
@@ -201,10 +197,10 @@ function UnforwardedNumberControl(_ref, forwardedRef) {
     }
   });
 
-  return (0, _element.createElement)(_numberControlStyles.Input, (0, _extends2.default)({
+  return (0, _element.createElement)(_numberControlStyles.Input, {
     autoComplete: autoComplete,
-    inputMode: "numeric"
-  }, props, {
+    inputMode: "numeric",
+    ...props,
     className: classes,
     dragDirection: dragDirection,
     hideHTMLArrows: spinControls !== 'native',
@@ -222,7 +218,7 @@ function UnforwardedNumberControl(_ref, forwardedRef) {
       var _stateReducerProp;
 
       const baseState = numberControlStateReducer(state, action);
-      return (_stateReducerProp = stateReducerProp === null || stateReducerProp === void 0 ? void 0 : stateReducerProp(baseState, action)) !== null && _stateReducerProp !== void 0 ? _stateReducerProp : baseState;
+      return (_stateReducerProp = stateReducerProp?.(baseState, action)) !== null && _stateReducerProp !== void 0 ? _stateReducerProp : baseState;
     },
     size: size,
     suffix: spinControls === 'custom' ? (0, _element.createElement)(_element.Fragment, null, suffix, (0, _element.createElement)(_spacer.Spacer, {
@@ -248,7 +244,7 @@ function UnforwardedNumberControl(_ref, forwardedRef) {
       size: size
     })))) : suffix,
     onChange: onChange
-  }));
+  });
 }
 
 const NumberControl = (0, _element.forwardRef)(UnforwardedNumberControl);

package/build/number-control/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/number-control/index.tsx"],"names":["noop","UnforwardedNumberControl","forwardedRef","__unstableStateReducer","stateReducerProp","className","dragDirection","hideHTMLArrows","spinControls","isDragEnabled","isShiftStepEnabled","label","max","Infinity","min","required","shiftStep","step","type","typeProp","value","valueProp","size","suffix","onChange","props","alternative","since","version","inputRef","mergedRef","isStepAny","baseStep","baseValue","constrainValue","stepOverride","Math","autoComplete","undefined","classes","spinValue","direction","event","preventDefault","shift","shiftKey","delta","nextValue","numberControlStateReducer","state","action","nextState","payload","currentValue","inputControlActionTypes","PRESS_UP","PRESS_DOWN","DRAG","x","y","enableShift","modifier","directionModifier","ceil","abs","sign","distance","PRESS_ENTER","COMMIT","applyEmptyValue","buildSpinButtonClickHandler","String","target","current","baseState","plusIcon","resetIcon","NumberControl"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\nimport type { ForwardedRef, KeyboardEvent, MouseEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, forwardRef } from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { plus as plusIcon, reset as resetIcon } from '@wordpress/icons';\nimport { useMergeRefs } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { Input, SpinButton } from './styles/number-control-styles';\nimport * as inputControlActionTypes from '../input-control/reducer/actions';\nimport { add, subtract, roundClamp } from '../utils/math';\nimport { ensureNumber, isValueEmpty } from '../utils/values';\nimport type { WordPressComponentProps } from '../ui/context/wordpress-component';\nimport type { NumberControlProps } from './types';\nimport { HStack } from '../h-stack';\nimport { Spacer } from '../spacer';\n\nconst noop = () => {};\n\nfunction UnforwardedNumberControl(\n\t{\n\t\t__unstableStateReducer: stateReducerProp,\n\t\tclassName,\n\t\tdragDirection = 'n',\n\t\thideHTMLArrows = false,\n\t\tspinControls = 'native',\n\t\tisDragEnabled = true,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmax = Infinity,\n\t\tmin = -Infinity,\n\t\trequired = false,\n\t\tshiftStep = 10,\n\t\tstep = 1,\n\t\ttype: typeProp = 'number',\n\t\tvalue: valueProp,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\tonChange = noop,\n\t\t...props\n\t}: WordPressComponentProps< NumberControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tif ( hideHTMLArrows ) {\n\t\tdeprecated( 'wp.components.NumberControl hideHTMLArrows prop ', {\n\t\t\talternative: 'spinControls=\"none\"',\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.3',\n\t\t} );\n\t\tspinControls = 'none';\n\t}\n\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst mergedRef = useMergeRefs( [ inputRef, forwardedRef ] );\n\n\tconst isStepAny = step === 'any';\n\tconst baseStep = isStepAny ? 1 : ensureNumber( step );\n\tconst baseValue = roundClamp( 0, min, max, baseStep );\n\tconst constrainValue = (\n\t\tvalue: number | string,\n\t\tstepOverride?: number\n\t) => {\n\t\t// When step is \"any\" clamp the value, otherwise round and clamp it.\n\t\treturn isStepAny\n\t\t\t? Math.min( max, Math.max( min, ensureNumber( value ) ) )\n\t\t\t: roundClamp( value, min, max, stepOverride ?? baseStep );\n\t};\n\n\tconst autoComplete = typeProp === 'number' ? 'off' : undefined;\n\tconst classes = classNames( 'components-number-control', className );\n\n\tconst spinValue = (\n\t\tvalue: string | number | undefined,\n\t\tdirection: 'up' | 'down',\n\t\tevent: KeyboardEvent | MouseEvent | undefined\n\t) => {\n\t\tevent?.preventDefault();\n\t\tconst shift = event?.shiftKey && isShiftStepEnabled;\n\t\tconst delta = shift ? ensureNumber( shiftStep ) * baseStep : baseStep;\n\t\tlet nextValue = isValueEmpty( value ) ? baseValue : value;\n\t\tif ( direction === 'up' ) {\n\t\t\tnextValue = add( nextValue, delta );\n\t\t} else if ( direction === 'down' ) {\n\t\t\tnextValue = subtract( nextValue, delta );\n\t\t}\n\t\treturn constrainValue( nextValue, shift ? delta : undefined );\n\t};\n\n\t/**\n\t * \"Middleware\" function that intercepts updates from InputControl.\n\t * This allows us to tap into actions to transform the (next) state for\n\t * InputControl.\n\t *\n\t * @return The updated state to apply to InputControl\n\t */\n\tconst numberControlStateReducer: NumberControlProps[ '__unstableStateReducer' ] =\n\t\t( state, action ) => {\n\t\t\tconst nextState = { ...state };\n\n\t\t\tconst { type, payload } = action;\n\t\t\tconst event = payload.event;\n\t\t\tconst currentValue = nextState.value;\n\n\t\t\t/**\n\t\t\t * Handles custom UP and DOWN Keyboard events\n\t\t\t */\n\t\t\tif (\n\t\t\t\ttype === inputControlActionTypes.PRESS_UP ||\n\t\t\t\ttype === inputControlActionTypes.PRESS_DOWN\n\t\t\t) {\n\t\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\t\tnextState.value = spinValue(\n\t\t\t\t\tcurrentValue,\n\t\t\t\t\ttype === inputControlActionTypes.PRESS_UP ? 'up' : 'down',\n\t\t\t\t\tevent as KeyboardEvent | undefined\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles drag to update events\n\t\t\t */\n\t\t\tif ( type === inputControlActionTypes.DRAG && isDragEnabled ) {\n\t\t\t\tconst [ x, y ] = payload.delta;\n\t\t\t\tconst enableShift = payload.shiftKey && isShiftStepEnabled;\n\t\t\t\tconst modifier = enableShift\n\t\t\t\t\t? ensureNumber( shiftStep ) * baseStep\n\t\t\t\t\t: baseStep;\n\n\t\t\t\tlet directionModifier;\n\t\t\t\tlet delta;\n\n\t\t\t\tswitch ( dragDirection ) {\n\t\t\t\t\tcase 'n':\n\t\t\t\t\t\tdelta = y;\n\t\t\t\t\t\tdirectionModifier = -1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 'e':\n\t\t\t\t\t\tdelta = x;\n\t\t\t\t\t\tdirectionModifier = isRTL() ? -1 : 1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 's':\n\t\t\t\t\t\tdelta = y;\n\t\t\t\t\t\tdirectionModifier = 1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 'w':\n\t\t\t\t\t\tdelta = x;\n\t\t\t\t\t\tdirectionModifier = isRTL() ? 1 : -1;\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tif ( delta !== 0 ) {\n\t\t\t\t\tdelta = Math.ceil( Math.abs( delta ) ) * Math.sign( delta );\n\t\t\t\t\tconst distance = delta * modifier * directionModifier;\n\n\t\t\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\t\t\tnextState.value = constrainValue(\n\t\t\t\t\t\t// @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n\t\t\t\t\t\tadd( currentValue, distance ),\n\t\t\t\t\t\tenableShift ? modifier : undefined\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles commit (ENTER key press or blur)\n\t\t\t */\n\t\t\tif (\n\t\t\t\ttype === inputControlActionTypes.PRESS_ENTER ||\n\t\t\t\ttype === inputControlActionTypes.COMMIT\n\t\t\t) {\n\t\t\t\tconst applyEmptyValue =\n\t\t\t\t\trequired === false && currentValue === '';\n\n\t\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\t\tnextState.value = applyEmptyValue\n\t\t\t\t\t? currentValue\n\t\t\t\t\t: // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n\t\t\t\t\t  constrainValue( currentValue );\n\t\t\t}\n\n\t\t\treturn nextState;\n\t\t};\n\n\tconst buildSpinButtonClickHandler =\n\t\t( direction: 'up' | 'down' ) =>\n\t\t( event: MouseEvent< HTMLButtonElement > ) =>\n\t\t\tonChange( String( spinValue( valueProp, direction, event ) ), {\n\t\t\t\t// Set event.target to the <input> so that consumers can use\n\t\t\t\t// e.g. event.target.validity.\n\t\t\t\tevent: {\n\t\t\t\t\t...event,\n\t\t\t\t\ttarget: inputRef.current!,\n\t\t\t\t},\n\t\t\t} );\n\n\treturn (\n\t\t<Input\n\t\t\tautoComplete={ autoComplete }\n\t\t\tinputMode=\"numeric\"\n\t\t\t{ ...props }\n\t\t\tclassName={ classes }\n\t\t\tdragDirection={ dragDirection }\n\t\t\thideHTMLArrows={ spinControls !== 'native' }\n\t\t\tisDragEnabled={ isDragEnabled }\n\t\t\tlabel={ label }\n\t\t\tmax={ max }\n\t\t\tmin={ min }\n\t\t\tref={ mergedRef }\n\t\t\trequired={ required }\n\t\t\tstep={ step }\n\t\t\ttype={ typeProp }\n\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\tvalue={ valueProp }\n\t\t\t__unstableStateReducer={ ( state, action ) => {\n\t\t\t\tconst baseState = numberControlStateReducer( state, action );\n\t\t\t\treturn stateReducerProp?.( baseState, action ) ?? baseState;\n\t\t\t} }\n\t\t\tsize={ size }\n\t\t\tsuffix={\n\t\t\t\tspinControls === 'custom' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t<Spacer marginBottom={ 0 } marginRight={ 2 }>\n\t\t\t\t\t\t\t<HStack spacing={ 1 }>\n\t\t\t\t\t\t\t\t<SpinButton\n\t\t\t\t\t\t\t\t\ticon={ plusIcon }\n\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Increment' ) }\n\t\t\t\t\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\t\t\t\t\tonClick={ buildSpinButtonClickHandler(\n\t\t\t\t\t\t\t\t\t\t'up'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<SpinButton\n\t\t\t\t\t\t\t\t\ticon={ resetIcon }\n\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Decrement' ) }\n\t\t\t\t\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\t\t\t\t\tonClick={ buildSpinButtonClickHandler(\n\t\t\t\t\t\t\t\t\t\t'down'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\tsuffix\n\t\t\t\t)\n\t\t\t}\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n\nexport const NumberControl = forwardRef( UnforwardedNumberControl );\n\nexport default NumberControl;\n"]}
+{"version":3,"sources":["@wordpress/components/src/number-control/index.tsx"],"names":["noop","UnforwardedNumberControl","__unstableStateReducer","stateReducerProp","className","dragDirection","hideHTMLArrows","spinControls","isDragEnabled","isShiftStepEnabled","label","max","Infinity","min","required","shiftStep","step","type","typeProp","value","valueProp","size","suffix","onChange","props","forwardedRef","alternative","since","version","inputRef","mergedRef","isStepAny","baseStep","baseValue","constrainValue","stepOverride","Math","autoComplete","undefined","classes","spinValue","direction","event","preventDefault","shift","shiftKey","delta","nextValue","numberControlStateReducer","state","action","nextState","payload","currentValue","inputControlActionTypes","PRESS_UP","PRESS_DOWN","DRAG","x","y","enableShift","modifier","directionModifier","ceil","abs","sign","distance","PRESS_ENTER","COMMIT","applyEmptyValue","buildSpinButtonClickHandler","String","target","current","baseState","plusIcon","resetIcon","NumberControl"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\nimport type { ForwardedRef, KeyboardEvent, MouseEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, forwardRef } from '@wordpress/element';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { plus as plusIcon, reset as resetIcon } from '@wordpress/icons';\nimport { useMergeRefs } from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport { Input, SpinButton } from './styles/number-control-styles';\nimport * as inputControlActionTypes from '../input-control/reducer/actions';\nimport { add, subtract, roundClamp } from '../utils/math';\nimport { ensureNumber, isValueEmpty } from '../utils/values';\nimport type { WordPressComponentProps } from '../ui/context/wordpress-component';\nimport type { NumberControlProps } from './types';\nimport { HStack } from '../h-stack';\nimport { Spacer } from '../spacer';\n\nconst noop = () => {};\n\nfunction UnforwardedNumberControl(\n\t{\n\t\t__unstableStateReducer: stateReducerProp,\n\t\tclassName,\n\t\tdragDirection = 'n',\n\t\thideHTMLArrows = false,\n\t\tspinControls = 'native',\n\t\tisDragEnabled = true,\n\t\tisShiftStepEnabled = true,\n\t\tlabel,\n\t\tmax = Infinity,\n\t\tmin = -Infinity,\n\t\trequired = false,\n\t\tshiftStep = 10,\n\t\tstep = 1,\n\t\ttype: typeProp = 'number',\n\t\tvalue: valueProp,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\tonChange = noop,\n\t\t...props\n\t}: WordPressComponentProps< NumberControlProps, 'input', false >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tif ( hideHTMLArrows ) {\n\t\tdeprecated( 'wp.components.NumberControl hideHTMLArrows prop ', {\n\t\t\talternative: 'spinControls=\"none\"',\n\t\t\tsince: '6.2',\n\t\t\tversion: '6.3',\n\t\t} );\n\t\tspinControls = 'none';\n\t}\n\n\tconst inputRef = useRef< HTMLInputElement >();\n\tconst mergedRef = useMergeRefs( [ inputRef, forwardedRef ] );\n\n\tconst isStepAny = step === 'any';\n\tconst baseStep = isStepAny ? 1 : ensureNumber( step );\n\tconst baseValue = roundClamp( 0, min, max, baseStep );\n\tconst constrainValue = (\n\t\tvalue: number | string,\n\t\tstepOverride?: number\n\t) => {\n\t\t// When step is \"any\" clamp the value, otherwise round and clamp it.\n\t\treturn isStepAny\n\t\t\t? Math.min( max, Math.max( min, ensureNumber( value ) ) )\n\t\t\t: roundClamp( value, min, max, stepOverride ?? baseStep );\n\t};\n\n\tconst autoComplete = typeProp === 'number' ? 'off' : undefined;\n\tconst classes = classNames( 'components-number-control', className );\n\n\tconst spinValue = (\n\t\tvalue: string | number | undefined,\n\t\tdirection: 'up' | 'down',\n\t\tevent: KeyboardEvent | MouseEvent | undefined\n\t) => {\n\t\tevent?.preventDefault();\n\t\tconst shift = event?.shiftKey && isShiftStepEnabled;\n\t\tconst delta = shift ? ensureNumber( shiftStep ) * baseStep : baseStep;\n\t\tlet nextValue = isValueEmpty( value ) ? baseValue : value;\n\t\tif ( direction === 'up' ) {\n\t\t\tnextValue = add( nextValue, delta );\n\t\t} else if ( direction === 'down' ) {\n\t\t\tnextValue = subtract( nextValue, delta );\n\t\t}\n\t\treturn constrainValue( nextValue, shift ? delta : undefined );\n\t};\n\n\t/**\n\t * \"Middleware\" function that intercepts updates from InputControl.\n\t * This allows us to tap into actions to transform the (next) state for\n\t * InputControl.\n\t *\n\t * @return The updated state to apply to InputControl\n\t */\n\tconst numberControlStateReducer: NumberControlProps[ '__unstableStateReducer' ] =\n\t\t( state, action ) => {\n\t\t\tconst nextState = { ...state };\n\n\t\t\tconst { type, payload } = action;\n\t\t\tconst event = payload.event;\n\t\t\tconst currentValue = nextState.value;\n\n\t\t\t/**\n\t\t\t * Handles custom UP and DOWN Keyboard events\n\t\t\t */\n\t\t\tif (\n\t\t\t\ttype === inputControlActionTypes.PRESS_UP ||\n\t\t\t\ttype === inputControlActionTypes.PRESS_DOWN\n\t\t\t) {\n\t\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\t\tnextState.value = spinValue(\n\t\t\t\t\tcurrentValue,\n\t\t\t\t\ttype === inputControlActionTypes.PRESS_UP ? 'up' : 'down',\n\t\t\t\t\tevent as KeyboardEvent | undefined\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles drag to update events\n\t\t\t */\n\t\t\tif ( type === inputControlActionTypes.DRAG && isDragEnabled ) {\n\t\t\t\tconst [ x, y ] = payload.delta;\n\t\t\t\tconst enableShift = payload.shiftKey && isShiftStepEnabled;\n\t\t\t\tconst modifier = enableShift\n\t\t\t\t\t? ensureNumber( shiftStep ) * baseStep\n\t\t\t\t\t: baseStep;\n\n\t\t\t\tlet directionModifier;\n\t\t\t\tlet delta;\n\n\t\t\t\tswitch ( dragDirection ) {\n\t\t\t\t\tcase 'n':\n\t\t\t\t\t\tdelta = y;\n\t\t\t\t\t\tdirectionModifier = -1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 'e':\n\t\t\t\t\t\tdelta = x;\n\t\t\t\t\t\tdirectionModifier = isRTL() ? -1 : 1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 's':\n\t\t\t\t\t\tdelta = y;\n\t\t\t\t\t\tdirectionModifier = 1;\n\t\t\t\t\t\tbreak;\n\n\t\t\t\t\tcase 'w':\n\t\t\t\t\t\tdelta = x;\n\t\t\t\t\t\tdirectionModifier = isRTL() ? 1 : -1;\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tif ( delta !== 0 ) {\n\t\t\t\t\tdelta = Math.ceil( Math.abs( delta ) ) * Math.sign( delta );\n\t\t\t\t\tconst distance = delta * modifier * directionModifier;\n\n\t\t\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\t\t\tnextState.value = constrainValue(\n\t\t\t\t\t\t// @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n\t\t\t\t\t\tadd( currentValue, distance ),\n\t\t\t\t\t\tenableShift ? modifier : undefined\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Handles commit (ENTER key press or blur)\n\t\t\t */\n\t\t\tif (\n\t\t\t\ttype === inputControlActionTypes.PRESS_ENTER ||\n\t\t\t\ttype === inputControlActionTypes.COMMIT\n\t\t\t) {\n\t\t\t\tconst applyEmptyValue =\n\t\t\t\t\trequired === false && currentValue === '';\n\n\t\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\t\tnextState.value = applyEmptyValue\n\t\t\t\t\t? currentValue\n\t\t\t\t\t: // @ts-expect-error TODO: Investigate if it's ok for currentValue to be undefined\n\t\t\t\t\t  constrainValue( currentValue );\n\t\t\t}\n\n\t\t\treturn nextState;\n\t\t};\n\n\tconst buildSpinButtonClickHandler =\n\t\t( direction: 'up' | 'down' ) =>\n\t\t( event: MouseEvent< HTMLButtonElement > ) =>\n\t\t\tonChange( String( spinValue( valueProp, direction, event ) ), {\n\t\t\t\t// Set event.target to the <input> so that consumers can use\n\t\t\t\t// e.g. event.target.validity.\n\t\t\t\tevent: {\n\t\t\t\t\t...event,\n\t\t\t\t\ttarget: inputRef.current!,\n\t\t\t\t},\n\t\t\t} );\n\n\treturn (\n\t\t<Input\n\t\t\tautoComplete={ autoComplete }\n\t\t\tinputMode=\"numeric\"\n\t\t\t{ ...props }\n\t\t\tclassName={ classes }\n\t\t\tdragDirection={ dragDirection }\n\t\t\thideHTMLArrows={ spinControls !== 'native' }\n\t\t\tisDragEnabled={ isDragEnabled }\n\t\t\tlabel={ label }\n\t\t\tmax={ max }\n\t\t\tmin={ min }\n\t\t\tref={ mergedRef }\n\t\t\trequired={ required }\n\t\t\tstep={ step }\n\t\t\ttype={ typeProp }\n\t\t\t// @ts-expect-error TODO: Resolve discrepancy between `value` types in InputControl based components\n\t\t\tvalue={ valueProp }\n\t\t\t__unstableStateReducer={ ( state, action ) => {\n\t\t\t\tconst baseState = numberControlStateReducer( state, action );\n\t\t\t\treturn stateReducerProp?.( baseState, action ) ?? baseState;\n\t\t\t} }\n\t\t\tsize={ size }\n\t\t\tsuffix={\n\t\t\t\tspinControls === 'custom' ? (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t<Spacer marginBottom={ 0 } marginRight={ 2 }>\n\t\t\t\t\t\t\t<HStack spacing={ 1 }>\n\t\t\t\t\t\t\t\t<SpinButton\n\t\t\t\t\t\t\t\t\ticon={ plusIcon }\n\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Increment' ) }\n\t\t\t\t\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\t\t\t\t\tonClick={ buildSpinButtonClickHandler(\n\t\t\t\t\t\t\t\t\t\t'up'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<SpinButton\n\t\t\t\t\t\t\t\t\ticon={ resetIcon }\n\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\taria-label={ __( 'Decrement' ) }\n\t\t\t\t\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\t\t\t\t\tonClick={ buildSpinButtonClickHandler(\n\t\t\t\t\t\t\t\t\t\t'down'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tsize={ size }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</>\n\t\t\t\t) : (\n\t\t\t\t\tsuffix\n\t\t\t\t)\n\t\t\t}\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n\nexport const NumberControl = forwardRef( UnforwardedNumberControl );\n\nexport default NumberControl;\n"]}

package/build/number-control/styles/number-control-styles.js

@@ -31,11 +31,9 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-const htmlArrowStyles = _ref2 => {
-  let {
-    hideHTMLArrows
-  } = _ref2;
-
+const htmlArrowStyles = ({
+  hideHTMLArrows
+}) => {
   if (!hideHTMLArrows) {
     return ``;
   }
@@ -51,11 +49,9 @@ const Input = ( /*#__PURE__*/0, _base.default)(_inputControl.default, process.en
 })(htmlArrowStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbnVtYmVyLWNvbnRyb2wvc3R5bGVzL251bWJlci1jb250cm9sLXN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQzJDIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvbnVtYmVyLWNvbnRyb2wvc3R5bGVzL251bWJlci1jb250cm9sLXN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuLyoqXG4gKiBJbnRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IElucHV0Q29udHJvbCBmcm9tICcuLi8uLi9pbnB1dC1jb250cm9sJztcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gJy4uLy4uL3V0aWxzJztcbmltcG9ydCBCdXR0b24gZnJvbSAnLi4vLi4vYnV0dG9uJztcbmltcG9ydCB7IHNwYWNlIH0gZnJvbSAnLi4vLi4vdWkvdXRpbHMvc3BhY2UnO1xuaW1wb3J0IHR5cGUgeyBOdW1iZXJDb250cm9sUHJvcHMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGh0bWxBcnJvd1N0eWxlcyA9ICggeyBoaWRlSFRNTEFycm93cyB9OiB7IGhpZGVIVE1MQXJyb3dzOiBib29sZWFuIH0gKSA9PiB7XG5cdGlmICggISBoaWRlSFRNTEFycm93cyApIHtcblx0XHRyZXR1cm4gYGA7XG5cdH1cblxuXHRyZXR1cm4gY3NzYFxuXHRcdGlucHV0W3R5cGU9J251bWJlciddOjotd2Via2l0LW91dGVyLXNwaW4tYnV0dG9uLFxuXHRcdGlucHV0W3R5cGU9J251bWJlciddOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHtcblx0XHRcdC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSAhaW1wb3J0YW50O1xuXHRcdFx0bWFyZ2luOiAwICFpbXBvcnRhbnQ7XG5cdFx0fVxuXG5cdFx0aW5wdXRbdHlwZT0nbnVtYmVyJ10ge1xuXHRcdFx0LW1vei1hcHBlYXJhbmNlOiB0ZXh0ZmllbGQ7XG5cdFx0fVxuXHRgO1xufTtcblxuZXhwb3J0IGNvbnN0IElucHV0ID0gc3R5bGVkKCBJbnB1dENvbnRyb2wgKWBcblx0JHsgaHRtbEFycm93U3R5bGVzIH07XG5gO1xuXG5jb25zdCBzcGluQnV0dG9uU2l6ZVN0eWxlcyA9ICgge1xuXHRzaXplLFxufTogUGljazwgTnVtYmVyQ29udHJvbFByb3BzLCAnc2l6ZScgPiApID0+IHtcblx0aWYgKCBzaXplICE9PSAnc21hbGwnICkge1xuXHRcdHJldHVybiBgYDtcblx0fVxuXG5cdHJldHVybiBjc3NgXG5cdFx0d2lkdGg6ICR7IHNwYWNlKCA1ICkgfTtcblx0XHRtaW4td2lkdGg6ICR7IHNwYWNlKCA1ICkgfTtcblx0XHRoZWlnaHQ6ICR7IHNwYWNlKCA1ICkgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBTcGluQnV0dG9uID0gc3R5bGVkKCBCdXR0b24gKWBcblx0JiYmJiYge1xuXHRcdGNvbG9yOiAkeyBDT0xPUlMudWkudGhlbWUgfTtcblx0XHQkeyBzcGluQnV0dG9uU2l6ZVN0eWxlcyB9XG5cdH1cbmA7XG4iXX0= */"));
 exports.Input = Input;
 
-const spinButtonSizeStyles = _ref3 => {
-  let {
-    size
-  } = _ref3;
-
+const spinButtonSizeStyles = ({
+  size
+}) => {
   if (size !== 'small') {
     return ``;
   }

package/build/number-control/styles/number-control-styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/number-control/styles/number-control-styles.ts"],"names":["htmlArrowStyles","hideHTMLArrows","Input","InputControl","spinButtonSizeStyles","size","css","SpinButton","Button","COLORS","ui","theme"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAGA,MAAMA,eAAe,GAAG,SAAuD;AAAA,MAArD;AAAEC,IAAAA;AAAF,GAAqD;;AAC9E,MAAK,CAAEA,cAAP,EAAwB;AACvB,WAAQ,EAAR;AACA;;AAED;AAWA,CAhBD;;AAkBO,MAAMC,KAAK,GAAG,iCAAQC,qBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACdH,eADc,ilEAAX;;;AAIP,MAAMI,oBAAoB,GAAG,SAEc;AAAA,MAFZ;AAC9BC,IAAAA;AAD8B,GAEY;;AAC1C,MAAKA,IAAI,KAAK,OAAd,EAAwB;AACvB,WAAQ,EAAR;AACA;;AAED,0BAAOC,UAAP,YACW,kBAAO,CAAP,CADX,iBAEe,kBAAO,CAAP,CAFf,cAGY,kBAAO,CAAP,CAHZ;AAKA,CAZD;;AAcO,MAAMC,UAAU,GAAG,iCAAQC,eAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,iBAEXC,cAAOC,EAAP,CAAUC,KAFC,OAGlBP,oBAHkB,klEAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport InputControl from '../../input-control';\nimport { COLORS } from '../../utils';\nimport Button from '../../button';\nimport { space } from '../../ui/utils/space';\nimport type { NumberControlProps } from '../types';\n\nconst htmlArrowStyles = ( { hideHTMLArrows }: { hideHTMLArrows: boolean } ) => {\n\tif ( ! hideHTMLArrows ) {\n\t\treturn ``;\n\t}\n\n\treturn css`\n\t\tinput[type='number']::-webkit-outer-spin-button,\n\t\tinput[type='number']::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none !important;\n\t\t\tmargin: 0 !important;\n\t\t}\n\n\t\tinput[type='number'] {\n\t\t\t-moz-appearance: textfield;\n\t\t}\n\t`;\n};\n\nexport const Input = styled( InputControl )`\n\t${ htmlArrowStyles };\n`;\n\nconst spinButtonSizeStyles = ( {\n\tsize,\n}: Pick< NumberControlProps, 'size' > ) => {\n\tif ( size !== 'small' ) {\n\t\treturn ``;\n\t}\n\n\treturn css`\n\t\twidth: ${ space( 5 ) };\n\t\tmin-width: ${ space( 5 ) };\n\t\theight: ${ space( 5 ) };\n\t`;\n};\n\nexport const SpinButton = styled( Button )`\n\t&&&&& {\n\t\tcolor: ${ COLORS.ui.theme };\n\t\t${ spinButtonSizeStyles }\n\t}\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/number-control/styles/number-control-styles.ts"],"names":["htmlArrowStyles","hideHTMLArrows","Input","InputControl","spinButtonSizeStyles","size","css","SpinButton","Button","COLORS","ui","theme"],"mappings":";;;;;;;;;;;AAGA;;AAMA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAGA,MAAMA,eAAe,GAAG,CAAE;AAAEC,EAAAA;AAAF,CAAF,KAAuD;AAC9E,MAAK,CAAEA,cAAP,EAAwB;AACvB,WAAQ,EAAR;AACA;;AAED;AAWA,CAhBD;;AAkBO,MAAMC,KAAK,GAAG,iCAAQC,qBAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,CACdH,eADc,ilEAAX;;;AAIP,MAAMI,oBAAoB,GAAG,CAAE;AAC9BC,EAAAA;AAD8B,CAAF,KAEc;AAC1C,MAAKA,IAAI,KAAK,OAAd,EAAwB;AACvB,WAAQ,EAAR;AACA;;AAED,0BAAOC,UAAP,YACW,kBAAO,CAAP,CADX,iBAEe,kBAAO,CAAP,CAFf,cAGY,kBAAO,CAAP,CAHZ;AAKA,CAZD;;AAcO,MAAMC,UAAU,GAAG,iCAAQC,eAAR;AAAA;AAAA;AAAA;AAAA;AAAA,EAAH,iBAEXC,cAAOC,EAAP,CAAUC,KAFC,OAGlBP,oBAHkB,klEAAhB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\n/**\n * Internal dependencies\n */\nimport InputControl from '../../input-control';\nimport { COLORS } from '../../utils';\nimport Button from '../../button';\nimport { space } from '../../ui/utils/space';\nimport type { NumberControlProps } from '../types';\n\nconst htmlArrowStyles = ( { hideHTMLArrows }: { hideHTMLArrows: boolean } ) => {\n\tif ( ! hideHTMLArrows ) {\n\t\treturn ``;\n\t}\n\n\treturn css`\n\t\tinput[type='number']::-webkit-outer-spin-button,\n\t\tinput[type='number']::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none !important;\n\t\t\tmargin: 0 !important;\n\t\t}\n\n\t\tinput[type='number'] {\n\t\t\t-moz-appearance: textfield;\n\t\t}\n\t`;\n};\n\nexport const Input = styled( InputControl )`\n\t${ htmlArrowStyles };\n`;\n\nconst spinButtonSizeStyles = ( {\n\tsize,\n}: Pick< NumberControlProps, 'size' > ) => {\n\tif ( size !== 'small' ) {\n\t\treturn ``;\n\t}\n\n\treturn css`\n\t\twidth: ${ space( 5 ) };\n\t\tmin-width: ${ space( 5 ) };\n\t\theight: ${ space( 5 ) };\n\t`;\n};\n\nexport const SpinButton = styled( Button )`\n\t&&&&& {\n\t\tcolor: ${ COLORS.ui.theme };\n\t\t${ spinButtonSizeStyles }\n\t}\n`;\n"]}

package/build/palette-edit/index.js

@@ -11,8 +11,6 @@ exports.getNameForPosition = getNameForPosition;
 
 var _element = require("@wordpress/element");
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _changeCase = require("change-case");
@@ -64,12 +62,11 @@ var _customGradientPicker = _interopRequireDefault(require("../custom-gradient-p
  */
 const DEFAULT_COLOR = '#000';
 
-function NameInput(_ref) {
-  let {
-    value,
-    onChange,
-    label
-  } = _ref;
+function NameInput({
+  value,
+  onChange,
+  label
+}) {
   return (0, _element.createElement)(_styles.NameInputControl, {
     label: label,
     hideLabelFromVision: true,
@@ -93,8 +90,8 @@ function NameInput(_ref) {
 function getNameForPosition(elements, slugPrefix) {
   const temporaryNameRegex = new RegExp(`^${slugPrefix}color-([\\d]+)$`);
   const position = elements.reduce((previousValue, currentValue) => {
-    if (typeof (currentValue === null || currentValue === void 0 ? void 0 : currentValue.slug) === 'string') {
-      const matches = currentValue === null || currentValue === void 0 ? void 0 : currentValue.slug.match(temporaryNameRegex);
+    if (typeof currentValue?.slug === 'string') {
+      const matches = currentValue?.slug.match(temporaryNameRegex);
 
       if (matches) {
         const id = parseInt(matches[1], 10);
@@ -112,24 +109,23 @@ function getNameForPosition(elements, slugPrefix) {
   (0, _i18n.__)('Color %s'), position);
 }
 
-function ColorPickerPopover(_ref2) {
-  let {
-    isGradient,
-    element,
-    onChange,
-    popoverProps: receivedPopoverProps,
-    onClose = () => {}
-  } = _ref2;
+function ColorPickerPopover({
+  isGradient,
+  element,
+  onChange,
+  popoverProps: receivedPopoverProps,
+  onClose = () => {}
+}) {
   const popoverProps = (0, _element.useMemo)(() => ({
     shift: true,
     offset: 20,
     placement: 'left-start',
     ...receivedPopoverProps,
-    className: (0, _classnames.default)('components-palette-edit__popover', receivedPopoverProps === null || receivedPopoverProps === void 0 ? void 0 : receivedPopoverProps.className)
+    className: (0, _classnames.default)('components-palette-edit__popover', receivedPopoverProps?.className)
   }), [receivedPopoverProps]);
-  return (0, _element.createElement)(_popover.default, (0, _extends2.default)({}, popoverProps, {
+  return (0, _element.createElement)(_popover.default, { ...popoverProps,
     onClose: onClose
-  }), !isGradient && (0, _element.createElement)(_colorPicker.ColorPicker, {
+  }, !isGradient && (0, _element.createElement)(_colorPicker.ColorPicker, {
     color: element.color,
     enableAlpha: true,
     onChange: newColor => {
@@ -151,19 +147,18 @@ function ColorPickerPopover(_ref2) {
   })));
 }
 
-function Option(_ref3) {
-  let {
-    canOnlyChangeValues,
-    element,
-    onChange,
-    isEditing,
-    onStartEditing,
-    onRemove,
-    onStopEditing,
-    popoverProps: receivedPopoverProps,
-    slugPrefix,
-    isGradient
-  } = _ref3;
+function Option({
+  canOnlyChangeValues,
+  element,
+  onChange,
+  isEditing,
+  onStartEditing,
+  onRemove,
+  onStopEditing,
+  popoverProps: receivedPopoverProps,
+  slugPrefix,
+  isGradient
+}) {
   const focusOutsideProps = (0, _compose.__experimentalUseFocusOutside)(onStopEditing);
   const value = isGradient ? element.gradient : element.color; // Use internal state instead of a ref to make sure that the component
   // re-renders when the popover's anchor updates.
@@ -173,17 +168,18 @@ function Option(_ref3) {
     // Use the custom palette color item as the popover anchor.
     anchor: popoverAnchor
   }), [popoverAnchor, receivedPopoverProps]);
-  return (0, _element.createElement)(_styles.PaletteItem, (0, _extends2.default)({
+  return (0, _element.createElement)(_styles.PaletteItem, {
     className: isEditing ? 'is-selected' : undefined,
     as: "div",
     onClick: onStartEditing,
-    ref: setPopoverAnchor
-  }, isEditing ? { ...focusOutsideProps
-  } : {
-    style: {
-      cursor: 'pointer'
-    }
-  }), (0, _element.createElement)(_hStack.HStack, {
+    ref: setPopoverAnchor,
+    ...(isEditing ? { ...focusOutsideProps
+    } : {
+      style: {
+        cursor: 'pointer'
+      }
+    })
+  }, (0, _element.createElement)(_hStack.HStack, {
     justify: "flex-start"
   }, (0, _element.createElement)(_flex.FlexItem, null, (0, _element.createElement)(_styles.IndicatorStyled, {
     style: {
@@ -210,27 +206,25 @@ function Option(_ref3) {
   }));
 }
 
-function isTemporaryElement(slugPrefix, _ref4) {
-  let {
-    slug,
-    color,
-    gradient
-  } = _ref4;
+function isTemporaryElement(slugPrefix, {
+  slug,
+  color,
+  gradient
+}) {
   const regex = new RegExp(`^${slugPrefix}color-([\\d]+)$`);
   return regex.test(slug) && (!!color && color === DEFAULT_COLOR || !!gradient && gradient === _constants.DEFAULT_GRADIENT);
 }
 
-function PaletteEditListView(_ref5) {
-  let {
-    elements,
-    onChange,
-    editingElement,
-    setEditingElement,
-    canOnlyChangeValues,
-    slugPrefix,
-    isGradient,
-    popoverProps
-  } = _ref5;
+function PaletteEditListView({
+  elements,
+  onChange,
+  editingElement,
+  setEditingElement,
+  canOnlyChangeValues,
+  slugPrefix,
+  isGradient,
+  popoverProps
+}) {
   // When unmounting the component if there are empty elements (the user did not complete the insertion) clean them.
   const elementsReference = (0, _element.useRef)();
   (0, _element.useEffect)(() => {
@@ -238,9 +232,7 @@ function PaletteEditListView(_ref5) {
   }, [elements]);
   (0, _element.useEffect)(() => {
     return () => {
-      var _elementsReference$cu;
-
-      if ((_elementsReference$cu = elementsReference.current) !== null && _elementsReference$cu !== void 0 && _elementsReference$cu.some(element => isTemporaryElement(slugPrefix, element))) {
+      if (elementsReference.current?.some(element => isTemporaryElement(slugPrefix, element))) {
         const newElements = elementsReference.current.filter(element => !isTemporaryElement(slugPrefix, element));
         onChange(newElements.length ? newElements : undefined);
       }
@@ -316,19 +308,18 @@ const EMPTY_ARRAY = [];
  * ```
  */
 
-function PaletteEdit(_ref6) {
-  let {
-    gradients,
-    colors = EMPTY_ARRAY,
-    onChange,
-    paletteLabel,
-    paletteLabelHeadingLevel = 2,
-    emptyMessage,
-    canOnlyChangeValues,
-    canReset,
-    slugPrefix = '',
-    popoverProps
-  } = _ref6;
+function PaletteEdit({
+  gradients,
+  colors = EMPTY_ARRAY,
+  onChange,
+  paletteLabel,
+  paletteLabelHeadingLevel = 2,
+  emptyMessage,
+  canOnlyChangeValues,
+  canReset,
+  slugPrefix = '',
+  popoverProps
+}) {
   const isGradient = !!gradients;
   const elements = isGradient ? gradients : colors;
   const [isEditing, setIsEditing] = (0, _element.useState)(false);
@@ -386,37 +377,34 @@ function PaletteEdit(_ref6) {
     toggleProps: {
       isSmall: true
     }
-  }, _ref7 => {
-    let {
-      onClose
-    } = _ref7;
-    return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_navigableContainer.NavigableMenu, {
-      role: "menu"
-    }, !isEditing && (0, _element.createElement)(_button.default, {
-      variant: "tertiary",
-      onClick: () => {
-        setIsEditing(true);
-        onClose();
-      },
-      className: "components-palette-edit__menu-button"
-    }, (0, _i18n.__)('Show details')), !canOnlyChangeValues && (0, _element.createElement)(_button.default, {
-      variant: "tertiary",
-      onClick: () => {
-        setEditingElement(null);
-        setIsEditing(false);
-        onChange();
-        onClose();
-      },
-      className: "components-palette-edit__menu-button"
-    }, isGradient ? (0, _i18n.__)('Remove all gradients') : (0, _i18n.__)('Remove all colors')), canReset && (0, _element.createElement)(_button.default, {
-      variant: "tertiary",
-      onClick: () => {
-        setEditingElement(null);
-        onChange();
-        onClose();
-      }
-    }, isGradient ? (0, _i18n.__)('Reset gradient') : (0, _i18n.__)('Reset colors'))));
-  }))), hasElements && (0, _element.createElement)(_element.Fragment, null, isEditing && (0, _element.createElement)(PaletteEditListView, {
+  }, ({
+    onClose
+  }) => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_navigableContainer.NavigableMenu, {
+    role: "menu"
+  }, !isEditing && (0, _element.createElement)(_button.default, {
+    variant: "tertiary",
+    onClick: () => {
+      setIsEditing(true);
+      onClose();
+    },
+    className: "components-palette-edit__menu-button"
+  }, (0, _i18n.__)('Show details')), !canOnlyChangeValues && (0, _element.createElement)(_button.default, {
+    variant: "tertiary",
+    onClick: () => {
+      setEditingElement(null);
+      setIsEditing(false);
+      onChange();
+      onClose();
+    },
+    className: "components-palette-edit__menu-button"
+  }, isGradient ? (0, _i18n.__)('Remove all gradients') : (0, _i18n.__)('Remove all colors')), canReset && (0, _element.createElement)(_button.default, {
+    variant: "tertiary",
+    onClick: () => {
+      setEditingElement(null);
+      onChange();
+      onClose();
+    }
+  }, isGradient ? (0, _i18n.__)('Reset gradient') : (0, _i18n.__)('Reset colors'))))))), hasElements && (0, _element.createElement)(_element.Fragment, null, isEditing && (0, _element.createElement)(PaletteEditListView, {
     canOnlyChangeValues: canOnlyChangeValues,
     elements: elements // @ts-expect-error TODO: Don't know how to resolve
     ,