intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js

@@ -1,199 +1,156 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 require("./InputCurrency.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;
-}
+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 && {}.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 attrsOfNativeInputDefault = {};
 const CN = 'input-currency';
-const InputCurrency = ({ currencySymbol = '$', testId = CN, onChange, className, value, disabled, attributesOfNativeInput = attrsOfNativeInputDefault, min = 0, max, error, isNoCheckMinMax, allowZero = false, onlyNumbers = {
-    type: 'float',
-    decimalPlaces: 2
-} })=>{
-    const [inputValue, setInputValue] = (0, _react.useState)(currencySymbol);
-    const [isFocused, setIsFocused] = (0, _react.useState)(false);
-    const inputRef = (0, _react.useRef)(null);
-    const formatNumberWithCommas = (number)=>{
-        const parts = number.toString().split('.');
-        parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-        return parts.join('.');
-    };
-    const formatCurrencyInput = (event)=>{
-        let newValue = event.target.value;
-        newValue = newValue.replace(currencySymbol, '');
-        // Handle decimal input separately
-        const parts = newValue.split('.');
-        const integerPart = parts[0];
-        const decimalPart = parts[1];
-        // Filter and format the integer part
-        const preparedIntegerValue = (0, _fieldValueFormatters.filterNumeric)(integerPart, {
-            ...onlyNumbers,
-            type: 'int'
-        });
-        const parsedIntegerValue = Number.parseInt(preparedIntegerValue);
-        if (!Number.isNaN(parsedIntegerValue)) {
-            if (parsedIntegerValue === 0 && !decimalPart) {
-                if (allowZero) {
-                    setInputValue(`${currencySymbol}0`);
-                    onChange(0);
-                } else {
-                    setInputValue(currencySymbol);
-                    onChange('');
-                }
-            } else {
-                let formattedValue = formatNumberWithCommas(parsedIntegerValue);
-                // Add decimal part if exists
-                if (decimalPart !== undefined) {
-                    const filteredDecimal = (0, _fieldValueFormatters.filterNumeric)(decimalPart, {
-                        type: 'int'
-                    });
-                    if (filteredDecimal) {
-                        formattedValue += `.${filteredDecimal.slice(0, onlyNumbers.decimalPlaces)}`;
-                    } else if (decimalPart === '') {
-                        formattedValue += '.';
-                    }
-                }
-                setInputValue(`${currencySymbol}${formattedValue}`);
-                onChange(Number.parseFloat(formattedValue.replace(/,/g, '')));
-            }
+const InputCurrency = _ref => {
+  let {
+    currencySymbol = '$',
+    testId = CN,
+    onChange,
+    className,
+    value,
+    disabled,
+    attributesOfNativeInput = attrsOfNativeInputDefault,
+    min = 0,
+    max,
+    error,
+    isNoCheckMinMax,
+    allowZero = false,
+    onlyNumbers = {
+      type: 'float',
+      decimalPlaces: 2
+    }
+  } = _ref;
+  const [inputValue, setInputValue] = (0, _react.useState)(currencySymbol);
+  const [isFocused, setIsFocused] = (0, _react.useState)(false);
+  const inputRef = (0, _react.useRef)(null);
+  const formatNumberWithCommas = number => {
+    const parts = number.toString().split('.');
+    parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+    return parts.join('.');
+  };
+  const formatCurrencyInput = event => {
+    let newValue = event.target.value;
+    newValue = newValue.replace(currencySymbol, '');
+    const parts = newValue.split('.');
+    const integerPart = parts[0];
+    const decimalPart = parts[1];
+    const preparedIntegerValue = (0, _fieldValueFormatters.filterNumeric)(integerPart, {
+      ...onlyNumbers,
+      type: 'int'
+    });
+    const parsedIntegerValue = Number.parseInt(preparedIntegerValue);
+    if (!Number.isNaN(parsedIntegerValue)) {
+      if (parsedIntegerValue === 0 && !decimalPart) {
+        if (allowZero) {
+          setInputValue(`${currencySymbol}0`);
+          onChange(0);
         } else {
-            setInputValue(currencySymbol);
-            onChange('');
-        }
-    };
-    const onInputClick = ()=>{
-        if (!inputValue && inputRef.current) {
-            inputRef.current.selectionStart = inputRef.current.selectionEnd = currencySymbol ? currencySymbol.length : 1;
-        }
-    };
-    const onKeyDown = (event)=>{
-        if (event.key.match(/^[a-z0-9]$/i) && inputRef.current) {
-            setInputValue(inputValue.slice(0, inputRef.current.selectionStart || 0));
+          setInputValue(currencySymbol);
+          onChange('');
         }
-    };
-    const checkMinMax = (event, checkValue)=>{
-        var _event_target;
-        const clearValue = checkValue !== null && checkValue !== void 0 ? checkValue : (0, _fieldValueFormatters.filterNumeric)((event === null || event === void 0 ? void 0 : (_event_target = event.target) === null || _event_target === void 0 ? void 0 : _event_target.value) || '', onlyNumbers);
-        if (!clearValue) return false;
-        const numericValue = typeof clearValue === 'string' ? Number.parseFloat(clearValue) : clearValue;
-        if (numericValue < min) {
-            setInputValue(`${currencySymbol}${formatNumberWithCommas(min)}`);
-            onChange(min);
-            return false;
-        }
-        if (max && numericValue > max) {
-            setInputValue(`${currencySymbol}${formatNumberWithCommas(max)}`);
-            onChange(max);
-            return false;
-        }
-        return true;
-    };
-    (0, _react.useEffect)(()=>{
-        if (value === 0 || value === '0') {
-            if (allowZero) {
-                setInputValue(`${currencySymbol}0`);
-                onChange(0);
-            } else {
-                setInputValue(currencySymbol);
-                onChange('');
-            }
-        } else if (value) {
-            setInputValue(`${currencySymbol}${formatNumberWithCommas(value)}`);
-        } else {
-            setInputValue(currencySymbol);
+      } else {
+        let formattedValue = formatNumberWithCommas(parsedIntegerValue);
+        if (decimalPart !== undefined) {
+          const filteredDecimal = (0, _fieldValueFormatters.filterNumeric)(decimalPart, {
+            type: 'int'
+          });
+          if (filteredDecimal) {
+            formattedValue += `.${filteredDecimal.slice(0, onlyNumbers.decimalPlaces)}`;
+          } else if (decimalPart === '') {
+            formattedValue += '.';
+          }
         }
-    }, [
-        value,
-        currencySymbol,
-        allowZero
-    ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        "data-testid": testId,
-        className: (0, _classnames.default)('input-currency-box', className, {
-            disabled,
-            'input-currency__error': error,
-            'input-currency__focused': isFocused
-        }),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-            className: CN,
-            type: "text",
-            ref: inputRef,
-            value: inputValue,
-            onChange: formatCurrencyInput,
-            onClick: onInputClick,
-            onKeyDown: onKeyDown,
-            ...attributesOfNativeInput,
-            onFocus: (e)=>{
-                var _attributesOfNativeInput_onFocus;
-                attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeInput_onFocus = attributesOfNativeInput.onFocus) === null || _attributesOfNativeInput_onFocus === void 0 ? void 0 : _attributesOfNativeInput_onFocus.call(attributesOfNativeInput, e);
-                setIsFocused(true);
-            },
-            onBlur: (e)=>{
-                var _attributesOfNativeInput_onBlur;
-                attributesOfNativeInput === null || attributesOfNativeInput === void 0 ? void 0 : (_attributesOfNativeInput_onBlur = attributesOfNativeInput.onBlur) === null || _attributesOfNativeInput_onBlur === void 0 ? void 0 : _attributesOfNativeInput_onBlur.call(attributesOfNativeInput, e);
-                if (!isNoCheckMinMax) {
-                    const currentValue = Number.parseFloat((0, _fieldValueFormatters.filterNumeric)(inputValue.replace(currencySymbol, ''), onlyNumbers));
-                    checkMinMax(null, currentValue);
-                }
-                setIsFocused(false);
-            }
-        })
-    });
+        setInputValue(`${currencySymbol}${formattedValue}`);
+        onChange(Number.parseFloat(formattedValue.replace(/,/g, '')));
+      }
+    } else {
+      setInputValue(currencySymbol);
+      onChange('');
+    }
+  };
+  const onInputClick = () => {
+    if (!inputValue && inputRef.current) {
+      inputRef.current.selectionStart = inputRef.current.selectionEnd = currencySymbol ? currencySymbol.length : 1;
+    }
+  };
+  const onKeyDown = event => {
+    if (event.key.match(/^[a-z0-9]$/i) && inputRef.current) {
+      setInputValue(inputValue.slice(0, inputRef.current.selectionStart || 0));
+    }
+  };
+  const checkMinMax = (event, checkValue) => {
+    const clearValue = checkValue ?? (0, _fieldValueFormatters.filterNumeric)(event?.target?.value || '', onlyNumbers);
+    if (!clearValue) return false;
+    const numericValue = typeof clearValue === 'string' ? Number.parseFloat(clearValue) : clearValue;
+    if (numericValue < min) {
+      setInputValue(`${currencySymbol}${formatNumberWithCommas(min)}`);
+      onChange(min);
+      return false;
+    }
+    if (max && numericValue > max) {
+      setInputValue(`${currencySymbol}${formatNumberWithCommas(max)}`);
+      onChange(max);
+      return false;
+    }
+    return true;
+  };
+  (0, _react.useEffect)(() => {
+    if (value === 0 || value === '0') {
+      if (allowZero) {
+        setInputValue(`${currencySymbol}0`);
+        onChange(0);
+      } else {
+        setInputValue(currencySymbol);
+        onChange('');
+      }
+    } else if (value) {
+      setInputValue(`${currencySymbol}${formatNumberWithCommas(value)}`);
+    } else {
+      setInputValue(currencySymbol);
+    }
+  }, [value, currencySymbol, allowZero]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
+    className: (0, _classnames.default)('input-currency-box', className, {
+      disabled,
+      'input-currency__error': error,
+      'input-currency__focused': isFocused
+    })
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+    className: CN,
+    type: "text",
+    ref: inputRef,
+    value: inputValue,
+    onChange: formatCurrencyInput,
+    onClick: onInputClick,
+    onKeyDown: onKeyDown
+  }, attributesOfNativeInput, {
+    onFocus: e => {
+      attributesOfNativeInput?.onFocus?.(e);
+      setIsFocused(true);
+    },
+    onBlur: e => {
+      attributesOfNativeInput?.onBlur?.(e);
+      if (!isNoCheckMinMax) {
+        const currentValue = Number.parseFloat((0, _fieldValueFormatters.filterNumeric)(inputValue.replace(currencySymbol, ''), onlyNumbers));
+        checkMinMax(null, currentValue);
+      }
+      setIsFocused(false);
+    }
+  })));
 };
 InputCurrency.displayName = 'InputCurrency';
-const _default = InputCurrency;
+var _default = exports.default = InputCurrency;