@react-stately/slider 3.0.4 → 3.0.6-nightly.3120

package/dist/main.js

@@ -1,6 +1,6 @@
-var $ewMrq$reactariautils = require("@react-aria/utils");
-var $ewMrq$reactstatelyutils = require("@react-stately/utils");
-var $ewMrq$react = require("react");
+var $ltQvC$reactariautils = require("@react-aria/utils");
+var $ltQvC$reactstatelyutils = require("@react-stately/utils");
+var $ltQvC$react = require("react");
 
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
@@ -21,26 +21,27 @@ 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 $16a7c389e53c069a$exports = {};
+var $e86753598efd0f02$exports = {};
 
-$parcel$export($16a7c389e53c069a$exports, "useSliderState", () => $16a7c389e53c069a$export$e5fda3247f5d67f9);
+$parcel$export($e86753598efd0f02$exports, "useSliderState", () => $e86753598efd0f02$export$e5fda3247f5d67f9);
 
 
 
-const $16a7c389e53c069a$var$DEFAULT_MIN_VALUE = 0;
-const $16a7c389e53c069a$var$DEFAULT_MAX_VALUE = 100;
-const $16a7c389e53c069a$var$DEFAULT_STEP_VALUE = 1;
-function $16a7c389e53c069a$export$e5fda3247f5d67f9(props) {
-    const { isDisabled: isDisabled , minValue: minValue = $16a7c389e53c069a$var$DEFAULT_MIN_VALUE , maxValue: maxValue = $16a7c389e53c069a$var$DEFAULT_MAX_VALUE , numberFormatter: formatter , step: step = $16a7c389e53c069a$var$DEFAULT_STEP_VALUE  } = props;
-    const [values, setValues] = $ewMrq$reactstatelyutils.useControlledState(props.value, props.defaultValue ?? [
+const $e86753598efd0f02$var$DEFAULT_MIN_VALUE = 0;
+const $e86753598efd0f02$var$DEFAULT_MAX_VALUE = 100;
+const $e86753598efd0f02$var$DEFAULT_STEP_VALUE = 1;
+function $e86753598efd0f02$export$e5fda3247f5d67f9(props) {
+    const { isDisabled: isDisabled , minValue: minValue = $e86753598efd0f02$var$DEFAULT_MIN_VALUE , maxValue: maxValue = $e86753598efd0f02$var$DEFAULT_MAX_VALUE , numberFormatter: formatter , step: step = $e86753598efd0f02$var$DEFAULT_STEP_VALUE , pageSize: pageSize = Math.max((maxValue - minValue) / 10, step)  } = props;
+    var _defaultValue;
+    const [values, setValues] = $ltQvC$reactstatelyutils.useControlledState(props.value, (_defaultValue = props.defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : [
         minValue
     ], props.onChange);
-    const [isDraggings, setDraggings] = $ewMrq$react.useState(new Array(values.length).fill(false));
-    const isEditablesRef = $ewMrq$react.useRef(new Array(values.length).fill(true));
-    const [focusedIndex, setFocusedIndex] = $ewMrq$react.useState(undefined);
-    const valuesRef = $ewMrq$react.useRef(null);
+    const [isDraggings, setDraggings] = $ltQvC$react.useState(new Array(values.length).fill(false));
+    const isEditablesRef = $ltQvC$react.useRef(new Array(values.length).fill(true));
+    const [focusedIndex, setFocusedIndex] = $ltQvC$react.useState(undefined);
+    const valuesRef = $ltQvC$react.useRef(null);
     valuesRef.current = values;
-    const isDraggingsRef = $ewMrq$react.useRef(null);
+    const isDraggingsRef = $ltQvC$react.useRef(null);
     isDraggingsRef.current = isDraggings;
     function getValuePercent(value) {
         return (value - minValue) / (maxValue - minValue);
@@ -62,14 +63,14 @@ function $16a7c389e53c069a$export$e5fda3247f5d67f9(props) {
         const thisMin = getThumbMinValue(index);
         const thisMax = getThumbMaxValue(index);
         // Round value to multiple of step, clamp value between min and max
-        value = $ewMrq$reactariautils.snapValueToStep(value, thisMin, thisMax, step);
-        valuesRef.current = $16a7c389e53c069a$var$replaceIndex(valuesRef.current, index, value);
+        value = $ltQvC$reactariautils.snapValueToStep(value, thisMin, thisMax, step);
+        valuesRef.current = $e86753598efd0f02$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 = $16a7c389e53c069a$var$replaceIndex(isDraggingsRef.current, index, dragging);
+        isDraggingsRef.current = $e86753598efd0f02$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);
@@ -85,7 +86,15 @@ function $16a7c389e53c069a$export$e5fda3247f5d67f9(props) {
     }
     function getPercentValue(percent) {
         const val = percent * (maxValue - minValue) + minValue;
-        return $ewMrq$reactariautils.clamp(getRoundedValue(val), minValue, maxValue);
+        return $ltQvC$reactariautils.clamp(getRoundedValue(val), minValue, maxValue);
+    }
+    function incrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, $ltQvC$reactariautils.snapValueToStep(values[index] + s, minValue, maxValue, step));
+    }
+    function decrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, $ltQvC$reactariautils.snapValueToStep(values[index] - s, minValue, maxValue, step));
     }
     return {
         values: values,
@@ -109,10 +118,13 @@ function $16a7c389e53c069a$export$e5fda3247f5d67f9(props) {
         getPercentValue: getPercentValue,
         isThumbEditable: isThumbEditable,
         setThumbEditable: setThumbEditable,
-        step: step
+        incrementThumb: incrementThumb,
+        decrementThumb: decrementThumb,
+        step: step,
+        pageSize: pageSize
     };
 }
-function $16a7c389e53c069a$var$replaceIndex(array, index, value) {
+function $e86753598efd0f02$var$replaceIndex(array, index, value) {
     if (array[index] === value) return array;
     return [
         ...array.slice(0, index),
@@ -122,7 +134,7 @@ function $16a7c389e53c069a$var$replaceIndex(array, index, value) {
 }
 
 
-$parcel$exportWildcard(module.exports, $16a7c389e53c069a$exports);
+$parcel$exportWildcard(module.exports, $e86753598efd0f02$exports);
 
 
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"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"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC6IA,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,aACL,UAAU,aACV,QAAQ,GAAG,uCAAiB,aAC5B,QAAQ,GAAG,uCAAiB,GAC5B,eAAe,EAAE,SAAS,SAC1B,IAAI,GAAG,wCAAkB,aACzB,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,QAAQ,GAAG,QAAQ,IAAI,EAAE,EAAE,IAAI,GACtD,CAAC,GAAG,KAAK;QAIP,aAAkB;IAFpB,KAAK,EAAE,MAAM,EAAE,SAAS,IAAI,2CAAkB,CAC5C,KAAK,CAAC,KAAK,GACX,aAAkB,GAAlB,KAAK,CAAC,YAAY,cAAlB,aAAkB,cAAlB,aAAkB,GAAI,CAAC;QAAA,QAAQ;IAAA,CAAC,EAChC,KAAK,CAAC,QAAQ;IAEhB,KAAK,EAAE,WAAW,EAAE,YAAY,IAAI,qBAAQ,CAAY,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,KAAK;IAC3F,KAAK,CAAC,cAAc,GAAG,mBAAM,CAAY,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI;IAC3E,KAAK,EAAE,YAAY,EAAE,eAAe,IAAI,qBAAQ,CAAqB,SAAS;IAE9E,KAAK,CAAC,SAAS,GAAG,mBAAM,CAAW,IAAI;IACvC,SAAS,CAAC,OAAO,GAAG,MAAM;IAC1B,KAAK,CAAC,cAAc,GAAG,mBAAM,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,qCAAe,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,2BAAK,CAAC,eAAe,CAAC,GAAG,GAAG,QAAQ,EAAE,QAAQ;IACvD,CAAC;aAEQ,cAAc,CAAC,KAAa,EAAE,QAAgB,GAAG,CAAC,EAAE,CAAC;QAC5D,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI;QAC/B,WAAW,CAAC,KAAK,EAAE,qCAAe,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI;IAChF,CAAC;aAEQ,cAAc,CAAC,KAAa,EAAE,QAAgB,GAAG,CAAC,EAAE,CAAC;QAC5D,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI;QAC/B,WAAW,CAAC,KAAK,EAAE,qCAAe,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI;IAChF,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;wBAChB,cAAc;wBACd,cAAc;cACd,IAAI;kBACJ,QAAQ;IACV,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   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void,\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number,\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: 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 {\n    isDisabled,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    pageSize = Math.max((maxValue - minValue) / 10, step)\n  } = 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  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\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    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize\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,30 +1,31 @@
-import {snapValueToStep as $35Cqk$snapValueToStep, clamp as $35Cqk$clamp} from "@react-aria/utils";
-import {useControlledState as $35Cqk$useControlledState} from "@react-stately/utils";
-import {useState as $35Cqk$useState, useRef as $35Cqk$useRef} from "react";
+import {snapValueToStep as $aTwux$snapValueToStep, clamp as $aTwux$clamp} from "@react-aria/utils";
+import {useControlledState as $aTwux$useControlledState} from "@react-stately/utils";
+import {useState as $aTwux$useState, useRef as $aTwux$useRef} from "react";
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $41e91674a959b70c$exports = {};
+var $28f99e3e86e6ec45$exports = {};
 
-$parcel$export($41e91674a959b70c$exports, "useSliderState", () => $41e91674a959b70c$export$e5fda3247f5d67f9);
+$parcel$export($28f99e3e86e6ec45$exports, "useSliderState", () => $28f99e3e86e6ec45$export$e5fda3247f5d67f9);
 
 
 
-const $41e91674a959b70c$var$DEFAULT_MIN_VALUE = 0;
-const $41e91674a959b70c$var$DEFAULT_MAX_VALUE = 100;
-const $41e91674a959b70c$var$DEFAULT_STEP_VALUE = 1;
-function $41e91674a959b70c$export$e5fda3247f5d67f9(props) {
-    const { isDisabled: isDisabled , minValue: minValue = $41e91674a959b70c$var$DEFAULT_MIN_VALUE , maxValue: maxValue = $41e91674a959b70c$var$DEFAULT_MAX_VALUE , numberFormatter: formatter , step: step = $41e91674a959b70c$var$DEFAULT_STEP_VALUE  } = props;
-    const [values, setValues] = $35Cqk$useControlledState(props.value, props.defaultValue ?? [
+const $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE = 0;
+const $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE = 100;
+const $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE = 1;
+function $28f99e3e86e6ec45$export$e5fda3247f5d67f9(props) {
+    const { isDisabled: isDisabled , minValue: minValue = $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE , maxValue: maxValue = $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE , numberFormatter: formatter , step: step = $28f99e3e86e6ec45$var$DEFAULT_STEP_VALUE , pageSize: pageSize = Math.max((maxValue - minValue) / 10, step)  } = props;
+    var _defaultValue;
+    const [values, setValues] = $aTwux$useControlledState(props.value, (_defaultValue = props.defaultValue) !== null && _defaultValue !== void 0 ? _defaultValue : [
         minValue
     ], props.onChange);
-    const [isDraggings, setDraggings] = $35Cqk$useState(new Array(values.length).fill(false));
-    const isEditablesRef = $35Cqk$useRef(new Array(values.length).fill(true));
-    const [focusedIndex, setFocusedIndex] = $35Cqk$useState(undefined);
-    const valuesRef = $35Cqk$useRef(null);
+    const [isDraggings, setDraggings] = $aTwux$useState(new Array(values.length).fill(false));
+    const isEditablesRef = $aTwux$useRef(new Array(values.length).fill(true));
+    const [focusedIndex, setFocusedIndex] = $aTwux$useState(undefined);
+    const valuesRef = $aTwux$useRef(null);
     valuesRef.current = values;
-    const isDraggingsRef = $35Cqk$useRef(null);
+    const isDraggingsRef = $aTwux$useRef(null);
     isDraggingsRef.current = isDraggings;
     function getValuePercent(value) {
         return (value - minValue) / (maxValue - minValue);
@@ -46,14 +47,14 @@ function $41e91674a959b70c$export$e5fda3247f5d67f9(props) {
         const thisMin = getThumbMinValue(index);
         const thisMax = getThumbMaxValue(index);
         // Round value to multiple of step, clamp value between min and max
-        value = $35Cqk$snapValueToStep(value, thisMin, thisMax, step);
-        valuesRef.current = $41e91674a959b70c$var$replaceIndex(valuesRef.current, index, value);
+        value = $aTwux$snapValueToStep(value, thisMin, thisMax, step);
+        valuesRef.current = $28f99e3e86e6ec45$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 = $41e91674a959b70c$var$replaceIndex(isDraggingsRef.current, index, dragging);
+        isDraggingsRef.current = $28f99e3e86e6ec45$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);
@@ -69,7 +70,15 @@ function $41e91674a959b70c$export$e5fda3247f5d67f9(props) {
     }
     function getPercentValue(percent) {
         const val = percent * (maxValue - minValue) + minValue;
-        return $35Cqk$clamp(getRoundedValue(val), minValue, maxValue);
+        return $aTwux$clamp(getRoundedValue(val), minValue, maxValue);
+    }
+    function incrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, $aTwux$snapValueToStep(values[index] + s, minValue, maxValue, step));
+    }
+    function decrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, $aTwux$snapValueToStep(values[index] - s, minValue, maxValue, step));
     }
     return {
         values: values,
@@ -93,10 +102,13 @@ function $41e91674a959b70c$export$e5fda3247f5d67f9(props) {
         getPercentValue: getPercentValue,
         isThumbEditable: isThumbEditable,
         setThumbEditable: setThumbEditable,
-        step: step
+        incrementThumb: incrementThumb,
+        decrementThumb: decrementThumb,
+        step: step,
+        pageSize: pageSize
     };
 }
-function $41e91674a959b70c$var$replaceIndex(array, index, value) {
+function $28f99e3e86e6ec45$var$replaceIndex(array, index, value) {
     if (array[index] === value) return array;
     return [
         ...array.slice(0, index),
@@ -108,5 +120,5 @@ function $41e91674a959b70c$var$replaceIndex(array, index, value) {
 
 
 
-export {$41e91674a959b70c$export$e5fda3247f5d67f9 as useSliderState};
+export {$28f99e3e86e6ec45$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/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"}
+{"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   * Increments the value of the thumb by the step or page amount.\n   */\n  incrementThumb(index: number, stepSize?: number): void,\n  /**\n   * Decrements the value of the thumb by the step or page amount.\n   */\n  decrementThumb(index: number, stepSize?: number): void,\n\n  /**\n   * The step amount for the slider.\n   */\n  readonly step: number,\n\n  /**\n   * The page size for the slider, used to do a bigger step.\n   */\n  readonly pageSize: 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 {\n    isDisabled,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    pageSize = Math.max((maxValue - minValue) / 10, step)\n  } = 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  function incrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));\n  }\n\n  function decrementThumb(index: number, stepSize: number = 1) {\n    let s = Math.max(stepSize, step);\n    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));\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    incrementThumb,\n    decrementThumb,\n    step,\n    pageSize\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

@@ -89,10 +89,22 @@ export interface SliderState {
      * @param editable
      */
     setThumbEditable(index: number, editable: boolean): void;
+    /**
+     * Increments the value of the thumb by the step or page amount.
+     */
+    incrementThumb(index: number, stepSize?: number): void;
+    /**
+     * Decrements the value of the thumb by the step or page amount.
+     */
+    decrementThumb(index: number, stepSize?: number): void;
     /**
      * The step amount for the slider.
      */
     readonly step: number;
+    /**
+     * The page size for the slider, used to do a bigger step.
+     */
+    readonly pageSize: number;
 }
 interface SliderStateOptions extends SliderProps {
     numberFormatter: Intl.NumberFormat;

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvD;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEvD;;OAEG;IACH,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B;AAMD,4BAA6B,SAAQ,WAAW;IAC9C,eAAe,EAAE,KAAK,YAAY,CAAA;CACnC;AAED;;;;;GAKG;AACH,+BAA+B,KAAK,EAAE,kBAAkB,GAAG,WAAW,CAyHrE","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",
+  "version": "3.0.6-nightly.3120+1aa66e6e7",
   "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.3.5",
-    "@react-aria/utils": "^3.11.1",
-    "@react-stately/utils": "^3.4.0",
-    "@react-types/slider": "^3.0.3"
+    "@react-aria/i18n": "3.0.0-nightly.1424+1aa66e6e7",
+    "@react-aria/utils": "3.0.0-nightly.1424+1aa66e6e7",
+    "@react-stately/utils": "3.0.0-nightly.1424+1aa66e6e7",
+    "@react-types/slider": "3.0.5-nightly.3120+1aa66e6e7"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1"
@@ -29,5 +29,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "54c2366c4f31bd4bf619126131cd583c12972acc"
+  "gitHead": "1aa66e6e75e2da014f44177686c3332cd625fb9f"
 }

package/src/useSliderState.ts

@@ -119,10 +119,24 @@ export interface SliderState {
    */
   setThumbEditable(index: number, editable: boolean): void,
 
+  /**
+   * Increments the value of the thumb by the step or page amount.
+   */
+  incrementThumb(index: number, stepSize?: number): void,
+  /**
+   * Decrements the value of the thumb by the step or page amount.
+   */
+  decrementThumb(index: number, stepSize?: number): void,
+
   /**
    * The step amount for the slider.
    */
-  readonly step: number
+  readonly step: number,
+
+  /**
+   * The page size for the slider, used to do a bigger step.
+   */
+  readonly pageSize: number
 }
 
 const DEFAULT_MIN_VALUE = 0;
@@ -140,7 +154,14 @@ interface SliderStateOptions extends SliderProps {
  * @param props
  */
 export function useSliderState(props: SliderStateOptions): SliderState {
-  const {isDisabled, minValue = DEFAULT_MIN_VALUE, maxValue = DEFAULT_MAX_VALUE, numberFormatter: formatter, step = DEFAULT_STEP_VALUE} = props;
+  const {
+    isDisabled,
+    minValue = DEFAULT_MIN_VALUE,
+    maxValue = DEFAULT_MAX_VALUE,
+    numberFormatter: formatter,
+    step = DEFAULT_STEP_VALUE,
+    pageSize = Math.max((maxValue - minValue) / 10, step)
+  } = props;
 
   const [values, setValues] = useControlledState<number[]>(
     props.value as any,
@@ -220,6 +241,16 @@ export function useSliderState(props: SliderStateOptions): SliderState {
     return clamp(getRoundedValue(val), minValue, maxValue);
   }
 
+  function incrementThumb(index: number, stepSize: number = 1) {
+    let s = Math.max(stepSize, step);
+    updateValue(index, snapValueToStep(values[index] + s, minValue, maxValue, step));
+  }
+
+  function decrementThumb(index: number, stepSize: number = 1) {
+    let s = Math.max(stepSize, step);
+    updateValue(index, snapValueToStep(values[index] - s, minValue, maxValue, step));
+  }
+
   return {
     values: values,
     getThumbValue: (index: number) => values[index],
@@ -238,7 +269,10 @@ export function useSliderState(props: SliderStateOptions): SliderState {
     getPercentValue,
     isThumbEditable,
     setThumbEditable,
-    step
+    incrementThumb,
+    decrementThumb,
+    step,
+    pageSize
   };
 }