siam-ui-utils 2.0.26 → 2.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "2.0.26",
+  "version": "2.0.27",
   "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.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>
@@ -68,6 +62,9 @@ const App = () => {
               onChangeFiles={() => {
                 console.log('onChange');
               }}
+              onMaxFileSizeError={() => {
+                console.log('MAXIMO ARCHIVO PERMITIDO :>> ');
+              }}
             />
           </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';
 
@@ -15,6 +14,9 @@ export const DropzoneUploaderDniDigital = ({
   totalFiles,
   label = 'Cargar Dni',
   maxSize = 2,
+  onMaxFileSizeError = () => {
+    alert('El archivo supera el tamaño máximo');
+  },
 }) => {
   const [files, setFiles] = useState([]);
 
@@ -47,10 +49,7 @@ export const DropzoneUploaderDniDigital = ({
     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 (

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 (