npm - @react-aria/color - Versions diffs - 3.0.0-beta.7 → 3.0.0-beta.8 - Mend

@react-aria/color 3.0.0-beta.7 → 3.0.0-beta.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/main.js CHANGED Viewed

@@ -1,10 +1,10 @@
-var $fb1f3$reactariautils = require("@react-aria/utils");
-var $fb1f3$reactariai18n = require("@react-aria/i18n");
-var $fb1f3$reactariaslider = require("@react-aria/slider");
-var $fb1f3$react = require("react");
-var $fb1f3$reactariainteractions = require("@react-aria/interactions");
-var $fb1f3$reactariatextfield = require("@react-aria/textfield");
-var $fb1f3$reactariaspinbutton = require("@react-aria/spinbutton");
+var $9VynS$reactariautils = require("@react-aria/utils");
+var $9VynS$reactariai18n = require("@react-aria/i18n");
+var $9VynS$reactariaslider = require("@react-aria/slider");
+var $9VynS$react = require("react");
+var $9VynS$reactariainteractions = require("@react-aria/interactions");
+var $9VynS$reactariatextfield = require("@react-aria/textfield");
+var $9VynS$reactariaspinbutton = require("@react-aria/spinbutton");
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
@@ -25,23 +25,23 @@ function $parcel$exportWildcard(dest, source) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $65c158f0c1f3086b$exports = {};
+var $9b39dbd4f9acd144$exports = {};
-$parcel$export($65c158f0c1f3086b$exports, "useColorSlider", () => $65c158f0c1f3086b$export$106b7a4e66508f66);
+$parcel$export($9b39dbd4f9acd144$exports, "useColorSlider", () => $9b39dbd4f9acd144$export$106b7a4e66508f66);
-function $65c158f0c1f3086b$export$106b7a4e66508f66(props, state) {
+function $9b39dbd4f9acd144$export$106b7a4e66508f66(props, state) {
     let { trackRef: trackRef , inputRef: inputRef , orientation: orientation , channel: channel , 'aria-label': ariaLabel  } = props;
-    let { locale: locale , direction: direction  } = $fb1f3$reactariai18n.useLocale();
+    let { locale: locale , direction: direction  } = $9VynS$reactariai18n.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  } = $fb1f3$reactariaslider.useSlider({
+    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = $9VynS$reactariaslider.useSlider({
         ...props,
         'aria-label': ariaLabel
     }, state, trackRef);
-    let { inputProps: inputProps , thumbProps: thumbProps  } = $fb1f3$reactariaslider.useSliderThumb({
+    let { inputProps: inputProps , thumbProps: thumbProps  } = $9VynS$reactariaslider.useSliderThumb({
         index: 0,
         orientation: orientation,
         isDisabled: props.isDisabled,
@@ -87,7 +87,7 @@ function $65c158f0c1f3086b$export$106b7a4e66508f66(props, state) {
     if (orientation === 'vertical' || direction === 'rtl') thumbPosition = 1 - thumbPosition;
     return {
         trackProps: {
-            ...$fb1f3$reactariautils.mergeProps(groupProps, trackProps),
+            ...$9VynS$reactariautils.mergeProps(groupProps, trackProps),
             style: {
                 position: 'relative',
                 touchAction: 'none',
@@ -110,26 +110,26 @@ function $65c158f0c1f3086b$export$106b7a4e66508f66(props, state) {
 }
-var $f52a5d5adb728369$exports = {};
+var $e5063b6d79973c73$exports = {};
-$parcel$export($f52a5d5adb728369$exports, "useColorWheel", () => $f52a5d5adb728369$export$9064ff4e44b3729a);
+$parcel$export($e5063b6d79973c73$exports, "useColorWheel", () => $e5063b6d79973c73$export$9064ff4e44b3729a);
-const $f52a5d5adb728369$var$PAGE_MIN_STEP_SIZE = 6;
-function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
+const $e5063b6d79973c73$var$PAGE_MIN_STEP_SIZE = 6;
+function $e5063b6d79973c73$export$9064ff4e44b3729a(props, state, inputRef) {
     let { isDisabled: isDisabled , step: step = 1 , innerRadius: innerRadius , outerRadius: outerRadius , 'aria-label': ariaLabel  } = props;
-    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = $fb1f3$reactariautils.useGlobalListeners();
+    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = $9VynS$reactariautils.useGlobalListeners();
     let thumbRadius = (innerRadius + outerRadius) / 2;
-    let focusInput = $fb1f3$react.useCallback(()=>{
-        if (inputRef.current) $fb1f3$reactariautils.focusWithoutScrolling(inputRef.current);
+    let focusInput = $9VynS$react.useCallback(()=>{
+        if (inputRef.current) $9VynS$reactariautils.focusWithoutScrolling(inputRef.current);
     }, [
         inputRef
     ]);
-    let stateRef = $fb1f3$react.useRef(null);
+    let stateRef = $9VynS$react.useRef(null);
     stateRef.current = state;
-    let currentPosition = $fb1f3$react.useRef(null);
+    let currentPosition = $9VynS$react.useRef(null);
     let moveHandler = {
         onMoveStart () {
             currentPosition.current = null;
@@ -150,10 +150,10 @@ function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
             focusInput();
         }
     };
-    let { moveProps: movePropsThumb  } = $fb1f3$reactariainteractions.useMove(moveHandler);
-    let currentPointer = $fb1f3$react.useRef(undefined);
-    let isOnTrack = $fb1f3$react.useRef(false);
-    let { moveProps: movePropsContainer  } = $fb1f3$reactariainteractions.useMove({
+    let { moveProps: movePropsThumb  } = $9VynS$reactariainteractions.useMove(moveHandler);
+    let currentPointer = $9VynS$react.useRef(undefined);
+    let isOnTrack = $9VynS$react.useRef(false);
+    let { moveProps: movePropsContainer  } = $9VynS$reactariainteractions.useMove({
         onMoveStart () {
             if (isOnTrack.current) moveHandler.onMoveStart();
         },
@@ -177,7 +177,9 @@ function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
         }
     };
     let onThumbUp = (e)=>{
-        let id = e.pointerId ?? e.changedTouches?.[0].identifier;
+        var ref;
+        var _pointerId;
+        let id = (_pointerId = e.pointerId) !== null && _pointerId !== void 0 ? _pointerId : (ref = e.changedTouches) === null || ref === void 0 ? void 0 : ref[0].identifier;
         if (id === currentPointer.current) {
             focusInput();
             state.setDragging(false);
@@ -209,7 +211,9 @@ function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
         }
     };
     let onTrackUp = (e)=>{
-        let id = e.pointerId ?? e.changedTouches?.[0].identifier;
+        var ref;
+        var _pointerId;
+        let id = (_pointerId = e.pointerId) !== null && _pointerId !== void 0 ? _pointerId : (ref = e.changedTouches) === null || ref === void 0 ? void 0 : ref[0].identifier;
         if (isOnTrack.current && id === currentPointer.current) {
             isOnTrack.current = false;
             currentPointer.current = undefined;
@@ -222,22 +226,22 @@ function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
             }
         }
     };
-    let { keyboardProps: keyboardProps  } = $fb1f3$reactariainteractions.useKeyboard({
+    let { keyboardProps: keyboardProps  } = $9VynS$reactariainteractions.useKeyboard({
         onKeyDown (e) {
             switch(e.key){
                 case 'PageUp':
                     e.preventDefault();
-                    state.increment($f52a5d5adb728369$var$PAGE_MIN_STEP_SIZE);
+                    state.increment($e5063b6d79973c73$var$PAGE_MIN_STEP_SIZE);
                     break;
                 case 'PageDown':
                     e.preventDefault();
-                    state.decrement($f52a5d5adb728369$var$PAGE_MIN_STEP_SIZE);
+                    state.decrement($e5063b6d79973c73$var$PAGE_MIN_STEP_SIZE);
                     break;
             }
         }
     });
     let trackInteractions = isDisabled ? {
-    } : $fb1f3$reactariautils.mergeProps({
+    } : $9VynS$reactariautils.mergeProps({
         ...typeof PointerEvent !== 'undefined' ? {
             onPointerDown: (e)=>{
                 if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
@@ -254,7 +258,7 @@ function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
         }
     }, movePropsContainer);
     let thumbInteractions = isDisabled ? {
-    } : $fb1f3$reactariautils.mergeProps({
+    } : $9VynS$reactariautils.mergeProps({
         onMouseDown: (e)=>{
             if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;
             onThumbDown(undefined);
@@ -269,9 +273,9 @@ function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
     }, movePropsThumb, keyboardProps);
     let { x: x1 , y: y1  } = state.getThumbPosition(thumbRadius);
     // Provide a default aria-label if none is given
-    let { locale: locale  } = $fb1f3$reactariai18n.useLocale();
+    let { locale: locale  } = $9VynS$reactariai18n.useLocale();
     if (ariaLabel == null && props['aria-labelledby'] == null) ariaLabel = state.value.getChannelName('hue', locale);
-    let inputLabellingProps = $fb1f3$reactariautils.useLabels({
+    let inputLabellingProps = $9VynS$reactariautils.useLabels({
         ...props,
         'aria-label': ariaLabel
     });
@@ -301,7 +305,7 @@ function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
             hsl(360, 100%, 50%)
           )
         `,
-                clipPath: `path(evenodd, "${$f52a5d5adb728369$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$f52a5d5adb728369$var$circlePath(outerRadius, outerRadius, innerRadius)}")`
+                clipPath: `path(evenodd, "${$e5063b6d79973c73$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$e5063b6d79973c73$var$circlePath(outerRadius, outerRadius, innerRadius)}")`
             }
         },
         thumbProps: {
@@ -314,7 +318,7 @@ function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
                 touchAction: 'none'
             }
         },
-        inputProps: $fb1f3$reactariautils.mergeProps(inputLabellingProps, {
+        inputProps: $9VynS$reactariautils.mergeProps(inputLabellingProps, {
             type: 'range',
             min: '0',
             max: '360',
@@ -329,24 +333,24 @@ function $f52a5d5adb728369$export$9064ff4e44b3729a(props, state, inputRef) {
     };
 }
 // Creates an SVG path string for a circle.
-function $f52a5d5adb728369$var$circlePath(cx, cy, r) {
+function $e5063b6d79973c73$var$circlePath(cx, cy, r) {
     return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;
 }
-var $a03d78c6bebe68f6$exports = {};
+var $0542a73d68f06faa$exports = {};
-$parcel$export($a03d78c6bebe68f6$exports, "useColorField", () => $a03d78c6bebe68f6$export$77e32ca575a28fdf);
+$parcel$export($0542a73d68f06faa$exports, "useColorField", () => $0542a73d68f06faa$export$77e32ca575a28fdf);
-function $a03d78c6bebe68f6$export$77e32ca575a28fdf(props, state, ref) {
+function $0542a73d68f06faa$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 inputId = $fb1f3$reactariautils.useId();
-    let { spinButtonProps: spinButtonProps  } = $fb1f3$reactariaspinbutton.useSpinButton({
+    let inputId = $9VynS$reactariautils.useId();
+    let { spinButtonProps: spinButtonProps  } = $9VynS$reactariaspinbutton.useSpinButton({
         isDisabled: isDisabled,
         isReadOnly: isReadOnly,
         isRequired: isRequired,
@@ -359,12 +363,12 @@ function $a03d78c6bebe68f6$export$77e32ca575a28fdf(props, state, ref) {
         value: colorValue ? colorValue.toHexInt() : undefined,
         textValue: colorValue ? colorValue.toString('hex') : undefined
     });
-    let [focusWithin, setFocusWithin] = $fb1f3$react.useState(false);
-    let { focusWithinProps: focusWithinProps  } = $fb1f3$reactariainteractions.useFocusWithin({
+    let [focusWithin, setFocusWithin] = $9VynS$react.useState(false);
+    let { focusWithinProps: focusWithinProps  } = $9VynS$reactariainteractions.useFocusWithin({
         isDisabled: isDisabled,
         onFocusWithinChange: setFocusWithin
     });
-    let onWheel = $fb1f3$react.useCallback((e)=>{
+    let onWheel = $9VynS$react.useCallback((e)=>{
         if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
         if (e.deltaY > 0) increment();
         else if (e.deltaY < 0) decrement();
@@ -376,14 +380,14 @@ function $a03d78c6bebe68f6$export$77e32ca575a28fdf(props, state, ref) {
     ]);
     // If the input isn't supposed to receive input, disable scrolling.
     let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
-    $fb1f3$reactariainteractions.useScrollWheel({
+    $9VynS$reactariainteractions.useScrollWheel({
         onScroll: onWheel,
         isDisabled: scrollingDisabled
     }, ref);
     let onChange = (value)=>{
         state.setInputValue(value);
     };
-    let { labelProps: labelProps , inputProps: inputProps  } = $fb1f3$reactariatextfield.useFormattedTextField($fb1f3$reactariautils.mergeProps(props, {
+    let { labelProps: labelProps , inputProps: inputProps  } = $9VynS$reactariatextfield.useFormattedTextField($9VynS$reactariautils.mergeProps(props, {
         id: inputId,
         value: inputValue,
         defaultValue: undefined,
@@ -393,7 +397,7 @@ function $a03d78c6bebe68f6$export$77e32ca575a28fdf(props, state, ref) {
     }), state, ref);
     return {
         labelProps: labelProps,
-        inputProps: $fb1f3$reactariautils.mergeProps(inputProps, spinButtonProps, focusWithinProps, {
+        inputProps: $9VynS$reactariautils.mergeProps(inputProps, spinButtonProps, focusWithinProps, {
             role: 'textbox',
             'aria-valuemax': null,
             'aria-valuemin': null,
@@ -407,9 +411,9 @@ function $a03d78c6bebe68f6$export$77e32ca575a28fdf(props, state, ref) {
 }
-$parcel$exportWildcard(module.exports, $65c158f0c1f3086b$exports);
-$parcel$exportWildcard(module.exports, $f52a5d5adb728369$exports);
-$parcel$exportWildcard(module.exports, $a03d78c6bebe68f6$exports);
+$parcel$exportWildcard(module.exports, $9b39dbd4f9acd144$exports);
+$parcel$exportWildcard(module.exports, $e5063b6d79973c73$exports);
+$parcel$exportWildcard(module.exports, $0542a73d68f06faa$exports);
 //# sourceMappingURL=main.js.map

package/dist/main.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/@react-aria/color/src/index.ts","packages/@react-aria/color/src/useColorSlider.ts","packages/@react-aria/color/src/useColorWheel.ts","packages/@react-aria/color/src/useColorField.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nexport from './useColorSlider';\nexport * from './useColorWheel';\nexport * from './useColorField';\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorSliderProps} from '@react-types/color';\nimport {ColorSliderState} from '@react-stately/color';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {mergeProps} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSlider, useSliderThumb} from '@react-aria/slider';\n\ninterface ColorSliderAriaOptions extends AriaColorSliderProps {\n /* A ref for the track element. /\n trackRef: RefObject<HTMLElement>,\n /* A ref for the input element. /\n inputRef: RefObject<HTMLInputElement>\n}\n\ninterface ColorSliderAria {\n /* Props for the label element. /\n labelProps: HTMLAttributes<HTMLElement>,\n /* Props for the track element. /\n trackProps: HTMLAttributes<HTMLElement>,\n /* Props for the thumb element. /\n thumbProps: HTMLAttributes<HTMLElement>,\n /* Props for the visually hidden range input element. /\n inputProps: HTMLAttributes<HTMLElement>,\n /* Props for the output element, displaying the value of the color slider. /\n outputProps: HTMLAttributes<HTMLElement>\n}\n\n/\n Provides the behavior and accessibility implementation for a color slider component.\n * Color sliders allow users to adjust an individual channel of a color value.\n /\nexport function useColorSlider(props: ColorSliderAriaOptions, state: ColorSliderState): ColorSliderAria {\n let {trackRef, inputRef, orientation, channel, 'aria-label': ariaLabel} = props;\n\n let {locale, direction} = useLocale();\n\n // Provide a default aria-label if there is no other label provided.\n if (!props.label && !ariaLabel && !props['aria-labelledby']) {\n ariaLabel = state.value.getChannelName(channel, locale);\n }\n\n // @ts-ignore - ignore unused incompatible props\n let {groupProps, trackProps, labelProps, outputProps} = useSlider({...props, 'aria-label': ariaLabel}, state, trackRef);\n let {inputProps, thumbProps} = useSliderThumb({\n index: 0,\n orientation,\n isDisabled: props.isDisabled,\n trackRef,\n inputRef\n }, state);\n\n let generateBackground = () => {\n let value = state.getDisplayColor();\n let to: string;\n if (orientation === 'vertical') {\n to = 'top';\n } else if (direction === 'ltr') {\n to = 'right';\n } else {\n to = 'left';\n }\n switch (channel) {\n case 'hue':\n return `linear-gradient(to ${to}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;\n case 'lightness': {\n // We have to add an extra color stop in the middle so that the hue shows up at all.\n // Otherwise it will always just be black to white.\n let min = state.getThumbMinValue(0);\n let max = state.getThumbMaxValue(0);\n let start = value.withChannelValue(channel, min).toString('css');\n let middle = value.withChannelValue(channel, (max - min) / 2).toString('css');\n let end = value.withChannelValue(channel, max).toString('css');\n return `linear-gradient(to ${to}, ${start}, ${middle}, ${end})`;\n }\n case 'saturation':\n case 'brightness':\n case 'red':\n case 'green':\n case 'blue':\n case 'alpha': {\n let start = value.withChannelValue(channel, state.getThumbMinValue(0)).toString('css');\n let end = value.withChannelValue(channel, state.getThumbMaxValue(0)).toString('css');\n return `linear-gradient(to ${to}, ${start}, ${end})`;\n }\n default:\n throw new Error('Unknown color channel: ' + channel);\n }\n };\n\n let thumbPosition = state.getThumbPercent(0);\n if (orientation === 'vertical' \|\| direction === 'rtl') {\n thumbPosition = 1 - thumbPosition;\n }\n\n return {\n trackProps: {\n ...mergeProps(groupProps, trackProps),\n style: {\n position: 'relative',\n touchAction: 'none',\n background: generateBackground()\n }\n },\n inputProps,\n thumbProps: {\n ...thumbProps,\n style: {\n touchAction: 'none',\n position: 'absolute',\n [orientation === 'vertical' ? 'top' : 'left']: `${thumbPosition 100}%`,\n transform: 'translate(-50%, -50%)'\n }\n },\n labelProps,\n outputProps\n };\n}\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorWheelProps} from '@react-types/color';\nimport {ColorWheelState} from '@react-stately/color';\nimport {focusWithoutScrolling, mergeProps, useGlobalListeners, useLabels} from '@react-aria/utils';\nimport React, {ChangeEvent, HTMLAttributes, InputHTMLAttributes, RefObject, useCallback, useRef} from 'react';\nimport {useKeyboard, useMove} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface ColorWheelAriaProps extends AriaColorWheelProps {\n /* The outer radius of the color wheel. /\n outerRadius: number,\n /* The inner radius of the color wheel. /\n innerRadius: number\n}\n\ninterface ColorWheelAria {\n /* Props for the track element. /\n trackProps: HTMLAttributes<HTMLElement>,\n /* Props for the thumb element. /\n thumbProps: HTMLAttributes<HTMLElement>,\n /* Props for the visually hidden range input element. /\n inputProps: InputHTMLAttributes<HTMLInputElement>\n}\n\nconst PAGE_MIN_STEP_SIZE = 6;\n\n/\n Provides the behavior and accessibility implementation for a color wheel component.\n * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n /\nexport function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState, inputRef: RefObject<HTMLElement>): ColorWheelAria {\n let {\n isDisabled,\n step = 1,\n innerRadius,\n outerRadius,\n 'aria-label': ariaLabel\n } = props;\n\n let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n let thumbRadius = (innerRadius + outerRadius) / 2;\n\n let focusInput = useCallback(() => {\n if (inputRef.current) {\n focusWithoutScrolling(inputRef.current);\n }\n }, [inputRef]);\n\n let stateRef = useRef<ColorWheelState>(null);\n stateRef.current = state;\n\n let currentPosition = useRef<{x: number, y: number}>(null);\n let moveHandler = {\n onMoveStart() {\n currentPosition.current = null;\n state.setDragging(true);\n },\n onMove({deltaX, deltaY, pointerType}) {\n if (currentPosition.current == null) {\n currentPosition.current = stateRef.current.getThumbPosition(thumbRadius);\n }\n currentPosition.current.x += deltaX;\n currentPosition.current.y += deltaY;\n if (pointerType === 'keyboard') {\n if (deltaX > 0 \|\| deltaY < 0) {\n state.increment();\n } else if (deltaX < 0 \|\| deltaY > 0) {\n state.decrement();\n }\n } else {\n stateRef.current.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);\n }\n },\n onMoveEnd() {\n isOnTrack.current = undefined;\n state.setDragging(false);\n focusInput();\n }\n };\n let {moveProps: movePropsThumb} = useMove(moveHandler);\n\n let currentPointer = useRef<number \| null \| undefined>(undefined);\n let isOnTrack = useRef<boolean>(false);\n let {moveProps: movePropsContainer} = useMove({\n onMoveStart() {\n if (isOnTrack.current) {\n moveHandler.onMoveStart();\n }\n },\n onMove(e) {\n if (isOnTrack.current) {\n moveHandler.onMove(e);\n }\n },\n onMoveEnd() {\n if (isOnTrack.current) {\n moveHandler.onMoveEnd();\n }\n }\n });\n\n let onThumbDown = (id: number \| null) => {\n if (!state.isDragging) {\n currentPointer.current = id;\n focusInput();\n state.setDragging(true);\n\n if (typeof PointerEvent !== 'undefined') {\n addGlobalListener(window, 'pointerup', onThumbUp, false);\n } else {\n addGlobalListener(window, 'mouseup', onThumbUp, false);\n addGlobalListener(window, 'touchend', onThumbUp, false);\n }\n }\n };\n\n let onThumbUp = (e) => {\n let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n if (id === currentPointer.current) {\n focusInput();\n state.setDragging(false);\n currentPointer.current = undefined;\n isOnTrack.current = false;\n\n if (typeof PointerEvent !== 'undefined') {\n removeGlobalListener(window, 'pointerup', onThumbUp, false);\n } else {\n removeGlobalListener(window, 'mouseup', onThumbUp, false);\n removeGlobalListener(window, 'touchend', onThumbUp, false);\n }\n }\n };\n\n let onTrackDown = (track: Element, id: number \| null, pageX: number, pageY: number) => {\n let rect = track.getBoundingClientRect();\n let x = pageX - rect.x - rect.width / 2;\n let y = pageY - rect.y - rect.height / 2;\n let radius = Math.sqrt(x x + y * y);\n if (innerRadius < radius && radius < outerRadius && !state.isDragging && currentPointer.current === undefined) {\n isOnTrack.current = true;\n currentPointer.current = id;\n stateRef.current.setHueFromPoint(x, y, radius);\n\n focusInput();\n state.setDragging(true);\n\n if (typeof PointerEvent !== 'undefined') {\n addGlobalListener(window, 'pointerup', onTrackUp, false);\n } else {\n addGlobalListener(window, 'mouseup', onTrackUp, false);\n addGlobalListener(window, 'touchend', onTrackUp, false);\n }\n }\n };\n\n let onTrackUp = (e) => {\n let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n if (isOnTrack.current && id === currentPointer.current) {\n isOnTrack.current = false;\n currentPointer.current = undefined;\n state.setDragging(false);\n focusInput();\n\n\n if (typeof PointerEvent !== 'undefined') {\n removeGlobalListener(window, 'pointerup', onTrackUp, false);\n } else {\n removeGlobalListener(window, 'mouseup', onTrackUp, false);\n removeGlobalListener(window, 'touchend', onTrackUp, false);\n }\n }\n };\n\n let {keyboardProps} = useKeyboard({\n onKeyDown(e) {\n switch (e.key) {\n case 'PageUp':\n e.preventDefault();\n state.increment(PAGE_MIN_STEP_SIZE);\n break;\n case 'PageDown':\n e.preventDefault();\n state.decrement(PAGE_MIN_STEP_SIZE);\n break;\n }\n }\n });\n\n let trackInteractions = isDisabled ? {} : mergeProps({\n ...(typeof PointerEvent !== 'undefined' ? {\n onPointerDown: (e: React.PointerEvent) => {\n if (e.pointerType === 'mouse' && (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey)) {\n return;\n }\n onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);\n }} : {\n onMouseDown: (e: React.MouseEvent) => {\n if (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey) {\n return;\n }\n onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);\n },\n onTouchStart: (e: React.TouchEvent) => {\n onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);\n }\n })\n }, movePropsContainer);\n\n let thumbInteractions = isDisabled ? {} : mergeProps({\n onMouseDown: (e: React.MouseEvent) => {\n if (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey) {\n return;\n }\n onThumbDown(undefined);\n },\n onPointerDown: (e: React.PointerEvent) => {\n if (e.pointerType === 'mouse' && (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey)) {\n return;\n }\n onThumbDown(e.pointerId);\n },\n onTouchStart: (e: React.TouchEvent) => {\n onThumbDown(e.changedTouches[0].identifier);\n }\n }, movePropsThumb, keyboardProps);\n let {x, y} = state.getThumbPosition(thumbRadius);\n\n // Provide a default aria-label if none is given\n let {locale} = useLocale();\n if (ariaLabel == null && props['aria-labelledby'] == null) {\n ariaLabel = state.value.getChannelName('hue', locale);\n }\n\n let inputLabellingProps = useLabels({\n ...props,\n 'aria-label': ariaLabel\n });\n\n return {\n trackProps: {\n ...trackInteractions,\n style: {\n position: 'relative',\n touchAction: 'none',\n width: outerRadius * 2,\n height: outerRadius * 2,\n background: `\n conic-gradient(\n from 90deg,\n hsl(0, 100%, 50%),\n hsl(30, 100%, 50%),\n hsl(60, 100%, 50%),\n hsl(90, 100%, 50%),\n hsl(120, 100%, 50%),\n hsl(150, 100%, 50%),\n hsl(180, 100%, 50%),\n hsl(210, 100%, 50%),\n hsl(240, 100%, 50%),\n hsl(270, 100%, 50%),\n hsl(300, 100%, 50%),\n hsl(330, 100%, 50%),\n hsl(360, 100%, 50%)\n )\n `,\n clipPath: `path(evenodd, \"${circlePath(outerRadius, outerRadius, outerRadius)} ${circlePath(outerRadius, outerRadius, innerRadius)}\")`\n }\n },\n thumbProps: {\n ...thumbInteractions,\n style: {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: `translate(calc(${x}px - 50%), calc(${y}px - 50%))`,\n touchAction: 'none'\n }\n },\n inputProps: mergeProps(\n inputLabellingProps,\n {\n type: 'range',\n min: '0',\n max: '360',\n step: String(step),\n 'aria-valuetext': state.value.formatChannelValue('hue', locale),\n disabled: isDisabled,\n value: `${state.value.getChannelValue('hue')}`,\n onChange: (e: ChangeEvent<HTMLInputElement>) => {\n state.setHue(parseFloat(e.target.value));\n }\n }\n )\n };\n}\n\n// Creates an SVG path string for a circle.\nfunction circlePath(cx: number, cy: number, r: number) {\n return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;\n}\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorFieldProps} from '@react-types/color';\nimport {ColorFieldState} from '@react-stately/color';\nimport {\n HTMLAttributes,\n LabelHTMLAttributes,\n RefObject,\n useCallback,\n useState\n} from 'react';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {useFocusWithin, useScrollWheel} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\ninterface ColorFieldAria {\n /* Props for the label element. /\n labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n /* Props for the input element. /\n inputProps: HTMLAttributes<HTMLInputElement>\n}\n\n/\n Provides the behavior and accessibility implementation for a color field component.\n * Color fields allow users to enter and adjust a hex color value.\n */\nexport function useColorField(\n props: AriaColorFieldProps,\n state: ColorFieldState,\n ref: RefObject<HTMLInputElement>\n): ColorFieldAria {\n let {\n isDisabled,\n isReadOnly,\n isRequired\n } = props;\n\n let {\n colorValue,\n inputValue,\n commit,\n increment,\n decrement,\n incrementToMax,\n decrementToMin\n } = state;\n\n let inputId = useId();\n let {spinButtonProps} = useSpinButton(\n {\n isDisabled,\n isReadOnly,\n isRequired,\n maxValue: 0xFFFFFF,\n minValue: 0,\n onIncrement: increment,\n onIncrementToMax: incrementToMax,\n onDecrement: decrement,\n onDecrementToMin: decrementToMin,\n value: colorValue ? colorValue.toHexInt() : undefined,\n textValue: colorValue ? colorValue.toString('hex') : undefined\n }\n );\n\n let [focusWithin, setFocusWithin] = useState(false);\n let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n let onWheel = useCallback((e) => {\n if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n return;\n }\n if (e.deltaY > 0) {\n increment();\n } else if (e.deltaY < 0) {\n decrement();\n }\n }, [isReadOnly, isDisabled, decrement, increment]);\n // If the input isn't supposed to receive input, disable scrolling.\n let scrollingDisabled = isDisabled \|\| isReadOnly \|\| !focusWithin;\n useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, ref);\n\n let onChange = value => {\n state.setInputValue(value);\n };\n\n let {labelProps, inputProps} = useFormattedTextField(\n mergeProps(props, {\n id: inputId,\n value: inputValue,\n defaultValue: undefined,\n type: 'text',\n autoComplete: 'off',\n onChange\n }), state, ref);\n\n return {\n labelProps,\n inputProps: mergeProps(inputProps, spinButtonProps, focusWithinProps, {\n role: 'textbox',\n 'aria-valuemax': null,\n 'aria-valuemin': null,\n 'aria-valuenow': null,\n 'aria-valuetext': null,\n autoCorrect: 'off',\n spellCheck: 'false',\n onBlur: commit\n })\n };\n}\n"],"names":[],"version":3,"file":"main.js.map"}
1	+ {"mappings":"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","sources":["packages/@react-aria/color/src/index.ts","packages/@react-aria/color/src/useColorSlider.ts","packages/@react-aria/color/src/useColorWheel.ts","packages/@react-aria/color/src/useColorField.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nexport from './useColorSlider';\nexport * from './useColorWheel';\nexport * from './useColorField';\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorSliderProps} from '@react-types/color';\nimport {ColorSliderState} from '@react-stately/color';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {mergeProps} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSlider, useSliderThumb} from '@react-aria/slider';\n\ninterface ColorSliderAriaOptions extends AriaColorSliderProps {\n /* A ref for the track element. /\n trackRef: RefObject<HTMLElement>,\n /* A ref for the input element. /\n inputRef: RefObject<HTMLInputElement>\n}\n\ninterface ColorSliderAria {\n /* Props for the label element. /\n labelProps: HTMLAttributes<HTMLElement>,\n /* Props for the track element. /\n trackProps: HTMLAttributes<HTMLElement>,\n /* Props for the thumb element. /\n thumbProps: HTMLAttributes<HTMLElement>,\n /* Props for the visually hidden range input element. /\n inputProps: HTMLAttributes<HTMLElement>,\n /* Props for the output element, displaying the value of the color slider. /\n outputProps: HTMLAttributes<HTMLElement>\n}\n\n/\n Provides the behavior and accessibility implementation for a color slider component.\n * Color sliders allow users to adjust an individual channel of a color value.\n /\nexport function useColorSlider(props: ColorSliderAriaOptions, state: ColorSliderState): ColorSliderAria {\n let {trackRef, inputRef, orientation, channel, 'aria-label': ariaLabel} = props;\n\n let {locale, direction} = useLocale();\n\n // Provide a default aria-label if there is no other label provided.\n if (!props.label && !ariaLabel && !props['aria-labelledby']) {\n ariaLabel = state.value.getChannelName(channel, locale);\n }\n\n // @ts-ignore - ignore unused incompatible props\n let {groupProps, trackProps, labelProps, outputProps} = useSlider({...props, 'aria-label': ariaLabel}, state, trackRef);\n let {inputProps, thumbProps} = useSliderThumb({\n index: 0,\n orientation,\n isDisabled: props.isDisabled,\n trackRef,\n inputRef\n }, state);\n\n let generateBackground = () => {\n let value = state.getDisplayColor();\n let to: string;\n if (orientation === 'vertical') {\n to = 'top';\n } else if (direction === 'ltr') {\n to = 'right';\n } else {\n to = 'left';\n }\n switch (channel) {\n case 'hue':\n return `linear-gradient(to ${to}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;\n case 'lightness': {\n // We have to add an extra color stop in the middle so that the hue shows up at all.\n // Otherwise it will always just be black to white.\n let min = state.getThumbMinValue(0);\n let max = state.getThumbMaxValue(0);\n let start = value.withChannelValue(channel, min).toString('css');\n let middle = value.withChannelValue(channel, (max - min) / 2).toString('css');\n let end = value.withChannelValue(channel, max).toString('css');\n return `linear-gradient(to ${to}, ${start}, ${middle}, ${end})`;\n }\n case 'saturation':\n case 'brightness':\n case 'red':\n case 'green':\n case 'blue':\n case 'alpha': {\n let start = value.withChannelValue(channel, state.getThumbMinValue(0)).toString('css');\n let end = value.withChannelValue(channel, state.getThumbMaxValue(0)).toString('css');\n return `linear-gradient(to ${to}, ${start}, ${end})`;\n }\n default:\n throw new Error('Unknown color channel: ' + channel);\n }\n };\n\n let thumbPosition = state.getThumbPercent(0);\n if (orientation === 'vertical' \|\| direction === 'rtl') {\n thumbPosition = 1 - thumbPosition;\n }\n\n return {\n trackProps: {\n ...mergeProps(groupProps, trackProps),\n style: {\n position: 'relative',\n touchAction: 'none',\n background: generateBackground()\n }\n },\n inputProps,\n thumbProps: {\n ...thumbProps,\n style: {\n touchAction: 'none',\n position: 'absolute',\n [orientation === 'vertical' ? 'top' : 'left']: `${thumbPosition 100}%`,\n transform: 'translate(-50%, -50%)'\n }\n },\n labelProps,\n outputProps\n };\n}\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorWheelProps} from '@react-types/color';\nimport {ColorWheelState} from '@react-stately/color';\nimport {focusWithoutScrolling, mergeProps, useGlobalListeners, useLabels} from '@react-aria/utils';\nimport React, {ChangeEvent, HTMLAttributes, InputHTMLAttributes, RefObject, useCallback, useRef} from 'react';\nimport {useKeyboard, useMove} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface ColorWheelAriaProps extends AriaColorWheelProps {\n /* The outer radius of the color wheel. /\n outerRadius: number,\n /* The inner radius of the color wheel. /\n innerRadius: number\n}\n\ninterface ColorWheelAria {\n /* Props for the track element. /\n trackProps: HTMLAttributes<HTMLElement>,\n /* Props for the thumb element. /\n thumbProps: HTMLAttributes<HTMLElement>,\n /* Props for the visually hidden range input element. /\n inputProps: InputHTMLAttributes<HTMLInputElement>\n}\n\nconst PAGE_MIN_STEP_SIZE = 6;\n\n/\n Provides the behavior and accessibility implementation for a color wheel component.\n * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n /\nexport function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState, inputRef: RefObject<HTMLElement>): ColorWheelAria {\n let {\n isDisabled,\n step = 1,\n innerRadius,\n outerRadius,\n 'aria-label': ariaLabel\n } = props;\n\n let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n let thumbRadius = (innerRadius + outerRadius) / 2;\n\n let focusInput = useCallback(() => {\n if (inputRef.current) {\n focusWithoutScrolling(inputRef.current);\n }\n }, [inputRef]);\n\n let stateRef = useRef<ColorWheelState>(null);\n stateRef.current = state;\n\n let currentPosition = useRef<{x: number, y: number}>(null);\n let moveHandler = {\n onMoveStart() {\n currentPosition.current = null;\n state.setDragging(true);\n },\n onMove({deltaX, deltaY, pointerType}) {\n if (currentPosition.current == null) {\n currentPosition.current = stateRef.current.getThumbPosition(thumbRadius);\n }\n currentPosition.current.x += deltaX;\n currentPosition.current.y += deltaY;\n if (pointerType === 'keyboard') {\n if (deltaX > 0 \|\| deltaY < 0) {\n state.increment();\n } else if (deltaX < 0 \|\| deltaY > 0) {\n state.decrement();\n }\n } else {\n stateRef.current.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);\n }\n },\n onMoveEnd() {\n isOnTrack.current = undefined;\n state.setDragging(false);\n focusInput();\n }\n };\n let {moveProps: movePropsThumb} = useMove(moveHandler);\n\n let currentPointer = useRef<number \| null \| undefined>(undefined);\n let isOnTrack = useRef<boolean>(false);\n let {moveProps: movePropsContainer} = useMove({\n onMoveStart() {\n if (isOnTrack.current) {\n moveHandler.onMoveStart();\n }\n },\n onMove(e) {\n if (isOnTrack.current) {\n moveHandler.onMove(e);\n }\n },\n onMoveEnd() {\n if (isOnTrack.current) {\n moveHandler.onMoveEnd();\n }\n }\n });\n\n let onThumbDown = (id: number \| null) => {\n if (!state.isDragging) {\n currentPointer.current = id;\n focusInput();\n state.setDragging(true);\n\n if (typeof PointerEvent !== 'undefined') {\n addGlobalListener(window, 'pointerup', onThumbUp, false);\n } else {\n addGlobalListener(window, 'mouseup', onThumbUp, false);\n addGlobalListener(window, 'touchend', onThumbUp, false);\n }\n }\n };\n\n let onThumbUp = (e) => {\n let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n if (id === currentPointer.current) {\n focusInput();\n state.setDragging(false);\n currentPointer.current = undefined;\n isOnTrack.current = false;\n\n if (typeof PointerEvent !== 'undefined') {\n removeGlobalListener(window, 'pointerup', onThumbUp, false);\n } else {\n removeGlobalListener(window, 'mouseup', onThumbUp, false);\n removeGlobalListener(window, 'touchend', onThumbUp, false);\n }\n }\n };\n\n let onTrackDown = (track: Element, id: number \| null, pageX: number, pageY: number) => {\n let rect = track.getBoundingClientRect();\n let x = pageX - rect.x - rect.width / 2;\n let y = pageY - rect.y - rect.height / 2;\n let radius = Math.sqrt(x x + y * y);\n if (innerRadius < radius && radius < outerRadius && !state.isDragging && currentPointer.current === undefined) {\n isOnTrack.current = true;\n currentPointer.current = id;\n stateRef.current.setHueFromPoint(x, y, radius);\n\n focusInput();\n state.setDragging(true);\n\n if (typeof PointerEvent !== 'undefined') {\n addGlobalListener(window, 'pointerup', onTrackUp, false);\n } else {\n addGlobalListener(window, 'mouseup', onTrackUp, false);\n addGlobalListener(window, 'touchend', onTrackUp, false);\n }\n }\n };\n\n let onTrackUp = (e) => {\n let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n if (isOnTrack.current && id === currentPointer.current) {\n isOnTrack.current = false;\n currentPointer.current = undefined;\n state.setDragging(false);\n focusInput();\n\n\n if (typeof PointerEvent !== 'undefined') {\n removeGlobalListener(window, 'pointerup', onTrackUp, false);\n } else {\n removeGlobalListener(window, 'mouseup', onTrackUp, false);\n removeGlobalListener(window, 'touchend', onTrackUp, false);\n }\n }\n };\n\n let {keyboardProps} = useKeyboard({\n onKeyDown(e) {\n switch (e.key) {\n case 'PageUp':\n e.preventDefault();\n state.increment(PAGE_MIN_STEP_SIZE);\n break;\n case 'PageDown':\n e.preventDefault();\n state.decrement(PAGE_MIN_STEP_SIZE);\n break;\n }\n }\n });\n\n let trackInteractions = isDisabled ? {} : mergeProps({\n ...(typeof PointerEvent !== 'undefined' ? {\n onPointerDown: (e: React.PointerEvent) => {\n if (e.pointerType === 'mouse' && (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey)) {\n return;\n }\n onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);\n }} : {\n onMouseDown: (e: React.MouseEvent) => {\n if (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey) {\n return;\n }\n onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);\n },\n onTouchStart: (e: React.TouchEvent) => {\n onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);\n }\n })\n }, movePropsContainer);\n\n let thumbInteractions = isDisabled ? {} : mergeProps({\n onMouseDown: (e: React.MouseEvent) => {\n if (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey) {\n return;\n }\n onThumbDown(undefined);\n },\n onPointerDown: (e: React.PointerEvent) => {\n if (e.pointerType === 'mouse' && (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey)) {\n return;\n }\n onThumbDown(e.pointerId);\n },\n onTouchStart: (e: React.TouchEvent) => {\n onThumbDown(e.changedTouches[0].identifier);\n }\n }, movePropsThumb, keyboardProps);\n let {x, y} = state.getThumbPosition(thumbRadius);\n\n // Provide a default aria-label if none is given\n let {locale} = useLocale();\n if (ariaLabel == null && props['aria-labelledby'] == null) {\n ariaLabel = state.value.getChannelName('hue', locale);\n }\n\n let inputLabellingProps = useLabels({\n ...props,\n 'aria-label': ariaLabel\n });\n\n return {\n trackProps: {\n ...trackInteractions,\n style: {\n position: 'relative',\n touchAction: 'none',\n width: outerRadius * 2,\n height: outerRadius * 2,\n background: `\n conic-gradient(\n from 90deg,\n hsl(0, 100%, 50%),\n hsl(30, 100%, 50%),\n hsl(60, 100%, 50%),\n hsl(90, 100%, 50%),\n hsl(120, 100%, 50%),\n hsl(150, 100%, 50%),\n hsl(180, 100%, 50%),\n hsl(210, 100%, 50%),\n hsl(240, 100%, 50%),\n hsl(270, 100%, 50%),\n hsl(300, 100%, 50%),\n hsl(330, 100%, 50%),\n hsl(360, 100%, 50%)\n )\n `,\n clipPath: `path(evenodd, \"${circlePath(outerRadius, outerRadius, outerRadius)} ${circlePath(outerRadius, outerRadius, innerRadius)}\")`\n }\n },\n thumbProps: {\n ...thumbInteractions,\n style: {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: `translate(calc(${x}px - 50%), calc(${y}px - 50%))`,\n touchAction: 'none'\n }\n },\n inputProps: mergeProps(\n inputLabellingProps,\n {\n type: 'range',\n min: '0',\n max: '360',\n step: String(step),\n 'aria-valuetext': state.value.formatChannelValue('hue', locale),\n disabled: isDisabled,\n value: `${state.value.getChannelValue('hue')}`,\n onChange: (e: ChangeEvent<HTMLInputElement>) => {\n state.setHue(parseFloat(e.target.value));\n }\n }\n )\n };\n}\n\n// Creates an SVG path string for a circle.\nfunction circlePath(cx: number, cy: number, r: number) {\n return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;\n}\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorFieldProps} from '@react-types/color';\nimport {ColorFieldState} from '@react-stately/color';\nimport {\n HTMLAttributes,\n LabelHTMLAttributes,\n RefObject,\n useCallback,\n useState\n} from 'react';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {useFocusWithin, useScrollWheel} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\ninterface ColorFieldAria {\n /* Props for the label element. /\n labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n /* Props for the input element. /\n inputProps: HTMLAttributes<HTMLInputElement>\n}\n\n/\n Provides the behavior and accessibility implementation for a color field component.\n * Color fields allow users to enter and adjust a hex color value.\n */\nexport function useColorField(\n props: AriaColorFieldProps,\n state: ColorFieldState,\n ref: RefObject<HTMLInputElement>\n): ColorFieldAria {\n let {\n isDisabled,\n isReadOnly,\n isRequired\n } = props;\n\n let {\n colorValue,\n inputValue,\n commit,\n increment,\n decrement,\n incrementToMax,\n decrementToMin\n } = state;\n\n let inputId = useId();\n let {spinButtonProps} = useSpinButton(\n {\n isDisabled,\n isReadOnly,\n isRequired,\n maxValue: 0xFFFFFF,\n minValue: 0,\n onIncrement: increment,\n onIncrementToMax: incrementToMax,\n onDecrement: decrement,\n onDecrementToMin: decrementToMin,\n value: colorValue ? colorValue.toHexInt() : undefined,\n textValue: colorValue ? colorValue.toString('hex') : undefined\n }\n );\n\n let [focusWithin, setFocusWithin] = useState(false);\n let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n let onWheel = useCallback((e) => {\n if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n return;\n }\n if (e.deltaY > 0) {\n increment();\n } else if (e.deltaY < 0) {\n decrement();\n }\n }, [isReadOnly, isDisabled, decrement, increment]);\n // If the input isn't supposed to receive input, disable scrolling.\n let scrollingDisabled = isDisabled \|\| isReadOnly \|\| !focusWithin;\n useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, ref);\n\n let onChange = value => {\n state.setInputValue(value);\n };\n\n let {labelProps, inputProps} = useFormattedTextField(\n mergeProps(props, {\n id: inputId,\n value: inputValue,\n defaultValue: undefined,\n type: 'text',\n autoComplete: 'off',\n onChange\n }), state, ref);\n\n return {\n labelProps,\n inputProps: mergeProps(inputProps, spinButtonProps, focusWithinProps, {\n role: 'textbox',\n 'aria-valuemax': null,\n 'aria-valuemin': null,\n 'aria-valuenow': null,\n 'aria-valuetext': null,\n autoCorrect: 'off',\n spellCheck: 'false',\n onBlur: commit\n })\n };\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js CHANGED Viewed

@@ -1,31 +1,31 @@
-import {mergeProps as $kLMEb$mergeProps, useGlobalListeners as $kLMEb$useGlobalListeners, focusWithoutScrolling as $kLMEb$focusWithoutScrolling, useLabels as $kLMEb$useLabels, useId as $kLMEb$useId} from "@react-aria/utils";
-import {useLocale as $kLMEb$useLocale} from "@react-aria/i18n";
-import {useSlider as $kLMEb$useSlider, useSliderThumb as $kLMEb$useSliderThumb} from "@react-aria/slider";
-import {useCallback as $kLMEb$useCallback, useRef as $kLMEb$useRef, useState as $kLMEb$useState} from "react";
-import {useMove as $kLMEb$useMove, useKeyboard as $kLMEb$useKeyboard, useFocusWithin as $kLMEb$useFocusWithin, useScrollWheel as $kLMEb$useScrollWheel} from "@react-aria/interactions";
-import {useFormattedTextField as $kLMEb$useFormattedTextField} from "@react-aria/textfield";
-import {useSpinButton as $kLMEb$useSpinButton} from "@react-aria/spinbutton";
+import {mergeProps as $l7vYy$mergeProps, useGlobalListeners as $l7vYy$useGlobalListeners, focusWithoutScrolling as $l7vYy$focusWithoutScrolling, useLabels as $l7vYy$useLabels, useId as $l7vYy$useId} from "@react-aria/utils";
+import {useLocale as $l7vYy$useLocale} from "@react-aria/i18n";
+import {useSlider as $l7vYy$useSlider, useSliderThumb as $l7vYy$useSliderThumb} from "@react-aria/slider";
+import {useCallback as $l7vYy$useCallback, useRef as $l7vYy$useRef, useState as $l7vYy$useState} from "react";
+import {useMove as $l7vYy$useMove, useKeyboard as $l7vYy$useKeyboard, useFocusWithin as $l7vYy$useFocusWithin, useScrollWheel as $l7vYy$useScrollWheel} from "@react-aria/interactions";
+import {useFormattedTextField as $l7vYy$useFormattedTextField} from "@react-aria/textfield";
+import {useSpinButton as $l7vYy$useSpinButton} from "@react-aria/spinbutton";
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $d35c65941a2de674$exports = {};
+var $8992d2cc13930492$exports = {};
-$parcel$export($d35c65941a2de674$exports, "useColorSlider", () => $d35c65941a2de674$export$106b7a4e66508f66);
+$parcel$export($8992d2cc13930492$exports, "useColorSlider", () => $8992d2cc13930492$export$106b7a4e66508f66);
-function $d35c65941a2de674$export$106b7a4e66508f66(props, state) {
+function $8992d2cc13930492$export$106b7a4e66508f66(props, state) {
     let { trackRef: trackRef , inputRef: inputRef , orientation: orientation , channel: channel , 'aria-label': ariaLabel  } = props;
-    let { locale: locale , direction: direction  } = $kLMEb$useLocale();
+    let { locale: locale , direction: direction  } = $l7vYy$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  } = $kLMEb$useSlider({
+    let { groupProps: groupProps , trackProps: trackProps , labelProps: labelProps , outputProps: outputProps  } = $l7vYy$useSlider({
         ...props,
         'aria-label': ariaLabel
     }, state, trackRef);
-    let { inputProps: inputProps , thumbProps: thumbProps  } = $kLMEb$useSliderThumb({
+    let { inputProps: inputProps , thumbProps: thumbProps  } = $l7vYy$useSliderThumb({
         index: 0,
         orientation: orientation,
         isDisabled: props.isDisabled,
@@ -71,7 +71,7 @@ function $d35c65941a2de674$export$106b7a4e66508f66(props, state) {
     if (orientation === 'vertical' || direction === 'rtl') thumbPosition = 1 - thumbPosition;
     return {
         trackProps: {
-            ...$kLMEb$mergeProps(groupProps, trackProps),
+            ...$l7vYy$mergeProps(groupProps, trackProps),
             style: {
                 position: 'relative',
                 touchAction: 'none',
@@ -94,26 +94,26 @@ function $d35c65941a2de674$export$106b7a4e66508f66(props, state) {
 }
-var $29049ccc426e44cb$exports = {};
+var $e8f573825f77431c$exports = {};
-$parcel$export($29049ccc426e44cb$exports, "useColorWheel", () => $29049ccc426e44cb$export$9064ff4e44b3729a);
+$parcel$export($e8f573825f77431c$exports, "useColorWheel", () => $e8f573825f77431c$export$9064ff4e44b3729a);
-const $29049ccc426e44cb$var$PAGE_MIN_STEP_SIZE = 6;
-function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
+const $e8f573825f77431c$var$PAGE_MIN_STEP_SIZE = 6;
+function $e8f573825f77431c$export$9064ff4e44b3729a(props, state, inputRef) {
     let { isDisabled: isDisabled , step: step = 1 , innerRadius: innerRadius , outerRadius: outerRadius , 'aria-label': ariaLabel  } = props;
-    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = $kLMEb$useGlobalListeners();
+    let { addGlobalListener: addGlobalListener , removeGlobalListener: removeGlobalListener  } = $l7vYy$useGlobalListeners();
     let thumbRadius = (innerRadius + outerRadius) / 2;
-    let focusInput = $kLMEb$useCallback(()=>{
-        if (inputRef.current) $kLMEb$focusWithoutScrolling(inputRef.current);
+    let focusInput = $l7vYy$useCallback(()=>{
+        if (inputRef.current) $l7vYy$focusWithoutScrolling(inputRef.current);
     }, [
         inputRef
     ]);
-    let stateRef = $kLMEb$useRef(null);
+    let stateRef = $l7vYy$useRef(null);
     stateRef.current = state;
-    let currentPosition = $kLMEb$useRef(null);
+    let currentPosition = $l7vYy$useRef(null);
     let moveHandler = {
         onMoveStart () {
             currentPosition.current = null;
@@ -134,10 +134,10 @@ function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
             focusInput();
         }
     };
-    let { moveProps: movePropsThumb  } = $kLMEb$useMove(moveHandler);
-    let currentPointer = $kLMEb$useRef(undefined);
-    let isOnTrack = $kLMEb$useRef(false);
-    let { moveProps: movePropsContainer  } = $kLMEb$useMove({
+    let { moveProps: movePropsThumb  } = $l7vYy$useMove(moveHandler);
+    let currentPointer = $l7vYy$useRef(undefined);
+    let isOnTrack = $l7vYy$useRef(false);
+    let { moveProps: movePropsContainer  } = $l7vYy$useMove({
         onMoveStart () {
             if (isOnTrack.current) moveHandler.onMoveStart();
         },
@@ -161,7 +161,9 @@ function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
         }
     };
     let onThumbUp = (e)=>{
-        let id = e.pointerId ?? e.changedTouches?.[0].identifier;
+        var ref;
+        var _pointerId;
+        let id = (_pointerId = e.pointerId) !== null && _pointerId !== void 0 ? _pointerId : (ref = e.changedTouches) === null || ref === void 0 ? void 0 : ref[0].identifier;
         if (id === currentPointer.current) {
             focusInput();
             state.setDragging(false);
@@ -193,7 +195,9 @@ function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
         }
     };
     let onTrackUp = (e)=>{
-        let id = e.pointerId ?? e.changedTouches?.[0].identifier;
+        var ref;
+        var _pointerId;
+        let id = (_pointerId = e.pointerId) !== null && _pointerId !== void 0 ? _pointerId : (ref = e.changedTouches) === null || ref === void 0 ? void 0 : ref[0].identifier;
         if (isOnTrack.current && id === currentPointer.current) {
             isOnTrack.current = false;
             currentPointer.current = undefined;
@@ -206,22 +210,22 @@ function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
             }
         }
     };
-    let { keyboardProps: keyboardProps  } = $kLMEb$useKeyboard({
+    let { keyboardProps: keyboardProps  } = $l7vYy$useKeyboard({
         onKeyDown (e) {
             switch(e.key){
                 case 'PageUp':
                     e.preventDefault();
-                    state.increment($29049ccc426e44cb$var$PAGE_MIN_STEP_SIZE);
+                    state.increment($e8f573825f77431c$var$PAGE_MIN_STEP_SIZE);
                     break;
                 case 'PageDown':
                     e.preventDefault();
-                    state.decrement($29049ccc426e44cb$var$PAGE_MIN_STEP_SIZE);
+                    state.decrement($e8f573825f77431c$var$PAGE_MIN_STEP_SIZE);
                     break;
             }
         }
     });
     let trackInteractions = isDisabled ? {
-    } : $kLMEb$mergeProps({
+    } : $l7vYy$mergeProps({
         ...typeof PointerEvent !== 'undefined' ? {
             onPointerDown: (e)=>{
                 if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) return;
@@ -238,7 +242,7 @@ function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
         }
     }, movePropsContainer);
     let thumbInteractions = isDisabled ? {
-    } : $kLMEb$mergeProps({
+    } : $l7vYy$mergeProps({
         onMouseDown: (e)=>{
             if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) return;
             onThumbDown(undefined);
@@ -253,9 +257,9 @@ function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
     }, movePropsThumb, keyboardProps);
     let { x: x1 , y: y1  } = state.getThumbPosition(thumbRadius);
     // Provide a default aria-label if none is given
-    let { locale: locale  } = $kLMEb$useLocale();
+    let { locale: locale  } = $l7vYy$useLocale();
     if (ariaLabel == null && props['aria-labelledby'] == null) ariaLabel = state.value.getChannelName('hue', locale);
-    let inputLabellingProps = $kLMEb$useLabels({
+    let inputLabellingProps = $l7vYy$useLabels({
         ...props,
         'aria-label': ariaLabel
     });
@@ -285,7 +289,7 @@ function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
             hsl(360, 100%, 50%)
           )
         `,
-                clipPath: `path(evenodd, "${$29049ccc426e44cb$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$29049ccc426e44cb$var$circlePath(outerRadius, outerRadius, innerRadius)}")`
+                clipPath: `path(evenodd, "${$e8f573825f77431c$var$circlePath(outerRadius, outerRadius, outerRadius)} ${$e8f573825f77431c$var$circlePath(outerRadius, outerRadius, innerRadius)}")`
             }
         },
         thumbProps: {
@@ -298,7 +302,7 @@ function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
                 touchAction: 'none'
             }
         },
-        inputProps: $kLMEb$mergeProps(inputLabellingProps, {
+        inputProps: $l7vYy$mergeProps(inputLabellingProps, {
             type: 'range',
             min: '0',
             max: '360',
@@ -313,24 +317,24 @@ function $29049ccc426e44cb$export$9064ff4e44b3729a(props, state, inputRef) {
     };
 }
 // Creates an SVG path string for a circle.
-function $29049ccc426e44cb$var$circlePath(cx, cy, r) {
+function $e8f573825f77431c$var$circlePath(cx, cy, r) {
     return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;
 }
-var $42d92523b2461444$exports = {};
+var $bb9d9837d0b340e7$exports = {};
-$parcel$export($42d92523b2461444$exports, "useColorField", () => $42d92523b2461444$export$77e32ca575a28fdf);
+$parcel$export($bb9d9837d0b340e7$exports, "useColorField", () => $bb9d9837d0b340e7$export$77e32ca575a28fdf);
-function $42d92523b2461444$export$77e32ca575a28fdf(props, state, ref) {
+function $bb9d9837d0b340e7$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 inputId = $kLMEb$useId();
-    let { spinButtonProps: spinButtonProps  } = $kLMEb$useSpinButton({
+    let inputId = $l7vYy$useId();
+    let { spinButtonProps: spinButtonProps  } = $l7vYy$useSpinButton({
         isDisabled: isDisabled,
         isReadOnly: isReadOnly,
         isRequired: isRequired,
@@ -343,12 +347,12 @@ function $42d92523b2461444$export$77e32ca575a28fdf(props, state, ref) {
         value: colorValue ? colorValue.toHexInt() : undefined,
         textValue: colorValue ? colorValue.toString('hex') : undefined
     });
-    let [focusWithin, setFocusWithin] = $kLMEb$useState(false);
-    let { focusWithinProps: focusWithinProps  } = $kLMEb$useFocusWithin({
+    let [focusWithin, setFocusWithin] = $l7vYy$useState(false);
+    let { focusWithinProps: focusWithinProps  } = $l7vYy$useFocusWithin({
         isDisabled: isDisabled,
         onFocusWithinChange: setFocusWithin
     });
-    let onWheel = $kLMEb$useCallback((e)=>{
+    let onWheel = $l7vYy$useCallback((e)=>{
         if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) return;
         if (e.deltaY > 0) increment();
         else if (e.deltaY < 0) decrement();
@@ -360,14 +364,14 @@ function $42d92523b2461444$export$77e32ca575a28fdf(props, state, ref) {
     ]);
     // If the input isn't supposed to receive input, disable scrolling.
     let scrollingDisabled = isDisabled || isReadOnly || !focusWithin;
-    $kLMEb$useScrollWheel({
+    $l7vYy$useScrollWheel({
         onScroll: onWheel,
         isDisabled: scrollingDisabled
     }, ref);
     let onChange = (value)=>{
         state.setInputValue(value);
     };
-    let { labelProps: labelProps , inputProps: inputProps  } = $kLMEb$useFormattedTextField($kLMEb$mergeProps(props, {
+    let { labelProps: labelProps , inputProps: inputProps  } = $l7vYy$useFormattedTextField($l7vYy$mergeProps(props, {
         id: inputId,
         value: inputValue,
         defaultValue: undefined,
@@ -377,7 +381,7 @@ function $42d92523b2461444$export$77e32ca575a28fdf(props, state, ref) {
     }), state, ref);
     return {
         labelProps: labelProps,
-        inputProps: $kLMEb$mergeProps(inputProps, spinButtonProps, focusWithinProps, {
+        inputProps: $l7vYy$mergeProps(inputProps, spinButtonProps, focusWithinProps, {
             role: 'textbox',
             'aria-valuemax': null,
             'aria-valuemin': null,
@@ -393,5 +397,5 @@ function $42d92523b2461444$export$77e32ca575a28fdf(props, state, ref) {
-export {$d35c65941a2de674$export$106b7a4e66508f66 as useColorSlider, $29049ccc426e44cb$export$9064ff4e44b3729a as useColorWheel, $42d92523b2461444$export$77e32ca575a28fdf as useColorField};
+export {$8992d2cc13930492$export$106b7a4e66508f66 as useColorSlider, $e8f573825f77431c$export$9064ff4e44b3729a as useColorWheel, $bb9d9837d0b340e7$export$77e32ca575a28fdf as useColorField};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"mappings":"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","sources":["packages/@react-aria/color/src/index.ts","packages/@react-aria/color/src/useColorSlider.ts","packages/@react-aria/color/src/useColorWheel.ts","packages/@react-aria/color/src/useColorField.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nexport from './useColorSlider';\nexport * from './useColorWheel';\nexport * from './useColorField';\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorSliderProps} from '@react-types/color';\nimport {ColorSliderState} from '@react-stately/color';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {mergeProps} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSlider, useSliderThumb} from '@react-aria/slider';\n\ninterface ColorSliderAriaOptions extends AriaColorSliderProps {\n /* A ref for the track element. /\n trackRef: RefObject<HTMLElement>,\n /* A ref for the input element. /\n inputRef: RefObject<HTMLInputElement>\n}\n\ninterface ColorSliderAria {\n /* Props for the label element. /\n labelProps: HTMLAttributes<HTMLElement>,\n /* Props for the track element. /\n trackProps: HTMLAttributes<HTMLElement>,\n /* Props for the thumb element. /\n thumbProps: HTMLAttributes<HTMLElement>,\n /* Props for the visually hidden range input element. /\n inputProps: HTMLAttributes<HTMLElement>,\n /* Props for the output element, displaying the value of the color slider. /\n outputProps: HTMLAttributes<HTMLElement>\n}\n\n/\n Provides the behavior and accessibility implementation for a color slider component.\n * Color sliders allow users to adjust an individual channel of a color value.\n /\nexport function useColorSlider(props: ColorSliderAriaOptions, state: ColorSliderState): ColorSliderAria {\n let {trackRef, inputRef, orientation, channel, 'aria-label': ariaLabel} = props;\n\n let {locale, direction} = useLocale();\n\n // Provide a default aria-label if there is no other label provided.\n if (!props.label && !ariaLabel && !props['aria-labelledby']) {\n ariaLabel = state.value.getChannelName(channel, locale);\n }\n\n // @ts-ignore - ignore unused incompatible props\n let {groupProps, trackProps, labelProps, outputProps} = useSlider({...props, 'aria-label': ariaLabel}, state, trackRef);\n let {inputProps, thumbProps} = useSliderThumb({\n index: 0,\n orientation,\n isDisabled: props.isDisabled,\n trackRef,\n inputRef\n }, state);\n\n let generateBackground = () => {\n let value = state.getDisplayColor();\n let to: string;\n if (orientation === 'vertical') {\n to = 'top';\n } else if (direction === 'ltr') {\n to = 'right';\n } else {\n to = 'left';\n }\n switch (channel) {\n case 'hue':\n return `linear-gradient(to ${to}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;\n case 'lightness': {\n // We have to add an extra color stop in the middle so that the hue shows up at all.\n // Otherwise it will always just be black to white.\n let min = state.getThumbMinValue(0);\n let max = state.getThumbMaxValue(0);\n let start = value.withChannelValue(channel, min).toString('css');\n let middle = value.withChannelValue(channel, (max - min) / 2).toString('css');\n let end = value.withChannelValue(channel, max).toString('css');\n return `linear-gradient(to ${to}, ${start}, ${middle}, ${end})`;\n }\n case 'saturation':\n case 'brightness':\n case 'red':\n case 'green':\n case 'blue':\n case 'alpha': {\n let start = value.withChannelValue(channel, state.getThumbMinValue(0)).toString('css');\n let end = value.withChannelValue(channel, state.getThumbMaxValue(0)).toString('css');\n return `linear-gradient(to ${to}, ${start}, ${end})`;\n }\n default:\n throw new Error('Unknown color channel: ' + channel);\n }\n };\n\n let thumbPosition = state.getThumbPercent(0);\n if (orientation === 'vertical' \|\| direction === 'rtl') {\n thumbPosition = 1 - thumbPosition;\n }\n\n return {\n trackProps: {\n ...mergeProps(groupProps, trackProps),\n style: {\n position: 'relative',\n touchAction: 'none',\n background: generateBackground()\n }\n },\n inputProps,\n thumbProps: {\n ...thumbProps,\n style: {\n touchAction: 'none',\n position: 'absolute',\n [orientation === 'vertical' ? 'top' : 'left']: `${thumbPosition 100}%`,\n transform: 'translate(-50%, -50%)'\n }\n },\n labelProps,\n outputProps\n };\n}\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorWheelProps} from '@react-types/color';\nimport {ColorWheelState} from '@react-stately/color';\nimport {focusWithoutScrolling, mergeProps, useGlobalListeners, useLabels} from '@react-aria/utils';\nimport React, {ChangeEvent, HTMLAttributes, InputHTMLAttributes, RefObject, useCallback, useRef} from 'react';\nimport {useKeyboard, useMove} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface ColorWheelAriaProps extends AriaColorWheelProps {\n /* The outer radius of the color wheel. /\n outerRadius: number,\n /* The inner radius of the color wheel. /\n innerRadius: number\n}\n\ninterface ColorWheelAria {\n /* Props for the track element. /\n trackProps: HTMLAttributes<HTMLElement>,\n /* Props for the thumb element. /\n thumbProps: HTMLAttributes<HTMLElement>,\n /* Props for the visually hidden range input element. /\n inputProps: InputHTMLAttributes<HTMLInputElement>\n}\n\nconst PAGE_MIN_STEP_SIZE = 6;\n\n/\n Provides the behavior and accessibility implementation for a color wheel component.\n * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n /\nexport function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState, inputRef: RefObject<HTMLElement>): ColorWheelAria {\n let {\n isDisabled,\n step = 1,\n innerRadius,\n outerRadius,\n 'aria-label': ariaLabel\n } = props;\n\n let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n let thumbRadius = (innerRadius + outerRadius) / 2;\n\n let focusInput = useCallback(() => {\n if (inputRef.current) {\n focusWithoutScrolling(inputRef.current);\n }\n }, [inputRef]);\n\n let stateRef = useRef<ColorWheelState>(null);\n stateRef.current = state;\n\n let currentPosition = useRef<{x: number, y: number}>(null);\n let moveHandler = {\n onMoveStart() {\n currentPosition.current = null;\n state.setDragging(true);\n },\n onMove({deltaX, deltaY, pointerType}) {\n if (currentPosition.current == null) {\n currentPosition.current = stateRef.current.getThumbPosition(thumbRadius);\n }\n currentPosition.current.x += deltaX;\n currentPosition.current.y += deltaY;\n if (pointerType === 'keyboard') {\n if (deltaX > 0 \|\| deltaY < 0) {\n state.increment();\n } else if (deltaX < 0 \|\| deltaY > 0) {\n state.decrement();\n }\n } else {\n stateRef.current.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);\n }\n },\n onMoveEnd() {\n isOnTrack.current = undefined;\n state.setDragging(false);\n focusInput();\n }\n };\n let {moveProps: movePropsThumb} = useMove(moveHandler);\n\n let currentPointer = useRef<number \| null \| undefined>(undefined);\n let isOnTrack = useRef<boolean>(false);\n let {moveProps: movePropsContainer} = useMove({\n onMoveStart() {\n if (isOnTrack.current) {\n moveHandler.onMoveStart();\n }\n },\n onMove(e) {\n if (isOnTrack.current) {\n moveHandler.onMove(e);\n }\n },\n onMoveEnd() {\n if (isOnTrack.current) {\n moveHandler.onMoveEnd();\n }\n }\n });\n\n let onThumbDown = (id: number \| null) => {\n if (!state.isDragging) {\n currentPointer.current = id;\n focusInput();\n state.setDragging(true);\n\n if (typeof PointerEvent !== 'undefined') {\n addGlobalListener(window, 'pointerup', onThumbUp, false);\n } else {\n addGlobalListener(window, 'mouseup', onThumbUp, false);\n addGlobalListener(window, 'touchend', onThumbUp, false);\n }\n }\n };\n\n let onThumbUp = (e) => {\n let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n if (id === currentPointer.current) {\n focusInput();\n state.setDragging(false);\n currentPointer.current = undefined;\n isOnTrack.current = false;\n\n if (typeof PointerEvent !== 'undefined') {\n removeGlobalListener(window, 'pointerup', onThumbUp, false);\n } else {\n removeGlobalListener(window, 'mouseup', onThumbUp, false);\n removeGlobalListener(window, 'touchend', onThumbUp, false);\n }\n }\n };\n\n let onTrackDown = (track: Element, id: number \| null, pageX: number, pageY: number) => {\n let rect = track.getBoundingClientRect();\n let x = pageX - rect.x - rect.width / 2;\n let y = pageY - rect.y - rect.height / 2;\n let radius = Math.sqrt(x x + y * y);\n if (innerRadius < radius && radius < outerRadius && !state.isDragging && currentPointer.current === undefined) {\n isOnTrack.current = true;\n currentPointer.current = id;\n stateRef.current.setHueFromPoint(x, y, radius);\n\n focusInput();\n state.setDragging(true);\n\n if (typeof PointerEvent !== 'undefined') {\n addGlobalListener(window, 'pointerup', onTrackUp, false);\n } else {\n addGlobalListener(window, 'mouseup', onTrackUp, false);\n addGlobalListener(window, 'touchend', onTrackUp, false);\n }\n }\n };\n\n let onTrackUp = (e) => {\n let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n if (isOnTrack.current && id === currentPointer.current) {\n isOnTrack.current = false;\n currentPointer.current = undefined;\n state.setDragging(false);\n focusInput();\n\n\n if (typeof PointerEvent !== 'undefined') {\n removeGlobalListener(window, 'pointerup', onTrackUp, false);\n } else {\n removeGlobalListener(window, 'mouseup', onTrackUp, false);\n removeGlobalListener(window, 'touchend', onTrackUp, false);\n }\n }\n };\n\n let {keyboardProps} = useKeyboard({\n onKeyDown(e) {\n switch (e.key) {\n case 'PageUp':\n e.preventDefault();\n state.increment(PAGE_MIN_STEP_SIZE);\n break;\n case 'PageDown':\n e.preventDefault();\n state.decrement(PAGE_MIN_STEP_SIZE);\n break;\n }\n }\n });\n\n let trackInteractions = isDisabled ? {} : mergeProps({\n ...(typeof PointerEvent !== 'undefined' ? {\n onPointerDown: (e: React.PointerEvent) => {\n if (e.pointerType === 'mouse' && (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey)) {\n return;\n }\n onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);\n }} : {\n onMouseDown: (e: React.MouseEvent) => {\n if (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey) {\n return;\n }\n onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);\n },\n onTouchStart: (e: React.TouchEvent) => {\n onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);\n }\n })\n }, movePropsContainer);\n\n let thumbInteractions = isDisabled ? {} : mergeProps({\n onMouseDown: (e: React.MouseEvent) => {\n if (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey) {\n return;\n }\n onThumbDown(undefined);\n },\n onPointerDown: (e: React.PointerEvent) => {\n if (e.pointerType === 'mouse' && (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey)) {\n return;\n }\n onThumbDown(e.pointerId);\n },\n onTouchStart: (e: React.TouchEvent) => {\n onThumbDown(e.changedTouches[0].identifier);\n }\n }, movePropsThumb, keyboardProps);\n let {x, y} = state.getThumbPosition(thumbRadius);\n\n // Provide a default aria-label if none is given\n let {locale} = useLocale();\n if (ariaLabel == null && props['aria-labelledby'] == null) {\n ariaLabel = state.value.getChannelName('hue', locale);\n }\n\n let inputLabellingProps = useLabels({\n ...props,\n 'aria-label': ariaLabel\n });\n\n return {\n trackProps: {\n ...trackInteractions,\n style: {\n position: 'relative',\n touchAction: 'none',\n width: outerRadius * 2,\n height: outerRadius * 2,\n background: `\n conic-gradient(\n from 90deg,\n hsl(0, 100%, 50%),\n hsl(30, 100%, 50%),\n hsl(60, 100%, 50%),\n hsl(90, 100%, 50%),\n hsl(120, 100%, 50%),\n hsl(150, 100%, 50%),\n hsl(180, 100%, 50%),\n hsl(210, 100%, 50%),\n hsl(240, 100%, 50%),\n hsl(270, 100%, 50%),\n hsl(300, 100%, 50%),\n hsl(330, 100%, 50%),\n hsl(360, 100%, 50%)\n )\n `,\n clipPath: `path(evenodd, \"${circlePath(outerRadius, outerRadius, outerRadius)} ${circlePath(outerRadius, outerRadius, innerRadius)}\")`\n }\n },\n thumbProps: {\n ...thumbInteractions,\n style: {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: `translate(calc(${x}px - 50%), calc(${y}px - 50%))`,\n touchAction: 'none'\n }\n },\n inputProps: mergeProps(\n inputLabellingProps,\n {\n type: 'range',\n min: '0',\n max: '360',\n step: String(step),\n 'aria-valuetext': state.value.formatChannelValue('hue', locale),\n disabled: isDisabled,\n value: `${state.value.getChannelValue('hue')}`,\n onChange: (e: ChangeEvent<HTMLInputElement>) => {\n state.setHue(parseFloat(e.target.value));\n }\n }\n )\n };\n}\n\n// Creates an SVG path string for a circle.\nfunction circlePath(cx: number, cy: number, r: number) {\n return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;\n}\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorFieldProps} from '@react-types/color';\nimport {ColorFieldState} from '@react-stately/color';\nimport {\n HTMLAttributes,\n LabelHTMLAttributes,\n RefObject,\n useCallback,\n useState\n} from 'react';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {useFocusWithin, useScrollWheel} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\ninterface ColorFieldAria {\n /* Props for the label element. /\n labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n /* Props for the input element. /\n inputProps: HTMLAttributes<HTMLInputElement>\n}\n\n/\n Provides the behavior and accessibility implementation for a color field component.\n * Color fields allow users to enter and adjust a hex color value.\n */\nexport function useColorField(\n props: AriaColorFieldProps,\n state: ColorFieldState,\n ref: RefObject<HTMLInputElement>\n): ColorFieldAria {\n let {\n isDisabled,\n isReadOnly,\n isRequired\n } = props;\n\n let {\n colorValue,\n inputValue,\n commit,\n increment,\n decrement,\n incrementToMax,\n decrementToMin\n } = state;\n\n let inputId = useId();\n let {spinButtonProps} = useSpinButton(\n {\n isDisabled,\n isReadOnly,\n isRequired,\n maxValue: 0xFFFFFF,\n minValue: 0,\n onIncrement: increment,\n onIncrementToMax: incrementToMax,\n onDecrement: decrement,\n onDecrementToMin: decrementToMin,\n value: colorValue ? colorValue.toHexInt() : undefined,\n textValue: colorValue ? colorValue.toString('hex') : undefined\n }\n );\n\n let [focusWithin, setFocusWithin] = useState(false);\n let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n let onWheel = useCallback((e) => {\n if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n return;\n }\n if (e.deltaY > 0) {\n increment();\n } else if (e.deltaY < 0) {\n decrement();\n }\n }, [isReadOnly, isDisabled, decrement, increment]);\n // If the input isn't supposed to receive input, disable scrolling.\n let scrollingDisabled = isDisabled \|\| isReadOnly \|\| !focusWithin;\n useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, ref);\n\n let onChange = value => {\n state.setInputValue(value);\n };\n\n let {labelProps, inputProps} = useFormattedTextField(\n mergeProps(props, {\n id: inputId,\n value: inputValue,\n defaultValue: undefined,\n type: 'text',\n autoComplete: 'off',\n onChange\n }), state, ref);\n\n return {\n labelProps,\n inputProps: mergeProps(inputProps, spinButtonProps, focusWithinProps, {\n role: 'textbox',\n 'aria-valuemax': null,\n 'aria-valuemin': null,\n 'aria-valuenow': null,\n 'aria-valuetext': null,\n autoCorrect: 'off',\n spellCheck: 'false',\n onBlur: commit\n })\n };\n}\n"],"names":[],"version":3,"file":"module.js.map"}
1	+ {"mappings":"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","sources":["packages/@react-aria/color/src/index.ts","packages/@react-aria/color/src/useColorSlider.ts","packages/@react-aria/color/src/useColorWheel.ts","packages/@react-aria/color/src/useColorField.ts"],"sourcesContent":["/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nexport from './useColorSlider';\nexport * from './useColorWheel';\nexport * from './useColorField';\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorSliderProps} from '@react-types/color';\nimport {ColorSliderState} from '@react-stately/color';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {mergeProps} from '@react-aria/utils';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSlider, useSliderThumb} from '@react-aria/slider';\n\ninterface ColorSliderAriaOptions extends AriaColorSliderProps {\n /* A ref for the track element. /\n trackRef: RefObject<HTMLElement>,\n /* A ref for the input element. /\n inputRef: RefObject<HTMLInputElement>\n}\n\ninterface ColorSliderAria {\n /* Props for the label element. /\n labelProps: HTMLAttributes<HTMLElement>,\n /* Props for the track element. /\n trackProps: HTMLAttributes<HTMLElement>,\n /* Props for the thumb element. /\n thumbProps: HTMLAttributes<HTMLElement>,\n /* Props for the visually hidden range input element. /\n inputProps: HTMLAttributes<HTMLElement>,\n /* Props for the output element, displaying the value of the color slider. /\n outputProps: HTMLAttributes<HTMLElement>\n}\n\n/\n Provides the behavior and accessibility implementation for a color slider component.\n * Color sliders allow users to adjust an individual channel of a color value.\n /\nexport function useColorSlider(props: ColorSliderAriaOptions, state: ColorSliderState): ColorSliderAria {\n let {trackRef, inputRef, orientation, channel, 'aria-label': ariaLabel} = props;\n\n let {locale, direction} = useLocale();\n\n // Provide a default aria-label if there is no other label provided.\n if (!props.label && !ariaLabel && !props['aria-labelledby']) {\n ariaLabel = state.value.getChannelName(channel, locale);\n }\n\n // @ts-ignore - ignore unused incompatible props\n let {groupProps, trackProps, labelProps, outputProps} = useSlider({...props, 'aria-label': ariaLabel}, state, trackRef);\n let {inputProps, thumbProps} = useSliderThumb({\n index: 0,\n orientation,\n isDisabled: props.isDisabled,\n trackRef,\n inputRef\n }, state);\n\n let generateBackground = () => {\n let value = state.getDisplayColor();\n let to: string;\n if (orientation === 'vertical') {\n to = 'top';\n } else if (direction === 'ltr') {\n to = 'right';\n } else {\n to = 'left';\n }\n switch (channel) {\n case 'hue':\n return `linear-gradient(to ${to}, rgb(255, 0, 0) 0%, rgb(255, 255, 0) 17%, rgb(0, 255, 0) 33%, rgb(0, 255, 255) 50%, rgb(0, 0, 255) 67%, rgb(255, 0, 255) 83%, rgb(255, 0, 0) 100%)`;\n case 'lightness': {\n // We have to add an extra color stop in the middle so that the hue shows up at all.\n // Otherwise it will always just be black to white.\n let min = state.getThumbMinValue(0);\n let max = state.getThumbMaxValue(0);\n let start = value.withChannelValue(channel, min).toString('css');\n let middle = value.withChannelValue(channel, (max - min) / 2).toString('css');\n let end = value.withChannelValue(channel, max).toString('css');\n return `linear-gradient(to ${to}, ${start}, ${middle}, ${end})`;\n }\n case 'saturation':\n case 'brightness':\n case 'red':\n case 'green':\n case 'blue':\n case 'alpha': {\n let start = value.withChannelValue(channel, state.getThumbMinValue(0)).toString('css');\n let end = value.withChannelValue(channel, state.getThumbMaxValue(0)).toString('css');\n return `linear-gradient(to ${to}, ${start}, ${end})`;\n }\n default:\n throw new Error('Unknown color channel: ' + channel);\n }\n };\n\n let thumbPosition = state.getThumbPercent(0);\n if (orientation === 'vertical' \|\| direction === 'rtl') {\n thumbPosition = 1 - thumbPosition;\n }\n\n return {\n trackProps: {\n ...mergeProps(groupProps, trackProps),\n style: {\n position: 'relative',\n touchAction: 'none',\n background: generateBackground()\n }\n },\n inputProps,\n thumbProps: {\n ...thumbProps,\n style: {\n touchAction: 'none',\n position: 'absolute',\n [orientation === 'vertical' ? 'top' : 'left']: `${thumbPosition 100}%`,\n transform: 'translate(-50%, -50%)'\n }\n },\n labelProps,\n outputProps\n };\n}\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorWheelProps} from '@react-types/color';\nimport {ColorWheelState} from '@react-stately/color';\nimport {focusWithoutScrolling, mergeProps, useGlobalListeners, useLabels} from '@react-aria/utils';\nimport React, {ChangeEvent, HTMLAttributes, InputHTMLAttributes, RefObject, useCallback, useRef} from 'react';\nimport {useKeyboard, useMove} from '@react-aria/interactions';\nimport {useLocale} from '@react-aria/i18n';\n\ninterface ColorWheelAriaProps extends AriaColorWheelProps {\n /* The outer radius of the color wheel. /\n outerRadius: number,\n /* The inner radius of the color wheel. /\n innerRadius: number\n}\n\ninterface ColorWheelAria {\n /* Props for the track element. /\n trackProps: HTMLAttributes<HTMLElement>,\n /* Props for the thumb element. /\n thumbProps: HTMLAttributes<HTMLElement>,\n /* Props for the visually hidden range input element. /\n inputProps: InputHTMLAttributes<HTMLInputElement>\n}\n\nconst PAGE_MIN_STEP_SIZE = 6;\n\n/\n Provides the behavior and accessibility implementation for a color wheel component.\n * Color wheels allow users to adjust the hue of an HSL or HSB color value on a circular track.\n /\nexport function useColorWheel(props: ColorWheelAriaProps, state: ColorWheelState, inputRef: RefObject<HTMLElement>): ColorWheelAria {\n let {\n isDisabled,\n step = 1,\n innerRadius,\n outerRadius,\n 'aria-label': ariaLabel\n } = props;\n\n let {addGlobalListener, removeGlobalListener} = useGlobalListeners();\n\n let thumbRadius = (innerRadius + outerRadius) / 2;\n\n let focusInput = useCallback(() => {\n if (inputRef.current) {\n focusWithoutScrolling(inputRef.current);\n }\n }, [inputRef]);\n\n let stateRef = useRef<ColorWheelState>(null);\n stateRef.current = state;\n\n let currentPosition = useRef<{x: number, y: number}>(null);\n let moveHandler = {\n onMoveStart() {\n currentPosition.current = null;\n state.setDragging(true);\n },\n onMove({deltaX, deltaY, pointerType}) {\n if (currentPosition.current == null) {\n currentPosition.current = stateRef.current.getThumbPosition(thumbRadius);\n }\n currentPosition.current.x += deltaX;\n currentPosition.current.y += deltaY;\n if (pointerType === 'keyboard') {\n if (deltaX > 0 \|\| deltaY < 0) {\n state.increment();\n } else if (deltaX < 0 \|\| deltaY > 0) {\n state.decrement();\n }\n } else {\n stateRef.current.setHueFromPoint(currentPosition.current.x, currentPosition.current.y, thumbRadius);\n }\n },\n onMoveEnd() {\n isOnTrack.current = undefined;\n state.setDragging(false);\n focusInput();\n }\n };\n let {moveProps: movePropsThumb} = useMove(moveHandler);\n\n let currentPointer = useRef<number \| null \| undefined>(undefined);\n let isOnTrack = useRef<boolean>(false);\n let {moveProps: movePropsContainer} = useMove({\n onMoveStart() {\n if (isOnTrack.current) {\n moveHandler.onMoveStart();\n }\n },\n onMove(e) {\n if (isOnTrack.current) {\n moveHandler.onMove(e);\n }\n },\n onMoveEnd() {\n if (isOnTrack.current) {\n moveHandler.onMoveEnd();\n }\n }\n });\n\n let onThumbDown = (id: number \| null) => {\n if (!state.isDragging) {\n currentPointer.current = id;\n focusInput();\n state.setDragging(true);\n\n if (typeof PointerEvent !== 'undefined') {\n addGlobalListener(window, 'pointerup', onThumbUp, false);\n } else {\n addGlobalListener(window, 'mouseup', onThumbUp, false);\n addGlobalListener(window, 'touchend', onThumbUp, false);\n }\n }\n };\n\n let onThumbUp = (e) => {\n let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n if (id === currentPointer.current) {\n focusInput();\n state.setDragging(false);\n currentPointer.current = undefined;\n isOnTrack.current = false;\n\n if (typeof PointerEvent !== 'undefined') {\n removeGlobalListener(window, 'pointerup', onThumbUp, false);\n } else {\n removeGlobalListener(window, 'mouseup', onThumbUp, false);\n removeGlobalListener(window, 'touchend', onThumbUp, false);\n }\n }\n };\n\n let onTrackDown = (track: Element, id: number \| null, pageX: number, pageY: number) => {\n let rect = track.getBoundingClientRect();\n let x = pageX - rect.x - rect.width / 2;\n let y = pageY - rect.y - rect.height / 2;\n let radius = Math.sqrt(x x + y * y);\n if (innerRadius < radius && radius < outerRadius && !state.isDragging && currentPointer.current === undefined) {\n isOnTrack.current = true;\n currentPointer.current = id;\n stateRef.current.setHueFromPoint(x, y, radius);\n\n focusInput();\n state.setDragging(true);\n\n if (typeof PointerEvent !== 'undefined') {\n addGlobalListener(window, 'pointerup', onTrackUp, false);\n } else {\n addGlobalListener(window, 'mouseup', onTrackUp, false);\n addGlobalListener(window, 'touchend', onTrackUp, false);\n }\n }\n };\n\n let onTrackUp = (e) => {\n let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n if (isOnTrack.current && id === currentPointer.current) {\n isOnTrack.current = false;\n currentPointer.current = undefined;\n state.setDragging(false);\n focusInput();\n\n\n if (typeof PointerEvent !== 'undefined') {\n removeGlobalListener(window, 'pointerup', onTrackUp, false);\n } else {\n removeGlobalListener(window, 'mouseup', onTrackUp, false);\n removeGlobalListener(window, 'touchend', onTrackUp, false);\n }\n }\n };\n\n let {keyboardProps} = useKeyboard({\n onKeyDown(e) {\n switch (e.key) {\n case 'PageUp':\n e.preventDefault();\n state.increment(PAGE_MIN_STEP_SIZE);\n break;\n case 'PageDown':\n e.preventDefault();\n state.decrement(PAGE_MIN_STEP_SIZE);\n break;\n }\n }\n });\n\n let trackInteractions = isDisabled ? {} : mergeProps({\n ...(typeof PointerEvent !== 'undefined' ? {\n onPointerDown: (e: React.PointerEvent) => {\n if (e.pointerType === 'mouse' && (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey)) {\n return;\n }\n onTrackDown(e.currentTarget, e.pointerId, e.clientX, e.clientY);\n }} : {\n onMouseDown: (e: React.MouseEvent) => {\n if (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey) {\n return;\n }\n onTrackDown(e.currentTarget, undefined, e.clientX, e.clientY);\n },\n onTouchStart: (e: React.TouchEvent) => {\n onTrackDown(e.currentTarget, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);\n }\n })\n }, movePropsContainer);\n\n let thumbInteractions = isDisabled ? {} : mergeProps({\n onMouseDown: (e: React.MouseEvent) => {\n if (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey) {\n return;\n }\n onThumbDown(undefined);\n },\n onPointerDown: (e: React.PointerEvent) => {\n if (e.pointerType === 'mouse' && (e.button !== 0 \|\| e.altKey \|\| e.ctrlKey \|\| e.metaKey)) {\n return;\n }\n onThumbDown(e.pointerId);\n },\n onTouchStart: (e: React.TouchEvent) => {\n onThumbDown(e.changedTouches[0].identifier);\n }\n }, movePropsThumb, keyboardProps);\n let {x, y} = state.getThumbPosition(thumbRadius);\n\n // Provide a default aria-label if none is given\n let {locale} = useLocale();\n if (ariaLabel == null && props['aria-labelledby'] == null) {\n ariaLabel = state.value.getChannelName('hue', locale);\n }\n\n let inputLabellingProps = useLabels({\n ...props,\n 'aria-label': ariaLabel\n });\n\n return {\n trackProps: {\n ...trackInteractions,\n style: {\n position: 'relative',\n touchAction: 'none',\n width: outerRadius * 2,\n height: outerRadius * 2,\n background: `\n conic-gradient(\n from 90deg,\n hsl(0, 100%, 50%),\n hsl(30, 100%, 50%),\n hsl(60, 100%, 50%),\n hsl(90, 100%, 50%),\n hsl(120, 100%, 50%),\n hsl(150, 100%, 50%),\n hsl(180, 100%, 50%),\n hsl(210, 100%, 50%),\n hsl(240, 100%, 50%),\n hsl(270, 100%, 50%),\n hsl(300, 100%, 50%),\n hsl(330, 100%, 50%),\n hsl(360, 100%, 50%)\n )\n `,\n clipPath: `path(evenodd, \"${circlePath(outerRadius, outerRadius, outerRadius)} ${circlePath(outerRadius, outerRadius, innerRadius)}\")`\n }\n },\n thumbProps: {\n ...thumbInteractions,\n style: {\n position: 'absolute',\n left: '50%',\n top: '50%',\n transform: `translate(calc(${x}px - 50%), calc(${y}px - 50%))`,\n touchAction: 'none'\n }\n },\n inputProps: mergeProps(\n inputLabellingProps,\n {\n type: 'range',\n min: '0',\n max: '360',\n step: String(step),\n 'aria-valuetext': state.value.formatChannelValue('hue', locale),\n disabled: isDisabled,\n value: `${state.value.getChannelValue('hue')}`,\n onChange: (e: ChangeEvent<HTMLInputElement>) => {\n state.setHue(parseFloat(e.target.value));\n }\n }\n )\n };\n}\n\n// Creates an SVG path string for a circle.\nfunction circlePath(cx: number, cy: number, r: number) {\n return `M ${cx}, ${cy} m ${-r}, 0 a ${r}, ${r}, 0, 1, 0, ${r * 2}, 0 a ${r}, ${r}, 0, 1, 0 ${-r * 2}, 0`;\n}\n","/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n /\n\nimport {AriaColorFieldProps} from '@react-types/color';\nimport {ColorFieldState} from '@react-stately/color';\nimport {\n HTMLAttributes,\n LabelHTMLAttributes,\n RefObject,\n useCallback,\n useState\n} from 'react';\nimport {mergeProps, useId} from '@react-aria/utils';\nimport {useFocusWithin, useScrollWheel} from '@react-aria/interactions';\nimport {useFormattedTextField} from '@react-aria/textfield';\nimport {useSpinButton} from '@react-aria/spinbutton';\n\ninterface ColorFieldAria {\n /* Props for the label element. /\n labelProps: LabelHTMLAttributes<HTMLLabelElement>,\n /* Props for the input element. /\n inputProps: HTMLAttributes<HTMLInputElement>\n}\n\n/\n Provides the behavior and accessibility implementation for a color field component.\n * Color fields allow users to enter and adjust a hex color value.\n */\nexport function useColorField(\n props: AriaColorFieldProps,\n state: ColorFieldState,\n ref: RefObject<HTMLInputElement>\n): ColorFieldAria {\n let {\n isDisabled,\n isReadOnly,\n isRequired\n } = props;\n\n let {\n colorValue,\n inputValue,\n commit,\n increment,\n decrement,\n incrementToMax,\n decrementToMin\n } = state;\n\n let inputId = useId();\n let {spinButtonProps} = useSpinButton(\n {\n isDisabled,\n isReadOnly,\n isRequired,\n maxValue: 0xFFFFFF,\n minValue: 0,\n onIncrement: increment,\n onIncrementToMax: incrementToMax,\n onDecrement: decrement,\n onDecrementToMin: decrementToMin,\n value: colorValue ? colorValue.toHexInt() : undefined,\n textValue: colorValue ? colorValue.toString('hex') : undefined\n }\n );\n\n let [focusWithin, setFocusWithin] = useState(false);\n let {focusWithinProps} = useFocusWithin({isDisabled, onFocusWithinChange: setFocusWithin});\n\n let onWheel = useCallback((e) => {\n if (Math.abs(e.deltaY) <= Math.abs(e.deltaX)) {\n return;\n }\n if (e.deltaY > 0) {\n increment();\n } else if (e.deltaY < 0) {\n decrement();\n }\n }, [isReadOnly, isDisabled, decrement, increment]);\n // If the input isn't supposed to receive input, disable scrolling.\n let scrollingDisabled = isDisabled \|\| isReadOnly \|\| !focusWithin;\n useScrollWheel({onScroll: onWheel, isDisabled: scrollingDisabled}, ref);\n\n let onChange = value => {\n state.setInputValue(value);\n };\n\n let {labelProps, inputProps} = useFormattedTextField(\n mergeProps(props, {\n id: inputId,\n value: inputValue,\n defaultValue: undefined,\n type: 'text',\n autoComplete: 'off',\n onChange\n }), state, ref);\n\n return {\n labelProps,\n inputProps: mergeProps(inputProps, spinButtonProps, focusWithinProps, {\n role: 'textbox',\n 'aria-valuemax': null,\n 'aria-valuemin': null,\n 'aria-valuenow': null,\n 'aria-valuetext': null,\n autoCorrect: 'off',\n spellCheck: 'false',\n onBlur: commit\n })\n };\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/color",
-  "version": "3.0.0-beta.7",
+  "version": "3.0.0-beta.8",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,16 +18,16 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "^3.3.5",
-    "@react-aria/interactions": "^3.8.0",
-    "@react-aria/slider": "^3.0.4",
-    "@react-aria/spinbutton": "^3.0.2",
-    "@react-aria/textfield": "^3.5.1",
-    "@react-aria/utils": "^3.11.1",
-    "@react-stately/color": "3.0.0-beta.6",
-    "@react-types/color": "3.0.0-beta.4",
-    "@react-types/shared": "^3.11.0",
-    "@react-types/slider": "^3.0.3"
+    "@react-aria/i18n": "^3.3.6",
+    "@react-aria/interactions": "^3.8.1",
+    "@react-aria/slider": "^3.0.5",
+    "@react-aria/spinbutton": "^3.0.3",
+    "@react-aria/textfield": "^3.5.2",
+    "@react-aria/utils": "^3.11.2",
+    "@react-stately/color": "3.0.0-beta.7",
+    "@react-types/color": "3.0.0-beta.5",
+    "@react-types/shared": "^3.11.1",
+    "@react-types/slider": "^3.0.4"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1",
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
+  "gitHead": "404d41859b7d6f56201d7fc01bd9f22ae3512937"
 }