intelicoreact 1.6.7 → 1.6.8

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

@@ -1,119 +0,0 @@
-"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/src/Atomic/FormElements/InputCurrency/InputCurrency.interface.js

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

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

@@ -1,200 +0,0 @@
-"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 _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;
-    }
-    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;
-}
-const attrsOfNativeInputDefault = {};
-const CN = 'input-currency';
-const ONLY_NUMBERS_DEFAULT = {
-    type: 'float',
-    decimalPlaces: 2
-};
-const InputCurrency = ({ currencySymbol = '$', testId = CN, onChange, className, value, disabled, attributesOfNativeInput = attrsOfNativeInputDefault, min = 0, max, error, isNoCheckMinMax, allowZero = false, onlyNumbers = ONLY_NUMBERS_DEFAULT })=>{
-    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);
-            }
-        })
-    });
-};
-InputCurrency.displayName = 'InputCurrency';
-const _default = InputCurrency;

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

@@ -1,178 +0,0 @@
-"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, {
-    AllowZero: function() {
-        return AllowZero;
-    },
-    Basic: function() {
-        return Basic;
-    },
-    Disabled: function() {
-        return Disabled;
-    },
-    Float: function() {
-        return Float;
-    },
-    WithError: function() {
-        return WithError;
-    },
-    WithValidation: function() {
-        return WithValidation;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("react");
-const _InputCurrency = /*#__PURE__*/ _interop_require_default(require("./InputCurrency"));
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const _default = {
-    title: 'Form Elements/InputCurrency',
-    component: _InputCurrency.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'InputCurrency компонент позволяет пользователям вводить денежные значения с автоматическим форматированием и валидацией.'
-            }
-        }
-    },
-    argTypes: {
-        value: {
-            description: 'Текущее значение поля ввода',
-            control: 'text'
-        },
-        currencySymbol: {
-            description: 'Символ валюты, отображаемый перед значением',
-            control: {
-                type: 'select',
-                options: [
-                    '$',
-                    '€',
-                    '£',
-                    '¥'
-                ]
-            }
-        },
-        disabled: {
-            description: 'Отключает поле ввода',
-            control: 'boolean'
-        },
-        min: {
-            description: 'Минимальное допустимое значение',
-            control: 'number'
-        },
-        max: {
-            description: 'Максимальное допустимое значение',
-            control: 'number'
-        },
-        error: {
-            description: 'Показывает состояние ошибки',
-            control: 'boolean'
-        },
-        allowZero: {
-            description: 'Разрешает ввод нулевого значения',
-            control: 'boolean'
-        },
-        isNoCheckMinMax: {
-            description: 'Отключает проверку min/max значений',
-            control: 'boolean'
-        },
-        onlyNumbers: {
-            description: 'Настройки форматирования числа',
-            control: 'object'
-        }
-    }
-};
-const Template = (args)=>{
-    const [value, setValue] = (0, _react.useState)(args.value || '');
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-        ...args,
-        value: value,
-        onChange: (newValue)=>{
-            setValue(newValue);
-            console.log('Changed value:', newValue);
-        }
-    });
-};
-const Basic = Template.bind({});
-Basic.args = {
-    currencySymbol: '€',
-    value: 1000
-};
-const Float = Template.bind({});
-Float.args = {
-    currencySymbol: '$',
-    value: 1000,
-    onlyNumbers: {
-        type: 'float',
-        decimalPlaces: 2
-    }
-};
-const WithValidation = Template.bind({});
-WithValidation.args = {
-    currencySymbol: '$',
-    value: 50,
-    min: 10,
-    max: 100,
-    isNoCheckMinMax: false
-};
-WithValidation.parameters = {
-    docs: {
-        description: {
-            story: 'Пример с валидацией минимального и максимального значения'
-        }
-    }
-};
-const WithError = Template.bind({});
-WithError.args = {
-    currencySymbol: '$',
-    value: 1000,
-    error: true
-};
-WithError.parameters = {
-    docs: {
-        description: {
-            story: 'Пример отображения состояния ошибки'
-        }
-    }
-};
-const Disabled = Template.bind({});
-Disabled.args = {
-    currencySymbol: '£',
-    value: 500,
-    disabled: true
-};
-Disabled.parameters = {
-    docs: {
-        description: {
-            story: 'Пример отключенного состояния компонента'
-        }
-    }
-};
-const AllowZero = Template.bind({});
-AllowZero.args = {
-    currencySymbol: '¥',
-    value: 0,
-    allowZero: true
-};
-AllowZero.parameters = {
-    docs: {
-        description: {
-            story: 'Пример с разрешенным нулевым значением'
-        }
-    }
-};

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

@@ -1,129 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = require("@testing-library/react");
-const _userevent = /*#__PURE__*/ _interop_require_default(require("@testing-library/user-event"));
-const _InputCurrency = /*#__PURE__*/ _interop_require_default(require("./InputCurrency"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-describe('InputCurrency', ()=>{
-    const defaultProps = {
-        onChange: jest.fn(),
-        currencySymbol: '$'
-    };
-    beforeEach(()=>{
-        jest.clearAllMocks();
-    });
-    it('renders with default currency symbol', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps
-        }));
-        const input = _react.screen.getByRole('textbox');
-        expect(input.value).toBe('$');
-    });
-    it('formats number with commas correctly', async ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps
-        }));
-        const input = _react.screen.getByRole('textbox');
-        await _userevent.default.type(input, '1000');
-        expect(input).toHaveValue('$1,000');
-    });
-    it('handles zero value when allowZero is true', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps,
-            allowZero: true,
-            value: 0
-        }));
-        const input = _react.screen.getByRole('textbox');
-        expect(input).toHaveValue('$0');
-    });
-    it('clears value when zero is entered and allowZero is false', async ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps,
-            allowZero: false
-        }));
-        const input = _react.screen.getByRole('textbox');
-        await _userevent.default.type(input, '0');
-        expect(input).toHaveValue('$');
-        expect(defaultProps.onChange).toHaveBeenCalledWith('');
-    });
-    it('respects min value constraint', async ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps,
-            min: 10
-        }));
-        const input = _react.screen.getByRole('textbox');
-        await _userevent.default.type(input, '5');
-        _react.fireEvent.blur(input);
-        expect(input).toHaveValue('$10');
-        expect(defaultProps.onChange).toHaveBeenCalledWith(10);
-    });
-    it('respects max value constraint', async ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps,
-            max: 100
-        }));
-        const input = _react.screen.getByRole('textbox');
-        await _userevent.default.type(input, '150');
-        _react.fireEvent.blur(input);
-        expect(input).toHaveValue('$100');
-        expect(defaultProps.onChange).toHaveBeenCalledWith(100);
-    });
-    it('applies disabled state correctly', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps,
-            disabled: true
-        }));
-        const inputbox = _react.screen.getByTestId('input-currency');
-        expect(inputbox).toHaveClass('disabled');
-    });
-    it('shows error state correctly', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps,
-            error: true
-        }));
-        const container = _react.screen.getByRole('textbox').parentElement;
-        expect(container).toHaveClass('input-currency__error');
-    });
-    it('handles decimal values correctly', async ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps,
-            onlyNumbers: {
-                type: 'float',
-                decimalPlaces: 2
-            }
-        }));
-        const input = _react.screen.getByRole('textbox');
-        await _userevent.default.type(input, '123.45');
-        expect(input).toHaveValue('$123.45');
-    });
-    it('handles long decimal  values correctly', async ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps,
-            onlyNumbers: {
-                type: 'float',
-                decimalPlaces: 2
-            }
-        }));
-        const input = _react.screen.getByRole('textbox');
-        await _userevent.default.type(input, '1231.45');
-        expect(input).toHaveValue('$1,231.45');
-    });
-    it('handles focus state correctly', ()=>{
-        (0, _react.render)(/*#__PURE__*/ (0, _jsxruntime.jsx)(_InputCurrency.default, {
-            ...defaultProps
-        }));
-        const input = _react.screen.getByRole('textbox');
-        const container = input.parentElement;
-        _react.fireEvent.focus(input);
-        expect(container).toHaveClass('input-currency__focused');
-        _react.fireEvent.blur(input);
-        expect(container).not.toHaveClass('input-currency__focused');
-    });
-});

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _InputCurrency.default;
-    }
-});
-const _InputCurrency = /*#__PURE__*/ _interop_require_default(require("./InputCurrency"));
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}