siam-ui-utils 2.0.6 → 2.1.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 (60) hide show
  1. package/.eslintrc +73 -0
  2. package/.eslintrc.mjs +53 -0
  3. package/.prettierrc +7 -0
  4. package/.prettierrc.js +5 -0
  5. package/.storybook/css/bootstrap.min.css +6 -0
  6. package/.storybook/css/bootstrap.rtl.only.min.css +1428 -0
  7. package/.storybook/main.ts +17 -0
  8. package/.storybook/preview.ts +16 -0
  9. package/eslint.config.js +28 -0
  10. package/index.d.ts +0 -53
  11. package/index.html +12 -0
  12. package/package.json +87 -70
  13. package/src/App.jsx +43 -0
  14. package/src/IntlMessages.jsx +7 -0
  15. package/src/bridges/{with-router-bridge.jsx → index.jsx} +1 -1
  16. package/src/constants.js +9 -0
  17. package/src/dropzone-uploader/DropzoneUploader.stories.tsx +32 -0
  18. package/src/dropzone-uploader/dropzone-uploader.css +66 -0
  19. package/src/{archivos-adjuntos → dropzone-uploader}/index.jsx +10 -6
  20. package/src/iconos/icon-button-svg.jsx +1 -2
  21. package/src/iconos/index.js +3 -31
  22. package/src/iconos/styled-icon.jsx +1 -1
  23. package/src/index.js +2 -2
  24. package/src/main.jsx +7 -0
  25. package/src/tomar-foto/TomarFoto.stories.tsx +29 -0
  26. package/src/tomar-foto/index.jsx +2 -1
  27. package/tsconfig.json +3 -2
  28. package/vite.config.ts +8 -4
  29. package/.eslintrc.json +0 -25
  30. package/src/IntlMessages.tsx +0 -11
  31. package/src/bridges/index.js +0 -1
  32. package/src/iconos/anular-ayuda-icon.jsx +0 -72
  33. package/src/iconos/asesoria-burbuja-button.jsx +0 -104
  34. package/src/iconos/asesoria-burbuja-icon.jsx +0 -104
  35. package/src/iconos/atencion-presencial-icon.jsx +0 -79
  36. package/src/iconos/atencion-telefonica-icon.jsx +0 -44
  37. package/src/iconos/atencion-turno-telefonico-icon.jsx +0 -53
  38. package/src/iconos/atencion-virtual-icon.jsx +0 -37
  39. package/src/iconos/biblioteca-burbuja-button.jsx +0 -59
  40. package/src/iconos/biblioteca-burbuja-icon.jsx +0 -66
  41. package/src/iconos/cancelar-turno-icon.jsx +0 -29
  42. package/src/iconos/codigo-verificacion-icon.jsx +0 -54
  43. package/src/iconos/curso-autogestionado-color-icon.jsx +0 -203
  44. package/src/iconos/curso-autogestionado-icon.jsx +0 -49
  45. package/src/iconos/curso-burbuja-button.jsx +0 -41
  46. package/src/iconos/curso-burbuja-icon.jsx +0 -97
  47. package/src/iconos/curso-presencial-color-icon.jsx +0 -256
  48. package/src/iconos/curso-presencial-icon.jsx +0 -71
  49. package/src/iconos/curso-virtual-color-icon.jsx +0 -109
  50. package/src/iconos/curso-virtual-icon.jsx +0 -40
  51. package/src/iconos/delegaciones-icon.jsx +0 -66
  52. package/src/iconos/forgot-dni-icon.jsx +0 -42
  53. package/src/iconos/forgot-password-icon.jsx +0 -46
  54. package/src/iconos/lapiz-act-contacto-perf-button.jsx +0 -44
  55. package/src/iconos/styled-timer-reenv-cod.jsx +0 -16
  56. package/src/iconos/user/user-styled-icon.jsx +0 -22
  57. package/src/iconos/verificar-sin-verificar-icon.jsx +0 -39
  58. package/src/iconos/verificar-verificado-icon.jsx +0 -30
  59. package/src/iconos/whatsapp-icon-button.jsx +0 -41
  60. /package/src/{iconos/constants-svg.js → constants-svg.js} +0 -0
@@ -1,44 +0,0 @@
1
- import React from 'react';
2
- import { withTheme } from 'styled-components';
3
- import { Icon } from './styled-icon';
4
-
5
- const LapizActContactoPerfilButton = (props) => {
6
- const { sublabel = '', size = '', onOpen } = props || {};
7
- const handleOpen = () => {
8
- onOpen(true);
9
- };
10
-
11
- return (
12
- <>
13
- <Icon
14
- width={size}
15
- display={sublabel !== '' ? 'block' : 'none'}
16
- onClick={() => handleOpen()}
17
- >
18
- <svg
19
- xmlns="http://www.w3.org/2000/svg"
20
- version="1.1"
21
- width="25.694px"
22
- height="25.697px"
23
- viewBox="0 0 28.447 28.035"
24
- >
25
- <g>
26
- <g>
27
- <path
28
- fill="#00CCCC"
29
- d="M22.747,10.166l1.074-1.078c1.327-1.253,1.387-3.343,0.135-4.669c-1.253-1.323-3.343-1.384-4.669-0.132 c-0.045,0.043-0.089,0.087-0.131,0.132l-1.08,1.075L22.747,10.166z"
30
- />
31
- <path
32
- fill="#00CCCC"
33
- d="M16.804,6.769L5.098,18.475c-0.119,0.112-0.205,0.259-0.244,0.419L3.62,23.518 c-0.126,0.481,0.16,0.975,0.64,1.103c0.076,0.021,0.151,0.029,0.23,0.029c0.081,0,0.159-0.009,0.232-0.029l4.633-1.224 c0.148-0.042,0.29-0.122,0.401-0.235l11.704-11.706L16.804,6.769z"
34
- />
35
- </g>
36
- </g>
37
- </svg>
38
- </Icon>
39
- </>
40
- );
41
- };
42
- LapizActContactoPerfilButton.defaultProps = { theme: {} };
43
- const _t=withTheme(LapizActContactoPerfilButton);
44
- export {_t as LapizActContactoPerfilButton}
@@ -1,16 +0,0 @@
1
- import { styled } from 'styled-components';
2
- import { Label } from 'reactstrap';
3
-
4
- export const LabelTimer = styled(Label)`
5
- color: ${({ color }) => color};
6
- font-family: ${({ fontFamily }) => fontFamily};
7
- font-style: ${({ fontStyle }) => fontStyle};
8
- font-weight: ${({ fontWeight }) => fontWeight};
9
- font-size: ${({ fontSize }) => fontSize};
10
- padding-left: ${({ paddingLeft }) => paddingLeft};
11
- padding-right: ${({ paddingRight }) => paddingRight};
12
- width: ${({ width }) => width};
13
- text-align: ${({ textAlign }) => textAlign};
14
- cursor: ${({ cursor }) => cursor};
15
- `;
16
-
@@ -1,22 +0,0 @@
1
- import { styled } from 'styled-components';
2
-
3
- // eslint-disable-next-line react/react-in-jsx-scope
4
- const IconDiv = (props) => <div {...props} />;
5
-
6
- export const UserIcon = styled(IconDiv)`
7
- display: flex;
8
- flex-direction: column;
9
- justify-content: center;
10
- align-items: center;
11
- svg {
12
- margin-top: '0.1rem';
13
- justify-content: center;
14
- color: red;
15
- width: ${(props) => props.width};
16
- height: ${(props) => props.height};
17
- }
18
- label {
19
- display: ${(props) => props.display || 'none'};
20
- }
21
- `;
22
- export default UserIcon;
@@ -1,39 +0,0 @@
1
- import React from 'react';
2
- import { withTheme } from 'styled-components';
3
- import { Icon } from './styled-icon';
4
-
5
- const VerificarSinVerificarIcon = (props) => {
6
- const { sublabel = '', size = '', onVerificar } = props || {};
7
- const handleVerificar = () => {
8
- onVerificar(true);
9
- };
10
-
11
- return (
12
- <Icon
13
- width={size}
14
- display={sublabel !== '' ? 'block' : 'none'}
15
- onClick={() => handleVerificar()}
16
- >
17
- <svg
18
- xmlns="http://www.w3.org/2000/svg"
19
- version="1.1"
20
- id="Capa_1"
21
- x="0px"
22
- y="0px"
23
- width="21.694px"
24
- height="21.697px"
25
- viewBox="0 0 28.694 28.697"
26
- >
27
- <path
28
- fill="#00CCCC"
29
- d="M22.382,0H6.313C2.84,0,0,2.84,0,6.314v16.066c0,3.477,2.84,6.316,6.313,6.316h16.069 c3.473,0,6.313-2.84,6.313-6.316V6.314C28.694,2.84,25.854,0,22.382,0z M21.476,10.543l-8.095,9.271l0,0 c-0.695,0.785-1.873,0.877-2.657,0.182c-0.063-0.061-0.122-0.121-0.183-0.182l-3.172-3.686c-0.634-0.725-0.542-1.842,0.183-2.445 c0.693-0.604,1.721-0.543,2.355,0.061l2.054,1.963l7.46-7.158c0.575-0.545,1.48-0.514,2.024,0.029 C21.958,9.152,21.958,9.998,21.476,10.543z"
30
- />
31
- </svg>
32
- <label>{sublabel}</label>
33
- </Icon>
34
- );
35
- };
36
- VerificarSinVerificarIcon.defaultProps = { theme: {} };
37
- const _t=withTheme(VerificarSinVerificarIcon);
38
-
39
- export {_t as VerificarSinVerificarIcon}
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import { withTheme } from 'styled-components';
3
- import { Icon } from './styled-icon';
4
-
5
- const VerificarVerificadoIcon = (props) => {
6
- const { sublabel = '', size = '' } = props || {};
7
- return (
8
- <Icon width={size} display={sublabel !== '' ? 'block' : 'none'}>
9
- <svg
10
- xmlns="http://www.w3.org/2000/svg"
11
- version="1.1"
12
- id="Capa_1"
13
- x="0px"
14
- y="0px"
15
- width="21.694px"
16
- height="21.697px"
17
- viewBox="0 0 28.694 28.697"
18
- >
19
- <path
20
- fill="#CCCCCC"
21
- d="M22.382,0H6.313C2.84,0,0,2.84,0,6.314v16.068c0,3.475,2.84,6.314,6.313,6.314h16.069 c3.473,0,6.313-2.84,6.313-6.314V6.314C28.694,2.84,25.854,0,22.382,0z M21.476,10.543l-8.095,9.273l0,0 c-0.695,0.785-1.873,0.875-2.657,0.18c-0.063-0.061-0.122-0.119-0.183-0.18l-3.172-3.688c-0.634-0.725-0.542-1.84,0.183-2.445 c0.693-0.604,1.721-0.543,2.355,0.061l2.054,1.963l7.46-7.158c0.575-0.543,1.48-0.514,2.024,0.031 C21.958,9.152,21.958,10,21.476,10.543z"
22
- />
23
- </svg>
24
- <label>{sublabel}</label>
25
- </Icon>
26
- );
27
- };
28
- VerificarVerificadoIcon.defaultProps = { theme: {} };
29
- const _t=withTheme(VerificarVerificadoIcon);
30
- export {_t as VerificarVerificadoIcon}
@@ -1,41 +0,0 @@
1
- import React from 'react';
2
- import { withTheme } from 'styled-components';
3
- import { Icon } from './styled-icon';
4
-
5
- const WhatsappIconButton = (props) => {
6
- const { phone = '', width = '', height = '', sublabel = '' } = props || {};
7
- return (
8
- <Icon
9
- width={width}
10
- height={height}
11
- display={sublabel !== '' ? 'block' : 'none'}
12
- onClick={() =>
13
- window.open(
14
- `https://api.whatsapp.com/send/?phone=${phone}&text=&app_absent=0`,
15
- '_blank'
16
- )
17
- }
18
- >
19
- <svg
20
- xmlns="http://www.w3.org/2000/svg"
21
- version="1.1"
22
- viewBox="0 0 23.687 23.688"
23
- >
24
- <path
25
- fill="#99CC33"
26
- d="M12.906,3.301c-5.344,0-9.687,4.348-9.687,9.69c0,1.778,0.482,3.509,1.406,5.022l-1.387,4.159
27
- C3.19,22.311,3.227,22.46,3.33,22.566c0.076,0.073,0.175,0.112,0.275,0.112c0.045,0,0.082-0.003,0.126-0.019l4.154-1.385
28
- c1.516,0.918,3.246,1.403,5.021,1.403c5.343,0,9.688-4.346,9.688-9.688S18.249,3.301,12.906,3.301z M19.107,16.912
29
- c0,0.338-0.14,0.671-0.379,0.91l-1.009,0.996c-0.24,0.241-0.565,0.373-0.899,0.373h-0.05c-5.414-0.233-9.833-4.65-10.065-10.061
30
- C6.691,8.778,6.828,8.428,7.078,8.176l0.995-1.008c0.241-0.238,0.574-0.38,0.915-0.38h0.373c0.531,0,1.015,0.333,1.201,0.834
31
- l0.883,2.345c0.171,0.457,0.066,0.98-0.271,1.337l-0.364,0.383c-0.168,0.176-0.185,0.444-0.05,0.641
32
- c0.448,0.65,1.411,1.88,2.814,2.824c0.192,0.129,0.457,0.105,0.628-0.058l0.395-0.372c0.353-0.336,0.876-0.44,1.333-0.271
33
- l2.345,0.884c0.498,0.188,0.833,0.669,0.833,1.201V16.912z"
34
- />
35
- </svg>
36
- </Icon>
37
- );
38
- };
39
- WhatsappIconButton.defaultProps = { theme: {} };
40
- const _t=withTheme(WhatsappIconButton);
41
- export {_t as WhatsappIconButton}