siam-ui-utils 2.0.26 → 2.0.28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "2.0.26",
+  "version": "2.0.28",
   "keywords": [
     "ampf-react",
     "ampf-utils",
@@ -42,19 +42,17 @@
     "vite-plugin-commonjs": "^0.10.3"
   },
   "devDependencies": {
+    "@eslint/js": "^9.9.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.0",
-    "@types/react-router-dom": "^5.3.3",
-    "@typescript-eslint/parser": "^8.2.0",
-    "copyfiles": "^2.4.1",
-    "@eslint/js": "^9.9.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
+    "@types/react-router-dom": "^5.3.3",
+    "@typescript-eslint/parser": "^8.2.0",
     "@vitejs/plugin-react": "^4.3.1",
+    "copyfiles": "^2.4.1",
     "eslint": "^9.9.0",
-    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
-    "eslint-plugin-react-refresh": "^0.4.9",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^8.8.0",
     "eslint-config-react-app": "^7.0.1",
@@ -62,6 +60,9 @@
     "eslint-plugin-jsx-a11y": "^6.7.1",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-react-refresh": "^0.4.9",
+    "sass-embedded": "^1.79.4",
     "vite": "^5.3.4",
     "vite-plugin-eslint": "^1.8.1",
     "vitest": "^2.0.5"

package/src/App.css

@@ -40,3 +40,8 @@
 .read-the-docs {
   color: #888;
 }
+
+
+.custom-dropzone-uploader-dni-digital{
+    display: flex;
+}

package/src/App.jsx

@@ -5,12 +5,7 @@ import {
   AccordionHeader,
   AccordionItem,
 } from 'reactstrap';
-import {
-  TomarFoto,
-  DropzoneUploader,
-  DropzoneUploaderDniDigital,
-  NotificationContainer,
-} from './';
+import { TomarFoto, DropzoneUploader, DropzoneUploaderDniDigital } from './';
 import './index.css';
 import './App.css';
 import './assets/css/vendor/bootstrap.min.css';
@@ -27,7 +22,6 @@ const App = () => {
 
   return (
     <div>
-      <NotificationContainer />
       <Accordion open={open} toggle={toggle}>
         <AccordionItem>
           <AccordionHeader targetId="1">Tomar Foto</AccordionHeader>
@@ -54,6 +48,7 @@ const App = () => {
               maxFiles={7}
               nameFileLabel="Subir archivos"
               capture="environment"
+              onFilesSelectedSelfie
             />
           </AccordionBody>
         </AccordionItem>
@@ -68,6 +63,7 @@ const App = () => {
               onChangeFiles={() => {
                 console.log('onChange');
               }}
+              classNames="custom-dropzone-uploader-dni-digital"
             />
           </AccordionBody>
         </AccordionItem>

package/src/archivos-adjuntos/dropzone-uploader-dni-digital/index.jsx

@@ -4,7 +4,6 @@ import { Button } from 'reactstrap';
 import { getDroppedOrSelectedFiles } from 'html5-file-selector';
 import Dropzone from 'react-dropzone-uploader';
 import 'react-dropzone-uploader/dist/styles.css';
-import { NotificationManager } from '../../react-notifications';
 import { pdfImage, IconButtonSvg } from '../../iconos';
 import '../dropzone-uploader.css';
 
@@ -14,7 +13,11 @@ export const DropzoneUploaderDniDigital = ({
   onChangeFiles,
   totalFiles,
   label = 'Cargar Dni',
+  maxFiles = 2,
   maxSize = 2,
+  onMaxFileSizeError = () => {
+    alert('El archivo supera el tamaño máximo');
+  },
 }) => {
   const [files, setFiles] = useState([]);
 
@@ -45,12 +48,8 @@ export const DropzoneUploaderDniDigital = ({
 
   const CustomPreview = ({ fileWithMeta }) => {
     const { meta, remove } = fileWithMeta;
-    console.log('meta.size :>> ', meta.size);
     if (meta.size / (1024 * 1024) > maxSize) {
-      NotificationManager.error(
-        'El archivo supera el tamaño máximo',
-        'Advertencia',
-      );
+      onMaxFileSizeError();
       remove();
     }
     return (
@@ -104,7 +103,8 @@ export const DropzoneUploaderDniDigital = ({
   };
 
   const Input = ({ accept, onFiles, getFilesFromEvent }) => {
-    const text = totalFiles > 0 ? `${2 - totalFiles} archivos más` : `${label}`;
+    const text =
+      totalFiles > 0 ? `${maxFiles - totalFiles} archivos más` : `${label}`;
     return (
       <>
         <Button
@@ -136,7 +136,7 @@ export const DropzoneUploaderDniDigital = ({
     <div className={classNames}>
       <Dropzone
         disableUpload={false}
-        maxFiles={totalFiles < 2 ? 2 : 0}
+        maxFiles={totalFiles < maxFiles ? maxFiles : 0}
         maxSize={maxSize} // en megas
         InputComponent={Input}
         PreviewComponent={CustomPreview}

package/src/archivos-adjuntos/index.jsx

@@ -2,7 +2,6 @@
 import React, { useEffect, useState } from 'react';
 import { getDroppedOrSelectedFiles } from 'html5-file-selector';
 import Dropzone from 'react-dropzone-uploader';
-import { NotificationManager } from 'react-notifications';
 import 'react-dropzone-uploader/dist/styles.css';
 import { IconButtonSvg, pdfImage } from '../iconos';
 import './dropzone-uploader.css';
@@ -18,6 +17,9 @@ export const DropzoneUploader = ({
   nameFileLabel = 'Subir archivos',
   classNames = '',
   maxFileSize = maxSize,
+  onMaxFileSizeError = () => {
+    alert('El archivo supera el tamaño máximo');
+  },
 }) => {
   const [files, setFiles] = useState([]);
   const [totalFilesDU, setTotalFilesDU] = useState(totalFiles);
@@ -49,10 +51,7 @@ export const DropzoneUploader = ({
   const CustomPreview = ({ fileWithMeta }) => {
     const { meta, remove } = fileWithMeta;
     if (meta.size / (1024 * 1024) > maxFileSize) {
-      NotificationManager.error(
-        'El archivo supera el tamaño máximo',
-        'Advertencia',
-      );
+      onMaxFileSizeError();
       remove();
     }
     return (