@cloud-ru/uikit-product-fields-predefined 2.4.8-preview-04a474c4.0 → 3.0.0

package/dist/esm/components/FieldAi/components/PasswordValidation/PasswordValidation.d.ts

@@ -1,7 +0,0 @@
-import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ValidationPassword, ValidationPasswordKey } from '../../utils';
-export type WithPasswordTooltipProps = WithLayoutType<{
-    passwordValidation: ValidationPassword;
-    animatedKey?: ValidationPasswordKey | null;
-}>;
-export declare function PasswordValidation({ passwordValidation, layoutType, animatedKey }: WithPasswordTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/FieldAi/components/PasswordValidation/PasswordValidation.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { useLocale } from '@cloud-ru/uikit-product-locale';
-import { isTouchDevice as isTouchDeviceHelper } from '../../../../helpers';
-import { CheckItem } from '../CheckItem';
-import styles from './styles.module.css';
-export function PasswordValidation({ passwordValidation, layoutType, animatedKey }) {
-    const { t } = useLocale('FieldsPredefined');
-    const allCriteriaMet = useMemo(() => Object.values(passwordValidation).every(item => item), [passwordValidation]);
-    const isTouchDevice = isTouchDeviceHelper(layoutType);
-    if (isTouchDevice) {
-        if (allCriteriaMet) {
-            return (_jsx("div", { className: styles.validationItemsContainer, "data-layout-type": layoutType, children: _jsx(CheckItem, { checked: true, label: t('FieldAi.secret.passwordTooltip.titleSuccess'), layoutType: layoutType, shouldHide: false }) }));
-        }
-    }
-    return (_jsx("div", { className: styles.validationItemsContainer, "data-layout-type": layoutType, children: _jsxs("div", { className: styles.validationList, children: [_jsx(CheckItem, { checked: passwordValidation.minLength, label: t('FieldAi.secret.passwordTooltip.minLength'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'minLength' }), _jsx(CheckItem, { checked: passwordValidation.onlyLatin, label: t('FieldAi.secret.passwordTooltip.onlyLatin'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'onlyLatin' }), _jsx(CheckItem, { checked: passwordValidation.hasLetterCases, label: t('FieldAi.secret.passwordTooltip.hasLetterCases'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasLetterCases' }), _jsx(CheckItem, { checked: passwordValidation.hasNumber, label: t('FieldAi.secret.passwordTooltip.hasNumber'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasNumber' }), _jsx(CheckItem, { checked: passwordValidation.hasSymbol, label: t('FieldAi.secret.passwordTooltip.hasSymbol'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'hasSymbol' }), _jsx(CheckItem, { checked: passwordValidation.noSpaces, label: t('FieldAi.secret.passwordTooltip.noSpaces'), layoutType: layoutType, shouldHide: isTouchDevice, animated: animatedKey === 'noSpaces' })] }) }));
-}

package/dist/esm/components/FieldAi/components/PasswordValidation/index.d.ts

@@ -1 +0,0 @@
-export * from './PasswordValidation';

package/dist/esm/components/FieldAi/components/PasswordValidation/index.js

@@ -1 +0,0 @@
-export * from './PasswordValidation';

package/dist/esm/components/FieldAi/components/PasswordValidation/styles.module.css

@@ -1,36 +0,0 @@
-.tooltipText{
-  display:flex;
-  flex-direction:column;
-}
-
-.validationList{
-  display:flex;
-  flex-direction:column;
-  gap:12px;
-}
-
-.validationItemsContainer{
-  font-family:var(--sans-body-m-font-family, SB Sans Interface);
-  font-weight:var(--sans-body-m-font-weight, Regular);
-  line-height:var(--sans-body-m-line-height, 20px);
-  font-size:var(--sans-body-m-font-size, 14px);
-  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
-  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
-  color:var(--sys-neutral-text-main, #41424e);
-  display:flex;
-  flex-direction:column;
-  gap:12px;
-}
-.validationItemsContainer[data-layout-type=mobile], .validationItemsContainer[data-layout-type=tablet]{
-  gap:8px;
-  font-family:var(--sans-body-s-font-family, SB Sans Interface);
-  font-weight:var(--sans-body-s-font-weight, Regular);
-  line-height:var(--sans-body-s-line-height, 16px);
-  font-size:var(--sans-body-s-font-size, 12px);
-  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
-  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
-  padding:8px 16px;
-}
-.validationItemsContainer[data-layout-type=mobile] .validationList, .validationItemsContainer[data-layout-type=tablet] .validationList{
-  gap:2px;
-}

package/dist/esm/components/FieldAi/components/TextArea/TextArea.d.ts

@@ -1,39 +0,0 @@
-import { ChangeEvent, FocusEventHandler, KeyboardEventHandler, RefAttributes } from 'react';
-import { InputPrivateProps } from '@snack-uikit/input-private';
-import { WithSupportProps } from '@snack-uikit/utils';
-export type TextAreaProps = RefAttributes<HTMLTextAreaElement> & WithSupportProps<{
-    /** HTML-аттрибут name */
-    name?: string;
-    /** HTML-аттрибут value */
-    value?: string;
-    /** Колбек смены значения */
-    onChange?(value: string, e: ChangeEvent<HTMLTextAreaElement>): void;
-    /** HTML-аттрибут id */
-    id?: string;
-    className?: string;
-    /** Плейсхолдер */
-    placeholder?: string;
-    /** Является ли поле доступным только на чтение */
-    readonly?: boolean;
-    /** Является ли поле деактивированным */
-    disabled?: boolean;
-    /** Включен ли автокомплит */
-    autoComplete?: boolean;
-    /** Максимальное кол-во символов */
-    maxLength?: number;
-    /** Колбек получения фокуса */
-    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
-    /** Колбек потери фокуса */
-    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
-    /** Колбек нажатия клавиши клавиатуры */
-    onKeyDown?: KeyboardEventHandler<HTMLTextAreaElement>;
-    /** HTML-аттрибут tab-index */
-    tabIndex?: number;
-    /** Минимальное кол-во строк, до которого размер поля может быть увеличен @default 3*/
-    minRows?: number;
-    /** Включение проверки орфографии @default true*/
-    spellCheck?: boolean;
-    /** Режим работы экранной клавиатуры */
-    inputMode?: InputPrivateProps['inputMode'];
-}>;
-export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & RefAttributes<HTMLTextAreaElement>>;

package/dist/esm/components/FieldAi/components/TextArea/TextArea.js

@@ -1,27 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from 'classnames';
-import { forwardRef, useState, } from 'react';
-import TextareaAutosize from 'react-textarea-autosize';
-import { extractSupportProps, useLayoutEffect } from '@snack-uikit/utils';
-import styles from './styles.module.css';
-export const TextArea = forwardRef((_a, ref) => {
-    var { name, value = '', onChange, placeholder, id, className, disabled = false, readonly = false, autoComplete = false, maxLength, onFocus, onBlur, onKeyDown, tabIndex, minRows = 3, spellCheck, inputMode } = _a, rest = __rest(_a, ["name", "value", "onChange", "placeholder", "id", "className", "disabled", "readonly", "autoComplete", "maxLength", "onFocus", "onBlur", "onKeyDown", "tabIndex", "minRows", "spellCheck", "inputMode"]);
-    // fix of height on the initial render
-    // see https://github.com/Andarist/react-textarea-autosize/issues/337#issuecomment-1024980737
-    const [, setIsRerendered] = useState(false);
-    useLayoutEffect(() => setIsRerendered(true), []);
-    const onChangeHandler = e => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value, e);
-    const stopPropagation = e => e.stopPropagation();
-    return (_jsx(TextareaAutosize, Object.assign({ id: id, name: name, value: value, ref: ref, className: cn(className, styles.textarea), autoComplete: autoComplete ? 'on' : 'off', placeholder: placeholder, disabled: disabled, readOnly: readonly, maxLength: maxLength, onChange: onChangeHandler, onClick: stopPropagation, onFocus: onFocus, onBlur: onBlur, onKeyDown: onKeyDown, tabIndex: tabIndex, minRows: minRows, spellCheck: spellCheck, inputMode: inputMode }, extractSupportProps(rest))));
-});

package/dist/esm/components/FieldAi/components/TextArea/index.d.ts

@@ -1 +0,0 @@
-export * from './TextArea';

package/dist/esm/components/FieldAi/components/TextArea/index.js

@@ -1 +0,0 @@
-export * from './TextArea';

package/dist/esm/components/FieldAi/components/TextArea/styles.module.css

@@ -1,32 +0,0 @@
-.textarea{
-  resize:none;
-  box-sizing:border-box;
-  width:100%;
-  max-width:100%;
-  margin:0;
-  padding:0;
-  color:var(--sys-neutral-text-main, #41424e);
-  background-color:transparent;
-  border:none;
-  border-radius:0;
-  outline:0;
-}
-.textarea::-moz-placeholder{
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}
-.textarea::placeholder{
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}
-.textarea::-webkit-scrollbar{
-  width:0;
-  max-width:0;
-}
-.textarea:-moz-read-only{
-  color:var(--sys-neutral-text-support, #6d707f);
-}
-.textarea:read-only{
-  color:var(--sys-neutral-text-support, #6d707f);
-}
-.textarea[disabled]{
-  color:var(--sys-neutral-text-disabled, #aaaebd);
-}

package/dist/esm/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-import { WithLayoutType } from '@cloud-ru/uikit-product-utils';
-import { ValidationPassword, ValidationPasswordKey } from '../../utils';
-export type WithPasswordTooltipProps = WithLayoutType<{
-    showValidation?: boolean;
-    children: ReactNode;
-    passwordValidation: ValidationPassword;
-    animatedKey?: ValidationPasswordKey | null;
-}>;
-export declare function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, animatedKey, }: WithPasswordTooltipProps): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;

package/dist/esm/components/FieldAi/components/WithPasswordValidation/WithPasswordValidation.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AdaptiveTooltip } from '@cloud-ru/uikit-product-mobile-tooltip';
-import { isTouchDevice } from '../../../../helpers';
-import { PasswordValidation } from '../PasswordValidation';
-import styles from './styles.module.css';
-export function WithPasswordValidation({ showValidation, passwordValidation, layoutType, children, animatedKey, }) {
-    if (isTouchDevice(layoutType)) {
-        if (showValidation) {
-            return (_jsxs("div", { className: styles.validationContainer, children: [_jsx(PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedKey }), children] }));
-        }
-        return children;
-    }
-    if (showValidation) {
-        return (_jsx(AdaptiveTooltip, { placement: 'left-end', layoutType: layoutType, tip: _jsx(PasswordValidation, { passwordValidation: passwordValidation, layoutType: layoutType, animatedKey: animatedKey }), offset: 8, children: children }));
-    }
-    return children;
-}

package/dist/esm/components/FieldAi/components/WithPasswordValidation/index.d.ts

@@ -1 +0,0 @@
-export * from './WithPasswordValidation';

package/dist/esm/components/FieldAi/components/WithPasswordValidation/index.js

@@ -1 +0,0 @@
-export * from './WithPasswordValidation';

package/dist/esm/components/FieldAi/components/WithPasswordValidation/styles.module.css

@@ -1,6 +0,0 @@
-.validationContainer{
-  display:flex;
-  flex-direction:column;
-  gap:8px;
-  background-color:var(--sys-neutral-background1-level, #fdfdfd);
-}

package/dist/esm/components/FieldAi/index.d.ts

@@ -1 +0,0 @@
-export * from './FieldAi';

package/dist/esm/components/FieldAi/index.js

@@ -1 +0,0 @@
-export * from './FieldAi';

package/dist/esm/components/FieldAi/styles.module.css

@@ -1,61 +0,0 @@
-.wrapper{
-  display:flex;
-  flex-direction:column;
-  gap:var(--dimension-050m, 4px);
-  position:relative;
-}
-
-.passwordWrapper{
-  gap:0;
-}
-
-.alert{
-  display:flex;
-  gap:8px;
-  padding:4px 8px;
-  border-radius:8px 8px 0 0;
-  border:1px solid var(--sys-blue-decor-activated, #aac4ea);
-  background-color:var(--sys-blue-decor-default, #d6e2f4);
-  box-sizing:border-box;
-  height:38px;
-  position:absolute;
-  left:0;
-  top:-26px;
-  width:100%;
-  color:var(--sys-neutral-text-main, #41424e);
-}
-
-.alertText{
-  flex:1;
-  min-width:0;
-  color:var(--sys-neutral-text-main, #41424e);
-}
-
-.secured textarea{
-  -webkit-text-security:disc;
-  text-security:disc;
-}
-
-.mobileSubmitButton{
-  position:relative !important;
-  flex-shrink:0 !important;
-}
-.mobileSubmitButton:after{
-  content:"";
-  display:flex;
-  width:48px;
-  height:48px;
-  position:absolute;
-  top:50%;
-  left:50%;
-  transform:translate(-50%, -50%);
-}
-
-.submitButton:not([data-disabled]){
-  background:radial-gradient(229.88% 112% at 37.5% 77.08%, #26D07C 19.86%, #5FD7C2 50.73%, #7CB5F2 89.88%);
-}
-
-.textarea > :first-child[data-validation=default]:not([data-readonly]):not([data-disable-focus]):focus-within:not([data-disabled]){
-  border-color:transparent;
-  background:linear-gradient(var(--sys-neutral-background2-level), var(--sys-neutral-background2-level) 0) padding-box, radial-gradient(57.79% 100% at 50% 0%, #7cb5f2 38%, #5fd7c2 79%, #26d07c 90%) border-box;
-}

package/dist/esm/components/FieldAi/utils.d.ts

@@ -1,10 +0,0 @@
-export type ValidationPassword = {
-    onlyLatin: boolean;
-    minLength: boolean;
-    hasLetterCases: boolean;
-    hasNumber: boolean;
-    hasSymbol: boolean;
-    noSpaces: boolean;
-};
-export type ValidationPasswordKey = keyof ValidationPassword;
-export declare const getValidationPassword: (password?: string) => ValidationPassword;

package/dist/esm/components/FieldAi/utils.js

@@ -1,15 +0,0 @@
-const MIN_PASSWORD_LENGTH = 8;
-const NUMBER_REGEX = /[0-9]/;
-const CAPITAL_REGEX = /\p{Lu}/u;
-const LOWER_REGEX = /\p{Ll}/u;
-const SYMBOLS_REGEX = /[\p{P}\p{S}]/u;
-const NO_SPACES = /^\S*$/u;
-const LATIN_REGEX = /^[a-zA-Z0-9\p{P}\p{S}]+$/u;
-export const getValidationPassword = (password = '') => ({
-    onlyLatin: Boolean(password.match(LATIN_REGEX)),
-    minLength: password.length >= MIN_PASSWORD_LENGTH,
-    hasLetterCases: Boolean(password.match(CAPITAL_REGEX)) && Boolean(password.match(LOWER_REGEX)),
-    hasNumber: Boolean(password.match(NUMBER_REGEX)),
-    hasSymbol: Boolean(password.match(SYMBOLS_REGEX)),
-    noSpaces: Boolean(password.match(NO_SPACES)),
-});

package/dist/esm/components/FieldCode/FieldCode.d.ts

@@ -1,33 +0,0 @@
-import { FieldDecoratorProps } from '@snack-uikit/fields';
-import { type ResendCodeProps } from './components';
-import { type FieldCodeFocusEffect } from './constants';
-import { UseCodeInputParams } from './hooks';
-export type FieldCodeRef = {
-    /** Перенести фокус на ячейку с индексом `index` */
-    moveFocus: (index: number) => void;
-    /** Убрать фокус со всех ячеек кода */
-    blurFields: () => void;
-    /** Сбросить значение кода */
-    resetCode: () => void;
-};
-/** Собственные пропсы `FieldCode` */
-export type FieldCodeOwnProps = {
-    /** CSS-класс компонента */
-    className?: string;
-    /** CSS-класс ячейки кода */
-    cellClassName?: string;
-    /** Позиции, после которых нужно вставить пробел (индексы символов, после которых будет пробел) */
-    spacing?: number[];
-    /** Подсветить пустые символы кода */
-    showEmptyChars?: boolean;
-    /** Компонент отправки нового кода */
-    resendCode?: ResendCodeProps;
-    /** Сценарии автофокуса; по умолчанию — первая ячейка при монтировании и после сброса (см. `FieldCodeFocusEffect`) */
-    focusEffects?: readonly FieldCodeFocusEffect[];
-    /** Сообщение при неверном коде, если не передан свой `error` */
-    invalidCode?: string;
-};
-export type FieldCodeProps = FieldCodeOwnProps & Omit<UseCodeInputParams, 'moveFocus'> & Pick<FieldDecoratorProps, 'size' | 'disabled' | 'label' | 'error' | 'data-test-id'>;
-export declare const FieldCode: import("react").ForwardRefExoticComponent<FieldCodeOwnProps & Omit<UseCodeInputParams, "moveFocus"> & Pick<FieldDecoratorProps, "size" | "label" | "error" | "disabled" | "data-test-id"> & import("react").RefAttributes<FieldCodeRef>>;
-export type { FieldCodeFocusEffect } from './constants';
-export { FIELD_CODE_DEFAULT_FOCUS_EFFECTS } from './constants';

package/dist/esm/components/FieldCode/FieldCode.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import cn from 'classnames';
-import { forwardRef, useImperativeHandle } from 'react';
-import { FieldDecorator } from '@snack-uikit/fields';
-import { Cell, ResendCode } from './components';
-import { FIELD_CODE_DEFAULT_FOCUS_EFFECTS } from './constants';
-import { useCodeInput, useFieldHelpers, useFocusCell } from './hooks';
-import styles from './styles.module.css';
-import { getCellValidationState } from './utils';
-export const FieldCode = forwardRef(function FieldCode(props, ref) {
-    var _a;
-    const { codeLength, className, cellClassName, value, onChange, spacing, onComplete, size, disabled, label, error, invalidCode, showEmptyChars, resendCode, focusEffects = FIELD_CODE_DEFAULT_FOCUS_EFFECTS, 'data-test-id': dataTestId, } = props;
-    const { inputsRef, moveFocus, blurFields } = useFocusCell(codeLength);
-    const { code, cellHandlers, onChangeCode } = useCodeInput({ value, onChange, codeLength, moveFocus, onComplete });
-    const { resetCode } = useFieldHelpers({
-        onChangeCode,
-        focusEffects,
-        moveFocus,
-        showEmptyChars,
-        code,
-        codeLength,
-    });
-    useImperativeHandle(ref, () => ({
-        moveFocus,
-        blurFields,
-        resetCode,
-    }), [moveFocus, blurFields, resetCode]);
-    const resolvedError = error !== null && error !== void 0 ? error : invalidCode;
-    const resolvedDecoratorProps = {
-        label,
-        disabled,
-        size,
-        error: resolvedError,
-    };
-    return (_jsxs("div", Object.assign({ className: cn(styles.fieldCode, className) }, (dataTestId ? { 'data-test-id': dataTestId } : undefined), { children: [_jsx(FieldDecorator, Object.assign({}, resolvedDecoratorProps, { children: _jsx("div", { className: styles.codeContainer, "data-size": size, children: code.map((char, index) => (_jsx(Cell, { ref: inputRef => {
-                            if (inputRef) {
-                                inputsRef.current[index] = inputRef;
-                            }
-                        }, className: cn((spacing === null || spacing === void 0 ? void 0 : spacing.includes(index)) && styles.cellSpacing, cellClassName), size: size, value: char, disabled: disabled, autoComplete: index === 0 ? 'one-time-code' : undefined, onKeyDown: e => cellHandlers.onKeyDown(e, index), onPaste: cellHandlers.onPaste, onChange: e => cellHandlers.onChange(e, index), validationState: getCellValidationState(char, showEmptyChars, Boolean(resolvedError)) }, index))) }) })), resendCode ? _jsx(ResendCode, Object.assign({}, resendCode, { size: (_a = resendCode.size) !== null && _a !== void 0 ? _a : size })) : null] })));
-});
-export { FIELD_CODE_DEFAULT_FOCUS_EFFECTS } from './constants';

package/dist/esm/components/FieldCode/components/Cell/Cell.d.ts

@@ -1,5 +0,0 @@
-import { FieldTextProps } from '@snack-uikit/fields';
-export declare const Cell: import("react").ForwardRefExoticComponent<{
-    /** CSS-класс ячейки кода */
-    className?: string;
-} & Pick<FieldTextProps, "size" | "onPaste" | "onChange" | "onKeyDown" | "value" | "disabled" | "autoComplete" | "validationState"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/FieldCode/components/Cell/Cell.js

@@ -1,21 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import cn from 'classnames';
-import { forwardRef } from 'react';
-import { FieldText } from '@snack-uikit/fields';
-import { ZERO_WIDTH_SPACE } from '../../constants';
-import styles from './styles.module.css';
-export const Cell = forwardRef((props, ref) => {
-    const { className, size, value } = props, fieldCellProps = __rest(props, ["className", "size", "value"]);
-    return (_jsx(FieldText, Object.assign({ inputMode: 'numeric', ref: ref, className: cn(styles.cell, className), "data-size": size, showClearButton: false, value: value === ZERO_WIDTH_SPACE ? '' : value, size: size }, fieldCellProps)));
-});

package/dist/esm/components/FieldCode/components/Cell/index.d.ts

@@ -1 +0,0 @@
-export * from './Cell';

package/dist/esm/components/FieldCode/components/Cell/index.js

@@ -1 +0,0 @@
-export * from './Cell';

package/dist/esm/components/FieldCode/components/Cell/styles.module.css

@@ -1,3 +0,0 @@
-.cell input{
-  text-align:center;
-}

package/dist/esm/components/FieldCode/components/ResendCode/ResendCode.d.ts

@@ -1,8 +0,0 @@
-import { ButtonFunctionProps } from '@snack-uikit/button';
-export type ResendCodeProps = {
-    /** Колбек отправки нового кода */
-    onResend: () => void;
-    /** Количество секунд до следующего отправления кода */
-    secondsToNextResend: number;
-} & Pick<ButtonFunctionProps, 'size' | 'disabled'>;
-export declare function ResendCode(props: ResendCodeProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/FieldCode/components/ResendCode/ResendCode.js

@@ -1,25 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { UpdateSVG } from '@cloud-ru/uikit-product-icons';
-import { useLocale } from '@cloud-ru/uikit-product-locale';
-import { ButtonFunction } from '@snack-uikit/button';
-import { formatSecondsAsMmSs } from './utils';
-export function ResendCode(props) {
-    const { onResend, secondsToNextResend } = props, buttonProps = __rest(props, ["onResend", "secondsToNextResend"]);
-    const { t } = useLocale('FieldsPredefined');
-    return (_jsx(ButtonFunction, Object.assign({ label: secondsToNextResend > 0
-            ? t('FieldCode.resendCodeButtons.resendCodeWithVia', {
-                timer: formatSecondsAsMmSs(secondsToNextResend),
-            })
-            : t('FieldCode.resendCodeButtons.resendCode'), onClick: onResend, icon: _jsx(UpdateSVG, {}), iconPosition: 'before' }, buttonProps)));
-}

package/dist/esm/components/FieldCode/components/ResendCode/index.d.ts

@@ -1 +0,0 @@
-export * from './ResendCode';

package/dist/esm/components/FieldCode/components/ResendCode/index.js

@@ -1 +0,0 @@
-export * from './ResendCode';

package/dist/esm/components/FieldCode/components/ResendCode/utils.d.ts

@@ -1 +0,0 @@
-export declare function formatSecondsAsMmSs(totalSeconds: number): string;

package/dist/esm/components/FieldCode/components/ResendCode/utils.js

@@ -1,5 +0,0 @@
-export function formatSecondsAsMmSs(totalSeconds) {
-    const minutes = Math.floor(totalSeconds / 60);
-    const seconds = totalSeconds % 60;
-    return `${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`;
-}

package/dist/esm/components/FieldCode/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Cell';
-export * from './ResendCode';

package/dist/esm/components/FieldCode/components/index.js

@@ -1,2 +0,0 @@
-export * from './Cell';
-export * from './ResendCode';

package/dist/esm/components/FieldCode/constants.d.ts

@@ -1,14 +0,0 @@
-export declare const ZERO_WIDTH_SPACE = "\u200B";
-/**
- * Когда дергать `moveFocus` у `FieldCode` (массив `focusEffects`, порядок не важен).
- * @see {@link FIELD_CODE_DEFAULT_FOCUS_EFFECTS}
- */
-export type FieldCodeFocusEffect = 
-/** После монтирования — ячейка `0`. */
-'firstCellOnMount'
-/** После `ref.resetCode()` — ячейка `0`. */
- | 'firstCellOnReset'
-/** При включении `showEmptyChars` — первая пустая (все заполнены — последняя); не на каждый ввод. */
- | 'firstCellWhenShowEmptyChars';
-/** Дефолтный набор для `focusEffects`. */
-export declare const FIELD_CODE_DEFAULT_FOCUS_EFFECTS: readonly FieldCodeFocusEffect[];

package/dist/esm/components/FieldCode/constants.js

@@ -1,7 +0,0 @@
-export const ZERO_WIDTH_SPACE = '\u200B';
-/** Дефолтный набор для `focusEffects`. */
-export const FIELD_CODE_DEFAULT_FOCUS_EFFECTS = [
-    'firstCellOnMount',
-    'firstCellOnReset',
-    'firstCellWhenShowEmptyChars',
-];

package/dist/esm/components/FieldCode/hooks/index.d.ts

@@ -1,4 +0,0 @@
-export * from './useCodeInput';
-export * from './useFieldCodeValidate';
-export * from './useFocusCell';
-export * from './useFieldHelpers';

package/dist/esm/components/FieldCode/hooks/index.js

@@ -1,4 +0,0 @@
-export * from './useCodeInput';
-export * from './useFieldCodeValidate';
-export * from './useFocusCell';
-export * from './useFieldHelpers';

package/dist/esm/components/FieldCode/hooks/useCodeInput.d.ts

@@ -1,22 +0,0 @@
-import { ClipboardEvent, KeyboardEvent } from 'react';
-export type UseCodeInputParams = {
-    /** Количество цифр в коде (ожидается целое ≥ 1) */
-    codeLength: number;
-    /** Значение кода */
-    value?: string;
-    /** Колбек изменения значения */
-    onChange?: (code: string) => void;
-    /** Функция фокуса */
-    moveFocus: (index: number) => void;
-    /** Колбек достижения ввода всех символов кода */
-    onComplete?: (code: string) => void;
-};
-export declare function useCodeInput(params: UseCodeInputParams): {
-    code: string[];
-    cellHandlers: {
-        onKeyDown: (e: KeyboardEvent<HTMLInputElement>, index: number) => void;
-        onPaste: (e: ClipboardEvent<HTMLInputElement>) => void;
-        onChange: (code: string, index: number) => void;
-    };
-    onChangeCode: (value: any, ...args: any[]) => any | void;
-};