infinity-forge 3.4.7 → 3.4.8

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

@@ -1,204 +0,0 @@
-"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"));
-var setInputAttributes_1 = __importDefault(require("../utils/setInputAttributes"));
-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;
-                    var initResult = init({ controlled: controlled, initialValue: inputElement.value || initialValue });
-                    (0, setInputAttributes_1.default)(inputElement, { value: initResult.value });
-                    if (document.activeElement === inputElement) {
-                        onFocus();
-                    }
-                    inputElement.addEventListener('focus', onFocus);
-                    inputElement.addEventListener('blur', onBlur);
-                    inputElement.addEventListener('input', onInput);
-                }
-            }
-            target[property] = inputElement;
-            return true;
-        },
-    });
-}
-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, {
-            onFocus: function () {
-                var setSelection = function () {
-                    var _a, _b, _c, _d;
-                    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);
-            },
-            onBlur: function () {
-                window.clearTimeout(selection.current.timeoutId);
-                window.clearTimeout(selection.current.fallbackTimeoutId);
-                selection.current.timeoutId = -1;
-                selection.current.fallbackTimeoutId = -1;
-                selection.current.cachedTimeoutId = -1;
-            },
-            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 {
-                    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 {
-                        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(function () {
-                            (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;
-                        });
-                    }
-                    (_e = (_d = inputElement._valueTracker) === null || _d === void 0 ? void 0 : _d.setValue) === null || _e === void 0 ? void 0 : _e.call(_d, previousValue);
-                    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,
-                    });
-                    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/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/utils/setInputAttributes.d.ts

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

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/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/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/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>;

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

@@ -0,0 +1,150 @@
+"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 __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 core_1 = require("../core/index.js");
+var filter_1 = __importDefault(require("./utils/filter.js"));
+var formatToReplacementObject_1 = __importDefault(require("./utils/formatToReplacementObject.js"));
+var resolveDetail_1 = __importDefault(require("./utils/resolveDetail.js"));
+var resolveSelection_1 = __importDefault(require("./utils/resolveSelection.js"));
+var unformat_1 = __importDefault(require("./utils/unformat.js"));
+var validate_1 = __importDefault(require("./utils/validate.js"));
+function useMask(_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.mask, mask = _c === void 0 ? '' : _c, _d = _b.replacement, replacement = _d === void 0 ? {} : _d, _e = _b.showMask, showMask = _e === void 0 ? false : _e, _f = _b.separate, separate = _f === void 0 ? false : _f, track = _b.track, modify = _b.modify, onMask = _b.onMask;
+    var replacementObject = typeof replacement === 'string' ? (0, formatToReplacementObject_1.default)(replacement) : replacement;
+    var cache = (0, react_1.useRef)(null);
+    var init = function (_a) {
+        var controlled = _a.controlled, initialValue = _a.initialValue;
+        if (process.env.NODE_ENV !== 'production') {
+            (0, validate_1.default)({ initialValue: initialValue, mask: mask, replacement: replacementObject });
+        }
+        initialValue = controlled || initialValue ? initialValue : showMask ? mask : '';
+        var cachedProps = { mask: mask, replacement: replacementObject, showMask: showMask, separate: separate };
+        cache.current = { value: initialValue, props: cachedProps, fallbackProps: cachedProps };
+        return { value: initialValue };
+    };
+    var tracking = function (_a) {
+        var _b;
+        var inputType = _a.inputType, previousValue = _a.previousValue, addedValue = _a.addedValue, changeStart = _a.changeStart, changeEnd = _a.changeEnd;
+        if (cache.current === null) {
+            throw new core_1.SyntheticChangeError('The state has not been initialized.');
+        }
+        if (cache.current.value !== previousValue) {
+            cache.current.props = cache.current.fallbackProps;
+        }
+        else {
+            cache.current.fallbackProps = cache.current.props;
+        }
+        var beforeChangeValue = (0, unformat_1.default)(previousValue, {
+            end: changeStart,
+            mask: cache.current.props.mask,
+            replacement: cache.current.props.replacement,
+            separate: cache.current.props.separate,
+        });
+        var regExp$1 = RegExp("[^".concat(Object.keys(cache.current.props.replacement).join(''), "]"), 'g');
+        var replacementChars = cache.current.props.mask.replace(regExp$1, '');
+        if (beforeChangeValue) {
+            beforeChangeValue = (0, filter_1.default)(beforeChangeValue, {
+                replacementChars: replacementChars,
+                replacement: cache.current.props.replacement,
+                separate: cache.current.props.separate,
+            });
+        }
+        var _addedValue = track === null || track === void 0 ? void 0 : track(__assign(__assign({}, (inputType === 'insert' ? { inputType: inputType, data: addedValue } : { inputType: inputType, data: null })), { value: previousValue, selectionStart: changeStart, selectionEnd: changeEnd }));
+        if (_addedValue === false) {
+            throw new core_1.SyntheticChangeError('Custom trekking stop.');
+        }
+        else if (_addedValue === null) {
+            addedValue = '';
+        }
+        else if (_addedValue !== true && _addedValue !== undefined) {
+            addedValue = _addedValue;
+        }
+        if (addedValue) {
+            addedValue = (0, filter_1.default)(addedValue, {
+                replacementChars: replacementChars.slice(beforeChangeValue.length),
+                replacement: cache.current.props.replacement,
+                separate: false,
+            });
+        }
+        if (inputType === 'insert' && addedValue === '') {
+            throw new core_1.SyntheticChangeError('The character does not match the key value of the `replacement` object.');
+        }
+        var afterChangeValue = (0, unformat_1.default)(previousValue, {
+            start: changeEnd,
+            mask: cache.current.props.mask,
+            replacement: cache.current.props.replacement,
+            separate: cache.current.props.separate,
+        });
+        if (cache.current.props.separate) {
+            var separateChars = cache.current.props.mask.slice(changeStart, changeEnd).replace(regExp$1, '');
+            var countSeparateChars = separateChars.length - addedValue.length;
+            if (countSeparateChars < 0) {
+                afterChangeValue = afterChangeValue.slice(-countSeparateChars);
+            }
+            else if (countSeparateChars > 0) {
+                afterChangeValue = separateChars.slice(-countSeparateChars) + afterChangeValue;
+            }
+        }
+        if (afterChangeValue) {
+            afterChangeValue = (0, filter_1.default)(afterChangeValue, {
+                replacementChars: replacementChars.slice(beforeChangeValue.length + addedValue.length),
+                replacement: cache.current.props.replacement,
+                separate: cache.current.props.separate,
+            });
+        }
+        var input = beforeChangeValue + addedValue + afterChangeValue;
+        var _c = (_b = modify === null || modify === void 0 ? void 0 : modify(input)) !== null && _b !== void 0 ? _b : {}, _d = _c.mask, modifiedMask = _d === void 0 ? mask : _d, _e = _c.replacement, modifiedReplacement = _e === void 0 ? replacementObject : _e, _f = _c.showMask, modifiedShowMask = _f === void 0 ? showMask : _f, _g = _c.separate, modifiedSeparate = _g === void 0 ? separate : _g;
+        if (typeof modifiedReplacement === 'string') {
+            modifiedReplacement = (0, formatToReplacementObject_1.default)(modifiedReplacement);
+        }
+        var detail = (0, resolveDetail_1.default)(input, {
+            mask: modifiedMask,
+            replacement: modifiedReplacement,
+            showMask: modifiedShowMask,
+        });
+        var selection = (0, resolveSelection_1.default)({
+            inputType: inputType,
+            value: detail.value,
+            addedValue: addedValue,
+            beforeChangeValue: beforeChangeValue,
+            parts: detail.parts,
+            replacement: modifiedReplacement,
+            separate: modifiedSeparate,
+        });
+        cache.current.value = detail.value;
+        cache.current.props = {
+            mask: modifiedMask,
+            replacement: modifiedReplacement,
+            showMask: modifiedShowMask,
+            separate: modifiedSeparate,
+        };
+        return {
+            value: detail.value,
+            selectionStart: selection,
+            selectionEnd: selection,
+            __detail: detail,
+        };
+    };
+    return (0, core_1.useInput)({
+        init: init,
+        tracking: tracking,
+        eventType: 'input-mask',
+        eventHandler: onMask,
+    });
+}
+exports.default = useMask;
+//# sourceMappingURL=useMask.js.map

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

@@ -1,14 +0,0 @@
-import type { Replacement } from '../types';
-interface Options {
-    replacementChars: string;
-    replacement: Replacement;
-    separate: boolean;
-}
-/**
- * Фильтрует символы для соответствия значениям `replacement`
- * @param value
- * @param options
- * @returns
- */
-export default function filter(value: string, { replacementChars, replacement, separate }: Options): string;
-export {};

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

@@ -1,14 +0,0 @@
-import type { Replacement } from '../types';
-interface Options {
-    mask: string;
-    replacement: Replacement;
-    showMask: boolean;
-}
-/**
- * Форматирует значение по заданной маске
- * @param input
- * @param options
- * @returns
- */
-export default function format(input: string, { mask, replacement, showMask }: Options): string;
-export {};

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

@@ -1,17 +0,0 @@
-import type { MaskPart, Replacement } from '../types';
-interface Options {
-    mask: string;
-    replacement: Replacement;
-}
-/**
- * Форматирует значение по заданной маске возвращая массив объектов,
- * где каждый объект представляет собой информацию о символе:
- * - `replacement` - символ замены;
- * - `mask` - символ маски;
- * - `input` - символ, введенный пользователем.
- * @param formattedValue
- * @param options
- * @returns
- */
-export default function formatToParts(formattedValue: string, { mask, replacement }: Options): MaskPart[];
-export {};

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

@@ -1,2 +0,0 @@
-import type { Replacement } from '../types';
-export default function formatToReplacementObject(replacement: string): Replacement;

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

@@ -1,14 +0,0 @@
-import type { MaskEventDetail, Replacement } from '../types';
-interface Options {
-    mask: string;
-    replacement: Replacement;
-    showMask: boolean;
-}
-/**
- * Формирует данные маскированного значения возвращая
- * @param input пользовательские символы без учета символов маски
- * @param options
- * @returns
- */
-export default function resolveDetail(input: string, { mask, replacement, showMask }: Options): MaskEventDetail;
-export {};

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

@@ -1,25 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var utils_1 = require("../utils");
-var format_1 = __importDefault(require("./format"));
-var formatToParts_1 = __importDefault(require("./formatToParts"));
-/**
- * Формирует данные маскированного значения возвращая
- * @param input пользовательские символы без учета символов маски
- * @param options
- * @returns
- */
-function resolveDetail(input, _a) {
-    var mask = _a.mask, replacement = _a.replacement, showMask = _a.showMask;
-    var formattedValue = (0, format_1.default)(input, { mask: mask, replacement: replacement, showMask: showMask });
-    var parts = (0, formatToParts_1.default)(formattedValue, { mask: mask, replacement: replacement });
-    var pattern = (0, utils_1.generatePattern)({ mask: mask, replacement: replacement });
-    var patternWithDisableReplacementKey = (0, utils_1.generatePattern)({ mask: mask, replacement: replacement }, true);
-    var isValid = RegExp(patternWithDisableReplacementKey).test(formattedValue);
-    return { value: formattedValue, input: input, parts: parts, pattern: pattern, isValid: isValid };
-}
-exports.default = resolveDetail;
-//# sourceMappingURL=resolveDetail.js.map

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

@@ -1,18 +0,0 @@
-import type { MaskPart, Replacement } from '../types';
-import type { InputType } from '../../core';
-interface ResolveSelectionParam {
-    inputType: InputType;
-    value: string;
-    addedValue: string;
-    beforeChangeValue: string;
-    parts: MaskPart[];
-    replacement: Replacement;
-    separate: boolean;
-}
-/**
- * Определяет позицию курсора для последующей установки
- * @param param
- * @returns
- */
-export default function resolveSelection({ inputType, value, addedValue, beforeChangeValue, parts, replacement, separate, }: ResolveSelectionParam): number;
-export {};