componentes-sinco 1.3.1 → 1.3.3

package/dist/index.cjs

@@ -691,6 +691,7 @@ var Attachment = ({
 
 // src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
 var import_react23 = __toESM(require("react"), 1);
+var import_react_dom = require("react-dom");
 var import_react_webcam = __toESM(require("react-webcam"), 1);
 
 // src/Components/Adjuntar/mobile/components/button.tsx
@@ -3011,6 +3012,7 @@ var AttachmentMobile = ({
 }) => {
   const webcamRef = (0, import_react23.useRef)(null);
   const [abrirCamara, setAbrirCamara] = (0, import_react23.useState)(false);
+  const [camReady, setCamReady] = (0, import_react23.useState)(false);
   const [capturedImage, setCapturedImage] = (0, import_react23.useState)(null);
   const [files, setFiles] = (0, import_react23.useState)([]);
   const [fileToDelete, setFileToDelete] = (0, import_react23.useState)(null);
@@ -3030,15 +3032,21 @@ var AttachmentMobile = ({
   }
   const closeCam = () => {
     setAbrirCamara(false);
+    setCamReady(false);
   };
   const openCam = () => {
     setOpen(false);
+    setCamReady(false);
     setAbrirCamara(true);
   };
   let capturedImage2 = null;
   const capture = (0, import_react23.useCallback)((e) => {
     if (webcamRef.current) {
       const imageSrc = webcamRef.current.getScreenshot();
+      if (!imageSrc) {
+        setToast({ open: true, type: "error", mensaje: "La c\xE1mara a\xFAn no est\xE1 lista, intenta de nuevo." });
+        return;
+      }
       setCapturedImage(imageSrc);
       capturedImage2 = imageSrc;
       setOpen(false);
@@ -3251,49 +3259,56 @@ var AttachmentMobile = ({
       ),
       /* @__PURE__ */ import_react23.default.createElement(import_material16.Typography, { variant: "body2", color: "text.secondary" }, option.label)
     ))))
-  ), abrirCamara && /* @__PURE__ */ import_react23.default.createElement(import_react23.default.Fragment, null, /* @__PURE__ */ import_react23.default.createElement(import_CancelOutlined.default, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 1700, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)` } }), /* @__PURE__ */ import_react23.default.createElement(import_material16.Stack, { className: "camras" }, /* @__PURE__ */ import_react23.default.createElement(
-    import_react_webcam.default,
-    {
-      audio: false,
-      ref: webcamRef,
-      width: "100%",
-      height: "100%",
-      screenshotFormat: "image/jpeg",
-      videoConstraints: {
-        //facingMode: { exact: "environment" }
-        facingMode: "environment"
-        //facingMode: "environment" // cámara trasera
-      },
-      style: {
-        position: "fixed",
-        // Fijo para cubrir toda la ventana
-        top: 0,
-        left: 0,
-        objectFit: "cover",
-        backgroundColor: "black",
-        zIndex: 1600
-        // Encima de todo
-      }
-    }
-  ), /* @__PURE__ */ import_react23.default.createElement(
-    import_PhotoCamera.default,
-    {
-      onClick: capture,
-      sx: {
-        height: "45px",
-        width: "45px",
-        padding: "6px",
-        backgroundColor: "white",
-        color: "#1E62A1",
-        borderRadius: "50px",
-        zIndex: 1700,
-        position: "absolute",
-        bottom: "10px",
-        left: "50%"
-      },
-      fontSize: "medium"
-    }
-  ))), files.length > 0 && /* @__PURE__ */ import_react23.default.createElement(
+  ), abrirCamara && (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ import_react23.default.createElement(import_system.Box, { sx: { position: "fixed", inset: 0, zIndex: 2e3 } }, /* @__PURE__ */ import_react23.default.createElement(import_CancelOutlined.default, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 2100, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)`, cursor: "pointer" } }), /* @__PURE__ */ import_react23.default.createElement(import_material16.Stack, { className: "camras" }, /* @__PURE__ */ import_react23.default.createElement(
+      import_react_webcam.default,
+      {
+        audio: false,
+        ref: webcamRef,
+        width: "100%",
+        height: "100%",
+        screenshotFormat: "image/jpeg",
+        onUserMedia: () => setCamReady(true),
+        videoConstraints: {
+          //facingMode: { exact: "environment" }
+          facingMode: "environment"
+          //facingMode: "environment" // cámara trasera
+        },
+        style: {
+          position: "fixed",
+          // Fijo para cubrir toda la ventana
+          top: 0,
+          left: 0,
+          objectFit: "cover",
+          backgroundColor: "black",
+          zIndex: 2e3
+          // Encima de todo
+        }
+      }
+    ), /* @__PURE__ */ import_react23.default.createElement(
+      import_PhotoCamera.default,
+      {
+        onClick: camReady ? capture : void 0,
+        sx: {
+          height: "45px",
+          width: "45px",
+          padding: "6px",
+          backgroundColor: "white",
+          color: "#1E62A1",
+          borderRadius: "50px",
+          zIndex: 2100,
+          position: "absolute",
+          bottom: "10px",
+          left: "50%",
+          opacity: camReady ? 1 : 0.5,
+          pointerEvents: camReady ? "auto" : "none",
+          cursor: camReady ? "pointer" : "not-allowed"
+        },
+        fontSize: "medium"
+      }
+    ))),
+    document.body
+  ), files.length > 0 && /* @__PURE__ */ import_react23.default.createElement(
     import_material16.Stack,
     {
       "data-testid": "ContenedorArchivosAdjuntos",
@@ -5878,7 +5893,8 @@ var SCDownloadExcelTable = ({
   downloadButton,
   fileName = "archivo excel",
   data = [],
-  columns = []
+  columns = [],
+  extraRowsHeader = []
 }) => {
   const formatValue = (value, type) => {
     if (value === null || value === void 0) return "";
@@ -5898,7 +5914,7 @@ var SCDownloadExcelTable = ({
         return formatValue(resolved, col.type);
       })
     );
-    const worksheet = XLSX.utils.aoa_to_sheet([headers, ...rows]);
+    const worksheet = XLSX.utils.aoa_to_sheet([...extraRowsHeader, headers, ...rows]);
     const workbook = XLSX.utils.book_new();
     XLSX.utils.book_append_sheet(workbook, worksheet, "Hoja1");
     XLSX.writeFile(workbook, `${fileName}.xlsx`);