infinity-forge 0.51.9 → 0.52.0

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

@@ -0,0 +1,73 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerInput = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var moment_1 = __importDefault(require("moment"));
+var formik_1 = require("formik");
+var locale_1 = require("date-fns/locale");
+var react_datepicker_1 = __importStar(require("react-datepicker"));
+var ui_1 = require("../../../../ui/index.js");
+var input_control_1 = require("../input-control/index.js");
+var date_picket_lib_css_1 = require("./date_picket_lib_css.js");
+var S = __importStar(require("./styles.js"));
+(0, react_datepicker_1.registerLocale)('ptBR', locale_1.ptBR);
+function DatePickerInput(props) {
+    var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], handlers = _a[2];
+    var configs = {
+        normal: {
+            dateFormat: 'DD/MM/yyyy',
+        },
+        month: {
+            dateFormat: 'MM/yyyy',
+            showMonthYearPicker: true,
+        },
+        year: {
+            dateFormat: 'yyyy',
+            showYearPicker: true,
+        },
+    };
+    var activeConfig = configs[props.typePicker];
+    var value = (0, moment_1.default)(field.value || new Date()).format(activeConfig.dateFormat);
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(date_picket_lib_css_1.InputDatePickerCSS, { children: (0, jsx_runtime_1.jsx)(S.InputDatePicker, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'date_picker_container', children: [props.hasIcon && (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconCalendar' }), (0, jsx_runtime_1.jsx)(react_datepicker_1.default, __assign({}, props, activeConfig, { locale: 'ptBR', placeholderText: value, onChange: function (val) { return handlers.setValue(val); }, value: value, onKeyDown: function (e) {
+                                e.preventDefault();
+                            } }))] }) }) }) })));
+}
+exports.DatePickerInput = DatePickerInput;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA2B;AAC3B,iCAAiC;AACjC,0CAAsC;AACtC,mEAAmF;AAEnF,2BAA2B;AAC3B,kDAA+C;AAC/C,6DAA0D;AAI1D,0CAA6B;AAE7B,IAAA,iCAAc,EAAC,MAAM,EAAE,aAAI,CAAC,CAAA;AAE5B,SAAgB,eAAe,CAC7B,KAAkH;IAE5G,IAAA,KAAuB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAApD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAAkC,CAAA;IAE3D,IAAM,OAAO,GAAG;QACd,MAAM,EAAE;YACN,UAAU,EAAE,YAAY;SACzB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,SAAS;YACrB,mBAAmB,EAAE,IAAI;SAC1B;QACD,IAAI,EAAE;YACJ,UAAU,EAAE,MAAM;YAClB,cAAc,EAAE,IAAI;SACrB;KACF,CAAA;IAED,IAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;IAE9C,IAAM,KAAK,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAE/E,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,uBAAC,wCAAkB,cACjB,uBAAC,CAAC,CAAC,eAAe,cAChB,iCAAK,SAAS,EAAC,uBAAuB,aACnC,KAAK,CAAC,OAAO,IAAI,uBAAC,SAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAE9C,uBAAC,0BAAU,eACJ,KAAa,EACd,YAAY,IAChB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,KAAK,EACtB,QAAQ,EAAE,UAAC,GAAG,IAAK,OAAA,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAtB,CAAsB,EACzC,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAC,CAAC;gCACX,CAAC,CAAC,cAAc,EAAE,CAAA;4BACpB,CAAC,IACD,IACE,GACY,GACD,IACR,CAChB,CAAA;AACH,CAAC;AA9CD,0CA8CC"}

package/dist/ui/components/form/input-date-picker/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const InputDatePicker: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-date-picker/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDatePicker = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.InputDatePicker = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .date_picker_container {\n    position: relative;\n    border-radius: 4px;\n    background-color: #000;\n\n    > svg {\n      top: 50%;\n      transform: translateY(-50%);\n      position: absolute;\n      z-index: 1;\n      left: 7px;\n      width: 17px;\n      height: auto;\n      fill: #fff;\n    }\n\n    > svg + .react-datepicker-wrapper {\n      position: relative;\n      z-index: 2;\n    }\n\n    .react-datepicker-wrapper {\n      width: 100%;\n\n      input {\n        border: 0;\n        color: #ffff;\n        padding-left: 30px;\n\n        background-color: transparent;\n      }\n    }\n\n    .react-datepicker-popper {\n      width: 100%;\n      max-width: 400px;\n      .react-datepicker__month-wrapper {\n        display: flex;\n\n        .react-datepicker__month-text {\n          width: 100%;\n          height: 25px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 13px;\n        }\n      }\n\n      .react-datepicker__triangle {\n        fill: #fff;\n        color: #fff;\n      }\n\n      .react-datepicker__header {\n        background-color: #fff;\n      }\n\n      .react-datepicker {\n        width: 100%;\n\n        .react-datepicker__month-container {\n          width: 100%;\n        }\n\n        .react-datepicker-year-header {\n          font-size: 15px;\n          width: 100%;\n        }\n\n        .react-datepicker__navigation--previous,\n        .react-datepicker__navigation--next {\n          transition: 0.2s;\n\n          &:hover {\n            background-color: #cccccc47;\n            transition: 0.2s;\n          }\n        }\n\n        .react-datepicker__navigation-icon--next::before {\n          left: -2px;\n        }\n\n        .react-datepicker__navigation-icon--previous::before {\n          right: -2px;\n        }\n\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow,\n        .react-datepicker__navigation-icon::before {\n          border-color: #111;\n          border-style: solid;\n          border-width: 2px 2px 0 0;\n          height: 8px;\n          top: 8px;\n          width: 8px;\n        }\n      }\n    }\n  }\n\n  input.react-datepicker-ignore-onclickoutside {\n    background-color: #ffff;\n    color: #2b2b2b;\n  }\n"], ["\n  .date_picker_container {\n    position: relative;\n    border-radius: 4px;\n    background-color: #000;\n\n    > svg {\n      top: 50%;\n      transform: translateY(-50%);\n      position: absolute;\n      z-index: 1;\n      left: 7px;\n      width: 17px;\n      height: auto;\n      fill: #fff;\n    }\n\n    > svg + .react-datepicker-wrapper {\n      position: relative;\n      z-index: 2;\n    }\n\n    .react-datepicker-wrapper {\n      width: 100%;\n\n      input {\n        border: 0;\n        color: #ffff;\n        padding-left: 30px;\n\n        background-color: transparent;\n      }\n    }\n\n    .react-datepicker-popper {\n      width: 100%;\n      max-width: 400px;\n      .react-datepicker__month-wrapper {\n        display: flex;\n\n        .react-datepicker__month-text {\n          width: 100%;\n          height: 25px;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 13px;\n        }\n      }\n\n      .react-datepicker__triangle {\n        fill: #fff;\n        color: #fff;\n      }\n\n      .react-datepicker__header {\n        background-color: #fff;\n      }\n\n      .react-datepicker {\n        width: 100%;\n\n        .react-datepicker__month-container {\n          width: 100%;\n        }\n\n        .react-datepicker-year-header {\n          font-size: 15px;\n          width: 100%;\n        }\n\n        .react-datepicker__navigation--previous,\n        .react-datepicker__navigation--next {\n          transition: 0.2s;\n\n          &:hover {\n            background-color: #cccccc47;\n            transition: 0.2s;\n          }\n        }\n\n        .react-datepicker__navigation-icon--next::before {\n          left: -2px;\n        }\n\n        .react-datepicker__navigation-icon--previous::before {\n          right: -2px;\n        }\n\n        .react-datepicker__year-read-view--down-arrow,\n        .react-datepicker__month-read-view--down-arrow,\n        .react-datepicker__month-year-read-view--down-arrow,\n        .react-datepicker__navigation-icon::before {\n          border-color: #111;\n          border-style: solid;\n          border-width: 2px 2px 0 0;\n          height: 8px;\n          top: 8px;\n          width: 8px;\n        }\n      }\n    }\n  }\n\n  input.react-datepicker-ignore-onclickoutside {\n    background-color: #ffff;\n    color: #2b2b2b;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-date-picker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-picker/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,i5EAAA,80EA4G3C,KAAA"}

package/dist/ui/components/form/input-date-range/index.d.ts

@@ -0,0 +1,2 @@
+import { InputProps } from '../interfaces.js';
+export declare function InputDateRange(props: InputProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-date-range/index.js

@@ -0,0 +1,37 @@
+"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 __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.InputDateRange = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var locale_1 = require("date-fns/locale");
+var react_date_range_1 = require("react-date-range");
+var S = __importStar(require("./styles.js"));
+function InputDateRange(props) {
+    var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], handlers = _a[2];
+    return ((0, jsx_runtime_1.jsx)(S.InputDateRange, { children: (0, jsx_runtime_1.jsx)(react_date_range_1.DateRangePicker, { onChange: function (item) { return handlers.setValue(item.range1); }, moveRangeOnFirstSelection: false, months: 2, ranges: field.value ? [field.value] : [{ startDate: new Date(), endDate: new Date() }], direction: 'horizontal', preventSnapRefocus: true, calendarFocus: 'backwards', locale: locale_1.ptBR }) }));
+}
+exports.InputDateRange = InputDateRange;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-date-range/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-range/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AACjC,0CAAsC;AACtC,qDAAkD;AAIlD,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,KAAiB;IACxC,IAAA,KAAuB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAApD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAAkC,CAAA;IAE3D,OAAO,CACL,uBAAC,CAAC,CAAC,cAAc,cACf,uBAAC,kCAAe,IACd,QAAQ,EAAE,UAAC,IAAI,IAAK,OAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,EAA9B,CAA8B,EAClD,yBAAyB,EAAE,KAAK,EAChC,MAAM,EAAE,CAAC,EACT,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,IAAI,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,EACtF,SAAS,EAAC,YAAY,EACtB,kBAAkB,EAAE,IAAI,EACxB,aAAa,EAAC,WAAW,EACzB,MAAM,EAAE,aAAI,GACZ,GACe,CACpB,CAAA;AACH,CAAC;AAjBD,wCAiBC"}

package/dist/ui/components/form/input-date-range/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const InputDateRange: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-date-range/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDateRange = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.InputDateRange = (0, styled_components_1.default)("div")(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n \n"], ["\n \n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-date-range/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-date-range/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,cAAc,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0EAAA,OAE1C,KAAC"}

package/dist/ui/components/form/input-file/file-card/index.d.ts

@@ -0,0 +1,6 @@
+import { FileSystemType } from '../../../../../system/index.js';
+export declare function FileCard({ file, onDelete, isLocalFile, }: {
+    isLocalFile?: boolean;
+    file: FileSystemType;
+    onDelete: (file: FileSystemType) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/ui/components/form/input-file/file-card/index.js

@@ -0,0 +1,82 @@
+"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 __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.FileCard = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function FileCard(_a) {
+    var file = _a.file, onDelete = _a.onDelete, isLocalFile = _a.isLocalFile;
+    var _b = (0, react_1.useState)(null), downloadUrl = _b[0], setDownloadUrl = _b[1];
+    function format(name) {
+        var fileNameLimit = 10;
+        var splited = name === null || name === void 0 ? void 0 : name.split('.');
+        var hasExtension = splited.length > 1;
+        var fileName = hasExtension
+            ? splited.slice(0, -1).join('.').substring(0, fileNameLimit)
+            : name.substring(0, fileNameLimit);
+        return {
+            extension: hasExtension ? splited.pop() : '',
+            name: hasExtension ? "".concat(fileName, ".").concat(splited.pop()) : fileName,
+        };
+    }
+    var formatedFileName = format(file.url);
+    var Image = function () {
+        switch (formatedFileName.extension || file.fileType) {
+            case 'application/pdf':
+                ;
+                (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconPdf', fill: '#f52421' });
+            case 'pdf':
+                return (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconPdf', fill: '#f52421' });
+            case 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet':
+                return (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconExcel' });
+            case 'xlsx':
+                return (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconExcel' });
+            case 'application/vnd.openxmlformats-officedocument.wordprocessingml.document':
+                return (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconWord' });
+            case 'doc':
+                return (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconWord' });
+            case 'docx':
+                return (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconWord' });
+            default:
+                return (0, jsx_runtime_1.jsx)("img", { src: file.url });
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        if (isLocalFile) {
+            fetch(file.url)
+                .then(function (response) { return response.blob(); })
+                .then(function (blob) {
+                var url = window.URL.createObjectURL(blob);
+                setDownloadUrl(url);
+            })
+                .catch(function (error) { return console.error('Error fetching file:', error); });
+        }
+    }, [file.url, isLocalFile]);
+    return ((0, jsx_runtime_1.jsxs)(S.FileCard, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(Image, {}) }), (0, jsx_runtime_1.jsx)("span", { className: 'file_name', children: file.title || (formatedFileName === null || formatedFileName === void 0 ? void 0 : formatedFileName.name) }), (0, jsx_runtime_1.jsxs)("div", { className: 'actions', children: [(0, jsx_runtime_1.jsx)(ui_1.Tooltip, { bgColor: '#fff', enableHover: true, enableArrow: true, content: 'Detalhe', trigger: (0, jsx_runtime_1.jsx)("a", { href: file.url, target: '_blank', className: 'action-button', onClick: function () { return null; }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEye' }) }) }), (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { bgColor: '#fff', enableHover: true, enableArrow: true, content: 'Excluir', trigger: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: function () { return onDelete(file); }, type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) }) }), (0, jsx_runtime_1.jsx)(ui_1.Tooltip, { bgColor: '#fff', enableHover: true, enableArrow: true, content: 'Baixar', trigger: isLocalFile ? ((0, jsx_runtime_1.jsx)("a", { className: 'action-button', href: downloadUrl, download: file === null || file === void 0 ? void 0 : file.title, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDropFile' }) })) : ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'action-button', onClick: function () { return (0, ui_1.loadFile)({ FileIds: [file.id], fileName: file === null || file === void 0 ? void 0 : file.title }); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDropFile' }) })) })] })] }));
+}
+exports.FileCard = FileCard;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-file/file-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/file-card/index.tsx"],"names":[],"mappings":"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"}

package/dist/ui/components/form/input-file/file-card/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const FileCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-file/file-card/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileCard = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.FileCard = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0;\n  width: 100%;\n  margin-top: 10px;\n  max-width: 150px;\n\n  .icon {\n    height: 40px;\n    width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    overflow: hidden;\n    border-radius: 8px;\n    overflow: hidden;\n\n    svg {\n      width: 30px; \n      height: 30px;\n    }\n\n    img {\n      height: 100%;\n      width: 100%;\n      object-fit: cover;\n    }\n  }\n\n  .file_name {\n    font-size: 14px;\n    text-align: center;\n    font-weight: 400;\n    word-break: break-word;\n    margin-bottom: 5px;\n  }\n\n  .actions {\n    display: flex;\n    align-content: center;\n    gap: 10px;\n    width: fit-content;\n    margin: 0 0 0 auto;\n\n    .action-button {\n      padding: 0;\n      border: 0;\n      width: 30px;\n      height: 30px;\n      border-radius: 5px;\n      background: #e1e1e1;\n      color: #828282;\n      cursor: pointer;\n      padding: 8px;\n      display: flex;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: currentColor;\n      }\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 0;\n  width: 100%;\n  margin-top: 10px;\n  max-width: 150px;\n\n  .icon {\n    height: 40px;\n    width: 40px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    overflow: hidden;\n    border-radius: 8px;\n    overflow: hidden;\n\n    svg {\n      width: 30px; \n      height: 30px;\n    }\n\n    img {\n      height: 100%;\n      width: 100%;\n      object-fit: cover;\n    }\n  }\n\n  .file_name {\n    font-size: 14px;\n    text-align: center;\n    font-weight: 400;\n    word-break: break-word;\n    margin-bottom: 5px;\n  }\n\n  .actions {\n    display: flex;\n    align-content: center;\n    gap: 10px;\n    width: fit-content;\n    margin: 0 0 0 auto;\n\n    .action-button {\n      padding: 0;\n      border: 0;\n      width: 30px;\n      height: 30px;\n      border-radius: 5px;\n      background: #e1e1e1;\n      color: #828282;\n      cursor: pointer;\n      padding: 8px;\n      display: flex;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: currentColor;\n      }\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-file/file-card/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/file-card/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,osCAAA,ioCAkEpC,KAAA"}

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

@@ -0,0 +1,4 @@
+import { InputProps } from '../interfaces.js';
+export declare function InputFile(props: {
+    isLocalFile?: boolean;
+} & InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,122 @@
+"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;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputFile = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var formik_1 = require("formik");
+var file_card_1 = require("./file-card/index.js");
+var input_control_1 = require("../input-control/index.js");
+var ui_1 = require("../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function InputFile(props) {
+    var _this = this;
+    var _a;
+    var _b = (0, react_1.useState)(false), loading = _b[0], setLoading = _b[1];
+    var _c = (0, formik_1.useField)({ name: props.name }), field = _c[0], _ = _c[1], handlers = _c[2];
+    function convertToFileSystemType(file) {
+        return {
+            id: Date.now(),
+            url: URL.createObjectURL(file),
+            title: file.name,
+            length: file.size.toString(),
+            fileType: file.type,
+            file: file,
+        };
+    }
+    var idFile = (0, ui_1.uid)(10);
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(S.InputFile, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { id: idFile, name: props.name, disabled: loading, type: 'file', onChange: function (event) { return __awaiter(_this, void 0, void 0, function () {
+                        var files, fileSystemTypes, file;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0:
+                                    files = event.currentTarget.files;
+                                    if (!props.isLocalFile) return [3 /*break*/, 1];
+                                    fileSystemTypes = Array.from(files).map(convertToFileSystemType);
+                                    handlers.setValue(fileSystemTypes);
+                                    return [3 /*break*/, 3];
+                                case 1:
+                                    setLoading(true);
+                                    return [4 /*yield*/, (0, ui_1.uploadFile)({ files: files })];
+                                case 2:
+                                    file = _a.sent();
+                                    handlers.setValue(file);
+                                    setLoading(false);
+                                    _a.label = 3;
+                                case 3: return [2 /*return*/];
+                            }
+                        });
+                    }); } })), (0, jsx_runtime_1.jsx)("label", { htmlFor: idFile, children: loading ? ((0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 20, color: '#000' })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDropFile' }), (0, jsx_runtime_1.jsx)("span", { children: "Selecione um arquivo" })] })) }), (0, jsx_runtime_1.jsx)("div", { className: 'initial_value_input_file', children: (field === null || field === void 0 ? void 0 : field.value) &&
+                        ((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.map(function (file) { return ((0, jsx_runtime_1.jsx)(file_card_1.FileCard, { file: file, isLocalFile: props.isLocalFile, onDelete: function (file) { var _a; return handlers.setValue((_a = field.value) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item.url !== file.url; })); } }, file.id + 'file_key')); })) })] }) })));
+}
+exports.InputFile = InputFile;
+//# sourceMappingURL=index.js.map

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

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

package/dist/ui/components/form/input-file/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const InputFile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>> & string;

package/dist/ui/components/form/input-file/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputFile = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.InputFile = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n\n  input {\n    display: none;\n  }\n\n  label {\n    width: 100%;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 54px;\n    gap: 10px;\n    cursor: pointer;\n    color: #828282;\n\n    svg {\n      width: 15px;\n      height: auto;\n      fill: currentColor;\n    }\n\n    span {\n      font-size: 16px;\n      font-weight: 400;\n    }\n\n    &:hover {\n      background-color: #f1f1f1;\n    }\n  }\n\n  .initial_value_input_file {\n    display: flex;\n    gap: 10px;\n  }\n"], ["\n  width: 100%;\n\n  input {\n    display: none;\n  }\n\n  label {\n    width: 100%;\n    border: 1px solid #ccc;\n    border-radius: 5px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 54px;\n    gap: 10px;\n    cursor: pointer;\n    color: #828282;\n\n    svg {\n      width: 15px;\n      height: auto;\n      fill: currentColor;\n    }\n\n    span {\n      font-size: 16px;\n      font-weight: 400;\n    }\n\n    &:hover {\n      background-color: #f1f1f1;\n    }\n  }\n\n  .initial_value_input_file {\n    display: flex;\n    gap: 10px;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/ui/components/form/input-file/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,SAAS,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,mpBAAA,glBAuCrC,KAAA"}

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

@@ -0,0 +1,5 @@
+import { InputProps } from '../interfaces.js';
+export declare function InputMask(props: {
+    mask: string;
+    removeMask?: boolean;
+} & InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,35 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputMask = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var formik_1 = require("formik");
+var mask_1 = require("./lib/mask/index.js");
+var input_control_1 = require("../input-control/index.js");
+function InputMask(props) {
+    var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], helpers = _a[2];
+    var inputRef = (0, mask_1.useMask)({
+        mask: props.mask,
+        replacement: { _: /\d/ },
+    });
+    (0, react_1.useEffect)(function () {
+        if (field.value === undefined) {
+            helpers.setValue('');
+            inputRef.current.value = '';
+        }
+    }, [field.value]);
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)("input", __assign({ id: props.name }, field, { placeholder: props.placeholder, ref: inputRef })) })));
+}
+exports.InputMask = InputMask;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-mask/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,+BAAiC;AAEjC,iCAAiC;AACjC,mCAAoC;AAEpC,kDAA+C;AAI/C,SAAgB,SAAS,CAAC,KAA0D;IAC5E,IAAA,KAAsB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAnD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAAkC,CAAA;IAE1D,IAAM,QAAQ,GAAG,IAAA,cAAO,EAAC;QACvB,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,WAAW,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE;KACzB,CAAC,CAAA;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,EAAE,CAAC;YAC9B,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;YACpB,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAA;QAC7B,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,2CAAO,EAAE,EAAE,KAAK,CAAC,IAAI,IAAM,KAAK,IAAE,WAAW,EAAE,KAAK,CAAC,WAAW,EAAE,GAAG,EAAE,QAAQ,IAAI,IACtE,CAChB,CAAA;AACH,CAAC;AApBD,8BAoBC"}

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

@@ -0,0 +1,14 @@
+import type { InputAttributes } from '../types.js';
+interface SyntheticChangeError {
+    cause?: {
+        __attributes?: Partial<InputAttributes>;
+    };
+}
+/**
+ * Кастомная ошибка обрабатывается в хуке `useInput` с возможностью
+ * передать аттрибуты для установки в `input` элемент.
+ */
+declare class SyntheticChangeError extends Error {
+    constructor(message: string, cause?: SyntheticChangeError['cause']);
+}
+export default SyntheticChangeError;

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

@@ -0,0 +1,34 @@
+"use strict";
+/* eslint-disable @typescript-eslint/no-unsafe-declaration-merging */
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * Кастомная ошибка обрабатывается в хуке `useInput` с возможностью
+ * передать аттрибуты для установки в `input` элемент.
+ */
+var SyntheticChangeError = /** @class */ (function (_super) {
+    __extends(SyntheticChangeError, _super);
+    function SyntheticChangeError(message, cause) {
+        var _this = _super.call(this, message) || this;
+        _this.name = 'SyntheticChangeError';
+        _this.cause = cause;
+        return _this;
+    }
+    return SyntheticChangeError;
+}(Error));
+exports.default = SyntheticChangeError;
+//# sourceMappingURL=SyntheticChangeError.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyntheticChangeError.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-mask/lib/core/errors/SyntheticChangeError.ts"],"names":[],"mappings":";AAAA,qEAAqE;;;;;;;;;;;;;;;;;AAQrE;;;GAGG;AACH;IAAmC,wCAAK;IACtC,8BAAY,OAAe,EAAE,KAAqC;QAChE,YAAA,MAAK,YAAC,OAAO,CAAC,SAAC;QACf,KAAI,CAAC,IAAI,GAAG,sBAAsB,CAAC;QACnC,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;;IACrB,CAAC;IACH,2BAAC;AAAD,CAAC,AAND,CAAmC,KAAK,GAMvC;AAED,kBAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+/**
+ * Объединяет ссылки на dom-элементы (`ref`). Полезно когда необходимо хранить
+ * ссылку на один и тот же элемент с помощью хука `useRef` в разных компонентах.
+ * @returns
+ */
+export default function useConnectedInputRef(ref: React.MutableRefObject<HTMLInputElement | null>, forwardedRef: React.ForwardedRef<HTMLInputElement>): (element: HTMLInputElement | null) => void;

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = require("react");
+/**
+ * Объединяет ссылки на dom-элементы (`ref`). Полезно когда необходимо хранить
+ * ссылку на один и тот же элемент с помощью хука `useRef` в разных компонентах.
+ * @returns
+ */
+function useConnectedInputRef(ref, forwardedRef) {
+    return (0, react_1.useCallback)(function (element) {
+        ref.current = element;
+        if (typeof forwardedRef === 'function') {
+            forwardedRef(element);
+        }
+        else if (typeof forwardedRef === 'object' && forwardedRef !== null) {
+            forwardedRef.current = element;
+        }
+    }, [ref, forwardedRef]);
+}
+exports.default = useConnectedInputRef;
+//# sourceMappingURL=useConnectedInputRef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useConnectedInputRef.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-mask/lib/core/hooks/useConnectedInputRef.ts"],"names":[],"mappings":";;AAAA,+BAAoC;AAEpC;;;;GAIG;AACH,SAAwB,oBAAoB,CAC1C,GAAoD,EACpD,YAAkD;IAElD,OAAO,IAAA,mBAAW,EAChB,UAAC,OAAgC;QAC/B,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;QAEtB,IAAI,OAAO,YAAY,KAAK,UAAU,EAAE,CAAC;YACvC,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;aAAM,IAAI,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,IAAI,EAAE,CAAC;YACrE,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;QACjC,CAAC;IACH,CAAC,EACD,CAAC,GAAG,EAAE,YAAY,CAAC,CACpB,CAAC;AACJ,CAAC;AAhBD,uCAgBC"}