componentes-sinco 1.2.6 → 1.2.7

package/dist/index.cjs

@@ -3035,7 +3035,7 @@ var SCDateRange = ({
   setState
 }) => {
   import_x_license.LicenseInfo.setLicenseKey(
-    "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
+    "aa892a011e4c240f3cdaf811ecfff54fTz0xMjkyODQsRT0xODEwNDI1NTk5MDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
   );
   const isStartEmpty = required && !state[0];
   const isEndEmpty = required && !state[1];
@@ -3350,6 +3350,7 @@ function SCDrawer({
   chipFilters,
   heightDrawer = 456,
   filterSideCard,
+  type = "Drawer",
   onChipDelete
 }) {
   const drawerBleeding = heightDrawer;
@@ -3416,26 +3417,26 @@ function SCDrawer({
         onToggle: toggleDrawer(true)
       }
     )
-  ), anchor != "bottom" ? /* @__PURE__ */ import_react24.default.createElement(
+  ), type != "Swipeable" ? /* @__PURE__ */ import_react24.default.createElement(
     import_material18.Drawer,
     {
       open: drawerOpen,
-      onClose: filterSideCard ? void 0 : toggleDrawer(false),
+      onClose: type == "Sidecar" ? void 0 : toggleDrawer(false),
       anchor: anchor != null ? anchor : "left",
       sx: {
         "& .MuiDrawer-paper": {
-          width: filterSideCard ? "100%" : width != null ? width : "450px",
+          width: type == "Sidecar" ? "100%" : width != null ? width : "450px",
           boxSizing: "border-box",
           borderRadius: anchor !== "right" ? "0px 4px 4px 0px" : "4px 0px 0px 4px",
-          boxShadow: filterSideCard ? "none !important" : "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)"
+          boxShadow: type == "Sidecar" ? "none !important" : "0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)"
         },
         "&.MuiDrawer-root": {
-          boxShadow: filterSideCard ? "none !important" : "0px 3px 1px -2px rgba(24, 39, 75, 0.20),0px 2px 2px 0px rgba(24, 39, 75, 0.14),0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
+          boxShadow: type == "Sidecar" ? "none !important" : "0px 3px 1px -2px rgba(24, 39, 75, 0.20),0px 2px 2px 0px rgba(24, 39, 75, 0.14),0px 1px 5px 0px rgba(24, 39, 75, 0.12)"
         }
       },
       ModalProps: {
         keepMounted: true,
-        disablePortal: filterSideCard ? true : false,
+        disablePortal: type == "Sidecar" ? true : false,
         slotProps: {
           root: {
             style: {
@@ -4573,36 +4574,19 @@ var PageHeader = ({
 var import_react43 = __toESM(require("react"), 1);
 var import_material29 = require("@mui/material");
 var import_ExpandMore = __toESM(require("@mui/icons-material/ExpandMore"), 1);
-var import_ExpandLess = __toESM(require("@mui/icons-material/ExpandLess"), 1);
 var SCAccordion = ({
   title,
   actions,
   children
 }) => {
   const [open, setOpen] = (0, import_react43.useState)(false);
-  return /* @__PURE__ */ import_react43.default.createElement(
-    import_material29.Grid,
+  return /* @__PURE__ */ import_react43.default.createElement(import_react43.default.Fragment, null, /* @__PURE__ */ import_react43.default.createElement(import_material29.Accordion, null, /* @__PURE__ */ import_react43.default.createElement(
+    import_material29.AccordionSummary,
     {
-      flexDirection: "column",
-      sx: {
-        background: "white",
-        boxShadow: "0px 2px 4px 0px #18274B33",
-        padding: "0px 2px 0px 2px"
-      }
+      expandIcon: /* @__PURE__ */ import_react43.default.createElement(import_ExpandMore.default, { fontSize: "small", color: "action" })
     },
-    /* @__PURE__ */ import_react43.default.createElement(
-      import_material29.Grid,
-      {
-        container: true,
-        sx: { alignItems: "center", padding: "12px 16px 12px 16px", cursor: "pointer" },
-        justifyContent: "space-between",
-        onClick: () => setOpen((prev) => !prev)
-      },
-      /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { sx: { textAlign: "left" } }, /* @__PURE__ */ import_react43.default.createElement(import_material29.Typography, { noWrap: true, variant: "subtitle1", align: "left", color: "text.primary" }, title)),
-      /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, null, /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { container: true, justifyContent: "flex-end", alignItems: "center", gap: 1 }, actions, /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { color: "#3975ac", sx: { textAlign: "right" } }, open ? /* @__PURE__ */ import_react43.default.createElement(import_ExpandLess.default, { fontSize: "small", color: "action" }) : /* @__PURE__ */ import_react43.default.createElement(import_ExpandMore.default, { fontSize: "small", color: "action" }))))
-    ),
-    open && /* @__PURE__ */ import_react43.default.createElement(import_material29.Grid, { container: true, padding: "12px" }, children)
-  );
+    /* @__PURE__ */ import_react43.default.createElement(import_material29.Box, { sx: { display: "flex", alignItems: "center", justifyContent: "space-between", width: "100%" } }, typeof title === "string" ? /* @__PURE__ */ import_react43.default.createElement(import_material29.Typography, { noWrap: true, variant: "body1", color: "text.primary" }, title) : title, actions)
+  ), /* @__PURE__ */ import_react43.default.createElement(import_material29.AccordionDetails, { sx: { padding: "12px" } }, children)));
 };
 
 // src/Components/SCActivityCalendar.tsx
@@ -6131,7 +6115,7 @@ var SCTime = ({
   error = false
 }) => {
   import_x_license3.LicenseInfo.setLicenseKey(
-    "77d49a57fbc5f4af35ddb05c5f1742e0Tz0xMTI3MjgsRT0xNzc4MzcxMTk5MDAwLFM9cHJvLExNPXN1YnNjcmlwdGlvbixQVj1RMy0yMDI0LEtWPTI="
+    "aa892a011e4c240f3cdaf811ecfff54fTz0xMjkyODQsRT0xODEwNDI1NTk5MDAwLFM9cHJvLExNPWFubnVhbCxQVj1RMy0yMDI0LEtWPTI="
   );
   const isTimeEmpty = required && !state;
   const hasError = isTimeEmpty || error;