siam-ui-utils 2.1.9 → 2.1.11

package/src/index.css

@@ -0,0 +1,74 @@
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 0.2;
+  font-weight: 400;
+
+  color-scheme: inherit; 
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+a {
+  font-weight: 500;
+  color: #646cff;
+  text-decoration: inherit;
+}
+a:hover {
+  color: #535bf2;
+}
+
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+h1 {
+  font-size: 1.2em;
+  line-height: 1.1;
+}
+
+h2 {
+  font-size: 1.2em;
+  line-height: 1.1;
+}
+
+
+button {
+  border-radius: 8px;
+  border: 1px solid transparent;
+  padding: 0.6em 1.2em;
+  font-size: 1em;
+  font-weight: 500;
+  font-family: inherit;
+  background-color: grey;
+  cursor: pointer;
+  transition: border-color 0.25s;
+}
+button:hover {
+  border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+  outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+  :root {
+    color: #213547;
+    background-color: #ffffff;
+  }
+  a:hover {
+    color: #747bff;
+  }
+  button {
+    background-color: #f9f9f9;
+  }
+}

package/src/index.js

@@ -1,8 +1,7 @@
-import DropzoneUploader from './dropzone-uploader';
-export { withRouter } from './bridges';
-export { Colxx, Separator } from './CustomBootstrap';
-export { CustomSelectInput } from './CustomSelectInput';
-export { IntlMessages } from './IntlMessages';
-export { TomarFoto } from './tomar-foto';
-
-export { DropzoneUploader };
+export * from './archivos-adjuntos';
+export * from './archivos-adjuntos/dropzone-uploader-dni-digital';
+export * from './bridges';
+export * from './CustomBootstrap';
+export * from './CustomSelectInput';
+export * from './tomar-foto';
+export * as IntlMessages from './IntlMessages';

package/src/main.jsx

@@ -1,7 +1,7 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
+import { createRoot } from 'react-dom/client';
+import './assets/css/vendor/bootstrap.min.css';
+import './assets/css/vendor/bootstrap.rtl.only.min.css';
+import './assets/css/sass/themes/gogo.light.redruby.scss';
+import App from './App';
 
-export const App = React.lazy(
-	() => import(/* webpackChunkName: "App" */ './App')
-)
-ReactDOM.createRoot(document.getElementById('root')).render(<App />)
+createRoot(document.getElementById('root')).render(<App />);

package/src/tomar-foto/index.jsx

@@ -1,66 +1,69 @@
-/* eslint-disable react/prop-types */
-import React, { useState } from 'react'
-import { Row } from 'reactstrap'
-import { DropzoneUploader, Colxx } from '../'
-import { TAKE_PHOTO } from '../constants'
-import imgHacerFoto from '../assets/img/take-photo.png'
+import { useState } from 'react';
+import { Row } from 'reactstrap';
+import { DropzoneUploader, Colxx } from '../';
+import { TAKE_PHOTO } from '../constants';
+import imgHacerFoto from '../assets/img/take-photo.png';
 
-export const TomarFoto = ({ onFilesSelectedSelfie, isMobile = false }) => {
-	const [filesTotalSelectedSelfie, setTotalFilesSelectedSelfie] = useState(0)
-	const {
-		LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE,
-		MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE,
-		TAKE_PHOTO_MESSAGE,
-	} = TAKE_PHOTO
+// eslint-disable-next-line react/prop-types
+export const TomarFoto = ({
+  onFilesSelectedSelfie = () => {},
+  isMobile = false,
+}) => {
+  const [filesTotalSelectedSelfie, setTotalFilesSelectedSelfie] = useState(0);
+  const {
+    LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE,
+    MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE,
+    TAKE_PHOTO_MESSAGE,
+  } = TAKE_PHOTO;
 
-	const handleFilesSelectedSelfie = (files) => {
-		setTotalFilesSelectedSelfie(files.length)
-		onFilesSelectedSelfie(files)
-	}
+  const handleFilesSelectedSelfie = (files) => {
+    setTotalFilesSelectedSelfie(files.length);
+    onFilesSelectedSelfie(files);
+  };
 
-	return (
-		<>
-			<Row className='pt-2 ml-4'>
-				<Colxx xxs='11' md='5'>
-					{LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE}
-				</Colxx>
-			</Row>
-			<Row className='pt-2 ml-2'>
-				<Colxx xxs='12' md='9'>
-					{isMobile ? (
-						<>
-							<Colxx xxs='12' className='text-center'>
-								{filesTotalSelectedSelfie === 0 && (
-									<img
-										style={{ width: '97%' }}
-										alt='hacerFotoDNI'
-										src={imgHacerFoto}
-									/>
-								)}
-								<DropzoneUploader
-									className='pt-2 ml-2'
-									maxFiles={1}
-									onChangeFiles={handleFilesSelectedSelfie}
-									totalFiles={filesTotalSelectedSelfie}
-									accept='image/jpg,image/jpeg'
-									capture='environment'
-									nameFileLabel={TAKE_PHOTO_MESSAGE}
-								/>
-							</Colxx>
-						</>
-					) : (
-						<h2
-							className={'view-icon iconsminds-smartphone-4 ml-2 mr-2'}
-							style={{
-								color: 'red',
-								margin: '10px 10px 0px 10px',
-							}}
-						>
-							{MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE}
-						</h2>
-					)}
-				</Colxx>
-			</Row>
-		</>
-	)
-}
+  return (
+    <>
+      <Row className="pt-2 ml-4">
+        <Colxx xxs="11" md="5">
+          {LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE}
+        </Colxx>
+      </Row>
+      <Row className="pt-2 ml-2">
+        <Colxx xxs="12" md="9">
+          {isMobile ? (
+            <>
+              <Colxx xxs="12" className="text-center">
+                {filesTotalSelectedSelfie === 0 && (
+                  <img
+                    style={{ width: '97%' }}
+                    alt="hacerFotoDNI"
+                    src={imgHacerFoto}
+                  />
+                )}
+                <DropzoneUploader
+                  className="pt-2 ml-2"
+                  maxFiles={1}
+                  onChangeFiles={handleFilesSelectedSelfie}
+                  totalFiles={filesTotalSelectedSelfie}
+                  accept="image/jpg,image/jpeg"
+                  capture="environment"
+                  nameFileLabel={TAKE_PHOTO_MESSAGE}
+                />
+              </Colxx>
+            </>
+          ) : (
+            <h2
+              className={'view-icon iconsminds-smartphone-4 ml-2 mr-2'}
+              style={{
+                color: 'red',
+                margin: '10px 10px 0px 10px',
+              }}
+            >
+              {MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE}
+            </h2>
+          )}
+        </Colxx>
+      </Row>
+    </>
+  );
+};

package/src/video-call-room/index.jsx

@@ -0,0 +1,10 @@
+export const VideoCallRoom = ({ url, title = 'Videollamada AMPF' }) => {
+  return (
+    <iframe
+      src={url}
+      allow="camera; microphone; fullscreen; speaker; display-capture"
+      style={{ width: '100%', height: '100%', border: '0', minHeight: '600px' }}
+      title={title}
+    />
+  );
+};

package/tsconfig.json

@@ -1,27 +1,26 @@
 {
-    "compilerOptions": {
-        "target": "es6",
-        "lib": [
-            "dom",
-            "dom.iterable",
-            "esnext"
-        ],
-        "allowJs": true,
-        "esModuleInterop": true,
-        "skipLibCheck": true,
-        "strict": true,
-        "forceConsistentCasingInFileNames": true,
-        "module": "commonjs",
-        "moduleResolution": "node",
-        "noImplicitReturns": true,
-        "resolveJsonModule": true,
-        "isolatedModules": true,
-        "noEmit": true,
-        "jsx": "preserve",
-    },
-    "include": [
-        "src",
-        "index.d.ts",
-        "eslint.config.js"
-    ]
+  "compilerOptions": {
+    "target": "es6",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "module": "commonjs",
+    "moduleResolution": "node",
+    "noImplicitReturns": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "preserve",
+  },
+  "include": [
+    "src",
+    "index.d.ts"
+  ]
 }

package/vite.config.ts

@@ -1,10 +1,19 @@
-import react from "@vitejs/plugin-react";
-import { defineConfig } from "vitest/config";
-import eslint from 'vite-plugin-eslint';
-
-export default defineConfig({
-    plugins: [react()],
-    test: {
-        globals: true,
-    }
-});
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vitest/config";
+import commonjs from 'vite-plugin-commonjs'
+
+export default defineConfig({
+    plugins: [react(), commonjs()],
+    server: {
+        port: 5173,
+        open: true,
+        hmr: true
+    },
+    css: {
+        preprocessorOptions: {
+            scss: {
+                silenceDeprecations: ['legacy-js-api'],
+            },
+        },
+    },
+});

package/.eslintrc

@@ -1,73 +0,0 @@
-{
-    "env": {
-        "browser": true,
-        "commonjs": true,
-        "es2021": true,
-        "node": true
-    },
-    "settings": {
-        "import/resolver": {
-            "node": {
-                "extensions": [
-                    ".js",
-                    ".jsx",
-                    ".ts",
-                    ".tsx"
-                ]
-            }
-        },
-        "react": {
-            "version": "detect"
-        }
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:jsx-a11y/strict",
-        "plugin:react/recommended",
-        "plugin:@typescript-eslint/recommended",
-        "plugin:import/recommended",
-        "plugin:react-hooks/recommended"
-    ],
-    "overrides": [],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaVersion": "latest"
-    },
-    "plugins": [
-        "react",
-        "react-hooks",
-        "@typescript-eslint",
-        "prettier"
-    ],
-    "rules": {
-        "quotes": "off",
-        "import/no-unresolved": "warn",
-        "import/no-named-as-default": "warn",
-        "no-constant-condition": "warn",
-        "@typescript-eslint/no-empty-function": "warn",
-        "no-prototype-builtins": "warn",
-        "jsx-a11y/no-static-element-interactions": "warn",
-        "jsx-a11y/click-events-have-key-events": "warn",
-        "jsx-a11y/no-noninteractive-element-interactions": "warn",
-        "@typescript-eslint/ban-types": "warn",
-        "import/no-duplicates": "warn",
-        "@typescript-eslint/no-extra-semi": "warn",
-        "@typescript-eslint/no-inferrable-types": "warn",
-        "prefer-const": "warn",
-        "@typescript-eslint/no-unused-vars": "warn",
-        "jsx-a11y/label-has-associated-control": "warn",
-        "no-case-declarations": "warn",
-        "no-irregular-whitespace": "warn",
-        "@typescript-eslint/no-var-requires": "warn",
-        "no-empty": "warn",
-        "react/no-deprecated": "warn",
-        "import/prefer-default-export": "off",
-        "import/no-cycle": "off",
-        "react/no-unknown-property": "warn",
-        "react-hooks/exhaustive-deps": "warn",
-        "react/no-find-dom-node": "warn",
-        "react/prop-types": "off",
-        "@typescript-eslint/no-explicit-any": "off",
-        "@typescript-eslint/explicit-module-boundary-types": "off"
-    }
-}

package/.eslintrc.mjs

@@ -1,53 +0,0 @@
-module.exports = {
-	extends: [
-		'eslint:recommended',
-		'plugin:react/recommended',
-		'plugin:react-hooks/recommended',
-		'plugin:jsx-a11y/recommended',
-	],
-	plugins: ['react', 'react-hooks', 'jsx-a11y', 'prettier'],
-	parserOptions: {
-		ecmaVersion: 2021,
-		sourceType: 'module',
-		ecmaFeatures: {
-			jsx: true,
-		},
-	},
-	rules: {
-        'quotes': 'off',
-        'import/no-unresolved': 'warn',
-        'import/no-named-as-default': 'warn',
-        'no-constant-condition': 'warn',
-        '@typescript-eslint/no-empty-function': 'warn',
-        'no-prototype-builtins': 'warn',
-        'jsx-a11y/no-static-element-interactions': 'warn',
-        'jsx-a11y/click-events-have-key-events': 'warn',
-        'jsx-a11y/no-noninteractive-element-interactions': 'warn',
-        '@typescript-eslint/ban-types': 'warn',
-        'import/no-duplicates': 'warn',
-        '@typescript-eslint/no-extra-semi': 'warn',
-        '@typescript-eslint/no-inferrable-types': 'warn',
-        'prefer-const': 'warn',
-        '@typescript-eslint/no-unused-vars': 'warn',
-        'jsx-a11y/label-has-associated-control': 'warn',
-        'no-case-declarations': 'warn',
-        'no-irregular-whitespace': 'warn',
-        '@typescript-eslint/no-var-requires': 'warn',
-        'no-empty': 'warn',
-        'react/no-deprecated': 'warn',
-        'import/prefer-default-export': 'off',
-        'import/no-cycle': 'off',
-        'react/no-unknown-property': 'warn',
-        'react-hooks/exhaustive-deps': 'warn',
-        'react/no-find-dom-node': 'warn',
-        'react/prop-types': 'off',
-        '@typescript-eslint/no-explicit-any': 'off',
-        '@typescript-eslint/explicit-module-boundary-types': 'off',
-        'prettier/prettier': [
-            'warn',
-            {
-                'endOfLine': 'crlf'
-            }
-        ]
-    }
-}

package/.prettierrc.js

@@ -1,5 +0,0 @@
-export const singleQuote = true;
-export const semi = true;
-export const useTabs = false;
-export const tabWidth = 2;
-export const trailingComma = "all";

package/.storybook/main.ts

@@ -1,17 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite';
-
-const config: StorybookConfig = {
-    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-    addons: [
-        '@storybook/addon-onboarding',
-        '@storybook/addon-links',
-        '@storybook/addon-essentials',
-        '@chromatic-com/storybook',
-        '@storybook/addon-interactions',
-    ],
-    framework: {
-        name: '@storybook/react-vite',
-        options: {},
-    },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,16 +0,0 @@
-import type { Preview } from '@storybook/react';
-import "./css/bootstrap.min.css";
-import "./css/bootstrap.rtl.only.min.css";
-
-const preview: Preview = {
-    parameters: {
-        controls: {
-            matchers: {
-                color: /(background|color)$/i,
-                date: /Date$/i,
-            },
-        },
-    },
-};
-
-export default preview;

package/src/dropzone-uploader/DropzoneUploader.stories.tsx

@@ -1,34 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { DropzoneUploader } from '.';
-
-const args = {
-  onChangeFiles: () => {
-    console.log('Accion despues de seleccionar un archivo');
-  },
-  totalFiles: 0,
-  maxFiles: 3,
-  accept: 'image/*, application/pdf',
-  capture: null,
-  nameFileLabel: 'Subir archivos',
-  maxFileSize: 2,
-};
-
-const meta = {
-  title: 'Components/DropzoneUploader',
-  component: DropzoneUploader,
-  args: {
-    ...args,
-  },
-} satisfies Meta<typeof DropzoneUploader>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const DropzoneUploaderBasic: Story = {
-  args: {
-    ...args,
-    maxFileSize: 5,
-  },
-};

package/src/tomar-foto/TomarFoto.stories.tsx

@@ -1,29 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-
-import { TomarFoto } from '.';
-
-const meta = {
-  title: 'Components/TomarFoto',
-  component: TomarFoto,
-    args: {
-        onFilesSelectedSelfie:() => { },
-        isMobile:false
-    },
-} satisfies Meta<typeof TomarFoto>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const TomarFotoWebApplication: Story = {
-  args: {
-        isMobile: false
-    },
-};
-export const TomarFotoMobileApplication: Story = {
-  args: {
-    isMobile: true,
-        onFilesSelectedSelfie: () => {
-            console.log('Dispatch an action')
-        }
-  },
-};