@react-aria/color 3.0.0-beta.24 → 3.0.0-beta.26

package/dist/module.js

@@ -507,7 +507,7 @@ const $40297c24c53588e6$var$generateHSB_B = (orientation, dir, alphaValue)=>{
     };
     return result;
 };
-function $40297c24c53588e6$export$dd62420467d245ca({ direction: direction , state: state , zChannel: zChannel , xChannel: xChannel , isDisabled: isDisabled  }) {
+function $40297c24c53588e6$export$dd62420467d245ca({ direction: direction, state: state, zChannel: zChannel, xChannel: xChannel, isDisabled: isDisabled }) {
     let returnVal = (0, $7KHxM$useMemo)(()=>{
         let orientation = [
             "top",
@@ -519,7 +519,7 @@ function $40297c24c53588e6$export$dd62420467d245ca({ direction: direction , stat
             gradientStyles: {}
         };
         let zValue = state.value.getChannelValue(zChannel);
-        let { minValue: zMin , maxValue: zMax  } = state.value.getChannelRange(zChannel);
+        let { minValue: zMin, maxValue: zMax } = state.value.getChannelRange(zChannel);
         let alphaValue = (zValue - zMin) / (zMax - zMin);
         let isHSL = state.value.getColorSpace() === "hsl";
         if (!isDisabled) switch(zChannel){
@@ -554,7 +554,7 @@ function $40297c24c53588e6$export$dd62420467d245ca({ direction: direction , stat
                 background = $40297c24c53588e6$var$generateHSL_L(orientation, dir, zValue);
                 break;
         }
-        let { x: x , y: y  } = state.getThumbPosition();
+        let { x: x, y: y } = state.getThumbPosition();
         if (direction === "rtl") x = 1 - x;
         let forcedColorAdjustNoneStyle = {
             forcedColorAdjust: "none"
@@ -601,10 +601,10 @@ function $40297c24c53588e6$export$dd62420467d245ca({ direction: direction , stat
 
 
 function $60bd7d6e45dcddfa$export$2f92a7a615a014f6(props, state) {
-    let { isDisabled: isDisabled , inputXRef: inputXRef , inputYRef: inputYRef , containerRef: containerRef , "aria-label": ariaLabel , xName: xName , yName: yName  } = props;
+    let { isDisabled: isDisabled, inputXRef: inputXRef, inputYRef: inputYRef, containerRef: containerRef, "aria-label": ariaLabel, xName: xName, yName: yName } = props;
     let stringFormatter = (0, $7KHxM$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($3493a52097159720$exports))));
-    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = (0, $7KHxM$useGlobalListeners)();
-    let { direction: direction , locale: locale  } = (0, $7KHxM$useLocale)();
+    let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $7KHxM$useGlobalListeners)();
+    let { direction: direction, locale: locale } = (0, $7KHxM$useLocale)();
     let [focusedInput, setFocusedInput] = (0, $7KHxM$useState)(null);
     let focusInput = (0, $7KHxM$useCallback)((inputRef = inputXRef)=>{
         if (inputRef.current) (0, $7KHxM$focusWithoutScrolling)(inputRef.current);
@@ -619,11 +619,11 @@ function $60bd7d6e45dcddfa$export$2f92a7a615a014f6(props, state) {
         state.setValue(newColor);
     });
     let [valueChangedViaKeyboard, setValueChangedViaKeyboard] = (0, $7KHxM$useState)(false);
-    let { xChannel: xChannel , yChannel: yChannel , zChannel: zChannel  } = state.channels;
+    let { xChannel: xChannel, yChannel: yChannel, zChannel: zChannel } = state.channels;
     let xChannelStep = state.xChannelStep;
     let yChannelStep = state.yChannelStep;
     let currentPosition = (0, $7KHxM$useRef)(null);
-    let { keyboardProps: keyboardProps  } = (0, $7KHxM$useKeyboard)({
+    let { keyboardProps: keyboardProps } = (0, $7KHxM$useKeyboard)({
         onKeyDown (e) {
             // these are the cases that useMove doesn't handle
             if (!/^(PageUp|PageDown|Home|End)$/.test(e.key)) {
@@ -667,10 +667,10 @@ function $60bd7d6e45dcddfa$export$2f92a7a615a014f6(props, state) {
             currentPosition.current = null;
             state.setDragging(true);
         },
-        onMove ({ deltaX: deltaX , deltaY: deltaY , pointerType: pointerType , shiftKey: shiftKey  }) {
-            let { incrementX: incrementX , decrementX: decrementX , incrementY: incrementY , decrementY: decrementY , xChannelPageStep: xChannelPageStep , xChannelStep: xChannelStep , yChannelPageStep: yChannelPageStep , yChannelStep: yChannelStep , getThumbPosition: getThumbPosition , setColorFromPoint: setColorFromPoint  } = state;
+        onMove ({ deltaX: deltaX, deltaY: deltaY, pointerType: pointerType, shiftKey: shiftKey }) {
+            let { incrementX: incrementX, decrementX: decrementX, incrementY: incrementY, decrementY: decrementY, xChannelPageStep: xChannelPageStep, xChannelStep: xChannelStep, yChannelPageStep: yChannelPageStep, yChannelStep: yChannelStep, getThumbPosition: getThumbPosition, setColorFromPoint: setColorFromPoint } = state;
             if (currentPosition.current == null) currentPosition.current = getThumbPosition();
-            let { width: width , height: height  } = containerRef.current.getBoundingClientRect();
+            let { width: width, height: height } = containerRef.current.getBoundingClientRect();
             let valueChanged = deltaX !== 0 || deltaY !== 0;
             if (pointerType === "keyboard") {
                 let deltaXValue = shiftKey && xChannelPageStep > xChannelStep ? xChannelPageStep : xChannelStep;
@@ -696,15 +696,15 @@ function $60bd7d6e45dcddfa$export$2f92a7a615a014f6(props, state) {
             focusInput(input);
         }
     };
-    let { moveProps: movePropsThumb  } = (0, $7KHxM$useMove)(moveHandler);
-    let { focusWithinProps: focusWithinProps  } = (0, $7KHxM$useFocusWithin)({
+    let { moveProps: movePropsThumb } = (0, $7KHxM$useMove)(moveHandler);
+    let { focusWithinProps: focusWithinProps } = (0, $7KHxM$useFocusWithin)({
         onFocusWithinChange: (focusWithin)=>{
             if (!focusWithin) setValueChangedViaKeyboard(false);
         }
     });
     let currentPointer = (0, $7KHxM$useRef)(undefined);
     let isOnColorArea = (0, $7KHxM$useRef)(false);
-    let { moveProps: movePropsContainer  } = (0, $7KHxM$useMove)({
+    let { moveProps: movePropsContainer } = (0, $7KHxM$useMove)({
         onMoveStart () {
             if (isOnColorArea.current) moveHandler.onMoveStart();
         },
@@ -747,7 +747,7 @@ function $60bd7d6e45dcddfa$export$2f92a7a615a014f6(props, state) {
     };
     let onColorAreaDown = (colorArea, id, clientX, clientY)=>{
         let rect = colorArea.getBoundingClientRect();
-        let { width: width , height: height  } = rect;
+        let { width: width, height: height } = rect;
         let x = (clientX - rect.x) / width;
         let y = (clientY - rect.y) / height;
         if (direction === "rtl") x = 1 - x;
@@ -814,12 +814,12 @@ function $60bd7d6e45dcddfa$export$2f92a7a615a014f6(props, state) {
             }
         }
     }, focusWithinProps, keyboardProps, movePropsThumb);
-    let { focusProps: xInputFocusProps  } = (0, $7KHxM$useFocus)({
+    let { focusProps: xInputFocusProps } = (0, $7KHxM$useFocus)({
         onFocus: ()=>{
             setFocusedInput("x");
         }
     });
-    let { focusProps: yInputFocusProps  } = (0, $7KHxM$useFocus)({
+    let { focusProps: yInputFocusProps } = (0, $7KHxM$useFocus)({
         onFocus: ()=>{
             setFocusedInput("y");
         }
@@ -860,7 +860,7 @@ function $60bd7d6e45dcddfa$export$2f92a7a615a014f6(props, state) {
         "aria-label": ariaLabel ? `${ariaLabel}, ${colorPickerLabel}` : undefined
     }, isMobile ? colorPickerLabel : undefined);
     let ariaRoleDescription = stringFormatter.format("twoDimensionalSlider");
-    let { visuallyHiddenProps: visuallyHiddenProps  } = (0, $7KHxM$useVisuallyHidden)({
+    let { visuallyHiddenProps: visuallyHiddenProps } = (0, $7KHxM$useVisuallyHidden)({
         style: {
             opacity: "0.0001",
             width: "100%",
@@ -868,7 +868,7 @@ function $60bd7d6e45dcddfa$export$2f92a7a615a014f6(props, state) {
             pointerEvents: "none"
         }
     });
-    let { colorAreaStyleProps: colorAreaStyleProps , gradientStyleProps: gradientStyleProps , thumbStyleProps: thumbStyleProps  } = (0, $40297c24c53588e6$export$dd62420467d245ca)({
+    let { colorAreaStyleProps: colorAreaStyleProps, gradientStyleProps: gradientStyleProps, thumbStyleProps: thumbStyleProps } = (0, $40297c24c53588e6$export$dd62420467d245ca)({
         direction: direction,
         state: state,
         xChannel: xChannel,
@@ -956,16 +956,16 @@ function $60bd7d6e45dcddfa$export$2f92a7a615a014f6(props, state) {
 
 
 function $40af666d6c251e36$export$106b7a4e66508f66(props, state) {
-    let { trackRef: trackRef , inputRef: inputRef , orientation: orientation , channel: channel , "aria-label": ariaLabel , name: name  } = props;
-    let { locale: locale , direction: direction  } = (0, $7KHxM$useLocale)();
+    let { trackRef: trackRef, inputRef: inputRef, orientation: orientation, channel: channel, "aria-label": ariaLabel, name: name } = props;
+    let { locale: locale, direction: direction } = (0, $7KHxM$useLocale)();
     // Provide a default aria-label if there is no other label provided.
     if (!props.label && !ariaLabel && !props["aria-labelledby"]) ariaLabel = state.value.getChannelName(channel, locale);
     // @ts-ignore - ignore unused incompatible props
-    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = (0, $7KHxM$useSlider)({
+    let { groupProps: groupProps, trackProps: trackProps, labelProps: labelProps, outputProps: outputProps } = (0, $7KHxM$useSlider)({
         ...props,
         "aria-label": ariaLabel
     }, state, trackRef);
-    let { inputProps: inputProps , thumbProps: thumbProps  } = (0, $7KHxM$useSliderThumb)({
+    let { inputProps: inputProps, thumbProps: thumbProps } = (0, $7KHxM$useSliderThumb)({
         index: 0,
         orientation: orientation,
         isDisabled: props.isDisabled,
@@ -1049,8 +1049,8 @@ function $40af666d6c251e36$export$106b7a4e66508f66(props, state) {
 
 
 function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
-    let { isDisabled: isDisabled , innerRadius: innerRadius , outerRadius: outerRadius , "aria-label": ariaLabel , name: name  } = props;
-    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = (0, $7KHxM$useGlobalListeners)();
+    let { isDisabled: isDisabled, innerRadius: innerRadius, outerRadius: outerRadius, "aria-label": ariaLabel, name: name } = props;
+    let { addGlobalListener: addGlobalListener, removeGlobalListener: removeGlobalListener } = (0, $7KHxM$useGlobalListeners)();
     let thumbRadius = (innerRadius + outerRadius) / 2;
     let focusInput = (0, $7KHxM$useCallback)(()=>{
         if (inputRef.current) (0, $7KHxM$focusWithoutScrolling)(inputRef.current);
@@ -1059,7 +1059,7 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
     ]);
     (0, $7KHxM$useFormReset)(inputRef, state.hue, state.setHue);
     let currentPosition = (0, $7KHxM$useRef)(null);
-    let { keyboardProps: keyboardProps  } = (0, $7KHxM$useKeyboard)({
+    let { keyboardProps: keyboardProps } = (0, $7KHxM$useKeyboard)({
         onKeyDown (e) {
             // these are the cases that useMove doesn't handle
             if (!/^(PageUp|PageDown)$/.test(e.key)) {
@@ -1088,7 +1088,7 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             currentPosition.current = null;
             state.setDragging(true);
         },
-        onMove ({ deltaX: deltaX , deltaY: deltaY , pointerType: pointerType , shiftKey: shiftKey  }) {
+        onMove ({ deltaX: deltaX, deltaY: deltaY, pointerType: pointerType, shiftKey: shiftKey }) {
             if (currentPosition.current == null) currentPosition.current = state.getThumbPosition(thumbRadius);
             currentPosition.current.x += deltaX;
             currentPosition.current.y += deltaY;
@@ -1103,10 +1103,10 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             focusInput();
         }
     };
-    let { moveProps: movePropsThumb  } = (0, $7KHxM$useMove)(moveHandler);
+    let { moveProps: movePropsThumb } = (0, $7KHxM$useMove)(moveHandler);
     let currentPointer = (0, $7KHxM$useRef)(undefined);
     let isOnTrack = (0, $7KHxM$useRef)(false);
-    let { moveProps: movePropsContainer  } = (0, $7KHxM$useMove)({
+    let { moveProps: movePropsContainer } = (0, $7KHxM$useMove)({
         onMoveStart () {
             if (isOnTrack.current) moveHandler.onMoveStart();
         },
@@ -1208,15 +1208,15 @@ function $b4a0a4fdc900495e$export$9064ff4e44b3729a(props, state, inputRef) {
             onThumbDown(e.changedTouches[0].identifier);
         }
     }, keyboardProps, movePropsThumb);
-    let { x: x , y: y  } = state.getThumbPosition(thumbRadius);
+    let { x: x, y: y } = state.getThumbPosition(thumbRadius);
     // Provide a default aria-label if none is given
-    let { locale: locale  } = (0, $7KHxM$useLocale)();
+    let { locale: locale } = (0, $7KHxM$useLocale)();
     if (ariaLabel == null && props["aria-labelledby"] == null) ariaLabel = state.value.getChannelName("hue", locale);
     let inputLabellingProps = (0, $7KHxM$useLabels)({
         ...props,
         "aria-label": ariaLabel
     });
-    let { minValue: minValue , maxValue: maxValue , step: step  } = state.value.getChannelRange("hue");
+    let { minValue: minValue, maxValue: maxValue, step: step } = state.value.getChannelRange("hue");
     let forcedColorAdjustNoneStyle = {
         forcedColorAdjust: "none"
     };
@@ -1298,10 +1298,10 @@ function $b4a0a4fdc900495e$var$circlePath(cx, cy, r) {
 
 
 function $f6896b05b2ecad12$export$77e32ca575a28fdf(props, state, ref) {
-    let { isDisabled: isDisabled , isReadOnly: isReadOnly , isRequired: isRequired  } = props;
-    let { colorValue: colorValue , inputValue: inputValue , commit: commit , increment: increment , decrement: decrement , incrementToMax: incrementToMax , decrementToMin: decrementToMin  } = state;
+    let { isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired } = props;
+    let { colorValue: colorValue, inputValue: inputValue, commit: commit, increment: increment, decrement: decrement, incrementToMax: incrementToMax, decrementToMin: decrementToMin } = state;
     let inputId = (0, $7KHxM$useId)();
-    let { spinButtonProps: spinButtonProps  } = (0, $7KHxM$useSpinButton)({
+    let { spinButtonProps: spinButtonProps } = (0, $7KHxM$useSpinButton)({
         isDisabled: isDisabled,
         isReadOnly: isReadOnly,
         isRequired: isRequired,
@@ -1315,7 +1315,7 @@ function $f6896b05b2ecad12$export$77e32ca575a28fdf(props, state, ref) {
         textValue: colorValue ? colorValue.toString("hex") : undefined
     });
     let [focusWithin, setFocusWithin] = (0, $7KHxM$useState)(false);
-    let { focusWithinProps: focusWithinProps  } = (0, $7KHxM$useFocusWithin)({
+    let { focusWithinProps: focusWithinProps } = (0, $7KHxM$useFocusWithin)({
         isDisabled: isDisabled,
         onFocusWithinChange: setFocusWithin
     });
@@ -1336,7 +1336,7 @@ function $f6896b05b2ecad12$export$77e32ca575a28fdf(props, state, ref) {
     let onChange = (value)=>{
         if (state.validate(value)) state.setInputValue(value);
     };
-    let { labelProps: labelProps , inputProps: inputProps  } = (0, $7KHxM$useFormattedTextField)((0, $7KHxM$mergeProps)(props, {
+    let { labelProps: labelProps, inputProps: inputProps } = (0, $7KHxM$useFormattedTextField)((0, $7KHxM$mergeProps)(props, {
         id: inputId,
         value: inputValue,
         defaultValue: undefined,