intelicoreact 1.5.41 → 1.6.0

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

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

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

@@ -0,0 +1,16 @@
+"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
+    };
+}