@react-native-aria/slider 0.2.10 → 0.2.12

package/lib/commonjs/useSlider.web.js

@@ -4,41 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSlider = void 0;
-
 var _utils = require("@react-aria/utils");
-
 var _utils2 = require("./utils");
-
 var _react = require("react");
-
 var _interactions = require("@react-aria/interactions");
-
 var _label = require("@react-aria/label");
-
 var _utils3 = require("@react-native-aria/utils");
-
 var _useMove = require("./useMove");
-
 function useSliderWeb(props, state, trackLayout, isReversed) {
-  var _labelProps$id;
-
   let {
     labelProps,
     fieldProps
   } = (0, _label.useLabel)(props);
-  let isVertical = props.orientation === 'vertical'; // Attach id of the label to the state so it can be accessed by useSliderThumb.
-
-  _utils2.sliderIds.set(state, (_labelProps$id = labelProps.id) !== null && _labelProps$id !== void 0 ? _labelProps$id : fieldProps.id);
+  let isVertical = props.orientation === 'vertical';
 
+  // Attach id of the label to the state so it can be accessed by useSliderThumb.
+  _utils2.sliderIds.set(state, labelProps.id ?? fieldProps.id);
   const direction = (0, _utils3.isRTL)() ? 'rtl' : undefined;
   let {
     addGlobalListener,
     removeGlobalListener
-  } = (0, _utils.useGlobalListeners)(); // When the user clicks or drags the track, we want the motion to set and drag the
+  } = (0, _utils.useGlobalListeners)();
+
+  // When the user clicks or drags the track, we want the motion to set and drag the
   // closest thumb.  Hence we also need to install useMove() on the track element.
   // Here, we keep track of which index is the "closest" to the drag start point.
   // It is set onMouseDown/onTouchDown; see trackProps below.
-
   const realTimeTrackDraggingIndex = (0, _react.useRef)(null);
   const stateRef = (0, _react.useRef)(null);
   stateRef.current = state;
@@ -50,19 +41,15 @@ function useSliderWeb(props, state, trackLayout, isReversed) {
     onMoveStart() {
       currentPosition.current = null;
     },
-
     onMove({
       deltaX,
       deltaY
     }) {
       let size = isVertical ? trackLayout.height : trackLayout.width;
-
       if (currentPosition.current == null) {
         currentPosition.current = stateRef.current.getThumbPercent(realTimeTrackDraggingIndex.current) * size;
       }
-
       let delta = isVertical ? deltaY : deltaX;
-
       if (reverseX) {
         if (!isVertical) {
           delta = -delta;
@@ -72,35 +59,29 @@ function useSliderWeb(props, state, trackLayout, isReversed) {
           delta = -delta;
         }
       }
-
       currentPosition.current += delta;
-
       if (realTimeTrackDraggingIndex.current != null) {
         const percent = (0, _utils.clamp)(currentPosition.current / size, 0, 1);
         stateRef.current.setThumbPercent(realTimeTrackDraggingIndex.current, percent);
       }
     },
-
     onMoveEnd() {
       if (realTimeTrackDraggingIndex.current != null) {
         stateRef.current.setThumbDragging(realTimeTrackDraggingIndex.current, false);
         realTimeTrackDraggingIndex.current = null;
       }
     }
-
   });
   let currentPointer = (0, _react.useRef)(undefined);
-
   let onDownTrack = (e, id, clientX, clientY) => {
     // We only trigger track-dragging if the user clicks on the track itself and nothing is currently being dragged.
     if (!props.isDisabled && state.values.every((_, i) => !state.isThumbDragging(i))) {
-      let size = isVertical ? trackLayout.height : trackLayout.width; // Find the closest thumb
-
+      let size = isVertical ? trackLayout.height : trackLayout.width;
+      // Find the closest thumb
       const trackPosition = trackLayout[isVertical ? 'top' : 'left'];
       const clickPosition = isVertical ? clientY : clientX;
       const offset = clickPosition - trackPosition;
       let percent = offset / size;
-
       if (reverseX) {
         if (!isVertical) {
           percent = 1 - percent;
@@ -110,12 +91,11 @@ function useSliderWeb(props, state, trackLayout, isReversed) {
           percent = 1 - percent;
         }
       }
+      let value = state.getPercentValue(percent);
 
-      let value = state.getPercentValue(percent); // to find the closet thumb we split the array based on the first thumb position to the "right/end" of the click.
-
+      // to find the closet thumb we split the array based on the first thumb position to the "right/end" of the click.
       let closestThumb;
       let split = state.values.findIndex(v => value - v < 0);
-
       if (split === 0) {
         // If the index is zero then the closetThumb is the first one
         closestThumb = split;
@@ -124,16 +104,16 @@ function useSliderWeb(props, state, trackLayout, isReversed) {
         closestThumb = state.values.length - 1;
       } else {
         let lastLeft = state.values[split - 1];
-        let firstRight = state.values[split]; // Pick the last left/start thumb, unless they are stacked on top of each other, then pick the right/end one
-
+        let firstRight = state.values[split];
+        // Pick the last left/start thumb, unless they are stacked on top of each other, then pick the right/end one
         if (Math.abs(lastLeft - value) < Math.abs(firstRight - value)) {
           closestThumb = split - 1;
         } else {
           closestThumb = split;
         }
-      } // Confirm that the found closest thumb is editable, not disabled, and move it
-
+      }
 
+      // Confirm that the found closest thumb is editable, not disabled, and move it
       if (closestThumb >= 0 && state.isThumbEditable(closestThumb)) {
         // Don't unfocus anything
         e.preventDefault();
@@ -150,41 +130,36 @@ function useSliderWeb(props, state, trackLayout, isReversed) {
       }
     }
   };
-
   let onUpTrack = e => {
-    var _e$pointerId, _e$changedTouches;
-
-    let id = (_e$pointerId = e.pointerId) !== null && _e$pointerId !== void 0 ? _e$pointerId : (_e$changedTouches = e.changedTouches) === null || _e$changedTouches === void 0 ? void 0 : _e$changedTouches[0].identifier;
-
+    var _e$changedTouches;
+    let id = e.pointerId ?? ((_e$changedTouches = e.changedTouches) === null || _e$changedTouches === void 0 ? void 0 : _e$changedTouches[0].identifier);
     if (id === currentPointer.current) {
       if (realTimeTrackDraggingIndex.current != null) {
         state.setThumbDragging(realTimeTrackDraggingIndex.current, false);
         realTimeTrackDraggingIndex.current = null;
       }
-
       removeGlobalListener(window, 'mouseup', onUpTrack, false);
       removeGlobalListener(window, 'touchend', onUpTrack, false);
       removeGlobalListener(window, 'pointerup', onUpTrack, false);
     }
   };
 
-  if (labelProps.htmlFor) {
+  //@ts-ignore
+  if (labelProps.htmlFor !== undefined) {
     // Ideally the `for` attribute should point to the first thumb, but VoiceOver on iOS
     // causes this to override the `aria-labelledby` on the thumb. This causes the first
     // thumb to only be announced as the slider label rather than its individual name as well.
     // See https://bugs.webkit.org/show_bug.cgi?id=172464.
+    //@ts-ignore
     delete labelProps.htmlFor;
-
     labelProps.onClick = () => {
       var _document$getElementB;
-
       // Safari does not focus <input type="range"> elements when clicking on an associated <label>,
       // so do it manually. In addition, make sure we show the focus ring.
-      (_document$getElementB = document.getElementById((0, _utils2.getSliderThumbId)(state, 0))) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.focus();
+      (_document$getElementB = document.getElementById((0, _utils2.getSliderThumbId)(state, 0))) === null || _document$getElementB === void 0 || _document$getElementB.focus();
       (0, _interactions.setInteractionModality)('keyboard');
     };
   }
-
   return {
     labelProps,
     // The root element of the Slider will have role="group" to group together
@@ -199,22 +174,17 @@ function useSliderWeb(props, state, trackLayout, isReversed) {
         if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
           return;
         }
-
         onDownTrack(e, undefined, e.clientX, e.clientY);
       },
-
       onPointerDown(e) {
         if (e.pointerType === 'mouse' && (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)) {
           return;
         }
-
         onDownTrack(e, e.pointerId, e.clientX, e.clientY);
       },
-
       onTouchStart(e) {
         onDownTrack(e, e.changedTouches[0].identifier, e.changedTouches[0].clientX, e.changedTouches[0].clientY);
       }
-
     }, moveProps),
     outputProps: {
       'htmlFor': state.values.map((_, index) => (0, _utils2.getSliderThumbId)(state, index)).join(' '),
@@ -222,7 +192,6 @@ function useSliderWeb(props, state, trackLayout, isReversed) {
     }
   };
 }
-
 const useSlider = (props, state, ref, isReversed) => {
   let {
     groupProps: webGroupProps,
@@ -236,6 +205,5 @@ const useSlider = (props, state, ref, isReversed) => {
     labelProps
   };
 };
-
 exports.useSlider = useSlider;
 //# sourceMappingURL=useSlider.web.js.map

package/lib/commonjs/useSlider.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSlider.web.ts"],"names":["useSliderWeb","props","state","trackLayout","isReversed","labelProps","fieldProps","isVertical","orientation","sliderIds","set","id","direction","undefined","addGlobalListener","removeGlobalListener","realTimeTrackDraggingIndex","stateRef","current","reverseX","currentPosition","moveProps","onMoveStart","onMove","deltaX","deltaY","size","height","width","getThumbPercent","delta","percent","setThumbPercent","onMoveEnd","setThumbDragging","currentPointer","onDownTrack","e","clientX","clientY","isDisabled","values","every","_","i","isThumbDragging","trackPosition","clickPosition","offset","value","getPercentValue","closestThumb","split","findIndex","v","length","lastLeft","firstRight","Math","abs","isThumbEditable","preventDefault","setFocusedThumb","setThumbValue","window","onUpTrack","pointerId","changedTouches","identifier","htmlFor","onClick","document","getElementById","focus","groupProps","role","trackProps","onMouseDown","button","altKey","ctrlKey","metaKey","onPointerDown","pointerType","onTouchStart","outputProps","map","index","join","useSlider","ref","webGroupProps","rest"],"mappings":"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","sourcesContent":["import { AriaSliderProps } from '@react-types/slider';\nimport { clamp, mergeProps, useGlobalListeners } from '@react-aria/utils';\nimport { getSliderThumbId, sliderIds } from './utils';\nimport React, { useRef } from 'react';\nimport { setInteractionModality } from '@react-aria/interactions';\nimport { SliderState } from '@react-stately/slider';\nimport { useLabel } from '@react-aria/label';\nimport { mapDomPropsToRN, isRTL } from '@react-native-aria/utils';\nimport { useMove } from './useMove';\n\ninterface SliderAria {\n  /** Props for the label element. */\n  labelProps: any;\n\n  /** Props for the root element of the slider component; groups slider inputs. */\n  groupProps: any;\n\n  /** Props for the track element. */\n  trackProps: any;\n\n  /** Props for the output element, displaying the value of the slider thumbs. */\n  outputProps: any;\n}\n\nfunction useSliderWeb(\n  props: AriaSliderProps,\n  state: SliderState,\n  trackLayout: {\n    height: number;\n    width: number;\n    top: number;\n    left: number;\n    x: number;\n    y: number;\n  },\n  isReversed?: boolean\n): SliderAria {\n  let { labelProps, fieldProps } = useLabel(props);\n\n  let isVertical = props.orientation === 'vertical';\n\n  // Attach id of the label to the state so it can be accessed by useSliderThumb.\n  sliderIds.set(state, labelProps.id ?? fieldProps.id);\n\n  const direction = isRTL() ? 'rtl' : undefined;\n\n  let { addGlobalListener, removeGlobalListener } = useGlobalListeners();\n\n  // When the user clicks or drags the track, we want the motion to set and drag the\n  // closest thumb.  Hence we also need to install useMove() on the track element.\n  // Here, we keep track of which index is the \"closest\" to the drag start point.\n  // It is set onMouseDown/onTouchDown; see trackProps below.\n  const realTimeTrackDraggingIndex = useRef<number | null>(null);\n\n  const stateRef = useRef<SliderState>(null);\n  stateRef.current = state;\n  const reverseX = isReversed || direction === 'rtl';\n\n  const currentPosition = useRef<number>(null);\n  const { moveProps } = useMove({\n    onMoveStart() {\n      currentPosition.current = null;\n    },\n    onMove({ deltaX, deltaY }) {\n      let size = isVertical ? trackLayout.height : trackLayout.width;\n\n      if (currentPosition.current == null) {\n        currentPosition.current =\n          stateRef.current.getThumbPercent(realTimeTrackDraggingIndex.current) *\n          size;\n      }\n\n      let delta = isVertical ? deltaY : deltaX;\n      if (reverseX) {\n        if (!isVertical) {\n          delta = -delta;\n        }\n      } else {\n        if (isVertical) {\n          delta = -delta;\n        }\n      }\n\n      currentPosition.current += delta;\n\n      if (realTimeTrackDraggingIndex.current != null) {\n        const percent = clamp(currentPosition.current / size, 0, 1);\n        stateRef.current.setThumbPercent(\n          realTimeTrackDraggingIndex.current,\n          percent\n        );\n      }\n    },\n    onMoveEnd() {\n      if (realTimeTrackDraggingIndex.current != null) {\n        stateRef.current.setThumbDragging(\n          realTimeTrackDraggingIndex.current,\n          false\n        );\n        realTimeTrackDraggingIndex.current = null;\n      }\n    },\n  });\n\n  let currentPointer = useRef<number | null | undefined>(undefined);\n  let onDownTrack = (\n    e: React.UIEvent,\n    id: number,\n    clientX: number,\n    clientY: number\n  ) => {\n    // We only trigger track-dragging if the user clicks on the track itself and nothing is currently being dragged.\n    if (\n      !props.isDisabled &&\n      state.values.every((_, i) => !state.isThumbDragging(i))\n    ) {\n      let size = isVertical ? trackLayout.height : trackLayout.width;\n      // Find the closest thumb\n      const trackPosition = trackLayout[isVertical ? 'top' : 'left'];\n      const clickPosition = isVertical ? clientY : clientX;\n      const offset = clickPosition - trackPosition;\n      let percent = offset / size;\n      if (reverseX) {\n        if (!isVertical) {\n          percent = 1 - percent;\n        }\n      } else {\n        if (isVertical) {\n          percent = 1 - percent;\n        }\n      }\n      let value = state.getPercentValue(percent);\n\n      // to find the closet thumb we split the array based on the first thumb position to the \"right/end\" of the click.\n      let closestThumb;\n      let split = state.values.findIndex((v) => value - v < 0);\n      if (split === 0) {\n        // If the index is zero then the closetThumb is the first one\n        closestThumb = split;\n      } else if (split === -1) {\n        // If no index is found they've clicked past all the thumbs\n        closestThumb = state.values.length - 1;\n      } else {\n        let lastLeft = state.values[split - 1];\n        let firstRight = state.values[split];\n        // Pick the last left/start thumb, unless they are stacked on top of each other, then pick the right/end one\n        if (Math.abs(lastLeft - value) < Math.abs(firstRight - value)) {\n          closestThumb = split - 1;\n        } else {\n          closestThumb = split;\n        }\n      }\n\n      // Confirm that the found closest thumb is editable, not disabled, and move it\n      if (closestThumb >= 0 && state.isThumbEditable(closestThumb)) {\n        // Don't unfocus anything\n        e.preventDefault();\n\n        realTimeTrackDraggingIndex.current = closestThumb;\n        state.setFocusedThumb(closestThumb);\n        currentPointer.current = id;\n\n        state.setThumbDragging(realTimeTrackDraggingIndex.current, true);\n        state.setThumbValue(closestThumb, value);\n\n        addGlobalListener(window, 'mouseup', onUpTrack, false);\n        addGlobalListener(window, 'touchend', onUpTrack, false);\n        addGlobalListener(window, 'pointerup', onUpTrack, false);\n      } else {\n        realTimeTrackDraggingIndex.current = null;\n      }\n    }\n  };\n\n  let onUpTrack = (e) => {\n    let id = e.pointerId ?? e.changedTouches?.[0].identifier;\n    if (id === currentPointer.current) {\n      if (realTimeTrackDraggingIndex.current != null) {\n        state.setThumbDragging(realTimeTrackDraggingIndex.current, false);\n        realTimeTrackDraggingIndex.current = null;\n      }\n\n      removeGlobalListener(window, 'mouseup', onUpTrack, false);\n      removeGlobalListener(window, 'touchend', onUpTrack, false);\n      removeGlobalListener(window, 'pointerup', onUpTrack, false);\n    }\n  };\n\n  if (labelProps.htmlFor) {\n    // Ideally the `for` attribute should point to the first thumb, but VoiceOver on iOS\n    // causes this to override the `aria-labelledby` on the thumb. This causes the first\n    // thumb to only be announced as the slider label rather than its individual name as well.\n    // See https://bugs.webkit.org/show_bug.cgi?id=172464.\n    delete labelProps.htmlFor;\n    labelProps.onClick = () => {\n      // Safari does not focus <input type=\"range\"> elements when clicking on an associated <label>,\n      // so do it manually. In addition, make sure we show the focus ring.\n      document.getElementById(getSliderThumbId(state, 0))?.focus();\n      setInteractionModality('keyboard');\n    };\n  }\n\n  return {\n    labelProps,\n    // The root element of the Slider will have role=\"group\" to group together\n    // all the thumb inputs in the Slider.  The label of the Slider will\n    // be used to label the group.\n    groupProps: {\n      role: 'group',\n      ...fieldProps,\n    },\n    trackProps: mergeProps(\n      {\n        onMouseDown(e: React.MouseEvent<HTMLElement>) {\n          if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {\n            return;\n          }\n          onDownTrack(e, undefined, e.clientX, e.clientY);\n        },\n        onPointerDown(e: React.PointerEvent<HTMLElement>) {\n          if (\n            e.pointerType === 'mouse' &&\n            (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey)\n          ) {\n            return;\n          }\n          onDownTrack(e, e.pointerId, e.clientX, e.clientY);\n        },\n        onTouchStart(e: React.TouchEvent<HTMLElement>) {\n          onDownTrack(\n            e,\n            e.changedTouches[0].identifier,\n            e.changedTouches[0].clientX,\n            e.changedTouches[0].clientY\n          );\n        },\n      },\n      moveProps\n    ),\n    outputProps: {\n      'htmlFor': state.values\n        .map((_, index) => getSliderThumbId(state, index))\n        .join(' '),\n      'aria-live': 'off',\n    },\n  };\n}\n\nexport const useSlider = (\n  props: any,\n  state: any,\n  ref: any,\n  isReversed?: boolean\n) => {\n  let { groupProps: webGroupProps, ...rest } = useSliderWeb(\n    props,\n    state,\n    ref,\n    isReversed\n  );\n  let groupProps = mapDomPropsToRN(webGroupProps);\n  let labelProps = mapDomPropsToRN(rest.labelProps);\n  return { groupProps, ...rest, labelProps };\n};\n"]}
+{"version":3,"names":["_utils","require","_utils2","_react","_interactions","_label","_utils3","_useMove","useSliderWeb","props","state","trackLayout","isReversed","labelProps","fieldProps","useLabel","isVertical","orientation","sliderIds","set","id","direction","isRTL","undefined","addGlobalListener","removeGlobalListener","useGlobalListeners","realTimeTrackDraggingIndex","useRef","stateRef","current","reverseX","currentPosition","moveProps","useMove","onMoveStart","onMove","deltaX","deltaY","size","height","width","getThumbPercent","delta","percent","clamp","setThumbPercent","onMoveEnd","setThumbDragging","currentPointer","onDownTrack","e","clientX","clientY","isDisabled","values","every","_","i","isThumbDragging","trackPosition","clickPosition","offset","value","getPercentValue","closestThumb","split","findIndex","v","length","lastLeft","firstRight","Math","abs","isThumbEditable","preventDefault","setFocusedThumb","setThumbValue","window","onUpTrack","_e$changedTouches","pointerId","changedTouches","identifier","htmlFor","onClick","_document$getElementB","document","getElementById","getSliderThumbId","focus","setInteractionModality","groupProps","role","trackProps","mergeProps","onMouseDown","button","altKey","ctrlKey","metaKey","onPointerDown","pointerType","onTouchStart","outputProps","map","index","join","useSlider","ref","webGroupProps","rest","mapDomPropsToRN","exports"],"sourceRoot":"../../src","sources":["useSlider.web.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/useSliderThumb.js

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSliderThumb = useSliderThumb;
-
 var _utils = require("@react-aria/utils");
-
 var _utils2 = require("./utils");
-
 var _react = require("react");
-
 var _label = require("@react-aria/label");
-
 var _useMove = require("./useMove");
-
 var _utils3 = require("@react-native-aria/utils");
-
 /**
  * Provides behavior and accessibility for a thumb of a slider component.
  *
@@ -24,8 +17,6 @@ var _utils3 = require("@react-native-aria/utils");
  * @param state Slider state, created via `useSliderState`.
  */
 function useSliderThumb(opts, state, isReversed) {
-  var _opts$ariaLabelledby;
-
   let {
     index,
     isDisabled,
@@ -33,15 +24,14 @@ function useSliderThumb(opts, state, isReversed) {
   } = opts;
   let isVertical = opts.orientation === 'vertical';
   const direction = (0, _utils3.isRTL)() ? 'rtl' : undefined;
-
   let labelId = _utils2.sliderIds.get(state);
-
   const {
     labelProps,
     fieldProps
-  } = (0, _label.useLabel)({ ...opts,
+  } = (0, _label.useLabel)({
+    ...opts,
     'id': (0, _utils2.getSliderThumbId)(state, index),
-    'aria-labelledby': `${labelId} ${(_opts$ariaLabelledby = opts['aria-labelledby']) !== null && _opts$ariaLabelledby !== void 0 ? _opts$ariaLabelledby : ''}`.trim()
+    'aria-labelledby': `${labelId} ${opts['aria-labelledby'] ?? ''}`.trim()
   });
   const stateRef = (0, _react.useRef)(null);
   stateRef.current = state;
@@ -56,19 +46,15 @@ function useSliderThumb(opts, state, isReversed) {
       let size = isVertical ? trackLayout.height : trackLayout.width;
       setStartPosition(stateRef.current.getThumbPercent(index) * size);
     },
-
     onMove({
       deltaX,
       deltaY
     }) {
       let size = isVertical ? trackLayout.height : trackLayout.width;
-
       if (currentPosition.current == null) {
         currentPosition.current = stateRef.current.getThumbPercent(index) * size;
       }
-
       let delta = isVertical ? deltaY : deltaX;
-
       if (reverseX) {
         if (!isVertical) {
           delta = -delta;
@@ -78,43 +64,34 @@ function useSliderThumb(opts, state, isReversed) {
           delta = -delta;
         }
       }
-
       const position = startPosition + delta;
       stateRef.current.setThumbPercent(index, (0, _utils.clamp)(position / size, 0, 1));
     },
-
     onMoveEnd() {
       state.setThumbDragging(index, false);
     }
-
   });
   state.setThumbEditable(index, !isDisabled);
-
   const onAccessibilityAction = event => {
-    var _ref, _ref2;
-
     const max = state.getThumbMinValue(index);
     const min = state.getThumbMaxValue(index);
     const value = state.getThumbValue(index);
-    const incrementValue = Math.min((_ref = value + state.step) !== null && _ref !== void 0 ? _ref : 1, max);
-    const decrementValue = Math.max((_ref2 = value - state.step) !== null && _ref2 !== void 0 ? _ref2 : 1, min);
-
+    const incrementValue = Math.min(value + state.step ?? 1, max);
+    const decrementValue = Math.max(value - state.step ?? 1, min);
     switch (event.nativeEvent.actionName) {
       case 'increment':
         state.setThumbValue(index, incrementValue);
         break;
-
       case 'decrement':
         state.setThumbValue(index, decrementValue);
         break;
-
       default:
         break;
     }
   };
-
   return {
-    inputProps: { ...fieldProps,
+    inputProps: {
+      ...fieldProps,
       'disabled': isDisabled,
       'role': 'adjustable',
       'aria-value': {

package/lib/commonjs/useSliderThumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useSliderThumb.ts"],"names":["useSliderThumb","opts","state","isReversed","index","isDisabled","trackLayout","isVertical","orientation","direction","undefined","labelId","sliderIds","get","labelProps","fieldProps","trim","stateRef","current","reverseX","currentPosition","startPosition","setStartPosition","moveProps","onMoveStart","setThumbDragging","size","height","width","getThumbPercent","onMove","deltaX","deltaY","delta","position","setThumbPercent","onMoveEnd","setThumbEditable","onAccessibilityAction","event","max","getThumbMinValue","min","getThumbMaxValue","value","getThumbValue","incrementValue","Math","step","decrementValue","nativeEvent","actionName","setThumbValue","inputProps","now","name","label","thumbProps"],"mappings":"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","sourcesContent":["import { AriaSliderThumbProps } from '@react-types/slider';\nimport { clamp } from '@react-aria/utils';\nimport { getSliderThumbId, sliderIds } from './utils';\nimport { useRef, useState } from 'react';\nimport { SliderState } from '@react-stately/slider';\nimport { useLabel } from '@react-aria/label';\nimport { useMove } from './useMove';\nimport { isRTL } from '@react-native-aria/utils';\n\ninterface SliderThumbAria {\n  /** Props for the root thumb element; handles the dragging motion. */\n  thumbProps: any;\n\n  /** Props for the visually hidden range input element. */\n  inputProps: any;\n\n  /** Props for the label element for this thumb (optional). */\n  labelProps: any;\n}\n\ninterface SliderThumbOptions extends AriaSliderThumbProps {\n  /** A ref to the track element. */\n  trackLayout: any;\n  /** A ref to the thumb input element. */\n  inputRef: any;\n}\n\n/**\n * Provides behavior and accessibility for a thumb of a slider component.\n *\n * @param opts Options for this Slider thumb.\n * @param state Slider state, created via `useSliderState`.\n */\nexport function useSliderThumb(\n  opts: SliderThumbOptions,\n  state: SliderState,\n  isReversed?: boolean\n): SliderThumbAria {\n  let { index, isDisabled, trackLayout } = opts;\n\n  let isVertical = opts.orientation === 'vertical';\n  const direction = isRTL() ? 'rtl' : undefined;\n\n  let labelId = sliderIds.get(state);\n  const { labelProps, fieldProps } = useLabel({\n    ...opts,\n    'id': getSliderThumbId(state, index),\n    'aria-labelledby': `${labelId} ${opts['aria-labelledby'] ?? ''}`.trim(),\n  });\n\n  const stateRef = useRef<SliderState>(null);\n  stateRef.current = state;\n  let reverseX = isReversed || direction === 'rtl';\n  let currentPosition = useRef<number>(null);\n\n  const [startPosition, setStartPosition] = useState(0);\n\n  let { moveProps } = useMove({\n    onMoveStart() {\n      state.setThumbDragging(index, true);\n      let size = isVertical ? trackLayout.height : trackLayout.width;\n      setStartPosition(stateRef.current.getThumbPercent(index) * size);\n    },\n    onMove({ deltaX, deltaY }) {\n      let size = isVertical ? trackLayout.height : trackLayout.width;\n\n      if (currentPosition.current == null) {\n        currentPosition.current =\n          stateRef.current.getThumbPercent(index) * size;\n      }\n\n      let delta = isVertical ? deltaY : deltaX;\n      if (reverseX) {\n        if (!isVertical) {\n          delta = -delta;\n        }\n      } else {\n        if (isVertical) {\n          delta = -delta;\n        }\n      }\n\n      const position = startPosition + delta;\n\n      stateRef.current.setThumbPercent(index, clamp(position / size, 0, 1));\n    },\n    onMoveEnd() {\n      state.setThumbDragging(index, false);\n    },\n  });\n\n  state.setThumbEditable(index, !isDisabled);\n\n  const onAccessibilityAction = (event: any) => {\n    const max = state.getThumbMinValue(index);\n    const min = state.getThumbMaxValue(index);\n    const value = state.getThumbValue(index);\n\n    const incrementValue = Math.min(value + state.step ?? 1, max);\n    const decrementValue = Math.max(value - state.step ?? 1, min);\n\n    switch (event.nativeEvent.actionName) {\n      case 'increment':\n        state.setThumbValue(index, incrementValue);\n        break;\n      case 'decrement':\n        state.setThumbValue(index, decrementValue);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return {\n    inputProps: {\n      ...fieldProps,\n      'disabled': isDisabled,\n      'role': 'adjustable',\n      'aria-value': {\n        min: state.getThumbMinValue(index),\n        max: state.getThumbMaxValue(index),\n        now: state.getThumbValue(index),\n      },\n      'accessibilityActions': [\n        {\n          name: 'increment',\n          label: 'Increment',\n        },\n        {\n          name: 'decrement',\n          label: 'Decrement',\n        },\n      ],\n      onAccessibilityAction,\n    },\n    thumbProps: !isDisabled ? moveProps : {},\n    labelProps,\n  };\n}\n"]}
+{"version":3,"names":["_utils","require","_utils2","_react","_label","_useMove","_utils3","useSliderThumb","opts","state","isReversed","index","isDisabled","trackLayout","isVertical","orientation","direction","isRTL","undefined","labelId","sliderIds","get","labelProps","fieldProps","useLabel","getSliderThumbId","trim","stateRef","useRef","current","reverseX","currentPosition","startPosition","setStartPosition","useState","moveProps","useMove","onMoveStart","setThumbDragging","size","height","width","getThumbPercent","onMove","deltaX","deltaY","delta","position","setThumbPercent","clamp","onMoveEnd","setThumbEditable","onAccessibilityAction","event","max","getThumbMinValue","min","getThumbMaxValue","value","getThumbValue","incrementValue","Math","step","decrementValue","nativeEvent","actionName","setThumbValue","inputProps","now","name","label","thumbProps"],"sourceRoot":"../../src","sources":["useSliderThumb.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/useSliderThumb.web.js

@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useSliderThumb = useSliderThumb;
-
 var _utils = require("@react-aria/utils");
-
 var _utils2 = require("./utils");
-
 var _react = require("react");
-
 var _focus = require("@react-aria/focus");
-
 var _label = require("@react-aria/label");
-
 var _useMove = require("./useMove");
-
 var _utils3 = require("@react-native-aria/utils");
-
 /**
  * Provides behavior and accessibility for a thumb of a slider component.
  *
@@ -26,8 +18,6 @@ var _utils3 = require("@react-native-aria/utils");
  * @param state Slider state, created via `useSliderState`.
  */
 function useSliderThumb(opts, state, isReversed) {
-  var _opts$ariaLabelledby;
-
   let {
     index,
     isRequired,
@@ -42,15 +32,14 @@ function useSliderThumb(opts, state, isReversed) {
     addGlobalListener,
     removeGlobalListener
   } = (0, _utils.useGlobalListeners)();
-
   let labelId = _utils2.sliderIds.get(state);
-
   const {
     labelProps,
     fieldProps
-  } = (0, _label.useLabel)({ ...opts,
+  } = (0, _label.useLabel)({
+    ...opts,
     'id': (0, _utils2.getSliderThumbId)(state, index),
-    'aria-labelledby': `${labelId} ${(_opts$ariaLabelledby = opts['aria-labelledby']) !== null && _opts$ariaLabelledby !== void 0 ? _opts$ariaLabelledby : ''}`.trim()
+    'aria-labelledby': `${labelId} ${opts['aria-labelledby'] ?? ''}`.trim()
   });
   const value = state.values[index];
   const focusInput = (0, _react.useCallback)(() => {
@@ -75,18 +64,15 @@ function useSliderThumb(opts, state, isReversed) {
       currentPosition.current = null;
       state.setThumbDragging(index, true);
     },
-
     onMove({
       deltaX,
       deltaY,
       pointerType
     }) {
       let size = isVertical ? trackLayout.height : trackLayout.width;
-
       if (currentPosition.current == null) {
         currentPosition.current = stateRef.current.getThumbPercent(index) * size;
       }
-
       if (pointerType === 'keyboard') {
         // (invert left/right according to language direction) + (according to vertical)
         let delta = ((reverseX ? -deltaX : deltaX) + (reverseX ? deltaY : -deltaY)) * stateRef.current.step;
@@ -94,7 +80,6 @@ function useSliderThumb(opts, state, isReversed) {
         stateRef.current.setThumbValue(index, stateRef.current.getThumbValue(index) + delta);
       } else {
         let delta = isVertical ? deltaY : deltaX;
-
         if (reverseX) {
           if (!isVertical) {
             delta = -delta;
@@ -104,18 +89,16 @@ function useSliderThumb(opts, state, isReversed) {
             delta = -delta;
           }
         }
-
         currentPosition.current += delta;
         stateRef.current.setThumbPercent(index, (0, _utils.clamp)(currentPosition.current / size, 0, 1));
       }
     },
-
     onMoveEnd() {
       state.setThumbDragging(index, false);
     }
+  });
 
-  }); // Immediately register editability with the state
-
+  // Immediately register editability with the state
   state.setThumbEditable(index, !isDisabled);
   const {
     focusableProps
@@ -124,7 +107,6 @@ function useSliderThumb(opts, state, isReversed) {
     onBlur: () => state.setFocusedThumb(undefined)
   }), inputRef);
   let currentPointer = (0, _react.useRef)(undefined);
-
   let onDown = id => {
     focusInput();
     currentPointer.current = id;
@@ -133,12 +115,9 @@ function useSliderThumb(opts, state, isReversed) {
     addGlobalListener(window, 'touchend', onUp, false);
     addGlobalListener(window, 'pointerup', onUp, false);
   };
-
   let onUp = e => {
-    var _e$pointerId, _e$changedTouches;
-
-    let id = (_e$pointerId = e.pointerId) !== null && _e$pointerId !== void 0 ? _e$pointerId : (_e$changedTouches = e.changedTouches) === null || _e$changedTouches === void 0 ? void 0 : _e$changedTouches[0].identifier;
-
+    var _e$changedTouches;
+    let id = e.pointerId ?? ((_e$changedTouches = e.changedTouches) === null || _e$changedTouches === void 0 ? void 0 : _e$changedTouches[0].identifier);
     if (id === currentPointer.current) {
       focusInput();
       state.setThumbDragging(index, false);
@@ -146,12 +125,12 @@ function useSliderThumb(opts, state, isReversed) {
       removeGlobalListener(window, 'touchend', onUp, false);
       removeGlobalListener(window, 'pointerup', onUp, false);
     }
-  }; // We install mouse handlers for the drag motion on the thumb div, but
+  };
+
+  // We install mouse handlers for the drag motion on the thumb div, but
   // not the key handler for moving the thumb with the slider.  Instead,
   // we focus the range input, and let the browser handle the keyboard
   // interactions; we then listen to input's onChange to update state.
-
-
   return {
     inputProps: (0, _utils.mergeProps)(focusableProps, fieldProps, {
       'type': 'range',
@@ -175,14 +154,12 @@ function useSliderThumb(opts, state, isReversed) {
         if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
           return;
         }
-
         onDown();
       },
       onPointerDown: e => {
         if (e.button !== 0 || e.altKey || e.ctrlKey || e.metaKey) {
           return;
         }
-
         onDown(e.pointerId);
       },
       onTouchStart: e => {