infinity-forge 0.51.9 → 0.52.0

package/dist/ui/components/form/input-mask/lib/core/hooks/useInput.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import type { CustomInputEvent, CustomInputEventHandler, Init, Tracking } from '../types.js';
+interface UseInputParam<D> {
+    init: Init;
+    tracking: Tracking<D>;
+    eventType?: string;
+    eventHandler?: CustomInputEventHandler<CustomInputEvent<D>>;
+}
+/**
+ * Хук контроля события изменения ввода позволяет выполнять логику и изменять
+ * аттрибуты `input` элемента на определённых этапах трекинга события.
+ * @param param
+ * @returns
+ */
+export default function useInput<D = unknown>({ init, tracking, eventType, eventHandler, }: UseInputParam<D>): React.MutableRefObject<HTMLInputElement | null>;
+export {};

package/dist/ui/components/form/input-mask/lib/core/hooks/useInput.js

@@ -0,0 +1,255 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+var react_dom_1 = require("react-dom");
+var SyntheticChangeError_1 = __importDefault(require("../errors/SyntheticChangeError.js"));
+var setInputAttributes_1 = __importDefault(require("../utils/setInputAttributes.js"));
+var TYPES = ['text', 'email', 'tel', 'search', 'url'];
+function proxy(inputRef, init, _a) {
+    var onFocus = _a.onFocus, onBlur = _a.onBlur, onInput = _a.onInput;
+    return new Proxy(inputRef, {
+        set: function (target, property, inputElement) {
+            var _a;
+            if (property !== 'current') {
+                return false;
+            }
+            var isValidType = inputElement !== null && TYPES.includes(inputElement.type);
+            if (process.env.NODE_ENV !== 'production' && inputElement !== null && !isValidType) {
+                console.warn("Warn: The input element type does not match one of the types: ".concat(TYPES.join(', '), "."));
+            }
+            if (inputElement !== inputRef.current) {
+                if (inputRef.current !== null) {
+                    inputRef.current.removeEventListener('focus', onFocus);
+                    inputRef.current.removeEventListener('blur', onBlur);
+                    inputRef.current.removeEventListener('input', onInput);
+                }
+                if (inputElement !== null && isValidType) {
+                    var _b = (_a = inputElement._wrapperState) !== null && _a !== void 0 ? _a : {}, _c = _b.controlled, controlled = _c === void 0 ? false : _c, _d = _b.initialValue, initialValue = _d === void 0 ? '' : _d;
+                    // При создании `input` элемента возможно программное изменение свойства `value`, что может
+                    // сказаться на отображении состояния элемента, поэтому важно учесть свойство `value` в приоритете
+                    // ISSUE: https://github.com/GoncharukBro/react-input/issues/3
+                    var initResult = init({ controlled: controlled, initialValue: inputElement.value || initialValue });
+                    // Поскольку в предыдущем шаге возможно изменение инициализированного значения, мы
+                    // также должны изменить значение элемента, при этом мы не должны устанавливать
+                    // позицию каретки, так как установка позиции здесь приведёт к автофокусу
+                    (0, setInputAttributes_1.default)(inputElement, { value: initResult.value });
+                    // Событие `focus` не сработает при рендере, даже если включено свойство `autoFocus`,
+                    // поэтому нам необходимо запустить определение позиции курсора вручную при автофокусе
+                    if (document.activeElement === inputElement) {
+                        onFocus();
+                    }
+                    inputElement.addEventListener('focus', onFocus);
+                    inputElement.addEventListener('blur', onBlur);
+                    inputElement.addEventListener('input', onInput);
+                }
+            }
+            target[property] = inputElement;
+            return true;
+        },
+    });
+}
+/**
+ * Хук контроля события изменения ввода позволяет выполнять логику и изменять
+ * аттрибуты `input` элемента на определённых этапах трекинга события.
+ * @param param
+ * @returns
+ */
+function useInput(_a) {
+    var init = _a.init, tracking = _a.tracking, eventType = _a.eventType, eventHandler = _a.eventHandler;
+    var selection = (0, react_1.useRef)({
+        timeoutId: -1,
+        fallbackTimeoutId: -1,
+        cachedTimeoutId: -1,
+        start: 0,
+        end: 0,
+    });
+    var dispatchedCustomInputEvent = (0, react_1.useRef)(true);
+    var inputRef = (0, react_1.useRef)(null);
+    var props = (0, react_1.useRef)({
+        init: init,
+        tracking: tracking,
+        eventType: eventType,
+        eventHandler: eventHandler,
+    });
+    props.current.init = init;
+    props.current.tracking = tracking;
+    props.current.eventType = eventType;
+    props.current.eventHandler = eventHandler;
+    return (0, react_1.useMemo)(function () {
+        return proxy(inputRef, props.current.init, {
+            /**
+             *
+             * Handle focus
+             *
+             */
+            onFocus: function () {
+                var setSelection = function () {
+                    var _a, _b, _c, _d;
+                    // Позиция курсора изменяется после завершения события `change` и к срабатыванию кастомного
+                    // события позиция курсора может быть некорректной, что может повлечь за собой ошибки
+                    if (dispatchedCustomInputEvent.current) {
+                        selection.current.start = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) !== null && _b !== void 0 ? _b : 0;
+                        selection.current.end = (_d = (_c = inputRef.current) === null || _c === void 0 ? void 0 : _c.selectionEnd) !== null && _d !== void 0 ? _d : 0;
+                        selection.current.timeoutId = window.setTimeout(setSelection);
+                    }
+                    else {
+                        selection.current.fallbackTimeoutId = window.setTimeout(setSelection);
+                    }
+                };
+                selection.current.timeoutId = window.setTimeout(setSelection);
+            },
+            /**
+             *
+             * Handle blur
+             *
+             */
+            onBlur: function () {
+                window.clearTimeout(selection.current.timeoutId);
+                window.clearTimeout(selection.current.fallbackTimeoutId);
+                selection.current.timeoutId = -1;
+                selection.current.fallbackTimeoutId = -1;
+                selection.current.cachedTimeoutId = -1;
+            },
+            /**
+             *
+             * Handle input
+             *
+             */
+            onInput: function (event) {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+                var inputElement = inputRef.current;
+                if (inputElement === null) {
+                    return;
+                }
+                try {
+                    // Если событие вызывается слишком часто, смена курсора может не поспеть за новым событием,
+                    // поэтому сравниваем `timeoutId` кэшированный и текущий для избежания некорректного поведения маски
+                    if (selection.current.cachedTimeoutId === selection.current.timeoutId) {
+                        throw new SyntheticChangeError_1.default('The input selection has not been updated.');
+                    }
+                    selection.current.cachedTimeoutId = selection.current.timeoutId;
+                    var value = inputElement.value, selectionStart = inputElement.selectionStart, selectionEnd = inputElement.selectionEnd;
+                    if (selectionStart === null || selectionEnd === null) {
+                        throw new SyntheticChangeError_1.default('The selection attributes have not been initialized.');
+                    }
+                    var previousValue = (_c = (_b = (_a = inputElement._valueTracker) === null || _a === void 0 ? void 0 : _a.getValue) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : '';
+                    var inputType = void 0;
+                    // Определяем тип ввода (ручное определение типа ввода способствует кроссбраузерности)
+                    if (selectionStart > selection.current.start) {
+                        inputType = 'insert';
+                    }
+                    else if (selectionStart <= selection.current.start && selectionStart < selection.current.end) {
+                        inputType = 'deleteBackward';
+                    }
+                    else if (selectionStart === selection.current.end && value.length < previousValue.length) {
+                        inputType = 'deleteForward';
+                    }
+                    if (inputType === undefined ||
+                        ((inputType === 'deleteBackward' || inputType === 'deleteForward') && value.length > previousValue.length)) {
+                        throw new SyntheticChangeError_1.default('Input type detection error.');
+                    }
+                    var addedValue = '';
+                    var deletedValue = '';
+                    var changeStart = selection.current.start;
+                    var changeEnd = selection.current.end;
+                    if (inputType === 'insert') {
+                        addedValue = value.slice(selection.current.start, selectionStart);
+                    }
+                    else {
+                        // Для `delete` нам необходимо определить диапазон удаленных символов, так как
+                        // при удалении без выделения позиция каретки "до" и "после" будут совпадать
+                        var countDeleted = previousValue.length - value.length;
+                        changeStart = selectionStart;
+                        changeEnd = selectionStart + countDeleted;
+                        deletedValue = previousValue.slice(changeStart, changeEnd);
+                    }
+                    var trackingResult_1 = props.current.tracking({
+                        inputType: inputType,
+                        previousValue: previousValue,
+                        value: value,
+                        addedValue: addedValue,
+                        deletedValue: deletedValue,
+                        changeStart: changeStart,
+                        changeEnd: changeEnd,
+                        selectionStart: selectionStart,
+                        selectionEnd: selectionEnd,
+                    });
+                    (0, setInputAttributes_1.default)(inputElement, {
+                        value: trackingResult_1.value,
+                        selectionStart: trackingResult_1.selectionStart,
+                        selectionEnd: trackingResult_1.selectionEnd,
+                    });
+                    var customEventType_1 = props.current.eventType;
+                    var customEventHandler_1 = props.current.eventHandler;
+                    if (typeof customEventType_1 === 'string' && customEventHandler_1) {
+                        var value_1 = inputElement.value, selectionStart_1 = inputElement.selectionStart, selectionEnd_1 = inputElement.selectionEnd;
+                        dispatchedCustomInputEvent.current = false;
+                        // Генерируем и отправляем пользовательское событие. Нулевой `requestAnimationFrame` необходим для
+                        // запуска события в асинхронном режиме, в противном случае возможна ситуация, когда компонент
+                        // будет повторно отрисован с предыдущим значением, из-за обновления состояние после события `change`.
+                        // Важно использовать именно `requestAnimationFrame`, а не `setTimeout` чтобы не было заметно обновление
+                        // позиции каретки при вызове `setInputAttributes`
+                        requestAnimationFrame(function () {
+                            // После изменения состояния при событии `change` мы можем столкнуться с ситуацией,
+                            // когда значение `input` элемента не будет равно маскированному значению, что отразится
+                            // на данных передаваемых `event.target`. Поэтому устанавливаем предыдущее значение
+                            (0, setInputAttributes_1.default)(inputElement, {
+                                value: value_1,
+                                selectionStart: selectionStart_1 !== null && selectionStart_1 !== void 0 ? selectionStart_1 : value_1.length,
+                                selectionEnd: selectionEnd_1 !== null && selectionEnd_1 !== void 0 ? selectionEnd_1 : value_1.length,
+                            });
+                            var customInputEvent = new CustomEvent(customEventType_1, {
+                                bubbles: true,
+                                cancelable: false,
+                                composed: true,
+                                detail: trackingResult_1.__detail,
+                            });
+                            inputElement.dispatchEvent(customInputEvent);
+                            if (react_dom_1.unstable_batchedUpdates) {
+                                (0, react_dom_1.unstable_batchedUpdates)(customEventHandler_1, customInputEvent);
+                            }
+                            else {
+                                customEventHandler_1(customInputEvent);
+                            }
+                            dispatchedCustomInputEvent.current = true;
+                        });
+                    }
+                    // После изменения значения в кастомном событии (`dispatchCustomInputEvent`) событие `change`
+                    // срабатывать не будет, так как предыдущее и текущее состояние внутри `input` совпадают. Чтобы
+                    // обойти эту проблему с версии React 16, устанавливаем предыдущее состояние на отличное от текущего.
+                    (_e = (_d = inputElement._valueTracker) === null || _d === void 0 ? void 0 : _d.setValue) === null || _e === void 0 ? void 0 : _e.call(_d, previousValue);
+                    // Чтобы гарантировать правильное позиционирование каретки, обновляем
+                    // значения `selection` перед последующим вызовом функции обработчика `input`
+                    selection.current.start = trackingResult_1.selectionStart;
+                    selection.current.end = trackingResult_1.selectionEnd;
+                }
+                catch (error) {
+                    var _s = error, name_1 = _s.name, cause = _s.cause;
+                    (0, setInputAttributes_1.default)(inputElement, {
+                        value: (_k = (_g = (_f = cause === null || cause === void 0 ? void 0 : cause.__attributes) === null || _f === void 0 ? void 0 : _f.value) !== null && _g !== void 0 ? _g : (_j = (_h = inputElement._valueTracker) === null || _h === void 0 ? void 0 : _h.getValue) === null || _j === void 0 ? void 0 : _j.call(_h)) !== null && _k !== void 0 ? _k : '',
+                        selectionStart: (_m = (_l = cause === null || cause === void 0 ? void 0 : cause.__attributes) === null || _l === void 0 ? void 0 : _l.selectionStart) !== null && _m !== void 0 ? _m : selection.current.start,
+                        selectionEnd: (_p = (_o = cause === null || cause === void 0 ? void 0 : cause.__attributes) === null || _o === void 0 ? void 0 : _o.selectionEnd) !== null && _p !== void 0 ? _p : selection.current.end,
+                    });
+                    // Чтобы гарантировать правильное позиционирование каретки, обновляем
+                    // значения `selection` перед последующим вызовом функции обработчика `input`
+                    if (((_q = cause === null || cause === void 0 ? void 0 : cause.__attributes) === null || _q === void 0 ? void 0 : _q.selectionStart) !== undefined) {
+                        selection.current.start = cause.__attributes.selectionStart;
+                    }
+                    if (((_r = cause === null || cause === void 0 ? void 0 : cause.__attributes) === null || _r === void 0 ? void 0 : _r.selectionEnd) !== undefined) {
+                        selection.current.end = cause.__attributes.selectionEnd;
+                    }
+                    event.preventDefault();
+                    event.stopPropagation();
+                    if (name_1 !== 'SyntheticChangeError') {
+                        throw error;
+                    }
+                }
+            },
+        });
+    }, []);
+}
+exports.default = useInput;
+//# sourceMappingURL=useInput.js.map

package/dist/ui/components/form/input-mask/lib/core/hooks/useInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInput.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-mask/lib/core/hooks/useInput.ts"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-mask/lib/core/index.d.ts

@@ -0,0 +1,5 @@
+export { default as SyntheticChangeError } from './errors/SyntheticChangeError.js';
+export { default as useConnectedInputRef } from './hooks/useConnectedInputRef.js';
+export { default as useInput } from './hooks/useInput.js';
+export { default as setInputAttributes } from './utils/setInputAttributes.js';
+export type * from './types.js';

package/dist/ui/components/form/input-mask/lib/core/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setInputAttributes = exports.useInput = exports.useConnectedInputRef = exports.SyntheticChangeError = void 0;
+var SyntheticChangeError_1 = require("./errors/SyntheticChangeError.js");
+Object.defineProperty(exports, "SyntheticChangeError", { enumerable: true, get: function () { return __importDefault(SyntheticChangeError_1).default; } });
+var useConnectedInputRef_1 = require("./hooks/useConnectedInputRef.js");
+Object.defineProperty(exports, "useConnectedInputRef", { enumerable: true, get: function () { return __importDefault(useConnectedInputRef_1).default; } });
+var useInput_1 = require("./hooks/useInput.js");
+Object.defineProperty(exports, "useInput", { enumerable: true, get: function () { return __importDefault(useInput_1).default; } });
+var setInputAttributes_1 = require("./utils/setInputAttributes.js");
+Object.defineProperty(exports, "setInputAttributes", { enumerable: true, get: function () { return __importDefault(setInputAttributes_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-mask/lib/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-mask/lib/core/index.ts"],"names":[],"mappings":";;;;;;AAAA,sEAAgF;AAAvE,6IAAA,OAAO,OAAwB;AACxC,qEAA+E;AAAtE,6IAAA,OAAO,OAAwB;AACxC,6CAAuD;AAA9C,qHAAA,OAAO,OAAY;AAC5B,iEAA2E;AAAlE,yIAAA,OAAO,OAAsB"}

package/dist/ui/components/form/input-mask/lib/core/types.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+export interface CustomInputEvent<D = unknown> extends CustomEvent<D> {
+    target: EventTarget & HTMLInputElement;
+}
+export type CustomInputEventHandler<E extends CustomInputEvent> = {
+    bivarianceHack(event: E): void;
+}['bivarianceHack'];
+export type InputType = 'insert' | 'deleteBackward' | 'deleteForward';
+export interface InputAttributes {
+    value: string;
+    selectionStart: number;
+    selectionEnd: number;
+}
+interface InitParam {
+    controlled: boolean;
+    initialValue: string;
+}
+export type Init = (param: InitParam) => Pick<InputAttributes, 'value'>;
+interface TrackingParam {
+    inputType: InputType;
+    value: string;
+    addedValue: string;
+    deletedValue: string;
+    previousValue: string;
+    changeStart: number;
+    changeEnd: number;
+    selectionStart: number;
+    selectionEnd: number;
+}
+export type Tracking<D = unknown> = (param: TrackingParam) => InputAttributes & {
+    __detail?: D;
+};
+export interface ExtendedHTMLInputElement extends HTMLInputElement {
+    _wrapperState?: {
+        controlled?: boolean;
+        initialValue?: string;
+    };
+    _valueTracker?: {
+        getValue?: () => string;
+        setValue?: (value: string) => void;
+    };
+}
+export type InputComponentProps<C extends React.ComponentType | undefined = undefined> = {
+    /** **Not used in the hook**. Serves to enable the use of custom components, for example, if you want to use your own styled component with the ability to format the value. */
+    component?: C;
+} & (C extends React.ComponentType<infer P> ? P : React.InputHTMLAttributes<HTMLInputElement>);
+export type InputComponent<P extends object> = <C extends React.ComponentType<any> | undefined = undefined>(props: P & InputComponentProps<C> & React.RefAttributes<HTMLInputElement>) => JSX.Element;
+export {};

package/dist/ui/components/form/input-mask/lib/core/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/ui/components/form/input-mask/lib/core/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-mask/lib/core/types.ts"],"names":[],"mappings":""}

package/dist/ui/components/form/input-mask/lib/core/utils/setInputAttributes.d.ts

@@ -0,0 +1,2 @@
+import type { InputAttributes } from '../types.js';
+export default function setInputAttributes(inputElement: HTMLInputElement, { value, selectionStart, selectionEnd }: Partial<InputAttributes>): void;

package/dist/ui/components/form/input-mask/lib/core/utils/setInputAttributes.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+function setInputAttributes(inputElement, _a) {
+    // Важно установить позицию курсора после установки значения,
+    // так как после установки значения, курсор автоматически уходит в конец значения
+    var value = _a.value, selectionStart = _a.selectionStart, selectionEnd = _a.selectionEnd;
+    if (value !== undefined) {
+        inputElement.value = value;
+    }
+    if (selectionStart !== undefined && selectionEnd !== undefined) {
+        inputElement.setSelectionRange(selectionStart, selectionEnd);
+    }
+}
+exports.default = setInputAttributes;
+//# sourceMappingURL=setInputAttributes.js.map

package/dist/ui/components/form/input-mask/lib/core/utils/setInputAttributes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setInputAttributes.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-mask/lib/core/utils/setInputAttributes.ts"],"names":[],"mappings":";;AAEA,SAAwB,kBAAkB,CACxC,YAA8B,EAC9B,EAAiE;IAEjE,6DAA6D;IAC7D,iFAAiF;QAH/E,KAAK,WAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA;IAKrC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxB,YAAY,CAAC,KAAK,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,IAAI,cAAc,KAAK,SAAS,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAC/D,YAAY,CAAC,iBAAiB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IAC/D,CAAC;AACH,CAAC;AAdD,qCAcC"}

package/dist/ui/components/form/input-mask/lib/mask/InputMask.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import type { MaskProps } from './types.js';
+import type { InputComponent, InputComponentProps } from '../core/index.js';
+export type InputMaskProps<C extends React.ComponentType | undefined = undefined> = MaskProps & InputComponentProps<C>;
+declare const InputMask: InputComponent<MaskProps>;
+export default InputMask;

package/dist/ui/components/form/input-mask/lib/mask/InputMask.js

@@ -0,0 +1,44 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var core_1 = require("../core/index.js");
+var useMask_1 = __importDefault(require("./useMask.js"));
+function ForwardedInputMask(_a, forwardedInputRef) {
+    var Component = _a.component, mask = _a.mask, replacement = _a.replacement, showMask = _a.showMask, separate = _a.separate, track = _a.track, modify = _a.modify, onMask = _a.onMask, props = __rest(_a, ["component", "mask", "replacement", "showMask", "separate", "track", "modify", "onMask"]);
+    var inputRef = (0, useMask_1.default)({ mask: mask, replacement: replacement, showMask: showMask, separate: separate, track: track, modify: modify, onMask: onMask });
+    var connectedInputRef = (0, core_1.useConnectedInputRef)(inputRef, forwardedInputRef);
+    if (Component) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        return (0, jsx_runtime_1.jsx)(Component, __assign({ ref: connectedInputRef }, props));
+    }
+    return (0, jsx_runtime_1.jsx)("input", __assign({ ref: connectedInputRef }, props));
+}
+var InputMask = (0, react_1.forwardRef)(ForwardedInputMask);
+exports.default = InputMask;
+//# sourceMappingURL=InputMask.js.map

package/dist/ui/components/form/input-mask/lib/mask/InputMask.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputMask.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-mask/lib/mask/InputMask.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmC;AAEnC,gCAA+C;AAE/C,sDAAgC;AAOhC,SAAS,kBAAkB,CACzB,EAAmH,EACnH,iBAAuD;IADrD,IAAW,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAK,KAAK,cAA9F,yFAAgG,CAAF;IAG9F,IAAM,QAAQ,GAAG,IAAA,iBAAO,EAAC,EAAE,IAAI,MAAA,EAAE,WAAW,aAAA,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAE3F,IAAM,iBAAiB,GAAG,IAAA,2BAAoB,EAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC;IAE5E,IAAI,SAAS,EAAE,CAAC;QACd,8DAA8D;QAC9D,OAAO,uBAAC,SAAS,aAAC,GAAG,EAAE,iBAAiB,IAAO,KAAa,EAAI,CAAC;IACnE,CAAC;IAED,OAAO,2CAAO,GAAG,EAAE,iBAAiB,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC;AAED,IAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,kBAAkB,CAA8B,CAAC;AAE9E,kBAAe,SAAS,CAAC"}

package/dist/ui/components/form/input-mask/lib/mask/index.d.ts

@@ -0,0 +1,5 @@
+export { default as InputMask } from './InputMask.js';
+export { default as useMask } from './useMask.js';
+export * from './utils.js';
+export type { InputMaskProps } from './InputMask.js';
+export type { MaskProps, Replacement, TrackParam, Track, ModifiedData, Modify, MaskEvent, MaskEventDetail, MaskEventHandler, } from './types.js';

package/dist/ui/components/form/input-mask/lib/mask/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMask = exports.InputMask = void 0;
+var InputMask_1 = require("./InputMask.js");
+Object.defineProperty(exports, "InputMask", { enumerable: true, get: function () { return __importDefault(InputMask_1).default; } });
+var useMask_1 = require("./useMask.js");
+Object.defineProperty(exports, "useMask", { enumerable: true, get: function () { return __importDefault(useMask_1).default; } });
+__exportStar(require("./utils.js"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-mask/lib/mask/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-mask/lib/mask/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,yCAAmD;AAA1C,uHAAA,OAAO,OAAa;AAC7B,qCAA+C;AAAtC,mHAAA,OAAO,OAAW;AAC3B,0CAAwB"}

package/dist/ui/components/form/input-mask/lib/mask/types.d.ts

@@ -0,0 +1,61 @@
+import type { CustomInputEvent, CustomInputEventHandler } from '../core/index.js';
+export interface MaskPart {
+    type: 'replacement' | 'mask' | 'input';
+    value: string;
+    index: number;
+}
+export interface MaskEventDetail {
+    /** Masked value (same as `event.target.value`). */
+    value: string;
+    /** Value without mask characters. */
+    input: string;
+    /**
+     * Parts of the masked value, where each object contains the character type:
+     * - `replacement` - the replacement character;
+     * - `mask` - the mask character;
+     * - `input` - the character entered by the user.
+     */
+    parts: MaskPart[];
+    /** A regular expression of type `string` that the masked value must match. */
+    pattern: string;
+    /** `true` if the mask is full and matches the pattern value. */
+    isValid: boolean;
+}
+export type MaskEvent = CustomInputEvent<MaskEventDetail>;
+export type MaskEventHandler = CustomInputEventHandler<MaskEvent>;
+export type Replacement = Record<string, RegExp>;
+export type TrackParam = ({
+    inputType: 'insert';
+    data: string;
+} | {
+    inputType: 'deleteBackward' | 'deleteForward';
+    data: null;
+}) & {
+    value: string;
+    selectionStart: number;
+    selectionEnd: number;
+};
+export type Track = (param: TrackParam) => string | boolean | null | undefined;
+export interface ModifiedData {
+    mask?: string;
+    replacement?: string | Replacement;
+    showMask?: boolean;
+    separate?: boolean;
+}
+export type Modify = (input: string) => ModifiedData | undefined;
+export interface MaskProps {
+    /** Input mask, `replacement` is used to replace characters. */
+    mask?: string;
+    /** Sets the characters replaced in the mask, where "key" is the replaced character, "value" is the regular expression to which the input character must match (see «[Replacement](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#replacement)»). It is possible to pass the replacement character as a string, then `replacement="_"` will default to `replacement={{ _: /./ }}`. Keys are ignored as you type. */
+    replacement?: string | Replacement;
+    /** Controls the display of the mask, for example, `+0 (123) ___-__-__` instead of `+0 (123`. */
+    showMask?: boolean;
+    /** Stores the position of the entered characters. By default, input characters are non-breaking, which means that if you remove characters in the middle of the value, the characters are shifted to the left, forming a non-breaking value, which is the behavior of `input`. For example, with `true`, the possible value is `+0 (123) ___-45-__`, with `false` - `+0 (123) 45_-__-__`. */
+    separate?: boolean;
+    /** The function is activated before masking. Allows you to conditionally change the entered value (see «[Track](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#track)»). */
+    track?: Track;
+    /** Function triggered before masking. Allows you conditionally change the properties of the component that affect masking. Valid values for modification are `mask`, `replacement`, `showMask` and `separate`. This is useful when you need conditionally tweak the displayed value to improve UX (see «[Modify](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#modify)»). */
+    modify?: Modify;
+    /** Handler for the custom event `input-mask`. Called asynchronously after the `change` event, accessing the `detail` property containing additional useful information about the value. (see «[Mask event](https://github.com/GoncharukBro/react-input/tree/main/packages/mask#mask-event)»). */
+    onMask?: MaskEventHandler;
+}

package/dist/ui/components/form/input-mask/lib/mask/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/ui/components/form/input-mask/lib/mask/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-mask/lib/mask/types.ts"],"names":[],"mappings":""}

package/dist/ui/components/form/input-mask/lib/mask/useMask.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { MaskProps } from './types.js';
+export default function useMask({ mask, replacement, showMask, separate, track, modify, onMask, }?: MaskProps): React.MutableRefObject<HTMLInputElement | null>;