@ssplib/react-components 0.0.250 → 0.0.252

package/{src/components → components}/providers/OAuthProvider.js

@@ -1,3 +1,27 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -7,21 +31,26 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { deleteCookie, getCookie, setCookie } from 'cookies-next';
-import jwt_decode from 'jwt-decode';
-import { useRouter } from 'next/router';
-import React, { useEffect, useState } from 'react';
-import { AuthContext } from '../../context/auth';
-export const cookieName = 'nextauth.token';
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OAuthProvider = exports.cookieName = void 0;
+const cookies_next_1 = require("cookies-next");
+const jwt_decode_1 = __importDefault(require("jwt-decode"));
+const router_1 = require("next/router");
+const react_1 = __importStar(require("react"));
+const auth_1 = require("../../context/auth");
+exports.cookieName = 'nextauth.token';
 const userImgName = 'user-data.img';
-export function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, validateTokenRoute, testToken, testIP, logoutURL = redirectURL, }) {
+function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, validateTokenRoute, testToken, testIP, logoutURL = redirectURL, }) {
     const govBrURL = oidcConfig.authority + '/authorize?response_type=code&client_id=' + oidcConfig.client_id + '&scope=' + oidcConfig.scope + '&redirect_uri=' + oidcConfig.redirect_uri;
-    const [user, setUser] = useState();
-    const [userLoaded, setUserLoaded] = useState(false);
-    const router = useRouter();
+    const [user, setUser] = (0, react_1.useState)();
+    const [userLoaded, setUserLoaded] = (0, react_1.useState)(false);
+    const router = (0, router_1.useRouter)();
     const isAuth = !!user;
-    useEffect(() => {
-        const token = getCookie(cookieName);
+    (0, react_1.useEffect)(() => {
+        const token = (0, cookies_next_1.getCookie)(exports.cookieName);
         if (!token) {
             setUserLoaded(true);
             return;
@@ -37,7 +66,7 @@ export function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, val
                 return;
             }
             else {
-                const user = jwt_decode(token);
+                const user = (0, jwt_decode_1.default)(token);
                 const img = localStorage.getItem(userImgName);
                 setUser({ name: user.given_name, image: img !== null && img !== void 0 ? img : '', roles: user.roles.map((x) => x.code), token });
                 setUserLoaded(true);
@@ -48,7 +77,7 @@ export function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, val
         // Teste em localhost
         if (location && (location.hostname === 'localhost' || location.hostname === testIP)) {
             const token = testToken;
-            setCookie(cookieName, token);
+            (0, cookies_next_1.setCookie)(exports.cookieName, token);
             setUser({
                 name: 'Teste',
                 image: '',
@@ -67,9 +96,9 @@ export function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, val
     function saveUserData(authData) {
         return __awaiter(this, void 0, void 0, function* () {
             const token = authData.ssp_token;
-            setCookie(cookieName, token);
-            const userData = jwt_decode(token);
-            const idToken = jwt_decode(authData.id_token);
+            (0, cookies_next_1.setCookie)(exports.cookieName, token);
+            const userData = (0, jwt_decode_1.default)(token);
+            const idToken = (0, jwt_decode_1.default)(authData.id_token);
             // pegando foto de usuario
             yield fetch(idToken.picture, {
                 headers: {
@@ -99,10 +128,11 @@ export function OAuthProvider({ children, AUTH_URL, oidcConfig, redirectURL, val
         setUserLoaded(false);
         router.replace(logoutURL).finally(() => {
             setUser(null);
-            deleteCookie(cookieName);
+            (0, cookies_next_1.deleteCookie)(exports.cookieName);
             localStorage.removeItem(userImgName);
             setUserLoaded(true);
         });
     }
-    return React.createElement(AuthContext.Provider, { value: { user, isAuth, userLoaded, login, logout, saveUserData, type: 'govbr' } }, children);
+    return react_1.default.createElement(auth_1.AuthContext.Provider, { value: { user, isAuth, userLoaded, login, logout, saveUserData, type: 'govbr' } }, children);
 }
+exports.OAuthProvider = OAuthProvider;

package/components/providers/SspComponentsProvider.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SspComponentsProvider = void 0;
+const react_1 = __importDefault(require("react"));
+const react_toastify_1 = require("react-toastify");
+const Modal_1 = require("../modal/Modal");
+// import '../../css/ReactToastify.css'
+//components principal da aplicação
+function SspComponentsProvider(props) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Modal_1.CustomModalProvider, null),
+        props.children,
+        react_1.default.createElement(react_toastify_1.ToastContainer, { position: 'bottom-right', theme: 'colored' })));
+}
+exports.SspComponentsProvider = SspComponentsProvider;

package/{src/components → components}/utils/Bt.js

@@ -1,3 +1,4 @@
+"use strict";
 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)
@@ -9,15 +10,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Button } from '@mui/material';
-import React from 'react';
-import tinycolor from 'tinycolor2';
-export default function Bt(_a) {
+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 react_1 = __importDefault(require("react"));
+const tinycolor2_1 = __importDefault(require("tinycolor2"));
+function Bt(_a) {
     var { customColor = '#383838', customFontColor = 'white' } = _a, props = __rest(_a, ["customColor", "customFontColor"]);
-    const bgColor = tinycolor(customColor);
-    return (React.createElement(Button, Object.assign({}, props, { sx: {
+    const bgColor = (0, tinycolor2_1.default)(customColor);
+    return (react_1.default.createElement(material_1.Button, Object.assign({}, props, { sx: {
             bgcolor: bgColor.toHexString(),
-            color: tinycolor(customFontColor).toHexString(),
+            color: (0, tinycolor2_1.default)(customFontColor).toHexString(),
             ':hover': {
                 bgcolor: bgColor.darken(10).toHexString(),
             },
@@ -27,3 +32,4 @@ export default function Bt(_a) {
             paddingX: 2,
         }, size: 'small' }), props.children));
 }
+exports.default = Bt;

package/components/utils/CustomMenu.js

@@ -0,0 +1,39 @@
+"use strict";
+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 react_1 = __importDefault(require("react"));
+const Bt_1 = __importDefault(require("./Bt"));
+function CustomMenu(_a) {
+    var { data = [] } = _a, props = __rest(_a, ["data"]);
+    const [anchorEl, setAnchorEl] = react_1.default.useState(null);
+    const open = Boolean(anchorEl);
+    const handleClick = (event) => {
+        setAnchorEl(event.currentTarget);
+    };
+    const handleClose = () => {
+        setAnchorEl(null);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Bt_1.default, Object.assign({}, props.btProps, { onClick: handleClick }), props.children),
+        react_1.default.createElement(material_1.Menu, { id: 'basic-menu', anchorEl: anchorEl, open: open, onClose: handleClose, MenuListProps: {
+                'aria-labelledby': 'basic-button',
+            } }, data.map((x) => (react_1.default.createElement(material_1.MenuItem, { onClick: (e) => {
+                x.onClick && x.onClick();
+                handleClose();
+            } }, x.name))))));
+}
+exports.default = CustomMenu;

package/context/auth.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthContext = void 0;
+const react_1 = require("react");
+exports.AuthContext = (0, react_1.createContext)({});

package/context/form.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormContext = void 0;
+const react_1 = require("react");
+exports.FormContext = (0, react_1.createContext)(null);

package/index.js

@@ -0,0 +1,80 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = exports.Button = exports.TabNavBar = exports.SspComponentsProvider = exports.MODAL = exports.DropFileUpload = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.FixedAutoComplete = exports.RequiredCheckBoxGroup = exports.CheckBoxAdditional = exports.KeycloakAuthProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.ToggleVisibility = exports.SwitchWatch = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = exports.FetchAutoComplete = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
+const CheckBox_1 = __importDefault(require("./components/form/checkbox/CheckBox"));
+exports.CheckBox = CheckBox_1.default;
+const CheckBoxWarning_1 = __importDefault(require("./components/form/checkbox/CheckBoxWarning"));
+exports.CheckBoxWarning = CheckBoxWarning_1.default;
+const DatePicker_1 = __importDefault(require("./components/form/date/DatePicker"));
+exports.DatePicker = DatePicker_1.default;
+const TimePicker_1 = __importDefault(require("./components/form/date/TimePicker"));
+exports.TimePicker = TimePicker_1.default;
+const FileUpload_1 = __importDefault(require("./components/form/file/FileUpload"));
+exports.FileUpload = FileUpload_1.default;
+const ActiveInput_1 = __importDefault(require("./components/form/input/ActiveInput"));
+exports.ActiveInput = ActiveInput_1.default;
+const AutoComplete_1 = __importDefault(require("./components/form/input/AutoComplete"));
+exports.AutoComplete = AutoComplete_1.default;
+const FetchAutoComplete_1 = __importDefault(require("./components/form/input/FetchAutoComplete"));
+exports.FetchAutoComplete = FetchAutoComplete_1.default;
+const Input_1 = __importDefault(require("./components/form/input/Input"));
+exports.Input = Input_1.default;
+const MaskInput_1 = __importDefault(require("./components/form/input/MaskInput"));
+exports.MaskInput = MaskInput_1.default;
+const MultInput_1 = __importDefault(require("./components/form/input/MultInput"));
+exports.MultInput = MultInput_1.default;
+const OtherCheckBox_1 = __importDefault(require("./components/form/input/OtherCheckBox"));
+exports.OtherCheckBox = OtherCheckBox_1.default;
+const Stepper_1 = __importDefault(require("./components/form/stepper/Stepper"));
+exports.Stepper = Stepper_1.default;
+const StepperBlock_1 = __importDefault(require("./components/form/stepper/StepperBlock"));
+exports.StepperBlock = StepperBlock_1.default;
+const Switch_1 = __importDefault(require("./components/form/switch/Switch"));
+exports.Switch = Switch_1.default;
+const ToggleVisibility_1 = require("./components/form/switch/ToggleVisibility");
+Object.defineProperty(exports, "SwitchWatch", { enumerable: true, get: function () { return ToggleVisibility_1.SwitchWatch; } });
+Object.defineProperty(exports, "ToggleVisibility", { enumerable: true, get: function () { return ToggleVisibility_1.ToggleVisibility; } });
+const Table_1 = __importDefault(require("./components/form/table/Table"));
+exports.Table = Table_1.default;
+const NavBar_1 = __importDefault(require("./components/navbar/NavBar"));
+exports.NavBar = NavBar_1.default;
+const TabNavBar_1 = __importDefault(require("./components/navbar/TabNavBar"));
+exports.TabNavBar = TabNavBar_1.default;
+const FormProvider_1 = __importDefault(require("./components/providers/FormProvider"));
+exports.FormProvider = FormProvider_1.default;
+const OAuthProvider_1 = require("./components/providers/OAuthProvider");
+Object.defineProperty(exports, "OAuthProvider", { enumerable: true, get: function () { return OAuthProvider_1.OAuthProvider; } });
+Object.defineProperty(exports, "AUTH_COOKIE_NAME", { enumerable: true, get: function () { return OAuthProvider_1.cookieName; } });
+const auth_1 = require("./context/auth");
+Object.defineProperty(exports, "AuthContext", { enumerable: true, get: function () { return auth_1.AuthContext; } });
+const form_1 = require("./context/form");
+Object.defineProperty(exports, "FormContext", { enumerable: true, get: function () { return form_1.FormContext; } });
+const Category_1 = require("./components/detalhes/Category");
+Object.defineProperty(exports, "Category", { enumerable: true, get: function () { return Category_1.Category; } });
+const Field_1 = require("./components/detalhes/Field");
+Object.defineProperty(exports, "Field", { enumerable: true, get: function () { return Field_1.Field; } });
+const FieldLabel_1 = require("./components/detalhes/FieldLabel");
+Object.defineProperty(exports, "FieldLabel", { enumerable: true, get: function () { return FieldLabel_1.FieldLabel; } });
+const File_1 = require("./components/detalhes/File");
+Object.defineProperty(exports, "File", { enumerable: true, get: function () { return File_1.File; } });
+const CheckBoxAdditional_1 = __importDefault(require("./components/form/checkbox/CheckBoxAdditional"));
+exports.CheckBoxAdditional = CheckBoxAdditional_1.default;
+const RequiredCheckBoxValidator_1 = __importDefault(require("./components/form/checkbox/RequiredCheckBoxValidator"));
+exports.RequiredCheckBoxGroup = RequiredCheckBoxValidator_1.default;
+const KeycloakAuthProvider_1 = require("./components/providers/KeycloakAuthProvider");
+Object.defineProperty(exports, "KeycloakAuthProvider", { enumerable: true, get: function () { return KeycloakAuthProvider_1.KeycloakAuthProvider; } });
+const FixedAutoComplete_1 = require("./components/form/input/FixedAutoComplete");
+Object.defineProperty(exports, "FixedAutoComplete", { enumerable: true, get: function () { return FixedAutoComplete_1.FixedAutoComplete; } });
+const DropFileUpload_1 = __importDefault(require("./components/form/file/DropFileUpload"));
+exports.DropFileUpload = DropFileUpload_1.default;
+const Modal_1 = require("./components/modal/Modal");
+Object.defineProperty(exports, "MODAL", { enumerable: true, get: function () { return Modal_1.MODAL; } });
+const SspComponentsProvider_1 = require("./components/providers/SspComponentsProvider");
+Object.defineProperty(exports, "SspComponentsProvider", { enumerable: true, get: function () { return SspComponentsProvider_1.SspComponentsProvider; } });
+const Bt_1 = __importDefault(require("./components/utils/Bt"));
+exports.Button = Bt_1.default;
+const CustomMenu_1 = __importDefault(require("./components/utils/CustomMenu"));
+exports.Menu = CustomMenu_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.250",
+    "version": "0.0.252",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",
@@ -17,7 +17,7 @@
         "lodash.hasin": "^4.5.2",
         "react-google-recaptcha": "^2.1.0",
         "jszip": "^3.10.1",
-        "keycloak-js": "^26.0.5",
+        "keycloak-js": "^25.0.1",
         "react-toastify": "^10.0.4",
         "axios": "^1.6.7",
         "react-dropzone": "^14.2.3"

package/types/auth.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/{src/types → types}/form.js

@@ -1,4 +1,7 @@
-export var FieldType;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColumnDirection = exports.FieldType = void 0;
+var FieldType;
 (function (FieldType) {
     FieldType[FieldType["INPUT"] = 0] = "INPUT";
     FieldType[FieldType["MULT_INPUT"] = 1] = "MULT_INPUT";
@@ -20,9 +23,9 @@ export var FieldType;
     FieldType[FieldType["TIME"] = 17] = "TIME";
     FieldType[FieldType["NUMBER"] = 18] = "NUMBER";
     FieldType[FieldType["AUTO_COMPLETE"] = 19] = "AUTO_COMPLETE";
-})(FieldType || (FieldType = {}));
-export var ColumnDirection;
+})(FieldType = exports.FieldType || (exports.FieldType = {}));
+var ColumnDirection;
 (function (ColumnDirection) {
     ColumnDirection["ROW"] = "row";
     ColumnDirection["COLUMN"] = "column";
-})(ColumnDirection || (ColumnDirection = {}));
+})(ColumnDirection = exports.ColumnDirection || (exports.ColumnDirection = {}));

package/src/components/detalhes/Category.js

@@ -1,7 +0,0 @@
-import { Grid, Typography, Box } from '@mui/material';
-import React from 'react';
-export function Category({ title }) {
-    return (React.createElement(Grid, { paddingY: 1, item: true, marginTop: 1, marginBottom: 3, xs: 12 },
-        React.createElement(Typography, { textTransform: 'uppercase', fontWeight: 600 }, title),
-        React.createElement(Box, { sx: { backgroundColor: '#94A3B8', height: 6, borderRadius: 1 } })));
-}

package/src/components/detalhes/Field.js

@@ -1,35 +0,0 @@
-import { Box, Grid, Stack, Typography } from '@mui/material';
-import React from 'react';
-export function Field({ name, title, tag, xs = 12, md, lg }) {
-    let color = tag && tag === 'Distrital'
-        ? '#BFDBFE'
-        : tag === 'Estadual'
-            ? '#BBF7D0'
-            : tag === 'Federal'
-                ? '#FEF08A'
-                : tag === 'Internacional'
-                    ? '#FED7AA'
-                    : tag === 'Não'
-                        ? '#FECACA'
-                        : tag === 'Sim'
-                            ? '#BBF7D0'
-                            : '#BBF7D0';
-    return (React.createElement(Grid, Object.assign({ paddingBottom: 3, item: true }, { xs, md, lg }, { paddingRight: 2 }),
-        React.createElement(Stack, { spacing: 1 },
-            React.createElement(Stack, { spacing: 1, direction: 'row' },
-                React.createElement(Typography, { sx: {
-                        backgroundColor: '#E2E8F0',
-                        maxWidth: 'max-content',
-                        paddingX: 1,
-                        borderRadius: 2,
-                        color: '#1E293B',
-                    }, fontWeight: 600 }, title),
-                tag && (React.createElement(Typography, { sx: {
-                        backgroundColor: color,
-                        maxWidth: 'max-content',
-                        paddingX: 1,
-                        borderRadius: 2,
-                        color: '#1E293B',
-                    }, fontWeight: 600 }, tag))),
-            name && React.createElement(Box, null, String(name) === 'false' ? 'Não' : String(name) === 'true' ? 'Sim' : String(name) === '' ? '' : !name ? 'Não informado' : String(name)))));
-}

package/src/components/detalhes/FieldLabel.js

@@ -1,21 +0,0 @@
-import { Grid, Stack, Typography } from '@mui/material';
-import React from 'react';
-export function FieldLabel({ title, xs = 12, tag, md, lg, paddingBottom = 3 }) {
-    let color = tag && tag === 'Não' ? '#FECACA' : tag === 'Sim' ? '#BBF7D0' : '#E2E8F0';
-    return (React.createElement(Grid, Object.assign({ paddingBottom: paddingBottom, item: true }, { xs, md, lg }, { paddingRight: 2 }),
-        React.createElement(Stack, { spacing: 1, direction: 'row' },
-            React.createElement(Typography, { sx: {
-                    backgroundColor: '#E2E8F0',
-                    maxWidth: 'max-content',
-                    paddingX: 1,
-                    borderRadius: 2,
-                    color: '#1E293B',
-                }, fontWeight: 600, fontSize: 16 }, title),
-            tag && (React.createElement(Typography, { sx: {
-                    backgroundColor: color,
-                    maxWidth: 'max-content',
-                    paddingX: 1,
-                    borderRadius: 2,
-                    color: '#1E293B',
-                }, fontWeight: 600 }, tag)))));
-}

package/src/components/detalhes/File.js

@@ -1,35 +0,0 @@
-import { Button, Grid, Stack, Typography } from '@mui/material';
-import { FileDownload } from '@mui/icons-material';
-import React, { useContext } from 'react';
-import { AuthContext } from '../../context/auth';
-export function File({ title, name, md, fileURL, fileExt = 'pdf' }) {
-    const { user } = useContext(AuthContext);
-    return (React.createElement(Grid, Object.assign({ paddingBottom: 3, paddingRight: 3 }, { md }),
-        React.createElement(Stack, { spacing: 1, sx: {
-                backgroundColor: '#F8FAFC',
-                paddingY: 1,
-                paddingX: 3,
-                borderRadius: 2,
-                border: 1,
-                borderColor: '#CBD5E1',
-            } },
-            React.createElement(Typography, { fontWeight: 600, sx: { textAlign: 'center' } }, title),
-            React.createElement(Stack, { direction: 'row', spacing: 2, alignItems: 'center' },
-                React.createElement(FileDownload, { sx: { fill: 'red' } }),
-                React.createElement(Typography, null, name)),
-            React.createElement(Stack, { alignItems: 'center' },
-                React.createElement(Button, { variant: 'outlined', color: 'error', size: 'small', endIcon: React.createElement(FileDownload, null), onClick: () => fetch(fileURL, {
-                        method: 'GET',
-                        headers: {
-                            Authorization: `Bearer ${user === null || user === void 0 ? void 0 : user.token}`,
-                        },
-                    })
-                        .then((res) => res.blob())
-                        .then((blob) => {
-                        var file = window.URL.createObjectURL(blob);
-                        const a = document.createElement('a');
-                        a.href = file;
-                        a.download = name.split('.')[0] + `.${fileExt}`;
-                        a.click();
-                    }) }, "Baixar")))));
-}

package/src/components/form/checkbox/CheckBox.js

@@ -1,12 +0,0 @@
-import { Checkbox, FormControlLabel, Grid } from '@mui/material';
-import { useCallback, useContext } from 'react';
-import { FormContext } from '../../../context/form';
-import React from 'react';
-export default function CheckBox({ name, title, defaultValue = false, xs = 12, sm, md, onChange, }) {
-    const context = useContext(FormContext);
-    const onClick = useCallback((e) => {
-        context === null || context === void 0 ? void 0 : context.formSetValue(name, !(context === null || context === void 0 ? void 0 : context.formGetValues(name)));
-    }, [context, name]);
-    return (React.createElement(Grid, Object.assign({ item: true }, { xs, sm, md }),
-        React.createElement(FormControlLabel, Object.assign({ control: React.createElement(Checkbox, { size: 'small', defaultChecked: defaultValue }), label: title }, context === null || context === void 0 ? void 0 : context.formRegister(name), { onChange: onChange, onClick: onClick }))));
-}

package/src/components/form/checkbox/CheckBoxWarning.js

@@ -1,14 +0,0 @@
-import { Card, Checkbox, FormControlLabel, Grid } from '@mui/material';
-import Typography from '@mui/material/Typography';
-import React, { useContext } from 'react';
-import { FormContext } from '../../../context/form';
-export default function CheckBoxWarning({ name, title, customWarning, defaultValue = false, xs = 12, sm, md, }) {
-    const context = useContext(FormContext);
-    return (React.createElement(Grid, Object.assign({ item: true }, { xs, sm, md }),
-        React.createElement(FormControlLabel, { control: React.createElement(Checkbox, Object.assign({ size: 'small' }, context.formRegister(name), { defaultChecked: defaultValue })), label: title }),
-        context.formWatch(name) && (React.createElement(Card, { sx: { bgcolor: '#FFFBF5', color: '#F59E0B', padding: 1, paddingLeft: 2 } }, customWarning ? (customWarning) : (React.createElement(Typography, null,
-            React.createElement("b", null, "Aten\u00E7\u00E3o"),
-            " ",
-            React.createElement("i", null, title),
-            " possui regras espec\u00EDficas."))))));
-}

package/src/components/form/checkbox/RequiredCheckBoxValidator.js

@@ -1,56 +0,0 @@
-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;
-};
-import React, { useContext } from 'react';
-import { FormContext } from '../../../context/form';
-import { Grid, Typography } from '@mui/material';
-import get from '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;
-}
-export default function RequiredCheckBoxGroup(_a) {
-    var _b;
-    var { customText = 'Selecione pelo menos 1 opção' } = _a, props = __rest(_a, ["customText"]);
-    const context = useContext(FormContext);
-    return (React.createElement(Grid, { container: true, sx: { border: get(context.errors, props.name) ? '2px solid #a51c30' : '', padding: 1, borderRadius: 2 } },
-        React.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.createElement(Grid, { item: true, xs: 12 },
-            React.createElement(Typography, { sx: { color: '#a51c30', fontSize: 16, paddingLeft: 1 } }, (_b = get(context.errors, props.name)) === null || _b === void 0 ? void 0 : _b.message))));
-}

package/src/components/form/date/DatePicker.js

@@ -1,71 +0,0 @@
-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;
-};
-import { Grid, InputLabel, TextField, Typography } from '@mui/material';
-import { LocalizationProvider } from '@mui/x-date-pickers';
-import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
-import { DatePicker as MUIDatePicker } from '@mui/x-date-pickers';
-import dayjs from 'dayjs';
-import 'dayjs/locale/pt-br';
-import get from 'lodash.get';
-import hasIn from 'lodash.hasin';
-import React, { useContext, useEffect, useState } from 'react';
-import { FormContext } from '../../../context/form';
-export default function DatePicker(_a) {
-    var _b;
-    var { name, required = false, title, xs = 12, sm, md, minDt, defaultValue = '', maxDt } = _a, props = __rest(_a, ["name", "required", "title", "xs", "sm", "md", "minDt", "defaultValue", "maxDt"]);
-    const context = useContext(FormContext);
-    const [value, setValue] = useState(defaultValue ? dayjs(defaultValue, 'DD/MM/YYYY') : null);
-    const handleChange = (newValue) => {
-        setValue(newValue);
-    };
-    useEffect(() => {
-        context.formSetValue(name, value ? value.format('DD/MM/YYYY') : value);
-    }, [value]);
-    useEffect(() => {
-        return () => {
-            context.formUnregister(name);
-        };
-    }, []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Grid, Object.assign({ item: true }, { xs, sm, md }),
-            title && React.createElement(InputLabel, { required: required }, title),
-            React.createElement(LocalizationProvider, { adapterLocale: 'pt-br', dateAdapter: AdapterDayjs },
-                React.createElement(MUIDatePicker, { minDate: dayjs(minDt, 'DD/MM/YYYY'), maxDate: dayjs(maxDt, 'DD/MM/YYYY'), format: 'DD/MM/YYYY', value: value, onChange: handleChange, disableHighlightToday: true, sx: {
-                        outline: get(context.errors, name) ? '1px solid #a51c30' : '',
-                        backgroundColor: 'white',
-                        width: '100%',
-                        div: {
-                            input: {
-                                paddingX: 2,
-                                paddingY: 1.05,
-                            },
-                        },
-                    }, inputRef: (params) => (React.createElement(TextField, Object.assign({ size: 'small' }, params, context === null || context === void 0 ? void 0 : context.formRegister(name, {
-                        validate: (v, f) => {
-                            if (!hasIn(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 && !(dayjs(minDt, 'DD/MM/YYYY').isSame(dayjs(v, 'DD/MM/YYYY')) || dayjs(minDt, 'DD/MM/YYYY').isBefore(dayjs(v, 'DD/MM/YYYY'))))
-                                return `A data tem que ser depois de ${minDt} e antes de ${maxDt}`;
-                            if (maxDt && !(dayjs(maxDt, 'DD/MM/YYYY').isSame(dayjs(v, 'DD/MM/YYYY')) || dayjs(maxDt, 'DD/MM/YYYY').isAfter(dayjs(v, 'DD/MM/YYYY'))))
-                                return 'A data escolhida não é válida';
-                        },
-                        shouldUnregister: true,
-                    }), { fullWidth: true }))) }),
-                React.createElement(Typography, { sx: { color: '#a51c30', fontSize: 14, paddingLeft: 1 } }, (_b = get(context.errors, name)) === null || _b === void 0 ? void 0 : _b.message)))));
-}