componentes-sinco 1.3.2 → 1.3.4

package/dist/index.d.cts

@@ -445,6 +445,7 @@ interface SCTextFieldProps {
     };
     size?: "small" | "medium";
     variant?: "outlined" | "filled" | "standard";
+    alignText?: "left" | "right" | "center";
     maxLength?: number;
     disabled?: boolean;
     required?: boolean;
@@ -455,7 +456,7 @@ interface SCTextFieldProps {
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 
-declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
+declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, alignText, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
 
 interface SCAccordionProps {
     title?: string | React__default.ReactNode;
@@ -666,8 +667,9 @@ interface SCDownloadExcelTableProps {
     fileName?: string;
     data?: Record<string, any>[];
     columns?: ColumnDef[];
+    extraRowsHeader?: (string | number | null | undefined | any)[][];
 }
-declare const SCDownloadExcelTable: ({ downloadButton, fileName, data, columns, }: SCDownloadExcelTableProps) => React__default.JSX.Element;
+declare const SCDownloadExcelTable: ({ downloadButton, fileName, data, columns, extraRowsHeader, }: SCDownloadExcelTableProps) => React__default.JSX.Element;
 
 interface Option$2 {
     title?: string;

package/dist/index.d.ts

@@ -445,6 +445,7 @@ interface SCTextFieldProps {
     };
     size?: "small" | "medium";
     variant?: "outlined" | "filled" | "standard";
+    alignText?: "left" | "right" | "center";
     maxLength?: number;
     disabled?: boolean;
     required?: boolean;
@@ -455,7 +456,7 @@ interface SCTextFieldProps {
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
 
-declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
+declare const SCTextField: ({ title, iconTitle, infoTitle, label, placeholder, infoElement, iconInputStart, iconInputEnd, maxLength, variant, format, disabled, required, size, width, alignText, color, background, setState, state, onChange, onBlur, onKeyDown, }: SCTextFieldProps) => React__default.JSX.Element;
 
 interface SCAccordionProps {
     title?: string | React__default.ReactNode;
@@ -666,8 +667,9 @@ interface SCDownloadExcelTableProps {
     fileName?: string;
     data?: Record<string, any>[];
     columns?: ColumnDef[];
+    extraRowsHeader?: (string | number | null | undefined | any)[][];
 }
-declare const SCDownloadExcelTable: ({ downloadButton, fileName, data, columns, }: SCDownloadExcelTableProps) => React__default.JSX.Element;
+declare const SCDownloadExcelTable: ({ downloadButton, fileName, data, columns, extraRowsHeader, }: SCDownloadExcelTableProps) => React__default.JSX.Element;
 
 interface Option$2 {
     title?: string;

package/dist/index.js

@@ -605,6 +605,7 @@ var Attachment = ({
 
 // src/Components/Adjuntar/mobile/AdjuntarMobile.tsx
 import React19, { useEffect as useEffect11, useRef as useRef3, useState as useState13, useCallback as useCallback2 } from "react";
+import { createPortal } from "react-dom";
 import Webcam from "react-webcam";
 
 // src/Components/Adjuntar/mobile/components/button.tsx
@@ -1359,6 +1360,7 @@ var SCTextField = ({
   required,
   size,
   width = "100%",
+  alignText = "left",
   color,
   background,
   //Funcionales
@@ -1516,7 +1518,7 @@ var SCTextField = ({
         onKeyDown: handleKeyDown,
         onChange: handleInputChange,
         onBlur: handleBlur,
-        inputProps: { maxLength: maxLength ? maxLength : 50 },
+        inputProps: { maxLength: maxLength ? maxLength : 50, style: { textAlign: alignText } },
         type: !showPassword && format3 === "password" ? "password" : (format3 || "text").toUpperCase() === "INT" || (format3 || "text").toUpperCase() === "DECIMAL" ? "number" : "text",
         className: format3 === "password" && !showPassword ? "" : "",
         placeholder,
@@ -2925,6 +2927,7 @@ var AttachmentMobile = ({
 }) => {
   const webcamRef = useRef3(null);
   const [abrirCamara, setAbrirCamara] = useState13(false);
+  const [camReady, setCamReady] = useState13(false);
   const [capturedImage, setCapturedImage] = useState13(null);
   const [files, setFiles] = useState13([]);
   const [fileToDelete, setFileToDelete] = useState13(null);
@@ -2944,15 +2947,21 @@ var AttachmentMobile = ({
   }
   const closeCam = () => {
     setAbrirCamara(false);
+    setCamReady(false);
   };
   const openCam = () => {
     setOpen(false);
+    setCamReady(false);
     setAbrirCamara(true);
   };
   let capturedImage2 = null;
   const capture = useCallback2((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);
@@ -3165,49 +3174,56 @@ var AttachmentMobile = ({
       ),
       /* @__PURE__ */ React19.createElement(Typography9, { variant: "body2", color: "text.secondary" }, option.label)
     ))))
-  ), abrirCamara && /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(CancelOutlinedIcon, { onClick: closeCam, sx: { borderRadius: "50px", height: "35px", width: "35px", zIndex: 2e3, background: "white", position: "absolute", left: `calc(100% - 50px)`, bottom: `calc(100% - 50px)` } }), /* @__PURE__ */ React19.createElement(Stack7, { className: "camras" }, /* @__PURE__ */ React19.createElement(
-    Webcam,
-    {
-      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: 2e3
-        // Encima de todo
-      }
-    }
-  ), /* @__PURE__ */ React19.createElement(
-    PhotoCameraIcon,
-    {
-      onClick: capture,
-      sx: {
-        height: "45px",
-        width: "45px",
-        padding: "6px",
-        backgroundColor: "white",
-        color: "#1E62A1",
-        borderRadius: "50px",
-        zIndex: 2100,
-        position: "absolute",
-        bottom: "10px",
-        left: "50%"
-      },
-      fontSize: "medium"
-    }
-  ))), files.length > 0 && /* @__PURE__ */ React19.createElement(
+  ), abrirCamara && createPortal(
+    /* @__PURE__ */ React19.createElement(Box12, { sx: { position: "fixed", inset: 0, zIndex: 2e3 } }, /* @__PURE__ */ React19.createElement(CancelOutlinedIcon, { 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__ */ React19.createElement(Stack7, { className: "camras" }, /* @__PURE__ */ React19.createElement(
+      Webcam,
+      {
+        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__ */ React19.createElement(
+      PhotoCameraIcon,
+      {
+        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__ */ React19.createElement(
     Stack7,
     {
       "data-testid": "ContenedorArchivosAdjuntos",
@@ -5792,7 +5808,8 @@ var SCDownloadExcelTable = ({
   downloadButton,
   fileName = "archivo excel",
   data = [],
-  columns = []
+  columns = [],
+  extraRowsHeader = []
 }) => {
   const formatValue = (value, type) => {
     if (value === null || value === void 0) return "";
@@ -5812,7 +5829,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`);
@@ -6088,6 +6105,10 @@ var SCTime = ({
     setIsOpenPopover(false);
     setAnchorEl(null);
   };
+  const handleTimeFieldChange = (newValue) => {
+    const dayjsValue = newValue ? dayjs11(newValue) : null;
+    setState(dayjsValue);
+  };
   const handleClose = () => {
     setIsOpenPopover(false);
     setAnchorEl(null);
@@ -6101,6 +6122,7 @@ var SCTime = ({
       required,
       error: hasError,
       onClick: handleTimeFieldClick,
+      onChange: handleTimeFieldChange,
       slotProps: {
         textField: {
           InputProps: {