componentes-sinco 1.1.22 → 1.1.24

package/dist/index.d.cts

@@ -715,14 +715,28 @@ interface SCDatePickerProps {
     required?: boolean;
     disabled?: boolean;
     background?: string;
-    state: Dayjs | null;
-    setState: (value: Dayjs | null) => void;
+    state: Dayjs;
+    setState: (value: Dayjs) => void;
+    width?: string;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
+}
+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 SCDatePicker: ({ label, required, disabled, background, state, setState, width }: SCDatePickerProps) => React__default.JSX.Element;
+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

@@ -715,14 +715,28 @@ interface SCDatePickerProps {
     required?: boolean;
     disabled?: boolean;
     background?: string;
-    state: Dayjs | null;
-    setState: (value: Dayjs | null) => void;
+    state: Dayjs;
+    setState: (value: Dayjs) => void;
+    width?: string;
+    minDate?: Dayjs;
+    maxDate?: Dayjs;
+}
+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 SCDatePicker: ({ label, required, disabled, background, state, setState, width }: SCDatePickerProps) => React__default.JSX.Element;
+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

@@ -1572,7 +1572,10 @@ var SCTextArea = ({
           setState(e.target.value.substring(0, maxLength));
         }
       },
-      autoComplete: "off"
+      autoComplete: "off",
+      InputLabelProps: {
+        shrink: true
+      }
     }
   )), /* @__PURE__ */ React9.createElement(Stack4, null, /* @__PURE__ */ React9.createElement(
     Typography5,
@@ -3065,6 +3068,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
   const [pageSize, setPageSize] = useState13(rows);
   const [arrayRows, setArrayRows] = useState13([]);
   const [selectionModel, setSelectionModel] = useState13([]);
+  debugger;
   useEffect13(() => {
     var _a;
     if (setSelectedRow) {
@@ -3236,8 +3240,8 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
           "maxHeight": "0px !important"
         },
         "& .MuiDataGrid-cell": {
-          //padding: '0 !important', //padding de cada celda
-          background: "white"
+          padding: groupColumns != void 0 ? "0px !important" : "0px 10px !important",
+          backgroundColor: "white"
         },
         // Fila seleccionada (cuando selectionModel selecciona filas)
         "& .MuiDataGrid-row.Mui-selected .MuiDataGrid-cell": {
@@ -4008,12 +4012,13 @@ var isToday = (date) => {
   return date.isSame(dayjs3(), "day");
 };
 var stateColors = {
-  Asignada: "warning.main",
-  Finalizado: "primary.main",
-  Vencida: "error.main",
-  EnProgreso: "success.main",
-  Aplazada: "grey.400",
-  Generada: "secondary.main"
+  Asignada: "warning.200",
+  Generada: "default.main",
+  EnProgreso: "primary.200",
+  Aplazada: "secondary.A400",
+  Vencida: "error.200",
+  Finalizada: "success.200"
+  //#FCE4C0
 };
 
 // src/Components/Calendario/Event.tsx
@@ -4311,7 +4316,7 @@ var MonthView = ({ events, isLoading, onDayClick, onMoreClick, currentDate, onEv
         {
           key: `${event2.id}-${day.toString()}`,
           event: event2,
-          color: stateColors[event2.state],
+          color: stateColors[event2.state == "En progreso" ? "EnProgreso" : event2.state],
           onClick: () => onEventClick == null ? void 0 : onEventClick(event2, day),
           onHover: onEventHover
         }
@@ -5115,10 +5120,10 @@ var SCActivityCalendar = ({
             key: idx,
             options: [{
               title: event2.activityDescription,
-              subtitle: /* @__PURE__ */ React42.createElement(React42.Fragment, null, configRangeHour && new Date(event2.date.replace("00:00:00", event2.startTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getHours() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getHours() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[1])).getHours() && new Date(event2.date.replace("00:00:00", event2.startTime)).getMinutes() === new Date(event2.date.replace("00:00:00", configRangeHour.split("-")[0])).getMinutes() && new Date(event2.date.replace("00:00:00", event2.finalTime)).getMinutes() === new Date(event2.date.replace("00:00:00", 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
@@ -5706,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,
     {
@@ -5715,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%",
@@ -5762,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,
@@ -6470,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: [
@@ -7525,6 +7566,7 @@ export {
   MultiSelect,
   PageHeader,
   SCActivityCalendar,
+  SCAlert,
   SCAppBar,
   SCAutocomplete,
   SCCalendarSwipeable,