intelicoreact 1.3.19 → 1.3.21

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js

@@ -1,54 +1,88 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 var _utils = require("../../../Functions/utils.js");
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
+
 var _Label = _interopRequireDefault(require("../Label/Label"));
+
 require("./RangeInputs.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const RC = 'range-inputs';
-const RangeInputs = _ref => {
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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) { (0, _defineProperty2.default)(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 RC = 'range-inputs';
+
+var RangeInputs = function RangeInputs(_ref) {
   var _valueObj$from, _valueObj$to;
-  let {
-    isColumnPosition,
-    className,
-    value: valueObj = {
-      from: '',
-      to: ''
-    },
-    onChange = () => {},
-    validateErrors = () => {},
-    type = 'int',
-    setError: setInnerError,
-    label = '',
-    isPrice = false,
-    testId,
-    withZero = false,
-    fromPlaceholder = '',
-    toPlaceholder = ''
-  } = _ref;
-  const [error, setError] = (0, _react.useState)({
+
+  var isColumnPosition = _ref.isColumnPosition,
+      className = _ref.className,
+      _ref$value = _ref.value,
+      valueObj = _ref$value === void 0 ? {
     from: '',
     to: ''
-  });
-  const inputFromRef = (0, _react.useRef)(null);
-  const inputToRef = (0, _react.useRef)(null);
-  const isValidRange = (from, to) => {
+  } : _ref$value,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$validateErrors = _ref.validateErrors,
+      validateErrors = _ref$validateErrors === void 0 ? function () {} : _ref$validateErrors,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'int' : _ref$type,
+      setInnerError = _ref.setError,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label,
+      _ref$isPrice = _ref.isPrice,
+      isPrice = _ref$isPrice === void 0 ? false : _ref$isPrice,
+      testId = _ref.testId,
+      _ref$withZero = _ref.withZero,
+      withZero = _ref$withZero === void 0 ? false : _ref$withZero,
+      _ref$fromPlaceholder = _ref.fromPlaceholder,
+      fromPlaceholder = _ref$fromPlaceholder === void 0 ? '' : _ref$fromPlaceholder,
+      _ref$toPlaceholder = _ref.toPlaceholder,
+      toPlaceholder = _ref$toPlaceholder === void 0 ? '' : _ref$toPlaceholder;
+
+  var _useState = (0, _react.useState)({
+    from: '',
+    to: ''
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      error = _useState2[0],
+      setError = _useState2[1];
+
+  var inputFromRef = (0, _react.useRef)(null);
+  var inputToRef = (0, _react.useRef)(null);
+
+  var isValidRange = function isValidRange(from, to) {
     var _from$toString, _to$toString;
-    const correctFrom = parseFloat(from === null || from === void 0 || (_from$toString = from.toString()) === null || _from$toString === void 0 ? void 0 : _from$toString.replace(/[^\d]/g, ''));
-    const correctTo = parseFloat(to === null || to === void 0 || (_to$toString = to.toString()) === null || _to$toString === void 0 ? void 0 : _to$toString.replace(/[^\d]/g, ''));
 
-    // let correctFrom;
+    var correctFrom = parseFloat(from === null || from === void 0 ? void 0 : (_from$toString = from.toString()) === null || _from$toString === void 0 ? void 0 : _from$toString.replace(/[^\d]/g, ''));
+    var correctTo = parseFloat(to === null || to === void 0 ? void 0 : (_to$toString = to.toString()) === null || _to$toString === void 0 ? void 0 : _to$toString.replace(/[^\d]/g, '')); // let correctFrom;
     // let correctTo;
-
     // if (!withZero) {
     //   correctFrom = parseInt(replaceNotDigitFrom);
     //   correctTo = parseInt(replaceNotDigitFromTo);
@@ -59,53 +93,52 @@ const RangeInputs = _ref => {
 
     return correctFrom <= correctTo;
   };
-  const valueFormatter = value => {
+
+  var valueFormatter = function valueFormatter(value) {
     if (type === 'float' && !isPrice) return (0, _fieldValueFormatters.filterFloat)(value, 2);else if (type === 'float' && isPrice) return (0, _utils.addBitDepthPoints)((0, _fieldValueFormatters.filterFloat)(value === null || value === void 0 ? void 0 : value.replace(/[^\d.]/g, ''), 2));else if (type !== 'float' && isPrice) return (0, _utils.addBitDepthPoints)(value === null || value === void 0 ? void 0 : value.replace(/[^\d]/g, ''));else return (0, _fieldValueFormatters.formatOnlyNumbers)(value);
   };
-  const handleChange = (prop, val) => {
-    onChange({
-      ...valueObj,
-      [prop]: valueFormatter(val)
-    });
+
+  var handleChange = function handleChange(prop, val) {
+    onChange(_objectSpread(_objectSpread({}, valueObj), {}, (0, _defineProperty2.default)({}, prop, valueFormatter(val))));
   };
-  const rangeValidation = (e, key) => {
+
+  var rangeValidation = function rangeValidation(e, key) {
     var _validateErrors;
-    const oppositeKey = key === 'from' ? 'to' : 'from';
+
+    var oppositeKey = key === 'from' ? 'to' : 'from';
+
     if (!withZero && !(valueObj !== null && valueObj !== void 0 && valueObj.from) && !(valueObj !== null && valueObj !== void 0 && valueObj.to)) {
       setError({
         from: '',
         to: ''
       });
-      setInnerError === null || setInnerError === void 0 || setInnerError('');
+      setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError('');
       return e;
     } else if (!withZero && !valueObj[oppositeKey]) {
-      const mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;
+      var mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;
       mustToFocus.focus();
     } else if (!isValidRange(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from, valueObj === null || valueObj === void 0 ? void 0 : valueObj.to)) {
-      if (!(valueObj !== null && valueObj !== void 0 && valueObj.from)) setError({
-        ...error,
+      if (!(valueObj !== null && valueObj !== void 0 && valueObj.from)) setError(_objectSpread(_objectSpread({}, error), {}, {
         from: 'Invalid range'
-      });else setError({
-        ...error,
+      }));else setError(_objectSpread(_objectSpread({}, error), {}, {
         to: 'Invalid range'
-      });
-      setInnerError === null || setInnerError === void 0 || setInnerError('Invalid range');
+      }));
+      setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError('Invalid range');
     } else if ((_validateErrors = validateErrors === null || validateErrors === void 0 ? void 0 : validateErrors(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from, valueObj === null || valueObj === void 0 ? void 0 : valueObj.to)) !== null && _validateErrors !== void 0 ? _validateErrors : false) {
       //проп validateErrors вернет пустую строку, в случае если ошибок нет
-      setError === null || setError === void 0 || setError(validateErrors(valueObj.from, valueObj.to));
+      setError === null || setError === void 0 ? void 0 : setError(validateErrors(valueObj.from, valueObj.to));
     } else {
       setError({
         from: '',
         to: ''
       });
-      setInnerError === null || setInnerError === void 0 || setInnerError('');
+      setInnerError === null || setInnerError === void 0 ? void 0 : setInnerError('');
       return e;
     }
   };
+
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className, {
-      ["".concat(RC, "_column")]: isColumnPosition
-    })
+    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_column"), isColumnPosition))
   }, label && label !== ' ' && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__label")
   }, label), /*#__PURE__*/_react.default.createElement("div", {
@@ -118,10 +151,14 @@ const RangeInputs = _ref => {
     testId: "".concat(testId, "--from"),
     ref: inputFromRef,
     value: (_valueObj$from = valueObj === null || valueObj === void 0 ? void 0 : valueObj.from) !== null && _valueObj$from !== void 0 ? _valueObj$from : '',
-    onChange: val => handleChange('from', val),
-    onBlur: e => rangeValidation(e, 'from'),
+    onChange: function onChange(val) {
+      return handleChange('from', val);
+    },
+    onBlur: function onBlur(e) {
+      return rangeValidation(e, 'from');
+    },
     error: error.from,
-    onKeyUp: (code, e) => {
+    onKeyUp: function onKeyUp(code, e) {
       if (code === 13) {
         if (isValidRange) inputFromRef.current.blur();else {
           inputToRef.current.focus();
@@ -138,13 +175,19 @@ const RangeInputs = _ref => {
     testId: "".concat(testId, "--to"),
     ref: inputToRef,
     value: (_valueObj$to = valueObj === null || valueObj === void 0 ? void 0 : valueObj.to) !== null && _valueObj$to !== void 0 ? _valueObj$to : '',
-    onChange: val => handleChange('to', val),
-    onBlur: e => rangeValidation(e, 'to'),
+    onChange: function onChange(val) {
+      return handleChange('to', val);
+    },
+    onBlur: function onBlur(e) {
+      return rangeValidation(e, 'to');
+    },
     error: error.to,
-    onKeyUp: (code, e) => {
+    onKeyUp: function onKeyUp(code, e) {
       if (code === 13) inputToRef.current.blur();
     },
     placeholder: toPlaceholder
   }))));
 };
-var _default = exports.default = RangeInputs;
+
+var _default = RangeInputs;
+exports.default = _default;

package/dist/Atomic/FormElements/RangeList/RangeList.js

@@ -1,57 +1,91 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _operations = require("../../../Functions/operations");
+
 var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
+
 var _RangeListRow = _interopRequireWildcard(require("./partial/RangeListRow"));
+
 require("./RangeList.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-// import { numberFilter, numberFilterWithoutDots, rounded } from '../../../Functions/utils';
 
-const RC = 'range-list';
-const DEFAULT_STATE = {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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) { (0, _defineProperty2.default)(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 RC = 'range-list';
+var DEFAULT_STATE = {
   from: '',
   to: ''
 };
-const RangeList = props => {
-  const {
-    className,
-    value = [],
-    disabled,
-    validateErrors,
-    onChange,
-    isFloatValues,
-    decimalPlaces,
-    error,
-    defaultErrorText,
-    nullValueText,
-    isOnlyOneRow = false,
-    testId
-  } = props;
-  const NULL_VALUE_TEXT = nullValueText !== null && nullValueText !== void 0 ? nullValueText : 'No data';
-  const [state, setState] = (0, _react.useState)(DEFAULT_STATE);
-  const [innerError, setInnerError] = (0, _react.useState)('');
-  const [outerError, setOuterError] = (0, _react.useState)('');
-  const inputFromRef = (0, _react.useRef)(null);
-  const inputToRef = (0, _react.useRef)(null);
-  const isValidRange = !!(state !== null && state !== void 0 && state.from && state !== null && state !== void 0 && state.to && +(state === null || state === void 0 ? void 0 : state.from) <= +(state === null || state === void 0 ? void 0 : state.to));
-  const isShowRow = isOnlyOneRow && (value === null || value === void 0 ? void 0 : value.length) === 0 || !isOnlyOneRow;
-  const handle = {
-    inputsChange: (val, prop) => setState({
-      ...state,
-      [prop]: val
-    }),
-    addRange: () => {
+
+var RangeList = function RangeList(props) {
+  var className = props.className,
+      _props$value = props.value,
+      value = _props$value === void 0 ? [] : _props$value,
+      disabled = props.disabled,
+      validateErrors = props.validateErrors,
+      onChange = props.onChange,
+      isFloatValues = props.isFloatValues,
+      decimalPlaces = props.decimalPlaces,
+      error = props.error,
+      defaultErrorText = props.defaultErrorText,
+      nullValueText = props.nullValueText,
+      _props$isOnlyOneRow = props.isOnlyOneRow,
+      isOnlyOneRow = _props$isOnlyOneRow === void 0 ? false : _props$isOnlyOneRow,
+      testId = props.testId;
+  var NULL_VALUE_TEXT = nullValueText !== null && nullValueText !== void 0 ? nullValueText : 'No data';
+
+  var _useState = (0, _react.useState)(DEFAULT_STATE),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      innerError = _useState4[0],
+      setInnerError = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(''),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      outerError = _useState6[0],
+      setOuterError = _useState6[1];
+
+  var inputFromRef = (0, _react.useRef)(null);
+  var inputToRef = (0, _react.useRef)(null);
+  var isValidRange = !!(state !== null && state !== void 0 && state.from && state !== null && state !== void 0 && state.to && +(state === null || state === void 0 ? void 0 : state.from) <= +(state === null || state === void 0 ? void 0 : state.to));
+  var isShowRow = isOnlyOneRow && (value === null || value === void 0 ? void 0 : value.length) === 0 || !isOnlyOneRow;
+  var handle = {
+    inputsChange: function inputsChange(val, prop) {
+      return setState(_objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, prop, val)));
+    },
+    addRange: function addRange() {
       var _validateErrors;
+
       if (isValidRange && ((_validateErrors = !(validateErrors !== null && validateErrors !== void 0 && validateErrors(+state.from, +state.to))) !== null && _validateErrors !== void 0 ? _validateErrors : true)) {
         onChange((0, _operations.addRangeDefault)(+state.from, +state.to, value, isFloatValues ? decimalPlaces : null));
         setState(DEFAULT_STATE);
@@ -59,16 +93,22 @@ const RangeList = props => {
         setOuterError('');
       } else if (!isValidRange) setInnerError(defaultErrorText);else if (validateErrors) setOuterError(validateErrors(+state.from, +state.to));
     },
-    removeRange: index => onChange(value.filter((item, idx) => idx !== index)),
-    rangeValidation: (e, key) => {
-      const oppositeKey = key === 'from' ? 'to' : 'from';
+    removeRange: function removeRange(index) {
+      return onChange(value.filter(function (item, idx) {
+        return idx !== index;
+      }));
+    },
+    rangeValidation: function rangeValidation(e, key) {
+      var oppositeKey = key === 'from' ? 'to' : 'from';
+
       if (!(state !== null && state !== void 0 && state.from) && !(state !== null && state !== void 0 && state.to)) {
         setInnerError('');
         setOuterError('');
         return e;
       }
+
       if (!state[oppositeKey]) {
-        const mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;
+        var mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;
         mustToFocus.focus();
       } else if (!isValidRange) {
         setInnerError(defaultErrorText);
@@ -77,59 +117,74 @@ const RangeList = props => {
         setInnerError('');
         if (validateErrors) setOuterError(validateErrors(+state.from, +state.to));
       }
+
       return null;
     },
-    onKeyUpFromInput: code => {
+    onKeyUpFromInput: function onKeyUpFromInput(code) {
       if (code === 13) {
         if (isValidRange) inputFromRef.current.blur();else if (!state.to) inputToRef.current.focus();else if (state.from) inputFromRef.current.select();
       }
     },
-    onKeyUpToInput: code => {
+    onKeyUpToInput: function onKeyUpToInput(code) {
       if (code === 13) inputToRef.current.blur();
     }
   };
-  const renderInputsAndAddButtonRow = () => /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__inputs"))
-  }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
-    className: "".concat(RC, "__cell-input")
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    testId: "range-list".concat(testId && "--".concat(testId), "-from"),
-    ref: inputFromRef,
-    onlyNumbers: isFloatValues ? {
-      type: 'float',
-      decimalPlaces: decimalPlaces || 0
-    } : {
-      type: 'int'
-    },
-    value: state.from,
-    onBlur: e => handle.rangeValidation(e, 'from'),
-    onChange: val => handle.inputsChange(val, 'from'),
-    onKeyUp: code => handle.onKeyUpFromInput(code)
-  })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
-    className: "".concat(RC, "__cell-input")
-  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
-    testId: "range-list".concat(testId && "--".concat(testId), "-to"),
-    ref: inputToRef,
-    onlyNumbers: isFloatValues ? {
-      type: 'float',
-      decimalPlaces: decimalPlaces || 0
-    } : {
-      type: 'int'
-    },
-    value: state.to,
-    onBlur: e => handle.rangeValidation(e, 'to'),
-    onChange: val => handle.inputsChange(val, 'to'),
-    onKeyUp: code => handle.onKeyUpToInput(code)
-  })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
-    className: "".concat(RC, "__cell-button")
-  }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    testId: "range-list".concat(testId && "--".concat(testId), "-button"),
-    onClick: handle.addRange
-  }, "Add")));
+
+  var renderInputsAndAddButtonRow = function renderInputsAndAddButtonRow() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__inputs"))
+    }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+      className: "".concat(RC, "__cell-input")
+    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      testId: "range-list".concat(testId && "--".concat(testId), "-from"),
+      ref: inputFromRef,
+      onlyNumbers: isFloatValues ? {
+        type: 'float',
+        decimalPlaces: decimalPlaces || 0
+      } : {
+        type: 'int'
+      },
+      value: state.from,
+      onBlur: function onBlur(e) {
+        return handle.rangeValidation(e, 'from');
+      },
+      onChange: function onChange(val) {
+        return handle.inputsChange(val, 'from');
+      },
+      onKeyUp: function onKeyUp(code) {
+        return handle.onKeyUpFromInput(code);
+      }
+    })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+      className: "".concat(RC, "__cell-input")
+    }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+      testId: "range-list".concat(testId && "--".concat(testId), "-to"),
+      ref: inputToRef,
+      onlyNumbers: isFloatValues ? {
+        type: 'float',
+        decimalPlaces: decimalPlaces || 0
+      } : {
+        type: 'int'
+      },
+      value: state.to,
+      onBlur: function onBlur(e) {
+        return handle.rangeValidation(e, 'to');
+      },
+      onChange: function onChange(val) {
+        return handle.inputsChange(val, 'to');
+      },
+      onKeyUp: function onKeyUp(code) {
+        return handle.onKeyUpToInput(code);
+      }
+    })), /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
+      className: "".concat(RC, "__cell-button")
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      testId: "range-list".concat(testId && "--".concat(testId), "-button"),
+      onClick: handle.addRange
+    }, "Add")));
+  };
+
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className, {
-      ["".concat(RC, "_disabled")]: disabled
-    })
+    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__labels"))
   }, /*#__PURE__*/_react.default.createElement(_RangeListRow.RangeListCell, {
@@ -140,12 +195,18 @@ const RangeList = props => {
     className: "".concat(RC, "__error")
   }, innerError || error || outerError), !(value !== null && value !== void 0 && value.length) && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), "".concat(RC, "__null-value"))
-  }, NULL_VALUE_TEXT), value.map((row, idx) => /*#__PURE__*/_react.default.createElement(_RangeListRow.default, (0, _extends2.default)({
-    "data-testid": "range-list-row-".concat(idx),
-    key: "idx-".concat(idx, "-from-").concat(row.from, "-to").concat(row.to)
-  }, row, {
-    idx: idx,
-    actionClick: () => handle.removeRange(idx)
-  }))));
+  }, NULL_VALUE_TEXT), value.map(function (row, idx) {
+    return /*#__PURE__*/_react.default.createElement(_RangeListRow.default, (0, _extends2.default)({
+      "data-testid": "range-list-row-".concat(idx),
+      key: "idx-".concat(idx, "-from-").concat(row.from, "-to").concat(row.to)
+    }, row, {
+      idx: idx,
+      actionClick: function actionClick() {
+        return handle.removeRange(idx);
+      }
+    }));
+  }));
 };
-var _default = exports.default = RangeList;
+
+var _default = RangeList;
+exports.default = _default;

package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js

@@ -1,40 +1,42 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RangeListCell = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactFeather = require("react-feather");
-const RC = 'range-list';
-const RangeListCell = _ref => {
-  let {
-    children,
-    idx,
-    className,
-    onClick
-  } = _ref;
+
+var RC = 'range-list';
+
+var RangeListCell = function RangeListCell(_ref) {
+  var children = _ref.children,
+      idx = _ref.idx,
+      className = _ref.className,
+      onClick = _ref.onClick;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__cell"), className, {
-      ["".concat(RC, "__cell-").concat(idx)]: idx
-    }),
+    className: (0, _classnames.default)("".concat(RC, "__cell"), className, (0, _defineProperty2.default)({}, "".concat(RC, "__cell-").concat(idx), idx)),
     onClick: onClick
   }, children);
 };
+
 exports.RangeListCell = RangeListCell;
-const RangeListRow = _ref2 => {
-  let {
-    from,
-    to,
-    idx,
-    actionClick
-  } = _ref2;
+
+var RangeListRow = function RangeListRow(_ref2) {
+  var from = _ref2.from,
+      to = _ref2.to,
+      idx = _ref2.idx,
+      actionClick = _ref2.actionClick;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), {
-      ["".concat(RC, "__values_first-value")]: idx === 0
-    })
+    className: (0, _classnames.default)("".concat(RC, "__row"), "".concat(RC, "__values"), (0, _defineProperty2.default)({}, "".concat(RC, "__values_first-value"), idx === 0))
   }, /*#__PURE__*/_react.default.createElement(RangeListCell, {
     idx: 1,
     className: "".concat(RC, "__cell-value")
@@ -44,7 +46,11 @@ const RangeListRow = _ref2 => {
   }, to), /*#__PURE__*/_react.default.createElement(RangeListCell, {
     idx: 3,
     className: "".concat(RC, "__cell-action"),
-    onClick: () => actionClick(idx)
+    onClick: function onClick() {
+      return actionClick(idx);
+    }
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, null)));
 };
-var _default = exports.default = RangeListRow;
+
+var _default = RangeListRow;
+exports.default = _default;