torgbox-ui 1.0.11 → 1.0.12

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

@@ -1,37 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("../../_virtual/index.js"),p=require("../../Utils/Spinner/Spinner.js");require("react-dom");require("../../assets/img/warning.svg.js");require("react");const x=a=>{const{label:e="",size:t="medium",variant:s="filled",state:o="idle",iconPosition:c="left",fullWidth:d=!1,iconComponent:l,onClick:b,className:u,tabIndex:_}=a,r=l!=null,m=["btn",`btn--${t}`,`btn__${s}`,`btn__${s}--${o}`,{"btn--reverse":c==="right","btn--fullWidth":d,"btn--with-icon":e&&r,"btn--only-icon":!e&&r}],f=["btn__icon",`btn__icon--${t}`,{[`btn__icon--${t}--${c}`]:!!e}],$=`btn__label--${t}`,h=[`btn__spinner--${t}`,`btn__spinner--${s}`];return n.jsx("button",{type:"button",onClick:b,disabled:o==="disabled",className:i.default(m,u),tabIndex:_,children:o==="loading"?n.jsx(p.Spinner,{className:i.default(h)}):n.jsxs(n.Fragment,{children:[r&&n.jsx("div",{className:i.default(f),children:l}),e&&n.jsx("div",{className:i.default($),children:e})]})})};exports.Button=x;

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

@@ -1,36 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../../_virtual/index.js"),h=require("../../assets/img/checked.svg.js"),x=require("../../assets/img/partial-checked.svg.js"),u=a=>{const{label:i="",disabled:c=!1,partial:n=!1,size:s="medium",checked:o,onClick:t}=a,r=["checkbox__icon",`checkbox__icon--${s}`,{"checkbox__icon--active":o,"checkbox__icon--disable":c}],b=["checkbox__label",`checkbox__label--${s}`,{"checkbox__label--disable":c}],d=()=>{if(o)return n?e.jsx(x.default,{}):e.jsx(h.default,{})};return e.jsx("div",{className:"checkbox",children:e.jsxs("label",{className:l.default(b),children:[e.jsx("input",{type:"checkbox",disabled:c,onChange:()=>{t(!o)}}),e.jsx("span",{className:l.default(r),children:d()}),i]})})};exports.Checkbox=u;

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

@@ -1,65 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),k=require("../../_virtual/fp.js"),e=require("react"),y=require("../../tools/customValidators.js"),T=require("../TextField/TextField.js"),n=require("./ErrorMessages.js"),p=E=>{const{checkEmail:s=!1,onValidated:t,onTextValid:a}=E,[o,l]=e.useState(""),[u,x]=e.useState(!1),[r,S]=e.useState(""),[q,d]=e.useState(!1),[f,m]=e.useState(!1),h=e.useCallback(k.fpExports.debounce(500,c=>{if(c!=="asd@asd.ru"){l(n.checkEmailError),m(!1),d(!0);return}l(""),m(!0)}),[]),i=e.useCallback(()=>{t(!0),a(r)},[r,a,t]);return e.useEffect(()=>{if(!u)return;const c=y.emailValidator(r);if(!c){d(!1),t(!1),a("");const b=!r&&n.emptyEmailError||!c&&n.notCorrectEmailError||"";l(b);return}if(s){h(r);return}l(""),i()},[s,h,i,r,a,t,u]),e.useEffect(()=>{if(s){if(!f||o){t(!1);return}i()}},[i,s,f,o,t]),g.jsx(T.TextField,{onChange:S,onTouched:x,state:u&&o?"error":"idle",errorMessage:o,label:"Email",type:"email",value:r,alwaysShowError:q,required:!0,checkIcon:!0,...E})};exports.EmailField=p;

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

@@ -1,6 +1 @@
-"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 не зарегистрирован';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="Введите email",o="Некорректный email",e="Пользователь с таким email не зарегистрирован";exports.checkEmailError=e;exports.emptyEmailError=r;exports.notCorrectEmailError=o;

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

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

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

@@ -1,37 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),r=require("react"),f=require("../../tools/customValidators.js"),x=require("../TextField/TextField.js"),h=require("./ErrorMessages.js"),q=u=>{const{onValidated:n,onTextValid:s}=u,[a,i]=r.useState(""),[o,c]=r.useState(!1),[e,l]=r.useState(""),d=t=>t.replace(/\D/g,""),g=(t,T)=>{l(d(t))};return r.useEffect(()=>{if(!o)return;if(!f.innValidator(e)){n(!1),s(""),i(h.InnError);return}n(!0),s(e),i("")},[e,s,n,o]),I.jsx(x.TextField,{onChange:g,onTouched:c,state:o&&a?"error":"idle",errorMessage:a,label:"ИНН",type:"text",description:"Введите 10 цифр для ЮЛ или 12 для ФЛ",value:e,maxLength:12,required:!0,searchIcon:!0,...u})};exports.InnField=q;

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

@@ -1,11 +1 @@
-"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 = 'Некорректное ФИО';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r="Введите имя",t="Введите фамилию",o="Введите отчество",e="Введите ФИО",m="Некорректное имя",a="Некорректная фамилия",c="Некорректное отчество",n="Некорректное ФИО";exports.emptyFirstNameError=r;exports.emptyFullNameError=e;exports.emptyLastNameError=t;exports.emptyPatronymicNameError=o;exports.notCorrectFirstNameError=m;exports.notCorrectFullNameError=n;exports.notCorrectLastNameError=a;exports.notCorrectPatronymicNameError=c;

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

@@ -1,58 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),t=require("react"),f=require("../../tools/customValidators.js"),E=require("../TextField/TextField.js"),e=require("./ErrorMessages.js"),C=l=>{const{nameType:s="fullName",onValidated:a,onTextValid:o}=l,[c,m]=t.useState(""),[n,g]=t.useState(!1),[r,y]=t.useState(""),N={firstName:{label:"Имя",emptyMessage:e.emptyFirstNameError,notCorrectMessage:e.notCorrectFirstNameError},lastName:{label:"Фамилия",emptyMessage:e.emptyLastNameError,notCorrectMessage:e.notCorrectLastNameError},patronymic:{label:"Отчество",emptyMessage:e.emptyPatronymicNameError,notCorrectMessage:e.notCorrectPatronymicNameError},fullName:{label:"ФИО",emptyMessage:e.emptyFullNameError,notCorrectMessage:e.notCorrectFullNameError}},{label:M,emptyMessage:u,notCorrectMessage:i}=N[s];return t.useEffect(()=>{if(!n)return;const d=f.nameValidator(s==="fullName"?r.split(" "):r);if(!d){a(!1),o(""),m(!r&&u||!d&&i||"");return}a(!0),o(r),m("")},[u,r,s,i,o,a,n]),p.jsx(E.TextField,{onChange:y,onTouched:g,state:n&&c?"error":"idle",errorMessage:c,label:M,type:"text",value:r,required:!0,checkIcon:!0,...l})};exports.NameField=C;

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

@@ -1,85 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),E=require("../../_virtual/index.js"),m=require("../../_virtual/fp.js"),r=require("react"),O=d=>{const{length:n=6,onComplete:i=m.default.noop,errorMessage:c="",setErrorMessage:l=m.default.noop,responseReceived:u=!1,loading:g=!1}=d,v=r.useRef(Array(n).fill(null)),[h,p]=r.useState(Array(n).fill("")),s=v.current,b=(e,t)=>{i(e.join("")),s[t].blur()},j=e=>t=>{l("");const o=[...h],a=t.target.value.replace(/\D/g,"");o[e]=a,p(o),a.length===1&&e<n-1&&s[e+1]?.focus(),a.length===0&&e>0&&s[e-1]?.focus(),o.every(C=>C!=="")&&(i(o.join("")),s[e].blur())},I=e=>t=>{l("");const a=(t.clipboardData?.getData("text")).toString().replace(/\D/g,"").split("").slice(0,n);p(a),a.length===n&&b(a,e)},y=()=>{const e=s.findIndex(t=>t.value==="");e>=0?s[e].focus():s[n-1].focus(),l("")},_=e=>t=>{t.key==="Backspace"&&e!==0&&s[e].value.length===0&&s[e-1]?.focus()},D=e=>{Number.parseInt(e.key)>=0&&y()},k=["otp__input",{"otp__input--error":c}];return r.useEffect(()=>{!g&&s[0].focus()},[u,g,s]),r.useEffect(()=>{u&&p(Array(n).fill(""))},[u,n]),f.jsxs("div",{className:"otp",children:[Array.from({length:n},(e,t)=>f.jsx("input",{value:h[t],onChange:j(t),onPaste:I(t),onKeyUp:_(t),onKeyDown:D,onClick:y,ref:o=>s[t]=o,type:"text",maxLength:1,className:E.default(k),tabIndex:t+1},t)),c&&f.jsx("span",{className:"otp__error",children:c})]})};exports.OtpInput=O;

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

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

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

@@ -1,42 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),P=require("../../_virtual/fp.js"),r=require("react"),q=require("../../tools/customValidators.js"),g=require("../TextField/TextField.js"),c=require("./ErrorMessages.js"),h=o=>{const{onValidated:t,onPasswordInput:a,hidePassword:i=!0}=o,[u,d]=r.useState(""),[s,l]=r.useState(!1),[e,w]=r.useState("");return r.useEffect(()=>{if(!s)return;a(e);const n=q.passwordValidator(e);if(!n){t(!1),d(P.default.cond([[()=>!e,()=>c.emptyPasswordError],[()=>!n,()=>c.notCorrectPasswordError]]));return}t(!0),d("")},[e,a,t,s]),f.jsx(g.TextField,{onChange:w,onTouched:l,state:s&&u?"error":"idle",errorMessage:u,label:"Пароль",type:i?"password":"text",value:e,eyeIcon:!0,checkIcon:!0,required:!0,...o})};exports.PasswordField=h;

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

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

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

@@ -1,81 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("react/jsx-runtime"),s=require("../../_virtual/fp.js"),o=require("react"),P=require("../../tools/customValidators.js"),V=require("../TextField/TextField.js"),b=require("./ErrorMessages.js"),x=c=>{const{onValidated:u,onTextValid:i}=c,[d,f]=o.useState(""),[l,p]=o.useState(!1),[n,a]=o.useState(""),m=t=>t.replace(/\D/g,""),S=(t,g)=>{const{target:y}=g,{selectionStart:T}=y;let e=m(t),r="";const{data:h,inputType:q}=g.nativeEvent;if(q==="deleteContentBackward"&&t.length===0){a("");return}if(t.length!==T){(h===null||/\d/g.test(h))&&a(t);return}["7","8","9"].includes(e[0])?(e[0]==="9"&&(e="7"+e),r=e[0]==="8"?"8":"+7",e.length>1&&(r+="("+e.substring(1,4)),e.length>=5&&(r+=")"+e.substring(4,7)),e.length>=8&&(r+="-"+e.substring(7,9)),e.length>=10&&(r+="-"+e.substring(9,11))):r="+"+e.substring(0,16),a(r)};return o.useEffect(()=>{if(!l)return;const t=P.phoneValidator(n);if(!t){u(!1),i(""),f(s.default.cond([[s.default.isEmpty,()=>b.emptyPhoneError],[()=>!t,()=>b.notCorrectPhoneError],[s.default.stubTrue,s.default.stubString]]));return}u(!0),i(n.replace(/\D/g,"")),f("")},[i,u,n,l]),E.jsx(V.TextField,{onChange:S,onTouched:p,state:l&&d?"error":"idle",errorMessage:d,label:"Мобильный телефон",type:"tel",value:n,required:!0,checkIcon:!0,...c})};exports.PhoneField=x;

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

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

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

@@ -1,29 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),p=require("../../_virtual/fp.js"),r=require("react"),f=require("../TextField/TextField.js"),c=require("./ErrorMessages.js"),q=o=>{const{equalHandler:a,comparedValue:t}=o,[s,n]=r.useState(!1),[e,d]=r.useState(""),[u,i]=r.useState("");return r.useEffect(()=>{a(t===e),s&&i(p.default.cond([[()=>!e,()=>c.emptyRepeatPasswordError],[()=>t!==e,()=>c.notCorrectRepeatPasswordError]]))},[s,e,t,a]),l.jsx(f.TextField,{onChange:d,onTouched:n,state:s&&u?"error":"idle",errorMessage:u,label:"Повторите пароль",type:"password",value:e,eyeIcon:!0,checkIcon:!0,required:!0,...o})};exports.RepeatPasswordField=q;

package/dist/cjs/Inputs/Selector/Collapse.js

@@ -1,47 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Collapse = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = require("react");
-const chevron_down_svg_1 = __importDefault(require("../../assets/img/chevron-down.svg"));
-const Option_1 = require("./Option/Option");
-const Collapse = (props) => {
-    const { options, selected, title, onSelect, chevron = true, optionsIcon, closeOnClick = true, } = props;
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const rootRef = (0, react_1.useRef)(null);
-    const titleRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        const handleClick = (event) => {
-            const { target } = event;
-            if (target instanceof Node &&
-                rootRef.current &&
-                !rootRef.current.contains(target)) {
-                closeOnClick && setIsOpen(false);
-            }
-        };
-        window.addEventListener('click', handleClick);
-        return () => {
-            window.removeEventListener('click', handleClick);
-        };
-    }, [closeOnClick, isOpen]);
-    const handleOptionClick = (value) => {
-        closeOnClick && setIsOpen(false);
-        onSelect(value);
-    };
-    const handleTitleClick = () => {
-        setIsOpen(!isOpen);
-    };
-    const chevronMods = [
-        'title__chevron',
-        isOpen && 'title__chevron--rotate',
-    ];
-    const optionsBlock = ((0, jsx_runtime_1.jsx)("div", { className: 'selector__options selector__options--slide-down', children: options.map((option) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { option: option, onClick: handleOptionClick, optionsIcon: optionsIcon, selected: option.value === selected?.value }, option.value))) }));
-    const hasIcon = optionsIcon !== undefined || selected?.icon !== undefined;
-    const label = selected ? ((0, jsx_runtime_1.jsxs)("div", { className: 'title__label', children: [hasIcon && ((0, jsx_runtime_1.jsx)("div", { className: 'title__icon', children: selected?.icon ?? optionsIcon })), selected.label] })) : title;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'selector', ref: rootRef, children: [(0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)('title', isOpen && 'title--active'), onClick: handleTitleClick, ref: titleRef, children: [label, chevron && ((0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(chevronMods), children: (0, jsx_runtime_1.jsx)(chevron_down_svg_1.default, {}) }))] }), isOpen && optionsBlock] }));
-};
-exports.Collapse = Collapse;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("../../_virtual/index.js"),c=require("react"),w=require("../../assets/img/chevron-down.svg.js"),R=require("./Option/Option.js"),b=u=>{const{options:v,selected:s,title:f,onSelect:h,chevron:p=!0,optionsIcon:l,closeOnClick:o=!0}=u,[n,i]=c.useState(!1),r=c.useRef(null),_=c.useRef(null);c.useEffect(()=>{const e=O=>{const{target:a}=O;a instanceof Node&&r.current&&!r.current.contains(a)&&o&&i(!1)};return window.addEventListener("click",e),()=>{window.removeEventListener("click",e)}},[o,n]);const j=e=>{o&&i(!1),h(e)},m=()=>{i(!n)},x=["title__chevron",n&&"title__chevron--rotate"],k=t.jsx("div",{className:"selector__options selector__options--slide-down",children:v.map(e=>t.jsx(R.Option,{option:e,onClick:j,optionsIcon:l,selected:e.value===s?.value},e.value))}),C=l!==void 0||s?.icon!==void 0,N=s?t.jsxs("div",{className:"title__label",children:[C&&t.jsx("div",{className:"title__icon",children:s?.icon??l}),s.label]}):f;return t.jsxs("div",{className:"selector",ref:r,children:[t.jsxs("div",{className:d.default("title",n&&"title--active"),onClick:m,ref:_,children:[N,p&&t.jsx("div",{className:d.default(x),children:t.jsx(w.default,{})})]}),n&&k]})};exports.Collapse=b;