@ssplib/react-components 0.0.276 → 0.0.278

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export default function DropFileUpload({ name, tipoArquivo, title, required, multiple, apiURL, sizeLimit, xs, sm, md, route, tstToken, }: {
+import { DropzoneOptions } from 'react-dropzone';
+export default function DropFileUpload({ name, tipoArquivo, title, required, multiple, apiURL, sizeLimit, xs, sm, md, route, tstToken, dropZoneOptions, }: {
     name: string;
     tipoArquivo: string;
     title: string;
@@ -9,6 +10,7 @@ export default function DropFileUpload({ name, tipoArquivo, title, required, mul
     required?: boolean;
     multiple?: boolean;
     sizeLimit?: number;
+    dropZoneOptions?: DropzoneOptions;
     xs?: number;
     sm?: number;
     md?: number;

package/components/form/file/DropFileUpload.js

@@ -58,10 +58,8 @@ function LinearProgressWithLabel(props) {
         react_1.default.createElement(material_1.Box, { sx: { minWidth: 3 } },
             react_1.default.createElement(material_1.Typography, { variant: 'body2', color: 'text.secondary' }, `${Math.round(props.value)}%`))));
 }
-function DropFileUpload({ name, tipoArquivo, title, required = false, multiple = false, apiURL, sizeLimit = 4, xs = 12, sm, md, route = '', tstToken = '', }) {
-    const { getRootProps, getInputProps } = (0, react_dropzone_1.useDropzone)({
-        multiple,
-        onDrop: (dropFiles) => {
+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
@@ -119,8 +117,7 @@ function DropFileUpload({ name, tipoArquivo, title, required = false, multiple =
                     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)();

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TableProps } from './types';
-export declare function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, useKC, statusKeyName, csvExcludeKeys, csvExcludeKeysCSV, csvExcludeKeysAll, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvNoZipText, csvAllButtonTitle, removeQuotes, normalize, csvShowAllButton, csvWithoutZip, itemCount, csvUpper, csvZipFileNamesKey, generateCsvZip, hideTitleCSV, csvExcludeUpper, multipleDataPath, expandTextMaxLength, collapsedSize, customMargin, customMarginMobile, filtersFunc, filters, orderBy, customErrorMsg, customTableStyle, id, initialData, }: TableProps): JSX.Element;
+export declare function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg, dataPath, tableName, csv, columnSize, action, useKC, statusKeyName, csvExcludeKeys, csvExcludeKeysCSV, csvExcludeKeysAll, csvCustomKeyNames, csvExcludeValidate, csvButtonTitle, csvNoZipText, csvAllButtonTitle, removeQuotes, normalize, csvShowAllButton, csvWithoutZip, itemCount, csvUpper, csvZipFileNamesKey, generateCsvZip, hideTitleCSV, csvExcludeUpper, multipleDataPath, expandTextMaxLength, collapsedSize, customMargin, customMarginMobile, filtersFunc, filters, orderBy, customErrorMsg, customTableStyle, id, initialData, isExpandable, }: TableProps): JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof Table>;
 export default _default;

package/components/form/table/Table.js

@@ -53,7 +53,7 @@ let localTableNameCache = '';
 function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
     user: 'Nenhum dado encontrado',
     public: 'Nenhum dado encontrado',
-}, dataPath = '', tableName = 'Dado', csv, columnSize, action, useKC = true, statusKeyName = '', csvExcludeKeys = [], csvExcludeKeysCSV = [], csvExcludeKeysAll = [], csvCustomKeyNames = {}, csvExcludeValidate = (key, value) => false, csvButtonTitle = 'Salvar .CSV', csvNoZipText = 'Salvar .CSV', csvAllButtonTitle = 'Salvar todos em CSV', removeQuotes = false, normalize = false, csvShowAllButton = false, csvWithoutZip = false, itemCount = 10, csvUpper = false, csvZipFileNamesKey = '', generateCsvZip = false, hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMaxLength = 50, collapsedSize = 53, customMargin = 4, customMarginMobile = 0, filtersFunc, filters = [], orderBy = [], customErrorMsg = undefined, customTableStyle = {}, id, initialData = null, }) {
+}, dataPath = '', tableName = 'Dado', csv, columnSize, action, useKC = true, statusKeyName = '', csvExcludeKeys = [], csvExcludeKeysCSV = [], csvExcludeKeysAll = [], csvCustomKeyNames = {}, csvExcludeValidate = (key, value) => false, csvButtonTitle = 'Salvar .CSV', csvNoZipText = 'Salvar .CSV', csvAllButtonTitle = 'Salvar todos em CSV', removeQuotes = false, normalize = false, csvShowAllButton = false, csvWithoutZip = false, itemCount = 10, csvUpper = false, csvZipFileNamesKey = '', generateCsvZip = false, hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMaxLength = 50, collapsedSize = 53, customMargin = 4, customMarginMobile = 0, filtersFunc, filters = [], orderBy = [], customErrorMsg = undefined, customTableStyle = {}, id, initialData = null, isExpandable = true, }) {
     var _a;
     const [isLoading, setIsLoading] = (0, react_1.useState)(false);
     const [error, setError] = (0, react_1.useState)(null);
@@ -360,7 +360,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
                                 startIcon: react_1.default.createElement(icons_material_1.KeyboardArrowDown, null),
                                 fullWidth: true,
                             } }, "Ordenar"),
-                        react_1.default.createElement(material_1.Button, { variant: 'contained', fullWidth: true, startIcon: isExpandAll ? react_1.default.createElement(icons_material_1.KeyboardArrowUp, null) : react_1.default.createElement(icons_material_1.KeyboardArrowDown, null), sx: {
+                        isExpandable && (react_1.default.createElement(material_1.Button, { variant: 'contained', fullWidth: true, startIcon: isExpandAll ? react_1.default.createElement(icons_material_1.KeyboardArrowUp, null) : react_1.default.createElement(icons_material_1.KeyboardArrowDown, null), sx: {
                                 backgroundColor: '#637082',
                                 ':hover': {
                                     backgroundColor: '#3c4757',
@@ -370,7 +370,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
                                 padding: {
                                     md: '0px 8px',
                                 },
-                            }, onClick: expandAll }, isExpandAll ? 'Recolher' : 'Expandir'))),
+                            }, onClick: expandAll }, isExpandAll ? 'Recolher' : 'Expandir')))),
                 react_1.default.createElement(material_1.Stack, { alignItems: 'end', width: { xs: '100%', md: '20%' }, direction: { xs: 'row', md: 'column' }, spacing: { xs: 1, md: 0 } },
                     react_1.default.createElement(Typography_1.default, { fontWeight: 600, textAlign: 'end' },
                         "Registro de ",

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

@@ -129,4 +129,6 @@ export interface TableProps {
     }> | null;
     /** Flag de carregamento dos dados da tabela */
     isLoading?: boolean;
+    /** Flag para mostrar ou não o botão de expandir a Linha */
+    isExpandable?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.276",
+    "version": "0.0.278",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",
@@ -21,7 +21,7 @@
         "keycloak-js": "^25.0.1",
         "react-toastify": "^10.0.4",
         "axios": "^1.6.7",
-        "react-dropzone": "^14.2.3",
+        "react-dropzone": "^14.3.8",
         "leaflet": "^1.9.4",
         "leaflet-defaulticon-compatibility": "^0.1.2",
         "react-leaflet": "^4.2.1"