@corva/ui 0.34.0-rc.3 → 0.34.0

package/components/RangeSlider/RangeSlider.js

@@ -1,326 +1 @@
-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
+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};

package/components/RangeSlider/constants.js

@@ -1,16 +1 @@
-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
+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};

package/components/RangeSlider/inputs/FromInput.js

@@ -1,69 +1 @@
-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
+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};

package/components/RangeSlider/inputs/ToInput.js

@@ -1,69 +1 @@
-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
+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};

package/components/RangeSlider/strategies/horizontal.js

@@ -1,74 +1 @@
-import { calculateValueFromPercent } from '../utils.js';
-
-function getCoordinates(event, rect) {
-  return {
-    new: event.clientX,
-    min: rect.x,
-    max: rect.x + rect.width
-  };
-}
-
-function getBarCoordinates(event, startCoordinates, rect) {
-  var startX = startCoordinates.clientX;
-  var startFromX = startCoordinates.x;
-  var grabOffset = startX - startFromX;
-  return {
-    new: event.clientX - grabOffset,
-    min: rect.x,
-    max: rect.x + rect.width
-  };
-}
-
-function getThumbStyles(percent, isLastMoved) {
-  return {
-    top: '1px',
-    left: "".concat(percent, "%"),
-    zIndex: isLastMoved ? 10 : 2
-  };
-}
-
-function getBarStyles(fromPercent, toPercent) {
-  return {
-    left: "".concat(fromPercent, "%"),
-    width: "".concat(toPercent - fromPercent, "%")
-  };
-}
-
-function getInputStyles(percent) {
-  return {
-    position: 'absolute',
-    top: '-15px',
-    left: "".concat(percent, "%"),
-    transform: 'translate(-50%, -50%)'
-  };
-}
-
-function calculateInputSpacing(fromPercent, toPercent, railRef, fromInputRef, toInputRef) {
-  var _fromInputRef$current = fromInputRef.current.getBoundingClientRect(),
-      fromWidth = _fromInputRef$current.width;
-
-  var _toInputRef$current$g = toInputRef.current.getBoundingClientRect(),
-      toWidth = _toInputRef$current$g.width;
-
-  var _railRef$current$getB = railRef.current.getBoundingClientRect(),
-      railX = _railRef$current$getB.x,
-      railWidth = _railRef$current$getB.width;
-
-  var fromX = calculateValueFromPercent(fromPercent, railX, railX + railWidth);
-  var toX = calculateValueFromPercent(toPercent, railX, railX + railWidth);
-  return {
-    isNotEnoughInputSpace: toX - fromX < (fromWidth + toWidth) / 2
-  };
-}
-
-var horizontalStrategy = {
-  getCoordinates: getCoordinates,
-  getBarCoordinates: getBarCoordinates,
-  getThumbStyles: getThumbStyles,
-  getBarStyles: getBarStyles,
-  getInputStyles: getInputStyles,
-  calculateInputSpacing: calculateInputSpacing
-};
-
-export { horizontalStrategy };
-//# sourceMappingURL=horizontal.js.map
+import{calculateValueFromPercent as t}from"../utils.js";var n={getCoordinates:function(t,n){return{new:t.clientX,min:n.x,max:n.x+n.width}},getBarCoordinates:function(t,n,e){var i=n.clientX-n.x;return{new:t.clientX-i,min:e.x,max:e.x+e.width}},getThumbStyles:function(t,n){return{top:"1px",left:"".concat(t,"%"),zIndex:n?10:2}},getBarStyles:function(t,n){return{left:"".concat(t,"%"),width:"".concat(n-t,"%")}},getInputStyles:function(t){return{position:"absolute",top:"-15px",left:"".concat(t,"%"),transform:"translate(-50%, -50%)"}},calculateInputSpacing:function(n,e,i,r,o){var c=r.current.getBoundingClientRect().width,u=o.current.getBoundingClientRect().width,a=i.current.getBoundingClientRect(),l=a.x,g=a.width,d=t(n,l,l+g);return{isNotEnoughInputSpace:t(e,l,l+g)-d<(c+u)/2}}};export{n as horizontalStrategy};

package/components/RangeSlider/strategies/vertical.js

@@ -1,75 +1 @@
-import { calculateValueFromPercent } from '../utils.js';
-
-/* eslint-disable */
-
-function getCoordinates(event, rect) {
-  return {
-    new: event.clientY,
-    min: rect.y,
-    max: rect.y + rect.height
-  };
-}
-
-function getBarCoordinates(event, startCoordinates, rect) {
-  var startY = startCoordinates.clientY;
-  var startFromY = startCoordinates.y;
-  var grabOffset = startY - startFromY;
-  return {
-    new: event.clientY - grabOffset,
-    min: rect.y,
-    max: rect.y + rect.height
-  };
-}
-
-function getThumbStyles(percent, isLastMoved) {
-  return {
-    left: '1px',
-    top: "".concat(percent, "%"),
-    zIndex: isLastMoved ? 10 : 2
-  };
-}
-
-function getBarStyles(fromPercent, toPercent) {
-  return {
-    top: "".concat(fromPercent, "%"),
-    height: "".concat(toPercent - fromPercent, "%")
-  };
-}
-
-function getInputStyles(percent) {
-  return {
-    position: 'absolute',
-    top: "".concat(percent, "%"),
-    transform: 'translate(-50%, -50%)'
-  };
-}
-
-function calculateInputSpacing(fromPercent, toPercent, railRef, fromInputRef, toInputRef) {
-  var _fromInputRef$current = fromInputRef.current.getBoundingClientRect(),
-      fromHeight = _fromInputRef$current.height;
-
-  var _toInputRef$current$g = toInputRef.current.getBoundingClientRect(),
-      toHeight = _toInputRef$current$g.height;
-
-  var _railRef$current$getB = railRef.current.getBoundingClientRect(),
-      railY = _railRef$current$getB.y,
-      railHeight = _railRef$current$getB.height;
-
-  var fromY = calculateValueFromPercent(fromPercent, railY, railY + railHeight);
-  var toY = calculateValueFromPercent(toPercent, railY, railY + railHeight);
-  return {
-    isNotEnoughInputSpace: toY - fromY < (fromHeight + toHeight) / 2
-  };
-}
-
-var verticalStrategy = {
-  getCoordinates: getCoordinates,
-  getBarCoordinates: getBarCoordinates,
-  getThumbStyles: getThumbStyles,
-  getBarStyles: getBarStyles,
-  getInputStyles: getInputStyles,
-  calculateInputSpacing: calculateInputSpacing
-};
-
-export { verticalStrategy };
-//# sourceMappingURL=vertical.js.map
+import{calculateValueFromPercent as t}from"../utils.js";var n={getCoordinates:function(t,n){return{new:t.clientY,min:n.y,max:n.y+n.height}},getBarCoordinates:function(t,n,e){var i=n.clientY-n.y;return{new:t.clientY-i,min:e.y,max:e.y+e.height}},getThumbStyles:function(t,n){return{left:"1px",top:"".concat(t,"%"),zIndex:n?10:2}},getBarStyles:function(t,n){return{top:"".concat(t,"%"),height:"".concat(n-t,"%")}},getInputStyles:function(t){return{position:"absolute",top:"".concat(t,"%"),transform:"translate(-50%, -50%)"}},calculateInputSpacing:function(n,e,i,r,o){var c=r.current.getBoundingClientRect().height,u=o.current.getBoundingClientRect().height,a=i.current.getBoundingClientRect(),g=a.y,l=a.height,h=t(n,g,g+l);return{isNotEnoughInputSpace:t(e,g,g+l)-h<(c+u)/2}}};export{n as verticalStrategy};