@ssplib/react-components 0.0.275 → 0.0.277

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/components/form/table/Table.d.ts +1 -1
  2. package/components/form/table/Table.js +3 -3
  3. package/components/form/table/types.d.ts +2 -0
  4. package/package.json +3 -1
package/components/form/table/Table.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
2
  import { TableProps } from './types';
3
- 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;
3
+ 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;
4
4
  declare const _default: React.MemoExoticComponent<typeof Table>;
5
5
  export default _default;
package/components/form/table/Table.js CHANGED
@@ -53,7 +53,7 @@ let localTableNameCache = '';
53
53
  function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
54
54
  user: 'Nenhum dado encontrado',
55
55
  public: 'Nenhum dado encontrado',
56
- }, 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, }) {
56
+ }, 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, }) {
57
57
  var _a;
58
58
  const [isLoading, setIsLoading] = (0, react_1.useState)(false);
59
59
  const [error, setError] = (0, react_1.useState)(null);
@@ -360,7 +360,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
360
360
  startIcon: react_1.default.createElement(icons_material_1.KeyboardArrowDown, null),
361
361
  fullWidth: true,
362
362
  } }, "Ordenar"),
363
- 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: {
363
+ 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: {
364
364
  backgroundColor: '#637082',
365
365
  ':hover': {
366
366
  backgroundColor: '#3c4757',
@@ -370,7 +370,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
370
370
  padding: {
371
371
  md: '0px 8px',
372
372
  },
373
- }, onClick: expandAll }, isExpandAll ? 'Recolher' : 'Expandir'))),
373
+ }, onClick: expandAll }, isExpandAll ? 'Recolher' : 'Expandir')))),
374
374
  react_1.default.createElement(material_1.Stack, { alignItems: 'end', width: { xs: '100%', md: '20%' }, direction: { xs: 'row', md: 'column' }, spacing: { xs: 1, md: 0 } },
375
375
  react_1.default.createElement(Typography_1.default, { fontWeight: 600, textAlign: 'end' },
376
376
  "Registro de ",
package/components/form/table/types.d.ts CHANGED
@@ -129,4 +129,6 @@ export interface TableProps {
129
129
  }> | null;
130
130
  /** Flag de carregamento dos dados da tabela */
131
131
  isLoading?: boolean;
132
+ /** Flag para mostrar ou não o botão de expandir a Linha */
133
+ isExpandable?: boolean;
132
134
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssplib/react-components",
3
- "version": "0.0.275",
3
+ "version": "0.0.277",
4
4
  "description": "SSP React Components",
5
5
  "main": "index.js",
6
6
  "author": "Pedro Henrique <sr.hudrick@gmail.com>",
@@ -14,6 +14,7 @@
14
14
  "react-imask": "^6.6.0",
15
15
  "react-query": "^3.39.3",
16
16
  "dayjs": "^1.11.7",
17
+ "lodash.clonedeep": "^4.5.0",
17
18
  "lodash.hasin": "^4.5.2",
18
19
  "react-google-recaptcha": "^2.1.0",
19
20
  "jszip": "^3.10.1",
@@ -26,6 +27,7 @@
26
27
  "react-leaflet": "^4.2.1"
27
28
  },
28
29
  "devDependencies": {
30
+ "@types/lodash.clonedeep": "^4.5.9",
29
31
  "@types/lodash.get": "^4.4.7",
30
32
  "@types/lodash.hasin": "^4.5.7",
31
33
  "prop-types": "15.8.1"