@corva/ui 0.65.0-1-test → 0.65.0-10

package/components/PriceInput/FormattedNumber.js

@@ -1,42 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import NumberFormat from 'react-number-format';
-import PropTypes from 'prop-types';
-import { jsx } from 'react/jsx-runtime';
-
-var _excluded = ["inputRef", "onChange"];
-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; }
-function NumberFormatCustom(props) {
-  var inputRef = props.inputRef,
-    onChange = props.onChange,
-    other = _objectWithoutProperties(props, _excluded);
-  return /*#__PURE__*/jsx(NumberFormat, _objectSpread(_objectSpread({}, other), {}, {
-    getInputRef: inputRef,
-    onValueChange: function onValueChange(values) {
-      onChange({
-        target: {
-          name: props.name,
-          value: values.value
-        }
-      });
-    },
-    thousandSeparator: true,
-    isNumericString: true,
-    prefix: "$",
-    allowNegative: false,
-    allowLeadingZeros: false
-  }));
-}
-NumberFormatCustom.propTypes = {
-  inputRef: PropTypes.func.isRequired,
-  name: PropTypes.string.isRequired,
-  onChange: PropTypes.func.isRequired,
-  decimalScale: PropTypes.number
-};
-NumberFormatCustom.defaultProps = {
-  decimalScale: 2
-};
-
-export { NumberFormatCustom as default };
-//# sourceMappingURL=FormattedNumber.js.map
+import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"react-number-format";import n from"prop-types";import{jsx as o}from"react/jsx-runtime";var i=["inputRef","onChange"];function a(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?a(Object(n),!0).forEach((function(t){e(r,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(n,e))}))}return r}function u(e){var n=e.inputRef,a=e.onChange,u=r(e,i);return o(t,p(p({},u),{},{getInputRef:n,onValueChange:function(r){a({target:{name:e.name,value:r.value}})},thousandSeparator:!0,isNumericString:!0,prefix:"$",allowNegative:!1,allowLeadingZeros:!1}))}u.propTypes={inputRef:n.func.isRequired,name:n.string.isRequired,onChange:n.func.isRequired,decimalScale:n.number},u.defaultProps={decimalScale:2};export{u as default};

package/components/PriceInput/PriceInput.js

@@ -1,24 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import PropTypes from 'prop-types';
-import { TextField } from '@material-ui/core';
-import NumberFormatCustom from './FormattedNumber.js';
-import { 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 PriceInput = function PriceInput(props) {
-  return /*#__PURE__*/jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
-    InputProps: _objectSpread(_objectSpread({}, props.InputProps), {}, {
-      inputComponent: NumberFormatCustom
-    })
-  }));
-};
-PriceInput.propTypes = {
-  InputProps: PropTypes.shape({})
-};
-PriceInput.defaultProps = {
-  InputProps: {}
-};
-
-export { PriceInput as default };
-//# sourceMappingURL=PriceInput.js.map
+import r from"@babel/runtime/helpers/defineProperty";import e from"prop-types";import{TextField as t}from"@material-ui/core";import o from"./FormattedNumber.js";import{jsx as p}from"react/jsx-runtime";function n(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}function i(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?n(Object(o),!0).forEach((function(t){r(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var c=function(r){return p(t,i(i({},r),{},{InputProps:i(i({},r.InputProps),{},{inputComponent:o})}))};c.propTypes={InputProps:e.shape({})},c.defaultProps={InputProps:{}};export{c as default};

package/components/RangeSlider/Input.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".Input_rangeSliderInput__uoNkK {\n  cursor: default;\n  min-width: 40px;\n  height: 24px;\n  line-height: 24px;\n  background: var(--palette-background-b-6);\n  padding: 2px 4px;\n  text-align: center;\n  border-radius: 4px;\n  font-weight: 500;\n  font-size: 14px;\n  color: var(--palette-primary-text-6);\n  border: none;\n  outline: none;\n  display: block;\n  margin: 0 0 0 auto;\n  max-width: fit-content;\n  border: 1px solid var(--palette-primary-text-6);\n}\n\n.Input_rangeSliderInput__uoNkK:focus {\n  color: var(--palette-primary-contrast-text);\n  border: 1px solid var(--palette-primary-main);\n  background-color: var(--palette-background-b-7);\n}\n\n.Input_rangeSliderInput__uoNkK:hover {\n  color: var(--palette-primary-contrast-text);\n  border: 1px solid var(--palette-primary-main);\n}\n\n.Input_rotated__GBHlR {\n  transform: rotate(180deg);\n}\n";
-var styles = {"rangeSliderInput":"Input_rangeSliderInput__uoNkK","rotated":"Input_rotated__GBHlR"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=Input.css.js.map
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={rangeSliderInput:"Input_rangeSliderInput__uoNkK",rotated:"Input_rotated__GBHlR"};t(".Input_rangeSliderInput__uoNkK{background:var(--palette-background-b-6);border:none;border:1px solid var(--palette-primary-text-6);border-radius:4px;color:var(--palette-primary-text-6);cursor:default;display:block;font-size:14px;font-weight:500;height:24px;line-height:24px;margin:0 0 0 auto;max-width:fit-content;min-width:40px;outline:none;padding:2px 4px;text-align:center}.Input_rangeSliderInput__uoNkK:focus{background-color:var(--palette-background-b-7)}.Input_rangeSliderInput__uoNkK:focus,.Input_rangeSliderInput__uoNkK:hover{border:1px solid var(--palette-primary-main);color:var(--palette-primary-contrast-text)}.Input_rotated__GBHlR{transform:rotate(180deg)}");export{e as default};

package/components/RangeSlider/RangeSlider.css.js

@@ -1,8 +1 @@
-import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".RangeSlider_rangeSliderHorizontal__SAdDE {\n  /* mode values */\n  padding: 30px 0 12px;\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.RangeSlider_rangeSliderVertical__k8ac- {\n  height: 100%;\n  padding: 0 30px;\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n}\n\n.RangeSlider_rangeSliderRail__ufDMI {\n  position: relative;\n  height: 3px;\n  border-radius: 1px;\n  background-color: rgba(99, 239, 255, 0.24);\n}\n\n.RangeSlider_rangeSliderRail__ufDMI::before,\n.RangeSlider_rangeSliderRail__ufDMI::after {\n  content: '';\n  border-radius: 1px;\n  position: absolute;\n  opacity: 0.24;\n  width: 2px;\n  height: 3px;\n  background: #63efff;\n}\n\n.RangeSlider_rangeSliderRail__ufDMI::before {\n  top: 0;\n  left: 0;\n}\n\n.RangeSlider_rangeSliderRail__ufDMI::after {\n  top: 0;\n  right: 0;\n}\n\n.RangeSlider_rangeSliderRailHorizontal__rLPtT {\n  width: 100%;\n  margin: 0 6px;\n}\n\n.RangeSlider_rotatedVerticalRange__-oEIw {\n  transform: rotate(180deg);\n}\n\n.RangeSlider_rangeSliderVertical__k8ac- .RangeSlider_rangeSliderRail__ufDMI {\n  width: 3px;\n}\n\n.RangeSlider_rangeSliderVertical__k8ac- .RangeSlider_rangeSliderRail__ufDMI::before,\n.RangeSlider_rangeSliderVertical__k8ac- .RangeSlider_rangeSliderRail__ufDMI::after {\n  width: 3px;\n  height: 2px;\n}\n\n.RangeSlider_rangeSliderVertical__k8ac- .RangeSlider_rangeSliderRail__ufDMI::after {\n  bottom: 0 !important;\n  top: unset;\n}\n\n.RangeSlider_rangeSliderRailVertical__4zKzk {\n  height: 100%;\n  width: 2px;\n  margin: 6px 0;\n}\n\n.RangeSlider_rangeSliderBar__Kj3LC {\n  position: absolute;\n  z-index: 1;\n}\n\n.RangeSlider_rangeSliderBarHorizontal__is0F7 {\n  height: 12px;\n  margin: 1px 0 0;\n  transform: translate(0, -50%);\n}\n\n.RangeSlider_rangeSliderBarVertical__2DexQ {\n  height: 100%;\n  width: 12px;\n  margin: 1px 0 0;\n}\n\n.RangeSlider_rangeSliderBarView__6dNQB {\n  border-radius: 1px;\n  background: var(--palette-primary-main);\n}\n\n.RangeSlider_rangeSliderBarViewHorizontal__6pRPw {\n  position: relative;\n  margin: 5px 0 0;\n  height: 3px;\n}\n\n.RangeSlider_rangeSliderBarViewVertical__W2QnY {\n  width: 3px;\n  height: 100%;\n}\n\n.RangeSlider_rangeSliderBar__Kj3LC:hover > .RangeSlider_rangeSliderBarViewVertical__W2QnY::before,\n.RangeSlider_rangeSliderBar__Kj3LC:hover > .RangeSlider_rangeSliderBarViewHorizontal__6pRPw::before {\n  content: '';\n  border-radius: 1px;\n  position: absolute;\n  opacity: 0.4;\n  background: #03bcd4;\n}\n\n.RangeSlider_rangeSliderBar__Kj3LC:hover > .RangeSlider_rangeSliderBarViewHorizontal__6pRPw::before {\n  width: 100%;\n  height: 7px;\n  bottom: -2px;\n}\n\n.RangeSlider_rangeSliderBar__Kj3LC:hover > .RangeSlider_rangeSliderBarViewVertical__W2QnY::before {\n  height: 100%;\n  width: 7px;\n  left: -2px;\n}\n\n.RangeSlider_rangeSliderThumb__KMaq0 {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 25px;\n  height: 25px;\n  z-index: 1;\n  transform: translate(-50%, -50%);\n}\n\n.RangeSlider_mobileRangeSliderThumb__TEj2q.RangeSlider_rangeSliderThumb__KMaq0:hover > .RangeSlider_rangeSliderLabel__3-qO8 {\n  box-shadow: none !important;\n}\n\n.RangeSlider_mobileRangeSliderThumb__TEj2q:hover.RangeSlider_rangeSliderThumb__KMaq0::before {\n  position: absolute;\n  content: '';\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  width: 39px;\n  height: 39px;\n  border-radius: 20px;\n  opacity: 0.1;\n  background: #d9d9d9;\n}\n\n.RangeSlider_rangeSliderLabel__3-qO8 {\n  position: relative;\n  background: var(--palette-primary-main);\n  width: 9px;\n  height: 9px;\n  border-radius: 9px;\n  transition: box-shadow 0.3s;\n}\n\n.RangeSlider_rangeSliderThumb__KMaq0:hover > .RangeSlider_rangeSliderLabel__3-qO8 {\n  box-shadow: rgba(3, 188, 212, 0.2) 0 0 0 8px;\n}\n\n.RangeSlider_rangeSliderInputDivider__PcwIK {\n  background: var(--palette-background-b-9);\n  font-weight: 500;\n  font-size: 10px;\n  color: #fff;\n}\n\n.RangeSlider_rangeSliderCompactInputs__ukFLL {\n  position: absolute;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  background: var(--palette-background-b-9);\n  transform: translate(-50%, -50%);\n}\n\n.RangeSlider_disabled__8eBEv {\n  opacity: 0.4;\n}\n";
-var styles = {"rangeSliderHorizontal":"RangeSlider_rangeSliderHorizontal__SAdDE","rangeSliderVertical":"RangeSlider_rangeSliderVertical__k8ac-","rangeSliderRail":"RangeSlider_rangeSliderRail__ufDMI","rangeSliderRailHorizontal":"RangeSlider_rangeSliderRailHorizontal__rLPtT","rotatedVerticalRange":"RangeSlider_rotatedVerticalRange__-oEIw","rangeSliderRailVertical":"RangeSlider_rangeSliderRailVertical__4zKzk","rangeSliderBar":"RangeSlider_rangeSliderBar__Kj3LC","rangeSliderBarHorizontal":"RangeSlider_rangeSliderBarHorizontal__is0F7","rangeSliderBarVertical":"RangeSlider_rangeSliderBarVertical__2DexQ","rangeSliderBarView":"RangeSlider_rangeSliderBarView__6dNQB","rangeSliderBarViewHorizontal":"RangeSlider_rangeSliderBarViewHorizontal__6pRPw","rangeSliderBarViewVertical":"RangeSlider_rangeSliderBarViewVertical__W2QnY","rangeSliderThumb":"RangeSlider_rangeSliderThumb__KMaq0","mobileRangeSliderThumb":"RangeSlider_mobileRangeSliderThumb__TEj2q","rangeSliderLabel":"RangeSlider_rangeSliderLabel__3-qO8","rangeSliderInputDivider":"RangeSlider_rangeSliderInputDivider__PcwIK","rangeSliderCompactInputs":"RangeSlider_rangeSliderCompactInputs__ukFLL","disabled":"RangeSlider_disabled__8eBEv"};
-styleInject(css_248z);
-
-export { styles as default };
-//# sourceMappingURL=RangeSlider.css.js.map
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var r={rangeSliderHorizontal:"RangeSlider_rangeSliderHorizontal__SAdDE",rangeSliderVertical:"RangeSlider_rangeSliderVertical__k8ac-",rangeSliderRail:"RangeSlider_rangeSliderRail__ufDMI",rangeSliderRailHorizontal:"RangeSlider_rangeSliderRailHorizontal__rLPtT",rotatedVerticalRange:"RangeSlider_rotatedVerticalRange__-oEIw",rangeSliderRailVertical:"RangeSlider_rangeSliderRailVertical__4zKzk",rangeSliderBar:"RangeSlider_rangeSliderBar__Kj3LC",rangeSliderBarHorizontal:"RangeSlider_rangeSliderBarHorizontal__is0F7",rangeSliderBarVertical:"RangeSlider_rangeSliderBarVertical__2DexQ",rangeSliderBarView:"RangeSlider_rangeSliderBarView__6dNQB",rangeSliderBarViewHorizontal:"RangeSlider_rangeSliderBarViewHorizontal__6pRPw",rangeSliderBarViewVertical:"RangeSlider_rangeSliderBarViewVertical__W2QnY",rangeSliderThumb:"RangeSlider_rangeSliderThumb__KMaq0",mobileRangeSliderThumb:"RangeSlider_mobileRangeSliderThumb__TEj2q",rangeSliderLabel:"RangeSlider_rangeSliderLabel__3-qO8",rangeSliderInputDivider:"RangeSlider_rangeSliderInputDivider__PcwIK",rangeSliderCompactInputs:"RangeSlider_rangeSliderCompactInputs__ukFLL",disabled:"RangeSlider_disabled__8eBEv"};e('.RangeSlider_rangeSliderHorizontal__SAdDE{align-items:center;display:flex;padding:30px 0 12px;position:relative}.RangeSlider_rangeSliderVertical__k8ac-{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 30px}.RangeSlider_rangeSliderRail__ufDMI{background-color:rgba(99,239,255,.24);border-radius:1px;height:3px;position:relative}.RangeSlider_rangeSliderRail__ufDMI:after,.RangeSlider_rangeSliderRail__ufDMI:before{background:#63efff;border-radius:1px;content:"";height:3px;opacity:.24;position:absolute;width:2px}.RangeSlider_rangeSliderRail__ufDMI:before{left:0;top:0}.RangeSlider_rangeSliderRail__ufDMI:after{right:0;top:0}.RangeSlider_rangeSliderRailHorizontal__rLPtT{margin:0 6px;width:100%}.RangeSlider_rotatedVerticalRange__-oEIw{transform:rotate(180deg)}.RangeSlider_rangeSliderVertical__k8ac- .RangeSlider_rangeSliderRail__ufDMI{width:3px}.RangeSlider_rangeSliderVertical__k8ac- .RangeSlider_rangeSliderRail__ufDMI:after,.RangeSlider_rangeSliderVertical__k8ac- .RangeSlider_rangeSliderRail__ufDMI:before{height:2px;width:3px}.RangeSlider_rangeSliderVertical__k8ac- .RangeSlider_rangeSliderRail__ufDMI:after{bottom:0!important;top:unset}.RangeSlider_rangeSliderRailVertical__4zKzk{height:100%;margin:6px 0;width:2px}.RangeSlider_rangeSliderBar__Kj3LC{position:absolute;z-index:1}.RangeSlider_rangeSliderBarHorizontal__is0F7{height:12px;margin:1px 0 0;transform:translateY(-50%)}.RangeSlider_rangeSliderBarVertical__2DexQ{height:100%;margin:1px 0 0;width:12px}.RangeSlider_rangeSliderBarView__6dNQB{background:var(--palette-primary-main);border-radius:1px}.RangeSlider_rangeSliderBarViewHorizontal__6pRPw{height:3px;margin:5px 0 0;position:relative}.RangeSlider_rangeSliderBarViewVertical__W2QnY{height:100%;width:3px}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewHorizontal__6pRPw:before,.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewVertical__W2QnY:before{background:#03bcd4;border-radius:1px;content:"";opacity:.4;position:absolute}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewHorizontal__6pRPw:before{bottom:-2px;height:7px;width:100%}.RangeSlider_rangeSliderBar__Kj3LC:hover>.RangeSlider_rangeSliderBarViewVertical__W2QnY:before{height:100%;left:-2px;width:7px}.RangeSlider_rangeSliderThumb__KMaq0{align-items:center;display:flex;height:25px;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:25px;z-index:1}.RangeSlider_mobileRangeSliderThumb__TEj2q.RangeSlider_rangeSliderThumb__KMaq0:hover>.RangeSlider_rangeSliderLabel__3-qO8{box-shadow:none!important}.RangeSlider_mobileRangeSliderThumb__TEj2q:hover.RangeSlider_rangeSliderThumb__KMaq0:before{background:#d9d9d9;border-radius:20px;content:"";height:39px;left:50%;opacity:.1;position:absolute;top:50%;transform:translate(-50%,-50%);width:39px}.RangeSlider_rangeSliderLabel__3-qO8{background:var(--palette-primary-main);border-radius:9px;height:9px;position:relative;transition:box-shadow .3s;width:9px}.RangeSlider_rangeSliderThumb__KMaq0:hover>.RangeSlider_rangeSliderLabel__3-qO8{box-shadow:0 0 0 8px rgba(3,188,212,.2)}.RangeSlider_rangeSliderInputDivider__PcwIK{background:var(--palette-background-b-9);color:#fff;font-size:10px;font-weight:500}.RangeSlider_rangeSliderCompactInputs__ukFLL{align-items:center;background:var(--palette-background-b-9);border-radius:4px;display:flex;justify-content:center;position:absolute;transform:translate(-50%,-50%)}.RangeSlider_disabled__8eBEv{opacity:.4}');export{r as default};

package/components/RangeSlider/RangeSlider.js

@@ -1,336 +1 @@
-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 PropTypes from 'prop-types';
-import { isMobileDetected } from '../../utils/mobileDetect.js';
-import { horizontalStrategy } from './strategies/horizontal.js';
-import { verticalStrategy } from './strategies/vertical.js';
-import { calculatePercentForValue, updateFromValue, updateToValue, calculateValueFromPercent } from './utils.js';
-import FromInput from './inputs/FromInput.js';
-import ToInput from './inputs/ToInput.js';
-import { RangeSliderControl, 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(props) {
-  var _classNames, _classNames2, _classNames3, _classNames4;
-  var min = props.min,
-    max = props.max,
-    from = props.from,
-    to = props.to,
-    minRange = props.minRange,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    orientation = props.orientation,
-    precision = props.precision,
-    isSingleRange = props.isSingleRange,
-    isWithoutInput = props.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(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    strategy = _useState6[0],
-    setStrategy = _useState6[1];
-  var _useState7 = useState(RangeSliderControl.FROM),
-    _useState8 = _slicedToArray(_useState7, 2),
-    lastMoved = _useState8[0],
-    setLastMoved = _useState8[1];
-  var _useState9 = useState(null),
-    _useState10 = _slicedToArray(_useState9, 2),
-    activeInput = _useState10[0],
-    setActiveInput = _useState10[1];
-  var _useState11 = useState({}),
-    _useState12 = _slicedToArray(_useState11, 2),
-    computedStyles = _useState12[0],
-    setComputedStyles = _useState12[1];
-  var _useState13 = useState({
-      from: false,
-      bar: false,
-      to: false
-    }),
-    _useState14 = _slicedToArray(_useState13, 2),
-    focusedEl = _useState14[0],
-    setFocusedEl = _useState14[1];
-  var railRef = useRef(null);
-  var fromThumbRef = useRef(null);
-  var toThumbRef = useRef(null);
-  var fromInputRef = useRef(null);
-  var toInputRef = useRef(null);
-  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 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 _onMouseEnter = function onMouseEnter(control) {
-    if (control === RangeSliderControl.BAR) {
-      setFocusedEl({
-        from: true,
-        bar: true,
-        to: true
-      });
-      return;
-    }
-    setFocusedEl(_objectSpread(_objectSpread({}, focusedEl), {}, _defineProperty({}, control, true)));
-  };
-  var _onMouseLeave = function onMouseLeave(control) {
-    if (control === RangeSliderControl.BAR) {
-      setFocusedEl({
-        from: false,
-        bar: false,
-        to: false
-      });
-      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 _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() {
-      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(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__*/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__*/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
-    })]
-  });
-};
-var rangeSliderPropTypes = {
-  min: PropTypes.number,
-  max: PropTypes.number,
-  from: PropTypes.number.isRequired,
-  to: PropTypes.number.isRequired,
-  orientation: PropTypes.oneOf(['horizontal', 'vertical']),
-  precision: PropTypes.number,
-  minRange: PropTypes.number,
-  // maxDiffRange: PropTypes.number, //todo
-
-  onChange: PropTypes.func,
-  isSingleRange: PropTypes.bool,
-  isWithoutInput: PropTypes.bool,
-  disabled: PropTypes.bool.isRequired
-};
-RangeSlider.propTypes = rangeSliderPropTypes;
-RangeSlider.defaultProps = {
-  min: 0,
-  max: 100,
-  orientation: 'horizontal',
-  precision: 0,
-  minRange: 0,
-  onChange: function onChange() {},
-  isSingleRange: false,
-  isWithoutInput: false
-};
-
-export { RangeSlider as default };
-//# sourceMappingURL=RangeSlider.js.map
+import{__assign as e}from'./../../ext-esm/tslib/tslib.es6.js';import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as o}from"react";import a from"classnames";import{round as l,throttle as u}from"lodash";import s from"prop-types";import{isMobileDetected as m}from"../../utils/mobileDetect.js";import{horizontalStrategy as c}from"./strategies/horizontal.js";import{verticalStrategy as d}from"./strategies/vertical.js";import{calculatePercentForValue as f,updateToValue as g,updateFromValue as R,calculateValueFromPercent as p}from"./utils.js";import v from"./inputs/FromInput.js";import b from"./inputs/ToInput.js";import{RangeSliderControl as O,RangeSliderOrientation as S}from"./constants.js";import T from"./RangeSlider.css.js";var h=function(s){var h,B,I,M,C=s.min,N=s.max,y=s.from,A=s.to,F=s.minRange,V=s.disabled,L=s.onChange,x=s.orientation,j=s.precision,w=s.isSingleRange,E=s.isWithoutInput,z=r(null),H=z[0],P=z[1],_=r(null),D=_[0],U=_[1],q=r(null),W=q[0],X=q[1],Y=r(O.FROM),Z=Y[0],k=Y[1],G=r(null),J=G[0],K=G[1],Q=r({}),$=Q[0],ee=Q[1],ne=r({from:!1,bar:!1,to:!1}),te=ne[0],re=ne[1],ie=i(null),oe=i(null),ae=i(null),le=i(null),ue=i(null),se=x===S.HORIZONTAL,me=x===S.VERTICAL,ce=w&&E;o((function(){x===S.HORIZONTAL&&X(c),x===S.VERTICAL&&X(d)}),[x]),o((function(){w&&L({from:0,to:A})}),[w]),o((function(){var e;if(W){var n=l(y,j),t=l(A,j),r=l(C,j),i=l(N,j),o=f(n,r,i),a=f(t,r,i);ee(((e={})[O.FROM]=W.getThumbStyles(o,Z===O.FROM),e[O.TO]=W.getThumbStyles(a,Z===O.TO),e[O.BAR]=W.getBarStyles(o,a),e[O.FROM_INPUT]=W.getInputStyles(J===O.FROM||J===O.BAR||te.from),e[O.TO_INPUT]=W.getInputStyles(J===O.TO||J===O.BAR||te.to),e)),P(n.toString()),U(t.toString())}}),[W,C,N,y,A,J,te]);var de=function(e){var n=W.getCoordinates(e,ie.current.getBoundingClientRect()),t=f(n.new,n.min,n.max),r=l(p(t,C,N),j);if(r!==y){var i=R(r,y,A,C,F);L(i)}},fe=function(e){var n=me&&w?W.getRotatedCoordinates(e,ie.current.getBoundingClientRect()):W.getCoordinates(e,ie.current.getBoundingClientRect()),t=f(n.new,n.min,n.max),r=l(p(t,C,N),j);if(r!==A){var i=g(r,y,A,N,F);L(i)}},ge=function(e,n){var t=W.getBarCoordinates(e,n,ie.current.getBoundingClientRect()),r=f(t.new,t.min,t.max),i=l(p(r,C,N),j),o=l(A+(i-y),j);if(i<C){var a=C-i;i=C,o=l(o+a,j)}if(o>N){a=o-N;o=N,i=l(i-a,j)}i!==y&&o!==A&&i>=C&&o<=N&&L({from:i,to:o})},Re=function(n){var t;n!==O.BAR?re(e(e({},te),((t={})[n]=!0,t))):re({from:!0,bar:!0,to:!0})},pe=function(n){var t;n!==O.BAR?re(e(e({},te),((t={})[n]=!1,t))):re({from:!1,bar:!1,to:!1})},ve=function(e,n){if(!(w&&e===O.BAR||V)){n.stopPropagation(),k(e),K(e);var t=n.clientX,r=n.clientY,i=n.target.getBoundingClientRect(),o=i.x,a=i.y,l=u((function(n){!function(e){return e===O.FROM?de:e===O.TO?fe:ge}(e)(n,{clientX:t,clientY:r,x:o,y:a})}),4);document.addEventListener("mousemove",l),document.addEventListener("mouseup",(function e(){K(null),document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",e)}))}},be=function(e,n){var t=n.target.value;Number.isNaN(Number(t))||function(e){return e===O.FROM?P:U}(e)(t)},Oe=function(e,n){var t=n.target.value,r=l(t,j);if(e===O.FROM){var i=R(r,y,A,C,F);L(i)}if(e===O.TO){i=g(r,y,A,N,F);L(i)}};return n("div",e({className:a((h={},h[T.disabled]=V,h[T.rangeSliderHorizontal]=se,h[T.rangeSliderVertical]=me,h[T.rotatedVerticalRange]=me&&w,h))},{children:[!w&&t(v,{compStyles:$[O.FROM_INPUT],isVerticalOrientation:me,max:N,disabled:V,precision:j,fromInputRef:le,from:y,fromInputValue:H,onInputChange:be,validateInputChange:Oe}),n("div",e({className:a(T.rangeSliderRail,(B={},B[T.rangeSliderRailHorizontal]=se,B[T.rangeSliderRailVertical]=me,B)),ref:ie},{children:[!w&&t("div",e({ref:oe,className:a(T.rangeSliderThumb,m&&T.mobileRangeSliderThumb),style:$[O.FROM],onMouseDown:function(e){return ve(O.FROM,e)},onMouseEnter:function(){Re(O.FROM)},onMouseLeave:function(){pe(O.FROM)}},{children:t("div",{className:T.rangeSliderLabel})})),t("div",e({className:a(T.rangeSliderBar,(I={},I[T.rangeSliderBarHorizontal]=se,I[T.rangeSliderBarVertical]=me,I)),style:$[O.BAR],onMouseDown:function(e){return ve(O.BAR,e)},onMouseEnter:function(){Re(O.BAR)},onMouseLeave:function(){pe(O.BAR)}},{children:t("div",{className:a(T.rangeSliderBarView,(M={},M[T.rangeSliderBarViewHorizontal]=se,M[T.rangeSliderBarViewVertical]=me,M))})})),t("div",e({ref:ae,className:a(T.rangeSliderThumb,m&&T.mobileRangeSliderThumb),style:$[O.TO],onMouseDown:function(e){return ve(O.TO,e)},onMouseEnter:function(){Re(O.TO)},onMouseLeave:function(){pe(O.TO)}},{children:t("div",{className:T.rangeSliderLabel})}))]})),!ce&&t(b,{compStyles:$[O.TO_INPUT],disabled:V,isVerticalOrientation:me,rotated:me&&w,max:N,precision:j,toInputRef:ue,to:A,toInputValue:D,onInputChange:be,validateInputChange:Oe})]}))},B={min:s.number,max:s.number,from:s.number.isRequired,to:s.number.isRequired,orientation:s.oneOf(["horizontal","vertical"]),precision:s.number,minRange:s.number,onChange:s.func,isSingleRange:s.bool,isWithoutInput:s.bool,disabled:s.bool.isRequired};h.propTypes=B,h.defaultProps={min:0,max:100,orientation:"horizontal",precision:0,minRange:0,onChange:function(){},isSingleRange:!1,isWithoutInput:!1};export{h 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,42 +1 @@
-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
+import{round as n}from"lodash";import{RangeSliderControl as t}from"../constants.js";import e from"../Input.css.js";import{jsx as r}from"react/jsx-runtime";var o=function(o){var a=o.compStyles,i=o.fromInputRef,u=o.disabled,s=o.precision,p=o.from,f=o.fromInputValue,l=o.onInputChange,m=o.validateInputChange,c=n(p,s);return r("div",{children:r("input",{style:a,ref:i,disabled:u,className:e.rangeSliderInput,type:"text",size:"".concat(c).length||1,value:f,onChange:function(n){l(t.FROM,n)},onBlur:function(n){return m(t.FROM,n)},onKeyDown:function(n){"Enter"===n.key&&m(t.FROM,n)}})})};export{o as default};

package/components/RangeSlider/inputs/ToInput.js

@@ -1,45 +1 @@
-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
+import t from"@babel/runtime/helpers/defineProperty";import{round as e}from"lodash";import n from"classnames";import{RangeSliderControl as r}from"../constants.js";import o from"../Input.css.js";import{jsx as a}from"react/jsx-runtime";var i=function(i){var s=i.compStyles,u=i.rotated,p=i.precision,l=i.toInputRef,m=i.disabled,c=i.to,f=i.toInputValue,d=i.onInputChange,h=i.validateInputChange,y=e(c,p);return a("div",{children:a("input",{style:s,ref:l,disabled:m,className:n(o.rangeSliderInput,t({},o.rotated,u)),type:"text",size:"".concat(y).length||1,value:f,onChange:function(t){return d(r.TO,t)},onBlur:function(t){return h(r.TO,t)},onKeyDown:function(t){"Enter"===t.key&&h(r.TO,t)}})})};export{i as default};

package/components/RangeSlider/strategies/horizontal.js

@@ -1,48 +1 @@
-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: '50%',
-    left: percent < 50 ? "calc(".concat(percent, "% + 3px)") : "calc(".concat(percent, "% - 3px)"),
-    zIndex: isLastMoved ? 10 : 2
-  };
-}
-function getBarStyles(fromPercent, toPercent) {
-  return {
-    left: "".concat(fromPercent, "%"),
-    width: "".concat(toPercent - fromPercent, "%")
-  };
-}
-function getInputStyles(isActive) {
-  if (!isActive) return {};
-  return {
-    border: '1px solid #03BCD4',
-    color: '#ffffff',
-    backgroundColor: '#333333'
-  };
-}
-var horizontalStrategy = {
-  getCoordinates: getCoordinates,
-  getBarCoordinates: getBarCoordinates,
-  getThumbStyles: getThumbStyles,
-  getBarStyles: getBarStyles,
-  getInputStyles: getInputStyles
-};
-
-export { horizontalStrategy };
-//# sourceMappingURL=horizontal.js.map
+var t={getCoordinates:function(t,n){return{new:t.clientX,min:n.x,max:n.x+n.width}},getBarCoordinates:function(t,n,e){var r=n.clientX-n.x;return{new:t.clientX-r,min:e.x,max:e.x+e.width}},getThumbStyles:function(t,n){return{top:"50%",left:"calc(".concat(t,t<50?"% + 3px)":"% - 3px)"),zIndex:n?10:2}},getBarStyles:function(t,n){return{left:"".concat(t,"%"),width:"".concat(n-t,"%")}},getInputStyles:function(t){return t?{border:"1px solid #03BCD4",color:"#ffffff",backgroundColor:"#333333"}:{}}};export{t as horizontalStrategy};