infinity-forge 2.0.6 → 2.0.8

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: 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"])));
+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,mpBAAA,glBAuCrC,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,10 +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/components/form/text-editor/index.js

@@ -93,7 +93,7 @@ function TextEditor(props) {
                     case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require('react-rte')); })];
                     case 1:
                         module = _a.sent();
-                        emptyValue = module.createEmptyValue();
+                        emptyValue = module.createValueFromString('', 'html');
                         initialValue = state.initialValue ? module.createValueFromString(state.initialValue, 'html') : emptyValue;
                         setEditorValue(initialValue);
                         helpers.setValue(initialValue.toString('html'));
@@ -103,6 +103,11 @@ function TextEditor(props) {
         }); };
         importModule();
     }, [state.initialValue, helpers]);
+    (0, react_1.useEffect)(function () {
+        if (field.value === '<p><br></p>') {
+            helpers.setValue('');
+        }
+    }, [field.value]);
     var handleOnChange = function (value) {
         setEditorValue(value);
         helpers.setValue(value.toString('html'));

package/dist/ui/components/form/text-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,yDAAkC;AAElC,iCAAiC;AAEjC,kDAA+C;AAI/C,0CAA6B;AAE7B,IAAM,cAAc,GAAQ,IAAA,iBAAO,EAAC,cAAM,OAAA,iEAAO,WAAW,OAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,EAA9C,CAA8C,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAA;AAEzG,SAAgB,UAAU,CAAC,KAAiB;IAA5C,iBA2BC;IA1BO,IAAA,KAA0B,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAAxC,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,OAAO,QAAmB,CAAA;IACzC,IAAA,KAAgC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA7C,WAAW,QAAA,EAAE,cAAc,QAAkB,CAAA;IAEpD,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG;;;;4BACJ,sFAAa,WAAW,QAAC;;wBAAlC,MAAM,GAAG,SAAyB;wBAClC,UAAU,GAAG,MAAM,CAAC,gBAAgB,EAAE,CAAA;wBACtC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;wBAC/G,cAAc,CAAC,YAAY,CAAC,CAAA;wBAC5B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;;;;aAChD,CAAA;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAEjC,IAAM,cAAc,GAAG,UAAC,KAAK;QAC3B,cAAc,CAAC,KAAK,CAAC,CAAA;QACrB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,IAAC,EAAE,EAAC,aAAa,YAC5B,uBAAC,4BAAY,eAAK,KAAK,cACpB,WAAW,IAAI,uBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,GAAI,IACrF,GACF,CAChB,CAAA;AACH,CAAC;AA3BD,gCA2BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/text-editor/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA2C;AAE3C,yDAAkC;AAElC,iCAAiC;AAEjC,kDAA+C;AAI/C,0CAA6B;AAE7B,IAAM,cAAc,GAAQ,IAAA,iBAAO,EAAC,cAAM,OAAA,iEAAO,WAAW,OAAE,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,OAAO,EAAX,CAAW,CAAC,EAA9C,CAA8C,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAA;AAEzG,SAAgB,UAAU,CAAC,KAAiB;IAA5C,iBAiCC;IAhCO,IAAA,KAA0B,IAAA,iBAAQ,EAAC,KAAK,CAAC,EAAxC,KAAK,QAAA,EAAE,KAAK,QAAA,EAAE,OAAO,QAAmB,CAAA;IACzC,IAAA,KAAgC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA7C,WAAW,QAAA,EAAE,cAAc,QAAkB,CAAA;IAEpD,IAAA,iBAAS,EAAC;QACR,IAAM,YAAY,GAAG;;;;4BACJ,sFAAa,WAAW,QAAC;;wBAAlC,MAAM,GAAG,SAAyB;wBAClC,UAAU,GAAG,MAAM,CAAC,qBAAqB,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;wBACrD,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;wBAC/G,cAAc,CAAC,YAAY,CAAC,CAAA;wBAC5B,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;;;;aAChD,CAAA;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAA;IAEjC,IAAA,iBAAS,EAAC;QACR,IAAI,KAAK,CAAC,KAAK,KAAK,aAAa,EAAE,CAAC;YAClC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAA;IAEjB,IAAM,cAAc,GAAG,UAAC,KAAK;QAC3B,cAAc,CAAC,KAAK,CAAC,CAAA;QACrB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,UAAU,IAAC,EAAE,EAAC,aAAa,YAC5B,uBAAC,4BAAY,eAAK,KAAK,cACpB,WAAW,IAAI,uBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,cAAc,GAAI,IACrF,GACF,CAChB,CAAA;AACH,CAAC;AAjCD,gCAiCC"}

package/dist/ui/contexts/dynamic-sections/context.js

@@ -61,15 +61,14 @@ function DynamicSectionProvider(_a) {
     var _this = this;
     var children = _a.children, _b = _a.sections, sections = _b === void 0 ? [] : _b;
     var router = (0, router_1.useRouter)();
-    var remote = system_1.container.get(system_1.Types.RemoteDynamicSection);
     var isEditMode = router.isReady && router.query.editMode === "true";
     var _c = (0, ui_1.useQuery)({
-        queryKey: remote.keys().loadAll,
+        queryKey: "RemoteDynamicSection_loadAll",
         queryFn: function () { return __awaiter(_this, void 0, void 0, function () {
             var response;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, remote.loadAll(__assign(__assign({}, (0, ui_1.getPathnameRef)(undefined, router)), { isEditMode: true }))];
+                    case 0: return [4 /*yield*/, system_1.container.get(system_1.Types.RemoteDynamicSection).loadAll(__assign(__assign({}, (0, ui_1.getPathnameRef)(undefined, router)), { isEditMode: true }))];
                     case 1:
                         response = _a.sent();
                         return [2 /*return*/, response];

package/dist/ui/contexts/dynamic-sections/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/ui/contexts/dynamic-sections/context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiD;AAEjD,sCAAuC;AACvC,2BAA8D;AAE9D,mCAAiF;AAEjF,IAAM,qBAAqB,GAAG,IAAA,qBAAa,EAA2E;IACpH,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,cAAO,CAAC;CACjB,CAAC,CAAA;AAEF,SAAS,sBAAsB,CAAC,EAM/B;IAND,iBA6BC;QA5BC,QAAQ,cAAA,EACR,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;IAMb,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAC;IAE3B,IAAM,MAAM,GAAG,kBAAS,CAAC,GAAG,CAAuB,cAAK,CAAC,oBAAoB,CAAC,CAAA;IAE9E,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAA;IAE/D,IAAA,KAAmB,IAAA,aAAQ,EAAC;QAChC,QAAQ,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,OAAO;QAC/B,OAAO,EAAE;;;;4BACU,qBAAM,MAAM,CAAC,OAAO,uBAAK,IAAA,mBAAc,EAAC,SAAS,EAAE,MAAM,CAAC,KAAE,UAAU,EAAC,IAAI,IAAG,EAAA;;wBAAzF,QAAQ,GAAG,SAA8E;wBAE/F,sBAAO,QAAQ,EAAA;;;aAChB;QACD,OAAO,EAAE,UAAU;KACpB,CAAC,EARM,IAAI,UAAA,EAAE,MAAM,YAQlB,CAAA;IAEF,OAAO,CACL,uBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,MAAM,QAAA,EAAE,YACtF,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC;AAMQ,wDAAsB;AAJ/B,SAAS,wBAAwB;IAC/B,OAAO,IAAA,kBAAU,EAAC,qBAAqB,CAAC,CAAA;AAC1C,CAAC;AAEgC,4DAAwB"}
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/ui/contexts/dynamic-sections/context.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiD;AAEjD,sCAAuC;AACvC,2BAA8D;AAE9D,mCAAkF;AAGlF,IAAM,qBAAqB,GAAG,IAAA,qBAAa,EAA2E;IACpH,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,cAAO,CAAC;CACjB,CAAC,CAAA;AAEF,SAAS,sBAAsB,CAAC,EAM/B;IAND,iBA2BC;QA1BC,QAAQ,cAAA,EACR,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA;IAMb,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAC;IAE3B,IAAM,UAAU,GAAG,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAA;IAE/D,IAAA,KAAmB,IAAA,aAAQ,EAAC;QAChC,QAAQ,EAAE,8BAA8B;QACxC,OAAO,EAAE;;;;4BACU,qBAAM,kBAAS,CAAC,GAAG,CAAuB,cAAK,CAAC,oBAAoB,CAAC,CAAC,OAAO,uBAAK,IAAA,mBAAc,EAAC,SAAS,EAAE,MAAM,CAAC,KAAE,UAAU,EAAC,IAAI,IAAG,EAAA;;wBAAlJ,QAAQ,GAAG,SAAuI;wBAExJ,sBAAO,QAAQ,EAAA;;;aAChB;QACD,OAAO,EAAE,UAAU;KACpB,CAAC,EARM,IAAI,UAAA,EAAE,MAAM,YAQlB,CAAA;IAEF,OAAO,CACL,uBAAC,qBAAqB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,MAAM,QAAA,EAAE,YACtF,QAAQ,GACsB,CAClC,CAAA;AACH,CAAC;AAMQ,wDAAsB;AAJ/B,SAAS,wBAAwB;IAC/B,OAAO,IAAA,kBAAU,EAAC,qBAAqB,CAAC,CAAA;AAC1C,CAAC;AAEgC,4DAAwB"}

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;

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

@@ -59,22 +59,22 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var router_1 = require("next/router");
 var styled_components_1 = __importDefault(require("styled-components"));
-var system_1 = require("../../../../system/index.js");
 var ui_1 = require("../../../../ui/index.js");
+var system_1 = require("../../../../system/index.js");
 function EditSectionComponent(_a) {
     var _this = this;
-    var refSection = _a.refSection, _b = _a.section, section = _b === void 0 ? undefined : _b;
+    var fields = _a.fields, refSection = _a.refSection, _b = _a.section, section = _b === void 0 ? undefined : _b;
     var _c = (0, react_1.useState)(false), open = _c[0], setOpen = _c[1];
     var query = (0, router_1.useRouter)().query;
     var createToast = (0, ui_1.useToast)().createToast;
     var refetch = (0, ui_1.useQueryClient)(function (state) { return state.refetch; });
-    var remote = system_1.container.get(system_1.Types.RemoteDynamicSection);
     function handleSubmit(data) {
         return __awaiter(this, void 0, void 0, function () {
             var response;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0: return [4 /*yield*/, remote[(section === null || section === void 0 ? void 0 : section.id) ? 'update' : 'create'](data)];
+                    case 0: return [4 /*yield*/, system_1.container
+                            .get(system_1.Types.RemoteDynamicSection)[(section === null || section === void 0 ? void 0 : section.id) ? 'update' : 'create'](data)];
                     case 1:
                         response = _a.sent();
                         return [2 /*return*/, response];
@@ -83,14 +83,14 @@ function EditSectionComponent(_a) {
         });
     }
     var initialData = __assign(__assign({}, section), { ref: refSection });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [open && ((0, jsx_runtime_1.jsx)(ui_1.Modal, { styles: { maxWidth: '900px', width: '100%' }, open: open, onClose: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { debugMode: true, disableEnterKeySubmitForm: true, fileFields: {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [open && ((0, jsx_runtime_1.jsx)(ui_1.Modal, { styles: { maxWidth: '900px', width: '100%' }, open: open, onClose: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { disableEnterKeySubmitForm: true, fileFields: {
                         fields: ['images'],
                         ref: 'section',
                         unique: false,
                         onUpload: function () { return __awaiter(_this, void 0, void 0, function () {
                             return __generator(this, function (_a) {
                                 switch (_a.label) {
-                                    case 0: return [4 /*yield*/, refetch(remote.keys().loadAll)];
+                                    case 0: return [4 /*yield*/, refetch('RemoteDynamicSection_loadAll')];
                                     case 1:
                                         _a.sent();
                                         createToast({ message: 'Sessão atualizada com sucesso', status: 'success' });
@@ -101,11 +101,11 @@ function EditSectionComponent(_a) {
                     }, onSucess: handleSubmit, initialData: initialData, button: { text: 'Salvar' }, i18n: {
                         RenderFields: function (_a) {
                             var symbol = _a.symbol;
-                            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.InputSwitch, { name: 'enabled', label: 'Ativo' }), (0, jsx_runtime_1.jsxs)("div", { className: 'row', children: [(0, jsx_runtime_1.jsx)(ui_1.Input, { name: symbol + '.title', label: 'Titulo' }), (0, jsx_runtime_1.jsx)(ui_1.Input, { name: symbol + '.subtitle', label: 'Subtitulo' })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'row', children: [(0, jsx_runtime_1.jsx)(ui_1.Input, { name: symbol + '.linkText', label: 'Link texto' }), (0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'linkUrl', label: 'Link Url' })] }), (0, jsx_runtime_1.jsx)(ui_1.TextEditor, { name: symbol + '.description', label: 'Descri\u00E7\u00E3o' }), (0, jsx_runtime_1.jsxs)("div", { className: 'row', children: [(0, jsx_runtime_1.jsx)(ui_1.InputFile, { name: 'images', isAccumalativeFile: true, multiple: true, isLocalFile: true, label: 'Imagens' }), (0, jsx_runtime_1.jsx)(ui_1.Input, { name: 'videoUrl', label: 'Video URL' })] })] }));
+                            return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ui_1.TextEditor, __assign({ name: symbol + '.title', label: 'Titulo' }, fields['title'])), (0, jsx_runtime_1.jsx)(ui_1.TextEditor, __assign({ name: symbol + '.subtitle', label: 'Subtitulo' }, fields['subtitle'])), (0, jsx_runtime_1.jsxs)("div", { className: 'row', children: [(0, jsx_runtime_1.jsx)(ui_1.Input, __assign({ name: symbol + '.linkText', label: 'Link texto' }, fields['linkText'])), (0, jsx_runtime_1.jsx)(ui_1.Input, __assign({ name: 'linkUrl', label: 'Link Url' }, fields['linkUrl']))] }), (0, jsx_runtime_1.jsx)(ui_1.TextEditor, __assign({ name: symbol + '.description', label: 'Descri\u00E7\u00E3o' }, fields['description'])), (0, jsx_runtime_1.jsx)(ui_1.Input, __assign({ name: 'videoUrl', label: 'Video URL' }, fields['videoUrl'])), (0, jsx_runtime_1.jsx)(ui_1.InputFile, __assign({ name: 'images', isAccumalativeFile: true, multiple: true, isLocalFile: true, label: 'Imagens', enableMobileImage: true, sizeImageFile: '1920x1080', sizeImageFileMobile: '500x500' }, fields['images']))] }));
                         },
-                    }, isStickyButtons: true, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) }) })), query.editMode === 'true' ? ((0, jsx_runtime_1.jsx)(Styles, { children: (0, jsx_runtime_1.jsxs)("button", { type: 'button', onClick: function () { return setOpen(true); }, children: [!initialData.enabled && (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon', fill: 'fff' }), " Editar"] }) })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: " " }))] }));
+                    }, isStickyButtons: true, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {}) }) })), query.editMode === 'true' ? ((0, jsx_runtime_1.jsxs)(Styles, { "$enabled": initialData.enabled, children: [(0, jsx_runtime_1.jsx)(ui_1.FormHandler, { initialData: { enabled: (initialData === null || initialData === void 0 ? void 0 : initialData.enabled) || false }, onSucess: handleSubmit, children: (0, jsx_runtime_1.jsx)(ui_1.InputSwitch, { onChangeInput: function (ev) { return handleSubmit(__assign(__assign({ i18n: {} }, initialData), { enabled: ev, ref: refSection })); }, name: 'enabled' }) }), (0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: function () { return setOpen(true); }, className: 'edit_section', children: "Editar" })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: " " }))] }));
 }
 exports.EditSectionComponent = EditSectionComponent;
-var Styles = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  button {\n    font-size: 14px;\n    text-transform: uppercase;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: #fff;\n    background-color: #000;\n    border-radius: 5px;\n    height: 40px;\n    padding: 0 10px;\n\n    svg {\n      height: 30px;\n      width: auto;\n    }\n  }\n"], ["\n  button {\n    font-size: 14px;\n    text-transform: uppercase;\n    font-weight: bold;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    color: #fff;\n    background-color: #000;\n    border-radius: 5px;\n    height: 40px;\n    padding: 0 10px;\n\n    svg {\n      height: 30px;\n      width: auto;\n    }\n  }\n"])));
+var Styles = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: 10px;\n\n  .input_control {\n    margin-bottom: 0;\n  }\n\n  .edit_section {\n    background-color: transparent;\n    border: 0;\n    font-size: 14px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  padding: 10px;\n\n  .input_control {\n    margin-bottom: 0;\n  }\n\n  .edit_section {\n    background-color: transparent;\n    border: 0;\n    font-size: 14px;\n  }\n"])));
 var templateObject_1;
 //# sourceMappingURL=edit-section.js.map