@ssplib/react-components 0.0.222 → 0.0.224

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/input/MultInput.js +1 -1
  2. package/components/form/table/Table.js +30 -10
  3. package/package.json +1 -1
package/components/form/input/MultInput.js CHANGED
@@ -51,7 +51,7 @@ function MultInput(_a) {
51
51
  }, [watchValue]);
52
52
  return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }),
53
53
  title && (react_1.default.createElement(InputLabel_1.default, { required: required, sx: { textTransform: 'capitalize' } }, title)),
54
- react_1.default.createElement(material_1.TextField, Object.assign({ multiline: true, fullWidth: true, rows: 3, defaultValue: defaultValue }, context.formRegister(name, {
54
+ react_1.default.createElement(material_1.TextField, Object.assign({ multiline: true, fullWidth: true, minRows: 3, defaultValue: defaultValue }, context.formRegister(name, {
55
55
  validate: (v, f) => {
56
56
  if (required && v.length <= 0)
57
57
  return 'Este campo é obrigatório';
package/components/form/table/Table.js CHANGED
@@ -52,6 +52,7 @@ function removePunctuationAndAccents(text) {
52
52
  return cleanedText;
53
53
  }
54
54
  let startData = [];
55
+ let isExpandAll = false;
55
56
  function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
56
57
  user: 'Nenhum dado encontrado',
57
58
  public: 'Nenhum dado encontrado',
@@ -100,14 +101,14 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
100
101
  status: j.statusCode,
101
102
  });
102
103
  else {
103
- console.log('data:', (0, lodash_get_1.default)(j, 'body'));
104
- if (!j || !Array.isArray(j)) {
104
+ let value = dataPath ? (0, lodash_get_1.default)(j, dataPath) : j;
105
+ if (!value || !Array.isArray(value)) {
105
106
  setData({ body: { data: [] } });
106
107
  startData = [];
107
108
  }
108
109
  else {
109
- setData(j);
110
- startData = JSON.parse(JSON.stringify(j));
110
+ setData(value);
111
+ startData = JSON.parse(JSON.stringify(value));
111
112
  const oldFilters = localStorage.getItem(filterStorageName);
112
113
  if (oldFilters) {
113
114
  const filters = JSON.parse(oldFilters);
@@ -696,6 +697,15 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
696
697
  return value;
697
698
  });
698
699
  };
700
+ function expandAll() {
701
+ let obj = {};
702
+ for (let i = 0; i < itemCount; i++) {
703
+ obj[i] = !isExpandAll;
704
+ }
705
+ setShowExpandObjOnExited(obj);
706
+ setExpandObj(obj);
707
+ isExpandAll = !isExpandAll;
708
+ }
699
709
  // effect usado quando for mostrar "VER MAIS" e "VER MENOS"
700
710
  (0, react_1.useEffect)(() => {
701
711
  const start = currentPage * itemsCount;
@@ -725,7 +735,7 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
725
735
  return (react_1.default.createElement(react_1.default.Fragment, null,
726
736
  react_1.default.createElement(material_1.Box, { marginX: isSmall ? customMarginMobile : customMargin, bgcolor: 'white', p: 2, borderRadius: 6 },
727
737
  react_1.default.createElement(material_1.Stack, { spacing: 1.5, direction: { xs: 'column', md: 'row' } },
728
- react_1.default.createElement(material_1.Stack, { spacing: 1.5, direction: { xs: 'column', md: 'row' }, marginBottom: 2, height: '40px', width: '100%' },
738
+ react_1.default.createElement(material_1.Stack, { spacing: 1.5, direction: { xs: 'column', md: 'row' }, marginBottom: 2, height: { md: '40px', xs: 'inherit' }, width: '100%' },
729
739
  react_1.default.createElement(TextField_1.default, { InputProps: {
730
740
  startAdornment: react_1.default.createElement(Search_1.default, { sx: { marginRight: 1, fill: '#c0c0c0' } }),
731
741
  sx: {
@@ -756,9 +766,18 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
756
766
  } },
757
767
  appliedFilters.length,
758
768
  " aplicado",
759
- appliedFilters.length > 1 ? 's' : ''))))),
760
- react_1.default.createElement(material_1.Stack, { alignItems: 'end', width: '100%', pb: 2 },
761
- react_1.default.createElement(Typography_1.default, { fontWeight: 600 }, "Demandas cadastradas"),
769
+ appliedFilters.length > 1 ? 's' : '')))),
770
+ react_1.default.createElement(material_1.Button, { variant: 'contained', startIcon: isExpandAll ? react_1.default.createElement(icons_material_1.KeyboardArrowUp, null) : react_1.default.createElement(icons_material_1.KeyboardArrowDown, null), sx: {
771
+ backgroundColor: '#637082',
772
+ ':hover': {
773
+ backgroundColor: '#3c4757',
774
+ },
775
+ textTransform: 'capitalize',
776
+ borderRadius: '8px',
777
+ padding: '0px 8px',
778
+ }, onClick: expandAll }, isExpandAll ? 'Recolher Todos' : 'Expandir Todos')),
779
+ react_1.default.createElement(material_1.Stack, { alignItems: 'end', width: { xs: '100%', md: '20%' }, pb: 2, direction: { xs: 'row', md: 'column' }, spacing: { xs: 1, md: 0 } },
780
+ react_1.default.createElement(Typography_1.default, { fontWeight: 600, textAlign: 'end' }, "Demandas cadastradas"),
762
781
  react_1.default.createElement(material_1.Stack, { justifyContent: 'center' },
763
782
  react_1.default.createElement(Typography_1.default, null,
764
783
  "Exibindo ",
@@ -795,14 +814,15 @@ function Table({ mediaQueryLG, columns, fetchFunc, emptyMsg = {
795
814
  }),
796
815
  react_1.default.createElement(Grid_1.default, { item: true, xs: 12, md: lg ? 12 / columnSize : mediaQueryLG ? mediaQueryLG.action : 12 / columnSize },
797
816
  react_1.default.createElement(material_1.Stack, { direction: 'row', alignItems: 'center', justifyContent: isSmall ? 'start' : 'flex-end', sx: { height: '100%', paddingBottom: isSmall ? 2 : 0 } }, action(x))),
798
- showExpandObj[index] && (react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'center', bottom: 0, width: '100%' },
817
+ showExpandObj[index] && (react_1.default.createElement(material_1.Stack, { direction: 'row', justifyContent: 'flex-end', bottom: 0, width: '100%' },
799
818
  react_1.default.createElement(material_1.Button, { onClick: (e) => {
800
819
  setExpandObj((s) => (Object.assign(Object.assign({}, s), { [index]: !s[index] })));
801
820
  setShowExpandObjOnExited((s) => (Object.assign(Object.assign({}, s), { [index]: true })));
802
821
  }, sx: {
803
822
  padding: 0,
823
+ color: '#637082',
804
824
  textTransform: 'capitalize',
805
- }, endIcon: expandObj[index] ? react_1.default.createElement(icons_material_1.ExpandLess, null) : react_1.default.createElement(icons_material_1.ExpandMore, null) }, expandObj[index] ? 'Ver Menos' : 'Ver Mais'))))))))),
825
+ }, startIcon: expandObj[index] ? react_1.default.createElement(icons_material_1.ExpandLess, null) : react_1.default.createElement(icons_material_1.ExpandMore, null) }, expandObj[index] ? 'Ver Menos' : 'Ver Mais'))))))))),
806
826
  getMaxItems().length > 0 && (react_1.default.createElement(material_1.Stack, { padding: 1, direction: {
807
827
  xs: 'column',
808
828
  md: 'row',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssplib/react-components",
3
- "version": "0.0.222",
3
+ "version": "0.0.224",
4
4
  "description": "SSP React Components",
5
5
  "main": "index.js",
6
6
  "author": "Pedro Henrique <sr.hudrick@gmail.com>",