intelicoreact 1.5.33 → 1.5.35

package/dist/Atomic/FormElements/InputColor/InputColor.js

@@ -1,63 +1,62 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-var _Input = _interopRequireDefault(require("../Input/Input"));
-require("./InputColor.scss");
-const InputColor = _ref => {
-  let {
-    value,
-    className,
-    symbolsLimit = 7,
-    onChange,
-    withHexFormat = {
-      withSharp: false,
-      isTurnOn: true
-    },
-    initialHexOfColorBlock = "#9AA0B9",
-    testId = "",
-    withDelete = true,
-    ...args
-  } = _ref;
-  const {
-    withSharp,
-    isTurnOn: isHex
-  } = withHexFormat;
-  // HANDLES
-  const handle = {
-    change: e => {
-      let inputValue = e !== null && e !== void 0 && e.target ? e.target.value : e;
-      inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
-      if (isHex) inputValue = (0, _fieldValueFormatters.formatToHex)({
-        inputValue,
-        withSharp: withSharp
-      });
-      if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
-      onChange === null || onChange === void 0 || onChange(inputValue);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("inputColor", className)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("inputColor__color-block"),
-    style: {
-      backgroundColor: value && value.length === 7 ? value : initialHexOfColorBlock
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-  }), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
-    value: value,
-    withDelete: withDelete,
-    onChange: handle.change,
-    symbolsLimit: symbolsLimit || 7,
-    testId: "inputColor--key-".concat(testId),
-    className: (0, _classnames.default)("input inputColor__input"),
-    type: "text"
-  })));
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+require("./InputColor.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const InputColor = ({ value, className, symbolsLimit = 7, onChange, withHexFormat = {
+    withSharp: false,
+    isTurnOn: true
+}, initialHexOfColorBlock = "#9AA0B9", testId = "", withDelete = true, ...args })=>{
+    const { withSharp, isTurnOn: isHex } = withHexFormat;
+    // HANDLES
+    const handle = {
+        change: (e)=>{
+            let inputValue = (e === null || e === void 0 ? void 0 : e.target) ? e.target.value : e;
+            inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+            if (isHex) inputValue = (0, _fieldValueFormatters.formatToHex)({
+                inputValue,
+                withSharp: withSharp
+            });
+            if (symbolsLimit && inputValue.length > Number(symbolsLimit)) inputValue = inputValue.substring(0, Number(symbolsLimit));
+            onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("inputColor", className),
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)("inputColor__color-block"),
+                style: {
+                    backgroundColor: value && value.length === 7 ? value : initialHexOfColorBlock
+                }
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                ...args,
+                value: value,
+                withDelete: withDelete,
+                onChange: handle.change,
+                symbolsLimit: symbolsLimit || 7,
+                testId: `inputColor--key-${testId}`,
+                className: (0, _classnames.default)("input inputColor__input"),
+                type: "text"
+            })
+        ]
+    });
 };
-var _default = exports.default = InputColor;
+const _default = InputColor;

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

@@ -0,0 +1,119 @@
+"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, {
+    InputTemplate: function() {
+        return InputTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _InputColor = /*#__PURE__*/ _interop_require_default(require("./InputColor"));
+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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/InputColor',
+    component: _InputColor.default,
+    argTypes: {
+        disabled: {
+            description: 'boolean'
+        },
+        initialHexColorBlock: {
+            description: 'string - initial color (placeholder) of color block'
+        },
+        error: {
+            description: 'text - coloring input if is errored'
+        },
+        withDelete: {
+            description: 'boolean - add clear-cross by hover'
+        },
+        placeholder: {
+            description: 'text'
+        },
+        value: {
+            description: '(* - required prop)'
+        },
+        className: {
+            description: 'string'
+        },
+        symbolsLimit: {
+            description: 'Set limit of symbols in input, overhead will be ignored'
+        }
+    }
+};
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)('');
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputColor.default, {
+        ...args,
+        value: value,
+        onChange: (e)=>setValue(e)
+    });
+};
+const InputTemplate = Template.bind({});
+InputTemplate.args = {
+    withHexFormat: {
+        isTurnOn: true,
+        withSharp: true
+    },
+    symbolsLimit: 7,
+    placeholder: '#',
+    initialHexOfColorBlock: '#9AA0B9',
+    error: '',
+    disabled: false
+};

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

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

@@ -1,135 +1,199 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-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 _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 InputCurrency = _ref => {
-  let {
-    currencySymbol = "$",
-    onChange,
-    className,
-    value,
-    disabled,
-    attributesOfNativeInput = {},
-    min = 0,
-    max,
-    error,
-    isNoCheckMinMax,
-    allowZero = false,
-    onlyNumbers = {
-      // type: "int",
-      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 => {
-    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
-  };
-  const formatCurrencyInput = event => {
-    let newValue = event.target.value;
-    newValue = newValue.replace(currencySymbol, "");
-    const preparedValue = (0, _fieldValueFormatters.filterNumeric)(newValue, onlyNumbers);
-    const parsedValue = parseFloat(preparedValue);
-    if (!isNaN(parsedValue)) {
-      if (parsedValue === 0 || preparedValue === '0') {
-        if (allowZero) {
-          setInputValue("".concat(currencySymbol, "0"));
-          onChange(0);
-        } else {
-          setInputValue(currencySymbol);
-          onChange("");
-        }
-      } else {
-        const formattedValue = formatNumberWithCommas(preparedValue);
-        setInputValue("".concat(currencySymbol).concat(formattedValue));
-        onChange(parsedValue);
-      }
-    } else {
-      setInputValue(currencySymbol);
-      onChange("");
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
     }
-  };
-  const onInputClick = () => {
-    if (!inputValue) {
-      inputRef.current.selectionStart = inputRef.current.selectionEnd = currencySymbol ? currencySymbol.length : 1;
-    }
-  };
-  const onKeyDown = event => {
-    if (event.key.match(/^[a-zA-Z0-9]$/)) {
-      setInputValue(inputValue.slice(0, inputRef.current.selectionStart));
+});
+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");
+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;
     }
-  };
-  const checkMinMax = (event, value) => {
-    var _event$target;
-    const clearValue = value !== null && value !== void 0 ? value : (0, _fieldValueFormatters.filterNumeric)(event === null || event === void 0 || (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value, onlyNumbers);
-    if (!clearValue) return false;
-    if (clearValue < min) {
-      setInputValue("".concat(currencySymbol).concat(formatNumberWithCommas(min)));
-      onChange(min);
-      return false;
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
     }
-    if (max && clearValue > max) {
-      setInputValue("".concat(currencySymbol).concat(formatNumberWithCommas(max)));
-      onChange(max);
-      return false;
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
     }
-    return true;
-  };
-  (0, _react.useEffect)(() => {
-    if (value === 0 || value === '0') {
-      if (allowZero) {
-        setInputValue("".concat(currencySymbol, "0"));
-        onChange(0);
-      } else {
-        setInputValue(currencySymbol);
-        onChange('');
-      }
-    } else if (value) {
-      if (checkMinMax(null, value)) {
-        setInputValue("".concat(currencySymbol).concat(formatNumberWithCommas(value)));
-      }
-    } else {
-      setInputValue(currencySymbol);
+    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];
+            }
+        }
     }
-  }, [value, currencySymbol, allowZero]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    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: "input-currency",
-    type: "text",
-    ref: inputRef,
-    value: inputValue,
-    onChange: formatCurrencyInput,
-    onClick: onInputClick,
-    onKeyDown: onKeyDown
-  }, attributesOfNativeInput, {
-    onFocus: e => {
-      var _attributesOfNativeIn;
-      attributesOfNativeInput === null || attributesOfNativeInput === void 0 || (_attributesOfNativeIn = attributesOfNativeInput.onFocus) === null || _attributesOfNativeIn === void 0 || _attributesOfNativeIn.call(attributesOfNativeInput, e);
-      setIsFocused(true);
-    },
-    onBlur: (e, value) => {
-      var _attributesOfNativeIn2;
-      attributesOfNativeInput === null || attributesOfNativeInput === void 0 || (_attributesOfNativeIn2 = attributesOfNativeInput.onBlur) === null || _attributesOfNativeIn2 === void 0 || _attributesOfNativeIn2.call(attributesOfNativeInput, e);
-      if (!isNoCheckMinMax) checkMinMax(e, value);
-      setIsFocused(false);
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
     }
-  })));
+    return newObj;
+}
+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, '')));
+            }
+        } 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)=>{
+        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);
+        }
+    }, [
+        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);
+            }
+        })
+    });
 };
-var _default = exports.default = InputCurrency;
+InputCurrency.displayName = 'InputCurrency';
+const _default = InputCurrency;