@react-aria/slider 3.0.0-alpha.2 → 3.0.0-nightly-641446f65-240905

package/dist/import.mjs

@@ -0,0 +1,19 @@
+import {useSlider as $bcca50147b47f54d$export$56b2c08e277f365} from "./useSlider.mjs";
+import {useSliderThumb as $47b897dc8cdb026b$export$8d15029008292ae} from "./useSliderThumb.mjs";
+
+/*
+ * 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.
+ */ 
+
+
+
+export {$bcca50147b47f54d$export$56b2c08e277f365 as useSlider, $47b897dc8cdb026b$export$8d15029008292ae as useSliderThumb};
+//# sourceMappingURL=module.js.map

package/dist/main.js

@@ -1,228 +1,25 @@
-var {
-  useFocusable
-} = require("@react-aria/focus");
+var $481f97d830e3ede6$exports = require("./useSlider.main.js");
+var $5eb806b626475377$exports = require("./useSliderThumb.main.js");
 
-var {
-  useLabel
-} = require("@react-aria/label");
 
-var {
-  mergeProps,
-  useDrag1D,
-  focusWithoutScrolling
-} = require("@react-aria/utils");
-
-var {
-  useRef,
-  useCallback,
-  useEffect
-} = require("react");
-
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
-
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
-}
-
-const $dec1906781d9c7cb69245fc4d5344b$export$sliderIds = new WeakMap();
-
-/**
- * Provides behavior and accessibility for a slider component.
- *
- * @param props Props for the slider.
- * @param state State for the slider, as returned by `useSliderState`.
- * @param trackRef Ref for the "track" element.  The width of this element provides the "length"
- * of the track -- the span of one dimensional space that the slider thumb can be.  It also
- * accepts click and drag motions, so that the closest thumb will follow clicks and drags on
- * the track.
- */
-function useSlider(props, state, trackRef) {
-  var _labelProps$id;
-
-  const {
-    labelProps,
-    fieldProps
-  } = useLabel(props);
-  const isSliderEditable = !(props.isDisabled || props.isReadOnly); // Attach id of the label to the state so it can be accessed by useSliderThumb.
-
-  $dec1906781d9c7cb69245fc4d5344b$export$sliderIds.set(state, (_labelProps$id = labelProps.id) != null ? _labelProps$id : fieldProps.id); // 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 useDrag1D() on the track element.
-  // Here, we keep track of which index is the "closest" to the drag start point.
-  // It is set onMouseDown; see trackProps below.
-
-  const realTimeTrackDraggingIndex = useRef(undefined);
-  const isTrackDragging = useRef(false);
-  const {
-    onMouseDown,
-    onMouseEnter,
-    onMouseOut
-  } = useDrag1D({
-    containerRef: trackRef,
-    reverse: false,
-    orientation: 'horizontal',
-    onDrag: dragging => {
-      if (realTimeTrackDraggingIndex.current !== undefined) {
-        state.setThumbDragging(realTimeTrackDraggingIndex.current, dragging);
-      }
-
-      isTrackDragging.current = dragging;
-    },
-    onPositionChange: position => {
-      if (realTimeTrackDraggingIndex.current !== undefined && trackRef.current) {
-        const percent = position / trackRef.current.offsetWidth;
-        state.setThumbPercent(realTimeTrackDraggingIndex.current, percent); // When track-dragging ends, onDrag is called before a final onPositionChange is
-        // called, so we can't reset realTimeTrackDraggingIndex until onPositionChange,
-        // as we still needed to update the thumb position one last time.  Hence we
-        // track whether we're dragging, and the actual dragged index, separately.
-
-        if (!isTrackDragging.current) {
-          realTimeTrackDraggingIndex.current = undefined;
-        }
-      }
-    }
-  });
-  return {
-    labelProps,
-    // The root element of the Slider will have role="group" to group together
-    // all the thumb inputs in the Slider.  The label of the Slider will
-    // be used to label the group.
-    containerProps: _babelRuntimeHelpersExtends({
-      role: 'group'
-    }, fieldProps),
-    trackProps: mergeProps({
-      onMouseDown: e => {
-        // We only trigger track-dragging if the user clicks on the track itself.
-        if (trackRef.current && isSliderEditable) {
-          // Find the closest thumb
-          const trackPosition = trackRef.current.getBoundingClientRect().left;
-          const clickPosition = e.clientX;
-          const offset = clickPosition - trackPosition;
-          const percent = offset / trackRef.current.offsetWidth;
-          const value = state.getPercentValue(percent); // Only compute the diff for thumbs that are editable, as only they can be dragged
-
-          const minDiff = Math.min(...state.values.map((v, index) => state.isThumbEditable(index) ? Math.abs(v - value) : Number.POSITIVE_INFINITY));
-          const index = state.values.findIndex(v => Math.abs(v - value) === minDiff);
-
-          if (minDiff !== Number.POSITIVE_INFINITY && index >= 0) {
-            // Don't unfocus anything
-            e.preventDefault();
-            realTimeTrackDraggingIndex.current = index;
-            state.setFocusedThumb(index); // We immediately toggle state to dragging and set the value on mouse down.
-            // We set the value now, instead of waiting for onDrag, so that the thumb
-            // is updated while you're still holding the mouse button down.  And we
-            // set dragging on now, so that onChangeEnd() won't fire yet when we set
-            // the value.  Dragging state will be reset to false in onDrag above, even
-            // if no dragging actually occurs.
-
-            state.setThumbDragging(realTimeTrackDraggingIndex.current, true);
-            state.setThumbValue(index, value);
-          } else {
-            realTimeTrackDraggingIndex.current = undefined;
-          }
-        }
-      }
-    }, {
-      onMouseDown,
-      onMouseEnter,
-      onMouseOut
-    })
-  };
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
-exports.useSlider = useSlider;
-
-/**
- * Provides behavior and accessibility for a thumb of a slider component.
+$parcel$export(module.exports, "useSlider", () => $481f97d830e3ede6$exports.useSlider);
+$parcel$export(module.exports, "useSliderThumb", () => $5eb806b626475377$exports.useSliderThumb);
+/*
+ * 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
  *
- * @param opts Options for this Slider thumb.
- * @param state Slider state, created via `useSliderState`.
- */
-function useSliderThumb(opts, state) {
-  var _opts$ariaLabelledby;
+ * 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 {
-    index,
-    isRequired,
-    isDisabled,
-    isReadOnly,
-    validationState,
-    trackRef,
-    inputRef
-  } = opts;
-  let labelId = $dec1906781d9c7cb69245fc4d5344b$export$sliderIds.get(state);
-  const {
-    labelProps,
-    fieldProps
-  } = useLabel(_babelRuntimeHelpersExtends({}, opts, {
-    'aria-labelledby': (labelId + " " + ((_opts$ariaLabelledby = opts['aria-labelledby']) != null ? _opts$ariaLabelledby : '')).trim()
-  }));
-  const value = state.values[index];
-  const isEditable = !(isDisabled || isReadOnly);
-  const focusInput = useCallback(() => {
-    if (inputRef.current) {
-      focusWithoutScrolling(inputRef.current);
-    }
-  }, [inputRef]);
-  const isFocused = state.focusedThumb === index;
-  useEffect(() => {
-    if (isFocused) {
-      focusInput();
-    }
-  }, [isFocused, focusInput]);
-  const draggableProps = useDrag1D({
-    containerRef: trackRef,
-    reverse: false,
-    orientation: 'horizontal',
-    onDrag: dragging => {
-      state.setThumbDragging(index, dragging);
-      focusInput();
-    },
-    onPositionChange: position => {
-      const percent = position / trackRef.current.offsetWidth;
-      state.setThumbPercent(index, percent);
-    }
-  }); // Immediately register editability with the state
 
-  state.setThumbEditable(index, isEditable);
-  const {
-    focusableProps
-  } = useFocusable(mergeProps(opts, {
-    onFocus: () => state.setFocusedThumb(index),
-    onBlur: () => state.setFocusedThumb(undefined)
-  }), inputRef); // 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: mergeProps(focusableProps, fieldProps, {
-      type: 'range',
-      tabIndex: isEditable ? 0 : undefined,
-      min: state.getThumbMinValue(index),
-      max: state.getThumbMaxValue(index),
-      step: state.step,
-      value: value,
-      readOnly: isReadOnly,
-      disabled: isDisabled,
-      'aria-orientation': 'horizontal',
-      'aria-valuetext': state.getThumbValueLabel(index),
-      'aria-required': isRequired || undefined,
-      'aria-invalid': validationState === 'invalid' || undefined,
-      'aria-errormessage': opts['aria-errormessage'],
-      onChange: e => {
-        state.setThumbValue(index, parseFloat(e.target.value));
-      }
-    }),
-    thumbProps: isEditable ? mergeProps({
-      onMouseDown: draggableProps.onMouseDown,
-      onMouseEnter: draggableProps.onMouseEnter,
-      onMouseOut: draggableProps.onMouseOut
-    }, {
-      onMouseDown: focusInput
-    }) : {},
-    labelProps
-  };
-}
 
-exports.useSliderThumb = useSliderThumb;
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,sBAAT,CAAgCC,CAAhC,EAAmC;AACjC,SAAOA,CAAC,IAAIA,CAAC,CAACC,UAAP,GAAoBD,CAAC,CAACE,OAAtB,GAAgCF,CAAvC;AACD;;ACAM,MAAMG,gDAAS,GAAG,IAAIC,OAAJ,EAAlB;;AC4BP;;;;;;;;;;AAUO,SAASC,SAAT,CACLC,KADK,EAELC,KAFK,EAGLC,QAHK,EAIO;AAAA;;AACZ,QAAM;AAACC,IAAAA,UAAD;AAAaC,IAAAA;AAAb,MAA2BC,QAAQ,CAACL,KAAD,CAAzC;AAEA,QAAMM,gBAAgB,GAAG,EAAEN,KAAK,CAACO,UAAN,IAAoBP,KAAK,CAACQ,UAA5B,CAAzB,CAHY,CAKZ;;AACA,mDAAUC,GAAV,CAAcR,KAAd,oBAAqBE,UAAU,CAACO,EAAhC,6BAAsCN,UAAU,CAACM,EAAjD,EANY,CAQZ;AACA;AACA;AACA;;AACA,QAAMC,0BAA0B,GAAGC,MAAM,CAAqBC,SAArB,CAAzC;AACA,QAAMC,eAAe,GAAGF,MAAM,CAAC,KAAD,CAA9B;AACA,QAAM;AAACG,IAAAA,WAAD;AAAcC,IAAAA,YAAd;AAA4BC,IAAAA;AAA5B,MAA0CC,SAAS,CAAC;AACxDC,IAAAA,YAAY,EAAEjB,QAD0C;AAExDkB,IAAAA,OAAO,EAAE,KAF+C;AAGxDC,IAAAA,WAAW,EAAE,YAH2C;AAIxDC,IAAAA,MAAM,EAAGC,QAAD,IAAc;AACpB,UAAIZ,0BAA0B,CAACa,OAA3B,KAAuCX,SAA3C,EAAsD;AACpDZ,QAAAA,KAAK,CAACwB,gBAAN,CAAuBd,0BAA0B,CAACa,OAAlD,EAA2DD,QAA3D;AACD;;AACDT,MAAAA,eAAe,CAACU,OAAhB,GAA0BD,QAA1B;AACD,KATuD;AAUxDG,IAAAA,gBAAgB,EAAGC,QAAD,IAAc;AAC9B,UAAIhB,0BAA0B,CAACa,OAA3B,KAAuCX,SAAvC,IAAoDX,QAAQ,CAACsB,OAAjE,EAA0E;AACxE,cAAMI,OAAO,GAAGD,QAAQ,GAAGzB,QAAQ,CAACsB,OAAT,CAAiBK,WAA5C;AACA5B,QAAAA,KAAK,CAAC6B,eAAN,CAAsBnB,0BAA0B,CAACa,OAAjD,EAA0DI,OAA1D,EAFwE,CAIxE;AACA;AACA;AACA;;AACA,YAAI,CAACd,eAAe,CAACU,OAArB,EAA8B;AAC5Bb,UAAAA,0BAA0B,CAACa,OAA3B,GAAqCX,SAArC;AACD;AACF;AACF;AAvBuD,GAAD,CAAzD;AA0BA,SAAO;AACLV,IAAAA,UADK;AAGL;AACA;AACA;AACA4B,IAAAA,cAAc;AACZC,MAAAA,IAAI,EAAE;AADM,OAET5B,UAFS,CANT;AAUL6B,IAAAA,UAAU,EAAEC,UAAU,CAAC;AACrBnB,MAAAA,WAAW,EAAGoB,CAAD,IAAsC;AACjD;AACA,YAAIjC,QAAQ,CAACsB,OAAT,IAAoBlB,gBAAxB,EAA0C;AACxC;AACA,gBAAM8B,aAAa,GAAGlC,QAAQ,CAACsB,OAAT,CAAiBa,qBAAjB,GAAyCC,IAA/D;AACA,gBAAMC,aAAa,GAAGJ,CAAC,CAACK,OAAxB;AACA,gBAAMC,MAAM,GAAGF,aAAa,GAAGH,aAA/B;AACA,gBAAMR,OAAO,GAAGa,MAAM,GAAGvC,QAAQ,CAACsB,OAAT,CAAiBK,WAA1C;AACA,gBAAMa,KAAK,GAAGzC,KAAK,CAAC0C,eAAN,CAAsBf,OAAtB,CAAd,CANwC,CAQxC;;AACA,gBAAMgB,OAAO,GAAGC,IAAI,CAACC,GAAL,CAAS,GAAG7C,KAAK,CAAC8C,MAAN,CAAaC,GAAb,CAAiB,CAACC,CAAD,EAAIC,KAAJ,KAAcjD,KAAK,CAACkD,eAAN,CAAsBD,KAAtB,IAA+BL,IAAI,CAACO,GAAL,CAASH,CAAC,GAAGP,KAAb,CAA/B,GAAqDW,MAAM,CAACC,iBAA3F,CAAZ,CAAhB;AACA,gBAAMJ,KAAK,GAAGjD,KAAK,CAAC8C,MAAN,CAAaQ,SAAb,CAAuBN,CAAC,IAAIJ,IAAI,CAACO,GAAL,CAASH,CAAC,GAAGP,KAAb,MAAwBE,OAApD,CAAd;;AACA,cAAIA,OAAO,KAAKS,MAAM,CAACC,iBAAnB,IAAwCJ,KAAK,IAAI,CAArD,EAAwD;AACtD;AACAf,YAAAA,CAAC,CAACqB,cAAF;AAEA7C,YAAAA,0BAA0B,CAACa,OAA3B,GAAqC0B,KAArC;AACAjD,YAAAA,KAAK,CAACwD,eAAN,CAAsBP,KAAtB,EALsD,CAOtD;AACA;AACA;AACA;AACA;AACA;;AACAjD,YAAAA,KAAK,CAACwB,gBAAN,CAAuBd,0BAA0B,CAACa,OAAlD,EAA2D,IAA3D;AACAvB,YAAAA,KAAK,CAACyD,aAAN,CAAoBR,KAApB,EAA2BR,KAA3B;AACD,WAfD,MAeO;AACL/B,YAAAA,0BAA0B,CAACa,OAA3B,GAAqCX,SAArC;AACD;AACF;AACF;AAjCoB,KAAD,EAkCnB;AACDE,MAAAA,WADC;AACYC,MAAAA,YADZ;AAC0BC,MAAAA;AAD1B,KAlCmB;AAVjB,GAAP;AAgDD;;;;AC5GD;;;;;;AAMO,SAAS0C,cAAT,CACLC,IADK,EAEL3D,KAFK,EAGY;AAAA;;AACjB,QAAM;AACJiD,IAAAA,KADI;AAEJW,IAAAA,UAFI;AAGJtD,IAAAA,UAHI;AAIJC,IAAAA,UAJI;AAKJsD,IAAAA,eALI;AAMJ5D,IAAAA,QANI;AAOJ6D,IAAAA;AAPI,MAQFH,IARJ;AAUA,MAAII,OAAO,GAAG,iDAAUC,GAAV,CAAchE,KAAd,CAAd;AACA,QAAM;AAACE,IAAAA,UAAD;AAAaC,IAAAA;AAAb,MAA2BC,QAAQ,iCACpCuD,IADoC;AAEvC,uBAAmB,CAAGI,OAAH,kCAAcJ,IAAI,CAAC,iBAAD,CAAlB,mCAAyC,EAAzC,GAA8CM,IAA9C;AAFoB,KAAzC;AAKA,QAAMxB,KAAK,GAAGzC,KAAK,CAAC8C,MAAN,CAAaG,KAAb,CAAd;AACA,QAAMiB,UAAU,GAAG,EAAE5D,UAAU,IAAIC,UAAhB,CAAnB;AAEA,QAAM4D,UAAU,GAAGC,WAAW,CAAC,MAAM;AACnC,QAAIN,QAAQ,CAACvC,OAAb,EAAsB;AACpB8C,MAAAA,qBAAqB,CAACP,QAAQ,CAACvC,OAAV,CAArB;AACD;AACF,GAJ6B,EAI3B,CAACuC,QAAD,CAJ2B,CAA9B;AAMA,QAAMQ,SAAS,GAAGtE,KAAK,CAACuE,YAAN,KAAuBtB,KAAzC;AAEAuB,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIF,SAAJ,EAAe;AACbH,MAAAA,UAAU;AACX;AACF,GAJQ,EAIN,CAACG,SAAD,EAAYH,UAAZ,CAJM,CAAT;AAMA,QAAMM,cAAc,GAAGxD,SAAS,CAAC;AAC/BC,IAAAA,YAAY,EAAEjB,QADiB;AAE/BkB,IAAAA,OAAO,EAAE,KAFsB;AAG/BC,IAAAA,WAAW,EAAE,YAHkB;AAI/BC,IAAAA,MAAM,EAAGC,QAAD,IAAc;AACpBtB,MAAAA,KAAK,CAACwB,gBAAN,CAAuByB,KAAvB,EAA8B3B,QAA9B;AACA6C,MAAAA,UAAU;AACX,KAP8B;AAQ/B1C,IAAAA,gBAAgB,EAAGC,QAAD,IAAc;AAC9B,YAAMC,OAAO,GAAGD,QAAQ,GAAGzB,QAAQ,CAACsB,OAAT,CAAiBK,WAA5C;AACA5B,MAAAA,KAAK,CAAC6B,eAAN,CAAsBoB,KAAtB,EAA6BtB,OAA7B;AACD;AAX8B,GAAD,CAAhC,CAlCiB,CAgDjB;;AACA3B,EAAAA,KAAK,CAAC0E,gBAAN,CAAuBzB,KAAvB,EAA8BiB,UAA9B;AAEA,QAAM;AAACS,IAAAA;AAAD,MAAmBC,YAAY,CACnC3C,UAAU,CAAC0B,IAAD,EAAO;AACfkB,IAAAA,OAAO,EAAE,MAAM7E,KAAK,CAACwD,eAAN,CAAsBP,KAAtB,CADA;AAEf6B,IAAAA,MAAM,EAAE,MAAM9E,KAAK,CAACwD,eAAN,CAAsB5C,SAAtB;AAFC,GAAP,CADyB,EAKnCkD,QALmC,CAArC,CAnDiB,CA2DjB;AACA;AACA;AACA;;AACA,SAAO;AACLiB,IAAAA,UAAU,EAAE9C,UAAU,CAAC0C,cAAD,EAAiBxE,UAAjB,EAA6B;AACjD6E,MAAAA,IAAI,EAAE,OAD2C;AAEjDC,MAAAA,QAAQ,EAAEf,UAAU,GAAG,CAAH,GAAOtD,SAFsB;AAGjDiC,MAAAA,GAAG,EAAE7C,KAAK,CAACkF,gBAAN,CAAuBjC,KAAvB,CAH4C;AAIjDkC,MAAAA,GAAG,EAAEnF,KAAK,CAACoF,gBAAN,CAAuBnC,KAAvB,CAJ4C;AAKjDoC,MAAAA,IAAI,EAAErF,KAAK,CAACqF,IALqC;AAMjD5C,MAAAA,KAAK,EAAEA,KAN0C;AAOjD6C,MAAAA,QAAQ,EAAE/E,UAPuC;AAQjDgF,MAAAA,QAAQ,EAAEjF,UARuC;AASjD,0BAAoB,YAT6B;AAUjD,wBAAkBN,KAAK,CAACwF,kBAAN,CAAyBvC,KAAzB,CAV+B;AAWjD,uBAAiBW,UAAU,IAAIhD,SAXkB;AAYjD,sBAAgBiD,eAAe,KAAK,SAApB,IAAiCjD,SAZA;AAajD,2BAAqB+C,IAAI,CAAC,mBAAD,CAbwB;AAcjD8B,MAAAA,QAAQ,EAAGvD,CAAD,IAAsC;AAC9ClC,QAAAA,KAAK,CAACyD,aAAN,CAAoBR,KAApB,EAA2ByC,UAAU,CAACxD,CAAC,CAACyD,MAAF,CAASlD,KAAV,CAArC;AACD;AAhBgD,KAA7B,CADjB;AAmBLmD,IAAAA,UAAU,EAAE1B,UAAU,GAAGjC,UAAU,CAAC;AAClCnB,MAAAA,WAAW,EAAE2D,cAAc,CAAC3D,WADM;AAElCC,MAAAA,YAAY,EAAE0D,cAAc,CAAC1D,YAFK;AAGlCC,MAAAA,UAAU,EAAEyD,cAAc,CAACzD;AAHO,KAAD,EAIhC;AACDF,MAAAA,WAAW,EAAEqD;AADZ,KAJgC,CAAb,GAMjB,EAzBA;AA0BLjE,IAAAA;AA1BK,GAAP;AA4BD","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/@react-aria/slider/src/utils.ts","./packages/@react-aria/slider/src/useSlider.ts","./packages/@react-aria/slider/src/useSliderThumb.ts"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","import {SliderState} from '@react-stately/slider';\n\nexport const sliderIds = new WeakMap<SliderState, string>();\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {HTMLAttributes, useRef} from 'react';\nimport {mergeProps, useDrag1D} from '@react-aria/utils';\nimport {sliderIds} from './utils';\nimport {SliderProps} from '@react-types/slider';\nimport {SliderState} from '@react-stately/slider';\nimport {useLabel} from '@react-aria/label';\n\ninterface SliderAria {\n  /** Props for the label element. */\n  labelProps: HTMLAttributes<HTMLElement>,\n\n  /** Props for the root element of the slider component; groups slider inputs. */\n  containerProps: HTMLAttributes<HTMLElement>,\n\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides behavior and accessibility for a slider component.\n *\n * @param props Props for the slider.\n * @param state State for the slider, as returned by `useSliderState`.\n * @param trackRef Ref for the \"track\" element.  The width of this element provides the \"length\"\n * of the track -- the span of one dimensional space that the slider thumb can be.  It also\n * accepts click and drag motions, so that the closest thumb will follow clicks and drags on\n * the track.\n */\nexport function useSlider(\n  props: SliderProps,\n  state: SliderState,\n  trackRef: React.RefObject<HTMLElement>\n): SliderAria {\n  const {labelProps, fieldProps} = useLabel(props);\n\n  const isSliderEditable = !(props.isDisabled || props.isReadOnly);\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  // 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 useDrag1D() 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; see trackProps below.\n  const realTimeTrackDraggingIndex = useRef<number | undefined>(undefined);\n  const isTrackDragging = useRef(false);\n  const {onMouseDown, onMouseEnter, onMouseOut} = useDrag1D({\n    containerRef: trackRef as any,\n    reverse: false,\n    orientation: 'horizontal',\n    onDrag: (dragging) => {\n      if (realTimeTrackDraggingIndex.current !== undefined) {\n        state.setThumbDragging(realTimeTrackDraggingIndex.current, dragging);\n      }\n      isTrackDragging.current = dragging;\n    },\n    onPositionChange: (position) => {\n      if (realTimeTrackDraggingIndex.current !== undefined && trackRef.current) {\n        const percent = position / trackRef.current.offsetWidth;\n        state.setThumbPercent(realTimeTrackDraggingIndex.current, percent);\n\n        // When track-dragging ends, onDrag is called before a final onPositionChange is\n        // called, so we can't reset realTimeTrackDraggingIndex until onPositionChange,\n        // as we still needed to update the thumb position one last time.  Hence we\n        // track whether we're dragging, and the actual dragged index, separately.\n        if (!isTrackDragging.current) {\n          realTimeTrackDraggingIndex.current = undefined;\n        }\n      }\n    }\n  });\n\n  return {\n    labelProps,\n\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    containerProps: {\n      role: 'group',\n      ...fieldProps\n    },\n    trackProps: mergeProps({\n      onMouseDown: (e: React.MouseEvent<HTMLElement>) => {\n        // We only trigger track-dragging if the user clicks on the track itself.\n        if (trackRef.current && isSliderEditable) {\n          // Find the closest thumb\n          const trackPosition = trackRef.current.getBoundingClientRect().left;\n          const clickPosition = e.clientX;\n          const offset = clickPosition - trackPosition;\n          const percent = offset / trackRef.current.offsetWidth;\n          const value = state.getPercentValue(percent);\n\n          // Only compute the diff for thumbs that are editable, as only they can be dragged\n          const minDiff = Math.min(...state.values.map((v, index) => state.isThumbEditable(index) ? Math.abs(v - value) : Number.POSITIVE_INFINITY));\n          const index = state.values.findIndex(v => Math.abs(v - value) === minDiff);\n          if (minDiff !== Number.POSITIVE_INFINITY && index >= 0) {\n            // Don't unfocus anything\n            e.preventDefault();\n\n            realTimeTrackDraggingIndex.current = index;\n            state.setFocusedThumb(index);\n\n            // We immediately toggle state to dragging and set the value on mouse down.\n            // We set the value now, instead of waiting for onDrag, so that the thumb\n            // is updated while you're still holding the mouse button down.  And we\n            // set dragging on now, so that onChangeEnd() won't fire yet when we set\n            // the value.  Dragging state will be reset to false in onDrag above, even\n            // if no dragging actually occurs.\n            state.setThumbDragging(realTimeTrackDraggingIndex.current, true);\n            state.setThumbValue(index, value);\n          } else {\n            realTimeTrackDraggingIndex.current = undefined;\n          }\n        }\n      }\n    }, {\n      onMouseDown, onMouseEnter, onMouseOut\n    })\n  };\n}\n","import {ChangeEvent, HTMLAttributes, useCallback, useEffect} from 'react';\nimport {focusWithoutScrolling, mergeProps, useDrag1D} from '@react-aria/utils';\nimport {sliderIds} from './utils';\nimport {SliderState} from '@react-stately/slider';\nimport {SliderThumbProps} from '@react-types/slider';\nimport {useFocusable} from '@react-aria/focus';\nimport {useLabel} from '@react-aria/label';\n\ninterface SliderThumbAria {\n  /** Props for the range input. */\n  inputProps: HTMLAttributes<HTMLElement>,\n\n  /** Props for the root thumb element; handles the dragging motion. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n\n  /** Props for the label element for this thumb. */\n  labelProps: HTMLAttributes<HTMLElement>\n}\n\ninterface SliderThumbOptions extends SliderThumbProps {\n  trackRef: React.RefObject<HTMLElement>,\n  inputRef: React.RefObject<HTMLInputElement>\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): SliderThumbAria {\n  const {\n    index,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n    validationState,\n    trackRef,\n    inputRef\n  } = opts;\n\n  let labelId = sliderIds.get(state);\n  const {labelProps, fieldProps} = useLabel({\n    ...opts,\n    'aria-labelledby': `${labelId} ${opts['aria-labelledby'] ?? ''}`.trim()\n  });\n\n  const value = state.values[index];\n  const isEditable = !(isDisabled || isReadOnly);\n\n  const focusInput = useCallback(() => {\n    if (inputRef.current) {\n      focusWithoutScrolling(inputRef.current);\n    }\n  }, [inputRef]);\n\n  const isFocused = state.focusedThumb === index;\n\n  useEffect(() => {\n    if (isFocused) {\n      focusInput();\n    }\n  }, [isFocused, focusInput]);\n\n  const draggableProps = useDrag1D({\n    containerRef: trackRef as any,\n    reverse: false,\n    orientation: 'horizontal',\n    onDrag: (dragging) => {\n      state.setThumbDragging(index, dragging);\n      focusInput();\n    },\n    onPositionChange: (position) => {\n      const percent = position / trackRef.current.offsetWidth;\n      state.setThumbPercent(index, percent);\n    }\n  });\n\n  // Immediately register editability with the state\n  state.setThumbEditable(index, isEditable);\n\n  const {focusableProps} = useFocusable(\n    mergeProps(opts, {\n      onFocus: () => state.setFocusedThumb(index),\n      onBlur: () => state.setFocusedThumb(undefined)\n    }),\n    inputRef\n  );\n\n  // We install mouse handlers for the drag motion on the thumb div, but\n  // not the key handler for moving the thumb with the slider.  Instead,\n  // we focus the range input, and let the browser handle the keyboard\n  // interactions; we then listen to input's onChange to update state.\n  return {\n    inputProps: mergeProps(focusableProps, fieldProps, {\n      type: 'range',\n      tabIndex: isEditable ? 0 : undefined,\n      min: state.getThumbMinValue(index),\n      max: state.getThumbMaxValue(index),\n      step: state.step,\n      value: value,\n      readOnly: isReadOnly,\n      disabled: isDisabled,\n      'aria-orientation': 'horizontal',\n      'aria-valuetext': state.getThumbValueLabel(index),\n      'aria-required': isRequired || undefined,\n      'aria-invalid': validationState === 'invalid' || undefined,\n      'aria-errormessage': opts['aria-errormessage'],\n      onChange: (e: ChangeEvent<HTMLInputElement>) => {\n        state.setThumbValue(index, parseFloat(e.target.value));\n      }\n    }),\n    thumbProps: isEditable ? mergeProps({\n      onMouseDown: draggableProps.onMouseDown,\n      onMouseEnter: draggableProps.onMouseEnter,\n      onMouseOut: draggableProps.onMouseOut\n    }, {\n      onMouseDown: focusInput\n    }) : {},\n    labelProps\n  };\n}\n"],"names":["$parcel$interopDefault","a","__esModule","default","sliderIds","WeakMap","useSlider","props","state","trackRef","labelProps","fieldProps","useLabel","isSliderEditable","isDisabled","isReadOnly","set","id","realTimeTrackDraggingIndex","useRef","undefined","isTrackDragging","onMouseDown","onMouseEnter","onMouseOut","useDrag1D","containerRef","reverse","orientation","onDrag","dragging","current","setThumbDragging","onPositionChange","position","percent","offsetWidth","setThumbPercent","containerProps","role","trackProps","mergeProps","e","trackPosition","getBoundingClientRect","left","clickPosition","clientX","offset","value","getPercentValue","minDiff","Math","min","values","map","v","index","isThumbEditable","abs","Number","POSITIVE_INFINITY","findIndex","preventDefault","setFocusedThumb","setThumbValue","useSliderThumb","opts","isRequired","validationState","inputRef","labelId","get","trim","isEditable","focusInput","useCallback","focusWithoutScrolling","isFocused","focusedThumb","useEffect","draggableProps","setThumbEditable","focusableProps","useFocusable","onFocus","onBlur","inputProps","type","tabIndex","getThumbMinValue","max","getThumbMaxValue","step","readOnly","disabled","getThumbValueLabel","onChange","parseFloat","target","thumbProps"],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/slider/src/index.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 */\nexport {useSlider} from './useSlider';\nexport {useSliderThumb} from './useSliderThumb';\nexport type {AriaSliderProps} from '@react-types/slider';\nexport type {SliderAria} from './useSlider';\nexport type {AriaSliderThumbOptions, SliderThumbAria} from './useSliderThumb';\nexport type {AriaSliderThumbProps} from '@react-types/slider';\nexport type {Orientation} from '@react-types/shared';\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,203 +1,19 @@
-import { useFocusable } from "@react-aria/focus";
-import { useLabel } from "@react-aria/label";
-import { mergeProps, useDrag1D, focusWithoutScrolling } from "@react-aria/utils";
-import { useRef, useCallback, useEffect } from "react";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
-const $d20491ae7743da17cfa841ff6d87$export$sliderIds = new WeakMap();
-
-/**
- * Provides behavior and accessibility for a slider component.
- *
- * @param props Props for the slider.
- * @param state State for the slider, as returned by `useSliderState`.
- * @param trackRef Ref for the "track" element.  The width of this element provides the "length"
- * of the track -- the span of one dimensional space that the slider thumb can be.  It also
- * accepts click and drag motions, so that the closest thumb will follow clicks and drags on
- * the track.
- */
-export function useSlider(props, state, trackRef) {
-  var _labelProps$id;
-
-  const {
-    labelProps,
-    fieldProps
-  } = useLabel(props);
-  const isSliderEditable = !(props.isDisabled || props.isReadOnly); // Attach id of the label to the state so it can be accessed by useSliderThumb.
-
-  $d20491ae7743da17cfa841ff6d87$export$sliderIds.set(state, (_labelProps$id = labelProps.id) != null ? _labelProps$id : fieldProps.id); // 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 useDrag1D() on the track element.
-  // Here, we keep track of which index is the "closest" to the drag start point.
-  // It is set onMouseDown; see trackProps below.
-
-  const realTimeTrackDraggingIndex = useRef(undefined);
-  const isTrackDragging = useRef(false);
-  const {
-    onMouseDown,
-    onMouseEnter,
-    onMouseOut
-  } = useDrag1D({
-    containerRef: trackRef,
-    reverse: false,
-    orientation: 'horizontal',
-    onDrag: dragging => {
-      if (realTimeTrackDraggingIndex.current !== undefined) {
-        state.setThumbDragging(realTimeTrackDraggingIndex.current, dragging);
-      }
-
-      isTrackDragging.current = dragging;
-    },
-    onPositionChange: position => {
-      if (realTimeTrackDraggingIndex.current !== undefined && trackRef.current) {
-        const percent = position / trackRef.current.offsetWidth;
-        state.setThumbPercent(realTimeTrackDraggingIndex.current, percent); // When track-dragging ends, onDrag is called before a final onPositionChange is
-        // called, so we can't reset realTimeTrackDraggingIndex until onPositionChange,
-        // as we still needed to update the thumb position one last time.  Hence we
-        // track whether we're dragging, and the actual dragged index, separately.
-
-        if (!isTrackDragging.current) {
-          realTimeTrackDraggingIndex.current = undefined;
-        }
-      }
-    }
-  });
-  return {
-    labelProps,
-    // The root element of the Slider will have role="group" to group together
-    // all the thumb inputs in the Slider.  The label of the Slider will
-    // be used to label the group.
-    containerProps: _babelRuntimeHelpersEsmExtends({
-      role: 'group'
-    }, fieldProps),
-    trackProps: mergeProps({
-      onMouseDown: e => {
-        // We only trigger track-dragging if the user clicks on the track itself.
-        if (trackRef.current && isSliderEditable) {
-          // Find the closest thumb
-          const trackPosition = trackRef.current.getBoundingClientRect().left;
-          const clickPosition = e.clientX;
-          const offset = clickPosition - trackPosition;
-          const percent = offset / trackRef.current.offsetWidth;
-          const value = state.getPercentValue(percent); // Only compute the diff for thumbs that are editable, as only they can be dragged
-
-          const minDiff = Math.min(...state.values.map((v, index) => state.isThumbEditable(index) ? Math.abs(v - value) : Number.POSITIVE_INFINITY));
-          const index = state.values.findIndex(v => Math.abs(v - value) === minDiff);
-
-          if (minDiff !== Number.POSITIVE_INFINITY && index >= 0) {
-            // Don't unfocus anything
-            e.preventDefault();
-            realTimeTrackDraggingIndex.current = index;
-            state.setFocusedThumb(index); // We immediately toggle state to dragging and set the value on mouse down.
-            // We set the value now, instead of waiting for onDrag, so that the thumb
-            // is updated while you're still holding the mouse button down.  And we
-            // set dragging on now, so that onChangeEnd() won't fire yet when we set
-            // the value.  Dragging state will be reset to false in onDrag above, even
-            // if no dragging actually occurs.
-
-            state.setThumbDragging(realTimeTrackDraggingIndex.current, true);
-            state.setThumbValue(index, value);
-          } else {
-            realTimeTrackDraggingIndex.current = undefined;
-          }
-        }
-      }
-    }, {
-      onMouseDown,
-      onMouseEnter,
-      onMouseOut
-    })
-  };
-}
-
-/**
- * Provides behavior and accessibility for a thumb of a slider component.
+import {useSlider as $bcca50147b47f54d$export$56b2c08e277f365} from "./useSlider.module.js";
+import {useSliderThumb as $47b897dc8cdb026b$export$8d15029008292ae} from "./useSliderThumb.module.js";
+
+/*
+ * 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
  *
- * @param opts Options for this Slider thumb.
- * @param state Slider state, created via `useSliderState`.
- */
-export function useSliderThumb(opts, state) {
-  var _opts$ariaLabelledby;
+ * 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 {
-    index,
-    isRequired,
-    isDisabled,
-    isReadOnly,
-    validationState,
-    trackRef,
-    inputRef
-  } = opts;
-  let labelId = $d20491ae7743da17cfa841ff6d87$export$sliderIds.get(state);
-  const {
-    labelProps,
-    fieldProps
-  } = useLabel(_babelRuntimeHelpersEsmExtends({}, opts, {
-    'aria-labelledby': (labelId + " " + ((_opts$ariaLabelledby = opts['aria-labelledby']) != null ? _opts$ariaLabelledby : '')).trim()
-  }));
-  const value = state.values[index];
-  const isEditable = !(isDisabled || isReadOnly);
-  const focusInput = useCallback(() => {
-    if (inputRef.current) {
-      focusWithoutScrolling(inputRef.current);
-    }
-  }, [inputRef]);
-  const isFocused = state.focusedThumb === index;
-  useEffect(() => {
-    if (isFocused) {
-      focusInput();
-    }
-  }, [isFocused, focusInput]);
-  const draggableProps = useDrag1D({
-    containerRef: trackRef,
-    reverse: false,
-    orientation: 'horizontal',
-    onDrag: dragging => {
-      state.setThumbDragging(index, dragging);
-      focusInput();
-    },
-    onPositionChange: position => {
-      const percent = position / trackRef.current.offsetWidth;
-      state.setThumbPercent(index, percent);
-    }
-  }); // Immediately register editability with the state
 
-  state.setThumbEditable(index, isEditable);
-  const {
-    focusableProps
-  } = useFocusable(mergeProps(opts, {
-    onFocus: () => state.setFocusedThumb(index),
-    onBlur: () => state.setFocusedThumb(undefined)
-  }), inputRef); // 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: mergeProps(focusableProps, fieldProps, {
-      type: 'range',
-      tabIndex: isEditable ? 0 : undefined,
-      min: state.getThumbMinValue(index),
-      max: state.getThumbMaxValue(index),
-      step: state.step,
-      value: value,
-      readOnly: isReadOnly,
-      disabled: isDisabled,
-      'aria-orientation': 'horizontal',
-      'aria-valuetext': state.getThumbValueLabel(index),
-      'aria-required': isRequired || undefined,
-      'aria-invalid': validationState === 'invalid' || undefined,
-      'aria-errormessage': opts['aria-errormessage'],
-      onChange: e => {
-        state.setThumbValue(index, parseFloat(e.target.value));
-      }
-    }),
-    thumbProps: isEditable ? mergeProps({
-      onMouseDown: draggableProps.onMouseDown,
-      onMouseEnter: draggableProps.onMouseEnter,
-      onMouseOut: draggableProps.onMouseOut
-    }, {
-      onMouseDown: focusInput
-    }) : {},
-    labelProps
-  };
-}
+export {$bcca50147b47f54d$export$56b2c08e277f365 as useSlider, $47b897dc8cdb026b$export$8d15029008292ae as useSliderThumb};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/@react-aria/slider/src/utils.ts","./packages/@react-aria/slider/src/useSlider.ts","./packages/@react-aria/slider/src/useSliderThumb.ts"],"sourcesContent":["import {SliderState} from '@react-stately/slider';\n\nexport const sliderIds = new WeakMap<SliderState, string>();\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {HTMLAttributes, useRef} from 'react';\nimport {mergeProps, useDrag1D} from '@react-aria/utils';\nimport {sliderIds} from './utils';\nimport {SliderProps} from '@react-types/slider';\nimport {SliderState} from '@react-stately/slider';\nimport {useLabel} from '@react-aria/label';\n\ninterface SliderAria {\n  /** Props for the label element. */\n  labelProps: HTMLAttributes<HTMLElement>,\n\n  /** Props for the root element of the slider component; groups slider inputs. */\n  containerProps: HTMLAttributes<HTMLElement>,\n\n  /** Props for the track element. */\n  trackProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides behavior and accessibility for a slider component.\n *\n * @param props Props for the slider.\n * @param state State for the slider, as returned by `useSliderState`.\n * @param trackRef Ref for the \"track\" element.  The width of this element provides the \"length\"\n * of the track -- the span of one dimensional space that the slider thumb can be.  It also\n * accepts click and drag motions, so that the closest thumb will follow clicks and drags on\n * the track.\n */\nexport function useSlider(\n  props: SliderProps,\n  state: SliderState,\n  trackRef: React.RefObject<HTMLElement>\n): SliderAria {\n  const {labelProps, fieldProps} = useLabel(props);\n\n  const isSliderEditable = !(props.isDisabled || props.isReadOnly);\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  // 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 useDrag1D() 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; see trackProps below.\n  const realTimeTrackDraggingIndex = useRef<number | undefined>(undefined);\n  const isTrackDragging = useRef(false);\n  const {onMouseDown, onMouseEnter, onMouseOut} = useDrag1D({\n    containerRef: trackRef as any,\n    reverse: false,\n    orientation: 'horizontal',\n    onDrag: (dragging) => {\n      if (realTimeTrackDraggingIndex.current !== undefined) {\n        state.setThumbDragging(realTimeTrackDraggingIndex.current, dragging);\n      }\n      isTrackDragging.current = dragging;\n    },\n    onPositionChange: (position) => {\n      if (realTimeTrackDraggingIndex.current !== undefined && trackRef.current) {\n        const percent = position / trackRef.current.offsetWidth;\n        state.setThumbPercent(realTimeTrackDraggingIndex.current, percent);\n\n        // When track-dragging ends, onDrag is called before a final onPositionChange is\n        // called, so we can't reset realTimeTrackDraggingIndex until onPositionChange,\n        // as we still needed to update the thumb position one last time.  Hence we\n        // track whether we're dragging, and the actual dragged index, separately.\n        if (!isTrackDragging.current) {\n          realTimeTrackDraggingIndex.current = undefined;\n        }\n      }\n    }\n  });\n\n  return {\n    labelProps,\n\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    containerProps: {\n      role: 'group',\n      ...fieldProps\n    },\n    trackProps: mergeProps({\n      onMouseDown: (e: React.MouseEvent<HTMLElement>) => {\n        // We only trigger track-dragging if the user clicks on the track itself.\n        if (trackRef.current && isSliderEditable) {\n          // Find the closest thumb\n          const trackPosition = trackRef.current.getBoundingClientRect().left;\n          const clickPosition = e.clientX;\n          const offset = clickPosition - trackPosition;\n          const percent = offset / trackRef.current.offsetWidth;\n          const value = state.getPercentValue(percent);\n\n          // Only compute the diff for thumbs that are editable, as only they can be dragged\n          const minDiff = Math.min(...state.values.map((v, index) => state.isThumbEditable(index) ? Math.abs(v - value) : Number.POSITIVE_INFINITY));\n          const index = state.values.findIndex(v => Math.abs(v - value) === minDiff);\n          if (minDiff !== Number.POSITIVE_INFINITY && index >= 0) {\n            // Don't unfocus anything\n            e.preventDefault();\n\n            realTimeTrackDraggingIndex.current = index;\n            state.setFocusedThumb(index);\n\n            // We immediately toggle state to dragging and set the value on mouse down.\n            // We set the value now, instead of waiting for onDrag, so that the thumb\n            // is updated while you're still holding the mouse button down.  And we\n            // set dragging on now, so that onChangeEnd() won't fire yet when we set\n            // the value.  Dragging state will be reset to false in onDrag above, even\n            // if no dragging actually occurs.\n            state.setThumbDragging(realTimeTrackDraggingIndex.current, true);\n            state.setThumbValue(index, value);\n          } else {\n            realTimeTrackDraggingIndex.current = undefined;\n          }\n        }\n      }\n    }, {\n      onMouseDown, onMouseEnter, onMouseOut\n    })\n  };\n}\n","import {ChangeEvent, HTMLAttributes, useCallback, useEffect} from 'react';\nimport {focusWithoutScrolling, mergeProps, useDrag1D} from '@react-aria/utils';\nimport {sliderIds} from './utils';\nimport {SliderState} from '@react-stately/slider';\nimport {SliderThumbProps} from '@react-types/slider';\nimport {useFocusable} from '@react-aria/focus';\nimport {useLabel} from '@react-aria/label';\n\ninterface SliderThumbAria {\n  /** Props for the range input. */\n  inputProps: HTMLAttributes<HTMLElement>,\n\n  /** Props for the root thumb element; handles the dragging motion. */\n  thumbProps: HTMLAttributes<HTMLElement>,\n\n  /** Props for the label element for this thumb. */\n  labelProps: HTMLAttributes<HTMLElement>\n}\n\ninterface SliderThumbOptions extends SliderThumbProps {\n  trackRef: React.RefObject<HTMLElement>,\n  inputRef: React.RefObject<HTMLInputElement>\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): SliderThumbAria {\n  const {\n    index,\n    isRequired,\n    isDisabled,\n    isReadOnly,\n    validationState,\n    trackRef,\n    inputRef\n  } = opts;\n\n  let labelId = sliderIds.get(state);\n  const {labelProps, fieldProps} = useLabel({\n    ...opts,\n    'aria-labelledby': `${labelId} ${opts['aria-labelledby'] ?? ''}`.trim()\n  });\n\n  const value = state.values[index];\n  const isEditable = !(isDisabled || isReadOnly);\n\n  const focusInput = useCallback(() => {\n    if (inputRef.current) {\n      focusWithoutScrolling(inputRef.current);\n    }\n  }, [inputRef]);\n\n  const isFocused = state.focusedThumb === index;\n\n  useEffect(() => {\n    if (isFocused) {\n      focusInput();\n    }\n  }, [isFocused, focusInput]);\n\n  const draggableProps = useDrag1D({\n    containerRef: trackRef as any,\n    reverse: false,\n    orientation: 'horizontal',\n    onDrag: (dragging) => {\n      state.setThumbDragging(index, dragging);\n      focusInput();\n    },\n    onPositionChange: (position) => {\n      const percent = position / trackRef.current.offsetWidth;\n      state.setThumbPercent(index, percent);\n    }\n  });\n\n  // Immediately register editability with the state\n  state.setThumbEditable(index, isEditable);\n\n  const {focusableProps} = useFocusable(\n    mergeProps(opts, {\n      onFocus: () => state.setFocusedThumb(index),\n      onBlur: () => state.setFocusedThumb(undefined)\n    }),\n    inputRef\n  );\n\n  // We install mouse handlers for the drag motion on the thumb div, but\n  // not the key handler for moving the thumb with the slider.  Instead,\n  // we focus the range input, and let the browser handle the keyboard\n  // interactions; we then listen to input's onChange to update state.\n  return {\n    inputProps: mergeProps(focusableProps, fieldProps, {\n      type: 'range',\n      tabIndex: isEditable ? 0 : undefined,\n      min: state.getThumbMinValue(index),\n      max: state.getThumbMaxValue(index),\n      step: state.step,\n      value: value,\n      readOnly: isReadOnly,\n      disabled: isDisabled,\n      'aria-orientation': 'horizontal',\n      'aria-valuetext': state.getThumbValueLabel(index),\n      'aria-required': isRequired || undefined,\n      'aria-invalid': validationState === 'invalid' || undefined,\n      'aria-errormessage': opts['aria-errormessage'],\n      onChange: (e: ChangeEvent<HTMLInputElement>) => {\n        state.setThumbValue(index, parseFloat(e.target.value));\n      }\n    }),\n    thumbProps: isEditable ? mergeProps({\n      onMouseDown: draggableProps.onMouseDown,\n      onMouseEnter: draggableProps.onMouseEnter,\n      onMouseOut: draggableProps.onMouseOut\n    }, {\n      onMouseDown: focusInput\n    }) : {},\n    labelProps\n  };\n}\n"],"names":["sliderIds","WeakMap","useSlider","props","state","trackRef","labelProps","fieldProps","useLabel","isSliderEditable","isDisabled","isReadOnly","set","id","realTimeTrackDraggingIndex","useRef","undefined","isTrackDragging","onMouseDown","onMouseEnter","onMouseOut","useDrag1D","containerRef","reverse","orientation","onDrag","dragging","current","setThumbDragging","onPositionChange","position","percent","offsetWidth","setThumbPercent","containerProps","role","trackProps","mergeProps","e","trackPosition","getBoundingClientRect","left","clickPosition","clientX","offset","value","getPercentValue","minDiff","Math","min","values","map","v","index","isThumbEditable","abs","Number","POSITIVE_INFINITY","findIndex","preventDefault","setFocusedThumb","setThumbValue","useSliderThumb","opts","isRequired","validationState","inputRef","labelId","get","trim","isEditable","focusInput","useCallback","focusWithoutScrolling","isFocused","focusedThumb","useEffect","draggableProps","setThumbEditable","focusableProps","useFocusable","onFocus","onBlur","inputProps","type","tabIndex","getThumbMinValue","max","getThumbMaxValue","step","readOnly","disabled","getThumbValueLabel","onChange","parseFloat","target","thumbProps"],"version":3,"file":"module.js.map"}
+{"mappings":";;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/slider/src/index.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 */\nexport {useSlider} from './useSlider';\nexport {useSliderThumb} from './useSliderThumb';\nexport type {AriaSliderProps} from '@react-types/slider';\nexport type {SliderAria} from './useSlider';\nexport type {AriaSliderThumbOptions, SliderThumbAria} from './useSliderThumb';\nexport type {AriaSliderThumbProps} from '@react-types/slider';\nexport type {Orientation} from '@react-types/shared';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -1,16 +1,19 @@
-import { HTMLAttributes } from "react";
-import { SliderProps, SliderThumbProps } from "@react-types/slider";
+import { AriaSliderProps, AriaSliderThumbProps } from "@react-types/slider";
+import { DOMAttributes, RefObject } from "@react-types/shared";
+import { LabelHTMLAttributes, OutputHTMLAttributes, InputHTMLAttributes } from "react";
 import { SliderState } from "@react-stately/slider";
-interface SliderAria {
+export interface SliderAria {
     /** Props for the label element. */
-    labelProps: HTMLAttributes<HTMLElement>;
+    labelProps: LabelHTMLAttributes<HTMLLabelElement>;
     /** Props for the root element of the slider component; groups slider inputs. */
-    containerProps: HTMLAttributes<HTMLElement>;
+    groupProps: DOMAttributes;
     /** Props for the track element. */
-    trackProps: HTMLAttributes<HTMLElement>;
+    trackProps: DOMAttributes;
+    /** Props for the output element, displaying the value of the slider thumbs. */
+    outputProps: OutputHTMLAttributes<HTMLOutputElement>;
 }
 /**
- * Provides behavior and accessibility for a slider component.
+ * Provides the behavior and accessibility implementation for a slider component representing one or more values.
  *
  * @param props Props for the slider.
  * @param state State for the slider, as returned by `useSliderState`.
@@ -19,18 +22,26 @@ interface SliderAria {
  * accepts click and drag motions, so that the closest thumb will follow clicks and drags on
  * the track.
  */
-export function useSlider(props: SliderProps, state: SliderState, trackRef: React.RefObject<HTMLElement>): SliderAria;
-interface SliderThumbAria {
-    /** Props for the range input. */
-    inputProps: HTMLAttributes<HTMLElement>;
+export function useSlider<T extends number | number[]>(props: AriaSliderProps<T>, state: SliderState, trackRef: RefObject<Element | null>): SliderAria;
+export interface SliderThumbAria {
     /** Props for the root thumb element; handles the dragging motion. */
-    thumbProps: HTMLAttributes<HTMLElement>;
-    /** Props for the label element for this thumb. */
-    labelProps: HTMLAttributes<HTMLElement>;
+    thumbProps: DOMAttributes;
+    /** Props for the visually hidden range input element. */
+    inputProps: InputHTMLAttributes<HTMLInputElement>;
+    /** Props for the label element for this thumb (optional). */
+    labelProps: LabelHTMLAttributes<HTMLLabelElement>;
+    /** Whether this thumb is currently being dragged. */
+    isDragging: boolean;
+    /** Whether the thumb is currently focused. */
+    isFocused: boolean;
+    /** Whether the thumb is disabled. */
+    isDisabled: boolean;
 }
-interface SliderThumbOptions extends SliderThumbProps {
-    trackRef: React.RefObject<HTMLElement>;
-    inputRef: React.RefObject<HTMLInputElement>;
+export interface AriaSliderThumbOptions extends AriaSliderThumbProps {
+    /** A ref to the track element. */
+    trackRef: RefObject<Element | null>;
+    /** A ref to the thumb input element. */
+    inputRef: RefObject<HTMLInputElement | null>;
 }
 /**
  * Provides behavior and accessibility for a thumb of a slider component.
@@ -38,6 +49,9 @@ interface SliderThumbOptions extends SliderThumbProps {
  * @param opts Options for this Slider thumb.
  * @param state Slider state, created via `useSliderState`.
  */
-export function useSliderThumb(opts: SliderThumbOptions, state: SliderState): SliderThumbAria;
+export function useSliderThumb(opts: AriaSliderThumbOptions, state: SliderState): SliderThumbAria;
+export type { AriaSliderProps } from '@react-types/slider';
+export type { AriaSliderThumbProps } from '@react-types/slider';
+export type { Orientation } from '@react-types/shared';
 
 //# sourceMappingURL=types.d.ts.map