componentes-sinco 1.0.39 → 1.0.41

package/dist/index.d.cts

@@ -658,16 +658,28 @@ interface AttachmentMobileProps<T> {
     maxSize?: number;
     sx?: SxProps;
     files?: T[];
+    setAttachedFiles?: any;
     initialFiles?: UploadedFile[];
     fileAccepted?: string;
     onChange?: (archivos: File[]) => void;
     deleteAction?: (name: string) => Promise<void> | void;
 }
 
-declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, children, onChange, sx }: AttachmentMobileProps<any>) => React__default.JSX.Element;
+declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, setAttachedFiles, deleteAction, children, onChange, sx }: AttachmentMobileProps<any>) => React__default.JSX.Element;
+
+interface SCSnackBarProps {
+    type?: 'success' | 'error' | 'warning' | 'info';
+    close?: boolean;
+    openState: boolean;
+    setOpenState: any;
+    mensaje: string;
+    duration?: number;
+    position?: 'Center' | 'Left-Up' | 'Left-Down' | 'Right-Up' | 'Right-Down';
+}
+declare const SCSnackBar: ({ type, close, openState, setOpenState, mensaje, duration, position }: SCSnackBarProps) => React__default.JSX.Element;
 
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.d.ts

@@ -658,16 +658,28 @@ interface AttachmentMobileProps<T> {
     maxSize?: number;
     sx?: SxProps;
     files?: T[];
+    setAttachedFiles?: any;
     initialFiles?: UploadedFile[];
     fileAccepted?: string;
     onChange?: (archivos: File[]) => void;
     deleteAction?: (name: string) => Promise<void> | void;
 }
 
-declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, deleteAction, children, onChange, sx }: AttachmentMobileProps<any>) => React__default.JSX.Element;
+declare const AttachmentMobile: ({ buttonAttachment, maxSize, fileAccepted, initialFiles, setAttachedFiles, deleteAction, children, onChange, sx }: AttachmentMobileProps<any>) => React__default.JSX.Element;
+
+interface SCSnackBarProps {
+    type?: 'success' | 'error' | 'warning' | 'info';
+    close?: boolean;
+    openState: boolean;
+    setOpenState: any;
+    mensaje: string;
+    duration?: number;
+    position?: 'Center' | 'Left-Up' | 'Left-Down' | 'Right-Up' | 'Right-Down';
+}
+declare const SCSnackBar: ({ type, close, openState, setOpenState, mensaje, duration, position }: SCSnackBarProps) => React__default.JSX.Element;
 
 declare const SincoTheme: _mui_material_styles.Theme;
 declare let AdproSincoTheme: _mui_material_styles.Theme;
 declare let ADCSincoTheme: _mui_material_styles.Theme;
 
-export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };
+export { ADCSincoTheme, AdproSincoTheme, Attachment, AttachmentMobile, BasicMenu, type BasicMenuProps, CALENDAR_CONSTANTS, Calendar, type CalendarEvent, type CalendarProps, type CalendarView, type CellBorderType, DayEventsList, EmptyState, type EmptyStateProperties, type EmptyStateSize, type EmptyStateStates, type EventState, FooterAction, type FooterActionsProperties, type ModalProps, type ModalStates, MultiSelect, type MultiSelectProps, type NavigationAction, PageHeader, type PageheaderProperties, type ReplyButtonVariants, type ReplyPalette$1 as ReplyPalette, type ReplyTextPalette, type ReplyVariants, type RepplyAnchorPositions, type RepplySizeVariants, SCActivityCalendar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.js

@@ -2046,7 +2046,6 @@ var SCDateRange = ({
         popper: {
           sx: {
             zIndex: 1400
-            // muy alto para que quede encima
           }
         },
         textField: ({ position }) => {
@@ -4917,6 +4916,7 @@ var AttachmentMobile = ({
   maxSize = 400,
   fileAccepted = "",
   initialFiles,
+  setAttachedFiles,
   deleteAction,
   children,
   onChange,
@@ -4966,9 +4966,11 @@ var AttachmentMobile = ({
         u8arr[n] = bstr.charCodeAt(n);
       }
       const fechaActual = new Date(Date.now());
-      const fechaConFormato = fechaActual.getFullYear() + "" + (fechaActual.getMonth() + 1) + fechaActual.getDate();
+      const fechaConFormato = fechaActual.getFullYear() + "" + (fechaActual.getMonth() + 1) + fechaActual.getDate() + fechaActual.getHours() + fechaActual.getMinutes() + fechaActual.getSeconds();
       const capturedFile = new File([u8arr], `photo_${fechaConFormato}.jpg`, { type: mime });
       newFiles = [capturedFile];
+      setCapturedImage(null);
+      capturedImage2 = null;
     }
     if (!newFiles) return;
     const nuevosArchivos = [];
@@ -5032,6 +5034,7 @@ var AttachmentMobile = ({
     if (nuevosArchivos.length > 0) {
       setFiles((prevFiles) => {
         const updatedFiles = [...prevFiles, ...nuevosArchivos];
+        setAttachedFiles(updatedFiles);
         if (archivosValidos.length > 0) {
           onChange == null ? void 0 : onChange([
             ...archivosValidos,
@@ -5053,6 +5056,7 @@ var AttachmentMobile = ({
         (file) => !(file.name === fileToRemove.name && file.size === fileToRemove.size)
       );
       setFiles(updatedFiles);
+      setAttachedFiles(updatedFiles);
       if (onChange) {
         const remainingValidFiles = updatedFiles.filter((f) => !f.uploadError).map((f) => new File([], f.name, { type: f.type }));
         onChange(remainingValidFiles);
@@ -5088,6 +5092,7 @@ var AttachmentMobile = ({
   useEffect21(() => {
     if (initialFiles && initialFiles.length > 0) {
       setFiles(initialFiles);
+      setAttachedFiles(initialFiles);
     }
   }, []);
   return /* @__PURE__ */ React44.createElement(Box28, { display: "flex", flexDirection: "column", gap: 1 }, /* @__PURE__ */ React44.createElement(Box28, { display: "flex", width: "100%", justifyContent: "space-between", alignItems: "center", sx }, children, /* @__PURE__ */ React44.createElement(
@@ -5268,11 +5273,51 @@ var AttachmentMobile = ({
   ));
 };
 
+// src/Components/SCSnackbar.tsx
+import React45 from "react";
+import MuiAlert from "@mui/material/Alert";
+import "dayjs/locale/es";
+import Snackbar from "@mui/material/Snackbar";
+var SCSnackBar = ({
+  type = "success",
+  close = true,
+  openState,
+  setOpenState,
+  mensaje,
+  duration = 3e3,
+  position = "Center"
+}) => {
+  const posicionVertical = position == "Center" ? "bottom" : position.split("-")[1] == "Up" ? "top" : "bottom";
+  const posicionHorizontal = position == "Center" ? "center" : position.split("-")[0] == "Left" ? "left" : "right";
+  const handleClose = (event2, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    setOpenState(false);
+  };
+  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(
+    Snackbar,
+    __spreadValues({
+      anchorOrigin: { vertical: posicionVertical, horizontal: posicionHorizontal },
+      open: openState,
+      autoHideDuration: duration
+    }, close ? { onClose: handleClose } : {}),
+    /* @__PURE__ */ React45.createElement(
+      MuiAlert,
+      __spreadProps(__spreadValues({}, close ? { onClose: handleClose } : {}), {
+        severity: type,
+        sx: { backgroundColor: type == "success" ? "success.50" : type == "error" ? "#F9E8E8" : type == "warning" ? "#FFF0E0" : "#E6F3F8" }
+      }),
+      mensaje
+    )
+  ));
+};
+
 // src/Theme/index.ts
 import { createTheme } from "@mui/material/styles";
 
 // src/Theme/components.ts
-import React45 from "react";
+import React46 from "react";
 import {
   InfoRounded as InfoRounded2,
   CheckCircleRounded as CheckCircleRounded2,
@@ -5975,10 +6020,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: React45.createElement(CheckCircleRounded2),
-        error: React45.createElement(ErrorRounded2),
-        warning: React45.createElement(WarningRounded2),
-        info: React45.createElement(InfoRounded2)
+        success: React46.createElement(CheckCircleRounded2),
+        error: React46.createElement(ErrorRounded2),
+        warning: React46.createElement(WarningRounded2),
+        info: React46.createElement(InfoRounded2)
       }
     },
     variants: [
@@ -7042,6 +7087,7 @@ export {
   SCMenu,
   SCModal,
   SCSelect,
+  SCSnackBar,
   SCTabs,
   SCTextArea,
   SCTextField,