@corva/ui 0.34.0-rc.0 → 0.34.0-rc.3

package/components/RangeSlider/RangeSlider.js

@@ -1 +1,326 @@
-import e from"@babel/runtime/helpers/defineProperty";import n from"@babel/runtime/helpers/slicedToArray";import{useState as r,useRef as t,useEffect as i}from"react";import a from"classnames";import{round as o,throttle as l}from"lodash";import u from"prop-types";import m from"./RangeSlider.css.js";import{horizontalStrategy as s}from"./strategies/horizontal.js";import{verticalStrategy as c}from"./strategies/vertical.js";import{calculatePercentForValue as p,updateFromValue as d,updateToValue as g,calculateValueFromPercent as f}from"./utils.js";import I from"./inputs/FromInput.js";import R from"./inputs/ToInput.js";import{RangeSliderControl as v,RangeSliderOrientation as T}from"./constants.js";import{jsx as O,jsxs as C}from"react/jsx-runtime";var S=function(u){var S=u.min,h=u.max,N=u.from,V=u.to,A=u.minRange,L=u.onChange,y=u.orientation,b=u.precision,B=r(null),M=n(B,2),x=M[0],E=M[1],F=r(null),P=n(F,2),H=P[0],w=P[1],j=r(null),z=n(j,2),U=z[0],Z=z[1],_=r(null),D=n(_,2),q=D[0],X=D[1],Y=r(v.FROM),k=n(Y,2),G=k[0],J=k[1],K=r({}),Q=n(K,2),W=Q[0],$=Q[1],ee=t(null),ne=t(null),re=t(null),te=t(null),ie=t(null);i((function(){y===T.HORIZONTAL&&Z(s),y===T.VERTICAL&&Z(c)}),[y]),i((function(){if(U){var n,r=o(N,b),t=o(V,b),i=o(S,b),a=o(h,b),l=p(r,i,a),u=p(t,i,a),m={};te.current&&ie.current&&(m=U.calculateInputSpacing(l,u,ee,te,ie)),y===T.HORIZONTAL&&X(m.isNotEnoughInputSpace),$((e(n={},v.FROM,U.getThumbStyles(l,G===v.FROM)),e(n,v.TO,U.getThumbStyles(u,G===v.TO)),e(n,v.BAR,U.getBarStyles(l,u)),e(n,v.FROM_INPUT,U.getInputStyles(l)),e(n,v.TO_INPUT,U.getInputStyles(u)),e(n,v.COMPACT_INPUTS,U.getInputStyles((l+u)/2)),n)),E(r.toString()),w(t.toString())}}),[U,S,h,N,V]);var ae=function(e){var n=U.getCoordinates(e,ee.current.getBoundingClientRect()),r=p(n.new,n.min,n.max),t=o(f(r,S,h),b);if(t!==N){var i=d(t,N,V,S,A);L(i)}},oe=function(e){var n=U.getCoordinates(e,ee.current.getBoundingClientRect()),r=p(n.new,n.min,n.max),t=o(f(r,S,h),b);if(t!==V){var i=g(t,N,V,h,A);L(i)}},le=function(e,n){var r=U.getBarCoordinates(e,n,ee.current.getBoundingClientRect()),t=p(r.new,r.min,r.max),i=o(f(t,S,h),b),a=o(V+(i-N),b);if(i<S){var l=S-i;i=S,a=o(a+l,b)}if(a>h){var u=a-h;a=h,i=o(i-u,b)}i!==N&&a!==V&&i>=S&&a<=h&&L({from:i,to:a})},ue=function(e,n){n.stopPropagation(),J(e);var r=n.clientX,t=n.clientY,i=n.target.getBoundingClientRect(),a=i.x,o=i.y;var u=l((function(n){!function(e){return e===v.FROM?ae:e===v.TO?oe:le}(e)(n,{clientX:r,clientY:t,x:a,y:o})}),4);document.addEventListener("mousemove",u),document.addEventListener("mouseup",(function e(){document.removeEventListener("mousemove",u),document.removeEventListener("mouseup",e)}))},me=function(e,n){var r=n.target.value;Number.isNaN(r)||function(e){return e===v.FROM?E:w}(e)(r)},se=function(e,n){var r=n.target.value,t=o(r,b);if(e===v.FROM){var i=d(t,N,V,S,A);L(i)}if(e===v.TO){var a=g(t,N,V,h,A);L(a)}};return O("div",{className:a(y===T.HORIZONTAL&&m.rangeSliderHorizontal,y===T.VERTICAL&&m.rangeSliderVertical),children:C("div",{className:a(m.rangeSliderRail,y===T.HORIZONTAL&&m.rangeSliderRailHorizontal,y===T.VERTICAL&&m.rangeSliderRailVertical),ref:ee,children:[O("div",{ref:ne,className:m.rangeSliderThumb,style:W[v.FROM],onMouseDown:function(e){return ue(v.FROM,e)},children:O("div",{className:m.rangeSliderLabel})}),O("div",{className:a(m.rangeSliderBar,y===T.HORIZONTAL&&m.rangeSliderBarHorizontal,y===T.VERTICAL&&m.rangeSliderBarVertical),style:W[v.BAR],onMouseDown:function(e){return ue(v.BAR,e)},children:O("div",{className:a(m.rangeSliderBarView,y===T.HORIZONTAL&&m.rangeSliderBarViewHorizontal,y===T.VERTICAL&&m.rangeSliderBarViewVertical)})}),O("div",{ref:re,className:m.rangeSliderThumb,style:W[v.TO],onMouseDown:function(e){return ue(v.TO,e)},children:O("div",{className:m.rangeSliderLabel})}),!q&&O(I,{compStyles:W[v.FROM_INPUT],isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,fromInputRef:te,from:N,fromInputValue:x,onInputChange:me,validateInputChange:se}),!q&&O(R,{compStyles:W[v.TO_INPUT],isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,toInputRef:ie,to:V,toInputValue:H,onInputChange:me,validateInputChange:se}),q&&C("div",{className:m.rangeSliderCompactInputs,style:W[v.COMPACT_INPUTS],children:[O(I,{isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,fromInputRef:te,from:N,fromInputValue:x,onInputChange:me,validateInputChange:se}),O("span",{className:m.rangeSliderInputDivider,children:"-"}),O(R,{isVerticalOrientation:y===T.VERTICAL,max:h,precision:b,toInputRef:ie,to:V,toInputValue:H,onInputChange:me,validateInputChange:se})]})]})})};S.propTypes={min:u.number,max:u.number,from:u.number.isRequired,to:u.number.isRequired,orientation:u.string,precision:u.number,minRange:u.number,onChange:u.func},S.defaultProps={min:0,max:100,orientation:"horizontal",precision:0,minRange:0,onChange:function(){}};export{S as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { round, throttle } from 'lodash';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import styles from './RangeSlider.css.js';
+import { calculatePercentForValue, updateFromValue, updateToValue, calculateValueFromPercent } from './utils.js';
+import { horizontalStrategy } from './strategies/horizontal.js';
+import { verticalStrategy } from './strategies/vertical.js';
+import { RangeSliderControl, RangeSliderOrientation } from './constants.js';
+import FromInput from './inputs/FromInput.js';
+import ToInput from './inputs/ToInput.js';
+
+var RangeSlider = function RangeSlider(props) {
+  var min = props.min,
+      max = props.max,
+      from = props.from,
+      to = props.to,
+      minRange = props.minRange,
+      onChange = props.onChange,
+      orientation = props.orientation,
+      precision = props.precision;
+
+  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(null),
+      _useState6 = _slicedToArray(_useState5, 2),
+      strategy = _useState6[0],
+      setStrategy = _useState6[1];
+
+  var _useState7 = useState(null),
+      _useState8 = _slicedToArray(_useState7, 2),
+      isCompact = _useState8[0],
+      setIsCompact = _useState8[1];
+
+  var _useState9 = useState(RangeSliderControl.FROM),
+      _useState10 = _slicedToArray(_useState9, 2),
+      lastMoved = _useState10[0],
+      setLastMoved = _useState10[1];
+
+  var _useState11 = useState({}),
+      _useState12 = _slicedToArray(_useState11, 2),
+      computedStyles = _useState12[0],
+      setComputedStyles = _useState12[1];
+
+  var railRef = useRef(null);
+  var fromThumbRef = useRef(null);
+  var toThumbRef = useRef(null);
+  var fromInputRef = useRef(null);
+  var toInputRef = useRef(null);
+  useEffect(function () {
+    if (orientation === RangeSliderOrientation.HORIZONTAL) {
+      setStrategy(horizontalStrategy);
+    }
+
+    if (orientation === RangeSliderOrientation.VERTICAL) {
+      setStrategy(verticalStrategy);
+    }
+  }, [orientation]);
+  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);
+      var spacing = {};
+
+      if (fromInputRef.current && toInputRef.current) {
+        spacing = strategy.calculateInputSpacing(fromPercent, toPercent, railRef, fromInputRef, toInputRef);
+      }
+
+      if (orientation === RangeSliderOrientation.HORIZONTAL) {
+        setIsCompact(spacing.isNotEnoughInputSpace);
+      }
+
+      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(fromPercent)), _defineProperty(_setComputedStyles, RangeSliderControl.TO_INPUT, strategy.getInputStyles(toPercent)), _defineProperty(_setComputedStyles, RangeSliderControl.COMPACT_INPUTS, strategy.getInputStyles((fromPercent + toPercent) / 2)), _setComputedStyles));
+      setFromInputValue(roundedFrom.toString());
+      setToInputValue(roundedTo.toString());
+    }
+  }, [strategy, min, max, from, to]);
+
+  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 = 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 range = updateToValue(newTo, from, to, max, minRange);
+      onChange(range);
+    }
+  };
+
+  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 _onMouseDown = function onMouseDown(control, startEvent) {
+    // Block layout grid drag
+    startEvent.stopPropagation();
+    setLastMoved(control);
+    var clientX = startEvent.clientX,
+        clientY = startEvent.clientY;
+
+    var _startEvent$target$ge = startEvent.target.getBoundingClientRect(),
+        x = _startEvent$target$ge.x,
+        y = _startEvent$target$ge.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() {
+      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(value)) {
+      setControlValue(control)(value);
+    }
+  };
+
+  var validateInputChange = function validateInputChange(control, event) {
+    var value = event.target.value;
+    var roundValue = round(value, precision);
+
+    if (control === RangeSliderControl.FROM) {
+      var range = updateFromValue(roundValue, from, to, min, minRange);
+      onChange(range);
+    }
+
+    if (control === RangeSliderControl.TO) {
+      var _range = updateToValue(roundValue, from, to, max, minRange);
+
+      onChange(_range);
+    }
+  };
+
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderHorizontal, orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderVertical),
+    children: /*#__PURE__*/jsxs("div", {
+      className: classNames(styles.rangeSliderRail, orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderRailHorizontal, orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderRailVertical),
+      ref: railRef,
+      children: [/*#__PURE__*/jsx("div", {
+        ref: fromThumbRef,
+        className: styles.rangeSliderThumb,
+        style: computedStyles[RangeSliderControl.FROM],
+        onMouseDown: function onMouseDown(event) {
+          return _onMouseDown(RangeSliderControl.FROM, event);
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: styles.rangeSliderLabel
+        })
+      }), /*#__PURE__*/jsx("div", {
+        className: classNames(styles.rangeSliderBar, orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderBarHorizontal, orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderBarVertical),
+        style: computedStyles[RangeSliderControl.BAR],
+        onMouseDown: function onMouseDown(event) {
+          return _onMouseDown(RangeSliderControl.BAR, event);
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: classNames(styles.rangeSliderBarView, orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderBarViewHorizontal, orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderBarViewVertical)
+        })
+      }), /*#__PURE__*/jsx("div", {
+        ref: toThumbRef,
+        className: styles.rangeSliderThumb,
+        style: computedStyles[RangeSliderControl.TO],
+        onMouseDown: function onMouseDown(event) {
+          return _onMouseDown(RangeSliderControl.TO, event);
+        },
+        children: /*#__PURE__*/jsx("div", {
+          className: styles.rangeSliderLabel
+        })
+      }), !isCompact && /*#__PURE__*/jsx(FromInput, {
+        compStyles: computedStyles[RangeSliderControl.FROM_INPUT],
+        isVerticalOrientation: orientation === RangeSliderOrientation.VERTICAL,
+        max: max,
+        precision: precision,
+        fromInputRef: fromInputRef,
+        from: from,
+        fromInputValue: fromInputValue,
+        onInputChange: onInputChange,
+        validateInputChange: validateInputChange
+      }), !isCompact && /*#__PURE__*/jsx(ToInput, {
+        compStyles: computedStyles[RangeSliderControl.TO_INPUT],
+        isVerticalOrientation: orientation === RangeSliderOrientation.VERTICAL,
+        max: max,
+        precision: precision,
+        toInputRef: toInputRef,
+        to: to,
+        toInputValue: toInputValue,
+        onInputChange: onInputChange,
+        validateInputChange: validateInputChange
+      }), isCompact && /*#__PURE__*/jsxs("div", {
+        className: styles.rangeSliderCompactInputs,
+        style: computedStyles[RangeSliderControl.COMPACT_INPUTS],
+        children: [/*#__PURE__*/jsx(FromInput, {
+          isVerticalOrientation: orientation === RangeSliderOrientation.VERTICAL,
+          max: max,
+          precision: precision,
+          fromInputRef: fromInputRef,
+          from: from,
+          fromInputValue: fromInputValue,
+          onInputChange: onInputChange,
+          validateInputChange: validateInputChange
+        }), /*#__PURE__*/jsx("span", {
+          className: styles.rangeSliderInputDivider,
+          children: "-"
+        }), /*#__PURE__*/jsx(ToInput, {
+          isVerticalOrientation: orientation === RangeSliderOrientation.VERTICAL,
+          max: max,
+          precision: precision,
+          toInputRef: toInputRef,
+          to: to,
+          toInputValue: toInputValue,
+          onInputChange: onInputChange,
+          validateInputChange: validateInputChange
+        })]
+      })]
+    })
+  });
+};
+
+RangeSlider.propTypes = {
+  min: PropTypes.number,
+  max: PropTypes.number,
+  from: PropTypes.number.isRequired,
+  to: PropTypes.number.isRequired,
+  orientation: PropTypes.string,
+  precision: PropTypes.number,
+  minRange: PropTypes.number,
+  // maxDiffRange: PropTypes.number, //todo
+  onChange: PropTypes.func
+};
+RangeSlider.defaultProps = {
+  min: 0,
+  max: 100,
+  orientation: 'horizontal',
+  precision: 0,
+  minRange: 0,
+  onChange: function onChange() {}
+};
+
+export default RangeSlider;
+//# sourceMappingURL=RangeSlider.js.map

package/components/RangeSlider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","sources":["../../../src/components/RangeSlider/RangeSlider.js"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport classNames from 'classnames';\nimport { round, throttle } from 'lodash';\n\nimport PropTypes from 'prop-types';\n\nimport styles from './RangeSlider.css';\nimport { horizontalStrategy } from './strategies/horizontal';\nimport { verticalStrategy } from './strategies/vertical';\nimport {\n  calculatePercentForValue,\n  calculateValueFromPercent,\n  updateFromValue,\n  updateToValue,\n} from './utils';\nimport FromInput from './inputs/FromInput';\nimport ToInput from './inputs/ToInput';\nimport { RangeSliderControl, RangeSliderOrientation } from './constants';\n\nconst RangeSlider = props => {\n  const { min, max, from, to, minRange, onChange, orientation, precision } = props;\n\n  const [fromInputValue, setFromInputValue] = useState(null);\n  const [toInputValue, setToInputValue] = useState(null);\n\n  const [strategy, setStrategy] = useState(null);\n  const [isCompact, setIsCompact] = useState(null);\n  const [lastMoved, setLastMoved] = useState(RangeSliderControl.FROM);\n  const [computedStyles, setComputedStyles] = useState({});\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  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 (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      let spacing = {};\n      if (fromInputRef.current && toInputRef.current) {\n        spacing = strategy.calculateInputSpacing(\n          fromPercent,\n          toPercent,\n          railRef,\n          fromInputRef,\n          toInputRef\n        );\n      }\n      if (orientation === RangeSliderOrientation.HORIZONTAL) {\n        setIsCompact(spacing.isNotEnoughInputSpace);\n      }\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(fromPercent),\n        [RangeSliderControl.TO_INPUT]: strategy.getInputStyles(toPercent),\n        [RangeSliderControl.COMPACT_INPUTS]: strategy.getInputStyles((fromPercent + toPercent) / 2),\n      });\n\n      setFromInputValue(roundedFrom.toString());\n      setToInputValue(roundedTo.toString());\n    }\n  }, [strategy, min, max, from, to]);\n\n  const onFromMove = event => {\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 => {\n    const coordinates = 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, 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 => {\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 onMouseDown = (control, startEvent) => {\n    // Block layout grid drag\n    startEvent.stopPropagation();\n    setLastMoved(control);\n\n    const { clientX, clientY } = startEvent;\n    const { x, y } = startEvent.target.getBoundingClientRect();\n\n    function onMouseMove(event) {\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      document.removeEventListener('mousemove', throttledMove);\n      document.removeEventListener('mouseup', onMouseUp);\n    }\n\n    document.addEventListener('mousemove', throttledMove);\n    document.addEventListener('mouseup', onMouseUp);\n  };\n\n  const setControlValue = control => {\n    if (control === RangeSliderControl.FROM) {\n      return setFromInputValue;\n    }\n    return setToInputValue;\n  };\n\n  const onInputChange = (control, event) => {\n    const { value } = event.target;\n    if (!Number.isNaN(value)) {\n      setControlValue(control)(value);\n    }\n  };\n\n  const validateInputChange = (control, event) => {\n    const { value } = event.target;\n    const roundValue = round(value, precision);\n\n    if (control === RangeSliderControl.FROM) {\n      const range = updateFromValue(roundValue, from, to, min, minRange);\n      onChange(range);\n    }\n\n    if (control === RangeSliderControl.TO) {\n      const range = updateToValue(roundValue, from, to, max, minRange);\n      onChange(range);\n    }\n  };\n\n  return (\n    <div\n      className={classNames(\n        orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderHorizontal,\n        orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderVertical\n      )}\n    >\n      <div\n        className={classNames(\n          styles.rangeSliderRail,\n          orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderRailHorizontal,\n          orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderRailVertical\n        )}\n        ref={railRef}\n      >\n        <div\n          ref={fromThumbRef}\n          className={styles.rangeSliderThumb}\n          style={computedStyles[RangeSliderControl.FROM]}\n          onMouseDown={event => onMouseDown(RangeSliderControl.FROM, event)}\n        >\n          <div className={styles.rangeSliderLabel} />\n        </div>\n        <div\n          className={classNames(\n            styles.rangeSliderBar,\n            orientation === RangeSliderOrientation.HORIZONTAL && styles.rangeSliderBarHorizontal,\n            orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderBarVertical\n          )}\n          style={computedStyles[RangeSliderControl.BAR]}\n          onMouseDown={event => onMouseDown(RangeSliderControl.BAR, event)}\n        >\n          <div\n            className={classNames(\n              styles.rangeSliderBarView,\n              orientation === RangeSliderOrientation.HORIZONTAL &&\n                styles.rangeSliderBarViewHorizontal,\n              orientation === RangeSliderOrientation.VERTICAL && styles.rangeSliderBarViewVertical\n            )}\n          />\n        </div>\n        <div\n          ref={toThumbRef}\n          className={styles.rangeSliderThumb}\n          style={computedStyles[RangeSliderControl.TO]}\n          onMouseDown={event => onMouseDown(RangeSliderControl.TO, event)}\n        >\n          <div className={styles.rangeSliderLabel} />\n        </div>\n\n        {!isCompact && (\n          <FromInput\n            compStyles={computedStyles[RangeSliderControl.FROM_INPUT]}\n            isVerticalOrientation={orientation === RangeSliderOrientation.VERTICAL}\n            max={max}\n            precision={precision}\n            fromInputRef={fromInputRef}\n            from={from}\n            fromInputValue={fromInputValue}\n            onInputChange={onInputChange}\n            validateInputChange={validateInputChange}\n          />\n        )}\n\n        {!isCompact && (\n          <ToInput\n            compStyles={computedStyles[RangeSliderControl.TO_INPUT]}\n            isVerticalOrientation={orientation === RangeSliderOrientation.VERTICAL}\n            max={max}\n            precision={precision}\n            toInputRef={toInputRef}\n            to={to}\n            toInputValue={toInputValue}\n            onInputChange={onInputChange}\n            validateInputChange={validateInputChange}\n          />\n        )}\n\n        {isCompact && (\n          <div\n            className={styles.rangeSliderCompactInputs}\n            style={computedStyles[RangeSliderControl.COMPACT_INPUTS]}\n          >\n            <FromInput\n              isVerticalOrientation={orientation === RangeSliderOrientation.VERTICAL}\n              max={max}\n              precision={precision}\n              fromInputRef={fromInputRef}\n              from={from}\n              fromInputValue={fromInputValue}\n              onInputChange={onInputChange}\n              validateInputChange={validateInputChange}\n            />\n            <span className={styles.rangeSliderInputDivider}>-</span>\n            <ToInput\n              isVerticalOrientation={orientation === RangeSliderOrientation.VERTICAL}\n              max={max}\n              precision={precision}\n              toInputRef={toInputRef}\n              to={to}\n              toInputValue={toInputValue}\n              onInputChange={onInputChange}\n              validateInputChange={validateInputChange}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nRangeSlider.propTypes = {\n  min: PropTypes.number,\n  max: PropTypes.number,\n\n  from: PropTypes.number.isRequired,\n  to: PropTypes.number.isRequired,\n\n  orientation: PropTypes.string,\n  precision: PropTypes.number,\n\n  minRange: PropTypes.number,\n  // maxDiffRange: PropTypes.number, //todo\n\n  onChange: PropTypes.func,\n};\n\nRangeSlider.defaultProps = {\n  min: 0,\n  max: 100,\n  orientation: 'horizontal',\n  precision: 0,\n  minRange: 0,\n  onChange: () => {},\n};\n\nexport default RangeSlider;\n"],"names":["RangeSlider","props","min","max","from","to","minRange","onChange","orientation","precision","useState","fromInputValue","setFromInputValue","toInputValue","setToInputValue","strategy","setStrategy","isCompact","setIsCompact","RangeSliderControl","FROM","lastMoved","setLastMoved","computedStyles","setComputedStyles","railRef","useRef","fromThumbRef","toThumbRef","fromInputRef","toInputRef","useEffect","RangeSliderOrientation","HORIZONTAL","horizontalStrategy","VERTICAL","verticalStrategy","roundedFrom","round","roundedTo","roundedMin","roundedMax","fromPercent","calculatePercentForValue","toPercent","spacing","current","calculateInputSpacing","isNotEnoughInputSpace","getThumbStyles","TO","BAR","getBarStyles","FROM_INPUT","getInputStyles","TO_INPUT","COMPACT_INPUTS","toString","onFromMove","event","coordinates","getCoordinates","getBoundingClientRect","percent","new","newFrom","calculateValueFromPercent","range","updateFromValue","onToMove","newTo","updateToValue","onBarMove","startCoordinates","getBarCoordinates","diff","onMove","control","onMouseDown","startEvent","stopPropagation","clientX","clientY","target","x","y","onMouseMove","throttledMove","throttle","onMouseUp","document","removeEventListener","addEventListener","setControlValue","onInputChange","value","Number","isNaN","validateInputChange","roundValue","_jsx","classNames","styles","rangeSliderHorizontal","rangeSliderVertical","_jsxs","rangeSliderRail","rangeSliderRailHorizontal","rangeSliderRailVertical","rangeSliderThumb","rangeSliderLabel","rangeSliderBar","rangeSliderBarHorizontal","rangeSliderBarVertical","rangeSliderBarView","rangeSliderBarViewHorizontal","rangeSliderBarViewVertical","rangeSliderCompactInputs","rangeSliderInputDivider","propTypes","PropTypes","number","isRequired","string","func","defaultProps"],"mappings":"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"}

package/components/RangeSlider/constants.js

@@ -1 +1,16 @@
-var t={FROM:"from",TO:"to",BAR:"bar",RAIL:"rail",FROM_INPUT:"from-input",TO_INPUT:"to-input",COMPACT_INPUTS:"compact-inputs"},o={HORIZONTAL:"horizontal",VERTICAL:"vertical"};export{t as RangeSliderControl,o as RangeSliderOrientation};
+var RangeSliderControl = {
+  FROM: 'from',
+  TO: 'to',
+  BAR: 'bar',
+  RAIL: 'rail',
+  FROM_INPUT: 'from-input',
+  TO_INPUT: 'to-input',
+  COMPACT_INPUTS: 'compact-inputs'
+};
+var RangeSliderOrientation = {
+  HORIZONTAL: 'horizontal',
+  VERTICAL: 'vertical'
+};
+
+export { RangeSliderControl, RangeSliderOrientation };
+//# sourceMappingURL=constants.js.map

package/components/RangeSlider/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/RangeSlider/constants.js"],"sourcesContent":["export const 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 const RangeSliderOrientation = {\n  HORIZONTAL: 'horizontal',\n  VERTICAL: 'vertical',\n};\n"],"names":["RangeSliderControl","FROM","TO","BAR","RAIL","FROM_INPUT","TO_INPUT","COMPACT_INPUTS","RangeSliderOrientation","HORIZONTAL","VERTICAL"],"mappings":"IAAaA,kBAAkB,GAAG;AAChCC,EAAAA,IAAI,EAAE,MAD0B;AAEhCC,EAAAA,EAAE,EAAE,IAF4B;AAGhCC,EAAAA,GAAG,EAAE,KAH2B;AAIhCC,EAAAA,IAAI,EAAE,MAJ0B;AAKhCC,EAAAA,UAAU,EAAE,YALoB;AAMhCC,EAAAA,QAAQ,EAAE,UANsB;AAOhCC,EAAAA,cAAc,EAAE;AAPgB;IAUrBC,sBAAsB,GAAG;AACpCC,EAAAA,UAAU,EAAE,YADwB;AAEpCC,EAAAA,QAAQ,EAAE;AAF0B;;;;"}

package/components/RangeSlider/inputs/FromInput.js

@@ -1 +1,69 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"prop-types";import{round as t}from"lodash";import{RangeSliderControl as n}from"../constants.js";import o from"../Input.css.js";import{jsx as i}from"react/jsx-runtime";function u(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function p(r){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?u(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}var c=function(e){var r=e.compStyles,u=e.isVerticalOrientation,c=e.max,a=e.precision,s=e.fromInputRef,f=e.from,m=e.fromInputValue,l=e.onInputChange,O=e.validateInputChange,b=t(f,a);return i("div",{style:p(p({},r),{},{width:u?8*("".concat(c).length+a):"auto",marginLeft:u?8*-("".concat(c).length+a)/2-8:"auto"}),children:i("input",{ref:s,className:o.rangeSliderInput,type:"text",size:"".concat(b).length||1,value:m,onChange:function(e){l(n.FROM,e)},onBlur:function(e){return O(n.FROM,e)},onKeyDown:function(e){"Enter"===e.key&&O(n.FROM,e)}})})};c.propTypes={max:r.number.isRequired,from:r.number.isRequired,isVerticalOrientation:r.bool.isRequired,precision:r.number.isRequired,compStyles:r.shape({}),fromInputRef:r.node.isRequired,fromInputValue:r.number.isRequired,onInputChange:r.func.isRequired,validateInputChange:r.func.isRequired},c.defaultProps={compStyles:{}};export{c as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { round } from 'lodash';
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import { RangeSliderControl } from '../constants.js';
+import styles from '../Input.css.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var FromInput = function FromInput(props) {
+  var compStyles = props.compStyles,
+      isVerticalOrientation = props.isVerticalOrientation,
+      max = props.max,
+      precision = props.precision,
+      fromInputRef = props.fromInputRef,
+      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", {
+    style: _objectSpread(_objectSpread({}, compStyles), {}, {
+      width: // calculate div width and margin for vertical range slider input align
+      isVerticalOrientation ? ("".concat(max).length + precision) * 8 : 'auto',
+      marginLeft: isVerticalOrientation ? -("".concat(max).length + precision) * 8 / 2 - 8 : 'auto'
+    }),
+    children: /*#__PURE__*/jsx("input", {
+      ref: fromInputRef,
+      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
+    })
+  });
+};
+
+FromInput.propTypes = {
+  max: PropTypes.number.isRequired,
+  from: PropTypes.number.isRequired,
+  isVerticalOrientation: PropTypes.bool.isRequired,
+  precision: PropTypes.number.isRequired,
+  compStyles: PropTypes.shape({}),
+  fromInputRef: PropTypes.node.isRequired,
+  fromInputValue: PropTypes.number.isRequired,
+  onInputChange: PropTypes.func.isRequired,
+  validateInputChange: PropTypes.func.isRequired
+};
+FromInput.defaultProps = {
+  compStyles: {}
+};
+
+export default FromInput;
+//# 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 PropTypes from 'prop-types';\nimport { round } from 'lodash';\n\nimport { RangeSliderControl } from '../constants';\n\nimport styles from '../Input.css';\n\nconst FromInput = props => {\n  const {\n    compStyles,\n    isVerticalOrientation,\n    max,\n    precision,\n    fromInputRef,\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      style={{\n        ...compStyles,\n        width:\n          // calculate div width and margin for vertical range slider input align\n          isVerticalOrientation ? (`${max}`.length + precision) * 8 : 'auto',\n        marginLeft: isVerticalOrientation ? (-(`${max}`.length + precision) * 8) / 2 - 8 : 'auto',\n      }}\n    >\n      <input\n        ref={fromInputRef}\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\nFromInput.propTypes = {\n  max: PropTypes.number.isRequired,\n  from: PropTypes.number.isRequired,\n  isVerticalOrientation: PropTypes.bool.isRequired,\n  precision: PropTypes.number.isRequired,\n  compStyles: PropTypes.shape({}),\n  fromInputRef: PropTypes.node.isRequired,\n  fromInputValue: PropTypes.number.isRequired,\n  onInputChange: PropTypes.func.isRequired,\n  validateInputChange: PropTypes.func.isRequired,\n};\n\nFromInput.defaultProps = {\n  compStyles: {},\n};\n\nexport default FromInput;\n"],"names":["FromInput","props","compStyles","isVerticalOrientation","max","precision","fromInputRef","from","fromInputValue","onInputChange","validateInputChange","roundedFrom","round","onKeyDown","event","key","RangeSliderControl","FROM","_jsx","width","length","marginLeft","styles","rangeSliderInput","propTypes","PropTypes","number","isRequired","bool","shape","node","func","defaultProps"],"mappings":";;;;;;;;;;;IAOMA,SAAS,GAAG,SAAZA,SAAY,CAAAC,KAAK,EAAI;AAAA,MAEvBC,UAFuB,GAWrBD,KAXqB,CAEvBC,UAFuB;AAAA,MAGvBC,qBAHuB,GAWrBF,KAXqB,CAGvBE,qBAHuB;AAAA,MAIvBC,GAJuB,GAWrBH,KAXqB,CAIvBG,GAJuB;AAAA,MAKvBC,SALuB,GAWrBJ,KAXqB,CAKvBI,SALuB;AAAA,MAMvBC,YANuB,GAWrBL,KAXqB,CAMvBK,YANuB;AAAA,MAOvBC,IAPuB,GAWrBN,KAXqB,CAOvBM,IAPuB;AAAA,MAQvBC,cARuB,GAWrBP,KAXqB,CAQvBO,cARuB;AAAA,MASvBC,aATuB,GAWrBR,KAXqB,CASvBQ,aATuB;AAAA,MAUvBC,mBAVuB,GAWrBT,KAXqB,CAUvBS,mBAVuB;AAazB,MAAMC,WAAW,GAAGC,KAAK,CAACL,IAAD,EAAOF,SAAP,CAAzB;;AAEA,MAAMQ,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAW;AAC3B,QAAIA,KAAK,CAACC,GAAN,KAAc,OAAlB,EAA2B;AACzBL,MAAAA,mBAAmB,CAACM,kBAAkB,CAACC,IAApB,EAA0BH,KAA1B,CAAnB;AACD;AACF,GAJD;;AAMA,sBACEI;AACE,IAAA,KAAK,kCACAhB,UADA;AAEHiB,MAAAA,KAAK;AAEHhB,MAAAA,qBAAqB,GAAG,CAAC,UAAGC,GAAH,EAASgB,MAAT,GAAkBf,SAAnB,IAAgC,CAAnC,GAAuC,MAJ3D;AAKHgB,MAAAA,UAAU,EAAElB,qBAAqB,GAAI,EAAE,UAAGC,GAAH,EAASgB,MAAT,GAAkBf,SAApB,IAAiC,CAAlC,GAAuC,CAAvC,GAA2C,CAA9C,GAAkD;AALhF,MADP;AAAA,2BASEa;AACE,MAAA,GAAG,EAAEZ,YADP;AAEE,MAAA,SAAS,EAAEgB,MAAM,CAACC,gBAFpB;AAGE,MAAA,IAAI,EAAC,MAHP;AAIE,MAAA,IAAI,EAAE,UAAGZ,WAAH,EAAiBS,MAAjB,IAA2B,CAJnC;AAKE,MAAA,KAAK,EAAEZ,cALT;AAME,MAAA,QAAQ,EAAE,kBAAAM,KAAK,EAAI;AACjBL,QAAAA,aAAa,CAACO,kBAAkB,CAACC,IAApB,EAA0BH,KAA1B,CAAb;AACD,OARH;AASE,MAAA,MAAM,EAAE,gBAAAA,KAAK;AAAA,eAAIJ,mBAAmB,CAACM,kBAAkB,CAACC,IAApB,EAA0BH,KAA1B,CAAvB;AAAA,OATf;AAUE,MAAA,SAAS,EAAED;AAVb;AATF,IADF;AAwBD;;AAEDb,SAAS,CAACwB,SAAV,GAAsB;AACpBpB,EAAAA,GAAG,EAAEqB,SAAS,CAACC,MAAV,CAAiBC,UADF;AAEpBpB,EAAAA,IAAI,EAAEkB,SAAS,CAACC,MAAV,CAAiBC,UAFH;AAGpBxB,EAAAA,qBAAqB,EAAEsB,SAAS,CAACG,IAAV,CAAeD,UAHlB;AAIpBtB,EAAAA,SAAS,EAAEoB,SAAS,CAACC,MAAV,CAAiBC,UAJR;AAKpBzB,EAAAA,UAAU,EAAEuB,SAAS,CAACI,KAAV,CAAgB,EAAhB,CALQ;AAMpBvB,EAAAA,YAAY,EAAEmB,SAAS,CAACK,IAAV,CAAeH,UANT;AAOpBnB,EAAAA,cAAc,EAAEiB,SAAS,CAACC,MAAV,CAAiBC,UAPb;AAQpBlB,EAAAA,aAAa,EAAEgB,SAAS,CAACM,IAAV,CAAeJ,UARV;AASpBjB,EAAAA,mBAAmB,EAAEe,SAAS,CAACM,IAAV,CAAeJ;AAThB,CAAtB;AAYA3B,SAAS,CAACgC,YAAV,GAAyB;AACvB9B,EAAAA,UAAU,EAAE;AADW,CAAzB;;;;"}

package/components/RangeSlider/inputs/ToInput.js

@@ -1 +1,69 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import{round as r}from"lodash";import{RangeSliderControl as n}from"../constants.js";import o from"../Input.css.js";import{jsx as i}from"react/jsx-runtime";function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{};r%2?u(Object(n),!0).forEach((function(r){e(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var c=function(e){var t=e.compStyles,u=e.isVerticalOrientation,c=e.max,a=e.precision,s=e.toInputRef,l=e.to,f=e.toInputValue,m=e.onInputChange,O=e.validateInputChange,b=r(l,a);return i("div",{style:p(p({},t),{},{width:u?8*("".concat(c).length+a):"auto",marginLeft:u?8*-("".concat(c).length+a)/2-8:"auto"}),children:i("input",{ref:s,className:o.rangeSliderInput,type:"text",size:"".concat(b).length||1,value:f,onChange:function(e){return m(n.TO,e)},onBlur:function(e){return O(n.TO,e)},onKeyDown:function(e){"Enter"===e.key&&O(n.TO,e)}})})};c.propTypes={max:t.number.isRequired,to:t.number.isRequired,isVerticalOrientation:t.bool.isRequired,precision:t.number.isRequired,compStyles:t.shape({}),toInputRef:t.node.isRequired,toInputValue:t.number.isRequired,onInputChange:t.func.isRequired,validateInputChange:t.func.isRequired},c.defaultProps={compStyles:{}};export{c as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { round } from 'lodash';
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import { RangeSliderControl } from '../constants.js';
+import styles from '../Input.css.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var ToInput = function ToInput(props) {
+  var compStyles = props.compStyles,
+      isVerticalOrientation = props.isVerticalOrientation,
+      max = props.max,
+      precision = props.precision,
+      toInputRef = props.toInputRef,
+      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", {
+    style: _objectSpread(_objectSpread({}, compStyles), {}, {
+      width: // calculate div width and margin for vertical range slider input align
+      isVerticalOrientation ? ("".concat(max).length + precision) * 8 : 'auto',
+      marginLeft: isVerticalOrientation ? -("".concat(max).length + precision) * 8 / 2 - 8 : 'auto'
+    }),
+    children: /*#__PURE__*/jsx("input", {
+      ref: toInputRef,
+      className: styles.rangeSliderInput,
+      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
+    })
+  });
+};
+
+ToInput.propTypes = {
+  max: PropTypes.number.isRequired,
+  to: PropTypes.number.isRequired,
+  isVerticalOrientation: PropTypes.bool.isRequired,
+  precision: PropTypes.number.isRequired,
+  compStyles: PropTypes.shape({}),
+  toInputRef: PropTypes.node.isRequired,
+  toInputValue: PropTypes.number.isRequired,
+  onInputChange: PropTypes.func.isRequired,
+  validateInputChange: PropTypes.func.isRequired
+};
+ToInput.defaultProps = {
+  compStyles: {}
+};
+
+export default ToInput;
+//# 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 PropTypes from 'prop-types';\nimport { round } from 'lodash';\n\nimport { RangeSliderControl } from '../constants';\n\nimport styles from '../Input.css';\n\nconst ToInput = props => {\n  const {\n    compStyles,\n    isVerticalOrientation,\n    max,\n    precision,\n    toInputRef,\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      style={{\n        ...compStyles,\n        width:\n          // calculate div width and margin for vertical range slider input align\n          isVerticalOrientation ? (`${max}`.length + precision) * 8 : 'auto',\n        marginLeft: isVerticalOrientation ? (-(`${max}`.length + precision) * 8) / 2 - 8 : 'auto',\n      }}\n    >\n      <input\n        ref={toInputRef}\n        className={styles.rangeSliderInput}\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\nToInput.propTypes = {\n  max: PropTypes.number.isRequired,\n  to: PropTypes.number.isRequired,\n  isVerticalOrientation: PropTypes.bool.isRequired,\n  precision: PropTypes.number.isRequired,\n  compStyles: PropTypes.shape({}),\n  toInputRef: PropTypes.node.isRequired,\n  toInputValue: PropTypes.number.isRequired,\n  onInputChange: PropTypes.func.isRequired,\n  validateInputChange: PropTypes.func.isRequired,\n};\n\nToInput.defaultProps = { compStyles: {} };\n\nexport default ToInput;\n"],"names":["ToInput","props","compStyles","isVerticalOrientation","max","precision","toInputRef","to","toInputValue","onInputChange","validateInputChange","roundedTo","round","onKeyDown","event","key","RangeSliderControl","TO","_jsx","width","length","marginLeft","styles","rangeSliderInput","propTypes","PropTypes","number","isRequired","bool","shape","node","func","defaultProps"],"mappings":";;;;;;;;;;;IAOMA,OAAO,GAAG,SAAVA,OAAU,CAAAC,KAAK,EAAI;AAAA,MAErBC,UAFqB,GAWnBD,KAXmB,CAErBC,UAFqB;AAAA,MAGrBC,qBAHqB,GAWnBF,KAXmB,CAGrBE,qBAHqB;AAAA,MAIrBC,GAJqB,GAWnBH,KAXmB,CAIrBG,GAJqB;AAAA,MAKrBC,SALqB,GAWnBJ,KAXmB,CAKrBI,SALqB;AAAA,MAMrBC,UANqB,GAWnBL,KAXmB,CAMrBK,UANqB;AAAA,MAOrBC,EAPqB,GAWnBN,KAXmB,CAOrBM,EAPqB;AAAA,MAQrBC,YARqB,GAWnBP,KAXmB,CAQrBO,YARqB;AAAA,MASrBC,aATqB,GAWnBR,KAXmB,CASrBQ,aATqB;AAAA,MAUrBC,mBAVqB,GAWnBT,KAXmB,CAUrBS,mBAVqB;AAavB,MAAMC,SAAS,GAAGC,KAAK,CAACL,EAAD,EAAKF,SAAL,CAAvB;;AAEA,MAAMQ,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD,EAAW;AAC3B,QAAIA,KAAK,CAACC,GAAN,KAAc,OAAlB,EAA2B;AACzBL,MAAAA,mBAAmB,CAACM,kBAAkB,CAACC,EAApB,EAAwBH,KAAxB,CAAnB;AACD;AACF,GAJD;;AAMA,sBACEI;AACE,IAAA,KAAK,kCACAhB,UADA;AAEHiB,MAAAA,KAAK;AAEHhB,MAAAA,qBAAqB,GAAG,CAAC,UAAGC,GAAH,EAASgB,MAAT,GAAkBf,SAAnB,IAAgC,CAAnC,GAAuC,MAJ3D;AAKHgB,MAAAA,UAAU,EAAElB,qBAAqB,GAAI,EAAE,UAAGC,GAAH,EAASgB,MAAT,GAAkBf,SAApB,IAAiC,CAAlC,GAAuC,CAAvC,GAA2C,CAA9C,GAAkD;AALhF,MADP;AAAA,2BASEa;AACE,MAAA,GAAG,EAAEZ,UADP;AAEE,MAAA,SAAS,EAAEgB,MAAM,CAACC,gBAFpB;AAGE,MAAA,IAAI,EAAC,MAHP;AAIE,MAAA,IAAI,EAAE,UAAGZ,SAAH,EAAeS,MAAf,IAAyB,CAJjC;AAKE,MAAA,KAAK,EAAEZ,YALT;AAME,MAAA,QAAQ,EAAE,kBAAAM,KAAK;AAAA,eAAIL,aAAa,CAACO,kBAAkB,CAACC,EAApB,EAAwBH,KAAxB,CAAjB;AAAA,OANjB;AAOE,MAAA,MAAM,EAAE,gBAAAA,KAAK;AAAA,eAAIJ,mBAAmB,CAACM,kBAAkB,CAACC,EAApB,EAAwBH,KAAxB,CAAvB;AAAA,OAPf;AAQE,MAAA,SAAS,EAAED;AARb;AATF,IADF;AAsBD;;AAEDb,OAAO,CAACwB,SAAR,GAAoB;AAClBpB,EAAAA,GAAG,EAAEqB,SAAS,CAACC,MAAV,CAAiBC,UADJ;AAElBpB,EAAAA,EAAE,EAAEkB,SAAS,CAACC,MAAV,CAAiBC,UAFH;AAGlBxB,EAAAA,qBAAqB,EAAEsB,SAAS,CAACG,IAAV,CAAeD,UAHpB;AAIlBtB,EAAAA,SAAS,EAAEoB,SAAS,CAACC,MAAV,CAAiBC,UAJV;AAKlBzB,EAAAA,UAAU,EAAEuB,SAAS,CAACI,KAAV,CAAgB,EAAhB,CALM;AAMlBvB,EAAAA,UAAU,EAAEmB,SAAS,CAACK,IAAV,CAAeH,UANT;AAOlBnB,EAAAA,YAAY,EAAEiB,SAAS,CAACC,MAAV,CAAiBC,UAPb;AAQlBlB,EAAAA,aAAa,EAAEgB,SAAS,CAACM,IAAV,CAAeJ,UARZ;AASlBjB,EAAAA,mBAAmB,EAAEe,SAAS,CAACM,IAAV,CAAeJ;AATlB,CAApB;AAYA3B,OAAO,CAACgC,YAAR,GAAuB;AAAE9B,EAAAA,UAAU,EAAE;AAAd,CAAvB;;;;"}