infinity-forge 3.4.0 → 3.4.2

package/dist/ui/components/form/input-date-picker/calendar/months/index.js

@@ -0,0 +1,66 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Months = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var mock_1 = require("../../mock/index.js");
+var S = __importStar(require("./styles.js"));
+function Months(_a) {
+    var language = _a.language, name = _a.name, mode = _a.mode, date = _a.date, dateSelected = _a.dateSelected, setStep = _a.setStep, handleToggle = _a.handleToggle, setDateSelected = _a.setDateSelected;
+    var _b = (0, formik_1.useFormikContext)(), values = _b.values, setFieldValue = _b.setFieldValue;
+    var months = mock_1.translations[language].months;
+    return ((0, jsx_runtime_1.jsx)(S.Months, { className: 'months-box', children: months.map(function (monthName, index) {
+            var monthDate = new Date(dateSelected.year, index, 1);
+            var isMonthInRange = ((date === null || date === void 0 ? void 0 : date.minDate) ? monthDate >= new Date(date === null || date === void 0 ? void 0 : date.minDate.getFullYear(), date === null || date === void 0 ? void 0 : date.minDate.getMonth(), 1) : true) &&
+                ((date === null || date === void 0 ? void 0 : date.maxDate) ? monthDate <= new Date(date === null || date === void 0 ? void 0 : date.maxDate.getFullYear(), date === null || date === void 0 ? void 0 : date.maxDate.getMonth(), 1) : true);
+            var isSelected = values[name].getMonth() === index &&
+                values[name].getMonth() === dateSelected.month &&
+                values[name].getFullYear() === dateSelected.year;
+            return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(isSelected && 'selected', "  ").concat(new Date().getMonth() === index && !isSelected && 'current', " ").concat(!isMonthInRange && 'disabled'), onClick: function () {
+                    if (!isMonthInRange)
+                        return;
+                    setDateSelected(__assign(__assign({}, dateSelected), { month: index }));
+                    if (mode === 'month') {
+                        setFieldValue(name, new Date(dateSelected.year, index, 1));
+                        handleToggle(false);
+                    }
+                    setStep(2);
+                }, disabled: !isMonthInRange, children: monthName.substring(0, 3) }, monthName));
+        }) }));
+}
+exports.Months = Months;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-file/render-files/file-item/button-upload-image-mobile/index.d.ts

@@ -1,4 +1,4 @@
-import { RenderFileProps } from '../../../../../../../ui';
+import { RenderFileProps } from '../../../../../../../ui/index.js';
 export type ButtonUploadImageMobileProps = {
     mobile?: {
         id: string;

package/dist/ui/components/form/input-file/render-files/file-item/button-upload-image-mobile/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonUploadImageMobile = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
-var ui_1 = require("../../../../../../../ui");
+var ui_1 = require("../../../../../../../ui/index.js");
 function ButtonUploadImageMobile(props) {
     var _a, _b;
     var _c = (0, ui_1.useFile)(props.mobile), InputFile = _c.InputFile, LabelFileArea = _c.LabelFileArea;

package/dist/ui/components/form/input-file/render-files/file-item/index.d.ts

@@ -0,0 +1,3 @@
+import { ButtonUploadImageMobileProps } from './button-upload-image-mobile/index.js';
+import { RenderFileProps } from '../interfaces.js';
+export declare function FileItem(props: RenderFileProps & ButtonUploadImageMobileProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-file/render-files/file-item/index.js

@@ -0,0 +1,49 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileItem = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../../ui/index.js");
+var button_upload_image_mobile_1 = require("./button-upload-image-mobile/index.js");
+var S = __importStar(require("./styles.js"));
+function FileItem(props) {
+    var _a;
+    var _b = (0, ui_1.useFile)(props), loading = _b.loading, InputFile = _b.InputFile;
+    var _c = (0, ui_1.useRenderedFile)(props), Image = _c.Image, fileName = _c.fileName, ShowDetailFileButton = _c.ShowDetailFileButton, DeleteFileButton = _c.DeleteFileButton, DownloadButton = _c.DownloadButton;
+    return ((0, jsx_runtime_1.jsxs)(S.FileItem, { children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'none' }, children: (0, jsx_runtime_1.jsx)(InputFile, {}) }), (0, jsx_runtime_1.jsx)("div", { className: 'image', children: loading ? (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 30, color: '#000' }) : (0, jsx_runtime_1.jsx)(Image, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: 'text', children: [(0, jsx_runtime_1.jsxs)("h3", { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'left', children: [props.enableMobileImage && ((0, jsx_runtime_1.jsx)("span", { className: 'font-13-regular type_size_file', children: props.isMobile ? 'Mobile' : 'Desktop' })), fileName && (0, jsx_runtime_1.jsx)("span", { className: 'font-13-regular file-name', children: fileName })] }), (props.sizeImageFile || props.sizeImageFileMobile) && ((0, jsx_runtime_1.jsxs)("span", { className: 'font-13-regular size', children: [!props.isMobile && ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconComputer' }), " ", props.sizeImageFile] })), !((_a = props === null || props === void 0 ? void 0 : props.mobile) === null || _a === void 0 ? void 0 : _a.mobileFilesAlredyExist) && props.enableMobileImage && ((0, jsx_runtime_1.jsxs)("span", { children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconMobile' }), props.sizeImageFileMobile] }))] }))] }), (0, jsx_runtime_1.jsxs)("div", { className: 'actions', children: [(0, jsx_runtime_1.jsx)(ShowDetailFileButton, {}), (0, jsx_runtime_1.jsx)(DeleteFileButton, {}), (0, jsx_runtime_1.jsx)(DownloadButton, {}), (0, jsx_runtime_1.jsx)(button_upload_image_mobile_1.ButtonUploadImageMobile, __assign({}, props))] })] })] }));
+}
+exports.FileItem = FileItem;
+//# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
-import type { InputAttributes } from '../types';
+import type { InputAttributes } from '../types.js';
 interface SyntheticChangeError {
     cause?: {
         __attributes?: Partial<InputAttributes>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CustomInputEvent, CustomInputEventHandler, Init, Tracking } from '../types';
+import type { CustomInputEvent, CustomInputEventHandler, Init, Tracking } from '../types.js';
 interface UseInputParam<D> {
     init: Init;
     tracking: Tracking<D>;

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

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (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 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;

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 +1,2 @@
-import type { InputAttributes } from '../types';
+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/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,4 +1,4 @@
-import type { Replacement } from '../types';
+import type { Replacement } from '../types.js';
 interface Options {
     replacementChars: string;
     replacement: Replacement;

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

@@ -1,4 +1,4 @@
-import type { Replacement } from '../types';
+import type { Replacement } from '../types.js';
 interface Options {
     mask: string;
     replacement: Replacement;

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

@@ -1,4 +1,4 @@
-import type { MaskPart, Replacement } from '../types';
+import type { MaskPart, Replacement } from '../types.js';
 interface Options {
     mask: string;
     replacement: Replacement;

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

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

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

@@ -1,4 +1,4 @@
-import type { MaskEventDetail, Replacement } from '../types';
+import type { MaskEventDetail, Replacement } from '../types.js';
 interface Options {
     mask: string;
     replacement: Replacement;

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

@@ -3,9 +3,9 @@ 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"));
+var utils_1 = require("../utils.js");
+var format_1 = __importDefault(require("./format.js"));
+var formatToParts_1 = __importDefault(require("./formatToParts.js"));
 /**
  * Формирует данные маскированного значения возвращая
  * @param input пользовательские символы без учета символов маски

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

@@ -1,5 +1,5 @@
-import type { MaskPart, Replacement } from '../types';
-import type { InputType } from '../../core';
+import type { MaskPart, Replacement } from '../types.js';
+import type { InputType } from '../../core/index.js';
 interface ResolveSelectionParam {
     inputType: InputType;
     value: string;

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

@@ -1,4 +1,4 @@
-import type { Replacement } from '../types';
+import type { Replacement } from '../types.js';
 interface Options {
     start?: number;
     end?: number;

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

@@ -1,4 +1,4 @@
-import type { Replacement } from '../types';
+import type { Replacement } from '../types.js';
 interface ValidateParam {
     initialValue: string;
     mask: string;