@ssplib/react-components 0.0.227 → 0.0.229

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 (3) hide show
  1. package/components/form/table/Table.d.ts +2 -2
  2. package/components/form/table/Table.js +24 -6
  3. package/package.json +1 -1
package/components/form/table/Table.d.ts CHANGED
@@ -67,8 +67,8 @@ interface FilterValue {
67
67
  type: FilterType;
68
68
  operator: FilterOperators;
69
69
  operators: FilterOperators[];
70
- value: string | any[];
71
- value2?: string | any[];
70
+ value: string | any;
71
+ value2?: string | any;
72
72
  useList?: {
73
73
  id: string;
74
74
  label: string;
package/components/form/table/Table.js CHANGED
@@ -504,14 +504,25 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
504
504
  case 'contem':
505
505
  currentData.forEach((cd) => {
506
506
  const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
507
- if (value.includes(dt.value)) {
508
- filteredData.push(cd);
507
+ if (!value)
508
+ return;
509
+ if (dt.useList) {
510
+ if (value.includes(dt.value.id)) {
511
+ filteredData.push(cd);
512
+ }
513
+ }
514
+ else {
515
+ if (value.includes(dt.value)) {
516
+ filteredData.push(cd);
517
+ }
509
518
  }
510
519
  });
511
520
  break;
512
521
  case 'tem um dos':
513
522
  currentData.forEach((cd) => {
514
523
  const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
524
+ if (!value)
525
+ return;
515
526
  if (dt.value.map((x) => x.id).includes(value)) {
516
527
  filteredData.push(cd);
517
528
  }
@@ -536,7 +547,6 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
536
547
  const value = (0, dayjs_1.default)((0, lodash_get_1.default)(cd, dt.keyName, ''), 'DD/MM/YYYY');
537
548
  const dateA = (0, dayjs_1.default)(dt.value, 'DD/MM/YYYY');
538
549
  const dateB = (0, dayjs_1.default)(dt.value2, 'DD/MM/YYYY');
539
- console.log(dateA.isValid(), dateB.isValid());
540
550
  if (!dateA.isValid() || !dateB.isValid())
541
551
  return;
542
552
  if ((value.isAfter(dateA) || value.isSame(dateA)) && (value.isBefore(dateB) || value.isSame(dateB))) {
@@ -669,7 +679,11 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
669
679
  .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 },
670
680
  react_1.default.createElement(Typography_1.default, { fontWeight: 700 }, x.label),
671
681
  react_1.default.createElement(Typography_1.default, { fontStyle: 'italic' }, x.operator),
672
- 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()),
682
+ react_1.default.createElement(Typography_1.default, { bgcolor: 'white', borderRadius: 2, paddingX: 1, color: 'black' }, Array.isArray(x.value)
683
+ ? x.value.map((x) => x.label).join(' - ')
684
+ : typeof x.value === 'object'
685
+ ? x.value.label
686
+ : x.value.toString()),
673
687
  react_1.default.createElement(material_1.IconButton, { onClick: (e) => {
674
688
  var _a;
675
689
  let currentValue = JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]');
@@ -882,13 +896,17 @@ function FilterField({ filterValue, operator, onChange }) {
882
896
  switch (operator) {
883
897
  case 'tem um dos':
884
898
  return (react_1.default.createElement(material_1.Autocomplete, { multiple: true, id: 'tags-standard', onChange: (e, value) => {
899
+ if (value.length <= 0) {
900
+ onChange('');
901
+ return;
902
+ }
885
903
  onChange(value);
886
904
  }, 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 }));
887
905
  case 'contem':
888
906
  return (react_1.default.createElement(material_1.Box, { width: '100%' },
889
907
  react_1.default.createElement(material_1.Autocomplete, { options: filterValue.useList, onChange: (e, value) => {
890
- onChange(value ? value.id : '');
891
- }, 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: {
908
+ onChange(value);
909
+ }, 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: {
892
910
  bgcolor: 'white',
893
911
  } }))), fullWidth: true })));
894
912
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssplib/react-components",
3
- "version": "0.0.227",
3
+ "version": "0.0.229",
4
4
  "description": "SSP React Components",
5
5
  "main": "index.js",
6
6
  "author": "Pedro Henrique <sr.hudrick@gmail.com>",