@ssplib/react-components 0.0.293 → 0.0.295

package/components/form/checkbox/RequiredCheckBoxValidator.js

@@ -1,85 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const form_1 = require("../../../context/form");
-const material_1 = require("@mui/material");
-const lodash_get_1 = __importDefault(require("lodash.get"));
-function getChildrenNames(children) {
-    let arr = [];
-    children.forEach((x) => {
-        if (!x.props)
-            return;
-        if (x.props.children) {
-            const childrenArr = getChildrenNames(Array.isArray(x.props.children) ? x.props.children : [x.props.children]);
-            arr = arr.concat(childrenArr);
-            return;
-        }
-        if (x.props.name) {
-            arr.push(x.props.name);
-            return;
-        }
-    });
-    return arr;
-}
-function RequiredCheckBoxGroup(_a) {
-    var _b;
-    var { customText = 'Selecione pelo menos 1 opção' } = _a, props = __rest(_a, ["customText"]);
-    const context = (0, react_1.useContext)(form_1.FormContext);
-    return (react_1.default.createElement(material_1.Grid, { container: true, sx: { border: (0, lodash_get_1.default)(context.errors, props.name) ? '2px solid #a51c30' : '', padding: 1, borderRadius: 2 } },
-        react_1.default.createElement("input", Object.assign({ key: 1, type: 'text' }, context.formRegister(props.name, {
-            validate: (v, i) => {
-                const names = getChildrenNames(Array.isArray(props.children) ? props.children : [props.children]);
-                let canContinue = false;
-                names.forEach((x, i) => {
-                    const nameValue = context.formGetValues(x);
-                    if (nameValue) {
-                        canContinue = true;
-                    }
-                });
-                if (!canContinue)
-                    return customText;
-                return true;
-            },
-        }), { hidden: true })),
-        props.children,
-        react_1.default.createElement(material_1.Grid, { item: true, xs: 12 },
-            react_1.default.createElement(material_1.Typography, { sx: { color: '#a51c30', fontSize: 16, paddingLeft: 1 } }, (_b = (0, lodash_get_1.default)(context.errors, props.name)) === null || _b === void 0 ? void 0 : _b.message))));
-}
-exports.default = RequiredCheckBoxGroup;

package/components/form/date/DatePicker.js

@@ -1,105 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const material_1 = require("@mui/material");
-const x_date_pickers_1 = require("@mui/x-date-pickers");
-const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
-const x_date_pickers_2 = require("@mui/x-date-pickers");
-const dayjs_1 = __importDefault(require("dayjs"));
-require("dayjs/locale/pt-br");
-const lodash_get_1 = __importDefault(require("lodash.get"));
-const lodash_hasin_1 = __importDefault(require("lodash.hasin"));
-const react_1 = __importStar(require("react"));
-const form_1 = require("../../../context/form");
-function DatePicker(_a) {
-    var _b;
-    var { name, required = false, title, xs = 12, sm, md, minDt, defaultValue, persistValue, maxDt } = _a, props = __rest(_a, ["name", "required", "title", "xs", "sm", "md", "minDt", "defaultValue", "persistValue", "maxDt"]);
-    const context = (0, react_1.useContext)(form_1.FormContext);
-    const [value, setValue] = (0, react_1.useState)(defaultValue !== undefined ? (0, dayjs_1.default)(defaultValue, 'DD/MM/YYYY') : undefined);
-    const handleChange = (newValue) => {
-        setValue(newValue);
-    };
-    (0, react_1.useEffect)(() => {
-        if (value === undefined)
-            return;
-        context.formSetValue(name, value ? value.format('DD/MM/YYYY') : value);
-    }, [value]);
-    (0, react_1.useEffect)(() => {
-        // Vamos executar o unregister em casos em que não queremos persistir o valor
-        if (persistValue)
-            return;
-        return () => {
-            context.formUnregister(name);
-        };
-    }, []);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
-            title && react_1.default.createElement(material_1.InputLabel, { required: required }, title),
-            react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs_1.AdapterDayjs },
-                react_1.default.createElement(x_date_pickers_2.DatePicker, { minDate: (0, dayjs_1.default)(minDt, 'DD/MM/YYYY'), maxDate: (0, dayjs_1.default)(maxDt, 'DD/MM/YYYY'), format: 'DD/MM/YYYY', value: value, onChange: handleChange, disableHighlightToday: true, sx: {
-                        outline: (0, lodash_get_1.default)(context.errors, name) ? '1px solid #a51c30' : '',
-                        backgroundColor: 'white',
-                        width: '100%',
-                        div: {
-                            input: {
-                                paddingX: 2,
-                                paddingY: 1.05,
-                            },
-                        },
-                    }, inputRef: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({ size: 'small' }, params, context === null || context === void 0 ? void 0 : context.formRegister(name, {
-                        validate: (v, f) => {
-                            if (!(0, lodash_hasin_1.default)(f, name)) {
-                                return true;
-                            }
-                            if (!v)
-                                v = '';
-                            if (v.length <= 0 && required)
-                                return 'Este campo é obrigatório';
-                            if (v.length < 10 && required)
-                                return 'A data precisa seguir o padrão DD/MM/AAAA';
-                            if (minDt && !((0, dayjs_1.default)(minDt, 'DD/MM/YYYY').isSame((0, dayjs_1.default)(v, 'DD/MM/YYYY')) || (0, dayjs_1.default)(minDt, 'DD/MM/YYYY').isBefore((0, dayjs_1.default)(v, 'DD/MM/YYYY'))))
-                                return `A data tem que ser depois de ${minDt} e antes de ${maxDt}`;
-                            if (maxDt && !((0, dayjs_1.default)(maxDt, 'DD/MM/YYYY').isSame((0, dayjs_1.default)(v, 'DD/MM/YYYY')) || (0, dayjs_1.default)(maxDt, 'DD/MM/YYYY').isAfter((0, dayjs_1.default)(v, 'DD/MM/YYYY'))))
-                                return 'A data escolhida não é válida';
-                        },
-                        shouldUnregister: true,
-                    }), { fullWidth: true }))) }),
-                react_1.default.createElement(material_1.Typography, { sx: { color: '#a51c30', fontSize: 14, paddingLeft: 1 } }, (_b = (0, lodash_get_1.default)(context.errors, name)) === null || _b === void 0 ? void 0 : _b.message)))));
-}
-exports.default = DatePicker;

package/components/form/date/GenericDatePicker.js

@@ -1,105 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const material_1 = require("@mui/material");
-const x_date_pickers_1 = require("@mui/x-date-pickers");
-const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
-const x_date_pickers_2 = require("@mui/x-date-pickers");
-const dayjs_1 = __importDefault(require("dayjs"));
-require("dayjs/locale/pt-br");
-const lodash_get_1 = __importDefault(require("lodash.get"));
-const lodash_hasin_1 = __importDefault(require("lodash.hasin"));
-const react_1 = __importStar(require("react"));
-const react_hook_form_1 = require("react-hook-form");
-function GenericDatePicker(_a) {
-    var _b;
-    var { name, required = false, title, xs = 12, sm, md, minDt, defaultValue, persistValue, maxDt } = _a, props = __rest(_a, ["name", "required", "title", "xs", "sm", "md", "minDt", "defaultValue", "persistValue", "maxDt"]);
-    const context = (0, react_hook_form_1.useFormContext)();
-    const [value, setValue] = (0, react_1.useState)(defaultValue !== undefined ? (0, dayjs_1.default)(defaultValue, 'DD/MM/YYYY') : undefined);
-    const handleChange = (newValue) => {
-        setValue(undefined);
-    };
-    (0, react_1.useEffect)(() => {
-        if (value === undefined)
-            return;
-        context.setValue(name, value ? value.format('DD/MM/YYYY') : value);
-    }, [value]);
-    (0, react_1.useEffect)(() => {
-        // Vamos executar o unregister em casos em que não queremos persistir o valor
-        if (persistValue)
-            return;
-        return () => {
-            context.unregister(name);
-        };
-    }, []);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
-            title && react_1.default.createElement(material_1.InputLabel, { required: required }, title),
-            react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs_1.AdapterDayjs },
-                react_1.default.createElement(x_date_pickers_2.DatePicker, { minDate: (0, dayjs_1.default)(minDt, 'DD/MM/YYYY'), maxDate: (0, dayjs_1.default)(maxDt, 'DD/MM/YYYY'), format: 'DD/MM/YYYY', value: value, onChange: handleChange, disableHighlightToday: true, sx: {
-                        outline: (0, lodash_get_1.default)(context.formState.errors, name) ? '1px solid #a51c30' : '',
-                        backgroundColor: 'white',
-                        width: '100%',
-                        div: {
-                            input: {
-                                paddingX: 2,
-                                paddingY: 1.05,
-                            },
-                        },
-                    }, inputRef: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({ size: 'small' }, params, context === null || context === void 0 ? void 0 : context.register(name, {
-                        validate: (v, f) => {
-                            if (!(0, lodash_hasin_1.default)(f, name)) {
-                                return true;
-                            }
-                            if (!v)
-                                v = '';
-                            if (v.length <= 0 && required)
-                                return 'Este campo é obrigatório';
-                            if (v.length < 10 && required)
-                                return 'A data precisa seguir o padrão DD/MM/AAAA';
-                            if (minDt && !((0, dayjs_1.default)(minDt, 'DD/MM/YYYY').isSame((0, dayjs_1.default)(v, 'DD/MM/YYYY')) || (0, dayjs_1.default)(minDt, 'DD/MM/YYYY').isBefore((0, dayjs_1.default)(v, 'DD/MM/YYYY'))))
-                                return `A data tem que ser depois de ${minDt} e antes de ${maxDt}`;
-                            if (maxDt && !((0, dayjs_1.default)(maxDt, 'DD/MM/YYYY').isSame((0, dayjs_1.default)(v, 'DD/MM/YYYY')) || (0, dayjs_1.default)(maxDt, 'DD/MM/YYYY').isAfter((0, dayjs_1.default)(v, 'DD/MM/YYYY'))))
-                                return 'A data escolhida não é válida';
-                        },
-                        shouldUnregister: true,
-                    }), { fullWidth: true }))) }),
-                react_1.default.createElement(material_1.Typography, { sx: { color: '#a51c30', fontSize: 14, paddingLeft: 1 } }, (_b = (0, lodash_get_1.default)(context.formState.errors, name)) === null || _b === void 0 ? void 0 : _b.message)))));
-}
-exports.default = GenericDatePicker;

package/components/form/date/TimePicker.js

@@ -1,82 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const material_1 = require("@mui/material");
-const x_date_pickers_1 = require("@mui/x-date-pickers");
-const AdapterDayjs_1 = require("@mui/x-date-pickers/AdapterDayjs");
-const dayjs_1 = __importDefault(require("dayjs"));
-const lodash_get_1 = __importDefault(require("lodash.get"));
-require("dayjs/locale/pt-br");
-const react_1 = __importStar(require("react"));
-const form_1 = require("../../../context/form");
-const lodash_hasin_1 = __importDefault(require("lodash.hasin"));
-function TimePicker({ name, required = false, title, defaultValue = '', xs = 12, sm, md, }) {
-    var _a;
-    const context = (0, react_1.useContext)(form_1.FormContext);
-    const [value, setValue] = (0, react_1.useState)(defaultValue ? (0, dayjs_1.default)(defaultValue, 'HH:mm') : null);
-    const handleChange = (newValue) => {
-        setValue(newValue);
-    };
-    (0, react_1.useEffect)(() => {
-        context.formSetValue(name, value ? value.format('HH:mm') : value);
-    }, [value]);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            context.formUnregister(name);
-        };
-    }, []);
-    return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
-        title && react_1.default.createElement(material_1.InputLabel, { required: required }, title),
-        react_1.default.createElement(x_date_pickers_1.LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs_1.AdapterDayjs },
-            react_1.default.createElement(x_date_pickers_1.TimePicker, { value: value, ampm: false, onChange: handleChange, sx: {
-                    outline: (0, lodash_get_1.default)(context.errors, name) ? '1px solid #a51c30' : '',
-                    backgroundColor: 'white',
-                    width: '100%',
-                    div: {
-                        input: {
-                            paddingX: 2,
-                            paddingY: 1.05,
-                        },
-                    },
-                }, inputRef: (params) => (react_1.default.createElement(material_1.TextField, Object.assign({ size: 'small' }, params, context === null || context === void 0 ? void 0 : context.formRegister(name, {
-                    validate: (v, f) => {
-                        if (!(0, lodash_hasin_1.default)(f, name)) {
-                            return true;
-                        }
-                        if (!v)
-                            v = '';
-                        if (v.length <= 0 && required)
-                            return 'Este campo é obrigatório';
-                        if (v.length < 5 && required)
-                            return 'A hora precisa seguir o padrão HH:MM';
-                    },
-                    shouldUnregister: true,
-                }), { fullWidth: true }))) }),
-            react_1.default.createElement(material_1.Typography, { sx: { color: '#a51c30', fontSize: 15, paddingLeft: 1 } }, (_a = (0, lodash_get_1.default)(context.errors, name)) === null || _a === void 0 ? void 0 : _a.message))));
-}
-exports.default = TimePicker;

package/components/form/file/DropFileUpload.js

@@ -1,226 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const material_1 = require("@mui/material");
-const system_1 = require("@mui/system");
-const axios_1 = __importDefault(require("axios"));
-const lodash_get_1 = __importDefault(require("lodash.get"));
-const react_1 = __importStar(require("react"));
-const react_dropzone_1 = require("react-dropzone");
-const auth_1 = require("../../../context/auth");
-const form_1 = require("../../../context/form");
-const icons_1 = require("../../icons/icons");
-function bytesToMegabytes(bytes) {
-    const megabytes = bytes / (1024 * 1024);
-    return megabytes;
-}
-function bytesToKBorMB(bytes) {
-    const KB = 1024;
-    const MB = 1024 * KB;
-    if (bytes < MB) {
-        const KBValue = bytes / KB;
-        return `${KBValue.toFixed(1)}KB`;
-    }
-    else {
-        const MBValue = bytes / MB;
-        return `${MBValue.toFixed(1)}MB`;
-    }
-}
-function DropFileUpload({ name, tipoArquivo, title, required = false, multiple = false, apiURL, sizeLimit = 4, xs = 12, sm, md, route = '', tstToken = '', dropZoneOptions, }) {
-    const { getRootProps, getInputProps } = (0, react_dropzone_1.useDropzone)(Object.assign({ multiple, useFsAccessApi: true, onDrop: (dropFiles) => {
-            const fileList = [];
-            setProgress(-1);
-            dropFiles
-                .filter((file) => {
-                if (bytesToMegabytes(file.size) > sizeLimit) {
-                    setErrorMsg(`Por favor, escolha um arquivo com tamanho inferior a ${sizeLimit} MB`);
-                    setTimeout(() => {
-                        setErrorMsg('');
-                    }, 3000);
-                    return false;
-                }
-                return true;
-            })
-                .forEach((file, index) => {
-                let id = Date.now() + index;
-                // fetch API
-                const fd = new FormData();
-                fd.append('files', file);
-                fd.append('tipoArquivo', tipoArquivo);
-                axios_1.default
-                    .post(apiURL, fd, {
-                    onUploadProgress: (progressEvent) => {
-                        const percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
-                        setProgress(percentCompleted);
-                        if (percentCompleted >= 100) {
-                            setFiles((f) => [...f, { id: id, name: file.name, loading: true, error: false, file: file, size: file.size }]);
-                        }
-                    },
-                    headers: { Authorization: `Bearer ${tstToken === '' ? (user ? user.token : '') : tstToken}` },
-                })
-                    .then((res) => {
-                    if (res.status > 200) {
-                        const fileIdFromApi = (0, lodash_get_1.default)(res.data, route, res.data)[0];
-                        const fileId = fileIdFromApi['coSeqArquivo'];
-                        context.setFilesUid((fId) => [
-                            ...fId,
-                            {
-                                CO_SEQ_ARQUIVO: fileId,
-                                CO_TIPO_ARQUIVO: parseInt(tipoArquivo),
-                            },
-                        ]);
-                        setFilesLoaded((fl) => [...fl, id]);
-                        const f = {};
-                        f[id] = fileId;
-                        setFilesIds((ids) => (Object.assign(Object.assign({}, ids), f)));
-                    }
-                    else {
-                        setProgress(-1);
-                        removeFile(id);
-                    }
-                })
-                    .catch((err) => {
-                    console.log(err);
-                    setProgress(-1);
-                    removeFile(id);
-                });
-            });
-        } }, (dropZoneOptions || {})));
-    const context = (0, react_1.useContext)(form_1.FormContext);
-    const { user } = (0, react_1.useContext)(auth_1.AuthContext);
-    const theme = (0, material_1.useTheme)();
-    const isSmall = (0, material_1.useMediaQuery)(theme.breakpoints.only('xs'));
-    const [progress, setProgress] = (0, react_1.useState)(-1);
-    const [files, setFiles] = (0, react_1.useState)([]);
-    const [filesLoaded, setFilesLoaded] = (0, react_1.useState)([]);
-    const [fileIds, setFilesIds] = (0, react_1.useState)({});
-    // const [filesError, setFilesError] = useState<number[]>([])
-    const [errorMsg, setErrorMsg] = (0, react_1.useState)('');
-    const removeFile = (id, hideMsg, fileId) => {
-        setFiles(files.filter((x) => x.id !== id));
-        if (fileId)
-            context.setFilesUid((fId) => fId.filter((idd) => idd.CO_SEQ_ARQUIVO !== fileId));
-        if (!hideMsg) {
-            setErrorMsg('Erro ao enviar arquivo. Verifique o formato e tente mais tarde.');
-            setTimeout(() => {
-                setErrorMsg('');
-            }, 3000);
-        }
-    };
-    const deleteFile = (e, id) => {
-        if (Object.keys(fileIds).includes(id.toString())) {
-            fetch(`${apiURL}/${fileIds[id]}`, {
-                method: 'DELETE',
-                headers: {
-                    Authorization: `Bearer ${tstToken === '' ? (user ? user.token : '') : tstToken}`,
-                },
-            })
-                .then((res) => {
-                if (!res.ok)
-                    removeFile(id, true, fileIds[id]);
-                if (res.status === 200) {
-                    removeFile(id, true, fileIds[id]);
-                }
-            })
-                .catch((err) => console.log(err));
-        }
-    };
-    (0, react_1.useEffect)(() => {
-        const dt = new DataTransfer();
-        files.forEach((x) => {
-            dt.items.add(x.file);
-        });
-        context === null || context === void 0 ? void 0 : context.formSetValue(name, dt.files);
-    }, [files, context, name]);
-    (0, react_1.useEffect)(() => {
-        return () => {
-            context.setFilesUid((files) => files.filter((x) => x.CO_TIPO_ARQUIVO !== parseInt(tipoArquivo)));
-        };
-    }, []);
-    return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }, { sx: { width: '100%' } }),
-        react_1.default.createElement(material_1.Box, { bgcolor: 'white', p: 2, borderRadius: '8px', color: '#1E293B' },
-            react_1.default.createElement(material_1.InputLabel, { required: required, sx: { marginBottom: 2, textTransform: 'capitalize' } }, title),
-            react_1.default.createElement(system_1.Stack, Object.assign({}, getRootProps({ className: 'dropzone' }), { bgcolor: '#EFEFEF', justifyContent: 'center', alignItems: 'center', textAlign: 'center', borderRadius: '6px', py: 8, border: 'solid 1.5px #989898', sx: {
-                    borderStyle: 'dashed',
-                    cursor: 'pointer',
-                } }),
-                react_1.default.createElement("input", Object.assign({}, getInputProps(), context.formRegister(name, {
-                    validate: (v, f) => {
-                        if ((v.length && filesLoaded.length) <= 0 && required)
-                            return 'O campo de arquivo é obrigatório';
-                    },
-                }))),
-                react_1.default.createElement(system_1.Stack, { spacing: 2, alignItems: 'center' },
-                    react_1.default.createElement(material_1.Box, null,
-                        react_1.default.createElement(material_1.Typography, { fontWeight: 600, fontSize: 18 }, "Arraste seus arquivos at\u00E9 aqui"),
-                        react_1.default.createElement(material_1.Typography, null, "ou selecione arquivos que est\u00E3o no seu computador")),
-                    react_1.default.createElement(material_1.Button, { variant: 'contained', sx: {
-                            backgroundColor: '#64748B',
-                            pointerEvents: 'none',
-                            borderRadius: '8px',
-                            width: 'fit-content',
-                        } }, "Selecionar"),
-                    react_1.default.createElement(material_1.Typography, { fontWeight: 300 },
-                        "Tamanho m\u00E1ximo por arquivo ",
-                        sizeLimit,
-                        "MB"))),
-            react_1.default.createElement(material_1.Typography, { pt: 2, fontSize: 16, fontWeight: 600 },
-                "Voc\u00EA selecionou ",
-                files.length,
-                " arquivo",
-                files.length > 1 ? 's' : '',
-                "."),
-            react_1.default.createElement(system_1.Stack, { width: '100%', marginTop: 1, spacing: 1 },
-                files.map((x) => (react_1.default.createElement(system_1.Stack, { direction: 'row', justifyContent: 'space-between', border: 'solid 1px #E2E8F0', borderRadius: 2, p: 1 },
-                    react_1.default.createElement(system_1.Stack, { direction: 'row' },
-                        react_1.default.createElement(system_1.Stack, { direction: 'row', justifyContent: 'center', alignItems: 'center', minWidth: 30, pr: 1.5 },
-                            react_1.default.createElement(icons_1.PDFIcon, { sx: {
-                                    filter: 'invert(42%) sepia(86%) saturate(2412%) hue-rotate(326deg) brightness(86%) contrast(102%)',
-                                    transform: 'scale(1.5)',
-                                    width: 30,
-                                } })),
-                        react_1.default.createElement(system_1.Stack, null,
-                            react_1.default.createElement(material_1.Typography, { fontWeight: 600 }, x.name),
-                            react_1.default.createElement(material_1.Typography, { fontSize: 14 }, bytesToKBorMB(x.size)))),
-                    react_1.default.createElement(material_1.Button, { size: 'small', startIcon: react_1.default.createElement(icons_1.TrashIcon, null), variant: 'contained', onClick: (e) => deleteFile(e, x.id), sx: {
-                            height: 40,
-                            backgroundColor: '#DE3F50',
-                            borderRadius: '8px',
-                        } }, "Remover")))),
-                progress > 0 && progress < 100 && (react_1.default.createElement(material_1.LinearProgress, { value: progress, sx: {
-                        backgroundColor: '#103D6A',
-                        '.MuiLinearProgress-bar': {
-                            backgroundColor: '#BDDDFA',
-                        },
-                    } }))),
-            errorMsg && (react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(material_1.Typography, { variant: 'caption', color: '#e53935', fontWeight: 600, fontSize: 14, paddingTop: 2 }, errorMsg),
-                react_1.default.createElement("br", null))),
-            (0, lodash_get_1.default)(context === null || context === void 0 ? void 0 : context.errors, name) && (react_1.default.createElement(material_1.Typography, { variant: 'caption', color: '#e53935', fontWeight: 600, fontSize: 14 }, "* O campo de arquivo \u00E9 obrigat\u00F3rio")))));
-}
-exports.default = DropFileUpload;