siam-ui-utils 1.1.10 → 2.0.0

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/package.json +2 -2
  2. package/src/iconos/anular-ayuda-icon.jsx +5 -5
  3. package/src/iconos/biblioteca-burbuja-button.jsx +6 -6
  4. package/src/iconos/curso-burbuja-button.jsx +6 -6
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "siam-ui-utils",
3
- "version": "1.1.10",
3
+ "version": "2.0.0",
4
4
  "keywords": [
5
5
  "ampf-react",
6
6
  "ampf-utils",
@@ -27,7 +27,7 @@
27
27
  "react": "^18.3.1",
28
28
  "react-intl": "^6.6.8",
29
29
  "react-router": "^6.26.2",
30
- "react-router-dom": "^5.2.0",
30
+ "react-router-dom": "^6.26.2",
31
31
  "react-select": "^5.8.0",
32
32
  "reactstrap": "^9.2.2",
33
33
  "siam-utils": "^1.1.4",
package/src/iconos/anular-ayuda-icon.jsx CHANGED
@@ -1,10 +1,10 @@
1
1
  import React from 'react';
2
2
  import { withTheme } from 'styled-components';
3
- import { useHistory } from 'react-router-dom';
3
+ import { useNavigate } from 'react-router-dom';
4
4
  import { Icon } from './styled-icon';
5
5
 
6
6
  const AnularAyudaIcon = (props) => {
7
- const { sublabel = '', size = '', title, tipoServicioEconomico='AYUDAS_ECONOMICAS', pathDesestimiento='/app/econo/ayudas/desestimiento'} = props || {};
7
+ const { sublabel = '', size = '', title, tipoServicioEconomico = 'AYUDAS_ECONOMICAS', pathDesestimiento = '/app/econo/ayudas/desestimiento' } = props || {};
8
8
  const sublabeldisplay = sublabel.length > 0 ? 'block' : undefined;
9
9
  const {
10
10
  codDelegacion,
@@ -14,7 +14,7 @@ const AnularAyudaIcon = (props) => {
14
14
  netoFinal,
15
15
  fechaAcreditacion,
16
16
  } = props || {};
17
- const history = useHistory();
17
+ const navigate = useNavigate();
18
18
 
19
19
  return (
20
20
  <Icon
@@ -22,7 +22,7 @@ const AnularAyudaIcon = (props) => {
22
22
  sublabeldisplay={sublabeldisplay}
23
23
  title={title}
24
24
  onClick={() =>
25
- history.push(pathDesestimiento, {
25
+ navigate(pathDesestimiento, {
26
26
  codDelegacion: codDelegacion,
27
27
  nroSolicitud: nroSolicitud,
28
28
  cbuPago: cbuPago,
@@ -69,4 +69,4 @@ const AnularAyudaIcon = (props) => {
69
69
  AnularAyudaIcon.defaultProps = { theme: {} };
70
70
  const _t = withTheme(AnularAyudaIcon);
71
71
 
72
- export {_t as AnularAyudaIcon}
72
+ export { _t as AnularAyudaIcon }
package/src/iconos/biblioteca-burbuja-button.jsx CHANGED
@@ -1,16 +1,16 @@
1
1
  import React from 'react';
2
- import { useHistory } from 'react-router-dom';
2
+ import { useNavigate } from 'react-router-dom';
3
3
  import { withTheme } from 'styled-components';
4
4
  import { Icon } from './styled-icon';
5
5
 
6
6
  const BibliotecaBurbujaButton = (props) => {
7
- const history = useHistory();
8
- const { sublabel = '', size = '', pathServicio='/app/social/biblioteca/biblioteca' } = props || {};
7
+ const navigate = useNavigate();
8
+ const { sublabel = '', size = '', pathServicio = '/app/social/biblioteca/biblioteca' } = props || {};
9
9
  return (
10
10
  <Icon
11
11
  width={size}
12
12
  display={sublabel !== '' ? 'block' : 'none'}
13
- onClick={() => history.push(pathServicio)}
13
+ onClick={() => navigate(pathServicio)}
14
14
  >
15
15
  <svg
16
16
  xmlns="http://www.w3.org/2000/svg"
@@ -54,6 +54,6 @@ const BibliotecaBurbujaButton = (props) => {
54
54
  );
55
55
  };
56
56
  BibliotecaBurbujaButton.defaultProps = { theme: {} };
57
- const _t= withTheme(BibliotecaBurbujaButton);
57
+ const _t = withTheme(BibliotecaBurbujaButton);
58
58
 
59
- export {_t as BibliotecaBurbujaButton}
59
+ export { _t as BibliotecaBurbujaButton }
package/src/iconos/curso-burbuja-button.jsx CHANGED
@@ -1,18 +1,18 @@
1
1
  import React from 'react';
2
- import { useHistory } from 'react-router-dom';
2
+ import { useNavigate } from 'react-router-dom';
3
3
  import { withTheme } from 'styled-components';
4
4
  import { Icon } from './styled-icon';
5
5
 
6
6
  const CursoBurbujaButton = (props) => {
7
- const history = useHistory();
8
- const { sublabel = '', size = '', pathServicio='/app/social/cursos-talleres/mis-cursos-talleres' } = props || {};
7
+ const navigate = useNavigate();
8
+ const { sublabel = '', size = '', pathServicio = '/app/social/cursos-talleres/mis-cursos-talleres' } = props || {};
9
9
 
10
10
  return (
11
11
  <Icon
12
12
  width={size}
13
13
  display={sublabel !== '' ? 'block' : 'none'}
14
14
  onClick={() =>
15
- history.push(pathServicio)
15
+ navigate(pathServicio)
16
16
  }
17
17
  >
18
18
  <svg
@@ -37,5 +37,5 @@ const CursoBurbujaButton = (props) => {
37
37
  );
38
38
  };
39
39
  CursoBurbujaButton.defaultProps = { theme: {} };
40
- const _t= withTheme(CursoBurbujaButton);
41
- export {_t as CursoBurbujaButton}
40
+ const _t = withTheme(CursoBurbujaButton);
41
+ export { _t as CursoBurbujaButton }