@react-stately/slider 3.2.5-nightly.3698 → 3.2.5-nightly.3705

package/dist/import.mjs

@@ -0,0 +1,167 @@
+import {snapValueToStep as $aTwux$snapValueToStep, clamp as $aTwux$clamp} from "@react-aria/utils";
+import {useControlledState as $aTwux$useControlledState} from "@react-stately/utils";
+import {useMemo as $aTwux$useMemo, useState as $aTwux$useState, useRef as $aTwux$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.
+ */ /*
+ * 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 $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 = false , minValue: minValue = $28f99e3e86e6ec45$var$DEFAULT_MIN_VALUE , maxValue: maxValue = $28f99e3e86e6ec45$var$DEFAULT_MAX_VALUE , numberFormatter: formatter , step: step = $28f99e3e86e6ec45$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, $aTwux$useMemo)(()=>{
+        let calcPageSize = (maxValue - minValue) / 10;
+        calcPageSize = (0, $aTwux$snapValueToStep)(calcPageSize, 0, calcPageSize + step, step);
+        return Math.max(calcPageSize, step);
+    }, [
+        step,
+        maxValue,
+        minValue
+    ]);
+    let value = (0, $aTwux$useMemo)(()=>$28f99e3e86e6ec45$var$convertValue(props.value), [
+        props.value
+    ]);
+    var _convertValue;
+    let defaultValue = (0, $aTwux$useMemo)(()=>(_convertValue = $28f99e3e86e6ec45$var$convertValue(props.defaultValue)) !== null && _convertValue !== void 0 ? _convertValue : [
+            minValue
+        ], [
+        props.defaultValue,
+        minValue
+    ]);
+    let onChange = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChange);
+    let onChangeEnd = $28f99e3e86e6ec45$var$createOnChange(props.value, props.defaultValue, props.onChangeEnd);
+    const [values, setValues] = (0, $aTwux$useControlledState)(value, defaultValue, onChange);
+    const [isDraggings, setDraggings] = (0, $aTwux$useState)(new Array(values.length).fill(false));
+    const isEditablesRef = (0, $aTwux$useRef)(new Array(values.length).fill(true));
+    const [focusedIndex, setFocusedIndex] = (0, $aTwux$useState)(undefined);
+    const valuesRef = (0, $aTwux$useRef)(null);
+    valuesRef.current = values;
+    const isDraggingsRef = (0, $aTwux$useRef)(null);
+    isDraggingsRef.current = isDraggings;
+    function getValuePercent(value) {
+        return (value - minValue) / (maxValue - minValue);
+    }
+    function getThumbMinValue(index) {
+        return index === 0 ? minValue : values[index - 1];
+    }
+    function getThumbMaxValue(index) {
+        return index === values.length - 1 ? maxValue : values[index + 1];
+    }
+    function isThumbEditable(index) {
+        return isEditablesRef.current[index];
+    }
+    function setThumbEditable(index, editable) {
+        isEditablesRef.current[index] = editable;
+    }
+    function updateValue(index, value) {
+        if (isDisabled || !isThumbEditable(index)) return;
+        const thisMin = getThumbMinValue(index);
+        const thisMax = getThumbMaxValue(index);
+        // Round value to multiple of step, clamp value between min and max
+        value = (0, $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 = $28f99e3e86e6ec45$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, $aTwux$clamp)(getRoundedValue(val), minValue, maxValue);
+    }
+    function incrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, (0, $aTwux$snapValueToStep)(values[index] + s, minValue, maxValue, step));
+    }
+    function decrementThumb(index, stepSize = 1) {
+        let s = Math.max(stepSize, step);
+        updateValue(index, (0, $aTwux$snapValueToStep)(values[index] - s, minValue, maxValue, step));
+    }
+    return {
+        values: values,
+        getThumbValue: (index)=>values[index],
+        setThumbValue: updateValue,
+        setThumbPercent: setThumbPercent,
+        isThumbDragging: (index)=>isDraggings[index],
+        setThumbDragging: updateDragging,
+        focusedThumb: focusedIndex,
+        setFocusedThumb: setFocusedIndex,
+        getThumbPercent: (index)=>getValuePercent(values[index]),
+        getValuePercent: getValuePercent,
+        getThumbValueLabel: (index)=>getFormattedValue(values[index]),
+        getFormattedValue: getFormattedValue,
+        getThumbMinValue: getThumbMinValue,
+        getThumbMaxValue: getThumbMaxValue,
+        getPercentValue: getPercentValue,
+        isThumbEditable: isThumbEditable,
+        setThumbEditable: setThumbEditable,
+        incrementThumb: incrementThumb,
+        decrementThumb: decrementThumb,
+        step: step,
+        pageSize: pageSize,
+        orientation: orientation,
+        isDisabled: isDisabled
+    };
+}
+function $28f99e3e86e6ec45$var$replaceIndex(array, index, value) {
+    if (array[index] === value) return array;
+    return [
+        ...array.slice(0, index),
+        value,
+        ...array.slice(index + 1)
+    ];
+}
+function $28f99e3e86e6ec45$var$convertValue(value) {
+    if (value == null) return undefined;
+    return Array.isArray(value) ? value : [
+        value
+    ];
+}
+function $28f99e3e86e6ec45$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 {$28f99e3e86e6ec45$export$e5fda3247f5d67f9 as useSliderState};
+//# sourceMappingURL=module.js.map

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-stately/slider",
-  "version": "3.2.5-nightly.3698+72ee92f6d",
+  "version": "3.2.5-nightly.3705+93b3c951e",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -17,11 +22,11 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/i18n": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-aria/utils": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-stately/utils": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-types/shared": "3.0.0-nightly.1998+72ee92f6d",
-    "@react-types/slider": "3.3.2-nightly.3698+72ee92f6d",
+    "@react-aria/i18n": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/utils": "3.0.0-nightly.2005+93b3c951e",
+    "@react-stately/utils": "3.0.0-nightly.2005+93b3c951e",
+    "@react-types/shared": "3.0.0-nightly.2005+93b3c951e",
+    "@react-types/slider": "3.3.2-nightly.3705+93b3c951e",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
@@ -30,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "72ee92f6d497163468a80642ccb96576f822f365"
+  "gitHead": "93b3c951eb784b14183f9988f2d188b34de8f42d"
 }