react-stately 3.44.0 → 3.46.0

package/dist/private/selection/useMultipleSelectionState.mjs

@@ -0,0 +1,96 @@
+import {Selection as $8b2540e09867b15e$export$52baac22726c72bf} from "./Selection.mjs";
+import {useControlledState as $3e6197669829fe11$export$40bfa8c7b0832715} from "../utils/useControlledState.mjs";
+import {useRef as $7w3VE$useRef, useState as $7w3VE$useState, useMemo as $7w3VE$useMemo, useEffect as $7w3VE$useEffect} from "react";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+function $60f19cefd567a3e4$var$equalSets(setA, setB) {
+    if (setA.size !== setB.size) return false;
+    for (let item of setA){
+        if (!setB.has(item)) return false;
+    }
+    return true;
+}
+function $60f19cefd567a3e4$export$253fe78d46329472(props) {
+    let { selectionMode: selectionMode = 'none', disallowEmptySelection: disallowEmptySelection = false, allowDuplicateSelectionEvents: allowDuplicateSelectionEvents, selectionBehavior: selectionBehaviorProp = 'toggle', disabledBehavior: disabledBehavior = 'all' } = props;
+    // We want synchronous updates to `isFocused` and `focusedKey` after their setters are called.
+    // But we also need to trigger a react re-render. So, we have both a ref (sync) and state (async).
+    let isFocusedRef = (0, $7w3VE$useRef)(false);
+    let [, setFocused] = (0, $7w3VE$useState)(false);
+    let focusedKeyRef = (0, $7w3VE$useRef)(null);
+    let childFocusStrategyRef = (0, $7w3VE$useRef)(null);
+    let [, setFocusedKey] = (0, $7w3VE$useState)(null);
+    let selectedKeysProp = (0, $7w3VE$useMemo)(()=>$60f19cefd567a3e4$var$convertSelection(props.selectedKeys), [
+        props.selectedKeys
+    ]);
+    let defaultSelectedKeys = (0, $7w3VE$useMemo)(()=>$60f19cefd567a3e4$var$convertSelection(props.defaultSelectedKeys, new (0, $8b2540e09867b15e$export$52baac22726c72bf)()), [
+        props.defaultSelectedKeys
+    ]);
+    let [selectedKeys, setSelectedKeys] = (0, $3e6197669829fe11$export$40bfa8c7b0832715)(selectedKeysProp, defaultSelectedKeys, props.onSelectionChange);
+    let disabledKeysProp = (0, $7w3VE$useMemo)(()=>props.disabledKeys ? new Set(props.disabledKeys) : new Set(), [
+        props.disabledKeys
+    ]);
+    let [selectionBehavior, setSelectionBehavior] = (0, $7w3VE$useState)(selectionBehaviorProp);
+    // If the selectionBehavior prop is set to replace, but the current state is toggle (e.g. due to long press
+    // to enter selection mode on touch), and the selection becomes empty, reset the selection behavior.
+    if (selectionBehaviorProp === 'replace' && selectionBehavior === 'toggle' && typeof selectedKeys === 'object' && selectedKeys.size === 0) setSelectionBehavior('replace');
+    // If the selectionBehavior prop changes, update the state as well.
+    let lastSelectionBehavior = (0, $7w3VE$useRef)(selectionBehaviorProp);
+    (0, $7w3VE$useEffect)(()=>{
+        if (selectionBehaviorProp !== lastSelectionBehavior.current) {
+            setSelectionBehavior(selectionBehaviorProp);
+            lastSelectionBehavior.current = selectionBehaviorProp;
+        }
+    }, [
+        selectionBehaviorProp
+    ]);
+    return {
+        selectionMode: selectionMode,
+        disallowEmptySelection: disallowEmptySelection,
+        selectionBehavior: selectionBehavior,
+        setSelectionBehavior: setSelectionBehavior,
+        get isFocused () {
+            return isFocusedRef.current;
+        },
+        setFocused (f) {
+            isFocusedRef.current = f;
+            setFocused(f);
+        },
+        get focusedKey () {
+            return focusedKeyRef.current;
+        },
+        get childFocusStrategy () {
+            return childFocusStrategyRef.current;
+        },
+        setFocusedKey (k, childFocusStrategy = 'first') {
+            focusedKeyRef.current = k;
+            childFocusStrategyRef.current = childFocusStrategy;
+            setFocusedKey(k);
+        },
+        selectedKeys: selectedKeys,
+        setSelectedKeys (keys) {
+            if (allowDuplicateSelectionEvents || !$60f19cefd567a3e4$var$equalSets(keys, selectedKeys)) setSelectedKeys(keys);
+        },
+        disabledKeys: disabledKeysProp,
+        disabledBehavior: disabledBehavior
+    };
+}
+function $60f19cefd567a3e4$var$convertSelection(selection, defaultValue) {
+    if (!selection) return defaultValue;
+    return selection === 'all' ? 'all' : new (0, $8b2540e09867b15e$export$52baac22726c72bf)(selection);
+}
+
+
+export {$60f19cefd567a3e4$export$253fe78d46329472 as useMultipleSelectionState};
+//# sourceMappingURL=useMultipleSelectionState.mjs.map

package/dist/private/selection/useMultipleSelectionState.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAQD,SAAS,gCAAU,IAAI,EAAE,IAAI;IAC3B,IAAI,KAAK,IAAI,KAAK,KAAK,IAAI,EACzB,OAAO;IAGT,KAAK,IAAI,QAAQ,KAAM;QACrB,IAAI,CAAC,KAAK,GAAG,CAAC,OACZ,OAAO;IAEX;IAEA,OAAO;AACT;AAoBO,SAAS,0CAA0B,KAAkC;IAC1E,IAAI,iBACF,gBAAgB,gCAChB,yBAAyB,sCACzB,6BAA6B,EAC7B,mBAAmB,wBAAwB,QAAQ,oBACnD,mBAAmB,OACpB,GAAG;IAEJ,8FAA8F;IAC9F,kGAAkG;IAClG,IAAI,eAAe,CAAA,GAAA,aAAK,EAAE;IAC1B,IAAI,GAAG,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IAC9B,IAAI,gBAAgB,CAAA,GAAA,aAAK,EAAc;IACvC,IAAI,wBAAwB,CAAA,GAAA,aAAK,EAAwB;IACzD,IAAI,GAAG,cAAc,GAAG,CAAA,GAAA,eAAO,EAAc;IAC7C,IAAI,mBAAmB,CAAA,GAAA,cAAM,EAAE,IAAM,uCAAiB,MAAM,YAAY,GAAG;QAAC,MAAM,YAAY;KAAC;IAC/F,IAAI,sBAAsB,CAAA,GAAA,cAAM,EAAE,IAAM,uCAAiB,MAAM,mBAAmB,EAAE,IAAI,CAAA,GAAA,yCAAQ,MAAM;QAAC,MAAM,mBAAmB;KAAC;IACjI,IAAI,CAAC,cAAc,gBAAgB,GAAG,CAAA,GAAA,yCAAiB,EACrD,kBACA,qBACA,MAAM,iBAAiB;IAEzB,IAAI,mBAAmB,CAAA,GAAA,cAAM,EAAE,IAC7B,MAAM,YAAY,GAAG,IAAI,IAAI,MAAM,YAAY,IAAI,IAAI,OACvD;QAAC,MAAM,YAAY;KAAC;IACtB,IAAI,CAAC,mBAAmB,qBAAqB,GAAG,CAAA,GAAA,eAAO,EAAE;IAEzD,2GAA2G;IAC3G,oGAAoG;IACpG,IAAI,0BAA0B,aAAa,sBAAsB,YAAY,OAAO,iBAAiB,YAAY,aAAa,IAAI,KAAK,GACrI,qBAAqB;IAGvB,mEAAmE;IACnE,IAAI,wBAAwB,CAAA,GAAA,aAAK,EAAE;IACnC,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,0BAA0B,sBAAsB,OAAO,EAAE;YAC3D,qBAAqB;YACrB,sBAAsB,OAAO,GAAG;QAClC;IACF,GAAG;QAAC;KAAsB;IAE1B,OAAO;uBACL;gCACA;2BACA;8BACA;QACA,IAAI,aAAY;YACd,OAAO,aAAa,OAAO;QAC7B;QACA,YAAW,CAAC;YACV,aAAa,OAAO,GAAG;YACvB,WAAW;QACb;QACA,IAAI,cAAa;YACf,OAAO,cAAc,OAAO;QAC9B;QACA,IAAI,sBAAqB;YACvB,OAAO,sBAAsB,OAAO;QACtC;QACA,eAAc,CAAC,EAAE,qBAAqB,OAAO;YAC3C,cAAc,OAAO,GAAG;YACxB,sBAAsB,OAAO,GAAG;YAChC,cAAc;QAChB;sBACA;QACA,iBAAgB,IAAI;YAClB,IAAI,iCAAiC,CAAC,gCAAU,MAAM,eACpD,gBAAgB;QAEpB;QACA,cAAc;0BACd;IACF;AACF;AAEA,SAAS,uCAAiB,SAAmD,EAAE,YAAwB;IACrG,IAAI,CAAC,WACH,OAAO;IAGT,OAAO,cAAc,QACjB,QACA,IAAI,CAAA,GAAA,yCAAQ,EAAE;AACpB","sources":["packages/react-stately/src/selection/useMultipleSelectionState.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 {DisabledBehavior, FocusStrategy, Key, MultipleSelection, SelectionBehavior, SelectionMode} from '@react-types/shared';\nimport {MultipleSelectionState} from './types';\nimport {Selection} from './Selection';\nimport {useControlledState} from '../utils/useControlledState';\nimport {useEffect, useMemo, useRef, useState} from 'react';\n\nfunction equalSets(setA, setB) {\n  if (setA.size !== setB.size) {\n    return false;\n  }\n\n  for (let item of setA) {\n    if (!setB.has(item)) {\n      return false;\n    }\n  }\n\n  return true;\n}\n\nexport interface MultipleSelectionStateProps extends MultipleSelection {\n  /**\n   * How multiple selection should behave in the collection.\n   * @default 'toggle'\n   */\n  selectionBehavior?: SelectionBehavior,\n  /** Whether onSelectionChange should fire even if the new set of keys is the same as the last. */\n  allowDuplicateSelectionEvents?: boolean,\n  /**\n   * Whether `disabledKeys` applies to all interactions, or only selection.\n   * @default 'all'\n   */\n  disabledBehavior?: DisabledBehavior\n}\n\n/**\n * Manages state for multiple selection and focus in a collection.\n */\nexport function useMultipleSelectionState(props: MultipleSelectionStateProps): MultipleSelectionState {\n  let {\n    selectionMode = 'none' as SelectionMode,\n    disallowEmptySelection = false,\n    allowDuplicateSelectionEvents,\n    selectionBehavior: selectionBehaviorProp = 'toggle',\n    disabledBehavior = 'all'\n  } = props;\n\n  // We want synchronous updates to `isFocused` and `focusedKey` after their setters are called.\n  // But we also need to trigger a react re-render. So, we have both a ref (sync) and state (async).\n  let isFocusedRef = useRef(false);\n  let [, setFocused] = useState(false);\n  let focusedKeyRef = useRef<Key | null>(null);\n  let childFocusStrategyRef = useRef<FocusStrategy | null>(null);\n  let [, setFocusedKey] = useState<Key | null>(null);\n  let selectedKeysProp = useMemo(() => convertSelection(props.selectedKeys), [props.selectedKeys]);\n  let defaultSelectedKeys = useMemo(() => convertSelection(props.defaultSelectedKeys, new Selection()), [props.defaultSelectedKeys]);\n  let [selectedKeys, setSelectedKeys] = useControlledState(\n    selectedKeysProp,\n    defaultSelectedKeys!,\n    props.onSelectionChange\n  );\n  let disabledKeysProp = useMemo(() =>\n    props.disabledKeys ? new Set(props.disabledKeys) : new Set<Key>()\n  , [props.disabledKeys]);\n  let [selectionBehavior, setSelectionBehavior] = useState(selectionBehaviorProp);\n\n  // If the selectionBehavior prop is set to replace, but the current state is toggle (e.g. due to long press\n  // to enter selection mode on touch), and the selection becomes empty, reset the selection behavior.\n  if (selectionBehaviorProp === 'replace' && selectionBehavior === 'toggle' && typeof selectedKeys === 'object' && selectedKeys.size === 0) {\n    setSelectionBehavior('replace');\n  }\n\n  // If the selectionBehavior prop changes, update the state as well.\n  let lastSelectionBehavior = useRef(selectionBehaviorProp);\n  useEffect(() => {\n    if (selectionBehaviorProp !== lastSelectionBehavior.current) {\n      setSelectionBehavior(selectionBehaviorProp);\n      lastSelectionBehavior.current = selectionBehaviorProp;\n    }\n  }, [selectionBehaviorProp]);\n\n  return {\n    selectionMode,\n    disallowEmptySelection,\n    selectionBehavior,\n    setSelectionBehavior,\n    get isFocused() {\n      return isFocusedRef.current;\n    },\n    setFocused(f) {\n      isFocusedRef.current = f;\n      setFocused(f);\n    },\n    get focusedKey() {\n      return focusedKeyRef.current;\n    },\n    get childFocusStrategy() {\n      return childFocusStrategyRef.current;\n    },\n    setFocusedKey(k, childFocusStrategy = 'first') {\n      focusedKeyRef.current = k;\n      childFocusStrategyRef.current = childFocusStrategy;\n      setFocusedKey(k);\n    },\n    selectedKeys,\n    setSelectedKeys(keys) {\n      if (allowDuplicateSelectionEvents || !equalSets(keys, selectedKeys)) {\n        setSelectedKeys(keys);\n      }\n    },\n    disabledKeys: disabledKeysProp,\n    disabledBehavior\n  };\n}\n\nfunction convertSelection(selection: 'all' | Iterable<Key> | null | undefined, defaultValue?: Selection): 'all' | Set<Key> | undefined {\n  if (!selection) {\n    return defaultValue;\n  }\n\n  return selection === 'all'\n    ? 'all'\n    : new Selection(selection);\n}\n"],"names":[],"version":3,"file":"useMultipleSelectionState.mjs.map"}

package/dist/private/slider/useSliderState.cjs

@@ -0,0 +1,179 @@
+var $d947385dec0a279e$exports = require("../utils/number.cjs");
+var $14cedf286405cc4b$exports = require("../utils/useControlledState.cjs");
+var $h6QKk$react = require("react");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useSliderState", function () { return $f9570b296a78cc5e$export$e5fda3247f5d67f9; });
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+const $f9570b296a78cc5e$var$DEFAULT_MIN_VALUE = 0;
+const $f9570b296a78cc5e$var$DEFAULT_MAX_VALUE = 100;
+const $f9570b296a78cc5e$var$DEFAULT_STEP_VALUE = 1;
+function $f9570b296a78cc5e$export$e5fda3247f5d67f9(props) {
+    const { isDisabled: isDisabled = false, minValue: minValue = $f9570b296a78cc5e$var$DEFAULT_MIN_VALUE, maxValue: maxValue = $f9570b296a78cc5e$var$DEFAULT_MAX_VALUE, numberFormatter: formatter, step: step = $f9570b296a78cc5e$var$DEFAULT_STEP_VALUE, orientation: orientation = 'horizontal' } = props;
+    // Page step should be at least equal to step and always a multiple of the step.
+    let pageSize = (0, $h6QKk$react.useMemo)(()=>{
+        let calcPageSize = (maxValue - minValue) / 10;
+        calcPageSize = (0, $d947385dec0a279e$exports.snapValueToStep)(calcPageSize, 0, calcPageSize + step, step);
+        return Math.max(calcPageSize, step);
+    }, [
+        step,
+        maxValue,
+        minValue
+    ]);
+    let restrictValues = (0, $h6QKk$react.useCallback)((values)=>values?.map((val, idx)=>{
+            let min = idx === 0 ? minValue : values[idx - 1];
+            let max = idx === values.length - 1 ? maxValue : values[idx + 1];
+            return (0, $d947385dec0a279e$exports.snapValueToStep)(val, min, max, step);
+        }), [
+        minValue,
+        maxValue,
+        step
+    ]);
+    let value = (0, $h6QKk$react.useMemo)(()=>restrictValues($f9570b296a78cc5e$var$convertValue(props.value)), [
+        props.value,
+        restrictValues
+    ]);
+    let defaultValue = (0, $h6QKk$react.useMemo)(()=>restrictValues($f9570b296a78cc5e$var$convertValue(props.defaultValue) ?? [
+            minValue
+        ]), [
+        props.defaultValue,
+        minValue,
+        restrictValues
+    ]);
+    let onChange = $f9570b296a78cc5e$var$createOnChange(props.value, props.defaultValue, props.onChange);
+    let onChangeEnd = $f9570b296a78cc5e$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
+    const [values, setValuesState] = (0, $14cedf286405cc4b$exports.useControlledState)(value, defaultValue, onChange);
+    let [initialValues] = (0, $h6QKk$react.useState)(values);
+    const [isDraggings, setDraggingsState] = (0, $h6QKk$react.useState)(new Array(values.length).fill(false));
+    const isEditablesRef = (0, $h6QKk$react.useRef)(new Array(values.length).fill(true));
+    const [focusedIndex, setFocusedIndex] = (0, $h6QKk$react.useState)(undefined);
+    const valuesRef = (0, $h6QKk$react.useRef)(values);
+    const isDraggingsRef = (0, $h6QKk$react.useRef)(isDraggings);
+    let setValues = (values)=>{
+        valuesRef.current = values;
+        setValuesState(values);
+    };
+    let setDraggings = (draggings)=>{
+        isDraggingsRef.current = draggings;
+        setDraggingsState(draggings);
+    };
+    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;
+        const thisMin = getThumbMinValue(index);
+        const thisMax = getThumbMaxValue(index);
+        // Round value to multiple of step, clamp value between min and max
+        value = (0, $d947385dec0a279e$exports.snapValueToStep)(value, thisMin, thisMax, step);
+        let newValues = $f9570b296a78cc5e$var$replaceIndex(valuesRef.current, index, value);
+        setValues(newValues);
+    }
+    function updateDragging(index, dragging) {
+        if (isDisabled || !isThumbEditable(index)) return;
+        if (dragging) valuesRef.current = values;
+        const wasDragging = isDraggingsRef.current[index];
+        isDraggingsRef.current = $f9570b296a78cc5e$var$replaceIndex(isDraggingsRef.current, index, dragging);
+        setDraggings(isDraggingsRef.current);
+        // Call onChangeEnd if no handles are dragging.
+        if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) 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 (0, $d947385dec0a279e$exports.clamp)(getRoundedValue(val), minValue, maxValue);
+    }
+    function incrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, (0, $d947385dec0a279e$exports.snapValueToStep)(values[index] + s, minValue, maxValue, step));
+    }
+    function decrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, (0, $d947385dec0a279e$exports.snapValueToStep)(values[index] - s, minValue, maxValue, step));
+    }
+    return {
+        values: values,
+        defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,
+        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,
+        incrementThumb: incrementThumb,
+        decrementThumb: decrementThumb,
+        step: step,
+        pageSize: pageSize,
+        orientation: orientation,
+        isDisabled: isDisabled
+    };
+}
+function $f9570b296a78cc5e$var$replaceIndex(array, index, value) {
+    if (array[index] === value) return array;
+    return [
+        ...array.slice(0, index),
+        value,
+        ...array.slice(index + 1)
+    ];
+}
+function $f9570b296a78cc5e$var$convertValue(value) {
+    if (value == null) return undefined;
+    return Array.isArray(value) ? value : [
+        value
+    ];
+}
+function $f9570b296a78cc5e$var$createOnChange(value, defaultValue, onChange) {
+    return (newValue)=>{
+        if (typeof value === 'number' || typeof defaultValue === 'number') onChange?.(newValue[0]);
+        else onChange?.(newValue);
+    };
+}
+
+
+//# sourceMappingURL=useSliderState.cjs.map

package/dist/private/slider/useSliderState.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-stately/src/slider/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 '../utils/number';\n\nimport {LabelableProps, Orientation, RangeInputBase, ValueBase} from '@react-types/shared';\nimport {useCallback, useMemo, useRef, useState} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface SliderProps<T = number | number[]> extends RangeInputBase<number>, ValueBase<T>, LabelableProps {\n  /**\n   * The orientation of the Slider.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation,\n  /** Whether the whole Slider is disabled. */\n  isDisabled?: boolean,\n  /** Fired when the slider stops moving, due to being let go. */\n  onChangeEnd?: (value: T) => void,\n  // These are duplicated from ValueBase to define defaults for the docs.\n  /**\n   * The slider's minimum value.\n   * @default 0\n   */\n  minValue?: number,\n  /**\n   * The slider's maximum value.\n   * @default 100\n   */\n  maxValue?: number,\n  /**\n   * The slider's step value.\n   * @default 1\n   */\n  step?: number\n}\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: 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  /** The orientation of the slider. */\n  readonly orientation: Orientation,\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\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<T extends number | number[]>(props: SliderStateOptions<T>): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback((values: number[] | undefined) => values?.map((val, idx) => {\n    let min = idx === 0 ? minValue : values[idx - 1];\n    let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n    return snapValueToStep(val, min, max, step);\n  }), [minValue, maxValue, step]);\n\n  let value = useMemo(() => restrictValues(convertValue(props.value)), [props.value, restrictValues]);\n  let defaultValue = useMemo(() => restrictValues(convertValue(props.defaultValue) ?? [minValue])!, [props.defaultValue, minValue, restrictValues]);\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(\n    value,\n    defaultValue,\n    onChange\n  );\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = 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[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\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    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\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 (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      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    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\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    orientation,\n    isDisabled\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\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.cjs.map"}

package/dist/private/slider/useSliderState.js

@@ -0,0 +1,177 @@
+import {clamp as $9b3cb10e52b1a6e3$export$7d15b64cf5a3a4c4, snapValueToStep as $9b3cb10e52b1a6e3$export$cb6e0bb50bc19463} from "../utils/number.js";
+import {useControlledState as $2a35a170cf8e413e$export$40bfa8c7b0832715} from "../utils/useControlledState.js";
+import {useMemo as $7Bs6O$useMemo, useCallback as $7Bs6O$useCallback, useState as $7Bs6O$useState, useRef as $7Bs6O$useRef} from "react";
+
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+const $194316de6a67a627$var$DEFAULT_MIN_VALUE = 0;
+const $194316de6a67a627$var$DEFAULT_MAX_VALUE = 100;
+const $194316de6a67a627$var$DEFAULT_STEP_VALUE = 1;
+function $194316de6a67a627$export$e5fda3247f5d67f9(props) {
+    const { isDisabled: isDisabled = false, minValue: minValue = $194316de6a67a627$var$DEFAULT_MIN_VALUE, maxValue: maxValue = $194316de6a67a627$var$DEFAULT_MAX_VALUE, numberFormatter: formatter, step: step = $194316de6a67a627$var$DEFAULT_STEP_VALUE, orientation: orientation = 'horizontal' } = props;
+    // Page step should be at least equal to step and always a multiple of the step.
+    let pageSize = (0, $7Bs6O$useMemo)(()=>{
+        let calcPageSize = (maxValue - minValue) / 10;
+        calcPageSize = (0, $9b3cb10e52b1a6e3$export$cb6e0bb50bc19463)(calcPageSize, 0, calcPageSize + step, step);
+        return Math.max(calcPageSize, step);
+    }, [
+        step,
+        maxValue,
+        minValue
+    ]);
+    let restrictValues = (0, $7Bs6O$useCallback)((values)=>values === null || values === void 0 ? void 0 : values.map((val, idx)=>{
+            let min = idx === 0 ? minValue : values[idx - 1];
+            let max = idx === values.length - 1 ? maxValue : values[idx + 1];
+            return (0, $9b3cb10e52b1a6e3$export$cb6e0bb50bc19463)(val, min, max, step);
+        }), [
+        minValue,
+        maxValue,
+        step
+    ]);
+    let value = (0, $7Bs6O$useMemo)(()=>restrictValues($194316de6a67a627$var$convertValue(props.value)), [
+        props.value,
+        restrictValues
+    ]);
+    let defaultValue = (0, $7Bs6O$useMemo)(()=>{
+        var _convertValue;
+        return restrictValues((_convertValue = $194316de6a67a627$var$convertValue(props.defaultValue)) !== null && _convertValue !== void 0 ? _convertValue : [
+            minValue
+        ]);
+    }, [
+        props.defaultValue,
+        minValue,
+        restrictValues
+    ]);
+    let onChange = $194316de6a67a627$var$createOnChange(props.value, props.defaultValue, props.onChange);
+    let onChangeEnd = $194316de6a67a627$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
+    const [values, setValuesState] = (0, $2a35a170cf8e413e$export$40bfa8c7b0832715)(value, defaultValue, onChange);
+    let [initialValues] = (0, $7Bs6O$useState)(values);
+    const [isDraggings, setDraggingsState] = (0, $7Bs6O$useState)(new Array(values.length).fill(false));
+    const isEditablesRef = (0, $7Bs6O$useRef)(new Array(values.length).fill(true));
+    const [focusedIndex, setFocusedIndex] = (0, $7Bs6O$useState)(undefined);
+    const valuesRef = (0, $7Bs6O$useRef)(values);
+    const isDraggingsRef = (0, $7Bs6O$useRef)(isDraggings);
+    let setValues = (values)=>{
+        valuesRef.current = values;
+        setValuesState(values);
+    };
+    let setDraggings = (draggings)=>{
+        isDraggingsRef.current = draggings;
+        setDraggingsState(draggings);
+    };
+    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;
+        const thisMin = getThumbMinValue(index);
+        const thisMax = getThumbMaxValue(index);
+        // Round value to multiple of step, clamp value between min and max
+        value = (0, $9b3cb10e52b1a6e3$export$cb6e0bb50bc19463)(value, thisMin, thisMax, step);
+        let newValues = $194316de6a67a627$var$replaceIndex(valuesRef.current, index, value);
+        setValues(newValues);
+    }
+    function updateDragging(index, dragging) {
+        if (isDisabled || !isThumbEditable(index)) return;
+        if (dragging) valuesRef.current = values;
+        const wasDragging = isDraggingsRef.current[index];
+        isDraggingsRef.current = $194316de6a67a627$var$replaceIndex(isDraggingsRef.current, index, dragging);
+        setDraggings(isDraggingsRef.current);
+        // Call onChangeEnd if no handles are dragging.
+        if (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) 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 (0, $9b3cb10e52b1a6e3$export$7d15b64cf5a3a4c4)(getRoundedValue(val), minValue, maxValue);
+    }
+    function incrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, (0, $9b3cb10e52b1a6e3$export$cb6e0bb50bc19463)(values[index] + s, minValue, maxValue, step));
+    }
+    function decrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, (0, $9b3cb10e52b1a6e3$export$cb6e0bb50bc19463)(values[index] - s, minValue, maxValue, step));
+    }
+    return {
+        values: values,
+        defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,
+        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,
+        incrementThumb: incrementThumb,
+        decrementThumb: decrementThumb,
+        step: step,
+        pageSize: pageSize,
+        orientation: orientation,
+        isDisabled: isDisabled
+    };
+}
+function $194316de6a67a627$var$replaceIndex(array, index, value) {
+    if (array[index] === value) return array;
+    return [
+        ...array.slice(0, index),
+        value,
+        ...array.slice(index + 1)
+    ];
+}
+function $194316de6a67a627$var$convertValue(value) {
+    if (value == null) return undefined;
+    return Array.isArray(value) ? value : [
+        value
+    ];
+}
+function $194316de6a67a627$var$createOnChange(value, defaultValue, onChange) {
+    return (newValue)=>{
+        if (typeof value === 'number' || typeof defaultValue === 'number') onChange === null || onChange === void 0 ? void 0 : onChange(newValue[0]);
+        else onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+    };
+}
+
+
+export {$194316de6a67a627$export$e5fda3247f5d67f9 as useSliderState};
+//# sourceMappingURL=useSliderState.js.map

package/dist/private/slider/useSliderState.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-stately/src/slider/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 '../utils/number';\n\nimport {LabelableProps, Orientation, RangeInputBase, ValueBase} from '@react-types/shared';\nimport {useCallback, useMemo, useRef, useState} from 'react';\nimport {useControlledState} from '../utils/useControlledState';\n\nexport interface SliderProps<T = number | number[]> extends RangeInputBase<number>, ValueBase<T>, LabelableProps {\n  /**\n   * The orientation of the Slider.\n   * @default 'horizontal'\n   */\n  orientation?: Orientation,\n  /** Whether the whole Slider is disabled. */\n  isDisabled?: boolean,\n  /** Fired when the slider stops moving, due to being let go. */\n  onChangeEnd?: (value: T) => void,\n  // These are duplicated from ValueBase to define defaults for the docs.\n  /**\n   * The slider's minimum value.\n   * @default 0\n   */\n  minValue?: number,\n  /**\n   * The slider's maximum value.\n   * @default 100\n   */\n  maxValue?: number,\n  /**\n   * The slider's step value.\n   * @default 1\n   */\n  step?: number\n}\n\nexport interface SliderState {\n  /**\n   * Values managed by the slider by thumb index.\n   */\n  readonly values: number[],\n  /**\n   * The default values for each thumb.\n   */\n  readonly defaultValues: 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  /** The orientation of the slider. */\n  readonly orientation: Orientation,\n\n  /** Whether the slider is disabled. */\n  readonly isDisabled: boolean\n}\n\nconst DEFAULT_MIN_VALUE = 0;\nconst DEFAULT_MAX_VALUE = 100;\nconst DEFAULT_STEP_VALUE = 1;\n\nexport interface SliderStateOptions<T> extends SliderProps<T> {\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<T extends number | number[]>(props: SliderStateOptions<T>): SliderState {\n  const {\n    isDisabled = false,\n    minValue = DEFAULT_MIN_VALUE,\n    maxValue = DEFAULT_MAX_VALUE,\n    numberFormatter: formatter,\n    step = DEFAULT_STEP_VALUE,\n    orientation = 'horizontal'\n  } = props;\n\n  // Page step should be at least equal to step and always a multiple of the step.\n  let pageSize = useMemo(() => {\n    let calcPageSize = (maxValue - minValue) / 10;\n    calcPageSize = snapValueToStep(calcPageSize, 0, calcPageSize + step, step);\n    return Math.max(calcPageSize, step);\n  }, [step, maxValue, minValue]);\n\n  let restrictValues = useCallback((values: number[] | undefined) => values?.map((val, idx) => {\n    let min = idx === 0 ? minValue : values[idx - 1];\n    let max = idx === values.length - 1 ? maxValue : values[idx + 1];\n    return snapValueToStep(val, min, max, step);\n  }), [minValue, maxValue, step]);\n\n  let value = useMemo(() => restrictValues(convertValue(props.value)), [props.value, restrictValues]);\n  let defaultValue = useMemo(() => restrictValues(convertValue(props.defaultValue) ?? [minValue])!, [props.defaultValue, minValue, restrictValues]);\n  let onChange = createOnChange(props.value, props.defaultValue, props.onChange);\n  let onChangeEnd = createOnChange(props.value, props.defaultValue, props.onChangeEnd);\n\n  const [values, setValuesState] = useControlledState<number[]>(\n    value,\n    defaultValue,\n    onChange\n  );\n  let [initialValues] = useState(values);\n  const [isDraggings, setDraggingsState] = 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[]>(values);\n  const isDraggingsRef = useRef<boolean[]>(isDraggings);\n\n  let setValues = (values: number[]) => {\n    valuesRef.current = values;\n    setValuesState(values);\n  };\n\n  let setDraggings = (draggings: boolean[]) => {\n    isDraggingsRef.current = draggings;\n    setDraggingsState(draggings);\n  };\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    let newValues = replaceIndex(valuesRef.current, index, value);\n    setValues(newValues);\n  }\n\n  function updateDragging(index: number, dragging: boolean) {\n    if (isDisabled || !isThumbEditable(index)) {\n      return;\n    }\n    if (dragging) {\n      valuesRef.current = values;\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 (onChangeEnd && wasDragging && !isDraggingsRef.current.some(Boolean)) {\n      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    defaultValues: props.defaultValue !== undefined ? defaultValue : initialValues,\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    orientation,\n    isDisabled\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\nfunction convertValue(value?: number | number[]) {\n  if (value == null) {\n    return undefined;\n  }\n\n  return Array.isArray(value) ? value : [value];\n}\n\nfunction createOnChange(value, defaultValue, onChange) {\n  return (newValue: number[]) => {\n    if (typeof value === 'number' || typeof defaultValue === 'number') {\n      onChange?.(newValue[0]);\n    } else {\n      onChange?.(newValue);\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useSliderState.js.map"}