intelicoreact 1.6.0 → 1.6.2

package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js

@@ -1,75 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    CalendarTemplate: function() {
-        return CalendarTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _MobileCalendar = /*#__PURE__*/ _interop_require_default(require("./MobileCalendar"));
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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;
-}
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import MobileCalendar from './MobileCalendar';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/Mobile Calendar',
-    component: _MobileCalendar.default,
+    component: MobileCalendar,
     argTypes: {
         min: {
             description: 'Min Date',
@@ -134,14 +70,14 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    const [date, setDate] = (0, _react.useState)('');
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_MobileCalendar.default, {
+    const [date, setDate] = useState('');
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: /*#__PURE__*/ _jsx(MobileCalendar, {
             ...args
         })
     });
 };
-const CalendarTemplate = Template.bind({});
+export const CalendarTemplate = Template.bind({});
 CalendarTemplate.args = {
     min: '',
     max: '',

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

@@ -1,66 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _CheckboxInput = /*#__PURE__*/ _interop_require_default(require("../CheckboxInput/CheckboxInput"));
-const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
-require("./MultiSelect.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from "react";
+import CheckboxInput from "../CheckboxInput/CheckboxInput";
+import Input from "../Input/Input";
+import "./MultiSelect.scss";
 const MultiSelect = ({ options, chosenOptions, onChange })=>{
-    const [searchValue, setSearchValue] = (0, _react.useState)("");
+    const [searchValue, setSearchValue] = useState("");
     const checkHandler = (state, value)=>{
         if (state) {
             onChange([
@@ -72,17 +16,17 @@ const MultiSelect = ({ options, chosenOptions, onChange })=>{
         }
     };
     const filteredOptions = options.filter(({ label })=>label.toLowerCase().includes(searchValue.toLowerCase()));
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         className: "multiselect",
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+            /*#__PURE__*/ _jsx(Input, {
                 value: searchValue,
                 onChange: (value)=>setSearchValue(value),
                 placeholder: "Search"
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _jsx("div", {
                 className: "multiselect__list",
-                children: filteredOptions.map(({ label, value, id })=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_CheckboxInput.default, {
+                children: filteredOptions.map(({ label, value, id })=>/*#__PURE__*/ _jsx(CheckboxInput, {
                         value: chosenOptions.includes(value),
                         label: label,
                         onChange: (state)=>checkHandler(state, value),
@@ -92,4 +36,4 @@ const MultiSelect = ({ options, chosenOptions, onChange })=>{
         ]
     });
 };
-const _default = MultiSelect;
+export default MultiSelect;

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

@@ -1,75 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    MultiDropdownTemplate: function() {
-        return MultiDropdownTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _MultiSelect = /*#__PURE__*/ _interop_require_default(require("./MultiSelect"));
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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;
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import MultiSelect from './MultiSelect';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/MultiSelect',
-    component: _MultiSelect.default
+    component: MultiSelect
 };
 const MultiTemplate = (args)=>{
     const options = [
@@ -109,13 +45,13 @@ const MultiTemplate = (args)=>{
             value: 'check7'
         }
     ];
-    const [value, setValue] = (0, _react.useState)([]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MultiSelect.default, {
+    const [value, setValue] = useState([]);
+    return /*#__PURE__*/ _jsx(MultiSelect, {
         ...args,
         options: options,
         chosenOptions: value,
         onChange: setValue
     });
 };
-const MultiDropdownTemplate = MultiTemplate.bind({});
+export const MultiDropdownTemplate = MultiTemplate.bind({});
 MultiDropdownTemplate.args = {};

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

@@ -1,85 +1,29 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactfeather = require("react-feather");
-const _indexconstants = require("../../../Constants/index.constants");
-const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
-require("./NumericInput.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-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 _interop_require_wildcard(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 = {
-        __proto__: null
-    };
-    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;
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useRef, useState } from "react";
+import cn from "classnames";
+import { Minus, Plus } from "react-feather";
+import { KEYBOARD_SERVICE_KEYS } from "../../../Constants/index.constants";
+import { formatToAddBitDepthPoints as addCommas, filterNumeric, formatToRemoveComa as removeCommas } from "../../../Functions/fieldValueFormatters";
+import Spinner from "../../Layout/Spinner/Spinner";
+import "./NumericInput.scss";
 const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value, placeholder, className, testId = "numeric-input", 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 = {} })=>{
     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);
+    const inputRef = useRef(null);
+    const decRef = useRef(null);
+    const incRef = useRef(null);
+    const wrapRef = 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 [inputValue, setInputValue] = useState(value || initialMin);
+    const [inputValueFormated, setInputValueFormated] = useState(inputValue);
+    const [intMemoVal, setIntMemoVal] = useState(0);
+    const [isFocused, setIsFocused] = useState(false);
+    const [isAttemptToChange, setIsAttemptToChange] = useState(false);
+    const [isToHighlightError, setIsToHighlightError] = useState(false);
+    const [prevValue, setPreviousValue] = useState(value || initialMin);
     const setCursorToEnd = ()=>{
         var _input_value;
         const input = inputRef.current;
@@ -89,7 +33,7 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
     // HANDLES
     const handle = {
         change: (e)=>{
-            const inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, onlyNumbers) : (0, _fieldValueFormatters.filterNumeric)(e, onlyNumbers);
+            const inputValue = e.target ? filterNumeric(e.target.value, onlyNumbers) : filterNumeric(e, onlyNumbers);
             setInputValue(inputValue.toString());
         },
         clear: ()=>{
@@ -134,7 +78,7 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
                 const samePart = infoAboutDifferencesSameness.same.join("");
                 const differencesLength = infoAboutDifferencesSameness.differences.length;
                 const currentSet = changedValue === null || changedValue === void 0 ? void 0 : changedValue.replace(samePart, "");
-                if (!_indexconstants.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
+                if (!KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
             }
             if (onKeyUp) onKeyUp(e.keyCode, e.target.value);
         },
@@ -162,14 +106,14 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
         }
     };
     //Check Outside Click
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         const handleClickOutside = (event)=>{
             if (!wrapRef.current.contains(event.target)) setIsFocused(false);
         };
         document.addEventListener("mousedown", handleClickOutside, true);
         return ()=>document.removeEventListener("mousedown", handleClickOutside, true);
     }, []);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (!isNotBlinkErrors && isAttemptToChange) {
             setIsAttemptToChange(false);
             setIsToHighlightError(true);
@@ -180,30 +124,30 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
     }, [
         isAttemptToChange
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (value && value !== inputValue) setInputValue(value);
     }, [
         value
     ]);
     //On Input Value Change
-    (0, _react.useEffect)(()=>{
+    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));
+        setInputValueFormated(isPriceInput && (inputValue === null || inputValue === void 0 ? void 0 : inputValue.length) > 0 ? isFocused ? removeCommas(inputValue) : addCommas(inputValue) : inputValue);
+        setIntMemoVal(removeCommas(inputValue));
         if (typeof onChange === "function" && value !== undefined && +inputValue !== +value) onChange(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString());
     }, [
         inputValue
     ]);
     //On Integer Value Change
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isNaN(intMemoVal)) setIntMemoVal(min || 0);
     }, [
         intMemoVal
     ]);
     //On Focuse Change
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         let formatedValue = inputValue;
-        if (isPriceInput) formatedValue = isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue);
+        if (isPriceInput) formatedValue = isFocused ? removeCommas(inputValue) : addCommas(inputValue);
         setInputValueFormated(formatedValue);
         if (isFocused) {
             var _inputRef_current;
@@ -221,7 +165,7 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
     }, [
         isFocused
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if ((inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) && typeof isFocusDefault === "boolean") setIsFocused(isFocusDefault);
     }, [
         inputRef,
@@ -248,12 +192,12 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
                 formatChars
             } : {}
         };
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        return /*#__PURE__*/ _jsxs(_Fragment, {
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                /*#__PURE__*/ _jsx("input", {
                     ...uniProps,
                     "data-testid": `${testId}-input`,
-                    value: (value === null || value === void 0 ? void 0 : value.length) > 0 ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)((0, _fieldValueFormatters.formatToRemoveComa)(value)) : value,
+                    value: (value === null || value === void 0 ? void 0 : value.length) > 0 ? addCommas(removeCommas(value)) : value,
                     ref: inputRef,
                     type: "text",
                     onFocus: (...params)=>{
@@ -262,31 +206,31 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
                     },
                     ...attributesOfNativeInput
                 }),
-                !isNotRenderButtons ? /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                !isNotRenderButtons ? /*#__PURE__*/ _jsxs("div", {
                     className: "input__nums",
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        /*#__PURE__*/ _jsx("button", {
                             "data-testid": `${testId}-minus-btn`,
                             ref: decRef,
-                            className: (0, _classnames.default)("input__num-btn", {
+                            className: cn("input__num-btn", {
                                 "events-none": Number(value) <= min
                             }),
                             onMouseDown: (e)=>handle.decrement(e),
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Minus, {
-                                className: (0, _classnames.default)({
+                            children: /*#__PURE__*/ _jsx(Minus, {
+                                className: cn({
                                     disabled: Number(value) <= min
                                 })
                             })
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                        /*#__PURE__*/ _jsx("button", {
                             "data-testid": `-${testId}-plus-btn`,
                             ref: incRef,
-                            className: (0, _classnames.default)("input__num-btn", {
+                            className: cn("input__num-btn", {
                                 "events-none": Number(value) >= max
                             }),
                             onMouseDown: (e)=>handle.increment(e),
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {
-                                className: (0, _classnames.default)({
+                            children: /*#__PURE__*/ _jsx(Plus, {
+                                className: cn({
                                     disabled: Number(value) >= max
                                 })
                             })
@@ -296,10 +240,10 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
             ]
         });
     }
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": testId,
         ref: wrapRef,
-        className: (0, _classnames.default)(`input__wrap`, {
+        className: cn(`input__wrap`, {
             [`input__wrap_focus`]: isFocused
         }, {
             [`input__wrap_error`]: error || isToHighlightError
@@ -309,16 +253,16 @@ const NumericInput = ({ disabled, withDelete, numStep = 1, min = 0, max, value,
         children: [
             renderInput(),
             icon,
-            withDelete && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                className: (0, _classnames.default)(`input__close`, {
+            withDelete && /*#__PURE__*/ _jsx("span", {
+                className: cn(`input__close`, {
                     hidden: !inputValue
                 }),
                 onClick: ()=>handle.clear()
             }),
-            isLoading && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+            isLoading && /*#__PURE__*/ _jsx(Spinner, {
                 size: "small"
             })
         ]
     });
 };
-const _default = NumericInput;
+export default NumericInput;