intelicoreact 1.3.21 → 1.3.23

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

@@ -1,178 +1,112 @@
 "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 _reactFeather = require("react-feather");
-
 var _index = require("../../../Constants/index.constants");
-
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-
+var _utils = require("../../../Functions/utils");
 var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
-
 require("./NumericInput.scss");
-
-var _utils = require("../../../Functions/utils");
-
-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() {
+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 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 = () => {
     var _input$value;
-
-    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
-
-
-  var handle = {
-    change: function change(e) {
-      var inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : (0, _fieldValueFormatters.filterNumeric)(e, onlyNumbers);
+    const input = inputRef.current;
+    const cursor = input === null || input === void 0 || (_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.length;
+    if (input) setTimeout(() => 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);
       setInputValue(inputValue.toString());
     },
-    clear: function clear() {
-      handle.change(initialMin || '');
+    clear: () => {
+      handle.change(initialMin || "");
     },
-    focus: function focus(e) {
+    focus: e => {
       setIsFocused(true);
       if (onFocus) onFocus(e);
     },
-    blur: function blur(e) {
+    blur: e => {
       setIsFocused(false);
       if (Number.isNaN(inputValue) || inputValue < min) setInputValue(initialMin);
-      if (max && +max < inputValue) setInputValue(max);
+      if (max && Number(max) < inputValue) setInputValue(max);
       if (onBlur) onBlur(e);
     },
-    keyDown: function keyDown(e) {
+    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);
+      setPreviousValue(e === null || e === void 0 || (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.value);
       onKeyDown(e.keyCode, e);
     },
-    keyUp: function keyUp(e) {
+    keyUp: e => {
       if (!isNotBlinkErrors) {
-        var changedValue = '' + (value !== null && value !== void 0 ? value : '');
-        var previousValue = '' + 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) {
+        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) => {
           if (acc.countOn && symbol === long[idx]) acc.same.push(symbol);else {
             acc.countOn = false;
             acc.differences.push([idx, symbol]);
@@ -183,117 +117,112 @@ var NumericInput = function NumericInput(_ref) {
           countOn: true,
           differences: []
         });
-        var samePart = infoAboutDifferencesSameness.same.join('');
-        var differencesLength = infoAboutDifferencesSameness.differences.length;
-        var currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, '');
+        const samePart = infoAboutDifferencesSameness.same.join("");
+        const differencesLength = infoAboutDifferencesSameness.differences.length;
+        const 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: function decrement(e) {
-      var newValue = +intMemoVal - +numStep;
+    decrement: e => {
+      let newValue = Number(intMemoVal) - Number(numStep);
       if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
       handle.change(newValue);
-      setTimeout(function () {
+      setTimeout(() => {
         var _inputRef$current;
-
-        inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+        inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
         setCursorToEnd();
       }, 100);
     },
-    increment: function increment(e) {
-      var newValue = +intMemoVal + +numStep;
+    increment: e => {
+      let newValue = Number(intMemoVal) + Number(numStep);
       if (newValue < min) newValue = min;else if (newValue > max) newValue = max;
       handle.change(newValue);
-      setTimeout(function () {
+      setTimeout(() => {
         var _inputRef$current2;
-
-        inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.focus();
+        inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.focus();
         setCursorToEnd();
       }, 100);
     }
-  }; //Check Outside Click
+  };
 
-  (0, _react.useEffect)(function () {
-    var handleClickOutside = function handleClickOutside(event) {
+  //Check Outside Click
+  (0, _react.useEffect)(() => {
+    const handleClickOutside = event => {
       if (!wrapRef.current.contains(event.target)) setIsFocused(false);
     };
-
-    document.addEventListener('mousedown', handleClickOutside, true);
-    return function () {
-      return document.removeEventListener('mousedown', handleClickOutside, true);
-    };
+    document.addEventListener("mousedown", handleClickOutside, true);
+    return () => document.removeEventListener("mousedown", handleClickOutside, true);
   }, []);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!isNotBlinkErrors && isAttemptToChange) {
       setIsAttemptToChange(false);
       setIsToHighlightError(true);
-      setTimeout(function () {
+      setTimeout(() => {
         setIsToHighlightError(false);
       }, blinkTime || DEFAULT_BLINK_TIME);
     }
   }, [isAttemptToChange]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (value && value !== inputValue) setInputValue(value);
-  }, [value]); //On Input Value Change
+  }, [value]);
 
-  (0, _react.useEffect)(function () {
+  //On Input Value Change
+  (0, _react.useEffect)(() => {
     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
+    if (typeof onChange === "function") onChange(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString());
+  }, [inputValue]);
 
-  (0, _react.useEffect)(function () {
+  //On Integer Value Change
+  (0, _react.useEffect)(() => {
     if (isNaN(intMemoVal)) setIntMemoVal(min || 0);
-  }, [intMemoVal]); //On Focuse Change
+  }, [intMemoVal]);
 
-  (0, _react.useEffect)(function () {
-    var formatedValue = inputValue;
+  //On Focuse Change
+  (0, _react.useEffect)(() => {
+    let formatedValue = inputValue;
     if (isPriceInput) formatedValue = isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue);
     setInputValueFormated(formatedValue);
-
     if (isFocused) {
       var _inputRef$current3;
-
-      if (typeof onFocus === 'function') onFocus({
+      if (typeof onFocus === "function") onFocus({
         target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
       });
-      inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.focus();
+      inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 || _inputRef$current3.focus();
     } else {
       var _inputRef$current4;
-
-      if (typeof onBlur === 'function') onBlur({
+      if (typeof onBlur === "function") onBlur({
         target: inputRef === null || inputRef === void 0 ? void 0 : inputRef.current
       });
-      inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.blur();
+      inputRef === null || inputRef === void 0 || (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 || _inputRef$current4.blur();
     }
   }, [isFocused]);
-  (0, _react.useEffect)(function () {
-    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === 'boolean') setIsFocused(isFocusDefault);
+  (0, _react.useEffect)(() => {
+    if (inputRef !== null && inputRef !== void 0 && inputRef.current && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
   }, [inputRef, isFocusDefault]);
-
   function renderInput() {
-    var uniProps = _objectSpread(_objectSpread({
-      name: name || fieldKey || id || testId || '',
-      className: "input ".concat(className || ''),
-      placeholder: placeholder,
+    const uniProps = {
+      name: name || fieldKey || id || testId || "",
+      className: "input ".concat(className || ""),
+      placeholder,
       value: inputValueFormated,
-      disabled: disabled,
+      disabled,
       onChange: handle.change,
       onFocus: handle.focus,
       onBlur: handle.blur,
       onKeyDown: handle.keyDown,
       onKeyUp: handle.keyUp,
-      min: min,
-      max: max
-    }, maskChar ? {
-      maskChar: maskChar
-    } : {}), formatChars ? {
-      formatChars: formatChars
-    } : {});
-
+      min,
+      max,
+      ...(maskChar ? {
+        maskChar
+      } : {}),
+      ...(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
@@ -301,55 +230,52 @@ var NumericInput = function 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() {
+      onFocus: function () {
         if (isUseAutoSelect) inputRef.current.select();
-        if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
+        if (uniProps.onFocus) uniProps.onFocus(...arguments);
       }
     }, attributesOfNativeInput)), !isNotRenderButtons ? /*#__PURE__*/_react.default.createElement("div", {
       className: "input__nums"
     }, /*#__PURE__*/_react.default.createElement("button", {
       "data-testid": "input--button--".concat(testId, "--minus"),
       ref: decRef,
-      className: (0, _classnames.default)('input__num-btn', {
-        'events-none': +value <= min
+      className: (0, _classnames.default)("input__num-btn", {
+        "events-none": Number(value) <= min
       }),
-      onMouseDown: function onMouseDown(e) {
-        return handle.decrement(e);
-      }
+      onMouseDown: e => handle.decrement(e)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Minus, {
       className: (0, _classnames.default)({
-        disabled: +value <= min
+        disabled: Number(value) <= min
       })
     })), /*#__PURE__*/_react.default.createElement("button", {
       "data-testid": "input--button--".concat(testId, "--plus"),
       ref: incRef,
-      className: (0, _classnames.default)('input__num-btn', {
-        'events-none': +value >= max
+      className: (0, _classnames.default)("input__num-btn", {
+        "events-none": Number(value) >= max
       }),
-      onMouseDown: function onMouseDown(e) {
-        return handle.increment(e);
-      }
+      onMouseDown: e => handle.increment(e)
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, {
       className: (0, _classnames.default)({
-        disabled: +value >= max
+        disabled: Number(value) >= max
       })
     }))) : null);
   }
-
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapRef,
-    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))
+    className: (0, _classnames.default)("input__wrap", {
+      ["input__wrap_focus"]: isFocused
+    }, {
+      ["input__wrap_error"]: error || isToHighlightError
+    }, {
+      ["input__wrap--disabled"]: disabled || isLoading
+    })
   }, renderInput(), icon, withDelete && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("input__close", {
       hidden: !inputValue
     }),
-    onClick: function onClick() {
-      return handle.clear();
-    }
+    onClick: () => handle.clear()
   }), isLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"
   }));
 };
-
-var _default = NumericInput;
-exports.default = _default;
+var _default = exports.default = NumericInput;

package/dist/Atomic/FormElements/NumericInput/NumericInput.scss

@@ -16,18 +16,19 @@
 
   &__wrap {
     position: relative;
+
     display: flex;
     align-items: center;
 
     box-sizing: border-box;
     height: 28px;
 
-    border: 1px solid #E2E5EC;
+    border: 1px solid #e2e5ec;
     border-radius: 4px;
-    background-color: #FFF;
+    background-color: #fff;
 
     &_focus {
-      border-color: #6B81DD;
+      border-color: #6b81dd;
       filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
@@ -35,12 +36,12 @@
       pointer-events: none;
 
       opacity: 0.5;
-      border-color: #A6ACB1;
-      background: #F7F8FA;
+      border-color: #a6acb1;
+      background: #f7f8fa;
     }
 
     &_error {
-      border-color: #F06D8D;
+      border-color: #f06d8d;
     }
 
     .lds-ring.lds-ring_small {
@@ -52,12 +53,12 @@
     pointer-events: none;
 
     opacity: 0.5;
-    border-color: #A6ACB1;
-    background: #F7F8FA;
+    border-color: #a6acb1;
+    background: #f7f8fa;
   }
 
   &_error {
-    border-color: #F06D8D;
+    border-color: #f06d8d;
   }
 
   svg {
@@ -70,12 +71,12 @@
     height: 100%;
     padding: 0 5px;
 
-    color: #1E1E2D;
-    border: none;
-    border-radius: 4px;
-
     font-size: 13px;
     font-weight: 400;
+
+    color: #1e1e2d;
+    border: none;
+    border-radius: 4px;
   }
 
   &__close {
@@ -110,7 +111,7 @@
 
       content: "";
 
-      background-color: #9AA0B9;
+      background-color: #9aa0b9;
     }
 
     &::before {
@@ -131,20 +132,19 @@
 
   &__num-btn {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     width: 24px;
     height: 100%;
 
+    font-size: 20px;
     cursor: pointer;
     user-select: none;
 
-    border-left: 1px solid #E2E5EC;
+    border-left: 1px solid #e2e5ec;
     background: none;
 
-    font-size: 20px;
-
     &.disabled {
       opacity: 0.3;
     }