infinity-forge 0.31.4 → 0.31.5

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

@@ -0,0 +1,41 @@
+"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.InputControl = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var ui_1 = require("../../../../ui/index.js");
+var label_1 = require("./label/index.js");
+var error_1 = require("./error/index.js");
+var loader_input_1 = require("./loader-input/index.js");
+var S = __importStar(require("./styles.js"));
+function InputControl(_a) {
+    var icon = _a.icon, name = _a.name, label = _a.label, loading = _a.loading, children = _a.children;
+    var errors = (0, formik_1.useFormikContext)().errors;
+    var error = errors[name];
+    return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: "input-control-".concat(name), children: (0, jsx_runtime_1.jsxs)(S.InputControl, { "$loading": loading, "$error": !!error, className: 'input_control', "$inputIconSize": (icon === null || icon === void 0 ? void 0 : icon.size) || 20, "$inputIconDirection": (icon === null || icon === void 0 ? void 0 : icon.direction) || 'left', children: [label && (0, jsx_runtime_1.jsx)(label_1.Label, { inputId: name, label: label }), (0, jsx_runtime_1.jsxs)("div", { className: 'input-content', children: [loading && (0, jsx_runtime_1.jsx)(loader_input_1.LoaderInput, {}), icon && ((0, jsx_runtime_1.jsx)("div", { className: 'input-icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: icon.name, fill: icon.color }) })), (0, jsx_runtime_1.jsx)("div", { className: 'input-wrapper', children: children })] }), error && (0, jsx_runtime_1.jsx)(error_1.ErrorMessage, { error: error })] }) }));
+}
+exports.InputControl = InputControl;
+//# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-control/label/index.js

@@ -0,0 +1,34 @@
+"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.Label = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var S = __importStar(require("./styles.js"));
+function Label(_a) {
+    var inputId = _a.inputId, label = _a.label;
+    return ((0, jsx_runtime_1.jsx)(S.Label, { children: (0, jsx_runtime_1.jsx)("label", { htmlFor: inputId, children: label }) }));
+}
+exports.Label = Label;
+//# sourceMappingURL=index.js.map

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

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

package/dist/ui/components/form/input-control/loader-input/index.js

@@ -0,0 +1,34 @@
+"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.LoaderInput = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var ui_1 = require("../../../../../ui/index.js");
+var S = __importStar(require("./styles.js"));
+function LoaderInput() {
+    return ((0, jsx_runtime_1.jsx)(S.LoaderInput, { children: (0, jsx_runtime_1.jsx)(ui_1.LoaderCircle, { size: 20, color: '#000' }) }));
+}
+exports.LoaderInput = LoaderInput;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+/// <reference types="react/experimental" />
 interface IInputStyleProps {
     $error?: boolean;
     $loading?: boolean;

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

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

package/dist/ui/components/form/input-cpf-cnpj/index.js

@@ -0,0 +1,55 @@
+"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.InputCpfCnpj = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var mask_1 = require("@react-input/mask");
+var input_control_1 = require("../input-control/index.js");
+var react_1 = require("react");
+function InputCpfCnpj(props) {
+    var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], state = _a[1], helpers = _a[2];
+    var ref = (0, react_1.useRef)();
+    var masks = {
+        cpf: '___.___.___-__',
+        cnpj: '__.___.___/____-__',
+    };
+    var handleMask = function (value) {
+        return props.only ? masks[props.only] : (value === null || value === void 0 ? void 0 : value.length) > 11 ? masks['cnpj'] : masks['cpf'];
+    };
+    function modify(value) {
+        return {
+            mask: handleMask(value),
+            replacement: { _: /\d/ },
+        };
+    }
+    var handleChange = function (event) {
+        field.onChange(event);
+        helpers.setValue(event.target.value);
+        helpers.setTouched(true);
+    };
+    (0, react_1.useEffect)(function () {
+        if (state.initialValue) {
+            ref.current.value = state.initialValue;
+        }
+    }, [state.initialValue]);
+    (0, react_1.useEffect)(function () {
+        if (field.value === undefined) {
+            helpers.setValue("");
+            ref.current.value = "";
+        }
+    }, [field.value]);
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(mask_1.InputMask, { ref: ref, mask: handleMask(''), replacement: { _: /\d/ }, modify: modify, onMask: handleChange }) })));
+}
+exports.InputCpfCnpj = InputCpfCnpj;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,27 @@
+"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 });
+exports.InputCurrency = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var input_control_1 = require("../input-control/index.js");
+var react_currency_input_field_1 = __importDefault(require("react-currency-input-field"));
+function InputCurrency(props) {
+    var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], utils = _a[2];
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_currency_input_field_1.default, { prefix: 'R$', decimalsLimit: 2, decimalSeparator: ',', groupSeparator: '.', value: field.value, onValueChange: function (value) { return utils.setValue(value); } }) })));
+}
+exports.InputCurrency = InputCurrency;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,4 @@
+import { InputProps } from '../interfaces.js';
+export declare function InputDate(props: {
+    format: 'DD-MM-YYYY' | 'DD-MM-YYYY hh:mm';
+} & InputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,47 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputDate = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var formik_1 = require("formik");
+var dist_1 = __importDefault(require("react-semantic-ui-datepickers/dist"));
+var S = __importStar(require("./styles.js"));
+function InputDate(props) {
+    var _a = (0, formik_1.useField)({ name: props.name, type: "text" }), field = _a[0], state = _a[1], handlers = _a[2];
+    React.useEffect(function () {
+        if (state.initialValue) {
+            handlers.setValue(state.initialValue);
+        }
+    }, [state.initialValue]);
+    return ((0, jsx_runtime_1.jsx)(S.InputDate, { children: (0, jsx_runtime_1.jsx)(dist_1.default, { className: 'paragraph-1-bold', value: new Date(field.value), onChange: function (_, data) {
+                handlers === null || handlers === void 0 ? void 0 : handlers.setValue(data.value || "");
+            }, placeholder: props.label, locale: 'pt-BR', type: 'basic', format: props.format, disabled: props.disabled }) }));
+}
+exports.InputDate = InputDate;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { FileSystemType } from '../../../../../system/index.js';
+export declare function FileCard({ file, onDelete }: {
+    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,65 @@
+"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 semantic_ui_react_1 = require("semantic-ui-react");
+var icons_1 = require("../../../../../ui/icons/index.js");
+var S = __importStar(require("./styles.js"));
+var utils_1 = require("../../../../../ui/utils/index.js");
+function FileCard(_a) {
+    var file = _a.file, onDelete = _a.onDelete;
+    function format(name) {
+        var fileNameLimit = 10;
+        var splited = name.split('.');
+        var hasExtension = splited.length > 1;
+        var fileName = hasExtension
+            ? splited.slice(0, -1).join('.').substring(0, fileNameLimit)
+            : name.substring(0, fileNameLimit);
+        return {
+            extension: splited.pop(),
+            name: hasExtension ? "".concat(fileName, ".").concat(splited.pop()) : fileName,
+        };
+    }
+    var formatedFileName = format(file.url);
+    var Image = function () {
+        switch (formatedFileName.extension) {
+            case 'pdf':
+                return (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconPdf', fill: '#f52421' });
+            case 'xlsx':
+                return (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconExcel' });
+            case 'doc':
+                return (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconWord' });
+            case 'docx':
+                return (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconWord' });
+            default: {
+                return (0, jsx_runtime_1.jsx)("img", { src: file.url });
+            }
+        }
+    };
+    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: formatedFileName.name }), (0, jsx_runtime_1.jsxs)("div", { className: 'actions', children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { 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)(icons_1.Icon, { name: 'IconEye' }) }) }), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { 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)(icons_1.Icon, { name: 'IconDelete' }) }) }), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { content: 'Baixar', trigger: (0, jsx_runtime_1.jsx)("button", { type: 'button', className: 'action-button', onClick: function () { return (0, utils_1.loadFile)({ FileIds: [file.id] }); }, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconDropFile' }) }) })] })] }));
+}
+exports.FileCard = FileCard;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,104 @@
+"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];
+    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: props.name, name: props.name, disabled: loading, type: 'file', onChange: function (event) { return __awaiter(_this, void 0, void 0, function () {
+                        var file;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0:
+                                    setLoading(true);
+                                    return [4 /*yield*/, (0, ui_1.uploadFile)({ files: event.currentTarget.files })];
+                                case 1:
+                                    file = _a.sent();
+                                    handlers.setValue(file);
+                                    setLoading(false);
+                                    return [2 /*return*/];
+                            }
+                        });
+                    }); } })), (0, jsx_runtime_1.jsx)("label", { htmlFor: props.name, 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, 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/styles.d.ts

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

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("@react-input/mask");
+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-password/index.d.ts

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

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

@@ -0,0 +1,55 @@
+"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.InputPassword = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var formik_1 = require("formik");
+var icons_1 = require("../../../../ui/icons/index.js");
+var input_control_1 = require("../input-control/index.js");
+var S = __importStar(require("./styles.js"));
+function InputPassword(props) {
+    var _a = (0, react_1.useState)(false), showPassword = _a[0], setShowPassword = _a[1];
+    var _b = (0, formik_1.useField)(props.name), field = _b[0], _ = _b[1], helpers = _b[2];
+    (0, react_1.useEffect)(function () {
+        if (field.value === undefined) {
+            helpers.setValue("");
+        }
+    }, [field.value]);
+    return ((0, jsx_runtime_1.jsx)(S.InputPassword, { children: (0, jsx_runtime_1.jsxs)(input_control_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("input", __assign({ id: props.name, type: showPassword ? 'text' : 'password', className: 'font-16-regular' }, props, field)), (0, jsx_runtime_1.jsx)("button", { tabIndex: -1, type: 'button', className: 'eye', onClick: function () { return setShowPassword(!showPassword); }, "aria-label": 'password eye', children: (0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: !showPassword ? 'IconEyeOff' : 'IconEye' }) }) })] })) }));
+}
+exports.InputPassword = InputPassword;
+//# sourceMappingURL=index.js.map

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

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

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

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

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

@@ -0,0 +1,24 @@
+"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.InputSwitch = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var semantic_ui_react_1 = require("semantic-ui-react");
+var input_control_1 = require("../input-control/index.js");
+function InputSwitch(props) {
+    var field = (0, formik_1.useField)({ name: props.name, type: "checkbox" })[0];
+    return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Checkbox, __assign({ toggle: true }, field, { id: props.name })) })));
+}
+exports.InputSwitch = InputSwitch;
+//# sourceMappingURL=index.js.map