@cdx-ui/primitives 0.0.1-beta.98 → 0.1.0

package/lib/commonjs/slider/SliderThumb.js

@@ -0,0 +1,342 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SliderThumb = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("@cdx-ui/utils");
+var _focus = require("@react-native-aria/focus");
+var _interactions = require("@react-native-aria/interactions");
+var _slot = require("../slot");
+var _assignRef = require("../utils/assignRef");
+var _dataAttributes = require("../utils/dataAttributes");
+var _context = require("./context");
+var _useSliderPointer = require("./useSliderPointer");
+var _utils2 = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
+const STEP_KEYS = new Set(['ArrowUp', 'ArrowRight', 'ArrowDown', 'ArrowLeft', 'Home', 'End']);
+function getDefaultThumbAccessibilityLabel(index, thumbCount, groupAccessibilityLabel) {
+  if (thumbCount === 2) {
+    return index === 0 ? 'Minimum' : 'Maximum';
+  }
+  if (thumbCount > 2) {
+    return `Value ${String(index + 1)} of ${String(thumbCount)}`;
+  }
+  return groupAccessibilityLabel;
+}
+const SliderThumb = exports.SliderThumb = /*#__PURE__*/(0, _react.forwardRef)(({
+  asChild,
+  index = 0,
+  style,
+  accessibilityLabel: accessibilityLabelProp,
+  accessibilityValue: accessibilityValueProp,
+  onLayout,
+  onHoverIn,
+  onHoverOut,
+  onFocus,
+  onBlur,
+  onPressIn,
+  onPressOut,
+  children,
+  ...props
+}, ref) => {
+  const {
+    values,
+    min,
+    max,
+    step,
+    orientation,
+    isDisabled,
+    thumbCount,
+    groupAccessibilityLabel,
+    accessibilityValueProp: rootAccessibilityValueProp,
+    trackLayout,
+    thumbSize,
+    getThumbPercent,
+    getThumbMinValue,
+    getThumbMaxValue,
+    setThumbValue,
+    setThumbValueFromRatio,
+    setDraggingIndex,
+    setHoveredIndex,
+    setFocusedIndex,
+    setThumbSize,
+    registerThumb,
+    isThumbDragging,
+    thumbRef: deprecatedThumbRef
+  } = (0, _context.useSliderContext)();
+  const value = values[index] ?? min;
+  const percent = getThumbPercent(index);
+  const isDragging = isThumbDragging(index);
+  const thumbRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    return registerThumb(index);
+  }, [index, registerThumb]);
+  (0, _react.useEffect)(() => {
+    if (index === 0) {
+      deprecatedThumbRef.current = thumbRef.current;
+    }
+  });
+  const percentRef = (0, _react.useRef)(percent);
+  percentRef.current = percent;
+  const dragStartRatio = (0, _react.useRef)(0);
+  const lastRatioRef = (0, _react.useRef)(percent / 100);
+  const orientationRef = (0, _react.useRef)(orientation);
+  orientationRef.current = orientation;
+  const trackLayoutRef = (0, _react.useRef)(trackLayout);
+  trackLayoutRef.current = trackLayout;
+  const thumbSizeRef = (0, _react.useRef)(thumbSize);
+  thumbSizeRef.current = thumbSize;
+  const isDisabledRef = (0, _react.useRef)(isDisabled);
+  isDisabledRef.current = isDisabled;
+  const indexRef = (0, _react.useRef)(index);
+  indexRef.current = index;
+  const setThumbValueFromRatioRef = (0, _react.useRef)(setThumbValueFromRatio);
+  setThumbValueFromRatioRef.current = setThumbValueFromRatio;
+  const setDraggingIndexRef = (0, _react.useRef)(setDraggingIndex);
+  setDraggingIndexRef.current = setDraggingIndex;
+  const {
+    hoverProps,
+    isHovered
+  } = (0, _interactions.useHover)();
+  const {
+    focusProps,
+    isFocused
+  } = (0, _focus.useFocus)();
+  const {
+    isFocusVisible,
+    focusProps: focusRingProps
+  } = (0, _focus.useFocusRing)();
+  const {
+    pressProps: pressableProps,
+    isPressed
+  } = (0, _interactions.usePress)({
+    isDisabled
+  });
+  const setRatioForThumb = (0, _react.useCallback)((ratio, complete) => {
+    setThumbValueFromRatio(index, ratio, complete);
+  }, [index, setThumbValueFromRatio]);
+  const setDraggingForThumb = (0, _react.useCallback)(dragging => {
+    setDraggingIndex(dragging ? index : null);
+  }, [index, setDraggingIndex]);
+  const {
+    startDrag
+  } = (0, _useSliderPointer.useWebSliderDrag)({
+    isDisabled,
+    setIsDragging: setDraggingForThumb,
+    setValueFromRatio: setRatioForThumb,
+    trackLayout,
+    orientation,
+    thumbSize
+  });
+  const panResponder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => !isDisabledRef.current,
+    onMoveShouldSetPanResponder: () => !isDisabledRef.current,
+    onPanResponderGrant: () => {
+      if (isDisabledRef.current) {
+        return;
+      }
+      setDraggingIndexRef.current(indexRef.current);
+      dragStartRatio.current = percentRef.current / 100;
+      lastRatioRef.current = dragStartRatio.current;
+    },
+    onPanResponderMove: (_event, gestureState) => {
+      const layout = trackLayoutRef.current;
+      if (!layout) {
+        return;
+      }
+      const isHorizontal = orientationRef.current === 'horizontal';
+      const trackSize = isHorizontal ? layout.width : layout.height;
+      const travel = (0, _utils2.getThumbTravel)(trackSize, thumbSizeRef.current);
+      if (travel <= 0) {
+        return;
+      }
+      const delta = isHorizontal ? gestureState.dx : -gestureState.dy;
+      const nextRatio = (0, _utils2.clamp)(dragStartRatio.current + delta / travel, 0, 1);
+      lastRatioRef.current = nextRatio;
+      setThumbValueFromRatioRef.current(indexRef.current, nextRatio);
+    },
+    onPanResponderRelease: () => {
+      setDraggingIndexRef.current(null);
+      setThumbValueFromRatioRef.current(indexRef.current, lastRatioRef.current, true);
+    },
+    onPanResponderTerminate: () => {
+      setDraggingIndexRef.current(null);
+      setThumbValueFromRatioRef.current(indexRef.current, lastRatioRef.current, true);
+    }
+  }), []);
+  const thumbStyle = (0, _react.useMemo)(() => {
+    const trackSize = trackLayout == null ? 0 : orientation === 'horizontal' ? trackLayout.width : trackLayout.height;
+    const offset = (0, _utils2.percentToThumbOffset)(percent, trackSize, thumbSize);
+    const zIndex = isDragging ? 3 : 2;
+    if (orientation === 'vertical') {
+      return {
+        position: 'absolute',
+        left: '50%',
+        bottom: offset,
+        marginLeft: -thumbSize / 2,
+        zIndex
+      };
+    }
+    return {
+      position: 'absolute',
+      top: '50%',
+      left: offset,
+      transform: [{
+        translateY: -thumbSize / 2
+      }],
+      zIndex
+    };
+  }, [isDragging, orientation, percent, thumbSize, trackLayout]);
+  const handleLayout = (0, _react.useCallback)(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    const measured = orientation === 'horizontal' ? width : height;
+    if (measured > 0) {
+      setThumbSize(measured);
+    }
+    onLayout?.(event);
+  }, [onLayout, orientation, setThumbSize]);
+  const handlePointerDown = (0, _react.useCallback)(event => {
+    if (_reactNative.Platform.OS !== 'web' || isDisabled) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    const {
+      x,
+      y
+    } = (0, _useSliderPointer.getPointerCoords)(event.nativeEvent);
+    startDrag(x, y, percentRef.current / 100);
+  }, [isDisabled, startDrag]);
+  const thumbMin = getThumbMinValue(index);
+  const thumbMax = getThumbMaxValue(index);
+  const accessibilityValue = (0, _react.useMemo)(() => {
+    const thumbPercent = (0, _utils2.valueToPercent)(value, min, max);
+    const defaults = {
+      min: 0,
+      max: 100,
+      now: Math.round(thumbPercent),
+      text: (0, _utils2.formatSliderValue)(value)
+    };
+    const mergedRoot = rootAccessibilityValueProp ? {
+      ...defaults,
+      ...rootAccessibilityValueProp
+    } : defaults;
+    if (accessibilityValueProp === undefined) {
+      return mergedRoot;
+    }
+    return {
+      ...mergedRoot,
+      ...accessibilityValueProp
+    };
+  }, [accessibilityValueProp, max, min, rootAccessibilityValueProp, value]);
+  const resolvedAccessibilityLabel = accessibilityLabelProp ?? getDefaultThumbAccessibilityLabel(index, thumbCount, groupAccessibilityLabel);
+  const handleKeyDown = (0, _react.useCallback)(event => {
+    if (isDisabled) {
+      return;
+    }
+    const key = event.nativeEvent.key;
+    if (!key || !STEP_KEYS.has(key)) {
+      return;
+    }
+    if (_reactNative.Platform.OS === 'web') {
+      event.preventDefault?.();
+    }
+    let next = value;
+    if (key === 'ArrowUp' || key === 'ArrowRight') {
+      next = value + step;
+    } else if (key === 'ArrowDown' || key === 'ArrowLeft') {
+      next = value - step;
+    } else if (key === 'Home') {
+      next = thumbMin;
+    } else if (key === 'End') {
+      next = thumbMax;
+    }
+    setThumbValue(index, next, true);
+  }, [index, isDisabled, setThumbValue, step, thumbMax, thumbMin, value]);
+  const handleAccessibilityAction = (0, _react.useCallback)(event => {
+    if (isDisabled) {
+      return;
+    }
+    if (event.nativeEvent.actionName === 'increment') {
+      setThumbValue(index, value + step, true);
+    } else if (event.nativeEvent.actionName === 'decrement') {
+      setThumbValue(index, value - step, true);
+    }
+  }, [index, isDisabled, setThumbValue, step, value]);
+  const thumbContextValue = (0, _react.useMemo)(() => ({
+    index,
+    value,
+    percent,
+    isDragging,
+    isHovered,
+    isFocused,
+    thumbRef
+  }), [index, isDragging, isFocused, isHovered, percent, value]);
+  const isWeb = _reactNative.Platform.OS === 'web';
+  const Comp = asChild ? _slot.Slot : isWeb ? _reactNative.Pressable : _reactNative.View;
+  const setThumbRef = (0, _react.useCallback)(node => {
+    thumbRef.current = node;
+    if (index === 0) {
+      deprecatedThumbRef.current = node;
+    }
+    (0, _assignRef.assignRef)(ref, node);
+  }, [deprecatedThumbRef, index, ref]);
+  const webInteractionProps = _reactNative.Platform.OS === 'web' ? {
+    onPointerDown: handlePointerDown,
+    onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, (0, _utils.composeEventHandlers)(hoverProps.onHoverIn, () => setHoveredIndex(index))),
+    onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, (0, _utils.composeEventHandlers)(hoverProps.onHoverOut, () => setHoveredIndex(null))),
+    onPressIn: (0, _utils.composeEventHandlers)(onPressIn, pressableProps.onPressIn),
+    onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressableProps.onPressOut),
+    disabled: isDisabled,
+    tabIndex: isDisabled ? -1 : 0,
+    onKeyDown: handleKeyDown,
+    role: 'slider',
+    'aria-valuemin': thumbMin,
+    'aria-valuemax': thumbMax,
+    'aria-valuenow': value,
+    'aria-orientation': orientation,
+    'aria-disabled': isDisabled
+  } : {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.SliderThumbProvider, {
+    value: thumbContextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
+      ref: setThumbRef,
+      ...props,
+      ...(isWeb ? webInteractionProps : panResponder.panHandlers),
+      onLayout: handleLayout,
+      onFocus: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus), (0, _utils.composeEventHandlers)(focusRingProps.onFocus, () => setFocusedIndex(index))),
+      onBlur: (0, _utils.composeEventHandlers)((0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur), (0, _utils.composeEventHandlers)(focusRingProps.onBlur, () => setFocusedIndex(null))),
+      style: [thumbStyle, style],
+      accessibilityRole: "adjustable",
+      accessibilityLabel: resolvedAccessibilityLabel,
+      accessibilityValue: accessibilityValue,
+      accessibilityActions: [{
+        name: 'increment'
+      }, {
+        name: 'decrement'
+      }],
+      onAccessibilityAction: handleAccessibilityAction,
+      accessibilityState: {
+        disabled: isDisabled
+      },
+      ...(0, _dataAttributes.dataAttributes)({
+        slot: 'slider-thumb',
+        hover: isHovered,
+        focus: isFocused,
+        focusVisible: isFocusVisible,
+        active: isPressed || isDragging,
+        dragging: isDragging,
+        disabled: isDisabled
+      }),
+      children: children
+    })
+  });
+});
+SliderThumb.displayName = 'SliderThumb';
+//# sourceMappingURL=SliderThumb.js.map

package/lib/commonjs/slider/SliderThumb.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_assignRef","_dataAttributes","_context","_useSliderPointer","_utils2","_jsxRuntime","STEP_KEYS","Set","getDefaultThumbAccessibilityLabel","index","thumbCount","groupAccessibilityLabel","String","SliderThumb","exports","forwardRef","asChild","style","accessibilityLabel","accessibilityLabelProp","accessibilityValue","accessibilityValueProp","onLayout","onHoverIn","onHoverOut","onFocus","onBlur","onPressIn","onPressOut","children","props","ref","values","min","max","step","orientation","isDisabled","rootAccessibilityValueProp","trackLayout","thumbSize","getThumbPercent","getThumbMinValue","getThumbMaxValue","setThumbValue","setThumbValueFromRatio","setDraggingIndex","setHoveredIndex","setFocusedIndex","setThumbSize","registerThumb","isThumbDragging","thumbRef","deprecatedThumbRef","useSliderContext","value","percent","isDragging","useRef","useEffect","current","percentRef","dragStartRatio","lastRatioRef","orientationRef","trackLayoutRef","thumbSizeRef","isDisabledRef","indexRef","setThumbValueFromRatioRef","setDraggingIndexRef","hoverProps","isHovered","useHover","focusProps","isFocused","useFocus","isFocusVisible","focusRingProps","useFocusRing","pressProps","pressableProps","isPressed","usePress","setRatioForThumb","useCallback","ratio","complete","setDraggingForThumb","dragging","startDrag","useWebSliderDrag","setIsDragging","setValueFromRatio","panResponder","useMemo","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","onPanResponderMove","_event","gestureState","layout","isHorizontal","trackSize","width","height","travel","getThumbTravel","delta","dx","dy","nextRatio","clamp","onPanResponderRelease","onPanResponderTerminate","thumbStyle","offset","percentToThumbOffset","zIndex","position","left","bottom","marginLeft","top","transform","translateY","handleLayout","event","nativeEvent","measured","handlePointerDown","Platform","OS","preventDefault","stopPropagation","x","y","getPointerCoords","thumbMin","thumbMax","thumbPercent","valueToPercent","defaults","now","Math","round","text","formatSliderValue","mergedRoot","undefined","resolvedAccessibilityLabel","handleKeyDown","key","has","next","handleAccessibilityAction","actionName","thumbContextValue","isWeb","Comp","Slot","Pressable","View","setThumbRef","node","assignRef","webInteractionProps","onPointerDown","composeEventHandlers","disabled","tabIndex","onKeyDown","role","jsx","SliderThumbProvider","panHandlers","accessibilityRole","accessibilityActions","name","onAccessibilityAction","accessibilityState","dataAttributes","slot","hover","focus","focusVisible","active","displayName"],"sourceRoot":"../../../src","sources":["slider/SliderThumb.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/slider/context.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSliderThumbContext = exports.useSliderContext = exports.SliderThumbProvider = exports.SliderProvider = void 0;
+var _utils = require("@cdx-ui/utils");
+const [SliderProvider, useSliderContext] = (0, _utils.createContext)('SliderContext');
+exports.useSliderContext = useSliderContext;
+exports.SliderProvider = SliderProvider;
+const [SliderThumbProvider, useSliderThumbContext] = (0, _utils.createContext)('SliderThumbContext');
+exports.useSliderThumbContext = useSliderThumbContext;
+exports.SliderThumbProvider = SliderThumbProvider;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/slider/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","SliderProvider","useSliderContext","createContext","exports","SliderThumbProvider","useSliderThumbContext"],"sourceRoot":"../../../src","sources":["slider/context.tsx"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AA2EO,MAAM,CAACC,cAAc,EAAEC,gBAAgB,CAAC,GAC7C,IAAAC,oBAAa,EAAqB,eAAe,CAAC;AAACC,OAAA,CAAAF,gBAAA,GAAAA,gBAAA;AAAAE,OAAA,CAAAH,cAAA,GAAAA,cAAA;AAE9C,MAAM,CAACI,mBAAmB,EAAEC,qBAAqB,CAAC,GACvD,IAAAH,oBAAa,EAA0B,oBAAoB,CAAC;AAACC,OAAA,CAAAE,qBAAA,GAAAA,qBAAA;AAAAF,OAAA,CAAAC,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/lib/commonjs/slider/index.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SLIDER_MARKER_SIZE", {
+  enumerable: true,
+  get: function () {
+    return _utils.SLIDER_MARKER_SIZE;
+  }
+});
+Object.defineProperty(exports, "SliderRail", {
+  enumerable: true,
+  get: function () {
+    return _SliderRail.SliderRail;
+  }
+});
+Object.defineProperty(exports, "SliderRoot", {
+  enumerable: true,
+  get: function () {
+    return _SliderRoot.SliderRoot;
+  }
+});
+Object.defineProperty(exports, "SliderThumb", {
+  enumerable: true,
+  get: function () {
+    return _SliderThumb.SliderThumb;
+  }
+});
+Object.defineProperty(exports, "arraysEqual", {
+  enumerable: true,
+  get: function () {
+    return _utils.arraysEqual;
+  }
+});
+Object.defineProperty(exports, "denormalizeSliderValue", {
+  enumerable: true,
+  get: function () {
+    return _utils.denormalizeSliderValue;
+  }
+});
+Object.defineProperty(exports, "getClosestValueIndex", {
+  enumerable: true,
+  get: function () {
+    return _utils.getClosestValueIndex;
+  }
+});
+Object.defineProperty(exports, "getFillExtent", {
+  enumerable: true,
+  get: function () {
+    return _utils.getFillExtent;
+  }
+});
+Object.defineProperty(exports, "getMarkerPositionStyle", {
+  enumerable: true,
+  get: function () {
+    return _utils.getMarkerPositionStyle;
+  }
+});
+Object.defineProperty(exports, "getMarkerStepValues", {
+  enumerable: true,
+  get: function () {
+    return _utils.getMarkerStepValues;
+  }
+});
+Object.defineProperty(exports, "normalizeSliderValue", {
+  enumerable: true,
+  get: function () {
+    return _utils.normalizeSliderValue;
+  }
+});
+Object.defineProperty(exports, "percentToFillExtent", {
+  enumerable: true,
+  get: function () {
+    return _utils.percentToFillExtent;
+  }
+});
+Object.defineProperty(exports, "useSliderContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useSliderContext;
+  }
+});
+Object.defineProperty(exports, "useSliderThumbContext", {
+  enumerable: true,
+  get: function () {
+    return _context.useSliderThumbContext;
+  }
+});
+Object.defineProperty(exports, "valueToPercent", {
+  enumerable: true,
+  get: function () {
+    return _utils.valueToPercent;
+  }
+});
+var _context = require("./context");
+var _SliderRoot = require("./SliderRoot");
+var _SliderRail = require("./SliderRail");
+var _SliderThumb = require("./SliderThumb");
+var _utils = require("./utils");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_context","require","_SliderRoot","_SliderRail","_SliderThumb","_utils"],"sourceRoot":"../../../src","sources":["slider/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA","ignoreList":[]}

package/lib/commonjs/slider/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/slider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["slider/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/slider/useSliderPointer.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPointerCoords = getPointerCoords;
+exports.getRatioFromPagePoint = getRatioFromPagePoint;
+exports.useWebSliderDrag = useWebSliderDrag;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _utils = require("./utils");
+function getPointerCoords(nativeEvent) {
+  if (_reactNative.Platform.OS === 'web' && nativeEvent.clientX != null && nativeEvent.clientY != null) {
+    return {
+      x: nativeEvent.clientX,
+      y: nativeEvent.clientY
+    };
+  }
+  return {
+    x: nativeEvent.pageX ?? 0,
+    y: nativeEvent.pageY ?? 0
+  };
+}
+function getRatioFromPagePoint(pageX, pageY, trackLayout, orientation, thumbSize) {
+  if (!trackLayout) {
+    return 0;
+  }
+  if (orientation === 'horizontal') {
+    return (0, _utils.pointerCoordToRatio)(pageX, trackLayout.x, trackLayout.width, thumbSize);
+  }
+  return (0, _utils.pointerCoordToVerticalRatio)(pageY, trackLayout.y, trackLayout.height, thumbSize);
+}
+function useWebSliderDrag({
+  isDisabled,
+  setIsDragging,
+  setValueFromRatio,
+  trackLayout,
+  orientation,
+  thumbSize
+}) {
+  const draggingRef = (0, _react.useRef)(false);
+  const lastRatioRef = (0, _react.useRef)(0);
+  const dragContextRef = (0, _react.useRef)(null);
+  const cleanupRef = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    return () => {
+      cleanupRef.current?.();
+      cleanupRef.current = null;
+    };
+  }, []);
+  const endDrag = (0, _react.useCallback)(() => {
+    if (!draggingRef.current) {
+      return;
+    }
+    draggingRef.current = false;
+    dragContextRef.current = null;
+    setValueFromRatio(lastRatioRef.current, true);
+    setIsDragging(false);
+  }, [setIsDragging, setValueFromRatio]);
+  const startDrag = (0, _react.useCallback)((pageX, pageY, anchorRatio, trackLayoutOverride) => {
+    if (isDisabled || _reactNative.Platform.OS !== 'web' || typeof window === 'undefined') {
+      return;
+    }
+    const layout = trackLayoutOverride ?? trackLayout;
+    if (!layout) {
+      return;
+    }
+    const trackSize = orientation === 'horizontal' ? layout.width : layout.height;
+    const travel = (0, _utils.getThumbTravel)(trackSize, thumbSize);
+    if (travel <= 0) {
+      return;
+    }
+    const startPointer = orientation === 'horizontal' ? pageX : pageY;
+    const startRatio = anchorRatio != null ? (0, _utils.clamp)(anchorRatio, 0, 1) : getRatioFromPagePoint(pageX, pageY, layout, orientation, thumbSize);
+    lastRatioRef.current = startRatio;
+    draggingRef.current = true;
+    dragContextRef.current = {
+      startPointer,
+      startRatio,
+      travel
+    };
+    setIsDragging(true);
+    setValueFromRatio(startRatio);
+    const onMove = event => {
+      if (!draggingRef.current || !dragContextRef.current) {
+        return;
+      }
+      event.preventDefault();
+      const pointer = orientation === 'horizontal' ? event.clientX : event.clientY;
+      const delta = pointer - dragContextRef.current.startPointer;
+      const deltaAlongTrack = orientation === 'horizontal' ? delta : -delta;
+      const nextRatio = (0, _utils.clamp)(dragContextRef.current.startRatio + deltaAlongTrack / dragContextRef.current.travel, 0, 1);
+      lastRatioRef.current = nextRatio;
+      setValueFromRatio(nextRatio);
+    };
+    const onUp = () => {
+      cleanupRef.current = null;
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onUp);
+      window.removeEventListener('pointercancel', onUp);
+      endDrag();
+    };
+    window.addEventListener('pointermove', onMove);
+    window.addEventListener('pointerup', onUp);
+    window.addEventListener('pointercancel', onUp);
+    cleanupRef.current = () => {
+      window.removeEventListener('pointermove', onMove);
+      window.removeEventListener('pointerup', onUp);
+      window.removeEventListener('pointercancel', onUp);
+    };
+  }, [endDrag, isDisabled, orientation, setIsDragging, setValueFromRatio, thumbSize, trackLayout]);
+  return {
+    startDrag
+  };
+}
+//# sourceMappingURL=useSliderPointer.js.map

package/lib/commonjs/slider/useSliderPointer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_utils","getPointerCoords","nativeEvent","Platform","OS","clientX","clientY","x","y","pageX","pageY","getRatioFromPagePoint","trackLayout","orientation","thumbSize","pointerCoordToRatio","width","pointerCoordToVerticalRatio","height","useWebSliderDrag","isDisabled","setIsDragging","setValueFromRatio","draggingRef","useRef","lastRatioRef","dragContextRef","cleanupRef","useEffect","current","endDrag","useCallback","startDrag","anchorRatio","trackLayoutOverride","window","layout","trackSize","travel","getThumbTravel","startPointer","startRatio","clamp","onMove","event","preventDefault","pointer","delta","deltaAlongTrack","nextRatio","onUp","removeEventListener","addEventListener"],"sourceRoot":"../../../src","sources":["slider/useSliderPointer.ts"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAEO,SAASG,gBAAgBA,CAACC,WAKhC,EAA4B;EAC3B,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIF,WAAW,CAACG,OAAO,IAAI,IAAI,IAAIH,WAAW,CAACI,OAAO,IAAI,IAAI,EAAE;IACvF,OAAO;MAAEC,CAAC,EAAEL,WAAW,CAACG,OAAO;MAAEG,CAAC,EAAEN,WAAW,CAACI;IAAQ,CAAC;EAC3D;EAEA,OAAO;IACLC,CAAC,EAAEL,WAAW,CAACO,KAAK,IAAI,CAAC;IACzBD,CAAC,EAAEN,WAAW,CAACQ,KAAK,IAAI;EAC1B,CAAC;AACH;AAEO,SAASC,qBAAqBA,CACnCF,KAAa,EACbC,KAAa,EACbE,WAAqC,EACrCC,WAA8B,EAC9BC,SAAiB,EACT;EACR,IAAI,CAACF,WAAW,EAAE;IAChB,OAAO,CAAC;EACV;EAEA,IAAIC,WAAW,KAAK,YAAY,EAAE;IAChC,OAAO,IAAAE,0BAAmB,EAACN,KAAK,EAAEG,WAAW,CAACL,CAAC,EAAEK,WAAW,CAACI,KAAK,EAAEF,SAAS,CAAC;EAChF;EAEA,OAAO,IAAAG,kCAA2B,EAACP,KAAK,EAAEE,WAAW,CAACJ,CAAC,EAAEI,WAAW,CAACM,MAAM,EAAEJ,SAAS,CAAC;AACzF;AAQO,SAASK,gBAAgBA,CAAC;EAC/BC,UAAU;EACVC,aAAa;EACbC,iBAAiB;EACjBV,WAAW;EACXC,WAAW;EACXC;AAQF,CAAC,EAAE;EACD,MAAMS,WAAW,GAAG,IAAAC,aAAM,EAAC,KAAK,CAAC;EACjC,MAAMC,YAAY,GAAG,IAAAD,aAAM,EAAC,CAAC,CAAC;EAC9B,MAAME,cAAc,GAAG,IAAAF,aAAM,EAAwB,IAAI,CAAC;EAC1D,MAAMG,UAAU,GAAG,IAAAH,aAAM,EAAsB,IAAI,CAAC;EAEpD,IAAAI,gBAAS,EAAC,MAAM;IACd,OAAO,MAAM;MACXD,UAAU,CAACE,OAAO,GAAG,CAAC;MACtBF,UAAU,CAACE,OAAO,GAAG,IAAI;IAC3B,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,OAAO,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAChC,IAAI,CAACR,WAAW,CAACM,OAAO,EAAE;MACxB;IACF;IACAN,WAAW,CAACM,OAAO,GAAG,KAAK;IAC3BH,cAAc,CAACG,OAAO,GAAG,IAAI;IAC7BP,iBAAiB,CAACG,YAAY,CAACI,OAAO,EAAE,IAAI,CAAC;IAC7CR,aAAa,CAAC,KAAK,CAAC;EACtB,CAAC,EAAE,CAACA,aAAa,EAAEC,iBAAiB,CAAC,CAAC;EAEtC,MAAMU,SAAS,GAAG,IAAAD,kBAAW,EAC3B,CACEtB,KAAa,EACbC,KAAa,EACbuB,WAAoB,EACpBC,mBAAuC,KACpC;IACH,IAAId,UAAU,IAAIjB,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAI,OAAO+B,MAAM,KAAK,WAAW,EAAE;MACxE;IACF;IAEA,MAAMC,MAAM,GAAGF,mBAAmB,IAAItB,WAAW;IACjD,IAAI,CAACwB,MAAM,EAAE;MACX;IACF;IAEA,MAAMC,SAAS,GAAGxB,WAAW,KAAK,YAAY,GAAGuB,MAAM,CAACpB,KAAK,GAAGoB,MAAM,CAAClB,MAAM;IAC7E,MAAMoB,MAAM,GAAG,IAAAC,qBAAc,EAACF,SAAS,EAAEvB,SAAS,CAAC;IACnD,IAAIwB,MAAM,IAAI,CAAC,EAAE;MACf;IACF;IAEA,MAAME,YAAY,GAAG3B,WAAW,KAAK,YAAY,GAAGJ,KAAK,GAAGC,KAAK;IACjE,MAAM+B,UAAU,GACdR,WAAW,IAAI,IAAI,GACf,IAAAS,YAAK,EAACT,WAAW,EAAE,CAAC,EAAE,CAAC,CAAC,GACxBtB,qBAAqB,CAACF,KAAK,EAAEC,KAAK,EAAE0B,MAAM,EAAEvB,WAAW,EAAEC,SAAS,CAAC;IAEzEW,YAAY,CAACI,OAAO,GAAGY,UAAU;IACjClB,WAAW,CAACM,OAAO,GAAG,IAAI;IAC1BH,cAAc,CAACG,OAAO,GAAG;MAAEW,YAAY;MAAEC,UAAU;MAAEH;IAAO,CAAC;IAC7DjB,aAAa,CAAC,IAAI,CAAC;IACnBC,iBAAiB,CAACmB,UAAU,CAAC;IAE7B,MAAME,MAAM,GAAIC,KAAmB,IAAK;MACtC,IAAI,CAACrB,WAAW,CAACM,OAAO,IAAI,CAACH,cAAc,CAACG,OAAO,EAAE;QACnD;MACF;MACAe,KAAK,CAACC,cAAc,CAAC,CAAC;MACtB,MAAMC,OAAO,GAAGjC,WAAW,KAAK,YAAY,GAAG+B,KAAK,CAACvC,OAAO,GAAGuC,KAAK,CAACtC,OAAO;MAC5E,MAAMyC,KAAK,GAAGD,OAAO,GAAGpB,cAAc,CAACG,OAAO,CAACW,YAAY;MAC3D,MAAMQ,eAAe,GAAGnC,WAAW,KAAK,YAAY,GAAGkC,KAAK,GAAG,CAACA,KAAK;MACrE,MAAME,SAAS,GAAG,IAAAP,YAAK,EACrBhB,cAAc,CAACG,OAAO,CAACY,UAAU,GAAGO,eAAe,GAAGtB,cAAc,CAACG,OAAO,CAACS,MAAM,EACnF,CAAC,EACD,CACF,CAAC;MACDb,YAAY,CAACI,OAAO,GAAGoB,SAAS;MAChC3B,iBAAiB,CAAC2B,SAAS,CAAC;IAC9B,CAAC;IAED,MAAMC,IAAI,GAAGA,CAAA,KAAM;MACjBvB,UAAU,CAACE,OAAO,GAAG,IAAI;MACzBM,MAAM,CAACgB,mBAAmB,CAAC,aAAa,EAAER,MAAM,CAAC;MACjDR,MAAM,CAACgB,mBAAmB,CAAC,WAAW,EAAED,IAAI,CAAC;MAC7Cf,MAAM,CAACgB,mBAAmB,CAAC,eAAe,EAAED,IAAI,CAAC;MACjDpB,OAAO,CAAC,CAAC;IACX,CAAC;IAEDK,MAAM,CAACiB,gBAAgB,CAAC,aAAa,EAAET,MAAM,CAAC;IAC9CR,MAAM,CAACiB,gBAAgB,CAAC,WAAW,EAAEF,IAAI,CAAC;IAC1Cf,MAAM,CAACiB,gBAAgB,CAAC,eAAe,EAAEF,IAAI,CAAC;IAE9CvB,UAAU,CAACE,OAAO,GAAG,MAAM;MACzBM,MAAM,CAACgB,mBAAmB,CAAC,aAAa,EAAER,MAAM,CAAC;MACjDR,MAAM,CAACgB,mBAAmB,CAAC,WAAW,EAAED,IAAI,CAAC;MAC7Cf,MAAM,CAACgB,mBAAmB,CAAC,eAAe,EAAED,IAAI,CAAC;IACnD,CAAC;EACH,CAAC,EACD,CAACpB,OAAO,EAAEV,UAAU,EAAEP,WAAW,EAAEQ,aAAa,EAAEC,iBAAiB,EAAER,SAAS,EAAEF,WAAW,CAC7F,CAAC;EAED,OAAO;IAAEoB;EAAU,CAAC;AACtB","ignoreList":[]}