@ssplib/react-components 0.0.225 → 0.0.227

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.js +13 -8
  2. package/index.d.ts +3 -1
  3. package/index.js +5 -1
  4. package/package.json +1 -1
package/components/form/table/Table.js CHANGED
@@ -446,15 +446,15 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
446
446
  isExpandAll = !isExpandAll;
447
447
  }
448
448
  function reset() {
449
- // setData(baseFilters)
450
- // setResetFields((s) => !s)
451
449
  setList(startData);
452
450
  setListClone(startData);
451
+ setPagCount(getCount(startData));
452
+ setCurrentPage(0);
453
+ setListPage(1);
453
454
  localStorage.removeItem(localTableName);
454
455
  setFilterKey(new Date().getTime().toString());
455
456
  }
456
457
  function filtrar(filterData) {
457
- console.log(startData);
458
458
  if (!startData)
459
459
  return;
460
460
  let currentData = JSON.parse(JSON.stringify(startData));
@@ -512,7 +512,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
512
512
  case 'tem um dos':
513
513
  currentData.forEach((cd) => {
514
514
  const value = (0, lodash_get_1.default)(cd, dt.keyName, '');
515
- if (dt.value.includes(value)) {
515
+ if (dt.value.map((x) => x.id).includes(value)) {
516
516
  filteredData.push(cd);
517
517
  }
518
518
  });
@@ -551,6 +551,9 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
551
551
  currentData = filteredData;
552
552
  });
553
553
  setList(currentData);
554
+ setPagCount(getCount(currentData));
555
+ setCurrentPage(0);
556
+ setListPage(1);
554
557
  localStorage.setItem(localTableName, JSON.stringify(filterData));
555
558
  setListClone(currentData);
556
559
  }
@@ -620,8 +623,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
620
623
  borderRadius: '50px',
621
624
  maxWidth: '600px',
622
625
  }, size: 'small', onChange: onInputChange, fullWidth: true, placeholder: `Pesquisar ${tableName}` }),
623
- Modal_1.MODAL.reparent(react_1.default.createElement(CriarFiltro, { key: filterKey, reset: reset, filtrar: filtrar, baseFilters: [...filters], filters: localStorage.getItem(localTableName) ? JSON.parse(localStorage.getItem(localTableName)) : [...filters] }), 0),
624
- react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.FilterAlt, null), variant: 'contained', onClick: (e) => Modal_1.MODAL.openReparented(0), sx: {
626
+ react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.FilterAlt, null), variant: 'contained', onClick: (e) => Modal_1.MODAL.open(react_1.default.createElement(CriarFiltro, { key: filterKey, reset: reset, filtrar: filtrar, baseFilters: [...filters], filters: localStorage.getItem(localTableName) ? JSON.parse(localStorage.getItem(localTableName)) : [...filters] })), sx: {
625
627
  borderRadius: 3,
626
628
  paddingX: '24px',
627
629
  paddingY: '8px',
@@ -667,7 +669,7 @@ hideTitleCSV = false, csvExcludeUpper = [], multipleDataPath = '', expandTextMax
667
669
  .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 },
668
670
  react_1.default.createElement(Typography_1.default, { fontWeight: 700 }, x.label),
669
671
  react_1.default.createElement(Typography_1.default, { fontStyle: 'italic' }, x.operator),
670
- react_1.default.createElement(Typography_1.default, { bgcolor: 'white', borderRadius: 2, paddingX: 1, color: 'black' }, x.value.toString()),
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()),
671
673
  react_1.default.createElement(material_1.IconButton, { onClick: (e) => {
672
674
  var _a;
673
675
  let currentValue = JSON.parse((_a = localStorage.getItem(localTableName)) !== null && _a !== void 0 ? _a : '[]');
@@ -798,7 +800,10 @@ function CriarFiltro({ filters, baseFilters, filtrar, reset }) {
798
800
  react_1.default.createElement(Typography_1.default, { fontWeight: 700, fontSize: 18 }, "Filtrar"),
799
801
  react_1.default.createElement(material_1.Button, { startIcon: react_1.default.createElement(icons_material_1.Refresh, null), sx: {
800
802
  textTransform: 'capitalize',
801
- }, onClick: reset }, "Limpar")),
803
+ }, onClick: (e) => {
804
+ reset();
805
+ Modal_1.MODAL.close();
806
+ } }, "Limpar")),
802
807
  react_1.default.createElement(material_1.Box, { marginBottom: 1 },
803
808
  react_1.default.createElement(material_1.Alert, { severity: 'warning' }, "Preencha apenas os campos que deseja filtrar.")),
804
809
  react_1.default.createElement(material_1.Stack, null, resetFields ? (data.map((d, idx) => (react_1.default.createElement(FilterRow, { filterValue: d, setReset: setResetFields, idx: idx, setDt: (valueData) => {
package/index.d.ts CHANGED
@@ -32,4 +32,6 @@ import { FixedAutoComplete } from './components/form/input/FixedAutoComplete';
32
32
  import DropFileUpload from './components/form/file/DropFileUpload';
33
33
  import { MODAL } from './components/modal/Modal';
34
34
  import { SspComponentsProvider } from './components/providers/SspComponentsProvider';
35
- export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, FetchAutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, SwitchWatch, ToggleVisibility, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, KeycloakAuthProvider, CheckBoxAdditional, RequiredCheckBoxGroup, FixedAutoComplete, Category, Field, FieldLabel, File, DropFileUpload, MODAL, SspComponentsProvider, TabNavBar };
35
+ import Button from './components/utils/Bt';
36
+ import Menu from './components/utils/CustomMenu';
37
+ export { CheckBox, CheckBoxWarning, DatePicker, TimePicker, FileUpload, ActiveInput, AutoComplete, FetchAutoComplete, Input, MaskInput, MultInput, OtherCheckBox, Stepper, StepperBlock, Switch, SwitchWatch, ToggleVisibility, Table, NavBar, FormProvider, OAuthProvider, AUTH_COOKIE_NAME, AuthContext, FormContext, KeycloakAuthProvider, CheckBoxAdditional, RequiredCheckBoxGroup, FixedAutoComplete, Category, Field, FieldLabel, File, DropFileUpload, MODAL, SspComponentsProvider, TabNavBar, Button, Menu };
package/index.js CHANGED
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.TabNavBar = exports.SspComponentsProvider = exports.MODAL = exports.DropFileUpload = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.FixedAutoComplete = exports.RequiredCheckBoxGroup = exports.CheckBoxAdditional = exports.KeycloakAuthProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.ToggleVisibility = exports.SwitchWatch = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = exports.FetchAutoComplete = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
6
+ exports.Menu = exports.Button = exports.TabNavBar = exports.SspComponentsProvider = exports.MODAL = exports.DropFileUpload = exports.File = exports.FieldLabel = exports.Field = exports.Category = exports.FixedAutoComplete = exports.RequiredCheckBoxGroup = exports.CheckBoxAdditional = exports.KeycloakAuthProvider = exports.FormContext = exports.AuthContext = exports.AUTH_COOKIE_NAME = exports.OAuthProvider = exports.FormProvider = exports.NavBar = exports.Table = exports.ToggleVisibility = exports.SwitchWatch = exports.Switch = exports.StepperBlock = exports.Stepper = exports.OtherCheckBox = exports.MultInput = exports.MaskInput = exports.Input = exports.FetchAutoComplete = exports.AutoComplete = exports.ActiveInput = exports.FileUpload = exports.TimePicker = exports.DatePicker = exports.CheckBoxWarning = exports.CheckBox = void 0;
7
7
  const CheckBox_1 = __importDefault(require("./components/form/checkbox/CheckBox"));
8
8
  exports.CheckBox = CheckBox_1.default;
9
9
  const CheckBoxWarning_1 = __importDefault(require("./components/form/checkbox/CheckBoxWarning"));
@@ -74,3 +74,7 @@ const Modal_1 = require("./components/modal/Modal");
74
74
  Object.defineProperty(exports, "MODAL", { enumerable: true, get: function () { return Modal_1.MODAL; } });
75
75
  const SspComponentsProvider_1 = require("./components/providers/SspComponentsProvider");
76
76
  Object.defineProperty(exports, "SspComponentsProvider", { enumerable: true, get: function () { return SspComponentsProvider_1.SspComponentsProvider; } });
77
+ const Bt_1 = __importDefault(require("./components/utils/Bt"));
78
+ exports.Button = Bt_1.default;
79
+ const CustomMenu_1 = __importDefault(require("./components/utils/CustomMenu"));
80
+ exports.Menu = CustomMenu_1.default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssplib/react-components",
3
- "version": "0.0.225",
3
+ "version": "0.0.227",
4
4
  "description": "SSP React Components",
5
5
  "main": "index.js",
6
6
  "author": "Pedro Henrique <sr.hudrick@gmail.com>",