@ssplib/react-components 0.0.250 → 0.0.252

package/src/components/navbar/TabNavBar.js

@@ -1,135 +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 KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
-import LogoutOutlinedIcon from '@mui/icons-material/LogoutOutlined';
-import MenuIcon from '@mui/icons-material/Menu';
-import PersonIcon from '@mui/icons-material/Person';
-import { AppBar, Avatar, Box, Button, IconButton, Menu, MenuItem, Stack, Typography } from '@mui/material';
-import LinearProgress from '@mui/material/LinearProgress';
-import Image from 'next/image';
-import Link from 'next/link';
-import { useRouter } from 'next/router';
-import React, { useCallback, useContext, useState } from 'react';
-import { AuthContext } from '../../context/auth';
-function verificarRota(route, path) {
-    if (path === '/')
-        return route === path;
-    return route.startsWith(path);
-}
-export default function TabNavBar(_a) {
-    var { links, title, img, pos = 'fixed', next = true, el, menuItems, color = 'blue', route = '/teste/89', paddingBottom = 0, logoutMsg = 'Sair', logoutFunc } = _a, props = __rest(_a, ["links", "title", "img", "pos", "next", "el", "menuItems", "color", "route", "paddingBottom", "logoutMsg", "logoutFunc"]);
-    let router = undefined;
-    if (next)
-        router = useRouter();
-    const { user, login, logout, type } = useContext(AuthContext);
-    const [anchor, setAnchor] = useState(null);
-    const [avatarAnchor, setAvatarAnchor] = useState(null);
-    const menuOpen = Boolean(anchor);
-    const avatarMenu = Boolean(avatarAnchor);
-    const [loading, setLoading] = useState(false);
-    const onMenuClick = useCallback((e) => {
-        setAnchor(e.currentTarget);
-    }, []);
-    const closeMenu = useCallback(() => {
-        setAnchor(null);
-    }, []);
-    const onMenuItemClick = useCallback((e, link) => {
-        setLoading(true);
-        setAnchor(null);
-        if (router)
-            router
-                .push({
-                pathname: link,
-            })
-                .finally(() => setLoading(false));
-        else {
-            setLoading(false);
-        }
-    }, [router]);
-    function changeRoute(e, path) {
-        setLoading(true);
-        if (router) {
-            router
-                .push({
-                pathname: path,
-            })
-                .finally(() => setLoading(false));
-        }
-        else {
-            setLoading(false);
-        }
-    }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Box, { position: pos, sx: { width: '100%', zIndex: 100 } },
-            React.createElement(AppBar, { position: 'relative', elevation: 0, sx: { backgroundColor: 'white', color: 'black', paddingX: { xs: 1, md: 4 } } },
-                React.createElement(Stack, { direction: 'row', justifyContent: 'space-between' },
-                    React.createElement(Stack, { direction: 'row', alignItems: 'center', spacing: 2, marginRight: 2, sx: { display: { xs: 'none', md: 'flex' }, width: '100%' } },
-                        React.createElement(Link, { href: '/' }, next ? React.createElement(Image, { src: img, alt: title, width: 40, height: 40 }) : React.createElement("img", { src: img, height: 35 })),
-                        React.createElement(Box, null,
-                            React.createElement(Typography, { variant: 'subtitle1', fontWeight: 600 }, title))),
-                    React.createElement(Stack, { direction: 'row', width: '100%', justifyContent: 'center', alignItems: 'center', spacing: 2, sx: { display: { xs: 'none', md: 'flex' } } }, links.map((x, index) => {
-                        var _a;
-                        return (React.createElement(Box, { borderBottom: next ? (verificarRota((_a = router === null || router === void 0 ? void 0 : router.pathname) !== null && _a !== void 0 ? _a : '', x.path) ? `solid 4px ${color}` : '') : verificarRota(route, x.path) ? `solid 4px ${color}` : '', height: '100%', paddingX: 2, key: JSON.stringify({ x, index }), sx: {
-                                ':hover': {
-                                    backgroundColor: '#fcfcfc',
-                                    cursor: 'pointer',
-                                    userSelect: 'none',
-                                },
-                            }, onClick: (e) => {
-                                next && console.log('pathname:', router === null || router === void 0 ? void 0 : router.pathname, ':=', x.path);
-                                changeRoute(e, x.path);
-                            } },
-                            React.createElement(Stack, { height: '100%', justifyContent: 'center' }, x.name)));
-                    })),
-                    React.createElement(Box, { sx: {
-                            display: {
-                                xs: 'flex',
-                                md: 'none',
-                            },
-                        } }, links.length > 0 && (React.createElement(React.Fragment, null,
-                        React.createElement(IconButton, { onClick: onMenuClick },
-                            React.createElement(MenuIcon, null)),
-                        React.createElement(Menu, { open: menuOpen, onClose: closeMenu, anchorEl: anchor }, links.map((x, index) => (React.createElement(MenuItem, { key: JSON.stringify({ x, index }), onClick: (e) => onMenuItemClick(e, x.path) },
-                            React.createElement(Typography, { textTransform: 'capitalize' }, x.name)))))))),
-                    React.createElement(Stack, { direction: 'row', justifyContent: 'flex-end', alignItems: 'center', sx: { width: { md: '100%' } }, paddingY: 1 },
-                        React.createElement(Stack, { direction: 'row', spacing: 2 },
-                            React.createElement(Box, null, el),
-                            user ? (React.createElement(Stack, { direction: 'row', spacing: 1, sx: {
-                                    '&:hover': {
-                                        backgroundColor: '#a9def9',
-                                        cursor: 'pointer',
-                                    },
-                                    padding: 0.5,
-                                    borderRadius: 60,
-                                } },
-                                React.createElement(Box, { sx: { display: 'flex', alignItems: 'center' } },
-                                    React.createElement(Avatar, { sx: { width: 30, height: 30 }, src: user.image }),
-                                    React.createElement(Menu, { open: avatarMenu, onClose: (e) => setAvatarAnchor(null), anchorEl: avatarAnchor, disableScrollLock: true, transformOrigin: { horizontal: 'right', vertical: 'top' }, anchorOrigin: { horizontal: 'right', vertical: 'bottom' }, sx: { '.MuiMenu-paper': { borderRadius: 4 } } },
-                                        menuItems,
-                                        React.createElement(MenuItem, { onClick: (e) => {
-                                                setAvatarAnchor(null);
-                                                if (!!logoutFunc)
-                                                    logoutFunc();
-                                                logout();
-                                            } },
-                                            React.createElement(Stack, { direction: 'row', spacing: 1 },
-                                                React.createElement(LogoutOutlinedIcon, { sx: { fill: '#545454' } }),
-                                                React.createElement(Typography, { textTransform: 'capitalize' }, logoutMsg))))),
-                                React.createElement(Stack, { direction: 'row', spacing: 0.4, alignItems: 'center', onClick: (e) => setAvatarAnchor(e.currentTarget), sx: { userSelect: 'none' } },
-                                    React.createElement(Typography, null, "Ol\u00E1,"),
-                                    React.createElement(Typography, { fontWeight: 600 }, user.given_name),
-                                    React.createElement(KeyboardArrowDownIcon, null)))) : type === 'govbr' ? (React.createElement(Button, { variant: 'contained', size: 'small', startIcon: React.createElement(PersonIcon, null), onClick: login, sx: { color: 'white', textTransform: 'inherit', borderRadius: 50, paddingX: 2 } },
-                                React.createElement(Typography, { fontWeight: 600, fontSize: 15, padding: 0.4 }, "Entrar com o gov.br"))) : (React.createElement(Button, { variant: 'contained', size: 'small', startIcon: React.createElement(PersonIcon, null), onClick: login, sx: { color: 'white', textTransform: 'inherit', borderRadius: 50, paddingX: 2 } },
-                                React.createElement(Typography, { fontWeight: 600, fontSize: 15, padding: 0.4 }, "Entrar"))))))),
-            loading && React.createElement(LinearProgress, null)),
-        React.createElement(Box, { paddingBottom: paddingBottom })));
-}

package/src/components/providers/FormProvider.js

@@ -1,23 +0,0 @@
-import React, { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { FormContext } from '../../context/form';
-import { toast } from 'react-toastify';
-export default function FormProvider({ children, onSubmit, formMethod = 'GET', submiting = false, }) {
-    const { register, handleSubmit, control, formState: { errors }, reset, watch, trigger, setValue, unregister, getValues, } = useForm();
-    const [filesUid, setFilesUid] = useState([]);
-    return (React.createElement(FormContext.Provider, { value: {
-            formRegister: register,
-            formWatch: watch,
-            formReset: reset,
-            formControl: control,
-            formSetValue: setValue,
-            formTrigger: trigger,
-            formUnregister: unregister,
-            formGetValues: getValues,
-            formHandleSubmit: handleSubmit,
-            setFilesUid: setFilesUid,
-            errors: errors,
-            submiting: submiting,
-        } },
-        React.createElement("form", { method: formMethod, onSubmit: handleSubmit((d) => onSubmit(d, filesUid), (d) => toast('Formulário incompleto! Verifique os campos marcados e tente novamente.', { type: 'warning', position: 'top-right', theme: 'colored' })) }, children)));
-}

package/src/components/providers/KeycloakAuthProvider.js

@@ -1,69 +0,0 @@
-import { useRouter } from 'next/router';
-import React, { useEffect, useState } from 'react';
-import { AuthContext } from '../../context/auth';
-import Keycloak from 'keycloak-js';
-export const cookieName = 'nextauth.token';
-const userImgName = 'user-data.img';
-export function KeycloakAuthProvider({ url, realm, clientId, children, type = 'ad', resource_name = 'eventos-front', }) {
-    const [user, setUser] = useState();
-    const [userLoaded, setUserLoaded] = useState(false);
-    const [kc, setKc] = useState(null);
-    const [token, setToken] = useState(undefined);
-    const router = useRouter();
-    const isAuth = !!user;
-    useEffect(() => {
-        const keycloak = new Keycloak({
-            url: url,
-            realm: realm,
-            clientId: clientId,
-        });
-        setKc(keycloak);
-        keycloak
-            .init({
-            onLoad: 'check-sso',
-            pkceMethod: 'S256',
-        })
-            .then((auth) => {
-            var _a, _b;
-            setUserLoaded(true);
-            if (!auth) {
-                console.log('NAO AUTENTICADO');
-                //window.location.reload();
-            }
-            else {
-                const tokenParsed = keycloak.tokenParsed;
-                console.log('TOKEN-> ', tokenParsed);
-                const userData = Object.assign(Object.assign({}, tokenParsed), { token: keycloak.token, roles: ((_b = ((_a = tokenParsed === null || tokenParsed === void 0 ? void 0 : tokenParsed.resource_access) !== null && _a !== void 0 ? _a : {})[resource_name]) !== null && _b !== void 0 ? _b : []).roles });
-                setUser(userData);
-                console.info('Authenticated!!!');
-                keycloak.onTokenExpired = () => {
-                    console.log('token expired');
-                };
-            }
-        }, () => {
-            console.error('Authenticated Failed');
-        });
-        const s = router.query['status'];
-        if (!s)
-            return;
-        if (s === 'success') {
-            window.history.replaceState(null, '', '/');
-        }
-    }, []);
-    function login() {
-        console.log('Tentando logar...');
-        console.log('KC: ', {
-            instancia: kc,
-            logado: kc === null || kc === void 0 ? void 0 : kc.authenticated,
-            client_id: kc === null || kc === void 0 ? void 0 : kc.clientId,
-        });
-        kc === null || kc === void 0 ? void 0 : kc.login();
-    }
-    function logout() {
-        setUserLoaded(false);
-        kc === null || kc === void 0 ? void 0 : kc.logout();
-        setUser(null);
-        localStorage.removeItem(userImgName);
-    }
-    return React.createElement(AuthContext.Provider, { value: { user, isAuth, userLoaded, login, logout, saveUserData: () => { }, type } }, children);
-}

package/src/components/providers/SspComponentsProvider.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ToastContainer } from 'react-toastify';
-import { CustomModalProvider } from '../modal/Modal';
-// import '../../css/ReactToastify.css'
-//components principal da aplicação
-export function SspComponentsProvider(props) {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(CustomModalProvider, null),
-        props.children,
-        React.createElement(ToastContainer, { position: 'bottom-right', theme: 'colored' })));
-}

package/src/components/utils/CustomMenu.js

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

package/src/context/auth.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const AuthContext = createContext({});

package/src/context/form.js

@@ -1,2 +0,0 @@
-import { createContext } from 'react';
-export const FormContext = createContext(null);

package/src/index.js

@@ -1,41 +0,0 @@
-import CheckBox from './components/form/checkbox/CheckBox';
-import CheckBoxWarning from './components/form/checkbox/CheckBoxWarning';
-import DatePicker from './components/form/date/DatePicker';
-import TimePicker from './components/form/date/TimePicker';
-import FileUpload from './components/form/file/FileUpload';
-import ActiveInput from './components/form/input/ActiveInput';
-import AutoComplete from './components/form/input/AutoComplete';
-import FetchAutoComplete from './components/form/input/FetchAutoComplete';
-import Input from './components/form/input/Input';
-import MaskInput from './components/form/input/MaskInput';
-import MultInput from './components/form/input/MultInput';
-import OtherCheckBox from './components/form/input/OtherCheckBox';
-import Stepper from './components/form/stepper/Stepper';
-import StepperBlock from './components/form/stepper/StepperBlock';
-import Switch from './components/form/switch/Switch';
-import { SwitchWatch, ToggleVisibility } from './components/form/switch/ToggleVisibility';
-import Table from './components/form/table/Table';
-import NavBar from './components/navbar/NavBar';
-import TabNavBar from './components/navbar/TabNavBar';
-import FormProvider from './components/providers/FormProvider';
-import { OAuthProvider, cookieName as AUTH_COOKIE_NAME } from './components/providers/OAuthProvider';
-import { AuthContext } from './context/auth';
-import { FormContext } from './context/form';
-import { Category } from './components/detalhes/Category';
-import { Field } from './components/detalhes/Field';
-import { FieldLabel } from './components/detalhes/FieldLabel';
-import { File } from './components/detalhes/File';
-import CheckBoxAdditional from './components/form/checkbox/CheckBoxAdditional';
-import RequiredCheckBoxGroup from './components/form/checkbox/RequiredCheckBoxValidator';
-import { KeycloakAuthProvider } from './components/providers/KeycloakAuthProvider';
-import { FixedAutoComplete } from './components/form/input/FixedAutoComplete';
-import DropFileUpload from './components/form/file/DropFileUpload';
-import { MODAL } from './components/modal/Modal';
-import { SspComponentsProvider } from './components/providers/SspComponentsProvider';
-import Button from './components/utils/Bt';
-import Menu from './components/utils/CustomMenu';
-export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, FetchAutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, SwitchWatch, ToggleVisibility, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, KeycloakAuthProvider, CheckBoxAdditional, RequiredCheckBoxGroup, FixedAutoComplete, 
-//detalhes
-Category, Field, FieldLabel, File, 
-//new
-DropFileUpload, MODAL, SspComponentsProvider, TabNavBar, Button, Menu };

package/src/types/auth.js

@@ -1 +0,0 @@
-export {};