@react-stately/slider 3.0.4-nightly.3040 → 3.0.4-nightly.3047

package/dist/main.js

@@ -1,139 +1,128 @@
-var {
-  useRef,
-  useState
-} = require("react");
+var $lMkdD$reactariautils = require("@react-aria/utils");
+var $lMkdD$reactstatelyutils = require("@react-stately/utils");
+var $lMkdD$react = require("react");
 
-var {
-  useControlledState
-} = require("@react-stately/utils");
-
-var {
-  clamp,
-  snapValueToStep
-} = require("@react-aria/utils");
-
-const $bc3294032743285adead374b6f67$var$DEFAULT_MIN_VALUE = 0;
-const $bc3294032743285adead374b6f67$var$DEFAULT_MAX_VALUE = 100;
-const $bc3294032743285adead374b6f67$var$DEFAULT_STEP_VALUE = 1;
-
-/**
- * Provides state management for a slider component. Stores values for all thumbs,
- * formats values for localization, and provides methods to update the position
- * of any thumbs.
- * @param props
- */
-function useSliderState(props) {
-  var _props$defaultValue;
-
-  const {
-    isDisabled,
-    minValue = $bc3294032743285adead374b6f67$var$DEFAULT_MIN_VALUE,
-    maxValue = $bc3294032743285adead374b6f67$var$DEFAULT_MAX_VALUE,
-    numberFormatter: formatter,
-    step = $bc3294032743285adead374b6f67$var$DEFAULT_STEP_VALUE
-  } = props;
-  const [values, setValues] = useControlledState(props.value, (_props$defaultValue = props.defaultValue) != null ? _props$defaultValue : [minValue], props.onChange);
-  const [isDraggings, setDraggings] = useState(new Array(values.length).fill(false));
-  const isEditablesRef = useRef(new Array(values.length).fill(true));
-  const [focusedIndex, setFocusedIndex] = useState(undefined);
-  const valuesRef = useRef(null);
-  valuesRef.current = values;
-  const isDraggingsRef = useRef(null);
-  isDraggingsRef.current = isDraggings;
-
-  function getValuePercent(value) {
-    return (value - minValue) / (maxValue - minValue);
-  }
-
-  function getThumbMinValue(index) {
-    return index === 0 ? minValue : values[index - 1];
-  }
-
-  function getThumbMaxValue(index) {
-    return index === values.length - 1 ? maxValue : values[index + 1];
-  }
-
-  function isThumbEditable(index) {
-    return isEditablesRef.current[index];
-  }
-
-  function setThumbEditable(index, editable) {
-    isEditablesRef.current[index] = editable;
-  }
-
-  function updateValue(index, value) {
-    if (isDisabled || !isThumbEditable(index)) {
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
       return;
     }
 
-    const thisMin = getThumbMinValue(index);
-    const thisMax = getThumbMaxValue(index); // Round value to multiple of step, clamp value between min and max
-
-    value = snapValueToStep(value, thisMin, thisMax, step);
-    valuesRef.current = $bc3294032743285adead374b6f67$var$replaceIndex(valuesRef.current, index, value);
-    setValues(valuesRef.current);
-  }
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
-  function updateDragging(index, dragging) {
-    if (isDisabled || !isThumbEditable(index)) {
-      return;
+  return dest;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $ec80cfa9a3830ae5$exports = {};
+
+$parcel$export($ec80cfa9a3830ae5$exports, "useSliderState", () => $ec80cfa9a3830ae5$export$e5fda3247f5d67f9);
+
+
+
+const $ec80cfa9a3830ae5$var$DEFAULT_MIN_VALUE = 0;
+const $ec80cfa9a3830ae5$var$DEFAULT_MAX_VALUE = 100;
+const $ec80cfa9a3830ae5$var$DEFAULT_STEP_VALUE = 1;
+function $ec80cfa9a3830ae5$export$e5fda3247f5d67f9(props) {
+    const { isDisabled: isDisabled , minValue: minValue = $ec80cfa9a3830ae5$var$DEFAULT_MIN_VALUE , maxValue: maxValue = $ec80cfa9a3830ae5$var$DEFAULT_MAX_VALUE , numberFormatter: formatter , step: step = $ec80cfa9a3830ae5$var$DEFAULT_STEP_VALUE  } = props;
+    const [values, setValues] = $lMkdD$reactstatelyutils.useControlledState(props.value, props.defaultValue ?? [
+        minValue
+    ], props.onChange);
+    const [isDraggings, setDraggings] = $lMkdD$react.useState(new Array(values.length).fill(false));
+    const isEditablesRef = $lMkdD$react.useRef(new Array(values.length).fill(true));
+    const [focusedIndex, setFocusedIndex] = $lMkdD$react.useState(undefined);
+    const valuesRef = $lMkdD$react.useRef(null);
+    valuesRef.current = values;
+    const isDraggingsRef = $lMkdD$react.useRef(null);
+    isDraggingsRef.current = isDraggings;
+    function getValuePercent(value) {
+        return (value - minValue) / (maxValue - minValue);
     }
-
-    const wasDragging = isDraggingsRef.current[index];
-    isDraggingsRef.current = $bc3294032743285adead374b6f67$var$replaceIndex(isDraggingsRef.current, index, dragging);
-    setDraggings(isDraggingsRef.current); // Call onChangeEnd if no handles are dragging.
-
-    if (props.onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {
-      props.onChangeEnd(valuesRef.current);
+    function getThumbMinValue(index) {
+        return index === 0 ? minValue : values[index - 1];
     }
-  }
-
-  function getFormattedValue(value) {
-    return formatter.format(value);
-  }
-
-  function setThumbPercent(index, percent) {
-    updateValue(index, getPercentValue(percent));
-  }
-
-  function getRoundedValue(value) {
-    return Math.round((value - minValue) / step) * step + minValue;
-  }
-
-  function getPercentValue(percent) {
-    const val = percent * (maxValue - minValue) + minValue;
-    return clamp(getRoundedValue(val), minValue, maxValue);
-  }
-
-  return {
-    values: values,
-    getThumbValue: index => values[index],
-    setThumbValue: updateValue,
-    setThumbPercent,
-    isThumbDragging: index => isDraggings[index],
-    setThumbDragging: updateDragging,
-    focusedThumb: focusedIndex,
-    setFocusedThumb: setFocusedIndex,
-    getThumbPercent: index => getValuePercent(values[index]),
-    getValuePercent,
-    getThumbValueLabel: index => getFormattedValue(values[index]),
-    getFormattedValue,
-    getThumbMinValue,
-    getThumbMaxValue,
-    getPercentValue,
-    isThumbEditable,
-    setThumbEditable,
-    step
-  };
+    function getThumbMaxValue(index) {
+        return index === values.length - 1 ? maxValue : values[index + 1];
+    }
+    function isThumbEditable(index) {
+        return isEditablesRef.current[index];
+    }
+    function setThumbEditable(index, editable) {
+        isEditablesRef.current[index] = editable;
+    }
+    function updateValue(index, value) {
+        if (isDisabled || !isThumbEditable(index)) return;
+        const thisMin = getThumbMinValue(index);
+        const thisMax = getThumbMaxValue(index);
+        // Round value to multiple of step, clamp value between min and max
+        value = $lMkdD$reactariautils.snapValueToStep(value, thisMin, thisMax, step);
+        valuesRef.current = $ec80cfa9a3830ae5$var$replaceIndex(valuesRef.current, index, value);
+        setValues(valuesRef.current);
+    }
+    function updateDragging(index, dragging) {
+        if (isDisabled || !isThumbEditable(index)) return;
+        const wasDragging = isDraggingsRef.current[index];
+        isDraggingsRef.current = $ec80cfa9a3830ae5$var$replaceIndex(isDraggingsRef.current, index, dragging);
+        setDraggings(isDraggingsRef.current);
+        // Call onChangeEnd if no handles are dragging.
+        if (props.onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) props.onChangeEnd(valuesRef.current);
+    }
+    function getFormattedValue(value) {
+        return formatter.format(value);
+    }
+    function setThumbPercent(index, percent) {
+        updateValue(index, getPercentValue(percent));
+    }
+    function getRoundedValue(value) {
+        return Math.round((value - minValue) / step) * step + minValue;
+    }
+    function getPercentValue(percent) {
+        const val = percent * (maxValue - minValue) + minValue;
+        return $lMkdD$reactariautils.clamp(getRoundedValue(val), minValue, maxValue);
+    }
+    return {
+        values: values,
+        getThumbValue: (index)=>values[index]
+        ,
+        setThumbValue: updateValue,
+        setThumbPercent: setThumbPercent,
+        isThumbDragging: (index)=>isDraggings[index]
+        ,
+        setThumbDragging: updateDragging,
+        focusedThumb: focusedIndex,
+        setFocusedThumb: setFocusedIndex,
+        getThumbPercent: (index)=>getValuePercent(values[index])
+        ,
+        getValuePercent: getValuePercent,
+        getThumbValueLabel: (index)=>getFormattedValue(values[index])
+        ,
+        getFormattedValue: getFormattedValue,
+        getThumbMinValue: getThumbMinValue,
+        getThumbMaxValue: getThumbMaxValue,
+        getPercentValue: getPercentValue,
+        isThumbEditable: isThumbEditable,
+        setThumbEditable: setThumbEditable,
+        step: step
+    };
+}
+function $ec80cfa9a3830ae5$var$replaceIndex(array, index, value) {
+    if (array[index] === value) return array;
+    return [
+        ...array.slice(0, index),
+        value,
+        ...array.slice(index + 1)
+    ];
 }
 
-exports.useSliderState = useSliderState;
 
-function $bc3294032743285adead374b6f67$var$replaceIndex(array, index, value) {
-  if (array[index] === value) {
-    return array;
-  }
+$parcel$exportWildcard(module.exports, $ec80cfa9a3830ae5$exports);
+
 
-  return [...array.slice(0, index), value, ...array.slice(index + 1)];
-}
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/@react-stately/slider/src/useSliderState.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\nimport {clamp, snapValueToStep} from '@react-aria/utils';\nimport {SliderProps} from '@react-types/slider';\nimport {useControlledState} from '@react-stately/utils';\nimport {useRef, useState} from 'react';\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * Get the value for the specified thumb.\n   * @param index\n   */\n  getThumbValue(index: number): number,\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void,\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void,\n\n  /**\n   * Whether the specific thumb is being dragged.\n   * @param index\n   */\n  isThumbDragging(index: number): boolean,\n  /**\n   * Set is dragging on the specified thumb.\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void,\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined,\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void,\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   * @param index\n   */\n  getThumbPercent(index: number): number,\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   * @param index\n   */\n  getValuePercent(value: number): number,\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   * @param index\n   */\n  getThumbValueLabel(index: number): string,\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   * @param index\n   */\n  getFormattedValue(value: number): string,\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMinValue(index: number): number,\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMaxValue(index: number): number,\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   * @param percent\n   */\n  getPercentValue(percent: number): number,\n\n  /**\n   * Returns if the specified thumb is editable.\n   * @param index\n   */\n  isThumbEditable(index: number): boolean,\n\n  /**\n   * Set the specified thumb's editable state.\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\ninterface SliderStateOptions extends SliderProps {\n  numberFormatter: Intl.NumberFormat\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n * @param props\n */\nexport function useSliderState(props: SliderStateOptions): SliderState {\n  const {isDisabled, minValue = DEFAULT_MIN_VALUE, maxValue = DEFAULT_MAX_VALUE, numberFormatter: formatter, step = DEFAULT_STEP_VALUE} = props;\n\n  const [values, setValues] = useControlledState<number[]>(\n    props.value as any,\n    props.defaultValue ?? [minValue] as any,\n    props.onChange as any\n  );\n  const [isDraggings, setDraggings] = useState<boolean[]>(new Array(values.length).fill(false));\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(null);\n  valuesRef.current = values;\n  const isDraggingsRef = useRef<boolean[]>(null);\n  isDraggingsRef.current = isDraggings;\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    valuesRef.current = replaceIndex(valuesRef.current, index, value);\n    setValues(valuesRef.current);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (props.onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      props.onChangeEnd(valuesRef.current);\n    }\n  }\n\n  function getFormattedValue(value: number) {\n    return formatter.format(value);\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  return {\n    values: values,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    step\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n"],"names":["DEFAULT_MIN_VALUE","DEFAULT_MAX_VALUE","DEFAULT_STEP_VALUE","useSliderState","props","isDisabled","minValue","maxValue","numberFormatter","formatter","step","values","setValues","useControlledState","value","defaultValue","onChange","isDraggings","setDraggings","useState","Array","length","fill","isEditablesRef","useRef","focusedIndex","setFocusedIndex","undefined","valuesRef","current","isDraggingsRef","getValuePercent","getThumbMinValue","index","getThumbMaxValue","isThumbEditable","setThumbEditable","editable","updateValue","thisMin","thisMax","snapValueToStep","replaceIndex","updateDragging","dragging","wasDragging","onChangeEnd","some","Boolean","getFormattedValue","format","setThumbPercent","percent","getPercentValue","getRoundedValue","Math","round","val","clamp","getThumbValue","setThumbValue","isThumbDragging","setThumbDragging","focusedThumb","setFocusedThumb","getThumbPercent","getThumbValueLabel","array","slice"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["packages/@react-stately/slider/src/index.ts","packages/@react-stately/slider/src/useSliderState.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 './useSliderState';\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 {clamp, snapValueToStep} from '@react-aria/utils';\nimport {SliderProps} from '@react-types/slider';\nimport {useControlledState} from '@react-stately/utils';\nimport {useRef, useState} from 'react';\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * Get the value for the specified thumb.\n   * @param index\n   */\n  getThumbValue(index: number): number,\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void,\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void,\n\n  /**\n   * Whether the specific thumb is being dragged.\n   * @param index\n   */\n  isThumbDragging(index: number): boolean,\n  /**\n   * Set is dragging on the specified thumb.\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void,\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined,\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void,\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   * @param index\n   */\n  getThumbPercent(index: number): number,\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   * @param index\n   */\n  getValuePercent(value: number): number,\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   * @param index\n   */\n  getThumbValueLabel(index: number): string,\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   * @param index\n   */\n  getFormattedValue(value: number): string,\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMinValue(index: number): number,\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMaxValue(index: number): number,\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   * @param percent\n   */\n  getPercentValue(percent: number): number,\n\n  /**\n   * Returns if the specified thumb is editable.\n   * @param index\n   */\n  isThumbEditable(index: number): boolean,\n\n  /**\n   * Set the specified thumb's editable state.\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\ninterface SliderStateOptions extends SliderProps {\n  numberFormatter: Intl.NumberFormat\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n * @param props\n */\nexport function useSliderState(props: SliderStateOptions): SliderState {\n  const {isDisabled, minValue = DEFAULT_MIN_VALUE, maxValue = DEFAULT_MAX_VALUE, numberFormatter: formatter, step = DEFAULT_STEP_VALUE} = props;\n\n  const [values, setValues] = useControlledState<number[]>(\n    props.value as any,\n    props.defaultValue ?? [minValue] as any,\n    props.onChange as any\n  );\n  const [isDraggings, setDraggings] = useState<boolean[]>(new Array(values.length).fill(false));\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(null);\n  valuesRef.current = values;\n  const isDraggingsRef = useRef<boolean[]>(null);\n  isDraggingsRef.current = isDraggings;\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    valuesRef.current = replaceIndex(valuesRef.current, index, value);\n    setValues(valuesRef.current);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (props.onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      props.onChangeEnd(valuesRef.current);\n    }\n  }\n\n  function getFormattedValue(value: number) {\n    return formatter.format(value);\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  return {\n    values: values,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    step\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,126 +1,112 @@
-import { useRef, useState } from "react";
-import { useControlledState } from "@react-stately/utils";
-import { clamp, snapValueToStep } from "@react-aria/utils";
-const $dcc38d2f5fc04b76254f325fa36d$var$DEFAULT_MIN_VALUE = 0;
-const $dcc38d2f5fc04b76254f325fa36d$var$DEFAULT_MAX_VALUE = 100;
-const $dcc38d2f5fc04b76254f325fa36d$var$DEFAULT_STEP_VALUE = 1;
+import {snapValueToStep as $9LrbI$snapValueToStep, clamp as $9LrbI$clamp} from "@react-aria/utils";
+import {useControlledState as $9LrbI$useControlledState} from "@react-stately/utils";
+import {useState as $9LrbI$useState, useRef as $9LrbI$useRef} from "react";
 
-/**
- * Provides state management for a slider component. Stores values for all thumbs,
- * formats values for localization, and provides methods to update the position
- * of any thumbs.
- * @param props
- */
-export function useSliderState(props) {
-  var _props$defaultValue;
-
-  const {
-    isDisabled,
-    minValue = $dcc38d2f5fc04b76254f325fa36d$var$DEFAULT_MIN_VALUE,
-    maxValue = $dcc38d2f5fc04b76254f325fa36d$var$DEFAULT_MAX_VALUE,
-    numberFormatter: formatter,
-    step = $dcc38d2f5fc04b76254f325fa36d$var$DEFAULT_STEP_VALUE
-  } = props;
-  const [values, setValues] = useControlledState(props.value, (_props$defaultValue = props.defaultValue) != null ? _props$defaultValue : [minValue], props.onChange);
-  const [isDraggings, setDraggings] = useState(new Array(values.length).fill(false));
-  const isEditablesRef = useRef(new Array(values.length).fill(true));
-  const [focusedIndex, setFocusedIndex] = useState(undefined);
-  const valuesRef = useRef(null);
-  valuesRef.current = values;
-  const isDraggingsRef = useRef(null);
-  isDraggingsRef.current = isDraggings;
-
-  function getValuePercent(value) {
-    return (value - minValue) / (maxValue - minValue);
-  }
-
-  function getThumbMinValue(index) {
-    return index === 0 ? minValue : values[index - 1];
-  }
-
-  function getThumbMaxValue(index) {
-    return index === values.length - 1 ? maxValue : values[index + 1];
-  }
-
-  function isThumbEditable(index) {
-    return isEditablesRef.current[index];
-  }
-
-  function setThumbEditable(index, editable) {
-    isEditablesRef.current[index] = editable;
-  }
-
-  function updateValue(index, value) {
-    if (isDisabled || !isThumbEditable(index)) {
-      return;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $bc616ccd4b00f45f$exports = {};
+
+$parcel$export($bc616ccd4b00f45f$exports, "useSliderState", () => $bc616ccd4b00f45f$export$e5fda3247f5d67f9);
+
+
+
+const $bc616ccd4b00f45f$var$DEFAULT_MIN_VALUE = 0;
+const $bc616ccd4b00f45f$var$DEFAULT_MAX_VALUE = 100;
+const $bc616ccd4b00f45f$var$DEFAULT_STEP_VALUE = 1;
+function $bc616ccd4b00f45f$export$e5fda3247f5d67f9(props) {
+    const { isDisabled: isDisabled , minValue: minValue = $bc616ccd4b00f45f$var$DEFAULT_MIN_VALUE , maxValue: maxValue = $bc616ccd4b00f45f$var$DEFAULT_MAX_VALUE , numberFormatter: formatter , step: step = $bc616ccd4b00f45f$var$DEFAULT_STEP_VALUE  } = props;
+    const [values, setValues] = $9LrbI$useControlledState(props.value, props.defaultValue ?? [
+        minValue
+    ], props.onChange);
+    const [isDraggings, setDraggings] = $9LrbI$useState(new Array(values.length).fill(false));
+    const isEditablesRef = $9LrbI$useRef(new Array(values.length).fill(true));
+    const [focusedIndex, setFocusedIndex] = $9LrbI$useState(undefined);
+    const valuesRef = $9LrbI$useRef(null);
+    valuesRef.current = values;
+    const isDraggingsRef = $9LrbI$useRef(null);
+    isDraggingsRef.current = isDraggings;
+    function getValuePercent(value) {
+        return (value - minValue) / (maxValue - minValue);
     }
-
-    const thisMin = getThumbMinValue(index);
-    const thisMax = getThumbMaxValue(index); // Round value to multiple of step, clamp value between min and max
-
-    value = snapValueToStep(value, thisMin, thisMax, step);
-    valuesRef.current = $dcc38d2f5fc04b76254f325fa36d$var$replaceIndex(valuesRef.current, index, value);
-    setValues(valuesRef.current);
-  }
-
-  function updateDragging(index, dragging) {
-    if (isDisabled || !isThumbEditable(index)) {
-      return;
+    function getThumbMinValue(index) {
+        return index === 0 ? minValue : values[index - 1];
     }
-
-    const wasDragging = isDraggingsRef.current[index];
-    isDraggingsRef.current = $dcc38d2f5fc04b76254f325fa36d$var$replaceIndex(isDraggingsRef.current, index, dragging);
-    setDraggings(isDraggingsRef.current); // Call onChangeEnd if no handles are dragging.
-
-    if (props.onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {
-      props.onChangeEnd(valuesRef.current);
+    function getThumbMaxValue(index) {
+        return index === values.length - 1 ? maxValue : values[index + 1];
     }
-  }
-
-  function getFormattedValue(value) {
-    return formatter.format(value);
-  }
-
-  function setThumbPercent(index, percent) {
-    updateValue(index, getPercentValue(percent));
-  }
-
-  function getRoundedValue(value) {
-    return Math.round((value - minValue) / step) * step + minValue;
-  }
+    function isThumbEditable(index) {
+        return isEditablesRef.current[index];
+    }
+    function setThumbEditable(index, editable) {
+        isEditablesRef.current[index] = editable;
+    }
+    function updateValue(index, value) {
+        if (isDisabled || !isThumbEditable(index)) return;
+        const thisMin = getThumbMinValue(index);
+        const thisMax = getThumbMaxValue(index);
+        // Round value to multiple of step, clamp value between min and max
+        value = $9LrbI$snapValueToStep(value, thisMin, thisMax, step);
+        valuesRef.current = $bc616ccd4b00f45f$var$replaceIndex(valuesRef.current, index, value);
+        setValues(valuesRef.current);
+    }
+    function updateDragging(index, dragging) {
+        if (isDisabled || !isThumbEditable(index)) return;
+        const wasDragging = isDraggingsRef.current[index];
+        isDraggingsRef.current = $bc616ccd4b00f45f$var$replaceIndex(isDraggingsRef.current, index, dragging);
+        setDraggings(isDraggingsRef.current);
+        // Call onChangeEnd if no handles are dragging.
+        if (props.onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) props.onChangeEnd(valuesRef.current);
+    }
+    function getFormattedValue(value) {
+        return formatter.format(value);
+    }
+    function setThumbPercent(index, percent) {
+        updateValue(index, getPercentValue(percent));
+    }
+    function getRoundedValue(value) {
+        return Math.round((value - minValue) / step) * step + minValue;
+    }
+    function getPercentValue(percent) {
+        const val = percent * (maxValue - minValue) + minValue;
+        return $9LrbI$clamp(getRoundedValue(val), minValue, maxValue);
+    }
+    return {
+        values: values,
+        getThumbValue: (index)=>values[index]
+        ,
+        setThumbValue: updateValue,
+        setThumbPercent: setThumbPercent,
+        isThumbDragging: (index)=>isDraggings[index]
+        ,
+        setThumbDragging: updateDragging,
+        focusedThumb: focusedIndex,
+        setFocusedThumb: setFocusedIndex,
+        getThumbPercent: (index)=>getValuePercent(values[index])
+        ,
+        getValuePercent: getValuePercent,
+        getThumbValueLabel: (index)=>getFormattedValue(values[index])
+        ,
+        getFormattedValue: getFormattedValue,
+        getThumbMinValue: getThumbMinValue,
+        getThumbMaxValue: getThumbMaxValue,
+        getPercentValue: getPercentValue,
+        isThumbEditable: isThumbEditable,
+        setThumbEditable: setThumbEditable,
+        step: step
+    };
+}
+function $bc616ccd4b00f45f$var$replaceIndex(array, index, value) {
+    if (array[index] === value) return array;
+    return [
+        ...array.slice(0, index),
+        value,
+        ...array.slice(index + 1)
+    ];
+}
 
-  function getPercentValue(percent) {
-    const val = percent * (maxValue - minValue) + minValue;
-    return clamp(getRoundedValue(val), minValue, maxValue);
-  }
 
-  return {
-    values: values,
-    getThumbValue: index => values[index],
-    setThumbValue: updateValue,
-    setThumbPercent,
-    isThumbDragging: index => isDraggings[index],
-    setThumbDragging: updateDragging,
-    focusedThumb: focusedIndex,
-    setFocusedThumb: setFocusedIndex,
-    getThumbPercent: index => getValuePercent(values[index]),
-    getValuePercent,
-    getThumbValueLabel: index => getFormattedValue(values[index]),
-    getFormattedValue,
-    getThumbMinValue,
-    getThumbMaxValue,
-    getPercentValue,
-    isThumbEditable,
-    setThumbEditable,
-    step
-  };
-}
 
-function $dcc38d2f5fc04b76254f325fa36d$var$replaceIndex(array, index, value) {
-  if (array[index] === value) {
-    return array;
-  }
 
-  return [...array.slice(0, index), value, ...array.slice(index + 1)];
-}
+export {$bc616ccd4b00f45f$export$e5fda3247f5d67f9 as useSliderState};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/@react-stately/slider/src/useSliderState.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\nimport {clamp, snapValueToStep} from '@react-aria/utils';\nimport {SliderProps} from '@react-types/slider';\nimport {useControlledState} from '@react-stately/utils';\nimport {useRef, useState} from 'react';\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * Get the value for the specified thumb.\n   * @param index\n   */\n  getThumbValue(index: number): number,\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void,\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void,\n\n  /**\n   * Whether the specific thumb is being dragged.\n   * @param index\n   */\n  isThumbDragging(index: number): boolean,\n  /**\n   * Set is dragging on the specified thumb.\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void,\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined,\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void,\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   * @param index\n   */\n  getThumbPercent(index: number): number,\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   * @param index\n   */\n  getValuePercent(value: number): number,\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   * @param index\n   */\n  getThumbValueLabel(index: number): string,\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   * @param index\n   */\n  getFormattedValue(value: number): string,\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMinValue(index: number): number,\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMaxValue(index: number): number,\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   * @param percent\n   */\n  getPercentValue(percent: number): number,\n\n  /**\n   * Returns if the specified thumb is editable.\n   * @param index\n   */\n  isThumbEditable(index: number): boolean,\n\n  /**\n   * Set the specified thumb's editable state.\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\ninterface SliderStateOptions extends SliderProps {\n  numberFormatter: Intl.NumberFormat\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n * @param props\n */\nexport function useSliderState(props: SliderStateOptions): SliderState {\n  const {isDisabled, minValue = DEFAULT_MIN_VALUE, maxValue = DEFAULT_MAX_VALUE, numberFormatter: formatter, step = DEFAULT_STEP_VALUE} = props;\n\n  const [values, setValues] = useControlledState<number[]>(\n    props.value as any,\n    props.defaultValue ?? [minValue] as any,\n    props.onChange as any\n  );\n  const [isDraggings, setDraggings] = useState<boolean[]>(new Array(values.length).fill(false));\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(null);\n  valuesRef.current = values;\n  const isDraggingsRef = useRef<boolean[]>(null);\n  isDraggingsRef.current = isDraggings;\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    valuesRef.current = replaceIndex(valuesRef.current, index, value);\n    setValues(valuesRef.current);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (props.onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      props.onChangeEnd(valuesRef.current);\n    }\n  }\n\n  function getFormattedValue(value: number) {\n    return formatter.format(value);\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  return {\n    values: values,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    step\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n"],"names":["DEFAULT_MIN_VALUE","DEFAULT_MAX_VALUE","DEFAULT_STEP_VALUE","useSliderState","props","isDisabled","minValue","maxValue","numberFormatter","formatter","step","values","setValues","useControlledState","value","defaultValue","onChange","isDraggings","setDraggings","useState","Array","length","fill","isEditablesRef","useRef","focusedIndex","setFocusedIndex","undefined","valuesRef","current","isDraggingsRef","getValuePercent","getThumbMinValue","index","getThumbMaxValue","isThumbEditable","setThumbEditable","editable","updateValue","thisMin","thisMax","snapValueToStep","replaceIndex","updateDragging","dragging","wasDragging","onChangeEnd","some","Boolean","getFormattedValue","format","setThumbPercent","percent","getPercentValue","getRoundedValue","Math","round","val","clamp","getThumbValue","setThumbValue","isThumbDragging","setThumbDragging","focusedThumb","setFocusedThumb","getThumbPercent","getThumbValueLabel","array","slice"],"version":3,"file":"module.js.map"}
+{"mappings":";;;;;;;;;;;;;AC+HA,KAAK,CAAC,uCAAiB,GAAG,CAAC;AAC3B,KAAK,CAAC,uCAAiB,GAAG,GAAG;AAC7B,KAAK,CAAC,wCAAkB,GAAG,CAAC;SAYZ,yCAAc,CAAC,KAAyB,EAAe,CAAC;IACtE,KAAK,CAAC,CAAC,aAAA,UAAU,aAAE,QAAQ,GAAG,uCAAiB,aAAE,QAAQ,GAAG,uCAAiB,GAAE,eAAe,EAAE,SAAS,SAAE,IAAI,GAAG,wCAAkB,EAAA,CAAC,GAAG,KAAK;IAE7I,KAAK,EAAE,MAAM,EAAE,SAAS,IAAI,yBAAkB,CAC5C,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,YAAY,IAAI,CAAC;QAAA,QAAQ;IAAA,CAAC,EAChC,KAAK,CAAC,QAAQ;IAEhB,KAAK,EAAE,WAAW,EAAE,YAAY,IAAI,eAAQ,CAAY,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK;IAC3F,KAAK,CAAC,cAAc,GAAG,aAAM,CAAY,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI;IAC3E,KAAK,EAAE,YAAY,EAAE,eAAe,IAAI,eAAQ,CAAqB,SAAS;IAE9E,KAAK,CAAC,SAAS,GAAG,aAAM,CAAW,IAAI;IACvC,SAAS,CAAC,OAAO,GAAG,MAAM;IAC1B,KAAK,CAAC,cAAc,GAAG,aAAM,CAAY,IAAI;IAC7C,cAAc,CAAC,OAAO,GAAG,WAAW;aAE3B,eAAe,CAAC,KAAa,EAAE,CAAC;QACvC,MAAM,EAAE,KAAK,GAAG,QAAQ,KAAK,QAAQ,GAAG,QAAQ;IAClD,CAAC;aAEQ,gBAAgB,CAAC,KAAa,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,KAAK,CAAC,GAAG,QAAQ,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC;IAClD,CAAC;aACQ,gBAAgB,CAAC,KAAa,EAAE,CAAC;QACxC,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,MAAM,GAAG,CAAC,GAAG,QAAQ,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC;IAClE,CAAC;aAEQ,eAAe,CAAC,KAAa,EAAE,CAAC;QACvC,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK;IACrC,CAAC;aAEQ,gBAAgB,CAAC,KAAa,EAAE,QAAiB,EAAE,CAAC;QAC3D,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,QAAQ;IAC1C,CAAC;aAEQ,WAAW,CAAC,KAAa,EAAE,KAAa,EAAE,CAAC;QAClD,EAAE,EAAE,UAAU,KAAK,eAAe,CAAC,KAAK,GACtC,MAAM;QAER,KAAK,CAAC,OAAO,GAAG,gBAAgB,CAAC,KAAK;QACtC,KAAK,CAAC,OAAO,GAAG,gBAAgB,CAAC,KAAK;QAEtC,EAAmE,AAAnE,iEAAmE;QACnE,KAAK,GAAG,sBAAe,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI;QACrD,SAAS,CAAC,OAAO,GAAG,kCAAY,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK;QAChE,SAAS,CAAC,SAAS,CAAC,OAAO;IAC7B,CAAC;aAEQ,cAAc,CAAC,KAAa,EAAE,QAAiB,EAAE,CAAC;QACzD,EAAE,EAAE,UAAU,KAAK,eAAe,CAAC,KAAK,GACtC,MAAM;QAGR,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,OAAO,CAAC,KAAK;QAChD,cAAc,CAAC,OAAO,GAAG,kCAAY,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ;QAC7E,YAAY,CAAC,cAAc,CAAC,OAAO;QAEnC,EAA+C,AAA/C,6CAA+C;QAC/C,EAAE,EAAE,KAAK,CAAC,WAAW,IAAI,WAAW,KAAK,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,GAC1E,KAAK,CAAC,WAAW,CAAC,SAAS,CAAC,OAAO;IAEvC,CAAC;aAEQ,iBAAiB,CAAC,KAAa,EAAE,CAAC;QACzC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK;IAC/B,CAAC;aAEQ,eAAe,CAAC,KAAa,EAAE,OAAe,EAAE,CAAC;QACxD,WAAW,CAAC,KAAK,EAAE,eAAe,CAAC,OAAO;IAC5C,CAAC;aAEQ,eAAe,CAAC,KAAa,EAAE,CAAC;QACvC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,QAAQ,IAAI,IAAI,IAAI,IAAI,GAAG,QAAQ;IAChE,CAAC;aAEQ,eAAe,CAAC,OAAe,EAAE,CAAC;QACzC,KAAK,CAAC,GAAG,GAAG,OAAO,IAAI,QAAQ,GAAG,QAAQ,IAAI,QAAQ;QACtD,MAAM,CAAC,YAAK,CAAC,eAAe,CAAC,GAAG,GAAG,QAAQ,EAAE,QAAQ;IACvD,CAAC;IAED,MAAM,CAAC,CAAC;QACN,MAAM,EAAE,MAAM;QACd,aAAa,GAAG,KAAa,GAAK,MAAM,CAAC,KAAK;;QAC9C,aAAa,EAAE,WAAW;yBAC1B,eAAe;QACf,eAAe,GAAG,KAAa,GAAK,WAAW,CAAC,KAAK;;QACrD,gBAAgB,EAAE,cAAc;QAChC,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,eAAe;QAChC,eAAe,GAAG,KAAa,GAAK,eAAe,CAAC,MAAM,CAAC,KAAK;;yBAChE,eAAe;QACf,kBAAkB,GAAG,KAAa,GAAK,iBAAiB,CAAC,MAAM,CAAC,KAAK;;2BACrE,iBAAiB;0BACjB,gBAAgB;0BAChB,gBAAgB;yBAChB,eAAe;yBACf,eAAe;0BACf,gBAAgB;cAChB,IAAI;IACN,CAAC;AACH,CAAC;SAEQ,kCAAY,CAAI,KAAU,EAAE,KAAa,EAAE,KAAQ,EAAE,CAAC;IAC7D,EAAE,EAAE,KAAK,CAAC,KAAK,MAAM,KAAK,EACxB,MAAM,CAAC,KAAK;IAGd,MAAM,CAAC,CAAC;WAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK;QAAG,KAAK;WAAK,KAAK,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;IAAC,CAAC;AACrE,CAAC","sources":["packages/@react-stately/slider/src/index.ts","packages/@react-stately/slider/src/useSliderState.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 './useSliderState';\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 {clamp, snapValueToStep} from '@react-aria/utils';\nimport {SliderProps} from '@react-types/slider';\nimport {useControlledState} from '@react-stately/utils';\nimport {useRef, useState} from 'react';\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * Get the value for the specified thumb.\n   * @param index\n   */\n  getThumbValue(index: number): number,\n\n  /**\n   * Sets the value for the specified thumb.\n   * The actual value set will be clamped and rounded according to min/max/step.\n   * @param index\n   * @param value\n   */\n  setThumbValue(index: number, value: number): void,\n\n  /**\n   * Sets value for the specified thumb by percent offset (between 0 and 1).\n   * @param index\n   * @param percent\n   */\n  setThumbPercent(index: number, percent: number): void,\n\n  /**\n   * Whether the specific thumb is being dragged.\n   * @param index\n   */\n  isThumbDragging(index: number): boolean,\n  /**\n   * Set is dragging on the specified thumb.\n   * @param index\n   * @param dragging\n   */\n  setThumbDragging(index: number, dragging: boolean): void,\n\n  /**\n   * Currently-focused thumb index.\n   */\n  readonly focusedThumb: number | undefined,\n  /**\n   * Set focused true on specified thumb. This will remove focus from\n   * any thumb that had it before.\n   * @param index\n   */\n  setFocusedThumb(index: number | undefined): void,\n\n  /**\n   * Returns the specified thumb's value as a percentage from 0 to 1.\n   * @param index\n   */\n  getThumbPercent(index: number): number,\n\n  /**\n   * Returns the value as a percent between the min and max of the slider.\n   * @param index\n   */\n  getValuePercent(value: number): number,\n\n  /**\n   * Returns the string label for the specified thumb's value, per props.formatOptions.\n   * @param index\n   */\n  getThumbValueLabel(index: number): string,\n\n  /**\n   * Returns the string label for the value, per props.formatOptions.\n   * @param index\n   */\n  getFormattedValue(value: number): string,\n\n  /**\n   * Returns the min allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMinValue(index: number): number,\n\n  /**\n   * Returns the max allowed value for the specified thumb.\n   * @param index\n   */\n  getThumbMaxValue(index: number): number,\n\n  /**\n   * Converts a percent along track (between 0 and 1) to the corresponding value.\n   * @param percent\n   */\n  getPercentValue(percent: number): number,\n\n  /**\n   * Returns if the specified thumb is editable.\n   * @param index\n   */\n  isThumbEditable(index: number): boolean,\n\n  /**\n   * Set the specified thumb's editable state.\n   * @param index\n   * @param editable\n   */\n  setThumbEditable(index: number, editable: boolean): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\ninterface SliderStateOptions extends SliderProps {\n  numberFormatter: Intl.NumberFormat\n}\n\n/**\n * Provides state management for a slider component. Stores values for all thumbs,\n * formats values for localization, and provides methods to update the position\n * of any thumbs.\n * @param props\n */\nexport function useSliderState(props: SliderStateOptions): SliderState {\n  const {isDisabled, minValue = DEFAULT_MIN_VALUE, maxValue = DEFAULT_MAX_VALUE, numberFormatter: formatter, step = DEFAULT_STEP_VALUE} = props;\n\n  const [values, setValues] = useControlledState<number[]>(\n    props.value as any,\n    props.defaultValue ?? [minValue] as any,\n    props.onChange as any\n  );\n  const [isDraggings, setDraggings] = useState<boolean[]>(new Array(values.length).fill(false));\n  const isEditablesRef = useRef<boolean[]>(new Array(values.length).fill(true));\n  const [focusedIndex, setFocusedIndex] = useState<number | undefined>(undefined);\n\n  const valuesRef = useRef<number[]>(null);\n  valuesRef.current = values;\n  const isDraggingsRef = useRef<boolean[]>(null);\n  isDraggingsRef.current = isDraggings;\n\n  function getValuePercent(value: number) {\n    return (value - minValue) / (maxValue - minValue);\n  }\n\n  function getThumbMinValue(index: number) {\n    return index === 0 ? minValue : values[index - 1];\n  }\n  function getThumbMaxValue(index: number) {\n    return index === values.length - 1 ? maxValue : values[index + 1];\n  }\n\n  function isThumbEditable(index: number) {\n    return isEditablesRef.current[index];\n  }\n\n  function setThumbEditable(index: number, editable: boolean) {\n    isEditablesRef.current[index] = editable;\n  }\n\n  function updateValue(index: number, value: number) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    const thisMin = getThumbMinValue(index);\n    const thisMax = getThumbMaxValue(index);\n\n    // Round value to multiple of step, clamp value between min and max\n    value = snapValueToStep(value, thisMin, thisMax, step);\n    valuesRef.current = replaceIndex(valuesRef.current, index, value);\n    setValues(valuesRef.current);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n\n    const wasDragging = isDraggingsRef.current[index];\n    isDraggingsRef.current = replaceIndex(isDraggingsRef.current, index, dragging);\n    setDraggings(isDraggingsRef.current);\n\n    // Call onChangeEnd if no handles are dragging.\n    if (props.onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      props.onChangeEnd(valuesRef.current);\n    }\n  }\n\n  function getFormattedValue(value: number) {\n    return formatter.format(value);\n  }\n\n  function setThumbPercent(index: number, percent: number) {\n    updateValue(index, getPercentValue(percent));\n  }\n\n  function getRoundedValue(value: number) {\n    return Math.round((value - minValue) / step) * step + minValue;\n  }\n\n  function getPercentValue(percent: number) {\n    const val = percent * (maxValue - minValue) + minValue;\n    return clamp(getRoundedValue(val), minValue, maxValue);\n  }\n\n  return {\n    values: values,\n    getThumbValue: (index: number) => values[index],\n    setThumbValue: updateValue,\n    setThumbPercent,\n    isThumbDragging: (index: number) => isDraggings[index],\n    setThumbDragging: updateDragging,\n    focusedThumb: focusedIndex,\n    setFocusedThumb: setFocusedIndex,\n    getThumbPercent: (index: number) => getValuePercent(values[index]),\n    getValuePercent,\n    getThumbValueLabel: (index: number) => getFormattedValue(values[index]),\n    getFormattedValue,\n    getThumbMinValue,\n    getThumbMaxValue,\n    getPercentValue,\n    isThumbEditable,\n    setThumbEditable,\n    step\n  };\n}\n\nfunction replaceIndex<T>(array: T[], index: number, value: T) {\n  if (array[index] === value) {\n    return array;\n  }\n\n  return [...array.slice(0, index), value, ...array.slice(index + 1)];\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;AAiBA;IACE;A;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IAC1B;A;A;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;A;A;A;A;OAKG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAElD;A;A;A;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtD;A;A;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxC;A;A;A;OAIG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAEzD;A;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C;A;A;A;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAEjD;A;A;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvC;A;A;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvC;A;A;OAGG;IACH,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1C;A;A;OAGG;IACH,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzC;A;A;OAGG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAExC;A;A;OAGG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAExC;A;A;OAGG;IACH,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzC;A;A;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAExC;A;A;A;OAIG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAEzD;A;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAMD,4BAA6B,SAAQ,WAAW;IAC9C,eAAe,EAAE,KAAK,YAAY,CAAA;CACnC;AAED;A;A;A;A;GAKG;AACH,+BAA+B,KAAK,EAAE,kBAAkB,GAAG,WAAW,CAqGrE","sources":["./packages/@react-stately/slider/src/packages/@react-stately/slider/src/useSliderState.ts","./packages/@react-stately/slider/src/packages/@react-stately/slider/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";AAiBA;IACE;;OAEG;IACH,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;IAC1B;;;OAGG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC;;;;;OAKG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAElD;;;;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IAEtD;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IACxC;;;;OAIG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAEzD;;OAEG;IACH,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1C;;;;OAIG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAEjD;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvC;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvC;;;OAGG;IACH,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAE1C;;;OAGG;IACH,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzC;;;OAGG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAExC;;;OAGG;IACH,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzC;;;OAGG;IACH,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC;IAExC;;;;OAIG;IACH,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IAEzD;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAMD,4BAA6B,SAAQ,WAAW;IAC9C,eAAe,EAAE,KAAK,YAAY,CAAA;CACnC;AAED;;;;;GAKG;AACH,+BAA+B,KAAK,EAAE,kBAAkB,GAAG,WAAW,CAqGrE","sources":["packages/@react-stately/slider/src/packages/@react-stately/slider/src/useSliderState.ts","packages/@react-stately/slider/src/packages/@react-stately/slider/src/index.ts","packages/@react-stately/slider/src/index.ts"],"sourcesContent":[null,null,"/*\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 './useSliderState';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-stately/slider",
-  "version": "3.0.4-nightly.3040+e2b459ab9",
+  "version": "3.0.4-nightly.3047+87960ad25",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,10 +18,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "3.0.0-nightly.1349+e2b459ab9",
-    "@react-aria/utils": "3.0.0-nightly.1349+e2b459ab9",
-    "@react-stately/utils": "3.0.0-nightly.1349+e2b459ab9",
-    "@react-types/slider": "3.0.3-nightly.3040+e2b459ab9"
+    "@react-aria/i18n": "3.0.0-nightly.1356+87960ad25",
+    "@react-aria/utils": "3.0.0-nightly.1356+87960ad25",
+    "@react-stately/utils": "3.0.0-nightly.1356+87960ad25",
+    "@react-types/slider": "3.0.3-nightly.3047+87960ad25"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1"
@@ -29,5 +29,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e2b459ab996abd06b0913942e9801b88493ed940"
+  "gitHead": "87960ad25c26bc4cd6af506bb5e7e0f06621556c"
 }