siam-ui-utils 2.0.7 → 2.0.12

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 (50) hide show
  1. package/.eslintrc.json +2 -6
  2. package/.storybook/css/bootstrap.min.css +6 -0
  3. package/.storybook/css/bootstrap.rtl.only.min.css +1428 -0
  4. package/.storybook/main.ts +17 -0
  5. package/.storybook/preview.ts +16 -0
  6. package/index.d.ts +53 -0
  7. package/package.json +32 -7
  8. package/src/IntlMessages.tsx +11 -0
  9. package/src/archivos-adjuntos/dropzone-uploader.css +66 -0
  10. package/src/{dropzone-uploader → archivos-adjuntos}/index.jsx +10 -8
  11. package/src/iconos/anular-ayuda-icon.jsx +72 -0
  12. package/src/iconos/asesoria-burbuja-button.jsx +104 -0
  13. package/src/iconos/asesoria-burbuja-icon.jsx +104 -0
  14. package/src/iconos/atencion-presencial-icon.jsx +79 -0
  15. package/src/iconos/atencion-telefonica-icon.jsx +44 -0
  16. package/src/iconos/atencion-turno-telefonico-icon.jsx +53 -0
  17. package/src/iconos/atencion-virtual-icon.jsx +37 -0
  18. package/src/iconos/biblioteca-burbuja-button.jsx +59 -0
  19. package/src/iconos/biblioteca-burbuja-icon.jsx +66 -0
  20. package/src/iconos/cancelar-turno-icon.jsx +29 -0
  21. package/src/iconos/codigo-verificacion-icon.jsx +54 -0
  22. package/src/iconos/constants-svg.js +659 -0
  23. package/src/iconos/curso-autogestionado-color-icon.jsx +203 -0
  24. package/src/iconos/curso-autogestionado-icon.jsx +49 -0
  25. package/src/iconos/curso-burbuja-button.jsx +41 -0
  26. package/src/iconos/curso-burbuja-icon.jsx +97 -0
  27. package/src/iconos/curso-presencial-color-icon.jsx +256 -0
  28. package/src/iconos/curso-presencial-icon.jsx +71 -0
  29. package/src/iconos/curso-virtual-color-icon.jsx +109 -0
  30. package/src/iconos/curso-virtual-icon.jsx +40 -0
  31. package/src/iconos/delegaciones-icon.jsx +66 -0
  32. package/src/iconos/forgot-dni-icon.jsx +42 -0
  33. package/src/iconos/forgot-password-icon.jsx +46 -0
  34. package/src/iconos/icon-button-svg.jsx +50 -0
  35. package/src/iconos/index.js +31 -0
  36. package/src/iconos/lapiz-act-contacto-perf-button.jsx +44 -0
  37. package/src/iconos/styled-icon.jsx +25 -0
  38. package/src/iconos/styled-timer-reenv-cod.jsx +16 -0
  39. package/src/iconos/user/user-styled-icon.jsx +22 -0
  40. package/src/iconos/verificar-sin-verificar-icon.jsx +39 -0
  41. package/src/iconos/verificar-verificado-icon.jsx +30 -0
  42. package/src/iconos/whatsapp-icon-button.jsx +41 -0
  43. package/src/index.js +1 -1
  44. package/src/stories/DropzoneUploader.stories.tsx +33 -0
  45. package/src/stories/TomarFoto.stories.tsx +28 -0
  46. package/vite.config.ts +9 -14
  47. package/index.html +0 -12
  48. package/src/App.jsx +0 -18
  49. package/src/IntlMessages.jsx +0 -6
  50. package/src/main.jsx +0 -8
package/src/iconos/whatsapp-icon-button.jsx ADDED
@@ -0,0 +1,41 @@
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}
package/src/index.js CHANGED
@@ -1,4 +1,4 @@
1
- export * from './dropzone-uploader'
1
+ export * from './archivos-adjuntos'
2
2
  export * from './bridges'
3
3
  export * from './CustomBootstrap'
4
4
  export * from './CustomSelectInput'
package/src/stories/DropzoneUploader.stories.tsx ADDED
@@ -0,0 +1,33 @@
1
+ import type { Meta, StoryObj } from '@storybook/react'
2
+ import { DropzoneUploader } from '../archivos-adjuntos'
3
+
4
+ const args = {
5
+ onChangeFiles: () => {
6
+ console.log('Accion despues de seleccionar un archivo')
7
+ },
8
+ totalFiles: 0,
9
+ maxFiles: 3,
10
+ accept: 'image/*, application/pdf',
11
+ capture: null,
12
+ nameFileLabel: 'Subir archivos',
13
+ maxFileSize: 2,
14
+ }
15
+
16
+ const meta = {
17
+ title: 'Components/DropzoneUploader',
18
+ component: DropzoneUploader,
19
+ args: {
20
+ ...args,
21
+ },
22
+ } satisfies Meta<typeof DropzoneUploader>
23
+
24
+ export default meta
25
+
26
+ type Story = StoryObj<typeof meta>
27
+
28
+ export const DropzoneUploaderBasic: Story = {
29
+ args: {
30
+ ...args,
31
+ maxFileSize: 5,
32
+ },
33
+ }
package/src/stories/TomarFoto.stories.tsx ADDED
@@ -0,0 +1,28 @@
1
+ import type { Meta, StoryObj } from '@storybook/react'
2
+ import { TomarFoto } from '../tomar-foto'
3
+
4
+ const meta = {
5
+ title: 'Components/TomarFoto',
6
+ component: TomarFoto,
7
+ args: {
8
+ onFilesSelectedSelfie: () => {},
9
+ isMobile: false,
10
+ },
11
+ } satisfies Meta<typeof TomarFoto>
12
+
13
+ export default meta
14
+ type Story = StoryObj<typeof meta>
15
+
16
+ export const TomarFotoWebApplication: Story = {
17
+ args: {
18
+ isMobile: false,
19
+ },
20
+ }
21
+ export const TomarFotoMobileApplication: Story = {
22
+ args: {
23
+ isMobile: true,
24
+ onFilesSelectedSelfie: () => {
25
+ console.log('Dispatch an action')
26
+ },
27
+ },
28
+ }
package/vite.config.ts CHANGED
@@ -1,14 +1,9 @@
1
- import react from "@vitejs/plugin-react";
2
- import { defineConfig } from "vitest/config";
3
- import eslint from 'vite-plugin-eslint';
4
-
5
- export default defineConfig({
6
- plugins: [react(), eslint()],
7
- test: {
8
- globals: true,
9
- },
10
- server: {
11
- port: 3002,
12
- open: true,
13
- },
14
- });
1
+ import react from "@vitejs/plugin-react";
2
+ import { defineConfig } from "vitest/config";
3
+
4
+ export default defineConfig({
5
+ plugins: [react()],
6
+ test: {
7
+ globals: true,
8
+ }
9
+ });
package/index.html DELETED
@@ -1,12 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>Firma digital</title>
7
- </head>
8
- <body>
9
- <div id="root"></div>
10
- <script type="module" src="/src/main.jsx"></script>
11
- </body>
12
- </html>
package/src/App.jsx DELETED
@@ -1,18 +0,0 @@
1
- import { TomarFoto } from './tomar-foto'
2
- function App() {
3
- return (
4
- <TomarFoto />
5
- // <AnularAyudaIcon
6
- // cbuPago='1234'
7
- // codDelegacion='AMPF'
8
- // fechaAcreditacion='10/10/2025'
9
- // fechaVtoTramite='10/10/2025'
10
- // netoFinal={124}
11
- // nroSolicitud='1234'
12
- // size='3.5rem'
13
- // title='Botón de arrepentimiento'
14
- // />
15
- )
16
- }
17
-
18
- export default App
package/src/IntlMessages.jsx DELETED
@@ -1,6 +0,0 @@
1
- import { FormattedMessage, injectIntl } from 'react-intl'
2
- const _InjectMassage = (props) => <FormattedMessage {...props} />
3
-
4
- export const IntlMessages = injectIntl(_InjectMassage, {
5
- withRef: false,
6
- })
package/src/main.jsx DELETED
@@ -1,8 +0,0 @@
1
- import React from 'react'
2
-
3
- import ReactDOM from 'react-dom/client'
4
-
5
- export const App = React.lazy(
6
- () => import(/* webpackChunkName: "App" */ './App')
7
- )
8
- ReactDOM.createRoot(document.getElementById('root')).render(<App />)