componentes-sinco 1.1.23 → 1.1.25

package/dist/index.d.cts

@@ -718,11 +718,25 @@ interface SCDatePickerProps {
     state: Dayjs;
     setState: (value: Dayjs) => void;
     width?: string;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
 }
-declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width }: SCDatePickerProps) => React__default.JSX.Element;
+declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps) => React__default.JSX.Element;
+
+interface SCAlertProps {
+    title: string;
+    subtitle?: string;
+    severity?: 'success' | 'error' | 'warning' | 'info';
+    variant?: 'filled' | 'outlined' | 'standard';
+    width?: string;
+    close?: boolean;
+    openState: boolean;
+    setOpenState: any;
+}
+declare const SCAlert: ({ title, subtitle, severity, variant, width, close, openState, setOpenState, }: SCAlertProps) => 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, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, StopEvent, 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, SCAlert, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.d.ts

@@ -718,11 +718,25 @@ interface SCDatePickerProps {
     state: Dayjs;
     setState: (value: Dayjs) => void;
     width?: string;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
 }
-declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width }: SCDatePickerProps) => React__default.JSX.Element;
+declare const SCDatePicker: ({ label, required, disabled, background, state, setState, width, minDate, maxDate }: SCDatePickerProps) => React__default.JSX.Element;
+
+interface SCAlertProps {
+    title: string;
+    subtitle?: string;
+    severity?: 'success' | 'error' | 'warning' | 'info';
+    variant?: 'filled' | 'outlined' | 'standard';
+    width?: string;
+    close?: boolean;
+    openState: boolean;
+    setOpenState: any;
+}
+declare const SCAlert: ({ title, subtitle, severity, variant, width, close, openState, setOpenState, }: SCAlertProps) => 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, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, StopEvent, 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, SCAlert, SCAppBar, SCAutocomplete, SCCalendarSwipeable, SCCard, SCDataGrid, SCDataGridInitial, SCDatePicker, SCDateRange, SCDialog, SCDrawer, SCListContent, SCMenu, SCModal, SCSelect, SCSnackBar, SCTabs, SCTextArea, type SCTextAreaProps, SCTextField, type SCTextFieldProps, SCTime, SCToastNotification, SincoTheme, StopEvent, type ToastBaseProperties, ToastProgress, type ToastType, capitalize, clampEventToVisibleRange, filterEventsForDay, getButtonColor, getCellBorderType, getIcon, getIconComponent, getIconMultiSelect, getModalColor, modalStateConfig, useCalendarNavigation, useFilteredItems, useMultiSelectHandlers, useProgress };

package/dist/index.js

@@ -5110,7 +5110,7 @@ var SCActivityCalendar = ({
       console.log("D\xEDa:", day);
       console.log("Filtrando eventos para el d\xEDa:", datosEventos);
       const eventosDelDia = datosEventos.filter(
-        (event2) => new Date(event2.date).toDateString() === day.toDateString()
+        (event2) => (/* @__PURE__ */ new Date(event2.date + "T00:00:00")).toDateString() === day.toDateString()
       );
       console.log("Cantidad eventos para el d\xEDa:", eventosDelDia);
       if (eventosDelDia.length > 0) {
@@ -5120,10 +5120,10 @@ var SCActivityCalendar = ({
             key: idx,
             options: [{
               title: event2.activityDescription,
-              subtitle: /* @__PURE__ */ React42.createElement(React42.Fragment, null, configRangeHour && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getMinutes() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, null, "Todo el dia"), /* @__PURE__ */ React42.createElement(LightModeOutlinedIcon, { fontSize: "small" })) : /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, null, new Date(event2.date.replace("00:00:00", event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ React42.createElement(ArrowForwardIcon, { fontSize: "small" }), /* @__PURE__ */ React42.createElement(Typography25, null, new Date(event2.date.replace("00:00:00", event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
+              subtitle: /* @__PURE__ */ React42.createElement(React42.Fragment, null, configRangeHour && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getHours() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getHours() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[0])).getMinutes() && (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).getMinutes() === (/* @__PURE__ */ new Date(event2.date + "T" + configRangeHour.split("-")[1])).getMinutes() ? /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, { variant: "body2" }, "Todo el dia"), /* @__PURE__ */ React42.createElement(LightModeOutlinedIcon, { fontSize: "small" })) : /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Typography25, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ React42.createElement(ArrowForwardIcon, { fontSize: "small" }), /* @__PURE__ */ React42.createElement(Typography25, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
               iconLeftColor: event2.state === "Finalizada" ? "#C7E49D" : "action",
               iconLeft: event2.state === "Finalizada" ? "CheckCircle" : event2.state === "Aplazada" ? "EventBusyOutlined" : event2.state === "En progreso" ? "PendingOutlined" : "RadioButtonUnchecked",
-              description: /* @__PURE__ */ React42.createElement(React42.Fragment, null, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React42.createElement(React42.Fragment, null, /* @__PURE__ */ React42.createElement(Badge2, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React42.createElement(Typography25, null, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null),
+              description: /* @__PURE__ */ React42.createElement(Grid11, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ React42.createElement(Grid11, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ React42.createElement(Badge2, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ React42.createElement(Typography25, { variant: "body2" }, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ React42.createElement(Typography25, { variant: "body1" }, event2.equipmentDescription)),
               divider: eventosDelDia.length === idx + 1 ? false : true,
               colorDisabled: event2.state === "Finalizada" || event2.state === "Aplazada" || event2.state === "En progreso" ? true : false,
               fn: fn ? () => fn(event2) : void 0
@@ -5711,7 +5711,7 @@ import "dayjs/locale/es";
 import { LocalizationProvider as LocalizationProvider5 } from "@mui/x-date-pickers/LocalizationProvider";
 import { AdapterDayjs as AdapterDayjs3 } from "@mui/x-date-pickers/AdapterDayjs";
 import InsertInvitationOutlinedIcon from "@mui/icons-material/InsertInvitationOutlined";
-var SCDatePicker = ({ label, required, disabled, background, state, setState, width }) => {
+var SCDatePicker = ({ label, required, disabled, background, state, setState, width, minDate, maxDate }) => {
   return /* @__PURE__ */ React47.createElement(LocalizationProvider5, { dateAdapter: AdapterDayjs3, adapterLocale: "es" }, /* @__PURE__ */ React47.createElement(
     DatePicker,
     {
@@ -5720,21 +5720,21 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
       value: state,
       onChange: (value) => {
         if (value && dayjs11.isDayjs(value) && value.isValid()) {
-          const minDate = dayjs11("2015-01-01");
-          const maxDate = dayjs11().add(3, "month");
-          if (value.isBefore(minDate, "day")) {
+          const minDate2 = dayjs11("2015-01-01");
+          const maxDate2 = dayjs11().add(3, "month");
+          if (value.isBefore(minDate2, "day")) {
             alert("La fecha no puede ser anterior al 01/01/2015");
             return;
           }
-          if (value.isAfter(maxDate, "day")) {
+          if (value.isAfter(maxDate2, "day")) {
             alert("La fecha no puede ser posterior a 3 meses desde hoy");
             return;
           }
           setState(value);
         }
       },
-      minDate: dayjs11("2015-01-01"),
-      maxDate: dayjs11().add(3, "month"),
+      minDate: minDate != null ? minDate : dayjs11("2015-01-01"),
+      maxDate: maxDate != null ? maxDate : dayjs11().add(3, "month"),
       sx: {
         minWidth: 120,
         width: width || "100%",
@@ -5767,11 +5767,47 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
   ));
 };
 
+// src/Components/SCAlert.tsx
+import React48 from "react";
+import { Alert, AlertTitle, Typography as Typography28 } from "@mui/material";
+var SCAlert = ({
+  title,
+  subtitle,
+  severity = "success",
+  variant = "standard",
+  width,
+  close = true,
+  openState,
+  setOpenState
+}) => {
+  const handleClose = (event2) => {
+    setOpenState(false);
+  };
+  return /* @__PURE__ */ React48.createElement(React48.Fragment, null, openState && /* @__PURE__ */ React48.createElement(
+    Alert,
+    __spreadProps(__spreadValues({
+      severity,
+      variant
+    }, close ? { onClose: handleClose } : {}), {
+      sx: __spreadValues({
+        width: width != null ? width : "auto",
+        alignItems: subtitle ? "flex-start" : "center"
+      }, variant !== "filled" && {
+        "& .MuiAlert-icon": {
+          background: severity == "info" ? "#C0E2EE" : severity == "warning" ? "#FEDAB3" : severity == "error" ? "#F1C7C7" : "#DDEFC4"
+        }
+      })
+    }),
+    /* @__PURE__ */ React48.createElement(AlertTitle, null, title),
+    subtitle ? /* @__PURE__ */ React48.createElement(Typography28, { variant: "body3" }, subtitle) : null
+  ));
+};
+
 // src/Theme/index.ts
 import { createTheme } from "@mui/material/styles";
 
 // src/Theme/components.ts
-import React48 from "react";
+import React49 from "react";
 import {
   InfoRounded as InfoRounded2,
   CheckCircleRounded as CheckCircleRounded2,
@@ -6475,10 +6511,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: React48.createElement(CheckCircleRounded2),
-        error: React48.createElement(ErrorRounded2),
-        warning: React48.createElement(WarningRounded2),
-        info: React48.createElement(InfoRounded2)
+        success: React49.createElement(CheckCircleRounded2),
+        error: React49.createElement(ErrorRounded2),
+        warning: React49.createElement(WarningRounded2),
+        info: React49.createElement(InfoRounded2)
       }
     },
     variants: [
@@ -7530,6 +7566,7 @@ export {
   MultiSelect,
   PageHeader,
   SCActivityCalendar,
+  SCAlert,
   SCAppBar,
   SCAutocomplete,
   SCCalendarSwipeable,