@ssplib/react-components 0.0.227 → 0.0.228

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

@@ -67,8 +67,8 @@ interface FilterValue {
     type: FilterType;
     operator: FilterOperators;
     operators: FilterOperators[];
-    value: string | any[];
-    value2?: string | any[];
+    value: string | any;
+    value2?: string | any;
     useList?: {
         id: string;
         label: string;

package/components/form/table/Table.js

@@ -504,8 +504,15 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                         case 'contem':
                             currentData.forEach((cd) => {
                                 const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
-                                if (value.includes(dt.value)) {
-                                    filteredData.push(cd);
+                                if (dt.useList) {
+                                    if (value.includes(dt.value.id)) {
+                                        filteredData.push(cd);
+                                    }
+                                }
+                                else {
+                                    if (value.includes(dt.value)) {
+                                        filteredData.push(cd);
+                                    }
                                 }
                             });
                             break;
@@ -669,7 +676,11 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
                 .map((x) => (react_1.default.createElement(material_1.Stack, { direction: 'row', spacing: 1, bgcolor: '#4e85c1', color: 'white', width: 'fit-content', paddingY: 0.5, borderRadius: 2, paddingX: 1, m: 0.5 },
                 react_1.default.createElement(Typography_1.default, { fontWeight: 700 }, x.label),
                 react_1.default.createElement(Typography_1.default, { fontStyle: 'italic' }, x.operator),
-                react_1.default.createElement(Typography_1.default, { bgcolor: 'white', borderRadius: 2, paddingX: 1, color: 'black' }, x.operator === 'tem um dos' ? x.value.map((x) => x.label).join(' - ') : x.value.toString()),
+                react_1.default.createElement(Typography_1.default, { bgcolor: 'white', borderRadius: 2, paddingX: 1, color: 'black' }, Array.isArray(x.value)
+                    ? x.value.map((x) => x.label).join(' - ')
+                    : typeof x.value === 'object'
+                        ? x.value.label
+                        : x.value.toString()),
                 react_1.default.createElement(material_1.IconButton, { onClick: (e) => {
                         var _a;
                         let currentValue = JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]');
@@ -882,13 +893,17 @@ function FilterField({ filterValue, operator, onChange }) {
                 switch (operator) {
                     case 'tem um dos':
                         return (react_1.default.createElement(material_1.Autocomplete, { multiple: true, id: 'tags-standard', onChange: (e, value) => {
+                                if (value.length <= 0) {
+                                    onChange('');
+                                    return;
+                                }
                                 onChange(value);
                             }, options: filterValue.useList, defaultValue: Array.isArray(filterValue.value) ? filterValue.value : [], renderInput: (params) => react_1.default.createElement(TextField_1.default, Object.assign({}, params, { variant: 'standard', placeholder: 'Escolha os valores', fullWidth: true })), fullWidth: true }));
                     case 'contem':
                         return (react_1.default.createElement(material_1.Box, { width: '100%' },
                             react_1.default.createElement(material_1.Autocomplete, { options: filterValue.useList, onChange: (e, value) => {
-                                    onChange(value ? value.id : '');
-                                }, defaultValue: filterValue.value && typeof filterValue.value === 'string' ? filterValue.useList.find((item) => item.id === filterValue.value) : undefined, isOptionEqualToValue: (option, value) => option.label === value.label, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { size: 'small', placeholder: 'Escolha um valor', fullWidth: true, sx: {
+                                    onChange(value);
+                                }, defaultValue: typeof filterValue.value === 'object' ? filterValue.value : undefined, isOptionEqualToValue: (option, value) => option.label === value.label, renderInput: (params) => (react_1.default.createElement(TextField_1.default, Object.assign({}, params, { size: 'small', placeholder: 'Escolha um valor', fullWidth: true, sx: {
                                         bgcolor: 'white',
                                     } }))), fullWidth: true })));
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ssplib/react-components",
-    "version": "0.0.227",
+    "version": "0.0.228",
     "description": "SSP React Components",
     "main": "index.js",
     "author": "Pedro Henrique <sr.hudrick@gmail.com>",