intelicoreact 1.4.81 → 1.4.83

package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js

@@ -2,11 +2,17 @@
 
 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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
@@ -15,51 +21,55 @@ var _Input = _interopRequireDefault(require("../Input/Input"));
 
 require("./MultiSelect.scss");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+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 _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; }
+var MultiSelect = function MultiSelect(_ref) {
+  var options = _ref.options,
+      chosenOptions = _ref.chosenOptions,
+      onChange = _ref.onChange;
 
-const MultiSelect = _ref => {
-  let {
-    options,
-    chosenOptions,
-    onChange
-  } = _ref;
-  const [searchValue, setSearchValue] = (0, _react.useState)("");
+  var _useState = (0, _react.useState)(""),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      searchValue = _useState2[0],
+      setSearchValue = _useState2[1];
 
-  const checkHandler = (state, value) => {
+  var checkHandler = function checkHandler(state, value) {
     if (state) {
-      onChange([...chosenOptions, value]);
+      onChange([].concat((0, _toConsumableArray2.default)(chosenOptions), [value]));
     } else {
-      onChange(chosenOptions.filter(item => item !== value));
+      onChange(chosenOptions.filter(function (item) {
+        return item !== value;
+      }));
     }
   };
 
-  const filteredOptions = options.filter(_ref2 => {
-    let {
-      label
-    } = _ref2;
+  var filteredOptions = options.filter(function (_ref2) {
+    var label = _ref2.label;
     return label.toLowerCase().includes(searchValue.toLowerCase());
   });
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "multiselect"
   }, /*#__PURE__*/_react.default.createElement(_Input.default, {
     value: searchValue,
-    onChange: value => setSearchValue(value),
+    onChange: function onChange(value) {
+      return setSearchValue(value);
+    },
     placeholder: "Search"
   }), /*#__PURE__*/_react.default.createElement("div", {
     className: "multiselect__list"
-  }, filteredOptions.map(_ref3 => {
-    let {
-      label,
-      value,
-      id
-    } = _ref3;
+  }, filteredOptions.map(function (_ref3) {
+    var label = _ref3.label,
+        value = _ref3.value,
+        id = _ref3.id;
     return /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
       key: id,
       value: chosenOptions.includes(value),
       label: label,
-      onChange: state => checkHandler(state, value),
+      onChange: function onChange(state) {
+        return checkHandler(state, value);
+      },
       className: "multiselect__item"
     });
   })));

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,6 +11,10 @@ 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"));
@@ -25,102 +31,148 @@ var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
 
 require("./NumericInput.scss");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-const NumericInput = _ref => {
-  let {
-    disabled,
-    withDelete,
-    numStep = 1,
-    min = 0,
-    max,
-    value,
-    placeholder,
-    className,
-    testId,
-    name,
-    fieldKey,
-    id,
-    onChange = () => {},
-    onBlur = () => {},
-    onFocus = () => {},
-    onKeyUp = () => {},
-    onKeyDown = () => {},
-    maskChar,
-    formatChars,
-    error,
-    icon,
-    isNotBlinkErrors,
-    blinkTime,
-    isPriceInput,
-    isFocusDefault = false,
-    isNotRenderButtons = false,
-    isUseAutoSelect = true,
-    isLoading = false,
-    isAllowNullValue = false,
-    onlyNumbers = {
-      type: "int"
-    },
-    attributesOfNativeInput = {}
-  } = _ref;
-  const DEFAULT_BLINK_TIME = 200; //REFS
-
-  const inputRef = (0, _react.useRef)(null);
-  const decRef = (0, _react.useRef)(null);
-  const incRef = (0, _react.useRef)(null);
-  const wrapRef = (0, _react.useRef)(null); // STATES
-
-  const initialMin = isAllowNullValue ? "" : min;
-  const [inputValue, setInputValue] = (0, _react.useState)(value || initialMin);
-  const [inputValueFormated, setInputValueFormated] = (0, _react.useState)(inputValue);
-  const [intMemoVal, setIntMemoVal] = (0, _react.useState)(0);
-  const [isFocused, setIsFocused] = (0, _react.useState)(false);
-  const [isAttemptToChange, setIsAttemptToChange] = (0, _react.useState)(false);
-  const [isToHighlightError, setIsToHighlightError] = (0, _react.useState)(false);
-  const [prevValue, setPreviousValue] = (0, _react.useState)(value || initialMin);
-
-  const setCursorToEnd = () => {
+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 NumericInput = function NumericInput(_ref) {
+  var disabled = _ref.disabled,
+      withDelete = _ref.withDelete,
+      _ref$numStep = _ref.numStep,
+      numStep = _ref$numStep === void 0 ? 1 : _ref$numStep,
+      _ref$min = _ref.min,
+      min = _ref$min === void 0 ? 0 : _ref$min,
+      max = _ref.max,
+      value = _ref.value,
+      placeholder = _ref.placeholder,
+      className = _ref.className,
+      testId = _ref.testId,
+      name = _ref.name,
+      fieldKey = _ref.fieldKey,
+      id = _ref.id,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$onBlur = _ref.onBlur,
+      onBlur = _ref$onBlur === void 0 ? function () {} : _ref$onBlur,
+      _ref$onFocus = _ref.onFocus,
+      onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
+      _ref$onKeyUp = _ref.onKeyUp,
+      onKeyUp = _ref$onKeyUp === void 0 ? function () {} : _ref$onKeyUp,
+      _ref$onKeyDown = _ref.onKeyDown,
+      onKeyDown = _ref$onKeyDown === void 0 ? function () {} : _ref$onKeyDown,
+      maskChar = _ref.maskChar,
+      formatChars = _ref.formatChars,
+      error = _ref.error,
+      icon = _ref.icon,
+      isNotBlinkErrors = _ref.isNotBlinkErrors,
+      blinkTime = _ref.blinkTime,
+      isPriceInput = _ref.isPriceInput,
+      _ref$isFocusDefault = _ref.isFocusDefault,
+      isFocusDefault = _ref$isFocusDefault === void 0 ? false : _ref$isFocusDefault,
+      _ref$isNotRenderButto = _ref.isNotRenderButtons,
+      isNotRenderButtons = _ref$isNotRenderButto === void 0 ? false : _ref$isNotRenderButto,
+      _ref$isUseAutoSelect = _ref.isUseAutoSelect,
+      isUseAutoSelect = _ref$isUseAutoSelect === void 0 ? true : _ref$isUseAutoSelect,
+      _ref$isLoading = _ref.isLoading,
+      isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+      _ref$isAllowNullValue = _ref.isAllowNullValue,
+      isAllowNullValue = _ref$isAllowNullValue === void 0 ? false : _ref$isAllowNullValue,
+      _ref$onlyNumbers = _ref.onlyNumbers,
+      onlyNumbers = _ref$onlyNumbers === void 0 ? {
+    type: "int"
+  } : _ref$onlyNumbers,
+      _ref$attributesOfNati = _ref.attributesOfNativeInput,
+      attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
+  var DEFAULT_BLINK_TIME = 200; //REFS
+
+  var inputRef = (0, _react.useRef)(null);
+  var decRef = (0, _react.useRef)(null);
+  var incRef = (0, _react.useRef)(null);
+  var wrapRef = (0, _react.useRef)(null); // STATES
+
+  var initialMin = isAllowNullValue ? "" : min;
+
+  var _useState = (0, _react.useState)(value || initialMin),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(inputValue),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      inputValueFormated = _useState4[0],
+      setInputValueFormated = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(0),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      intMemoVal = _useState6[0],
+      setIntMemoVal = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      isFocused = _useState8[0],
+      setIsFocused = _useState8[1];
+
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      isAttemptToChange = _useState10[0],
+      setIsAttemptToChange = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(false),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      isToHighlightError = _useState12[0],
+      setIsToHighlightError = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(value || initialMin),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      prevValue = _useState14[0],
+      setPreviousValue = _useState14[1];
+
+  var setCursorToEnd = function setCursorToEnd() {
     var _input$value;
 
-    const input = inputRef.current;
-    const cursor = input === null || input === void 0 ? void 0 : (_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.length;
-    if (input) setTimeout(() => input.setSelectionRange(cursor, cursor), 10);
+    var input = inputRef.current;
+    var cursor = input === null || input === void 0 ? void 0 : (_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.length;
+    if (input) setTimeout(function () {
+      return input.setSelectionRange(cursor, cursor);
+    }, 10);
   }; // HANDLES
 
 
-  const handle = {
-    change: e => {
-      const inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : (0, _fieldValueFormatters.filterNumeric)(e, onlyNumbers);
+  var handle = {
+    change: function change(e) {
+      var inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : (0, _fieldValueFormatters.filterNumeric)(e, onlyNumbers);
       setInputValue(inputValue.toString());
     },
-    clear: () => {
+    clear: function clear() {
       handle.change(initialMin || "");
     },
-    focus: e => {
+    focus: function focus(e) {
       setIsFocused(true);
       if (onFocus) onFocus(e);
     },
-    blur: e => {
+    blur: function blur(e) {
       setIsFocused(false);
       if (Number.isNaN(inputValue) || inputValue < min) setInputValue(initialMin);
       if (max && Number(max) < inputValue) setInputValue(max);
       if (onBlur) onBlur(e);
     },
-    keyDown: e => {
+    keyDown: function keyDown(e) {
       var _e$target;
 
       setPreviousValue(e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
       onKeyDown(e.keyCode, e);
     },
-    keyUp: e => {
+    keyUp: function keyUp(e) {
       if (!isNotBlinkErrors) {
-        const changedValue = String(value !== null && value !== void 0 ? value : "");
-        const previousValue = String(prevValue);
-        const short = previousValue.length <= changedValue.length ? previousValue : changedValue;
-        const long = previousValue.length > changedValue.length ? previousValue : changedValue;
-        const infoAboutDifferencesSameness = short.split("").reduce((acc, symbol, idx) => {
+        var changedValue = String(value !== null && value !== void 0 ? value : "");
+        var previousValue = String(prevValue);
+        var short = previousValue.length <= changedValue.length ? previousValue : changedValue;
+        var long = previousValue.length > changedValue.length ? previousValue : changedValue;
+        var infoAboutDifferencesSameness = short.split("").reduce(function (acc, symbol, idx) {
           if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);else {
             acc.countOn = false;
             acc.differences.push([idx, symbol]);
@@ -131,30 +183,30 @@ const NumericInput = _ref => {
           countOn: true,
           differences: []
         });
-        const samePart = infoAboutDifferencesSameness.same.join("");
-        const differencesLength = infoAboutDifferencesSameness.differences.length;
-        const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
+        var samePart = infoAboutDifferencesSameness.same.join("");
+        var differencesLength = infoAboutDifferencesSameness.differences.length;
+        var currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
         if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
       }
 
       if (onKeyUp) onKeyUp(e.keyCode, e.target.value);
     },
-    decrement: e => {
-      let newValue = Number(intMemoVal) - Number(numStep);
+    decrement: function decrement(e) {
+      var newValue = Number(intMemoVal) - Number(numStep);
       if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
       handle.change(newValue);
-      setTimeout(() => {
+      setTimeout(function () {
         var _inputRef$current;
 
         inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
         setCursorToEnd();
       }, 100);
     },
-    increment: e => {
-      let newValue = Number(intMemoVal) + Number(numStep);
+    increment: function increment(e) {
+      var newValue = Number(intMemoVal) + Number(numStep);
       if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
       handle.change(newValue);
-      setTimeout(() => {
+      setTimeout(function () {
         var _inputRef$current2;
 
         inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
@@ -163,40 +215,42 @@ const NumericInput = _ref => {
     }
   }; //Check Outside Click
 
-  (0, _react.useEffect)(() => {
-    const handleClickOutside = event => {
+  (0, _react.useEffect)(function () {
+    var handleClickOutside = function handleClickOutside(event) {
       if (!wrapRef.current.contains(event.target)) setIsFocused(false);
     };
 
     document.addEventListener("mousedown", handleClickOutside, true);
-    return () => document.removeEventListener("mousedown", handleClickOutside, true);
+    return function () {
+      return document.removeEventListener("mousedown", handleClickOutside, true);
+    };
   }, []);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (!isNotBlinkErrors && isAttemptToChange) {
       setIsAttemptToChange(false);
       setIsToHighlightError(true);
-      setTimeout(() => {
+      setTimeout(function () {
         setIsToHighlightError(false);
       }, blinkTime || DEFAULT_BLINK_TIME);
     }
   }, [isAttemptToChange]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (value && value !== inputValue) setInputValue(value);
   }, [value]); //On Input Value Change
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (inputValue !== value) setIsFocused(true);
     setInputValueFormated(isPriceInput && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > 0 ? isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue) : inputValue);
     setIntMemoVal((0, _fieldValueFormatters.formatToRemoveComa)(inputValue));
     if (typeof onChange === "function") onChange(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString());
   }, [inputValue]); //On Integer Value Change
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (isNaN(intMemoVal)) setIntMemoVal(min || 0);
   }, [intMemoVal]); //On Focuse Change
 
-  (0, _react.useEffect)(() => {
-    let formatedValue = inputValue;
+  (0, _react.useEffect)(function () {
+    var formatedValue = inputValue;
     if (isPriceInput) formatedValue = isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue);
     setInputValueFormated(formatedValue);
 
@@ -216,31 +270,30 @@ const NumericInput = _ref => {
       inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.blur();
     }
   }, [isFocused]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
   }, [inputRef, isFocusDefault]);
 
   function renderInput() {
-    const uniProps = {
+    var uniProps = _objectSpread(_objectSpread({
       name: name || fieldKey || id || testId || "",
       className: "input ".concat(className || ""),
-      placeholder,
+      placeholder: placeholder,
       value: inputValueFormated,
-      disabled,
+      disabled: disabled,
       onChange: handle.change,
       onFocus: handle.focus,
       onBlur: handle.blur,
       onKeyDown: handle.keyDown,
       onKeyUp: handle.keyUp,
-      min,
-      max,
-      ...(maskChar ? {
-        maskChar
-      } : {}),
-      ...(formatChars ? {
-        formatChars
-      } : {})
-    };
+      min: min,
+      max: max
+    }, maskChar ? {
+      maskChar: maskChar
+    } : {}), formatChars ? {
+      formatChars: formatChars
+    } : {});
+
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, uniProps, {
       "data-testid": "input-".concat((0, _utils.getCorrectTestId)({
         testId: testId || name || fieldKey || id
@@ -248,9 +301,9 @@ const NumericInput = _ref => {
       value: (value === null || value === void 0 ? void 0 : value.length) > 0 ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)((0, _fieldValueFormatters.formatToRemoveComa)(value)) : value,
       ref: inputRef,
       type: "text",
-      onFocus: function () {
+      onFocus: function onFocus() {
         if (isUseAutoSelect) inputRef.current.select();
-        if (uniProps.onFocus) uniProps.onFocus(...arguments);
+        if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
       }
     }, attributesOfNativeInput)), !isNotRenderButtons ? /*#__PURE__*/_react.default.createElement("div", {
       className: "input__nums"
@@ -260,7 +313,9 @@ const NumericInput = _ref => {
       className: (0, _classnames.default)("input__num-btn", {
         "events-none": Number(value) <= min
       }),
-      onMouseDown: e => handle.decrement(e)
+      onMouseDown: function onMouseDown(e) {
+        return handle.decrement(e);
+      }
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Minus, {
       className: (0, _classnames.default)({
         disabled: Number(value) <= min
@@ -271,7 +326,9 @@ const NumericInput = _ref => {
       className: (0, _classnames.default)("input__num-btn", {
         "events-none": Number(value) >= max
       }),
-      onMouseDown: e => handle.increment(e)
+      onMouseDown: function onMouseDown(e) {
+        return handle.increment(e);
+      }
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, {
       className: (0, _classnames.default)({
         disabled: Number(value) >= max
@@ -281,18 +338,14 @@ const NumericInput = _ref => {
 
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapRef,
-    className: (0, _classnames.default)("input__wrap", {
-      ["input__wrap_focus"]: isFocused
-    }, {
-      ["input__wrap_error"]: error || isToHighlightError
-    }, {
-      ["input__wrap--disabled"]: disabled || isLoading
-    })
+    className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap--disabled", disabled || isLoading))
   }, renderInput(), icon, withDelete && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("input__close", {
       hidden: !inputValue
     }),
-    onClick: () => handle.clear()
+    onClick: function onClick() {
+      return handle.clear();
+    }
   }), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"
   }));

package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,6 +11,10 @@ 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"));
@@ -17,30 +23,44 @@ var _RadioInput = _interopRequireDefault(require("../RadioInput/RadioInput"));
 
 require("./RadioGroup.scss");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-
-const RadioGroup = _ref => {
-  let {
-    className,
-    disabled,
-    value,
-    onChange = () => {},
-    direction = "row",
-    options = []
-  } = _ref;
-  const [values, setValues] = (0, _react.useState)(options);
-  (0, _react.useLayoutEffect)(() => setValues(options.map(item => item.value === value ? { ...item,
-    checked: value
-  } : item)), [options, value]);
-  const handle = {
-    change: value => {
-      const newValues = values.map(item => {
+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 RadioGroup = function RadioGroup(_ref) {
+  var className = _ref.className,
+      disabled = _ref.disabled,
+      value = _ref.value,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+      _ref$direction = _ref.direction,
+      direction = _ref$direction === void 0 ? "row" : _ref$direction,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? [] : _ref$options;
+
+  var _useState = (0, _react.useState)(options),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      values = _useState2[0],
+      setValues = _useState2[1];
+
+  (0, _react.useLayoutEffect)(function () {
+    return setValues(options.map(function (item) {
+      return item.value === value ? _objectSpread(_objectSpread({}, item), {}, {
+        checked: value
+      }) : item;
+    }));
+  }, [options, value]);
+  var handle = {
+    change: function change(value) {
+      var newValues = values.map(function (item) {
         if (item.value === value) {
-          return { ...item,
+          return _objectSpread(_objectSpread({}, item), {}, {
             checked: value
-          };
+          });
         }
 
         return {
@@ -57,12 +77,14 @@ const RadioGroup = _ref => {
     className: (0, _classnames.default)("radio-group", className, "radio-group--".concat(direction), {
       "radio-group--disabled": disabled
     })
-  }, values.map(item => /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({
-    key: item.id
-  }, item, {
-    onChange: handle.change,
-    checked: item.checked
-  }))));
+  }, values.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_RadioInput.default, (0, _extends2.default)({
+      key: item.id
+    }, item, {
+      onChange: handle.change,
+      checked: item.checked
+    }));
+  }));
 };
 
 var _default = RadioGroup;