componentes-sinco 1.1.22 → 1.1.24

package/dist/index.cjs

@@ -92,6 +92,7 @@ __export(index_exports, {
   MultiSelect: () => MultiSelect,
   PageHeader: () => PageHeader,
   SCActivityCalendar: () => SCActivityCalendar,
+  SCAlert: () => SCAlert,
   SCAppBar: () => SCAppBar,
   SCAutocomplete: () => SCAutocomplete,
   SCCalendarSwipeable: () => SCCalendarSwipeable,
@@ -1654,7 +1655,10 @@ var SCTextArea = ({
           setState(e.target.value.substring(0, maxLength));
         }
       },
-      autoComplete: "off"
+      autoComplete: "off",
+      InputLabelProps: {
+        shrink: true
+      }
     }
   )), /* @__PURE__ */ import_react13.default.createElement(import_material7.Stack, null, /* @__PURE__ */ import_react13.default.createElement(
     import_material7.Typography,
@@ -3147,6 +3151,7 @@ function SCDataGridInitial({ data, columns, getRowId, groupColumns, rowsTable, r
   const [pageSize, setPageSize] = (0, import_react27.useState)(rows);
   const [arrayRows, setArrayRows] = (0, import_react27.useState)([]);
   const [selectionModel, setSelectionModel] = (0, import_react27.useState)([]);
+  debugger;
   (0, import_react27.useEffect)(() => {
     var _a;
     if (setSelectedRow) {
@@ -3318,8 +3323,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": {
@@ -4090,12 +4095,13 @@ var isToday = (date) => {
   return date.isSame((0, import_dayjs3.default)(), "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
@@ -4393,7 +4399,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
         }
@@ -5197,10 +5203,10 @@ var SCActivityCalendar = ({
             key: idx,
             options: [{
               title: event2.activityDescription,
-              subtitle: /* @__PURE__ */ import_react50.default.createElement(import_react50.default.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__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, null, "Todo el dia"), /* @__PURE__ */ import_react50.default.createElement(import_LightModeOutlined.default, { fontSize: "small" })) : /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, null, new Date(event2.date.replace("00:00:00", event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ import_react50.default.createElement(import_ArrowForward.default, { fontSize: "small" }), /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, null, new Date(event2.date.replace("00:00:00", event2.finalTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })))),
+              subtitle: /* @__PURE__ */ import_react50.default.createElement(import_react50.default.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__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { variant: "body2" }, "Todo el dia"), /* @__PURE__ */ import_react50.default.createElement(import_LightModeOutlined.default, { fontSize: "small" })) : /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { variant: "body2" }, (/* @__PURE__ */ new Date(event2.date + "T" + event2.startTime)).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", hour12: true })), /* @__PURE__ */ import_react50.default.createElement(import_ArrowForward.default, { fontSize: "small" }), /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { 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__ */ import_react50.default.createElement(import_react50.default.Fragment, null, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ import_react50.default.createElement(import_react50.default.Fragment, null, /* @__PURE__ */ import_react50.default.createElement(import_material34.Badge, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, null, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null),
+              description: /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { display: "flex", flexDirection: "column", alignItems: "flex-start" }, event2.state === "Aplazada" || event2.state === "En progreso" || event2.state === "Auto asignada" ? /* @__PURE__ */ import_react50.default.createElement(import_Grid9.default, { display: "flex", flexDirection: "row", alignItems: "center", gap: 0.5, sx: { marginLeft: "7px" } }, /* @__PURE__ */ import_react50.default.createElement(import_material34.Badge, { variant: "dot", badgeContent: "", sx: { display: "flex", alignItems: "center", "& .MuiBadge-badge": { top: "50%", transform: "translateY(-50%)" }, color: "action" } }), /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { variant: "body2" }, event2.state == "Auto asignada" ? "Adicional" : event2.state)) : null, /* @__PURE__ */ import_react50.default.createElement(import_material34.Typography, { 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
@@ -5788,7 +5794,7 @@ var import_es7 = require("dayjs/locale/es");
 var import_LocalizationProvider5 = require("@mui/x-date-pickers/LocalizationProvider");
 var import_AdapterDayjs3 = require("@mui/x-date-pickers/AdapterDayjs");
 var import_InsertInvitationOutlined = __toESM(require("@mui/icons-material/InsertInvitationOutlined"), 1);
-var SCDatePicker = ({ label, required, disabled, background, state, setState, width }) => {
+var SCDatePicker = ({ label, required, disabled, background, state, setState, width, minDate, maxDate }) => {
   return /* @__PURE__ */ import_react55.default.createElement(import_LocalizationProvider5.LocalizationProvider, { dateAdapter: import_AdapterDayjs3.AdapterDayjs, adapterLocale: "es" }, /* @__PURE__ */ import_react55.default.createElement(
     import_DatePicker.DatePicker,
     {
@@ -5797,21 +5803,21 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
       value: state,
       onChange: (value) => {
         if (value && import_dayjs11.default.isDayjs(value) && value.isValid()) {
-          const minDate = (0, import_dayjs11.default)("2015-01-01");
-          const maxDate = (0, import_dayjs11.default)().add(3, "month");
-          if (value.isBefore(minDate, "day")) {
+          const minDate2 = (0, import_dayjs11.default)("2015-01-01");
+          const maxDate2 = (0, import_dayjs11.default)().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: (0, import_dayjs11.default)("2015-01-01"),
-      maxDate: (0, import_dayjs11.default)().add(3, "month"),
+      minDate: minDate != null ? minDate : (0, import_dayjs11.default)("2015-01-01"),
+      maxDate: maxDate != null ? maxDate : (0, import_dayjs11.default)().add(3, "month"),
       sx: {
         minWidth: 120,
         width: width || "100%",
@@ -5844,11 +5850,47 @@ var SCDatePicker = ({ label, required, disabled, background, state, setState, wi
   ));
 };
 
+// src/Components/SCAlert.tsx
+var import_react56 = __toESM(require("react"), 1);
+var import_material38 = require("@mui/material");
+var SCAlert = ({
+  title,
+  subtitle,
+  severity = "success",
+  variant = "standard",
+  width,
+  close = true,
+  openState,
+  setOpenState
+}) => {
+  const handleClose = (event2) => {
+    setOpenState(false);
+  };
+  return /* @__PURE__ */ import_react56.default.createElement(import_react56.default.Fragment, null, openState && /* @__PURE__ */ import_react56.default.createElement(
+    import_material38.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__ */ import_react56.default.createElement(import_material38.AlertTitle, null, title),
+    subtitle ? /* @__PURE__ */ import_react56.default.createElement(import_material38.Typography, { variant: "body3" }, subtitle) : null
+  ));
+};
+
 // src/Theme/index.ts
 var import_styles3 = require("@mui/material/styles");
 
 // src/Theme/components.ts
-var import_react56 = __toESM(require("react"), 1);
+var import_react57 = __toESM(require("react"), 1);
 var import_icons_material15 = require("@mui/icons-material");
 var components = {
   MuiSelect: {
@@ -6547,10 +6589,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: import_react56.default.createElement(import_icons_material15.CheckCircleRounded),
-        error: import_react56.default.createElement(import_icons_material15.ErrorRounded),
-        warning: import_react56.default.createElement(import_icons_material15.WarningRounded),
-        info: import_react56.default.createElement(import_icons_material15.InfoRounded)
+        success: import_react57.default.createElement(import_icons_material15.CheckCircleRounded),
+        error: import_react57.default.createElement(import_icons_material15.ErrorRounded),
+        warning: import_react57.default.createElement(import_icons_material15.WarningRounded),
+        info: import_react57.default.createElement(import_icons_material15.InfoRounded)
       }
     },
     variants: [
@@ -7603,6 +7645,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
   MultiSelect,
   PageHeader,
   SCActivityCalendar,
+  SCAlert,
   SCAppBar,
   SCAutocomplete,
   SCCalendarSwipeable,