@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.50

package/input/input.module.scss

@@ -1,20 +0,0 @@
-@use '../colors';
-
-.main {
-  display: flex;
-  width: 100%;
-}
-
-.input {
-  min-width: 0;
-  width: 0;
-  flex-grow: 1;
-  background: inherit;
-  font: inherit;
-  line-height: inherit;
-}
-
-.clear-button {
-  fill: colors.$basic-gray38;
-  cursor: pointer;
-}

package/input/utils.js

@@ -1,71 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFieldMouseDown = exports.useFilledState = exports.definePlaceholderColor = exports.defineFilled = void 0;
-const react_1 = require("react");
-const colors_1 = require("../colors");
-/**
- * Получив значения value и defaultValue для поля, определяет является ли оно заполненным.
- * @param value Значение value.
- * @param defaultValue Значение defaultValue.
- * @return Является ли поле заполненным.
- */
-function defineFilled(value, defaultValue) {
-    return [value, defaultValue].some(v => typeof v !== 'undefined' && `${v}` !== '');
-}
-exports.defineFilled = defineFilled;
-/**
- * Получи информацию о состоянии поля возвращает цвет placeholder.
- * @param state Состояние.
- * @return Цвет.
- */
-function definePlaceholderColor({ failed, disabled, }) {
-    let placeholderColor = undefined;
-    switch (true) {
-        case failed:
-            placeholderColor = colors_1.COLORS.get('additional-deep-red');
-            break;
-        case disabled:
-            placeholderColor = colors_1.COLORS.get('basic-gray24');
-            break;
-        case !disabled:
-            placeholderColor = colors_1.COLORS.get('basic-gray38');
-            break;
-    }
-    return placeholderColor;
-}
-exports.definePlaceholderColor = definePlaceholderColor;
-/**
- * Хук состояния заполненности поля текстовым значением.
- * @param ref Ref элемента поля.
- * @param affectProps Свойства, влияющие на состояние заполненности.
- * @return Кортеж: состояние; функция обновления состояния.
- */
-function useFilledState(ref, { value, defaultValue, }) {
-    const [filled, setFilled] = (0, react_1.useState)(() => defineFilled(value, defaultValue));
-    const updateFilled = (0, react_1.useCallback)(event => {
-        setFilled(Boolean(event.currentTarget.value));
-    }, []);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        setFilled(Boolean((_a = ref.current) === null || _a === void 0 ? void 0 : _a.value));
-    });
-    return [filled, updateFilled];
-}
-exports.useFilledState = useFilledState;
-/**
- * Хук, формирующий callback события mousedown на блоке поля, фокусирующий пользователя на поле.
- * @param fieldRef Ref элемента поля.
- * @param callback Будет вызвана по событию mousedown.
- * @return Функция обратного вызова.
- */
-function useFieldMouseDown(fieldRef, callback) {
-    return (0, react_1.useCallback)(event => {
-        const field = fieldRef.current;
-        callback === null || callback === void 0 ? void 0 : callback(event);
-        if (!event.defaultPrevented && field && event.target !== field) {
-            event.preventDefault();
-            field.focus();
-        }
-    }, [fieldRef, callback]);
-}
-exports.useFieldMouseDown = useFieldMouseDown;

package/layout/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesktopLayout = exports.MobileLayout = exports.Layout = void 0;
-const layout_1 = require("./layout");
-Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return layout_1.Layout; } });
-const legacy_1 = require("./legacy");
-Object.defineProperty(exports, "MobileLayout", { enumerable: true, get: function () { return legacy_1.MobileLayout; } });
-Object.defineProperty(exports, "DesktopLayout", { enumerable: true, get: function () { return legacy_1.DesktopLayout; } });

package/layout/layout.d.ts

@@ -1,10 +0,0 @@
-import { Ref } from 'react';
-import { LayoutProps } from './types';
-/**
- * Контейнер, формирующий отступы по горизонтали в соответствии с дизайн-гайдами.
- * @param props Свойства.
- * @return Элемент.
- */
-export declare function Layout({ children, className, disabledOn, rootRef, ...rest }: Omit<LayoutProps, 'element'> & {
-    rootRef?: Ref<HTMLDivElement>;
-}): JSX.Element;

package/layout/layout.js

@@ -1,32 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Layout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const bind_1 = __importDefault(require("classnames/bind"));
-const layout_module_scss_1 = __importDefault(require("./layout.module.scss"));
-const cx = bind_1.default.bind(layout_module_scss_1.default);
-/**
- * Контейнер, формирующий отступы по горизонтали в соответствии с дизайн-гайдами.
- * @param props Свойства.
- * @return Элемент.
- */
-function Layout(_a) {
-    var { children, className, disabledOn = [], rootRef } = _a, rest = __rest(_a, ["children", "className", "disabledOn", "rootRef"]);
-    const rootClassName = cx('layout', className, disabledOn.map(key => `disabled-${key}`));
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, rest, { ref: rootRef, className: rootClassName }, { children: children })));
-}
-exports.Layout = Layout;

package/layout/layout.module.scss

@@ -1,56 +0,0 @@
-@use '../breakpoints';
-
-.layout {
-  @each $key, $val in breakpoints.$map {
-    @include breakpoints.up($key) {
-      &.disabled-#{$key} {
-        width: auto;
-        max-width: none;
-        padding-left: 0;
-        padding-right: 0;
-        margin-left: 0;
-        margin-right: 0;
-      }
-      &:not(.disabled-#{$key}) {
-        // ВАЖНО: не используем 100vw так как при использовании 100vw не вычитается ширина полосы прокрутки страницы
-        width: 100%;
-        max-width: var(--layout-fixed-width);
-        margin-left: auto;
-        margin-right: auto;
-        padding-left: var(--layout-fluid-gutter);
-        padding-right: var(--layout-fluid-gutter);
-      }
-    }
-  }
-  @include breakpoints.up('mxs') {
-    --layout-fixed-width: initial;
-    --layout-fluid-gutter: 16px;
-  }
-  @include breakpoints.up('mm') {
-    --layout-fixed-width: 656px;
-    --layout-fluid-gutter: initial;
-  }
-  @include breakpoints.up('ml') {
-    --layout-fixed-width: 672px;
-    --layout-fluid-gutter: initial;
-  }
-  @include breakpoints.up('xs') {
-    --layout-fixed-width: initial;
-    --layout-fluid-gutter: 64px;
-  }
-  @include breakpoints.up('l') {
-    --layout-fixed-width: 1472px;
-    --layout-fluid-gutter: initial;
-  }
-  @include breakpoints.up('xl') {
-    --layout-fixed-width: 1504px;
-    --layout-fluid-gutter: initial;
-  }
-
-  // пока что не даём использовать приватные переменные чтобы не раскрывать принцип работы
-  // так как он может измениться
-  *:not(.layout) {
-    --layout-fixed-width: initial;
-    --layout-fluid-gutter: initial;
-  }
-}

package/layout/legacy.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { LayoutProps } from './types';
-/**
- * @deprecated На адаптивных страницах стоит использовать Layout.
- */
-declare const DesktopLayout: import("react").ForwardRefExoticComponent<LayoutProps & {
-    element?: string | undefined;
-} & import("react").RefAttributes<HTMLElement>>;
-/**
- * @deprecated На адаптивных страницах стоит использовать Layout.
- */
-declare const MobileLayout: import("react").ForwardRefExoticComponent<LayoutProps & {
-    element?: string | undefined;
-} & import("react").RefAttributes<HTMLElement>>;
-export { DesktopLayout, MobileLayout };

package/layout/legacy.js

@@ -1,46 +0,0 @@
-"use strict";
-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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileLayout = exports.DesktopLayout = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const bind_1 = __importDefault(require("classnames/bind"));
-const legacy_module_scss_1 = __importDefault(require("./legacy.module.scss"));
-const cx = bind_1.default.bind(legacy_module_scss_1.default);
-/**
- * Возвращает созданный функциональный компонент, формирующий Layout.
- * @param specificClass Специальный класс.
- * @param displayName Отображаемое имя компонента.
- * @return Элемент.
- */
-const createLayout = (specificClass, displayName) => {
-    const Component = (0, react_1.forwardRef)((_a, ref) => {
-        var { className, element: Element = 'div', disabledOn = [] } = _a, restProps = __rest(_a, ["className", "element", "disabledOn"]);
-        return ((0, jsx_runtime_1.jsx)(Element, Object.assign({}, restProps, { ref: ref, className: cx('layout', specificClass, className, disabledOn.map(key => `disabled-${key}`)) })));
-    });
-    Component.displayName = displayName;
-    return Component;
-};
-/**
- * @deprecated На адаптивных страницах стоит использовать Layout.
- */
-const DesktopLayout = createLayout('desktop', 'DesktopLayout');
-exports.DesktopLayout = DesktopLayout;
-/**
- * @deprecated На адаптивных страницах стоит использовать Layout.
- */
-const MobileLayout = createLayout('mobile', 'MobileLayout');
-exports.MobileLayout = MobileLayout;

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/layout/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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,46 +0,0 @@
-"use strict";
-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;
-};
-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(_a, ref) {
-    var { children, className, color = 'basic-blue', disabled, noIndex = false, pseudo, role, tabIndex, underline, 'data-testid': testId = 'anchor' } = _a, restProps = __rest(_a, ["children", "className", "color", "disabled", "noIndex", "pseudo", "role", "tabIndex", "underline", 'data-testid']);
-    const baseProps = pseudo
-        ? {
-            role: role || 'button',
-            tabIndex: disabled ? undefined : tabIndex || 0,
-        }
-        : { role, tabIndex };
-    return ((0, jsx_runtime_1.jsx)("a", Object.assign({}, baseProps, restProps, { "data-testid": testId, ref: ref, className: cx('link', className, color, { disabled, underline }) }, getContentProps(children, noIndex))));
-});

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,19 +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", Object.assign({ className: cx('loading-overlay', fill && 'fill', className), style: style }, { children: (0, jsx_runtime_1.jsx)(spinner_1.Spinner, Object.assign({}, spinnerProps)) })));
-exports.LoadingOverlay = LoadingOverlay;

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,49 +0,0 @@
-"use strict";
-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;
-};
-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(_a, ref) {
-    var { mask, value = '', onBlur } = _a, restOptions = __rest(_a, ["mask", "value", "onBlur"]);
-    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, Object.assign(Object.assign({}, 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, Object.assign({}, 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) })));
-});

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,72 +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;

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,7 +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; } });

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,51 +0,0 @@
-"use strict";
-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;
-};
-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(_a) {
-    var _b;
-    var { mask, placeholder = '_', pattern = '\\d', value, defaultValue, baseInputProps, onFocus, onChange, onBlur, inputRef } = _a, props = __rest(_a, ["mask", "placeholder", "pattern", "value", "defaultValue", "baseInputProps", "onFocus", "onChange", "onBlur", "inputRef"]);
-    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, Object.assign({}, props, { baseInputProps: Object.assign(Object.assign({}, baseInputProps), { restPlaceholder: (_b = baseInputProps === null || baseInputProps === void 0 ? void 0 : baseInputProps.restPlaceholder) !== null && _b !== void 0 ? _b : {
-                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;