@sima-land/ui-nucleons 45.0.0-alpha.7 → 45.0.0-alpha.71

package/layout/legacy.module.scss

@@ -1,49 +0,0 @@
-@use '../breakpoints';
-
-.layout {
-  width: var(--l-width);
-  margin: 0 var(--l-gutter);
-  @each $key, $val in breakpoints.$map {
-    @include breakpoints.up($key) {
-      &.disabled-#{$key} {
-        width: auto;
-        margin: 0;
-      }
-      &:not(.disabled-#{$key}) {
-        width: var(--l-width);
-        margin: 0 var(--l-gutter);
-      }
-    }
-  }
-}
-
-.mobile {
-  --l-gutter: 16px;
-  --l-width: calc(100vw - (2 * var(--l-gutter)));
-  @include breakpoints.up('mm') {
-    --l-width: 656px;
-    --l-gutter: auto;
-  }
-  @include breakpoints.up('ml') {
-    --l-width: 672px;
-    --l-gutter: auto;
-  }
-  @include breakpoints.up('xs') {
-    --l-width: 792px;
-    --l-gutter: auto;
-  }
-}
-
-.desktop {
-  min-width: 896px;
-  --l-gutter: 64px;
-  --l-width: calc(100vw - (2 * var(--l-gutter)));
-  @include breakpoints.up('l') {
-    --l-width: 1472px;
-    --l-gutter: auto;
-  }
-  @include breakpoints.up('xl') {
-    --l-width: 1504px;
-    --l-gutter: auto;
-  }
-}

package/layout/types.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { Breakpoint } from '../types';
-export interface LayoutProps extends HTMLAttributes<HTMLElement> {
-    /** Список точек остановки на которых необходимо отключить ограничение ширины. */
-    disabledOn?: Breakpoint[];
-}

package/link/index.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import { Token } from '../colors';
-export type LinkColor = Extract<Token, 'basic-blue' | 'basic-gray87' | 'basic-gray38' | 'basic-white' | 'additional-red' | 'additional-teal'>;
-export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    /** Цвет (название токена). */
-    color?: LinkColor;
-    /**
-     * Нужно ли оборачивать содержимое комментариями no-index.
-     * @deprecated
-     */
-    noIndex?: boolean;
-    /** Выводить как псевдо-ссылку. */
-    pseudo?: boolean;
-    /** Отключает ссылку подобно кнопке. */
-    disabled?: boolean;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-    /** Нужно ли подчеркивание. */
-    underline?: boolean;
-}
-/**
- * Компонент ссылки.
- * @param props Свойства компонента. Поддерживаются свойства span/a.
- * @param ref Реф для DOM-элемента ссылки.
- * @return Элемент.
- */
-export declare const Link: import("react").ForwardRefExoticComponent<LinkProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/link/index.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Link = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const get_no_index_1 = require("../helpers/get-no-index");
-const bind_1 = __importDefault(require("classnames/bind"));
-const link_module_scss_1 = __importDefault(require("./link.module.scss"));
-const cx = bind_1.default.bind(link_module_scss_1.default);
-/**
- * Возвращает объект со свойствами, формирующими содержимое.
- * @param children Содержимое линка.
- * @param noIndex Флаг запрета индексации.
- * @return Объект со свойствами, формирующими содержимое.
- */
-const getContentProps = (children, noIndex) => noIndex ? { dangerouslySetInnerHTML: (0, get_no_index_1.getNoIndex)(children) } : { children };
-/**
- * Компонент ссылки.
- * @param props Свойства компонента. Поддерживаются свойства span/a.
- * @param ref Реф для DOM-элемента ссылки.
- * @return Элемент.
- */
-exports.Link = (0, react_1.forwardRef)(function Link({ children, className, color = 'basic-blue', disabled, noIndex = false, pseudo, role, tabIndex, underline, 'data-testid': testId = 'anchor', ...restProps }, ref) {
-    const baseProps = pseudo
-        ? {
-            role: role || 'button',
-            tabIndex: disabled ? undefined : tabIndex || 0,
-        }
-        : { role, tabIndex };
-    return ((0, jsx_runtime_1.jsx)("a", { ...baseProps, ...restProps, "data-testid": testId, ref: ref, className: cx('link', className, color, { disabled, underline }), ...getContentProps(children, noIndex) }));
-});
-//# sourceMappingURL=index.js.map

package/link/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/link/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmC;AACnC,0DAAqD;AACrD,2DAAyC;AAEzC,0EAAwC;AAmCxC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,0BAAM,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,eAAe,GAAG,CAAC,QAAyB,EAAE,OAAiB,EAAE,EAAE,CACvE,OAAO,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,IAAA,yBAAU,EAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;AAE7E;;;;;GAKG;AACU,QAAA,IAAI,GAAG,IAAA,kBAAU,EAA+B,SAAS,IAAI,CACxE,EACE,QAAQ,EACR,SAAS,EACT,KAAK,GAAG,YAAY,EACpB,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,aAAa,EAAE,MAAM,GAAG,QAAQ,EAChC,GAAG,SAAS,EACb,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,MAAM;QACtB,CAAC,CAAC;YACE,IAAI,EAAE,IAAI,IAAI,QAAQ;YACtB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC;SAC/C;QACH,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;IAEvB,OAAO,CACL,iCACM,SAAS,KACT,SAAS,iBACA,MAAM,EACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,KAC5D,eAAe,CAAC,QAAQ,EAAE,OAAO,CAAC,GACtC,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/loading-overlay/index.d.ts

@@ -1,19 +0,0 @@
-/// <reference types="react" />
-import { SpinnerProps } from '../spinner';
-export interface LoadingOverlayProps {
-    /** Пользовательский CSS-класс корневого элемента. */
-    className?: string;
-    /** Нужно ли заполнять родительский элемент с помощью `position: absolute`. */
-    fill?: boolean;
-    /** Свойства компонента Spinner. */
-    spinnerProps?: SpinnerProps;
-    /** Пользовательские стили. */
-    style?: React.CSSProperties;
-}
-/**
- * Компонент перекрытия для отображения состояния загрузки.
- * @deprecated Следует использовать Spinner напрямую.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare const LoadingOverlay: ({ style, className, spinnerProps, fill, }: LoadingOverlayProps) => JSX.Element;

package/loading-overlay/index.js

@@ -1,20 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingOverlay = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const spinner_1 = require("../spinner");
-const bind_1 = __importDefault(require("classnames/bind"));
-const loading_overlay_module_scss_1 = __importDefault(require("./loading-overlay.module.scss"));
-const cx = bind_1.default.bind(loading_overlay_module_scss_1.default);
-/**
- * Компонент перекрытия для отображения состояния загрузки.
- * @deprecated Следует использовать Spinner напрямую.
- * @param props Свойства.
- * @return Элемент.
- */
-const LoadingOverlay = ({ style, className, spinnerProps = {}, fill = true, }) => ((0, jsx_runtime_1.jsx)("div", { className: cx('loading-overlay', fill && 'fill', className), style: style, children: (0, jsx_runtime_1.jsx)(spinner_1.Spinner, { ...spinnerProps }) }));
-exports.LoadingOverlay = LoadingOverlay;
-//# sourceMappingURL=index.js.map

package/loading-overlay/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/loading-overlay/index.tsx"],"names":[],"mappings":";;;;;;;AAAA,wCAAmD;AACnD,2DAAyC;AACzC,gGAAoD;AAgBpD,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,qCAAO,CAAC,CAAC;AAEpC;;;;;GAKG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,SAAS,EACT,YAAY,GAAG,EAAE,EACjB,IAAI,GAAG,IAAI,GACS,EAAE,EAAE,CAAC,CACzB,gCAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,IAAI,IAAI,MAAM,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,YAC5E,uBAAC,iBAAO,OAAK,YAAY,GAAI,GACzB,CACP,CAAC;AATW,QAAA,cAAc,kBASzB"}

package/loading-overlay/loading-overlay.module.scss

@@ -1,14 +0,0 @@
-.loading-overlay {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: #fff;
-}
-
-.fill {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}

package/masked-field/index.d.ts

@@ -1,23 +0,0 @@
-/// <reference types="react" />
-import { TextFieldProps } from '../text-field';
-export interface MaskState {
-    value: string;
-    cleanValue: string;
-}
-export interface MaskedFieldProps extends Omit<TextFieldProps, 'value' | 'onBlur' | 'multiple'> {
-    /** Маска. */
-    mask: string;
-    /** Значение. */
-    value?: string;
-    /** Обработчик blur. */
-    onBlur?: (e: React.FocusEvent<HTMLInputElement>, s: MaskState) => void;
-}
-/**
- * Компонент текстового поля (TextField) с маской.
- * @deprecated Теперь нужно использовать MaskedInput.
- * @param props Свойства.
- * @param props.mask Маска.
- * @param props.value Значение.
- * @param props.onBlur Сработает при событии blur.
- */
-export declare const MaskedField: import("react").ForwardRefExoticComponent<MaskedFieldProps & import("react").RefAttributes<HTMLInputElement | undefined>>;

package/masked-field/index.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaskedField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const text_field_1 = require("../text-field");
-const dom_1 = require("@krutoo/input-mask/dist/dom");
-const maskCommons = { placeholder: '_', pattern: /\d/ };
-/**
- * Компонент текстового поля (TextField) с маской.
- * @deprecated Теперь нужно использовать MaskedInput.
- * @param props Свойства.
- * @param props.mask Маска.
- * @param props.value Значение.
- * @param props.onBlur Сработает при событии blur.
- */
-exports.MaskedField = (0, react_1.forwardRef)(function MaskedField({ mask, value = '', onBlur, ...restOptions }, ref) {
-    const [inputMask, setInputMask] = (0, react_1.useState)();
-    const [inputState, setInputState] = (0, react_1.useState)({ value, cleanValue: '' });
-    const innerRef = (0, react_1.useRef)();
-    (0, react_1.useImperativeHandle)(ref, () => innerRef.current);
-    (0, react_1.useEffect)(() => {
-        const im = (0, dom_1.InputMask)(innerRef.current, {
-            ...maskCommons,
-            mask,
-            onChange: setInputState,
-        });
-        im.setValue(value);
-        setInputMask(im);
-        return () => im.disable();
-    }, [mask]);
-    (0, react_1.useEffect)(() => {
-        inputMask && inputMask.setValue(value);
-    }, [value, inputMask]);
-    return ((0, jsx_runtime_1.jsx)(text_field_1.TextField, { ...restOptions, ref: innerRef, multiline: false, restPlaceholder: {
-            value: mask.slice(inputState.value.length),
-            shiftValue: inputState.value,
-        }, 
-        // получаем данные маски только по событию "blur"
-        onBlur: e => onBlur === null || onBlur === void 0 ? void 0 : onBlur(e, inputState) }));
-});
-//# sourceMappingURL=index.js.map

package/masked-field/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/masked-field/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAqF;AACrF,8CAA0D;AAC1D,qDAAwD;AAkBxD,MAAM,WAAW,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAExD;;;;;;;GAOG;AACU,QAAA,WAAW,GAAG,IAAA,kBAAU,EACnC,SAAS,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE,EAAE,GAAG;IACpE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,GAAO,CAAC;IAClD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAY,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAAC;IACnF,MAAM,QAAQ,GAAG,IAAA,cAAM,GAAoB,CAAC;IAE5C,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAEjD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,IAAA,eAAS,EAAC,QAAQ,CAAC,OAAc,EAAE;YAC5C,GAAG,WAAW;YACd,IAAI;YACJ,QAAQ,EAAE,aAAa;SACxB,CAAC,CAAC;QAEH,EAAE,CAAC,QAAQ,CAAC,KAAe,CAAC,CAAC;QAC7B,YAAY,CAAC,EAAE,CAAC,CAAC;QAEjB,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,uBAAC,sBAAS,OACJ,WAAW,EACf,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,KAAK,EAChB,eAAe,EAAE;YACf,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;YAC1C,UAAU,EAAE,UAAU,CAAC,KAAK;SAC7B;QACD,iDAAiD;QACjD,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,EAAE,UAAU,CAAC,GACpC,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/masked-input/hook.d.ts

@@ -1,8 +0,0 @@
-import { UseInputMaskOptions, UseInputMaskResult } from './types';
-/**
- * Хук для задания маски для поля ввода текста.
- * @todo Возможно стоит перенести в `@krutoo/input-mask`.
- * @param props Опции.
- * @return Интерфейс работы с маской.
- */
-export declare function useInputMask({ maskOptions: maskOptionsProp, value, defaultValue, }: UseInputMaskOptions): UseInputMaskResult;

package/masked-input/hook.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInputMask = void 0;
-const react_1 = require("react");
-const hooks_1 = require("../hooks");
-const on_1 = require("../helpers/on");
-const utils_1 = require("@krutoo/input-mask/dist/dom/utils");
-const utils_2 = require("./utils");
-/**
- * Хук для задания маски для поля ввода текста.
- * @todo Возможно стоит перенести в `@krutoo/input-mask`.
- * @param props Опции.
- * @return Интерфейс работы с маской.
- */
-function useInputMask({ maskOptions: maskOptionsProp, value, defaultValue, }) {
-    // запоминаем опции тк RegExp - объект и при использовании литерала он будет каждый раз новым
-    const maskOptions = (0, react_1.useMemo)(() => ({
-        mask: maskOptionsProp.mask,
-        pattern: new RegExp(maskOptionsProp.pattern),
-        placeholder: maskOptionsProp.placeholder,
-    }), [maskOptionsProp.mask, maskOptionsProp.pattern, maskOptionsProp.placeholder]);
-    const input = (0, react_1.useRef)(null);
-    const [initialValue] = (0, react_1.useState)(defaultValue);
-    // mask options change: init new store
-    const createStore = (0, react_1.useCallback)(() => {
-        var _a;
-        const newStore = (0, utils_2.createInputMaskStore)(maskOptions);
-        newStore.dispatch(utils_2.actions.manualChange({ value: (_a = value !== null && value !== void 0 ? value : initialValue) !== null && _a !== void 0 ? _a : '' }));
-        return newStore;
-    }, [maskOptions, value, initialValue]);
-    const store = (0, react_1.useMemo)(createStore, [maskOptions]);
-    // ВАЖНО: состояние нужно для того, чтобы вызывать render при изменении состояния хранилища
-    // ВАЖНО: используем именно store.getState(), тк reducer может вернуть состояние без изменений
-    const [, setState] = (0, react_1.useState)(() => store.getState());
-    (0, hooks_1.useIsomorphicLayoutEffect)(() => {
-        const offList = [
-            store.subscribe(() => {
-                setState(store.getState());
-                if (input.current) {
-                    utils_1.State.applyDiff(store.getState(), input.current);
-                }
-            }),
-            (0, on_1.on)(document, 'selectionchange', () => {
-                if (input.current && input.current === document.activeElement) {
-                    store.dispatch(utils_2.actions.inputSelectionChange({ input: input.current }));
-                }
-            }),
-        ];
-        return () => offList.forEach(fn => fn());
-    }, [store]);
-    // value prop change: update state
-    const onValuePropChange = (0, react_1.useCallback)(() => {
-        if (typeof value !== 'undefined' &&
-            value !== utils_1.Value.toClean(maskOptions, store.getState().value)) {
-            store.dispatch(utils_2.actions.manualChange({ value }));
-        }
-    }, [value, store, maskOptions]);
-    (0, hooks_1.useIsomorphicLayoutEffect)(onValuePropChange, [value]);
-    // input change: update state
-    const onChange = (0, react_1.useCallback)(event => {
-        store.dispatch(utils_2.actions.inputChange({ input: event.target }));
-    }, [store]);
-    return {
-        store,
-        bind: {
-            ref: input,
-            value: store.getState().value,
-            onChange,
-        },
-    };
-}
-exports.useInputMask = useInputMask;
-//# sourceMappingURL=hook.js.map

package/masked-input/hook.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hook.js","sourceRoot":"","sources":["../../src/masked-input/hook.ts"],"names":[],"mappings":"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"}

package/masked-input/index.d.ts

@@ -1,5 +0,0 @@
-import type { MaskedInputProps, MaskData, UseInputMaskOptions, UseInputMaskResult } from './types';
-import { MaskedInput } from './masked-input';
-import { useInputMask } from './hook';
-export type { MaskedInputProps, MaskData, UseInputMaskOptions, UseInputMaskResult };
-export { MaskedInput, useInputMask };

package/masked-input/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInputMask = exports.MaskedInput = void 0;
-const masked_input_1 = require("./masked-input");
-Object.defineProperty(exports, "MaskedInput", { enumerable: true, get: function () { return masked_input_1.MaskedInput; } });
-const hook_1 = require("./hook");
-Object.defineProperty(exports, "useInputMask", { enumerable: true, get: function () { return hook_1.useInputMask; } });
-//# sourceMappingURL=index.js.map

package/masked-input/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/masked-input/index.ts"],"names":[],"mappings":";;;AACA,iDAA6C;AAIpC,4FAJA,0BAAW,OAIA;AAHpB,iCAAsC;AAGhB,6FAHb,mBAAY,OAGa"}

package/masked-input/masked-input.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { MaskedInputProps } from './types';
-/**
- * Поле ввода текста по маске.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function MaskedInput({ mask, placeholder, pattern, value, defaultValue, baseInputProps, onFocus, onChange, onBlur, inputRef, ...props }: MaskedInputProps): JSX.Element;

package/masked-input/masked-input.js

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MaskedInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const input_1 = require("../input");
-const utils_1 = require("@krutoo/input-mask/dist/dom/utils");
-const hook_1 = require("./hook");
-/**
- * Поле ввода текста по маске.
- * @param props Свойства.
- * @return Элемент.
- */
-function MaskedInput({ mask, placeholder = '_', pattern = '\\d', value, defaultValue, baseInputProps, onFocus, onChange, onBlur, inputRef, ...props }) {
-    var _a;
-    const { store, bind } = (0, hook_1.useInputMask)({
-        value,
-        defaultValue,
-        maskOptions: { mask, pattern, placeholder },
-    });
-    (0, react_1.useImperativeHandle)(inputRef, () => bind.ref.current);
-    const getData = (0, react_1.useCallback)(() => ({
-        value: store.getState().value,
-        cleanValue: utils_1.Value.toClean({ mask, placeholder }, store.getState().value),
-        completed: store.getState().value.length === mask.length,
-    }), [store, mask, placeholder]);
-    return ((0, jsx_runtime_1.jsx)(input_1.Input, { ...props, baseInputProps: {
-            ...baseInputProps,
-            restPlaceholder: (_a = baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.restPlaceholder) !== null && _a !== void 0 ? _a : {
-                value: mask.slice(store.getState().value.length),
-                shiftValue: store.getState().value,
-            },
-        }, inputRef: bind.ref, value: bind.value, onFocus: event => {
-            onFocus === null || onFocus === void 0 ? void 0 : onFocus(event, getData());
-        }, onChange: event => {
-            bind.onChange(event);
-            onChange === null || onChange === void 0 ? void 0 : onChange(event, getData());
-        }, onBlur: event => {
-            onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, getData());
-        } }));
-}
-exports.MaskedInput = MaskedInput;
-//# sourceMappingURL=masked-input.js.map

package/masked-input/masked-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"masked-input.js","sourceRoot":"","sources":["../../src/masked-input/masked-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyD;AACzD,oCAAiC;AACjC,6DAA0D;AAC1D,iCAAsC;AAGtC;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,WAAW,GAAG,GAAG,EACjB,OAAO,GAAG,KAAK,EACf,KAAK,EACL,YAAY,EACZ,cAAc,EACd,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACS;;IACjB,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAA,mBAAY,EAAC;QACnC,KAAK;QACL,YAAY;QACZ,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE;KAC5C,CAAC,CAAC;IAEH,IAAA,2BAAmB,EACjB,QAAQ,EACR,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,CACvB,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,GAAa,EAAE,CAAC,CAAC;QACf,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK;QAC7B,UAAU,EAAE,aAAK,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC;QACxE,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,MAAM;KACzD,CAAC,EACF,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,CAC3B,CAAC;IAEF,OAAO,CACL,uBAAC,aAAK,OACA,KAAK,EACT,cAAc,EAAE;YACd,GAAG,cAAc;YACjB,eAAe,EAAE,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,mCAAI;gBAClD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;gBAChD,UAAU,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK;aACnC;SACF,EACD,QAAQ,EAAE,IAAI,CAAC,GAAG,EAClB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,KAAK,CAAC,EAAE;YACf,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;QAC9B,CAAC,EACD,QAAQ,EAAE,KAAK,CAAC,EAAE;YAChB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;QAC/B,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,EAAE;YACd,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;QAC7B,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAzDD,kCAyDC"}

package/masked-input/types.d.ts

@@ -1,51 +0,0 @@
-import type { Action, Store } from 'redux';
-import type { InputState } from '@krutoo/input-mask/dist/core';
-import type { InputProps } from '../input';
-import type { ChangeEvent, ChangeEventHandler, FocusEvent, RefObject } from 'react';
-export interface InputMaskReactOptions {
-    /** Строковое представление маски. */
-    mask: string;
-    /** Символ, который в маске используется как обозначение вводимого места. */
-    placeholder: string;
-    /** Строковое представление регулярного выражения только доступных для ввода символов. */
-    pattern: string;
-}
-export interface MaskedInputProps extends Omit<InputProps, 'onFocus' | 'onChange' | 'onBlur'>, Pick<InputMaskReactOptions, 'mask'>, Partial<Omit<InputMaskReactOptions, 'mask'>> {
-    /** Сработает при фокусе. Вторым аргументом получит данные поля с маской. */
-    onFocus?: (event: FocusEvent<HTMLInputElement>, data: MaskData) => void;
-    /** Сработает при вводе. Вторым аргументом получит данные поля с маской. */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, data: MaskData) => void;
-    /** Сработает при "blur". Вторым аргументом получит данные поля с маской. */
-    onBlur?: (event: FocusEvent<HTMLInputElement>, data: MaskData) => void;
-}
-export interface MaskData {
-    /** Значение в поле. */
-    value: string;
-    /** Значение, очищенное от маски. */
-    cleanValue: string;
-    /** Заполнено ли значение по маске полностью. */
-    completed: boolean;
-}
-export interface UseInputMaskOptions {
-    maskOptions: InputMaskReactOptions;
-    value?: string;
-    defaultValue?: string;
-}
-export interface UseInputMaskResult {
-    /** Хранилище состояния поля. */
-    store: Store<InputState>;
-    /** Свойства, которые необходимо применить к элементу поля. */
-    bind: {
-        ref: RefObject<HTMLInputElement>;
-        value: string;
-        onChange: ChangeEventHandler<HTMLInputElement>;
-    };
-}
-export interface ActionCreator<P = never> {
-    (payload: P): Action<string> & {
-        payload: P;
-    };
-    is(action: Action): action is Action<string> & {
-        payload: P;
-    };
-}

package/masked-input/utils.d.ts

@@ -1,15 +0,0 @@
-import { InputState, ReducerOptions } from '@krutoo/input-mask/dist/core';
-import { Store } from 'redux';
-import { ActionCreator } from './types';
-export declare const actions: {
-    readonly manualChange: ActionCreator<{
-        value: string;
-    }>;
-    readonly inputChange: ActionCreator<{
-        input: HTMLInputElement;
-    }>;
-    readonly inputSelectionChange: ActionCreator<{
-        input: HTMLInputElement;
-    }>;
-};
-export declare function createInputMaskStore(options: ReducerOptions, initialState?: InputState): Store<InputState>;

package/masked-input/utils.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createInputMaskStore = exports.actions = void 0;
-/* eslint-disable require-jsdoc, jsdoc/require-jsdoc */
-const core_1 = require("@krutoo/input-mask/dist/core");
-const utils_1 = require("@krutoo/input-mask/dist/dom/utils");
-const redux_1 = require("redux");
-exports.actions = {
-    manualChange: createAction('manual/change'),
-    inputChange: createAction('input/change'),
-    inputSelectionChange: createAction('input/selection-change'),
-};
-function createInputMaskStore(options, initialState) {
-    const reducer = createDomReducer(options);
-    return (0, redux_1.legacy_createStore)(reducer, initialState);
-}
-exports.createInputMaskStore = createInputMaskStore;
-function createDomReducer(options) {
-    const innerReducer = (0, core_1.createReducer)(options);
-    function processState(a, b) {
-        return innerReducer(a, (0, core_1.defineChanges)(a, b));
-    }
-    const initialState = utils_1.State.init(options);
-    return function reducer(state = initialState, action) {
-        let result = state;
-        if (exports.actions.inputChange.is(action)) {
-            result = processState(state, utils_1.State.fromTarget(action.payload.input));
-        }
-        else if (exports.actions.inputSelectionChange.is(action)) {
-            result = utils_1.State.fromTarget(action.payload.input);
-        }
-        else if (exports.actions.manualChange.is(action)) {
-            // мы не знаем какое значение передано (clean или masked) поэтому берем из него только подходящие символы
-            const validCleanValue = action.payload.value
-                .split('')
-                .filter(c => c.match(options.pattern))
-                .join('');
-            const newMaskedValue = utils_1.Value.toMasked(options, validCleanValue);
-            const firstPlace = options.mask.indexOf(options.placeholder);
-            result = processState(utils_1.State.of(state.value, utils_1.Range.of(firstPlace, state.value.length)), utils_1.State.of(newMaskedValue, utils_1.Range.of(newMaskedValue.length)));
-        }
-        return result;
-    };
-}
-function createAction(type) {
-    const creator = payload => ({ type, payload });
-    creator.is = (action) => action.type === type;
-    return creator;
-}
-//# sourceMappingURL=utils.js.map

package/masked-input/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/masked-input/utils.ts"],"names":[],"mappings":";;;AAAA,uDAAuD;AACvD,uDAKsC;AACtC,6DAAwE;AACxE,iCAAyE;AAG5D,QAAA,OAAO,GAAG;IACrB,YAAY,EAAE,YAAY,CAAoB,eAAe,CAAC;IAC9D,WAAW,EAAE,YAAY,CAA8B,cAAc,CAAC;IACtE,oBAAoB,EAAE,YAAY,CAA8B,wBAAwB,CAAC;CACjF,CAAC;AAEX,SAAgB,oBAAoB,CAClC,OAAuB,EACvB,YAAyB;IAEzB,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE1C,OAAO,IAAA,0BAAW,EAAC,OAAO,EAAE,YAAY,CAAC,CAAC;AAC5C,CAAC;AAPD,oDAOC;AAED,SAAS,gBAAgB,CAAC,OAAuB;IAC/C,MAAM,YAAY,GAAG,IAAA,oBAAa,EAAC,OAAO,CAAC,CAAC;IAE5C,SAAS,YAAY,CAAC,CAAa,EAAE,CAAa;QAChD,OAAO,YAAY,CAAC,CAAC,EAAE,IAAA,oBAAa,EAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM,YAAY,GAAe,aAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAErD,OAAO,SAAS,OAAO,CAAC,QAAoB,YAAY,EAAE,MAAc;QACtE,IAAI,MAAM,GAAe,KAAK,CAAC;QAE/B,IAAI,eAAO,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;YAClC,MAAM,GAAG,YAAY,CAAC,KAAK,EAAE,aAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;SACtE;aAAM,IAAI,eAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;YAClD,MAAM,GAAG,aAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SACjD;aAAM,IAAI,eAAO,CAAC,YAAY,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE;YAC1C,yGAAyG;YACzG,MAAM,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK;iBACzC,KAAK,CAAC,EAAE,CAAC;iBACT,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;iBACrC,IAAI,CAAC,EAAE,CAAC,CAAC;YAEZ,MAAM,cAAc,GAAG,aAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;YAChE,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAE7D,MAAM,GAAG,YAAY,CACnB,aAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,aAAK,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAC/D,aAAK,CAAC,EAAE,CAAC,cAAc,EAAE,aAAK,CAAC,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAC1D,CAAC;SACH;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,YAAY,CAAY,IAAY;IAC3C,MAAM,OAAO,GAAqB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC;IAEjE,OAAO,CAAC,EAAE,GAAG,CAAC,MAAc,EAA6C,EAAE,CAAC,MAAM,CAAC,IAAI,KAAK,IAAI,CAAC;IAEjG,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/modal/index.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { ModalBody, ModalFooter, ModalHeader, ModalOverlap } from './slots';
-import { WithPageScrollLock } from '../_internal/page-scroll-lock';
-export type ModalSize = 's' | 'm' | 'l' | 'xl' | 'fullscreen';
-export interface ModalProps extends WithPageScrollLock {
-    /** Содержимое компонента. */
-    children?: React.ReactNode;
-    /** Высота в пикселях. */
-    height?: number;
-    /** Будет вызвана при нажатии на кнопку "назад" в топ баре. */
-    onBack?: () => void;
-    /** Будет вызвана при закрытии окна. */
-    onClose?: () => void;
-    /** Размер окна. */
-    size?: ModalSize;
-    /** Нужно ли выводить заглушку вместо футера если он не задан. */
-    footerStub?: boolean;
-    /** Идентификатор для систем автоматизированного тестирования. */
-    'data-testid'?: string;
-}
-/**
- * Компонент модального окна.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function Modal({ children, height, onClose, scrollDisableOptions, size, footerStub, withScrollDisable, 'data-testid': testId, }: ModalProps): JSX.Element;
-export declare namespace Modal {
-    var Header: typeof ModalHeader;
-    var Body: typeof ModalBody;
-    var Footer: typeof ModalFooter;
-    var Overlap: typeof ModalOverlap;
-}

package/modal/index.js

@@ -1,48 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("./utils");
-const slots_1 = require("./slots");
-const modal_overlay_1 = require("../modal-overlay");
-const plate_1 = require("../plate");
-const define_slots_1 = require("../helpers/define-slots");
-const utils_2 = require("../modal-overlay/utils");
-const bind_1 = __importDefault(require("classnames/bind"));
-const modal_module_scss_1 = __importDefault(require("./modal.module.scss"));
-const cx = bind_1.default.bind(modal_module_scss_1.default);
-/**
- * Компонент модального окна.
- * @param props Свойства.
- * @return Элемент.
- */
-function Modal({ children, height, onClose, scrollDisableOptions, size = 'm', footerStub = size !== 'fullscreen', withScrollDisable = false, 'data-testid': testId = 'modal', }) {
-    const overlayClickBind = (0, utils_2.useExactClick)(onClose);
-    const fullscreen = size === 'fullscreen';
-    const { header, content, footer, overlap } = (0, define_slots_1.defineSlots)(children, {
-        header: slots_1.ModalHeader,
-        content: slots_1.ModalBody,
-        footer: slots_1.ModalFooter,
-        overlap: slots_1.ModalOverlap,
-    });
-    const style = {
-        '--modal-height': typeof height === 'number' && Number.isFinite(height)
-            ? `${Math.min(696, height)}px`
-            : undefined,
-    };
-    return ((0, jsx_runtime_1.jsx)(modal_overlay_1.ModalOverlay, { className: cx('overlay'), ...overlayClickBind, children: (0, jsx_runtime_1.jsx)(plate_1.Plate, { rounds: null, shadow: fullscreen ? null : 'z4', style: style, className: cx('modal', `size-${size}`, header && 'has-header', footer && 'has-footer'), "data-testid": testId, children: (0, jsx_runtime_1.jsxs)(utils_1.ModalContext.Provider, { value: {
-                    withScrollDisable,
-                    scrollDisableOptions,
-                    topBarSize: 'unset',
-                    bottomBarSize: 'unset',
-                }, children: [header, content, footer, !footer && footerStub && (0, jsx_runtime_1.jsx)("div", { className: cx('footer-stub') }), overlap && ((0, jsx_runtime_1.jsx)("div", { className: cx('overlap-content'), "data-testid": 'modal:overlap', children: overlap }))] }) }) }));
-}
-exports.Modal = Modal;
-Modal.Header = slots_1.ModalHeader;
-Modal.Body = slots_1.ModalBody;
-Modal.Footer = slots_1.ModalFooter;
-Modal.Overlap = slots_1.ModalOverlap;
-//# sourceMappingURL=index.js.map