@corva/ui 3.1.0-rc.3 → 3.1.0-rc.5

package/components/RangeSlider/RangeSlider.js

@@ -0,0 +1,404 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { round, throttle } from 'lodash';
+import { Tooltip } from '@material-ui/core';
+import { isMobileDetected } from '../../utils/mobileDetect.js';
+import { horizontalStrategy } from './strategies/horizontal.js';
+import { verticalStrategy } from './strategies/vertical.js';
+import { getToolipBoundingClientRect, calculatePercentForValue, calculateValueFromPercent, updateFromValue, updateToValue } from './utils.js';
+import FromInput from './inputs/FromInput.js';
+import ToInput from './inputs/ToInput.js';
+import { RangeSliderControl, DEFAULT_FOCUSED_EL, RangeSliderOrientation } from './constants.js';
+import styles from './RangeSlider.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var RangeSlider = function RangeSlider(_ref) {
+  var _railRef$current, _classNames, _classNames2, _classNames3, _classNames4;
+  var from = _ref.from,
+    to = _ref.to,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 100 : _ref$max,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
+    _ref$precision = _ref.precision,
+    precision = _ref$precision === void 0 ? 0 : _ref$precision,
+    _ref$minRange = _ref.minRange,
+    minRange = _ref$minRange === void 0 ? 0 : _ref$minRange,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$isSingleRange = _ref.isSingleRange,
+    isSingleRange = _ref$isSingleRange === void 0 ? false : _ref$isSingleRange,
+    _ref$isWithoutInput = _ref.isWithoutInput,
+    isWithoutInput = _ref$isWithoutInput === void 0 ? false : _ref$isWithoutInput;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    fromInputValue = _useState2[0],
+    setFromInputValue = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    toInputValue = _useState4[0],
+    setToInputValue = _useState4[1];
+  var _useState5 = useState({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    tooltipPosition = _useState6[0],
+    setTooltipPosition = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    tooltipTitle = _useState8[0],
+    setTooltipTitle = _useState8[1];
+  var _useState9 = useState(null),
+    _useState10 = _slicedToArray(_useState9, 2),
+    strategy = _useState10[0],
+    setStrategy = _useState10[1];
+  var _useState11 = useState(RangeSliderControl.FROM),
+    _useState12 = _slicedToArray(_useState11, 2),
+    lastMoved = _useState12[0],
+    setLastMoved = _useState12[1];
+  var _useState13 = useState(null),
+    _useState14 = _slicedToArray(_useState13, 2),
+    activeInput = _useState14[0],
+    setActiveInput = _useState14[1];
+  var _useState15 = useState({}),
+    _useState16 = _slicedToArray(_useState15, 2),
+    computedStyles = _useState16[0],
+    setComputedStyles = _useState16[1];
+  var _useState17 = useState(DEFAULT_FOCUSED_EL),
+    _useState18 = _slicedToArray(_useState17, 2),
+    focusedEl = _useState18[0],
+    setFocusedEl = _useState18[1];
+  var railRef = useRef(null);
+  var fromThumbRef = useRef(null);
+  var toThumbRef = useRef(null);
+  var fromInputRef = useRef(null);
+  var toInputRef = useRef(null);
+  var railPosition = (_railRef$current = railRef.current) === null || _railRef$current === void 0 ? void 0 : _railRef$current.getBoundingClientRect();
+  var isHorizontalOrientation = orientation === RangeSliderOrientation.HORIZONTAL;
+  var isVerticalOrientation = orientation === RangeSliderOrientation.VERTICAL;
+  var isSingleRangeWithoutInput = isSingleRange && isWithoutInput;
+  useEffect(function () {
+    if (orientation === RangeSliderOrientation.HORIZONTAL) {
+      setStrategy(horizontalStrategy);
+    }
+    if (orientation === RangeSliderOrientation.VERTICAL) {
+      setStrategy(verticalStrategy);
+    }
+  }, [orientation]);
+  useEffect(function () {
+    if (isSingleRange) {
+      onChange({
+        from: 0,
+        to: to
+      });
+    }
+  }, [isSingleRange]);
+  useEffect(function () {
+    if (strategy) {
+      var _setComputedStyles;
+      var roundedFrom = round(from, precision);
+      var roundedTo = round(to, precision);
+      var roundedMin = round(min, precision);
+      var roundedMax = round(max, precision);
+      var fromPercent = calculatePercentForValue(roundedFrom, roundedMin, roundedMax);
+      var toPercent = calculatePercentForValue(roundedTo, roundedMin, roundedMax);
+      setComputedStyles((_setComputedStyles = {}, _defineProperty(_setComputedStyles, RangeSliderControl.FROM, strategy.getThumbStyles(fromPercent, lastMoved === RangeSliderControl.FROM)), _defineProperty(_setComputedStyles, RangeSliderControl.TO, strategy.getThumbStyles(toPercent, lastMoved === RangeSliderControl.TO)), _defineProperty(_setComputedStyles, RangeSliderControl.BAR, strategy.getBarStyles(fromPercent, toPercent)), _defineProperty(_setComputedStyles, RangeSliderControl.FROM_INPUT, strategy.getInputStyles(activeInput === RangeSliderControl.FROM || activeInput === RangeSliderControl.BAR || focusedEl.from)), _defineProperty(_setComputedStyles, RangeSliderControl.TO_INPUT, strategy.getInputStyles(activeInput === RangeSliderControl.TO || activeInput === RangeSliderControl.BAR || focusedEl.to)), _setComputedStyles));
+      setFromInputValue(roundedFrom.toString());
+      setToInputValue(roundedTo.toString());
+    }
+  }, [strategy, min, max, from, to, activeInput, focusedEl]);
+  var onFromMove = function onFromMove(event) {
+    var coordinates = strategy.getCoordinates(event, railRef.current.getBoundingClientRect());
+    var percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);
+    var newFrom = round(calculateValueFromPercent(percent, min, max), precision);
+    if (newFrom !== from) {
+      var _range = updateFromValue(newFrom, from, to, min, minRange);
+      onChange(_range);
+    }
+  };
+  var onToMove = function onToMove(event) {
+    var coordinates = isVerticalOrientation && isSingleRange ? strategy.getRotatedCoordinates(event, railRef.current.getBoundingClientRect()) : strategy.getCoordinates(event, railRef.current.getBoundingClientRect());
+    var percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);
+    var newTo = round(calculateValueFromPercent(percent, min, max), precision);
+    if (newTo !== to) {
+      var _range2 = updateToValue(newTo, from, to, max, minRange);
+      onChange(_range2);
+    }
+  };
+  var onBarMove = function onBarMove(event, startCoordinates) {
+    var coordinates = strategy.getBarCoordinates(event, startCoordinates, railRef.current.getBoundingClientRect());
+    var percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);
+    var newFrom = round(calculateValueFromPercent(percent, min, max), precision);
+    var newTo = round(to + (newFrom - from), precision);
+    if (newFrom < min) {
+      var diff = min - newFrom;
+      newFrom = min;
+      newTo = round(newTo + diff, precision);
+    }
+    if (newTo > max) {
+      var _diff = newTo - max;
+      newTo = max;
+      newFrom = round(newFrom - _diff, precision);
+    }
+    if (newFrom !== from && newTo !== to && newFrom >= min && newTo <= max) {
+      onChange({
+        from: newFrom,
+        to: newTo
+      });
+    }
+  };
+  var onMove = function onMove(control) {
+    if (control === RangeSliderControl.FROM) {
+      return onFromMove;
+    }
+    if (control === RangeSliderControl.TO) {
+      return onToMove;
+    }
+    return onBarMove;
+  };
+  var _onMouseEnter = function onMouseEnter(control) {
+    if (control === RangeSliderControl.BAR) {
+      setFocusedEl({
+        from: true,
+        bar: true,
+        to: true
+      });
+      return;
+    }
+    setFocusedEl(_objectSpread(_objectSpread({}, DEFAULT_FOCUSED_EL), {}, _defineProperty({}, control, true)));
+  };
+  var _onMouseLeave = function onMouseLeave(control) {
+    if (control === RangeSliderControl.BAR) {
+      setFocusedEl(DEFAULT_FOCUSED_EL);
+      return;
+    }
+    setFocusedEl(_objectSpread(_objectSpread({}, focusedEl), {}, _defineProperty({}, control, false)));
+  };
+  var _onMouseDown = function onMouseDown(control, startEvent) {
+    if (isSingleRange && control === RangeSliderControl.BAR || disabled) {
+      return;
+    }
+    // Block layout grid drag
+    startEvent.stopPropagation();
+    setLastMoved(control);
+    setActiveInput(control);
+    var clientX = startEvent.clientX,
+      clientY = startEvent.clientY;
+    var _getBoundingClientRec = startEvent.target.getBoundingClientRect(),
+      x = _getBoundingClientRec.x,
+      y = _getBoundingClientRec.y;
+    function onMouseMove(event) {
+      onMove(control)(event, {
+        clientX: clientX,
+        clientY: clientY,
+        x: x,
+        y: y
+      });
+    }
+
+    // lock slider update rate to 240+ per sec
+    var throttledMove = throttle(onMouseMove, 4);
+    function onMouseUp() {
+      setActiveInput(null);
+      document.removeEventListener('mousemove', throttledMove);
+      document.removeEventListener('mouseup', onMouseUp);
+    }
+    document.addEventListener('mousemove', throttledMove);
+    document.addEventListener('mouseup', onMouseUp);
+  };
+  var setControlValue = function setControlValue(control) {
+    if (control === RangeSliderControl.FROM) {
+      return setFromInputValue;
+    }
+    return setToInputValue;
+  };
+  var onInputChange = function onInputChange(control, event) {
+    var value = event.target.value;
+    if (!Number.isNaN(Number(value))) {
+      setControlValue(control)(value);
+    }
+  };
+  var validateInputChange = function validateInputChange(control, event) {
+    var value = event.target.value;
+    var roundValue = round(Number(value), precision);
+    if (control === RangeSliderControl.FROM) {
+      var _range3 = updateFromValue(roundValue, from, to, min, minRange);
+      onChange(_range3);
+      setFromInputValue(_range3.from);
+    }
+    if (control === RangeSliderControl.TO) {
+      var _range4 = updateToValue(roundValue, from, to, max, minRange);
+      onChange(_range4);
+      setToInputValue(_range4.to);
+    }
+  };
+  var handleTooltipMouseMove = function handleTooltipMouseMove(event) {
+    var x = event.clientX,
+      y = event.clientY;
+    var clientCoordinates = isHorizontalOrientation ? {
+      clientX: x
+    } : {
+      clientY: y
+    };
+    var coordinates = isVerticalOrientation && isSingleRange ? strategy.getRotatedCoordinates(clientCoordinates, railRef.current.getBoundingClientRect()) : strategy.getCoordinates(clientCoordinates, railRef.current.getBoundingClientRect());
+    if (focusedEl.bar) {
+      setTooltipTitle('');
+      setTooltipPosition({
+        x: x,
+        y: y
+      });
+      return;
+    }
+    var percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);
+    var currentValue = round(calculateValueFromPercent(percent, min, max), precision);
+    if (currentValue < min) {
+      setTooltipTitle(min.toString());
+    }
+    if (currentValue > max) {
+      setTooltipTitle(max.toString());
+    }
+    if (currentValue >= min && currentValue <= max) {
+      setTooltipTitle(currentValue.toString());
+    }
+    setTooltipPosition({
+      x: x,
+      y: y
+    });
+  };
+  var handleRailClick = function handleRailClick(event) {
+    if (focusedEl.bar || focusedEl.from || focusedEl.to) return;
+    var x = event.clientX,
+      y = event.clientY;
+    var clientCoordinates = isHorizontalOrientation ? {
+      clientX: x
+    } : {
+      clientY: y
+    };
+    var coordinates = isVerticalOrientation && isSingleRange ? strategy.getRotatedCoordinates(clientCoordinates, railRef.current.getBoundingClientRect()) : strategy.getCoordinates(clientCoordinates, railRef.current.getBoundingClientRect());
+    var percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);
+    var currentValue = round(calculateValueFromPercent(percent, min, max), precision);
+    if (isSingleRange) {
+      onChange({
+        from: from,
+        to: currentValue
+      });
+      return;
+    }
+    onChange({
+      from: from > currentValue ? currentValue : from,
+      to: to < currentValue ? currentValue : to
+    });
+  };
+  useEffect(function () {
+    var rail = railRef.current;
+    rail.addEventListener('click', handleRailClick);
+    return function () {
+      return rail.removeEventListener('click', handleRailClick);
+    };
+  }, [isSingleRange, strategy, focusedEl]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames((_classNames = {}, _defineProperty(_classNames, styles.disabled, disabled), _defineProperty(_classNames, styles.rangeSliderHorizontal, isHorizontalOrientation), _defineProperty(_classNames, styles.rangeSliderVertical, isVerticalOrientation), _defineProperty(_classNames, styles.rotatedVerticalRange, isVerticalOrientation && isSingleRange), _classNames)),
+    children: [!isSingleRange && /*#__PURE__*/jsx(FromInput, {
+      compStyles: computedStyles[RangeSliderControl.FROM_INPUT],
+      isVerticalOrientation: isVerticalOrientation,
+      max: max,
+      disabled: disabled,
+      precision: precision,
+      fromInputRef: fromInputRef,
+      from: from,
+      fromInputValue: fromInputValue,
+      onInputChange: onInputChange,
+      validateInputChange: validateInputChange
+    }), /*#__PURE__*/jsx(Tooltip, {
+      title: tooltipTitle,
+      placement: isHorizontalOrientation ? 'top' : 'left',
+      onMouseMove: handleTooltipMouseMove,
+      PopperProps: {
+        anchorEl: {
+          clientHeight: 0,
+          clientWidth: 0,
+          getBoundingClientRect: function getBoundingClientRect() {
+            return getToolipBoundingClientRect({
+              isHorizontalOrientation: isHorizontalOrientation,
+              railPosition: railPosition,
+              tooltipPosition: tooltipPosition
+            });
+          }
+        }
+      },
+      children: /*#__PURE__*/jsxs("div", {
+        className: classNames(styles.rangeSliderRail, (_classNames2 = {}, _defineProperty(_classNames2, styles.rangeSliderRailHorizontal, isHorizontalOrientation), _defineProperty(_classNames2, styles.rangeSliderRailVertical, isVerticalOrientation), _classNames2)),
+        ref: railRef,
+        children: [!isSingleRange && /*#__PURE__*/jsx("div", {
+          ref: fromThumbRef,
+          className: classNames(styles.rangeSliderThumb, isMobileDetected && styles.mobileRangeSliderThumb),
+          style: computedStyles[RangeSliderControl.FROM],
+          onMouseDown: function onMouseDown(event) {
+            return _onMouseDown(RangeSliderControl.FROM, event);
+          },
+          onMouseEnter: function onMouseEnter() {
+            _onMouseEnter(RangeSliderControl.FROM);
+          },
+          onMouseLeave: function onMouseLeave() {
+            _onMouseLeave(RangeSliderControl.FROM);
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: styles.rangeSliderLabel
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: classNames(styles.rangeSliderBar, (_classNames3 = {}, _defineProperty(_classNames3, styles.rangeSliderBarHorizontal, isHorizontalOrientation), _defineProperty(_classNames3, styles.rangeSliderBarVertical, isVerticalOrientation), _classNames3)),
+          style: computedStyles[RangeSliderControl.BAR],
+          onMouseDown: function onMouseDown(event) {
+            return _onMouseDown(RangeSliderControl.BAR, event);
+          },
+          onMouseEnter: function onMouseEnter() {
+            _onMouseEnter(RangeSliderControl.BAR);
+          },
+          onMouseLeave: function onMouseLeave() {
+            _onMouseLeave(RangeSliderControl.BAR);
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: classNames(styles.rangeSliderBarView, (_classNames4 = {}, _defineProperty(_classNames4, styles.rangeSliderBarViewHorizontal, isHorizontalOrientation), _defineProperty(_classNames4, styles.rangeSliderBarViewVertical, isVerticalOrientation), _classNames4))
+          })
+        }), /*#__PURE__*/jsx("div", {
+          ref: toThumbRef,
+          className: classNames(styles.rangeSliderThumb, isMobileDetected && styles.mobileRangeSliderThumb),
+          style: computedStyles[RangeSliderControl.TO],
+          onMouseDown: function onMouseDown(event) {
+            return _onMouseDown(RangeSliderControl.TO, event);
+          },
+          onMouseEnter: function onMouseEnter() {
+            _onMouseEnter(RangeSliderControl.TO);
+          },
+          onMouseLeave: function onMouseLeave() {
+            _onMouseLeave(RangeSliderControl.TO);
+          },
+          children: /*#__PURE__*/jsx("div", {
+            className: styles.rangeSliderLabel
+          })
+        })]
+      })
+    }), !isSingleRangeWithoutInput && /*#__PURE__*/jsx(ToInput, {
+      compStyles: computedStyles[RangeSliderControl.TO_INPUT],
+      disabled: disabled,
+      isVerticalOrientation: isVerticalOrientation,
+      rotated: isVerticalOrientation && isSingleRange,
+      max: max,
+      precision: precision,
+      toInputRef: toInputRef,
+      to: to,
+      toInputValue: toInputValue,
+      onInputChange: onInputChange,
+      validateInputChange: validateInputChange
+    })]
+  });
+};
+
+export { RangeSlider as default };
+//# sourceMappingURL=RangeSlider.js.map

package/components/RangeSlider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sources":["../../../src/components/RangeSlider/RangeSlider.tsx"],"sourcesContent":["import { ChangeEvent, CSSProperties, MouseEvent, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { round, throttle } from 'lodash';\n\nimport { Tooltip } from '@material-ui/core';\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nimport { horizontalStrategy } from './strategies/horizontal';\nimport { verticalStrategy } from './strategies/vertical';\nimport {\n  calculatePercentForValue,\n  calculateValueFromPercent,\n  getToolipBoundingClientRect,\n  updateFromValue,\n  updateToValue,\n} from './utils';\nimport FromInput from './inputs/FromInput';\nimport ToInput from './inputs/ToInput';\nimport {\n  DEFAULT_FOCUSED_EL,\n  RangeSliderControl,\n  RangeSliderOrientation,\n  StartCoordinates,\n} from './constants';\n\nimport styles from './RangeSlider.css';\n\nconst TOOLTIP_MARGIN = 6;\n\nexport type RangeSliderProps = {\n  /**\n   * Range start value\n   */\n  from: number;\n  /**\n   * Range end value\n   */\n  to: number;\n\n  /**\n   * Callback function called every time `from` or `to` values are changed. Bound to mousemove event\n   * @param range\n   */\n  onChange?: (range: { from: number; to: number }) => void;\n\n  /**\n   * Minimum value\n   */\n  min?: number;\n  /**\n   * Maximum value\n   */\n  max?: number;\n\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Digits after decimal point\n   */\n  precision?: number;\n\n  /**\n   * Minimum allowed difference between `from` and `to` values\n   */\n  minRange?: number;\n  // maxDiffRange: number, //todo\n\n  /**\n   * Fixes range's lower border, effectively turning the component into a single-value `Slider`\n   */\n  isSingleRange?: boolean;\n  /**\n   * Hides input fields on the edges of the slider\n   */\n  isWithoutInput?: boolean;\n  disabled?: boolean;\n};\n\nconst RangeSlider = ({\n  from,\n  to,\n  disabled = false,\n  min = 0,\n  max = 100,\n  orientation = 'horizontal',\n  precision = 0,\n  minRange = 0,\n  onChange = () => {},\n  isSingleRange = false,\n  isWithoutInput = false,\n}: RangeSliderProps): JSX.Element => {\n  const [fromInputValue, setFromInputValue] = useState(null);\n  const [toInputValue, setToInputValue] = useState(null);\n  const [tooltipPosition, setTooltipPosition] = useState({});\n  const [tooltipTitle, setTooltipTitle] = useState('');\n  const [strategy, setStrategy] = useState(null);\n\n  const [lastMoved, setLastMoved] = useState(RangeSliderControl.FROM);\n  const [activeInput, setActiveInput] = useState(null);\n  const [computedStyles, setComputedStyles] = useState<\n    Partial<Record<RangeSliderControl, CSSProperties>>\n  >({});\n  const [focusedEl, setFocusedEl] = useState(DEFAULT_FOCUSED_EL);\n\n  const railRef = useRef(null);\n  const fromThumbRef = useRef(null);\n  const toThumbRef = useRef(null);\n  const fromInputRef = useRef(null);\n  const toInputRef = useRef(null);\n\n  const railPosition = railRef.current?.getBoundingClientRect();\n  const isHorizontalOrientation = orientation === RangeSliderOrientation.HORIZONTAL;\n  const isVerticalOrientation = orientation === RangeSliderOrientation.VERTICAL;\n  const isSingleRangeWithoutInput = isSingleRange && isWithoutInput;\n\n  useEffect(() => {\n    if (orientation === RangeSliderOrientation.HORIZONTAL) {\n      setStrategy(horizontalStrategy);\n    }\n\n    if (orientation === RangeSliderOrientation.VERTICAL) {\n      setStrategy(verticalStrategy);\n    }\n  }, [orientation]);\n\n  useEffect(() => {\n    if (isSingleRange) {\n      onChange({ from: 0, to });\n    }\n  }, [isSingleRange]);\n\n  useEffect(() => {\n    if (strategy) {\n      const roundedFrom = round(from, precision);\n      const roundedTo = round(to, precision);\n      const roundedMin = round(min, precision);\n      const roundedMax = round(max, precision);\n\n      const fromPercent = calculatePercentForValue(roundedFrom, roundedMin, roundedMax);\n      const toPercent = calculatePercentForValue(roundedTo, roundedMin, roundedMax);\n\n      setComputedStyles({\n        [RangeSliderControl.FROM]: strategy.getThumbStyles(\n          fromPercent,\n          lastMoved === RangeSliderControl.FROM\n        ),\n        [RangeSliderControl.TO]: strategy.getThumbStyles(\n          toPercent,\n          lastMoved === RangeSliderControl.TO\n        ),\n        [RangeSliderControl.BAR]: strategy.getBarStyles(fromPercent, toPercent),\n        [RangeSliderControl.FROM_INPUT]: strategy.getInputStyles(\n          activeInput === RangeSliderControl.FROM ||\n            activeInput === RangeSliderControl.BAR ||\n            focusedEl.from\n        ),\n        [RangeSliderControl.TO_INPUT]: strategy.getInputStyles(\n          activeInput === RangeSliderControl.TO ||\n            activeInput === RangeSliderControl.BAR ||\n            focusedEl.to\n        ),\n      });\n\n      setFromInputValue(roundedFrom.toString());\n      setToInputValue(roundedTo.toString());\n    }\n  }, [strategy, min, max, from, to, activeInput, focusedEl]);\n\n  const onFromMove = (event: MouseEvent) => {\n    const coordinates = strategy.getCoordinates(event, railRef.current.getBoundingClientRect());\n    const percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);\n    const newFrom = round(calculateValueFromPercent(percent, min, max), precision);\n\n    if (newFrom !== from) {\n      const range = updateFromValue(newFrom, from, to, min, minRange);\n      onChange(range);\n    }\n  };\n\n  const onToMove = (event: MouseEvent) => {\n    const coordinates =\n      isVerticalOrientation && isSingleRange\n        ? strategy.getRotatedCoordinates(event, railRef.current.getBoundingClientRect())\n        : strategy.getCoordinates(event, railRef.current.getBoundingClientRect());\n    const percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);\n    const newTo = round(calculateValueFromPercent(percent, min, max), precision);\n\n    if (newTo !== to) {\n      const range = updateToValue(newTo, from, to, max, minRange);\n      onChange(range);\n    }\n  };\n\n  const onBarMove = (event: MouseEvent, startCoordinates: StartCoordinates) => {\n    const coordinates = strategy.getBarCoordinates(\n      event,\n      startCoordinates,\n      railRef.current.getBoundingClientRect()\n    );\n    const percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);\n    let newFrom = round(calculateValueFromPercent(percent, min, max), precision);\n    let newTo = round(to + (newFrom - from), precision);\n\n    if (newFrom < min) {\n      const diff = min - newFrom;\n      newFrom = min;\n      newTo = round(newTo + diff, precision);\n    }\n\n    if (newTo > max) {\n      const diff = newTo - max;\n      newTo = max;\n      newFrom = round(newFrom - diff, precision);\n    }\n\n    if (newFrom !== from && newTo !== to && newFrom >= min && newTo <= max) {\n      onChange({ from: newFrom, to: newTo });\n    }\n  };\n\n  const onMove = (control: RangeSliderControl) => {\n    if (control === RangeSliderControl.FROM) {\n      return onFromMove;\n    }\n\n    if (control === RangeSliderControl.TO) {\n      return onToMove;\n    }\n\n    return onBarMove;\n  };\n\n  const onMouseEnter = (control: RangeSliderControl) => {\n    if (control === RangeSliderControl.BAR) {\n      setFocusedEl({\n        from: true,\n        bar: true,\n        to: true,\n      });\n      return;\n    }\n    setFocusedEl({ ...DEFAULT_FOCUSED_EL, [control]: true });\n  };\n\n  const onMouseLeave = (control: RangeSliderControl) => {\n    if (control === RangeSliderControl.BAR) {\n      setFocusedEl(DEFAULT_FOCUSED_EL);\n      return;\n    }\n    setFocusedEl({ ...focusedEl, [control]: false });\n  };\n\n  const onMouseDown = (control: RangeSliderControl, startEvent: MouseEvent) => {\n    if ((isSingleRange && control === RangeSliderControl.BAR) || disabled) {\n      return;\n    }\n    // Block layout grid drag\n    startEvent.stopPropagation();\n    setLastMoved(control);\n    setActiveInput(control);\n\n    const { clientX, clientY } = startEvent;\n    const { x, y } = (startEvent.target as HTMLDivElement).getBoundingClientRect();\n\n    function onMouseMove(event: MouseEvent) {\n      onMove(control)(event, { clientX, clientY, x, y });\n    }\n\n    // lock slider update rate to 240+ per sec\n    const throttledMove = throttle(onMouseMove, 4);\n\n    function onMouseUp() {\n      setActiveInput(null);\n      document.removeEventListener('mousemove', throttledMove as any);\n      document.removeEventListener('mouseup', onMouseUp);\n    }\n\n    document.addEventListener('mousemove', throttledMove as any);\n    document.addEventListener('mouseup', onMouseUp);\n  };\n\n  const setControlValue = (control: RangeSliderControl) => {\n    if (control === RangeSliderControl.FROM) {\n      return setFromInputValue;\n    }\n    return setToInputValue;\n  };\n\n  const onInputChange = (control: RangeSliderControl, event: ChangeEvent<HTMLInputElement>) => {\n    const { value } = event.target;\n    if (!Number.isNaN(Number(value))) {\n      setControlValue(control)(value);\n    }\n  };\n\n  const validateInputChange = (\n    control: RangeSliderControl,\n    event: ChangeEvent<HTMLInputElement>\n  ) => {\n    const { value } = event.target;\n    const roundValue = round(Number(value), precision);\n\n    if (control === RangeSliderControl.FROM) {\n      const range = updateFromValue(roundValue, from, to, min, minRange);\n      onChange(range);\n      setFromInputValue(range.from);\n    }\n\n    if (control === RangeSliderControl.TO) {\n      const range = updateToValue(roundValue, from, to, max, minRange);\n      onChange(range);\n      setToInputValue(range.to);\n    }\n  };\n\n  const handleTooltipMouseMove = (event: MouseEvent<HTMLDivElement>) => {\n    const { clientX: x, clientY: y } = event;\n\n    const clientCoordinates = isHorizontalOrientation ? { clientX: x } : { clientY: y };\n\n    const coordinates =\n      isVerticalOrientation && isSingleRange\n        ? strategy.getRotatedCoordinates(clientCoordinates, railRef.current.getBoundingClientRect())\n        : strategy.getCoordinates(clientCoordinates, railRef.current.getBoundingClientRect());\n\n    if (focusedEl.bar) {\n      setTooltipTitle('');\n      setTooltipPosition({ x, y });\n      return;\n    }\n    const percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);\n    const currentValue = round(calculateValueFromPercent(percent, min, max), precision);\n\n    if (currentValue < min) {\n      setTooltipTitle(min.toString());\n    }\n    if (currentValue > max) {\n      setTooltipTitle(max.toString());\n    }\n    if (currentValue >= min && currentValue <= max) {\n      setTooltipTitle(currentValue.toString());\n    }\n\n    setTooltipPosition({ x, y });\n  };\n\n  const handleRailClick = (event: MouseEvent) => {\n    if (focusedEl.bar || focusedEl.from || focusedEl.to) return;\n\n    const { clientX: x, clientY: y } = event;\n    const clientCoordinates = isHorizontalOrientation ? { clientX: x } : { clientY: y };\n\n    const coordinates =\n      isVerticalOrientation && isSingleRange\n        ? strategy.getRotatedCoordinates(clientCoordinates, railRef.current.getBoundingClientRect())\n        : strategy.getCoordinates(clientCoordinates, railRef.current.getBoundingClientRect());\n\n    const percent = calculatePercentForValue(coordinates.new, coordinates.min, coordinates.max);\n    const currentValue = round(calculateValueFromPercent(percent, min, max), precision);\n\n    if (isSingleRange) {\n      onChange({ from, to: currentValue });\n      return;\n    }\n\n    onChange({\n      from: from > currentValue ? currentValue : from,\n      to: to < currentValue ? currentValue : to,\n    });\n  };\n\n  useEffect(() => {\n    const rail = railRef.current;\n    rail.addEventListener('click', handleRailClick);\n    return () => rail.removeEventListener('click', handleRailClick);\n  }, [isSingleRange, strategy, focusedEl]);\n\n  return (\n    <div\n      className={classNames({\n        [styles.disabled]: disabled,\n        [styles.rangeSliderHorizontal]: isHorizontalOrientation,\n        [styles.rangeSliderVertical]: isVerticalOrientation,\n        [styles.rotatedVerticalRange]: isVerticalOrientation && isSingleRange,\n      })}\n    >\n      {!isSingleRange && (\n        <FromInput\n          compStyles={computedStyles[RangeSliderControl.FROM_INPUT]}\n          isVerticalOrientation={isVerticalOrientation}\n          max={max}\n          disabled={disabled}\n          precision={precision}\n          fromInputRef={fromInputRef}\n          from={from}\n          fromInputValue={fromInputValue}\n          onInputChange={onInputChange}\n          validateInputChange={validateInputChange}\n        />\n      )}\n      <Tooltip\n        title={tooltipTitle}\n        placement={isHorizontalOrientation ? 'top' : 'left'}\n        onMouseMove={handleTooltipMouseMove}\n        PopperProps={{\n          anchorEl: {\n            clientHeight: 0,\n            clientWidth: 0,\n            getBoundingClientRect: () =>\n              getToolipBoundingClientRect({\n                isHorizontalOrientation,\n                railPosition,\n                tooltipPosition,\n              }) as ClientRect,\n          },\n        }}\n      >\n        <div\n          className={classNames(styles.rangeSliderRail, {\n            [styles.rangeSliderRailHorizontal]: isHorizontalOrientation,\n            [styles.rangeSliderRailVertical]: isVerticalOrientation,\n          })}\n          ref={railRef}\n        >\n          {!isSingleRange && (\n            <div\n              ref={fromThumbRef}\n              className={classNames(\n                styles.rangeSliderThumb,\n                isMobileDetected && styles.mobileRangeSliderThumb\n              )}\n              style={computedStyles[RangeSliderControl.FROM]}\n              onMouseDown={event => onMouseDown(RangeSliderControl.FROM, event)}\n              onMouseEnter={() => {\n                onMouseEnter(RangeSliderControl.FROM);\n              }}\n              onMouseLeave={() => {\n                onMouseLeave(RangeSliderControl.FROM);\n              }}\n            >\n              <div className={styles.rangeSliderLabel} />\n            </div>\n          )}\n          <div\n            className={classNames(styles.rangeSliderBar, {\n              [styles.rangeSliderBarHorizontal]: isHorizontalOrientation,\n              [styles.rangeSliderBarVertical]: isVerticalOrientation,\n            })}\n            style={computedStyles[RangeSliderControl.BAR]}\n            onMouseDown={event => onMouseDown(RangeSliderControl.BAR, event)}\n            onMouseEnter={() => {\n              onMouseEnter(RangeSliderControl.BAR);\n            }}\n            onMouseLeave={() => {\n              onMouseLeave(RangeSliderControl.BAR);\n            }}\n          >\n            <div\n              className={classNames(styles.rangeSliderBarView, {\n                [styles.rangeSliderBarViewHorizontal]: isHorizontalOrientation,\n                [styles.rangeSliderBarViewVertical]: isVerticalOrientation,\n              })}\n            />\n          </div>\n          <div\n            ref={toThumbRef}\n            className={classNames(\n              styles.rangeSliderThumb,\n              isMobileDetected && styles.mobileRangeSliderThumb\n            )}\n            style={computedStyles[RangeSliderControl.TO]}\n            onMouseDown={event => onMouseDown(RangeSliderControl.TO, event)}\n            onMouseEnter={() => {\n              onMouseEnter(RangeSliderControl.TO);\n            }}\n            onMouseLeave={() => {\n              onMouseLeave(RangeSliderControl.TO);\n            }}\n          >\n            <div className={styles.rangeSliderLabel} />\n          </div>\n        </div>\n      </Tooltip>\n      {!isSingleRangeWithoutInput && (\n        <ToInput\n          compStyles={computedStyles[RangeSliderControl.TO_INPUT]}\n          disabled={disabled}\n          isVerticalOrientation={isVerticalOrientation}\n          rotated={isVerticalOrientation && isSingleRange}\n          max={max}\n          precision={precision}\n          toInputRef={toInputRef}\n          to={to}\n          toInputValue={toInputValue}\n          onInputChange={onInputChange}\n          validateInputChange={validateInputChange}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default RangeSlider;\n"],"names":["RangeSlider","from","to","disabled","min","max","orientation","precision","minRange","onChange","isSingleRange","isWithoutInput","useState","fromInputValue","setFromInputValue","toInputValue","setToInputValue","tooltipPosition","setTooltipPosition","tooltipTitle","setTooltipTitle","strategy","setStrategy","RangeSliderControl","FROM","lastMoved","setLastMoved","activeInput","setActiveInput","computedStyles","setComputedStyles","DEFAULT_FOCUSED_EL","focusedEl","setFocusedEl","railRef","useRef","fromThumbRef","toThumbRef","fromInputRef","toInputRef","railPosition","current","getBoundingClientRect","isHorizontalOrientation","RangeSliderOrientation","HORIZONTAL","isVerticalOrientation","VERTICAL","isSingleRangeWithoutInput","useEffect","horizontalStrategy","verticalStrategy","roundedFrom","round","roundedTo","roundedMin","roundedMax","fromPercent","calculatePercentForValue","toPercent","getThumbStyles","TO","BAR","getBarStyles","FROM_INPUT","getInputStyles","TO_INPUT","toString","onFromMove","event","coordinates","getCoordinates","percent","new","newFrom","calculateValueFromPercent","range","updateFromValue","onToMove","getRotatedCoordinates","newTo","updateToValue","onBarMove","startCoordinates","getBarCoordinates","diff","onMove","control","onMouseEnter","bar","onMouseLeave","onMouseDown","startEvent","stopPropagation","clientX","clientY","target","x","y","onMouseMove","throttledMove","throttle","onMouseUp","document","removeEventListener","addEventListener","setControlValue","onInputChange","value","Number","isNaN","validateInputChange","roundValue","handleTooltipMouseMove","clientCoordinates","currentValue","handleRailClick","rail","_jsxs","classNames","styles","rangeSliderHorizontal","rangeSliderVertical","rotatedVerticalRange","_jsx","anchorEl","clientHeight","clientWidth","getToolipBoundingClientRect","rangeSliderRail","rangeSliderRailHorizontal","rangeSliderRailVertical","rangeSliderThumb","isMobileDetected","mobileRangeSliderThumb","rangeSliderLabel","rangeSliderBar","rangeSliderBarHorizontal","rangeSliderBarVertical","rangeSliderBarView","rangeSliderBarViewHorizontal","rangeSliderBarViewVertical"],"mappings":"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"}

package/components/RangeSlider/constants.js

@@ -0,0 +1,23 @@
+var RangeSliderControl;
+(function (RangeSliderControl) {
+  RangeSliderControl["FROM"] = "from";
+  RangeSliderControl["TO"] = "to";
+  RangeSliderControl["BAR"] = "bar";
+  RangeSliderControl["RAIL"] = "rail";
+  RangeSliderControl["FROM_INPUT"] = "from-input";
+  RangeSliderControl["TO_INPUT"] = "to-input";
+  RangeSliderControl["COMPACT_INPUTS"] = "compact-inputs";
+})(RangeSliderControl || (RangeSliderControl = {}));
+var RangeSliderOrientation = {
+  HORIZONTAL: 'horizontal',
+  VERTICAL: 'vertical'
+};
+var TOOLTIP_MARGIN = 6;
+var DEFAULT_FOCUSED_EL = {
+  from: false,
+  bar: false,
+  to: false
+};
+
+export { DEFAULT_FOCUSED_EL, RangeSliderControl, RangeSliderOrientation, TOOLTIP_MARGIN };
+//# sourceMappingURL=constants.js.map

package/components/RangeSlider/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/RangeSlider/constants.ts"],"sourcesContent":["export enum RangeSliderControl {\n  FROM = 'from',\n  TO = 'to',\n  BAR = 'bar',\n  RAIL = 'rail',\n  FROM_INPUT = 'from-input',\n  TO_INPUT = 'to-input',\n  COMPACT_INPUTS = 'compact-inputs',\n}\n\nexport type StartCoordinates = {\n  clientX: number;\n  clientY: number;\n  x: number;\n  y: number;\n};\n\nexport const RangeSliderOrientation = {\n  HORIZONTAL: 'horizontal',\n  VERTICAL: 'vertical',\n};\n\nexport const TOOLTIP_MARGIN = 6;\n\nexport const DEFAULT_FOCUSED_EL = { from: false, bar: false, to: false };\n"],"names":["RangeSliderControl","RangeSliderOrientation","HORIZONTAL","VERTICAL","TOOLTIP_MARGIN","DEFAULT_FOCUSED_EL","from","bar","to"],"mappings":"AAAA,IAAYA,mBAAkB;AAQ7B,CAAA,UARWA,kBAAkB,EAAA;EAAlBA,kBAAkB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAlBA,kBAAkB,CAAA,IAAA,CAAA,GAAA,IAAA,CAAA;EAAlBA,kBAAkB,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAlBA,kBAAkB,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAlBA,kBAAkB,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAlBA,kBAAkB,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAlBA,kBAAkB,CAAA,gBAAA,CAAA,GAAA,gBAAA,CAAA;AAAA,CAAlBA,EAAAA,kBAAkB,KAAlBA,kBAAkB,GAAA,EAAA,CAAA,CAAA,CAAA;AAiBvB,IAAMC,sBAAsB,GAAG;AACpCC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAA;AACZ,EAAC;AAEM,IAAMC,cAAc,GAAG,EAAC;AAExB,IAAMC,kBAAkB,GAAG;AAAEC,EAAAA,IAAI,EAAE,KAAK;AAAEC,EAAAA,GAAG,EAAE,KAAK;AAAEC,EAAAA,EAAE,EAAE,KAAA;AAAM;;;;"}

package/components/RangeSlider/inputs/FromInput.js

@@ -0,0 +1,42 @@
+import { round } from 'lodash';
+import { RangeSliderControl } from '../constants.js';
+import styles from '../Input.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var FromInput = function FromInput(props) {
+  var compStyles = props.compStyles,
+    fromInputRef = props.fromInputRef,
+    disabled = props.disabled,
+    precision = props.precision,
+    from = props.from,
+    fromInputValue = props.fromInputValue,
+    onInputChange = props.onInputChange,
+    validateInputChange = props.validateInputChange;
+  var roundedFrom = round(from, precision);
+  var onKeyDown = function onKeyDown(event) {
+    if (event.key === 'Enter') {
+      validateInputChange(RangeSliderControl.FROM, event);
+    }
+  };
+  return /*#__PURE__*/jsx("div", {
+    children: /*#__PURE__*/jsx("input", {
+      style: compStyles,
+      ref: fromInputRef,
+      disabled: disabled,
+      className: styles.rangeSliderInput,
+      type: "text",
+      size: "".concat(roundedFrom).length || 1,
+      value: fromInputValue,
+      onChange: function onChange(event) {
+        onInputChange(RangeSliderControl.FROM, event);
+      },
+      onBlur: function onBlur(event) {
+        return validateInputChange(RangeSliderControl.FROM, event);
+      },
+      onKeyDown: onKeyDown
+    })
+  });
+};
+
+export { FromInput as default };
+//# sourceMappingURL=FromInput.js.map

package/components/RangeSlider/inputs/FromInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FromInput.js","sources":["../../../../src/components/RangeSlider/inputs/FromInput.js"],"sourcesContent":["import { round } from 'lodash';\n\nimport { RangeSliderControl } from '../constants';\n\nimport styles from '../Input.css';\n\nconst FromInput = props => {\n  const {\n    compStyles,\n    fromInputRef,\n    disabled,\n    precision,\n    from,\n    fromInputValue,\n    onInputChange,\n    validateInputChange,\n  } = props;\n\n  const roundedFrom = round(from, precision);\n\n  const onKeyDown = event => {\n    if (event.key === 'Enter') {\n      validateInputChange(RangeSliderControl.FROM, event);\n    }\n  };\n\n  return (\n    <div>\n      <input\n        style={compStyles}\n        ref={fromInputRef}\n        disabled={disabled}\n        className={styles.rangeSliderInput}\n        type=\"text\"\n        size={`${roundedFrom}`.length || 1}\n        value={fromInputValue}\n        onChange={event => {\n          onInputChange(RangeSliderControl.FROM, event);\n        }}\n        onBlur={event => validateInputChange(RangeSliderControl.FROM, event)}\n        onKeyDown={onKeyDown}\n      />\n    </div>\n  );\n};\n\nexport default FromInput;\n"],"names":["FromInput","props","compStyles","fromInputRef","disabled","precision","from","fromInputValue","onInputChange","validateInputChange","roundedFrom","round","onKeyDown","event","key","RangeSliderControl","FROM","_jsx","styles","rangeSliderInput","length"],"mappings":";;;;;AAMA,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAI;AACzB,EAAA,IACEC,UAAU,GAQRD,KAAK,CARPC,UAAU;IACVC,YAAY,GAOVF,KAAK,CAPPE,YAAY;IACZC,QAAQ,GAMNH,KAAK,CANPG,QAAQ;IACRC,SAAS,GAKPJ,KAAK,CALPI,SAAS;IACTC,IAAI,GAIFL,KAAK,CAJPK,IAAI;IACJC,cAAc,GAGZN,KAAK,CAHPM,cAAc;IACdC,aAAa,GAEXP,KAAK,CAFPO,aAAa;IACbC,mBAAmB,GACjBR,KAAK,CADPQ,mBAAmB,CAAA;AAGrB,EAAA,IAAMC,WAAW,GAAGC,KAAK,CAACL,IAAI,EAAED,SAAS,CAAC,CAAA;AAE1C,EAAA,IAAMO,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAI;AACzB,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;AACzBL,MAAAA,mBAAmB,CAACM,kBAAkB,CAACC,IAAI,EAAEH,KAAK,CAAC,CAAA;AACrD,KAAA;GACD,CAAA;EAED,oBACEI,GAAA,CAAA,KAAA,EAAA;IAAA,QACE,eAAAA,GAAA,CAAA,OAAA,EAAA;AACE,MAAA,KAAK,EAAEf,UAAW;AAClB,MAAA,GAAG,EAAEC,YAAa;AAClB,MAAA,QAAQ,EAAEC,QAAS;MACnB,SAAS,EAAEc,MAAM,CAACC,gBAAiB;AACnC,MAAA,IAAI,EAAC,MAAM;AACX,MAAA,IAAI,EAAE,EAAGT,CAAAA,MAAAA,CAAAA,WAAW,CAAGU,CAAAA,MAAM,IAAI,CAAE;AACnC,MAAA,KAAK,EAAEb,cAAe;MACtB,QAAQ,EAAE,SAAAM,QAAAA,CAAAA,KAAK,EAAI;AACjBL,QAAAA,aAAa,CAACO,kBAAkB,CAACC,IAAI,EAAEH,KAAK,CAAC,CAAA;OAC7C;MACF,MAAM,EAAE,gBAAAA,KAAK,EAAA;AAAA,QAAA,OAAIJ,mBAAmB,CAACM,kBAAkB,CAACC,IAAI,EAAEH,KAAK,CAAC,CAAA;OAAC;AACrE,MAAA,SAAS,EAAED,SAAAA;AAAU,KAAA,CAAA;GAEnB,CAAA,CAAA;AAEV;;;;"}

package/components/RangeSlider/inputs/ToInput.js

@@ -0,0 +1,45 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { round } from 'lodash';
+import classNames from 'classnames';
+import { RangeSliderControl } from '../constants.js';
+import styles from '../Input.css.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ToInput = function ToInput(props) {
+  var compStyles = props.compStyles,
+    rotated = props.rotated,
+    precision = props.precision,
+    toInputRef = props.toInputRef,
+    disabled = props.disabled,
+    to = props.to,
+    toInputValue = props.toInputValue,
+    onInputChange = props.onInputChange,
+    validateInputChange = props.validateInputChange;
+  var roundedTo = round(to, precision);
+  var onKeyDown = function onKeyDown(event) {
+    if (event.key === 'Enter') {
+      validateInputChange(RangeSliderControl.TO, event);
+    }
+  };
+  return /*#__PURE__*/jsx("div", {
+    children: /*#__PURE__*/jsx("input", {
+      style: compStyles,
+      ref: toInputRef,
+      disabled: disabled,
+      className: classNames(styles.rangeSliderInput, _defineProperty({}, styles.rotated, rotated)),
+      type: "text",
+      size: "".concat(roundedTo).length || 1,
+      value: toInputValue,
+      onChange: function onChange(event) {
+        return onInputChange(RangeSliderControl.TO, event);
+      },
+      onBlur: function onBlur(event) {
+        return validateInputChange(RangeSliderControl.TO, event);
+      },
+      onKeyDown: onKeyDown
+    })
+  });
+};
+
+export { ToInput as default };
+//# sourceMappingURL=ToInput.js.map

package/components/RangeSlider/inputs/ToInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToInput.js","sources":["../../../../src/components/RangeSlider/inputs/ToInput.js"],"sourcesContent":["import { round } from 'lodash';\nimport classNames from 'classnames';\n\nimport { RangeSliderControl } from '../constants';\n\nimport styles from '../Input.css';\n\nconst ToInput = props => {\n  const {\n    compStyles,\n    rotated,\n    precision,\n    toInputRef,\n    disabled,\n    to,\n    toInputValue,\n    onInputChange,\n    validateInputChange,\n  } = props;\n\n  const roundedTo = round(to, precision);\n\n  const onKeyDown = event => {\n    if (event.key === 'Enter') {\n      validateInputChange(RangeSliderControl.TO, event);\n    }\n  };\n\n  return (\n    <div>\n      <input\n        style={compStyles}\n        ref={toInputRef}\n        disabled={disabled}\n        className={classNames(styles.rangeSliderInput, { [styles.rotated]: rotated })}\n        type=\"text\"\n        size={`${roundedTo}`.length || 1}\n        value={toInputValue}\n        onChange={event => onInputChange(RangeSliderControl.TO, event)}\n        onBlur={event => validateInputChange(RangeSliderControl.TO, event)}\n        onKeyDown={onKeyDown}\n      />\n    </div>\n  );\n};\n\nexport default ToInput;\n"],"names":["ToInput","props","compStyles","rotated","precision","toInputRef","disabled","to","toInputValue","onInputChange","validateInputChange","roundedTo","round","onKeyDown","event","key","RangeSliderControl","TO","_jsx","classNames","styles","rangeSliderInput","length"],"mappings":";;;;;;;AAOA,IAAMA,OAAO,GAAG,SAAVA,OAAO,CAAGC,KAAK,EAAI;AACvB,EAAA,IACEC,UAAU,GASRD,KAAK,CATPC,UAAU;IACVC,OAAO,GAQLF,KAAK,CARPE,OAAO;IACPC,SAAS,GAOPH,KAAK,CAPPG,SAAS;IACTC,UAAU,GAMRJ,KAAK,CANPI,UAAU;IACVC,QAAQ,GAKNL,KAAK,CALPK,QAAQ;IACRC,EAAE,GAIAN,KAAK,CAJPM,EAAE;IACFC,YAAY,GAGVP,KAAK,CAHPO,YAAY;IACZC,aAAa,GAEXR,KAAK,CAFPQ,aAAa;IACbC,mBAAmB,GACjBT,KAAK,CADPS,mBAAmB,CAAA;AAGrB,EAAA,IAAMC,SAAS,GAAGC,KAAK,CAACL,EAAE,EAAEH,SAAS,CAAC,CAAA;AAEtC,EAAA,IAAMS,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAI;AACzB,IAAA,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,EAAE;AACzBL,MAAAA,mBAAmB,CAACM,kBAAkB,CAACC,EAAE,EAAEH,KAAK,CAAC,CAAA;AACnD,KAAA;GACD,CAAA;EAED,oBACEI,GAAA,CAAA,KAAA,EAAA;IAAA,QACE,eAAAA,GAAA,CAAA,OAAA,EAAA;AACE,MAAA,KAAK,EAAEhB,UAAW;AAClB,MAAA,GAAG,EAAEG,UAAW;AAChB,MAAA,QAAQ,EAAEC,QAAS;AACnB,MAAA,SAAS,EAAEa,UAAU,CAACC,MAAM,CAACC,gBAAgB,EAAKD,eAAAA,CAAAA,EAAAA,EAAAA,MAAM,CAACjB,OAAO,EAAGA,OAAO,CAAI,CAAA;AAC9E,MAAA,IAAI,EAAC,MAAM;AACX,MAAA,IAAI,EAAE,EAAGQ,CAAAA,MAAAA,CAAAA,SAAS,CAAGW,CAAAA,MAAM,IAAI,CAAE;AACjC,MAAA,KAAK,EAAEd,YAAa;MACpB,QAAQ,EAAE,kBAAAM,KAAK,EAAA;AAAA,QAAA,OAAIL,aAAa,CAACO,kBAAkB,CAACC,EAAE,EAAEH,KAAK,CAAC,CAAA;OAAC;MAC/D,MAAM,EAAE,gBAAAA,KAAK,EAAA;AAAA,QAAA,OAAIJ,mBAAmB,CAACM,kBAAkB,CAACC,EAAE,EAAEH,KAAK,CAAC,CAAA;OAAC;AACnE,MAAA,SAAS,EAAED,SAAAA;AAAU,KAAA,CAAA;GAEnB,CAAA,CAAA;AAEV;;;;"}