@ssplib/react-components 0.0.98 → 0.0.100

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.
@@ -38,9 +38,12 @@ const lodash_get_1 = __importDefault(require("lodash.get"));
38
38
  const react_1 = __importStar(require("react"));
39
39
  const auth_1 = require("../../../context/auth");
40
40
  const form_1 = require("../../../context/form");
41
+ const material_2 = require("@mui/material");
41
42
  function FileUpload({ name, tipoArquivo, title, required = false, multiple = false, apiURL, xs = 12, sm, md, }) {
42
43
  const context = (0, react_1.useContext)(form_1.FormContext);
43
44
  const { user } = (0, react_1.useContext)(auth_1.AuthContext);
45
+ const theme = (0, material_2.useTheme)();
46
+ const isSmall = (0, material_1.useMediaQuery)(theme.breakpoints.only('xs'));
44
47
  const [files, setFiles] = (0, react_1.useState)([]);
45
48
  const [filesLoaded, setFilesLoaded] = (0, react_1.useState)([]);
46
49
  const [fileIds, setFilesIds] = (0, react_1.useState)({});
@@ -115,8 +118,14 @@ function FileUpload({ name, tipoArquivo, title, required = false, multiple = fal
115
118
  });
116
119
  context === null || context === void 0 ? void 0 : context.formSetValue(name, dt.files);
117
120
  }, [files, context, name]);
121
+ (0, react_1.useEffect)(() => {
122
+ return () => {
123
+ context.setFilesUid((files) => files.filter((x) => x.CO_TIPO_ARQUIVO !== parseInt(tipoArquivo)));
124
+ };
125
+ }, []);
118
126
  return (react_1.default.createElement(material_1.Grid, Object.assign({ item: true }, { xs, sm, md }, { sx: { width: '100%' } }),
119
- react_1.default.createElement(material_1.Box, { sx: { backgroundColor: '#e2eafc', padding: 1, borderRadius: 1 } },
127
+ react_1.default.createElement(material_1.FormLabel, { required: required, sx: { marginBottom: 2, textTransform: 'capitalize' } }, title),
128
+ react_1.default.createElement(material_1.Box, { sx: { backgroundColor: '#e2eafc', padding: 1, borderRadius: 1, marginTop: 1 } },
120
129
  react_1.default.createElement("input", Object.assign({ id: name, type: 'file', multiple: multiple }, context === null || context === void 0 ? void 0 : context.formRegister(name, {
121
130
  validate: (v, f) => {
122
131
  if (v.length <= 0 && required)
@@ -135,10 +144,10 @@ function FileUpload({ name, tipoArquivo, title, required = false, multiple = fal
135
144
  md: 'flex',
136
145
  },
137
146
  } },
138
- react_1.default.createElement(material_1.Box, { sx: { width: '100%', marginRight: { xs: 0, md: 1 }, marginBottom: { xs: 1, md: 0 } } }, !multiple && files.length >= 1 ? (react_1.default.createElement(material_1.Button, { disabled: true, variant: 'contained', disableElevation: true, startIcon: react_1.default.createElement(InsertDriveFile_1.default, null), component: 'span', sx: { textTransform: 'none' }, fullWidth: true }, title)) : (react_1.default.createElement("label", { htmlFor: name },
139
- react_1.default.createElement(material_1.Button, { variant: 'contained', disableElevation: true, startIcon: react_1.default.createElement(InsertDriveFile_1.default, null), component: 'span', sx: { textTransform: 'none' }, fullWidth: true }, title)))),
140
- react_1.default.createElement(material_1.Box, { sx: { width: '100%' } }, !multiple && files.length >= 1 ? (react_1.default.createElement(material_1.Button, { disabled: true, variant: 'contained', disableElevation: true, startIcon: react_1.default.createElement(CameraAlt_1.default, null), component: 'span', sx: { textTransform: 'none', backgroundColor: '#0096c7' }, fullWidth: true }, "Tirar foto")) : (react_1.default.createElement("label", { htmlFor: name + 'foto' },
141
- react_1.default.createElement(material_1.Button, { variant: 'contained', disableElevation: true, startIcon: react_1.default.createElement(CameraAlt_1.default, null), component: 'span', sx: { textTransform: 'none', backgroundColor: '#0096c7' }, fullWidth: true }, "Tirar foto"))))),
147
+ react_1.default.createElement(material_1.Box, { sx: { width: '100%', marginRight: { xs: 0, md: 1 }, marginBottom: { xs: 1, md: 0 } } }, !multiple && files.length >= 1 ? (react_1.default.createElement(material_1.Button, { disabled: true, variant: 'contained', disableElevation: true, startIcon: react_1.default.createElement(InsertDriveFile_1.default, null), component: 'span', sx: { textTransform: 'none' }, fullWidth: true }, "Escolher Documento")) : (react_1.default.createElement("label", { htmlFor: name },
148
+ react_1.default.createElement(material_1.Button, { variant: 'contained', disableElevation: true, startIcon: react_1.default.createElement(InsertDriveFile_1.default, null), component: 'span', sx: { textTransform: 'none' }, fullWidth: true }, "Escolher Documento")))),
149
+ react_1.default.createElement(material_1.Box, { sx: { width: '100%' } }, !multiple && files.length >= 1 ? (react_1.default.createElement(material_1.Button, { disabled: true, variant: 'contained', disableElevation: true, startIcon: react_1.default.createElement(CameraAlt_1.default, null), component: 'span', sx: { textTransform: 'none', backgroundColor: '#0096c7' }, fullWidth: true }, isSmall ? 'Tirar Foto' : 'Escolher Imagem')) : (react_1.default.createElement("label", { htmlFor: name + 'foto' },
150
+ react_1.default.createElement(material_1.Button, { variant: 'contained', disableElevation: true, startIcon: react_1.default.createElement(CameraAlt_1.default, null), component: 'span', sx: { textTransform: 'none', backgroundColor: '#0096c7' }, fullWidth: true }, isSmall ? 'Tirar Foto' : 'Escolher Imagem'))))),
142
151
  react_1.default.createElement(material_1.Typography, { fontWeight: 600, paddingY: 1, color: 'black' },
143
152
  "Voc\u00EA selecionou ",
144
153
  files.length,
@@ -126,7 +126,7 @@ function Table({ columns, fetchFunc, emptyMsg = {
126
126
  if (status.includes(key)) {
127
127
  switch (key) {
128
128
  case 'P':
129
- if ('EM ANÁLISE'.includes(searchValue.toLowerCase())) {
129
+ if ('em analise'.includes(searchValue.toLowerCase())) {
130
130
  exists = true;
131
131
  }
132
132
  return;
@@ -145,6 +145,11 @@ function Table({ columns, fetchFunc, emptyMsg = {
145
145
  exists = true;
146
146
  }
147
147
  return;
148
+ case 'PA':
149
+ if ('pré aprovado'.includes(searchValue.toLowerCase())) {
150
+ exists = true;
151
+ }
152
+ return;
148
153
  }
149
154
  }
150
155
  if (key.toLowerCase().includes(searchValue.toLowerCase())) {
@@ -243,6 +248,8 @@ function Table({ columns, fetchFunc, emptyMsg = {
243
248
  return (react_1.default.createElement(Typography_1.default, { color: '#a1a1a1', fontWeight: 600, fontFamily: 'Inter' }, "CANCELADO"));
244
249
  case 'R':
245
250
  return (react_1.default.createElement(Typography_1.default, { color: '#EF4444', fontWeight: 600, fontFamily: 'Inter' }, "REPROVADO"));
251
+ case 'PA':
252
+ return (react_1.default.createElement(Typography_1.default, { color: '#6989ff', fontWeight: 600, fontFamily: 'Inter' }, "PR\u00C9 APROVADO"));
246
253
  }
247
254
  }, []);
248
255
  const onFilterSelect = (0, react_1.useCallback)((key, newValue) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ssplib/react-components",
3
- "version": "0.0.98",
3
+ "version": "0.0.100",
4
4
  "description": "SSP React Components",
5
5
  "main": "index.js",
6
6
  "author": "Pedro Henrique <sr.hudrick@gmail.com>",