@ssplib/react-components 0.0.14 → 0.0.15

package/components/form/date/TimePicker.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export default function TimePicker({ name, required, title, xs, sm, md, ...props }: {
+export default function TimePicker({ name, required, title, xs, sm, md }: {
     name: string;
     title?: string;
     required?: boolean;

package/components/form/date/TimePicker.js

@@ -22,17 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 };
 };
@@ -44,8 +33,7 @@ const pt_br_1 = __importDefault(require("dayjs/locale/pt-br"));
 const lodash_get_1 = __importDefault(require("lodash.get"));
 const react_1 = __importStar(require("react"));
 const form_1 = __importDefault(require("../../../context/form"));
-function TimePicker(_a) {
-    var { name, required = false, title, xs = 12, sm, md } = _a, props = __rest(_a, ["name", "required", "title", "xs", "sm", "md"]);
+function TimePicker({ name, required = false, title, xs = 12, sm, md }) {
     const context = (0, react_1.useContext)(form_1.default);
     const [value, setValue] = (0, react_1.useState)(null);
     const handleChange = (newValue) => {

package/components/form/file/FileUpload.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import { User } from '../../../types/auth';
-export default function FileUpload({ name, tipoArquivo, title, required, multiple, user, apiURL, xs, sm, md, }: {
+export default function FileUpload({ name, tipoArquivo, title, required, multiple, apiURL, xs, sm, md, }: {
     name: string;
     tipoArquivo: string;
     title: string;
     apiURL: string;
-    user?: User;
     required?: boolean;
     multiple?: boolean;
     xs?: number;

package/components/form/file/FileUpload.js

@@ -36,9 +36,11 @@ const material_1 = require("@mui/material");
 const system_1 = require("@mui/system");
 const lodash_get_1 = __importDefault(require("lodash.get"));
 const react_1 = __importStar(require("react"));
+const auth_1 = require("../../../context/auth");
 const form_1 = __importDefault(require("../../../context/form"));
-function FileUpload({ name, tipoArquivo, title, required = false, multiple = false, user, apiURL, xs = 12, sm, md, }) {
+function FileUpload({ name, tipoArquivo, title, required = false, multiple = false, apiURL, xs = 12, sm, md, }) {
     const context = (0, react_1.useContext)(form_1.default);
+    const { user } = (0, react_1.useContext)(auth_1.AuthContext);
     const [files, setFiles] = (0, react_1.useState)([]);
     const [filesLoaded, setFilesLoaded] = (0, react_1.useState)([]);
     const [fileIds, setFilesIds] = (0, react_1.useState)({});

package/components/form/input/AutoComplete.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { User } from '../../../types/auth';
-export default function AutoComplete({ name, required, title, customPlaceholder, user, url, xs, sm, md, ...props }: {
+export default function AutoComplete({ name, required, title, customPlaceholder, url, xs, sm, md, }: {
     url: string;
     name: string;
-    user?: User;
     title?: string;
     customPlaceholder?: string;
     required?: boolean;

package/components/form/input/AutoComplete.js

@@ -22,17 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 };
 };
@@ -42,10 +31,11 @@ const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
 const lodash_get_1 = __importDefault(require("lodash.get"));
 const react_1 = __importStar(require("react"));
 const react_query_1 = require("react-query");
+const auth_1 = require("../../../context/auth");
 const form_1 = __importDefault(require("../../../context/form"));
-function AutoComplete(_a) {
-    var { name, required = false, title, customPlaceholder, user, url, xs = 12, sm, md } = _a, props = __rest(_a, ["name", "required", "title", "customPlaceholder", "user", "url", "xs", "sm", "md"]);
+function AutoComplete({ name, required = false, title, customPlaceholder, url, xs = 12, sm, md, }) {
     const context = (0, react_1.useContext)(form_1.default);
+    const { user } = (0, react_1.useContext)(auth_1.AuthContext);
     const [options, setOptions] = (0, react_1.useState)([]);
     const { isLoading, data, error } = (0, react_query_1.useQuery)(`autocomplete-${name}`, () => fetch(url, {
         headers: {

package/components/form/table/Table.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
-import { AuthData } from '../../../types/auth';
 interface ColumnData {
     title: string;
     keyName: string;
 }
-export declare function Table({ columns, auth, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, }: {
+export declare function Table({ columns, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, }: {
     columns: ColumnData[];
-    auth: AuthData;
     tableName: string;
     action: (prop: any) => JSX.Element;
     csv?: {

package/components/form/table/Table.js

@@ -37,14 +37,15 @@ const TextField_1 = __importDefault(require("@mui/material/TextField"));
 const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const lodash_get_1 = __importDefault(require("lodash.get"));
 const react_1 = __importStar(require("react"));
-function Table({ columns, auth, fetchFunc, emptyMsg = {
+const auth_1 = require("../../../context/auth");
+function Table({ columns, fetchFunc, emptyMsg = {
     user: 'Nenhum dado encontrado',
     public: 'Nenhum dado encontrado',
 }, dataPath = '', tableName, csv, columnSize, action, }) {
     const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     const [error, setError] = (0, react_1.useState)(null);
     const [data, setData] = (0, react_1.useState)(null);
-    const { user, userLoaded } = auth;
+    const { user, userLoaded } = (0, react_1.useContext)(auth_1.AuthContext);
     (0, react_1.useEffect)(() => {
         if (userLoaded)
             fetchFunc().then((res) => res.json().then((j) => {

package/components/navbar/NavBar.d.ts

@@ -1,13 +1,11 @@
 /// <reference types="react" />
-import { AuthData } from '../../types/auth';
-export default function NavBar({ auth, links, title, img, pos, next, el, }: {
+export default function NavBar({ links, title, img, pos, next, el, }: {
     links: {
         name: string;
         path: string;
     }[];
     title: string;
     img: string;
-    auth: AuthData;
     next?: boolean;
     el?: JSX.Element;
     pos?: 'fixed' | 'inherit';

package/components/navbar/NavBar.js

@@ -36,11 +36,12 @@ const image_1 = __importDefault(require("next/image"));
 const link_1 = __importDefault(require("next/link"));
 const router_1 = require("next/router");
 const react_1 = __importStar(require("react"));
-function NavBar({ auth, links, title, img, pos = 'fixed', next = true, el, }) {
+const auth_1 = require("../../context/auth");
+function NavBar({ links, title, img, pos = 'fixed', next = true, el, }) {
     let router = undefined;
     if (next)
         router = (0, router_1.useRouter)();
-    const { user, login, logout, userLoaded } = auth;
+    const { user, login, logout, userLoaded } = (0, react_1.useContext)(auth_1.AuthContext);
     const [anchor, setAnchor] = (0, react_1.useState)(null);
     const [avatarAnchor, setAvatarAnchor] = (0, react_1.useState)(null);
     const menuOpen = Boolean(anchor);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.14",
+    "version": "0.0.15",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",
@@ -45,13 +45,7 @@
         "type": "git",
         "url": "git+https://github.com/SSPDF/ssp-components.git"
     },
-    "keywords": [
-        "front",
-        "react",
-        "components",
-        "ssp",
-        "df"
-    ],
+    "keywords": ["front", "react", "components", "ssp", "df"],
     "bugs": {
         "url": "https://github.com/SSPDF/ssp-components/issues"
     },