infinity-forge 2.0.7 → 2.0.9

package/dist/ui/components/form/input-file/{use-file.d.ts → hooks/use-file.d.ts}

@@ -1,29 +1,27 @@
 /// <reference types="react" />
 import { FieldHelperProps, FieldInputProps } from 'formik';
-import { FileSystemType } from '../../../../system/index.js';
-import { InputProps } from '../../../../ui/index.js';
+import { FileSystemType } from '../../../../../system/index.js';
+import { InputProps } from '../../../../../ui/index.js';
 export type FileState = {
     idFile: string;
     loading: boolean;
     field: FieldInputProps<FileSystemType[]>;
     handlers: FieldHelperProps<FileSystemType[]>;
     setLoading: React.SetStateAction<React.Dispatch<boolean>>;
-    deleteFile: (file: FileSystemType) => Promise<void>;
     onChangeInputFile: (event: any) => Promise<void>;
 };
 export declare function useFile(props: InputProps): {
-    FileArea: ({ children }: {
-        children: any;
-    }) => import("react/jsx-runtime").JSX.Element;
     InputFile: ({ visible }: {
         visible?: boolean;
     }) => import("react/jsx-runtime").JSX.Element;
     UploadCamera: () => import("react/jsx-runtime").JSX.Element;
+    LabelFileArea: ({ children }: {
+        children: any;
+    }) => import("react/jsx-runtime").JSX.Element;
     idFile: string;
     field: FieldInputProps<FileSystemType[]>;
     handlers: FieldHelperProps<FileSystemType[]>;
     loading: boolean;
     setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    deleteFile: (file: FileSystemType) => Promise<void>;
     onChangeInputFile: (event: any) => Promise<void>;
 };

package/dist/ui/components/form/input-file/{use-file.js → hooks/use-file.js}

@@ -59,11 +59,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFile = void 0;
 var react_1 = require("react");
 var formik_1 = require("formik");
-var ui_1 = require("../../../../ui/index.js");
+var ui_1 = require("../../../../../ui/index.js");
 var use_file_elements_1 = require("./use-file-elements.js");
 function useFile(props) {
     var _a = (0, react_1.useState)(false), loading = _a[0], setLoading = _a[1];
-    var _b = (0, formik_1.useField)({ name: props.name }), field = _b[0], _ = _b[1], handlers = _b[2];
+    var _b = (0, formik_1.useField)({ name: (props === null || props === void 0 ? void 0 : props.name) || "" }), field = _b[0], _ = _b[1], handlers = _b[2];
     function convertToFileSystemType(file) {
         return {
             id: Date.now(),
@@ -82,11 +82,14 @@ function useFile(props) {
                     case 0:
                         files = event.currentTarget.files;
                         if (!props.isLocalFile) return [3 /*break*/, 1];
+                        console.log("files", files);
                         fileSystemTypes = Array.from(files).map(convertToFileSystemType);
+                        console.log(props.isAccumalativeFile, field.value);
                         if (props.isAccumalativeFile && field.value) {
                             handlers.setValue(__spreadArray(__spreadArray([], field.value, true), fileSystemTypes, true));
                         }
                         else {
+                            console.log(fileSystemTypes, "fileSystem");
                             handlers.setValue(fileSystemTypes);
                         }
                         return [3 /*break*/, 3];
@@ -104,18 +107,7 @@ function useFile(props) {
         });
     }
     var idFile = (0, ui_1.uid)(10);
-    function deleteFile(file) {
-        return __awaiter(this, void 0, void 0, function () {
-            var newValue;
-            var _a;
-            return __generator(this, function (_b) {
-                newValue = (_a = field.value) === null || _a === void 0 ? void 0 : _a.filter(function (item) { return item.url !== file.url; });
-                handlers.setValue(newValue.length > 0 ? newValue : undefined);
-                return [2 /*return*/];
-            });
-        });
-    }
-    var fileState = { idFile: idFile, field: field, handlers: handlers, loading: loading, setLoading: setLoading, deleteFile: deleteFile, onChangeInputFile: onChangeInputFile };
+    var fileState = { idFile: idFile, field: field, handlers: handlers, loading: loading, setLoading: setLoading, onChangeInputFile: onChangeInputFile };
     var fileElements = (0, use_file_elements_1.useFileElements)({ fileProps: props, fileState: fileState });
     return __assign(__assign({}, fileState), fileElements);
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-file.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/hooks/use-file.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,iCAAoE;AAGpE,2BAAkD;AAElD,yDAAqD;AAWrD,SAAgB,OAAO,CAAC,KAAiB;IACjC,IAAA,KAAwB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAEvC,IAAA,KAAuB,IAAA,iBAAQ,EAAmB,EAAE,IAAI,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,EAAE,EAAE,CAAC,EAA7E,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAA2D,CAAA;IAEpF,SAAS,uBAAuB,CAAC,IAAU;QACzC,OAAO;YACL,EAAE,EAAE,IAAI,CAAC,GAAG,EAAE;YACd,GAAG,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;YAC9B,KAAK,EAAE,IAAI,CAAC,IAAI;YAChB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAC5B,QAAQ,EAAE,IAAI,CAAC,IAAI;YACnB,IAAI,MAAA;SACL,CAAA;IACH,CAAC;IAED,SAAe,iBAAiB,CAAC,KAAK;;;;;;wBAC9B,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAA;6BAGnC,KAAK,CAAC,WAAW,EAAjB,wBAAiB;wBACnB,OAAO,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;wBACrB,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAA;wBAEtE,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;wBAElD,IAAG,KAAK,CAAC,kBAAkB,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC;4BAC3C,QAAQ,CAAC,QAAQ,iCAAK,KAAK,CAAC,KAAK,SAAK,eAAe,QAAE,CAAA;wBACzD,CAAC;6BAAK,CAAC;4BACL,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;4BAC1C,QAAQ,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAA;wBACpC,CAAC;;;wBAGD,UAAU,CAAC,IAAI,CAAC,CAAA;wBAEH,qBAAM,IAAA,eAAU,EAAC,EAAE,KAAK,OAAA,EAAE,CAAC,EAAA;;wBAAlC,IAAI,GAAG,SAA2B;wBAExC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;wBAEvB,UAAU,CAAC,KAAK,CAAC,CAAA;;;;;;KAEpB;IAED,IAAM,MAAM,GAAG,IAAA,QAAG,EAAC,EAAE,CAAW,CAAA;IAEhC,IAAM,SAAS,GAAG,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,iBAAiB,mBAAA,EAAE,CAAA;IAErF,IAAM,YAAY,GAAG,IAAA,mCAAe,EAAC,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,WAAA,EAAE,CAAC,CAAA;IAErE,6BAAY,SAAS,GAAK,YAAY,EAAE;AAC1C,CAAC;AAnDD,0BAmDC"}

package/dist/ui/components/form/input-file/hooks/use-rendered-file.d.ts

@@ -0,0 +1,9 @@
+import { RenderFileProps } from '../../../../../ui/index.js';
+export declare function useRenderedFile(props: RenderFileProps): {
+    DownloadButton: () => import("react/jsx-runtime").JSX.Element;
+    DeleteFileButton: () => import("react/jsx-runtime").JSX.Element;
+    ShowDetailFileButton: () => import("react/jsx-runtime").JSX.Element;
+    Image: () => import("react/jsx-runtime").JSX.Element;
+    fileName: string;
+    downloadUrl: string;
+};

package/dist/ui/components/form/input-file/hooks/use-rendered-file.js

@@ -0,0 +1,71 @@
+"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.useRenderedFile = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var ui_1 = require("../../../../../ui/index.js");
+function useRenderedFile(props) {
+    var _a, _b, _c;
+    var _d = (0, react_1.useState)(null), downloadUrl = _d[0], setDownloadUrl = _d[1];
+    var components = (0, ui_1.useComponentsFile)(props);
+    function format(name) {
+        var fileNameLimit = 10;
+        var splited = name === null || name === void 0 ? void 0 : name.split('.');
+        var hasExtension = Array.isArray(splited) ? splited.length > 1 : 0;
+        var fileName = hasExtension
+            ? splited.slice(0, -1).join('.').substring(0, fileNameLimit)
+            : name === null || name === void 0 ? void 0 : name.substring(0, fileNameLimit);
+        return {
+            extension: hasExtension ? splited.pop() : '',
+            name: hasExtension ? "".concat(fileName, ".").concat(splited.pop()) : fileName,
+        };
+    }
+    var fileName = format((_a = props === null || props === void 0 ? void 0 : props.file) === null || _a === void 0 ? void 0 : _a.url);
+    var Image = function () {
+        var _a, _b, _c;
+        switch (fileName.extension || ((_a = props.file) === null || _a === void 0 ? void 0 : _a.fileType)) {
+            case 'application/pdf':
+                return (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", { style: { height: '100%', width: '100%' }, src: ((_b = props === null || props === void 0 ? void 0 : props.file) === null || _b === void 0 ? void 0 : _b.url) || ((_c = props === null || props === void 0 ? void 0 : props.file) === null || _c === void 0 ? void 0 : _c.defaultImage) });
+        }
+    };
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (props.isLocalFile) {
+            fetch((_a = props === null || props === void 0 ? void 0 : props.file) === null || _a === void 0 ? void 0 : _a.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); });
+        }
+    }, [(_b = props === null || props === void 0 ? void 0 : props.file) === null || _b === void 0 ? void 0 : _b.url, props.isLocalFile]);
+    return __assign({ Image: Image, fileName: ((_c = props.file) === null || _c === void 0 ? void 0 : _c.title) || (fileName === null || fileName === void 0 ? void 0 : fileName.name), downloadUrl: downloadUrl }, components);
+}
+exports.useRenderedFile = useRenderedFile;
+//# sourceMappingURL=use-rendered-file.js.map

package/dist/ui/components/form/input-file/hooks/use-rendered-file.js.map

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

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

@@ -1,6 +1,3 @@
-export * from "./use-file.js";
+export * from "./hooks/index.js";
 export * from "./component.js";
-export * from "./file-card/index.js";
-export * from "./use-file-elements.js";
-export * from "./use-components-file.js";
-export * from "./file-card/use-file-card.js";
+export * from "./render-files/index.js";

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

@@ -14,10 +14,7 @@ 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);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./use-file.js"), exports);
+__exportStar(require("./hooks/index.js"), exports);
 __exportStar(require("./component.js"), exports);
-__exportStar(require("./file-card/index.js"), exports);
-__exportStar(require("./use-file-elements.js"), exports);
-__exportStar(require("./use-components-file.js"), exports);
-__exportStar(require("./file-card/use-file-card.js"), exports);
+__exportStar(require("./render-files/index.js"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,8CAA2B;AAC3B,8CAA2B;AAC3B,sDAAmC;AACnC,wDAAqC;AACrC,4DAAyC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,8CAA2B;AAC3B,iDAA8B"}

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

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

package/dist/ui/components/form/input-file/render-files/component.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.RenderFiles = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var formik_1 = require("formik");
+var file_item_1 = require("./file-item/index.js");
+var S = __importStar(require("./styles.js"));
+function RenderFiles(props) {
+    var _a, _b;
+    var values = (0, formik_1.useFormikContext)().values;
+    var fileReferenceList = "".concat(props.name, "[").concat(props.index, "].mobile");
+    var nameMobile = fileReferenceList + "[0]";
+    var mobileFiles = (_b = (_a = values[props.name]) === null || _a === void 0 ? void 0 : _a[props.index]) === null || _b === void 0 ? void 0 : _b['mobile'];
+    var mobileProps = __assign(__assign({}, props), { id: nameMobile, name: fileReferenceList, fileReferenceList: fileReferenceList, multiple: false, isAccumalativeFile: false, nameFileMobile: nameMobile, isLocalFile: props.isLocalFile, enableMobileImage: props.enableMobileImage, mobileFilesAlredyExist: mobileFiles && mobileFiles.length > 0 });
+    return ((0, jsx_runtime_1.jsxs)(S.FileCard, { children: [(0, jsx_runtime_1.jsx)(file_item_1.FileItem, __assign({}, props, { mobile: __assign({}, mobileProps) })), mobileFiles &&
+                mobileFiles.map(function (fileSystem, index) {
+                    return (0, jsx_runtime_1.jsx)(file_item_1.FileItem, __assign({}, mobileProps, { name: nameMobile, file: fileSystem, isMobile: true, index: index }), nameMobile);
+                })] }));
+}
+exports.RenderFiles = RenderFiles;
+//# sourceMappingURL=component.js.map

package/dist/ui/components/form/input-file/render-files/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/render-files/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AAEzC,yCAAsC;AAKtC,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,KAAsB;;IACxC,IAAA,MAAM,GAAK,IAAA,yBAAgB,GAAE,OAAvB,CAAuB;IAErC,IAAM,iBAAiB,GAAG,UAAG,KAAK,CAAC,IAAI,cAAI,KAAK,CAAC,KAAK,aAAU,CAAA;IAChE,IAAM,UAAU,GAAG,iBAAiB,GAAG,KAAK,CAAA;IAC5C,IAAM,WAAW,GAAG,MAAA,MAAA,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAG,KAAK,CAAC,KAAK,CAAC,0CAAG,QAAQ,CAAqB,CAAA;IAErF,IAAM,WAAW,yBACZ,KAAK,KACR,EAAE,EAAE,UAAU,EACd,IAAI,EAAE,iBAAiB,EACvB,iBAAiB,mBAAA,EACjB,QAAQ,EAAE,KAAK,EACf,kBAAkB,EAAE,KAAK,EACzB,cAAc,EAAE,UAAU,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,sBAAsB,EAAE,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,GAC9D,CAAA;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,QAAQ,eACT,uBAAC,oBAAQ,eAAK,KAAK,IAAE,MAAM,eAAM,WAAW,KAAK,EAEhD,WAAW;gBACV,WAAW,CAAC,GAAG,CAAC,UAAC,UAAU,EAAE,KAAK;oBAChC,OAAO,uBAAC,oBAAQ,eAAsB,WAAW,IAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,QAAE,KAAK,EAAE,KAAK,KAAvF,UAAU,CAAiF,CAAA;gBACnH,CAAC,CAAC,IACO,CACd,CAAA;AACH,CAAC;AA9BD,kCA8BC"}

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

@@ -0,0 +1,13 @@
+import { RenderFileProps } from '../../../../../../../ui/index.js';
+export type ButtonUploadImageMobileProps = {
+    mobile?: {
+        id: string;
+        name: string;
+        multiple: boolean;
+        isAccumalativeFile: boolean;
+        nameFileMobile: string;
+        mobileFilesAlredyExist: boolean;
+    };
+    isMobile?: boolean;
+};
+export declare function ButtonUploadImageMobile(props: RenderFileProps & ButtonUploadImageMobileProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonUploadImageMobile = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+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;
+    if ((props === null || props === void 0 ? void 0 : props.isMobile) ||
+        !(props === null || props === void 0 ? void 0 : props.enableMobileImage) ||
+        ((_a = props === null || props === void 0 ? void 0 : props.mobile) === null || _a === void 0 ? void 0 : _a.mobileFilesAlredyExist) ||
+        !((_b = props.mobile) === null || _b === void 0 ? void 0 : _b.nameFileMobile)) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    return ((0, jsx_runtime_1.jsx)(ui_1.Tooltip, { idTooltip: 'MobileFile', bgColor: '#fff', enableHover: true, enableArrow: true, content: 'Arquivo Mobile', trigger: (0, jsx_runtime_1.jsx)(LabelFileArea, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'action-button', children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'none' }, children: (0, jsx_runtime_1.jsx)(InputFile, {}) }), (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconMobile' })] }) }) }));
+}
+exports.ButtonUploadImageMobile = ButtonUploadImageMobile;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/components/form/input-file/render-files/file-item/button-upload-image-mobile/index.tsx"],"names":[],"mappings":";;;;AAAA,2BAA8D;AAc9D,SAAgB,uBAAuB,CAAC,KAAqD;;IACrF,IAAA,KAA+B,IAAA,YAAO,EAAC,KAAK,CAAC,MAAM,CAAC,EAAlD,SAAS,eAAA,EAAE,aAAa,mBAA0B,CAAA;IAE1D,IACE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ;QACf,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,CAAA;SACzB,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,sBAAsB,CAAA;QACrC,CAAC,CAAA,MAAA,KAAK,CAAC,MAAM,0CAAE,cAAc,CAAA,EAC7B,CAAC;QACD,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,YAAO,IACN,SAAS,EAAC,YAAY,EACtB,OAAO,EAAC,MAAM,EACd,WAAW,QACX,WAAW,QACX,OAAO,EAAC,gBAAgB,EACxB,OAAO,EACL,uBAAC,aAAa,cACZ,iCAAK,SAAS,EAAC,eAAe,aAC5B,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAC7B,uBAAC,SAAS,KAAG,GACT,EAEN,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,IACtB,GACQ,GAElB,CACH,CAAA;AACH,CAAC;AAhCD,0DAgCC"}

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-file/render-files/file-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/form/input-file/render-files/file-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAAmE;AACnE,2EAAoG;AAIpG,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,KAAqD;;IACtE,IAAA,KAAyB,IAAA,YAAO,EAAC,KAAK,CAAC,EAArC,OAAO,aAAA,EAAE,SAAS,eAAmB,CAAA;IACvC,IAAA,KAA8E,IAAA,oBAAe,EAAC,KAAK,CAAC,EAAlG,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,oBAAoB,0BAAA,EAAE,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAE1G,OAAO,CACL,wBAAC,CAAC,CAAC,QAAQ,eACT,gCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,YAC7B,uBAAC,SAAS,KAAG,GACT,EAEN,gCAAK,SAAS,EAAC,OAAO,YAAE,OAAO,CAAC,CAAC,CAAC,uBAAC,iBAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,uBAAC,KAAK,KAAG,GAAO,EAE5F,iCAAK,SAAS,EAAC,MAAM,aACnB,2CACE,iCAAK,SAAS,EAAC,MAAM,aAClB,KAAK,CAAC,iBAAiB,IAAI,CAC1B,iCAAM,SAAS,EAAC,gCAAgC,YAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAAQ,CAChG,EACA,QAAQ,IAAI,iCAAM,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAQ,IACtE,EAEL,CAAC,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,mBAAmB,CAAC,IAAI,CACrD,kCAAM,SAAS,EAAC,sBAAsB,aACnC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAClB,6CACE,uBAAC,SAAI,IAAC,IAAI,EAAC,cAAc,GAAG,OAAE,KAAK,CAAC,aAAa,IAC5C,CACR,EAEA,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,sBAAsB,CAAA,IAAI,KAAK,CAAC,iBAAiB,IAAI,CACpE,6CACE,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EACzB,KAAK,CAAC,mBAAmB,IACrB,CACR,IACI,CACR,IACE,EAEL,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,oBAAoB,KAAG,EAExB,uBAAC,gBAAgB,KAAG,EAEpB,uBAAC,cAAc,KAAG,EAElB,uBAAC,oDAAuB,eAAK,KAAK,EAAI,IAClC,IACF,IACK,CACd,CAAA;AACH,CAAC;AAnDD,4BAmDC"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const FileItem: 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/render-files/file-item/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.FileItem = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.FileItem = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n\n  .image {\n    height: 90px;\n    width: 90px;\n    border-radius: 5px;\n    border: 1px solid #aaa;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n\n    img {\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }\n  }\n\n  .text {\n    width: calc(100% - 105px);\n\n    h3 {\n      display: flex;\n      justify-content: space-between;\n      padding-top: 5px;\n\n      .left {\n        display: flex;\n        flex-direction: column;\n\n        .file-nam {\n          overflow: hidden;\n          display: -webkit-box;\n          -webkit-line-clamp: 1;\n          line-clamp: 1;\n          -webkit-box-orient: vertical;\n        }\n      }\n\n      .size {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n\n        span {\n          display: flex;\n          gap: 3px;\n\n          svg {\n            width: 14px;\n            height: auto;\n            fill: #000;\n          }\n        }\n      }\n    }\n\n    .actions {\n      display: flex;\n      gap: 10px;\n      margin-top: 15px;\n\n      > div > label {\n        border: 0;\n        padding: 0;\n        height: unset;\n        margin: 0;\n        display: inline-block;\n\n        &:hover {\n          background-color: transparent;\n        }\n      }\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        transition: 0.3s;\n\n        &:hover {\n          background-color: #cbcaca;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"], ["\n  display: flex;\n  gap: 15px;\n  margin-bottom: 15px;\n\n  .image {\n    height: 90px;\n    width: 90px;\n    border-radius: 5px;\n    border: 1px solid #aaa;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin: 0;\n\n    img {\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }\n  }\n\n  .text {\n    width: calc(100% - 105px);\n\n    h3 {\n      display: flex;\n      justify-content: space-between;\n      padding-top: 5px;\n\n      .left {\n        display: flex;\n        flex-direction: column;\n\n        .file-nam {\n          overflow: hidden;\n          display: -webkit-box;\n          -webkit-line-clamp: 1;\n          line-clamp: 1;\n          -webkit-box-orient: vertical;\n        }\n      }\n\n      .size {\n        display: flex;\n        flex-direction: column;\n        gap: 3px;\n\n        span {\n          display: flex;\n          gap: 3px;\n\n          svg {\n            width: 14px;\n            height: auto;\n            fill: #000;\n          }\n        }\n      }\n    }\n\n    .actions {\n      display: flex;\n      gap: 10px;\n      margin-top: 15px;\n\n      > div > label {\n        border: 0;\n        padding: 0;\n        height: unset;\n        margin: 0;\n        display: inline-block;\n\n        &:hover {\n          background-color: transparent;\n        }\n      }\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        transition: 0.3s;\n\n        &:hover {\n          background-color: #cbcaca;\n        }\n\n        svg {\n          width: 100%;\n          height: auto;\n          fill: currentColor;\n        }\n      }\n    }\n  }\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,3 @@
+export * from "./component.js";
+export * from "./file-item/index.js";
+export * from "./interfaces.js";

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

@@ -0,0 +1,20 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./component.js"), exports);
+__exportStar(require("./file-item/index.js"), exports);
+__exportStar(require("./interfaces.js"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/render-files/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA2B;AAC3B,8CAA2B;AAC3B,+CAA4B"}

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

@@ -0,0 +1,7 @@
+import { InputProps } from "../../../../../ui/index.js";
+import { FileSystemType } from "../../../../../system/index.js";
+export type RenderFileProps = {
+    index?: number;
+    file: FileSystemType;
+    fileReferenceList?: string;
+} & InputProps;

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

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

package/dist/ui/components/form/input-file/render-files/interfaces.js.map

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

package/dist/ui/components/form/input-file/render-files/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  width: 100%;\n  padding: 15px;\n  border-radius: 10px;\n  border: 1px solid #aaa;\n"], ["\n  width: 100%;\n  padding: 15px;\n  border-radius: 10px;\n  border: 1px solid #aaa;\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileButton = 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: grid;\n    grid-template-columns: repeat(4, 1fr);\n    justify-content: space-between;\n    gap: 20px;\n    width: 100%;\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: grid;\n    grid-template-columns: repeat(4, 1fr);\n    justify-content: space-between;\n    gap: 20px;\n    width: 100%;\n  }\n"])));
+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    margin-top: 15px;\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: grid;\n    grid-template-columns: repeat(2, 1fr);\n    justify-content: flex-start;\n    align-items: flex-start;\n    gap: 20px;\n    width: 100%;\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    margin-top: 15px;\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: grid;\n    grid-template-columns: repeat(2, 1fr);\n    justify-content: flex-start;\n    align-items: flex-start;\n    gap: 20px;\n    width: 100%;\n  }\n"])));
 exports.FileButton = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  padding: 8px;\n  border-radius: 4px;\n  overflow: hidden;\n  width: 40px;\n  cursor: pointer;\n  height: 40px;\n\n  svg {\n    width: 100%;\n    height: auto;\n  }\n"], ["\n  background: none;\n  border: 1px solid rgba(0, 0, 0, 0.2);\n  padding: 8px;\n  border-radius: 4px;\n  overflow: hidden;\n  width: 40px;\n  cursor: pointer;\n  height: 40px;\n\n  svg {\n    width: 100%;\n    height: auto;\n  }\n"])));
 var templateObject_1, templateObject_2;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +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,svBAAA,mrBA0CrC,KAAA;AACY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4SAAA,yOActC,KAAA"}
+{"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,wyBAAA,quBA4CrC,KAAA;AACY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4SAAA,yOActC,KAAA"}

package/dist/ui/components/form/input-seo/input-meta-image/index.js

@@ -39,13 +39,13 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var ui_1 = require("../../../../../ui/index.js");
 var S = __importStar(require("./styles.js"));
 function InputMetaImage(props) {
-    var _a = (0, ui_1.useFile)(__assign(__assign({}, props), { accept: 'image/*', isLocalFile: true })), FileArea = _a.FileArea, InputFile = _a.InputFile, field = _a.field, deleteFile = _a.deleteFile;
-    return ((0, jsx_runtime_1.jsx)(S.InputMetaImage, { children: (0, jsx_runtime_1.jsxs)(ui_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(InputFile, { visible: false }), (0, jsx_runtime_1.jsx)("div", { className: 'meta-image', children: !field.value || (Array.isArray(field.value) && field.value.length === 0) ? ((0, jsx_runtime_1.jsx)(FileArea, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'meta_image_no_file_selected', children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconUpload', fill: '#000' }), (0, jsx_runtime_1.jsx)("p", { children: "Selecionar arquivo" })] }) })) : (field.value.map(function (file) { return (0, jsx_runtime_1.jsx)(ResultFile, { file: file, inputProps: props, deleteFile: deleteFile }); })) })] })) }));
+    var _a = (0, ui_1.useFile)(__assign(__assign({}, props), { accept: 'image/*', isLocalFile: true })), LabelFileArea = _a.LabelFileArea, InputFile = _a.InputFile, field = _a.field;
+    return ((0, jsx_runtime_1.jsx)(S.InputMetaImage, { children: (0, jsx_runtime_1.jsxs)(ui_1.InputControl, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(InputFile, { visible: false }), (0, jsx_runtime_1.jsx)("div", { className: 'meta-image', children: !field.value || (Array.isArray(field.value) && field.value.length === 0) ? ((0, jsx_runtime_1.jsx)(LabelFileArea, { children: (0, jsx_runtime_1.jsxs)("div", { className: 'meta_image_no_file_selected', children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconUpload', fill: '#000' }), (0, jsx_runtime_1.jsx)("p", { children: "Selecionar arquivo" })] }) })) : (field.value.map(function (file) { return (0, jsx_runtime_1.jsx)(ResultFile, { file: file, inputProps: props }); })) })] })) }));
 }
 exports.InputMetaImage = InputMetaImage;
 function ResultFile(_a) {
-    var inputProps = _a.inputProps, file = _a.file, deleteFile = _a.deleteFile;
-    var _b = (0, ui_1.useFileCard)(__assign(__assign({}, inputProps), { file: file })), Image = _b.Image, fileName = _b.fileName, DeleteFileButton = _b.DeleteFileButton;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'result_meta_image', children: [(0, jsx_runtime_1.jsx)(Image, {}), (0, jsx_runtime_1.jsx)("p", { children: fileName }), (0, jsx_runtime_1.jsx)(DeleteFileButton, { onDelete: deleteFile })] }));
+    var inputProps = _a.inputProps, file = _a.file;
+    var _b = (0, ui_1.useRenderedFile)(__assign(__assign({}, inputProps), { file: file })), Image = _b.Image, fileName = _b.fileName, DeleteFileButton = _b.DeleteFileButton;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: 'result_meta_image', children: [(0, jsx_runtime_1.jsx)(Image, {}), (0, jsx_runtime_1.jsx)("p", { children: fileName }), (0, jsx_runtime_1.jsx)(DeleteFileButton, {})] }));
 }
 //# sourceMappingURL=index.js.map

package/dist/ui/components/form/input-seo/input-meta-image/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-seo/input-meta-image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2BAA2E;AAE3E,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,KAAiB;IACxC,IAAA,KAA6C,IAAA,YAAO,wBAAM,KAAK,KAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,IAAG,EAAtG,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAgE,CAAA;IAE9G,OAAO,CACL,uBAAC,CAAC,CAAC,cAAc,cACf,wBAAC,iBAAY,eAAK,KAAK,eACrB,uBAAC,SAAS,IAAC,OAAO,EAAE,KAAK,GAAI,EAE7B,gCAAK,SAAS,EAAC,YAAY,YACxB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAC1E,uBAAC,QAAQ,cACP,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,GAAG,EACtC,+DAAyB,IACrB,GACG,CACZ,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,EAArE,CAAqE,CAAC,CACjG,GACG,KACO,GACE,CACpB,CAAA;AACH,CAAC;AAvBD,wCAuBC;AAED,SAAS,UAAU,CAAC,EAQnB;QAPC,UAAU,gBAAA,EACV,IAAI,UAAA,EACJ,UAAU,gBAAA;IAMJ,IAAA,KAAwC,IAAA,gBAAW,wBACpD,UAAU,KACb,IAAI,MAAA,IACJ,EAHM,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAGvC,CAAA;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,mBAAmB,aAChC,uBAAC,KAAK,KAAG,EAET,wCAAI,QAAQ,GAAK,EAEjB,uBAAC,gBAAgB,IAAC,QAAQ,EAAE,UAAU,GAAI,IACtC,CACP,CAAA;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-seo/input-meta-image/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2BAA+E;AAE/E,0CAA6B;AAE7B,SAAgB,cAAc,CAAC,KAAiB;IACxC,IAAA,KAAsC,IAAA,YAAO,wBAAM,KAAK,KAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,IAAG,EAA/F,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAgE,CAAA;IAEvG,OAAO,CACL,uBAAC,CAAC,CAAC,cAAc,cACf,wBAAC,iBAAY,eAAK,KAAK,eACrB,uBAAC,SAAS,IAAC,OAAO,EAAE,KAAK,GAAI,EAE7B,gCAAK,SAAS,EAAC,YAAY,YACxB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAC1E,uBAAC,aAAa,cACZ,iCAAK,SAAS,EAAC,6BAA6B,aAC1C,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,EAAC,IAAI,EAAC,MAAM,GAAG,EACtC,+DAAyB,IACrB,GACQ,CACjB,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBAAC,UAAU,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,GAAK,EAA9C,CAA8C,CAAC,CAC1E,GACG,KACO,GACE,CACpB,CAAA;AACH,CAAC;AAvBD,wCAuBC;AAED,SAAS,UAAU,CAAC,EAMnB;QALC,UAAU,gBAAA,EACV,IAAI,UAAA;IAKE,IAAA,KAAwC,IAAA,oBAAe,wBACxD,UAAU,KACb,IAAI,MAAA,IAEJ,EAJM,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAIvC,CAAA;IAEF,OAAO,CACL,iCAAK,SAAS,EAAC,mBAAmB,aAChC,uBAAC,KAAK,KAAG,EAET,wCAAI,QAAQ,GAAK,EAEjB,uBAAC,gBAAgB,KAAI,IACjB,CACP,CAAA;AACH,CAAC"}

package/dist/ui/components/form/interfaces.d.ts

@@ -6,11 +6,15 @@ type InputFormikState = {
     state: FieldMetaProps<any>;
 };
 interface Props {
+    disable?: boolean;
     debug?: boolean;
     name: string;
     label?: string;
     loading?: boolean;
     isLocalFile?: boolean;
+    sizeImageFile?: string;
+    sizeImageFileMobile?: string;
+    enableMobileImage?: boolean;
     icon?: {
         name?: IconsNames;
         element?: React.ReactNode;

package/dist/ui/contexts/dynamic-sections/use-dynamic-section/edit-section.d.ts

@@ -1,5 +1,7 @@
+import { DynamicFieldsSection } from '../../../../ui/index.js';
 import { DynamicSection } from '../../../../system/index.js';
-export declare function EditSectionComponent({ refSection, section, }: {
+export declare function EditSectionComponent({ fields, refSection, section, }: {
+    fields?: DynamicFieldsSection;
     refSection: DynamicSection['ref'];
     section?: Partial<DynamicSection>;
 }): import("react/jsx-runtime").JSX.Element;