torgbox-ui 1.0.8 → 1.0.9

package/dist/cjs/Inputs/Button/Button.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const Utils_1 = require("../../Utils");
+const Button = (props) => {
+    const { label = '', size = 'medium', variant = 'filled', state = 'idle', iconPosition = 'left', fullWidth = false, iconComponent, onClick, className, tabIndex, } = props;
+    const hasIcon = iconComponent !== null && iconComponent !== undefined;
+    const buttonMods = [
+        'btn',
+        `btn--${size}`,
+        `btn__${variant}`,
+        `btn__${variant}--${state}`,
+        {
+            'btn--reverse': iconPosition === 'right',
+            'btn--fullWidth': fullWidth,
+            'btn--with-icon': label && hasIcon,
+            'btn--only-icon': !label && hasIcon
+        }
+    ];
+    const iconMods = [
+        'btn__icon',
+        `btn__icon--${size}`,
+        { [`btn__icon--${size}--${iconPosition}`]: !!label },
+    ];
+    const labelMods = `btn__label--${size}`;
+    const spinnerMods = [
+        `btn__spinner--${size}`,
+        `btn__spinner--${variant}`
+    ];
+    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: onClick, disabled: state === 'disabled', className: (0, classnames_1.default)(buttonMods, className), tabIndex: tabIndex, children: state === 'loading' ? ((0, jsx_runtime_1.jsx)(Utils_1.Spinner, { className: (0, classnames_1.default)(spinnerMods) })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [hasIcon && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(iconMods), children: iconComponent })), label && (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(labelMods), children: label })] })) }));
+};
+exports.Button = Button;

package/dist/cjs/Inputs/Button/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });

package/dist/cjs/Inputs/Checkbox/Checkbox.js

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const checked_svg_1 = __importDefault(require("../../assets/img/checked.svg"));
+const partial_checked_svg_1 = __importDefault(require("../../assets/img/partial-checked.svg"));
+const Checkbox = (props) => {
+    const { label = '', disabled = false, partial = false, size = 'medium', checked, onClick } = props;
+    const iconMods = [
+        'checkbox__icon',
+        `checkbox__icon--${size}`,
+        {
+            'checkbox__icon--active': checked,
+            'checkbox__icon--disable': disabled
+        }
+    ];
+    const labelMods = [
+        'checkbox__label',
+        `checkbox__label--${size}`,
+        { 'checkbox__label--disable': disabled }
+    ];
+    const icon = () => {
+        if (!checked) {
+            return;
+        }
+        return (partial ? (0, jsx_runtime_1.jsx)(partial_checked_svg_1.default, {}) : (0, jsx_runtime_1.jsx)(checked_svg_1.default, {}));
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: 'checkbox', children: (0, jsx_runtime_1.jsxs)("label", { className: (0, classnames_1.default)(labelMods), children: [(0, jsx_runtime_1.jsx)("input", { type: 'checkbox', disabled: disabled, onChange: () => {
+                        onClick(!checked);
+                    } }), (0, jsx_runtime_1.jsx)("span", { className: (0, classnames_1.default)(iconMods), children: icon() }), label] }) }));
+};
+exports.Checkbox = Checkbox;

package/dist/cjs/Inputs/Checkbox/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = void 0;
+var Checkbox_1 = require("./Checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });

package/dist/cjs/Inputs/EmailField/EmailField.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EmailField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fp_1 = require("lodash/fp");
+const react_1 = require("react");
+const customValidators_1 = require("../../tools/customValidators");
+const TextField_1 = require("../TextField");
+const ErrorMessages_1 = require("./ErrorMessages");
+const EmailField = (props) => {
+    const { checkEmail = false, onValidated, onTextValid } = props;
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+    const [touched, setTouched] = (0, react_1.useState)(false);
+    const [email, setEmail] = (0, react_1.useState)('');
+    const [alwaysShowError, setAlwaysShowError] = (0, react_1.useState)(false);
+    const [emailExist, setEmailExist] = (0, react_1.useState)(false);
+    const checkEmailExist = (0, react_1.useCallback)((0, fp_1.debounce)(500, (email) => {
+        if (email !== 'asd@asd.ru') {
+            setErrorMessage(ErrorMessages_1.checkEmailError);
+            setEmailExist(false);
+            setAlwaysShowError(true);
+            return;
+        }
+        setErrorMessage('');
+        setEmailExist(true);
+    }), []);
+    const acceptEmailHandler = (0, react_1.useCallback)(() => {
+        onValidated(true);
+        onTextValid(email);
+    }, [email, onTextValid, onValidated]);
+    (0, react_1.useEffect)(() => {
+        if (!touched) {
+            return;
+        }
+        const valid = (0, customValidators_1.emailValidator)(email);
+        if (!valid) {
+            setAlwaysShowError(false);
+            onValidated(false);
+            onTextValid('');
+            const error = (!email && ErrorMessages_1.emptyEmailError) ||
+                (!valid && ErrorMessages_1.notCorrectEmailError) ||
+                '';
+            setErrorMessage(error);
+            return;
+        }
+        if (checkEmail) {
+            checkEmailExist(email);
+            return;
+        }
+        setErrorMessage('');
+        acceptEmailHandler();
+    }, [checkEmail, checkEmailExist, acceptEmailHandler, email, onTextValid, onValidated, touched]);
+    (0, react_1.useEffect)(() => {
+        if (!checkEmail) {
+            return;
+        }
+        if (!emailExist || errorMessage) {
+            onValidated(false);
+            return;
+        }
+        acceptEmailHandler();
+    }, [acceptEmailHandler, checkEmail, emailExist, errorMessage, onValidated]);
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { onChange: setEmail, onTouched: setTouched, state: touched && errorMessage ? 'error' : 'idle', errorMessage: errorMessage, label: 'Email', type: 'email', value: email, alwaysShowError: alwaysShowError, required: true, checkIcon: true, ...props }));
+};
+exports.EmailField = EmailField;

package/dist/cjs/Inputs/EmailField/ErrorMessages.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkEmailError = exports.notCorrectEmailError = exports.emptyEmailError = void 0;
+exports.emptyEmailError = 'Введите email';
+exports.notCorrectEmailError = 'Некорректный email';
+exports.checkEmailError = 'Пользователь с таким email не зарегистрирован';

package/dist/cjs/Inputs/EmailField/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkEmailError = exports.notCorrectEmailError = exports.emptyEmailError = exports.EmailField = void 0;
+var EmailField_1 = require("./EmailField");
+Object.defineProperty(exports, "EmailField", { enumerable: true, get: function () { return EmailField_1.EmailField; } });
+var ErrorMessages_1 = require("./ErrorMessages");
+Object.defineProperty(exports, "emptyEmailError", { enumerable: true, get: function () { return ErrorMessages_1.emptyEmailError; } });
+Object.defineProperty(exports, "notCorrectEmailError", { enumerable: true, get: function () { return ErrorMessages_1.notCorrectEmailError; } });
+Object.defineProperty(exports, "checkEmailError", { enumerable: true, get: function () { return ErrorMessages_1.checkEmailError; } });

package/dist/cjs/Inputs/InnField/ErrorMessages.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InnError = void 0;
+exports.InnError = 'ИНН - 10 цифр для ЮЛ или 12 для ФЛ';

package/dist/cjs/Inputs/InnField/InnField.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InnField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const customValidators_1 = require("../../tools/customValidators");
+const TextField_1 = require("../TextField");
+const ErrorMessages_1 = require("./ErrorMessages");
+const InnField = (props) => {
+    const { onValidated, onTextValid } = props;
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+    const [touched, setTouched] = (0, react_1.useState)(false);
+    const [inn, setInn] = (0, react_1.useState)('');
+    const getInputNumbersValue = (value) => {
+        return value.replace(/\D/g, '');
+    };
+    const onInnInput = (value, e) => {
+        setInn(getInputNumbersValue(value));
+    };
+    (0, react_1.useEffect)(() => {
+        if (!touched) {
+            return;
+        }
+        const valid = (0, customValidators_1.innValidator)(inn);
+        if (!valid) {
+            onValidated(false);
+            onTextValid('');
+            setErrorMessage(ErrorMessages_1.InnError);
+            return;
+        }
+        onValidated(true);
+        onTextValid(inn);
+        setErrorMessage('');
+    }, [inn, onTextValid, onValidated, touched]);
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { onChange: onInnInput, onTouched: setTouched, state: touched && errorMessage ? 'error' : 'idle', errorMessage: errorMessage, label: '\u0418\u041D\u041D', type: 'text', description: '\u0412\u0432\u0435\u0434\u0438\u0442\u0435 10 \u0446\u0438\u0444\u0440 \u0434\u043B\u044F \u042E\u041B \u0438\u043B\u0438 12 \u0434\u043B\u044F \u0424\u041B', value: inn, maxLength: 12, required: true, searchIcon: true, ...props }));
+};
+exports.InnField = InnField;

package/dist/cjs/Inputs/InnField/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InnError = exports.InnField = void 0;
+var InnField_1 = require("./InnField");
+Object.defineProperty(exports, "InnField", { enumerable: true, get: function () { return InnField_1.InnField; } });
+var ErrorMessages_1 = require("./ErrorMessages");
+Object.defineProperty(exports, "InnError", { enumerable: true, get: function () { return ErrorMessages_1.InnError; } });

package/dist/cjs/Inputs/NameField/ErrorMessages.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notCorrectFullNameError = exports.notCorrectPatronymicNameError = exports.notCorrectLastNameError = exports.notCorrectFirstNameError = exports.emptyFullNameError = exports.emptyPatronymicNameError = exports.emptyLastNameError = exports.emptyFirstNameError = void 0;
+exports.emptyFirstNameError = 'Введите имя';
+exports.emptyLastNameError = 'Введите фамилию';
+exports.emptyPatronymicNameError = 'Введите отчество';
+exports.emptyFullNameError = 'Введите ФИО';
+exports.notCorrectFirstNameError = 'Некорректное имя';
+exports.notCorrectLastNameError = 'Некорректная фамилия';
+exports.notCorrectPatronymicNameError = 'Некорректное отчество';
+exports.notCorrectFullNameError = 'Некорректное ФИО';

package/dist/cjs/Inputs/NameField/NameField.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NameField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const customValidators_1 = require("../../tools/customValidators");
+const TextField_1 = require("../TextField");
+const ErrorMessages_1 = require("./ErrorMessages");
+;
+const NameField = (props) => {
+    const { nameType = 'fullName', onValidated, onTextValid } = props;
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+    const [touched, setTouched] = (0, react_1.useState)(false);
+    const [name, setName] = (0, react_1.useState)('');
+    const nameArgs = {
+        firstName: {
+            label: 'Имя',
+            emptyMessage: ErrorMessages_1.emptyFirstNameError,
+            notCorrectMessage: ErrorMessages_1.notCorrectFirstNameError,
+        },
+        lastName: {
+            label: 'Фамилия',
+            emptyMessage: ErrorMessages_1.emptyLastNameError,
+            notCorrectMessage: ErrorMessages_1.notCorrectLastNameError,
+        },
+        patronymic: {
+            label: 'Отчество',
+            emptyMessage: ErrorMessages_1.emptyPatronymicNameError,
+            notCorrectMessage: ErrorMessages_1.notCorrectPatronymicNameError,
+        },
+        fullName: {
+            label: 'ФИО',
+            emptyMessage: ErrorMessages_1.emptyFullNameError,
+            notCorrectMessage: ErrorMessages_1.notCorrectFullNameError,
+        }
+    };
+    const { label, emptyMessage, notCorrectMessage } = nameArgs[nameType];
+    (0, react_1.useEffect)(() => {
+        if (!touched) {
+            return;
+        }
+        const valid = (0, customValidators_1.nameValidator)(nameType === 'fullName' ? name.split(' ') : name);
+        if (!valid) {
+            onValidated(false);
+            onTextValid('');
+            const error = (!name && emptyMessage) ||
+                (!valid && notCorrectMessage) ||
+                '';
+            setErrorMessage(error);
+            return;
+        }
+        onValidated(true);
+        onTextValid(name);
+        setErrorMessage('');
+    }, [emptyMessage, name, nameType, notCorrectMessage, onTextValid, onValidated, touched]);
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { onChange: setName, onTouched: setTouched, state: touched && errorMessage ? 'error' : 'idle', errorMessage: errorMessage, label: label, type: 'text', value: name, required: true, checkIcon: true, ...props }));
+};
+exports.NameField = NameField;

package/dist/cjs/Inputs/NameField/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notCorrectFullNameError = exports.notCorrectPatronymicNameError = exports.notCorrectLastNameError = exports.notCorrectFirstNameError = exports.emptyFullNameError = exports.emptyPatronymicNameError = exports.emptyLastNameError = exports.emptyFirstNameError = exports.NameField = void 0;
+var NameField_1 = require("./NameField");
+Object.defineProperty(exports, "NameField", { enumerable: true, get: function () { return NameField_1.NameField; } });
+var ErrorMessages_1 = require("./ErrorMessages");
+Object.defineProperty(exports, "emptyFirstNameError", { enumerable: true, get: function () { return ErrorMessages_1.emptyFirstNameError; } });
+Object.defineProperty(exports, "emptyLastNameError", { enumerable: true, get: function () { return ErrorMessages_1.emptyLastNameError; } });
+Object.defineProperty(exports, "emptyPatronymicNameError", { enumerable: true, get: function () { return ErrorMessages_1.emptyPatronymicNameError; } });
+Object.defineProperty(exports, "emptyFullNameError", { enumerable: true, get: function () { return ErrorMessages_1.emptyFullNameError; } });
+Object.defineProperty(exports, "notCorrectFirstNameError", { enumerable: true, get: function () { return ErrorMessages_1.notCorrectFirstNameError; } });
+Object.defineProperty(exports, "notCorrectLastNameError", { enumerable: true, get: function () { return ErrorMessages_1.notCorrectLastNameError; } });
+Object.defineProperty(exports, "notCorrectPatronymicNameError", { enumerable: true, get: function () { return ErrorMessages_1.notCorrectPatronymicNameError; } });
+Object.defineProperty(exports, "notCorrectFullNameError", { enumerable: true, get: function () { return ErrorMessages_1.notCorrectFullNameError; } });

package/dist/cjs/Inputs/OtpInput/ErrorMessages.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.otpError = void 0;
+exports.otpError = 'Неверный код. Сверьтесь с письмом';

package/dist/cjs/Inputs/OtpInput/OtpInput.js

@@ -0,0 +1,85 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OtpInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const fp_1 = __importDefault(require("lodash/fp"));
+const react_1 = require("react");
+const OtpInput = (props) => {
+    const { length = 6, onComplete = fp_1.default.noop, errorMessage = '', setErrorMessage = fp_1.default.noop, responseReceived = false, loading = false, } = props;
+    const inputRef = (0, react_1.useRef)(Array(length).fill(null));
+    const [Otp, setOtp] = (0, react_1.useState)(Array(length).fill(''));
+    const currentTarget = inputRef.current;
+    const handleComplete = (value, index) => {
+        onComplete(value.join(''));
+        currentTarget[index].blur();
+    };
+    const handleTextChange = (index) => (e) => {
+        setErrorMessage('');
+        const newPin = [...Otp];
+        const input = e.target.value.replace(/\D/g, '');
+        newPin[index] = input;
+        setOtp(newPin);
+        if (input.length === 1 && index < length - 1) {
+            currentTarget[index + 1]?.focus();
+        }
+        if (input.length === 0 && index > 0) {
+            currentTarget[index - 1]?.focus();
+        }
+        if (newPin.every((digit) => digit !== '')) {
+            onComplete(newPin.join(''));
+            currentTarget[index].blur();
+        }
+    };
+    const handlePaste = (index) => (e) => {
+        setErrorMessage('');
+        const value = e.clipboardData?.getData('text');
+        const updatedValue = value
+            .toString()
+            .replace(/\D/g, '')
+            .split('')
+            .slice(0, length);
+        setOtp(updatedValue);
+        if (updatedValue.length === length) {
+            handleComplete(updatedValue, index);
+        }
+    };
+    const goToFirstEmptyInput = () => {
+        const firstEmptyInput = currentTarget.findIndex((el) => el.value === '');
+        firstEmptyInput >= 0
+            ?
+                currentTarget[firstEmptyInput].focus()
+            :
+                currentTarget[length - 1].focus();
+        setErrorMessage('');
+    };
+    const handleBackspace = (index) => (e) => {
+        if (e.key === 'Backspace' &&
+            index !== 0 &&
+            currentTarget[index].value.length === 0) {
+            currentTarget[index - 1]?.focus();
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (Number.parseInt(e.key) >= 0) {
+            goToFirstEmptyInput();
+        }
+    };
+    const inputMods = [
+        'otp__input',
+        { 'otp__input--error': errorMessage },
+    ];
+    (0, react_1.useEffect)(() => {
+        !loading && currentTarget[0].focus();
+    }, [responseReceived, loading, currentTarget]);
+    (0, react_1.useEffect)(() => {
+        if (responseReceived) {
+            setOtp(Array(length).fill(''));
+        }
+    }, [responseReceived, length]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'otp', children: [Array.from({ length }, (_, index) => ((0, jsx_runtime_1.jsx)("input", { value: Otp[index], onChange: handleTextChange(index), onPaste: handlePaste(index), onKeyUp: handleBackspace(index), onKeyDown: handleKeyDown, onClick: goToFirstEmptyInput, ref: (ref) => (currentTarget[index] = ref), type: 'text', maxLength: 1, className: (0, classnames_1.default)(inputMods), tabIndex: index + 1 }, index))), errorMessage && ((0, jsx_runtime_1.jsx)("span", { className: 'otp__error', children: errorMessage }))] }));
+};
+exports.OtpInput = OtpInput;

package/dist/cjs/Inputs/OtpInput/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.otpError = exports.OtpInput = void 0;
+var OtpInput_1 = require("./OtpInput");
+Object.defineProperty(exports, "OtpInput", { enumerable: true, get: function () { return OtpInput_1.OtpInput; } });
+var ErrorMessages_1 = require("./ErrorMessages");
+Object.defineProperty(exports, "otpError", { enumerable: true, get: function () { return ErrorMessages_1.otpError; } });

package/dist/cjs/Inputs/PasswordField/ErrorMessages.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notCorrectPasswordError = exports.emptyPasswordError = void 0;
+exports.emptyPasswordError = 'Введите пароль';
+exports.notCorrectPasswordError = 'Введите пароль не менее 6 символов';

package/dist/cjs/Inputs/PasswordField/PasswordField.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasswordField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fp_1 = __importDefault(require("lodash/fp"));
+const react_1 = require("react");
+const customValidators_1 = require("../../tools/customValidators");
+const TextField_1 = require("../TextField");
+const ErrorMessages_1 = require("./ErrorMessages");
+const PasswordField = (props) => {
+    const { onValidated, onPasswordInput, hidePassword = true, } = props;
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+    const [touched, setTouched] = (0, react_1.useState)(false);
+    const [password, setPassword] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        if (!touched) {
+            return;
+        }
+        onPasswordInput(password);
+        const valid = (0, customValidators_1.passwordValidator)(password);
+        if (!valid) {
+            onValidated(false);
+            setErrorMessage(fp_1.default.cond([
+                [() => !password, () => ErrorMessages_1.emptyPasswordError],
+                [() => !valid, () => ErrorMessages_1.notCorrectPasswordError],
+            ]));
+            return;
+        }
+        onValidated(true);
+        setErrorMessage('');
+    }, [
+        password,
+        onPasswordInput,
+        onValidated,
+        touched
+    ]);
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { onChange: setPassword, onTouched: setTouched, state: touched && errorMessage ? 'error' : 'idle', errorMessage: errorMessage, label: '\u041F\u0430\u0440\u043E\u043B\u044C', type: hidePassword ? 'password' : 'text', value: password, eyeIcon: true, checkIcon: true, required: true, ...props }));
+};
+exports.PasswordField = PasswordField;

package/dist/cjs/Inputs/PasswordField/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notCorrectPasswordError = exports.emptyPasswordError = exports.PasswordField = void 0;
+var PasswordField_1 = require("./PasswordField");
+Object.defineProperty(exports, "PasswordField", { enumerable: true, get: function () { return PasswordField_1.PasswordField; } });
+var ErrorMessages_1 = require("./ErrorMessages");
+Object.defineProperty(exports, "emptyPasswordError", { enumerable: true, get: function () { return ErrorMessages_1.emptyPasswordError; } });
+Object.defineProperty(exports, "notCorrectPasswordError", { enumerable: true, get: function () { return ErrorMessages_1.notCorrectPasswordError; } });

package/dist/cjs/Inputs/PhoneField/ErrorMessages.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notCorrectPhoneError = exports.emptyPhoneError = void 0;
+exports.emptyPhoneError = 'Введите номер телефона';
+exports.notCorrectPhoneError = 'Номер телефона — 10 цифр';

package/dist/cjs/Inputs/PhoneField/PhoneField.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PhoneField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fp_1 = __importDefault(require("lodash/fp"));
+const react_1 = require("react");
+const customValidators_1 = require("../../tools/customValidators");
+const TextField_1 = require("../TextField");
+const ErrorMessages_1 = require("./ErrorMessages");
+const PhoneField = (props) => {
+    const { onValidated, onTextValid } = props;
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+    const [touched, setTouched] = (0, react_1.useState)(false);
+    const [phoneNumber, setPhoneNumber] = (0, react_1.useState)('');
+    const getInputNumbersValue = (value) => {
+        return value.replace(/\D/g, '');
+    };
+    const onPhoneInput = (value, e) => {
+        const { target } = e;
+        const { selectionStart } = target;
+        let inputNumbersValue = getInputNumbersValue(value);
+        let formattedInputValue = '';
+        const { data, inputType } = e.nativeEvent;
+        if (inputType === 'deleteContentBackward' && value.length === 0) {
+            setPhoneNumber('');
+            return;
+        }
+        if (value.length !== selectionStart) {
+            if (data === null || /\d/g.test(data)) {
+                setPhoneNumber(value);
+            }
+            return;
+        }
+        if (['7', '8', '9'].includes(inputNumbersValue[0])) {
+            if (inputNumbersValue[0] === '9')
+                inputNumbersValue = '7' + inputNumbersValue;
+            const firstSymbols = (inputNumbersValue[0] === '8') ? '8' : '+7';
+            formattedInputValue = firstSymbols;
+            if (inputNumbersValue.length > 1) {
+                formattedInputValue += '(' + inputNumbersValue.substring(1, 4);
+            }
+            if (inputNumbersValue.length >= 5) {
+                formattedInputValue += ')' + inputNumbersValue.substring(4, 7);
+            }
+            if (inputNumbersValue.length >= 8) {
+                formattedInputValue += '-' + inputNumbersValue.substring(7, 9);
+            }
+            if (inputNumbersValue.length >= 10) {
+                formattedInputValue += '-' + inputNumbersValue.substring(9, 11);
+            }
+        }
+        else {
+            formattedInputValue = '+' + inputNumbersValue.substring(0, 16);
+        }
+        setPhoneNumber(formattedInputValue);
+    };
+    (0, react_1.useEffect)(() => {
+        if (!touched) {
+            return;
+        }
+        const valid = (0, customValidators_1.phoneValidator)(phoneNumber);
+        if (!valid) {
+            onValidated(false);
+            onTextValid('');
+            setErrorMessage(fp_1.default.cond([
+                [fp_1.default.isEmpty, () => ErrorMessages_1.emptyPhoneError],
+                [() => !valid, () => ErrorMessages_1.notCorrectPhoneError],
+                [fp_1.default.stubTrue, fp_1.default.stubString]
+            ]));
+            return;
+        }
+        onValidated(true);
+        onTextValid(phoneNumber.replace(/\D/g, ''));
+        setErrorMessage('');
+    }, [onTextValid, onValidated, phoneNumber, touched]);
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { onChange: onPhoneInput, onTouched: setTouched, state: touched && errorMessage ? 'error' : 'idle', errorMessage: errorMessage, label: '\u041C\u043E\u0431\u0438\u043B\u044C\u043D\u044B\u0439 \u0442\u0435\u043B\u0435\u0444\u043E\u043D', type: 'tel', value: phoneNumber, required: true, checkIcon: true, ...props }));
+};
+exports.PhoneField = PhoneField;

package/dist/cjs/Inputs/PhoneField/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notCorrectPhoneError = exports.emptyPhoneError = exports.PhoneField = void 0;
+var PhoneField_1 = require("./PhoneField");
+Object.defineProperty(exports, "PhoneField", { enumerable: true, get: function () { return PhoneField_1.PhoneField; } });
+var ErrorMessages_1 = require("./ErrorMessages");
+Object.defineProperty(exports, "emptyPhoneError", { enumerable: true, get: function () { return ErrorMessages_1.emptyPhoneError; } });
+Object.defineProperty(exports, "notCorrectPhoneError", { enumerable: true, get: function () { return ErrorMessages_1.notCorrectPhoneError; } });

package/dist/cjs/Inputs/RepeatPasswordField/ErrorMessages.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notCorrectRepeatPasswordError = exports.emptyRepeatPasswordError = void 0;
+exports.emptyRepeatPasswordError = 'Введите пароль повторно';
+exports.notCorrectRepeatPasswordError = 'Пароли не совпадают';

package/dist/cjs/Inputs/RepeatPasswordField/RepeatPasswordField.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RepeatPasswordField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fp_1 = __importDefault(require("lodash/fp"));
+const react_1 = require("react");
+const TextField_1 = require("../TextField");
+const ErrorMessages_1 = require("./ErrorMessages");
+const RepeatPasswordField = (props) => {
+    const { equalHandler, comparedValue } = props;
+    const [touched, setTouched] = (0, react_1.useState)(false);
+    const [password, setPassword] = (0, react_1.useState)('');
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        equalHandler(comparedValue === password);
+        if (!touched) {
+            return;
+        }
+        setErrorMessage(fp_1.default.cond([
+            [() => !password, () => ErrorMessages_1.emptyRepeatPasswordError],
+            [() => comparedValue !== password, () => ErrorMessages_1.notCorrectRepeatPasswordError],
+        ]));
+    }, [touched, password, comparedValue, equalHandler]);
+    return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { onChange: setPassword, onTouched: setTouched, state: touched && errorMessage ? 'error' : 'idle', errorMessage: errorMessage, label: '\u041F\u043E\u0432\u0442\u043E\u0440\u0438\u0442\u0435 \u043F\u0430\u0440\u043E\u043B\u044C', type: 'password', value: password, eyeIcon: true, checkIcon: true, required: true, ...props }));
+};
+exports.RepeatPasswordField = RepeatPasswordField;

package/dist/cjs/Inputs/RepeatPasswordField/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.notCorrectRepeatPasswordError = exports.emptyRepeatPasswordError = exports.RepeatPasswordField = void 0;
+var RepeatPasswordField_1 = require("./RepeatPasswordField");
+Object.defineProperty(exports, "RepeatPasswordField", { enumerable: true, get: function () { return RepeatPasswordField_1.RepeatPasswordField; } });
+var ErrorMessages_1 = require("./ErrorMessages");
+Object.defineProperty(exports, "emptyRepeatPasswordError", { enumerable: true, get: function () { return ErrorMessages_1.emptyRepeatPasswordError; } });
+Object.defineProperty(exports, "notCorrectRepeatPasswordError", { enumerable: true, get: function () { return ErrorMessages_1.notCorrectRepeatPasswordError; } });