componentes-sinco 1.0.8 → 1.0.9

package/dist/index.cjs

@@ -68,6 +68,7 @@ __export(src_exports, {
   PageHeader: () => PageHeader,
   SCAutocomplete: () => SCAutocomplete,
   SCCalendarSwipeable: () => SCCalendarSwipeable,
+  SCCard: () => SCCard,
   SCDataGrid: () => SCDataGrid,
   SCDataGridInitial: () => SCDataGridInitial,
   SCDateRange: () => SCDateRange,
@@ -2907,7 +2908,6 @@ var CalendarToolbar = ({
   };
   const getFormattedDate = () => {
     const sunday = labelDate.day(0);
-    const saturday = sunday.add(6, "day");
     if (view === "month") {
       const textMonth = labelDate.format("MMMM YYYY");
       return textMonth.charAt(0).toUpperCase() + textMonth.slice(1);
@@ -3042,7 +3042,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
           onMouseEnter: handlePopoverOpen,
           onMouseLeave: handlePopoverClose
         },
-        capitalize(event2.title)
+        event2.title.charAt(0).toUpperCase() + event2.title.slice(1).toLowerCase()
       ),
       /* @__PURE__ */ import_react25.default.createElement(
         import_material18.Popover,
@@ -3062,7 +3062,7 @@ var CalendarEventCard = ({ event: event2, color, sx, onClick, onHover }) => {
           onClose: handlePopoverClose,
           disableRestoreFocus: true
         },
-        onHover ? onHover(event2) : /* @__PURE__ */ import_react25.default.createElement(import_material18.Typography, null, "Sin contenido")
+        onHover ? onHover(event2) : " "
       )
     )
   );
@@ -3478,9 +3478,15 @@ var Calendar = ({
   const handleNavigate = (action) => {
     let newDate = currentDate;
     const unit = view === "month" ? "month" : "day";
-    if (action === "PREV") newDate = currentDate.subtract(1, unit);
-    else if (action === "NEXT") newDate = currentDate.add(1, unit);
-    else if (action === "TODAY") newDate = (0, import_dayjs7.default)();
+    if (action === "PREV") {
+      if (view === "day") newDate = currentDate.subtract(1, "day");
+      if (view === "week") newDate = currentDate.subtract(1, "week");
+      if (view === "month") newDate = currentDate.subtract(1, "month");
+    } else if (action === "NEXT") {
+      if (view === "day") newDate = currentDate.add(1, "day");
+      if (view === "week") newDate = currentDate.add(1, "week");
+      if (view === "month") newDate = currentDate.add(1, "month");
+    } else if (action === "TODAY") newDate = (0, import_dayjs7.default)();
     setCurrentDate(newDate);
   };
   return /* @__PURE__ */ import_react29.default.createElement(import_material22.Box, null, /* @__PURE__ */ import_react29.default.createElement(
@@ -3684,11 +3690,88 @@ var SCTime = ({
   )));
 };
 
+// src/Components/SCCard.tsx
+var import_react31 = __toESM(require("react"), 1);
+var import_material24 = require("@mui/material");
+var import_IconButton = __toESM(require("@mui/material/IconButton"), 1);
+var import_Card = __toESM(require("@mui/material/Card"), 1);
+var import_CardHeader = __toESM(require("@mui/material/CardHeader"), 1);
+var import_CardMedia = __toESM(require("@mui/material/CardMedia"), 1);
+var import_CardContent = __toESM(require("@mui/material/CardContent"), 1);
+var import_CardActions = __toESM(require("@mui/material/CardActions"), 1);
+var import_Collapse = __toESM(require("@mui/material/Collapse"), 1);
+var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
+var Muicon8 = __toESM(require("@mui/icons-material"), 1);
+var SCCard = ({ title, image, iconTitle, actionsTitle, subtitle, content, actions, expand }) => {
+  let iconTitleValidation = "";
+  let IconTitle;
+  const [expanded, setExpanded] = import_react31.default.useState(false);
+  if (iconTitle) {
+    if (Muicon8[iconTitle] == void 0) {
+      if (iconTitle && import_react31.default.isValidElement(iconTitle) && iconTitle.type == void 0) {
+        iconTitleValidation = "image";
+        IconTitle = iconTitle;
+      } else {
+        iconTitleValidation = "icon";
+        IconTitle = iconTitle;
+      }
+    } else {
+      iconTitleValidation = "icon";
+      IconTitle = Muicon8[iconTitle];
+    }
+  }
+  const handleExpandClick = () => {
+    setExpanded(!expanded);
+  };
+  return /* @__PURE__ */ import_react31.default.createElement(import_Card.default, { sx: { maxWidth: 345 } }, title && /* @__PURE__ */ import_react31.default.createElement(
+    import_CardHeader.default,
+    {
+      avatar: iconTitle ? iconTitleValidation === "image" ? /* @__PURE__ */ import_react31.default.createElement(import_material24.Box, { sx: { marginRight: "16px", width: "44px", height: "44px", borderRadius: "1px" } }, /* @__PURE__ */ import_react31.default.createElement("img", { src: IconTitle, width: "44px", height: "44px" })) : /* @__PURE__ */ import_react31.default.createElement(import_material24.SvgIcon, { color: "action", fontSize: "small", component: IconTitle, sx: { marginRight: "16px" } }) : void 0,
+      action: (expand == null ? void 0 : expand.position) == "top" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ import_react31.default.createElement(import_material24.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react31.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" }, size: "small" }, /* @__PURE__ */ import_react31.default.createElement(import_ExpandMore.default, { fontSize: "small" })) : actionsTitle,
+      title,
+      subheader: subtitle,
+      sx: {
+        "& .MuiCardHeader-title": {
+          fontSize: "14px",
+          color: "text.primary"
+        },
+        "& .MuiCardHeader-subheader": {
+          fontSize: "13px",
+          color: "text.secondary"
+        },
+        "& .MuiCardHeader-action": {
+          height: "40px !important",
+          display: "flex",
+          alignItems: "center"
+        }
+      }
+    }
+  ), image && /* @__PURE__ */ import_react31.default.createElement(
+    import_CardMedia.default,
+    {
+      component: "img",
+      height: "194",
+      image
+    }
+  ), content && /* @__PURE__ */ import_react31.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, content), ((expand == null ? void 0 : expand.position) == "bottom" || actions != void 0) && /* @__PURE__ */ import_react31.default.createElement(import_CardActions.default, { disableSpacing: true, sx: { justifyContent: "flex-end" } }, (expand == null ? void 0 : expand.position) === "bottom" ? (expand == null ? void 0 : expand.type) === "text" ? /* @__PURE__ */ import_react31.default.createElement(import_material24.Button, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, "Expandir") : (expand == null ? void 0 : expand.type) === "icon" && /* @__PURE__ */ import_react31.default.createElement(import_IconButton.default, { onClick: handleExpandClick, sx: { marginRight: "auto" } }, /* @__PURE__ */ import_react31.default.createElement(import_ExpandMore.default, null)) : null, actions && actions.length > 0 ? actions.map((action, index) => /* @__PURE__ */ import_react31.default.createElement(
+    import_material24.Button,
+    {
+      key: index,
+      size: "small",
+      color: action.color || "primary",
+      variant: action.variant || "text",
+      onClick: action.fn,
+      disabled: action.disabled || false
+    },
+    action.text
+  )) : ""), expand && /* @__PURE__ */ import_react31.default.createElement(import_Collapse.default, { in: expanded, timeout: "auto", unmountOnExit: true }, /* @__PURE__ */ import_react31.default.createElement(import_CardContent.default, { sx: { padding: "8px 16px !important" } }, expand.content)));
+};
+
 // src/Theme/index.ts
 var import_styles3 = require("@mui/material/styles");
 
 // src/Theme/components.ts
-var import_react31 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"), 1);
 var import_icons_material11 = require("@mui/icons-material");
 var components = {
   MuiSelect: {
@@ -4386,10 +4469,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: import_react31.default.createElement(import_icons_material11.CheckCircleRounded),
-        error: import_react31.default.createElement(import_icons_material11.ErrorRounded),
-        warning: import_react31.default.createElement(import_icons_material11.WarningRounded),
-        info: import_react31.default.createElement(import_icons_material11.InfoRounded)
+        success: import_react32.default.createElement(import_icons_material11.CheckCircleRounded),
+        error: import_react32.default.createElement(import_icons_material11.ErrorRounded),
+        warning: import_react32.default.createElement(import_icons_material11.WarningRounded),
+        info: import_react32.default.createElement(import_icons_material11.InfoRounded)
       }
     },
     variants: [
@@ -5438,6 +5521,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
   PageHeader,
   SCAutocomplete,
   SCCalendarSwipeable,
+  SCCard,
   SCDataGrid,
   SCDataGridInitial,
   SCDateRange,