componentes-sinco 1.0.39 → 1.0.40

package/dist/index.cjs

@@ -104,6 +104,7 @@ __export(index_exports, {
   SCMenu: () => SCMenu,
   SCModal: () => SCModal,
   SCSelect: () => SCSelect,
+  SCSnackBar: () => SCSnackBar,
   SCTabs: () => SCTabs,
   SCTextArea: () => SCTextArea,
   SCTextField: () => SCTextField,
@@ -5346,11 +5347,55 @@ var AttachmentMobile = ({
   ));
 };
 
+// src/Components/SCSnackbar.tsx
+var import_react53 = __toESM(require("react"), 1);
+var import_Alert = __toESM(require("@mui/material/Alert"), 1);
+var import_es4 = require("dayjs/locale/es");
+var import_Button = __toESM(require("@mui/material/Button"), 1);
+var import_Snackbar = __toESM(require("@mui/material/Snackbar"), 1);
+var SCSnackBar = ({
+  type = "success",
+  close = true,
+  openState,
+  setOpenState,
+  mensaje,
+  duration = 3e3,
+  position = "Center"
+}) => {
+  const posicionVertical = position == "Center" ? "bottom" : position.split("-")[1] == "Up" ? "top" : "bottom";
+  const posicionHorizontal = position == "Center" ? "center" : position.split("-")[0] == "Left" ? "left" : "right";
+  const handleClick = () => {
+    setOpenState(true);
+  };
+  const handleClose = (event2, reason) => {
+    if (reason === "clickaway") {
+      return;
+    }
+    setOpenState(false);
+  };
+  return /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement(import_Button.default, { onClick: handleClick }, "Open Snackbar"), /* @__PURE__ */ import_react53.default.createElement(
+    import_Snackbar.default,
+    __spreadValues({
+      anchorOrigin: { vertical: posicionVertical, horizontal: posicionHorizontal },
+      open: openState,
+      autoHideDuration: duration
+    }, close ? { onClose: handleClose } : {}),
+    /* @__PURE__ */ import_react53.default.createElement(
+      import_Alert.default,
+      __spreadProps(__spreadValues({}, close ? { onClose: handleClose } : {}), {
+        severity: type,
+        sx: { backgroundColor: type == "success" ? "success.50" : type == "error" ? "#F9E8E8" : type == "warning" ? "#FFF0E0" : "#E6F3F8" }
+      }),
+      mensaje
+    )
+  ));
+};
+
 // src/Theme/index.ts
 var import_styles3 = require("@mui/material/styles");
 
 // src/Theme/components.ts
-var import_react53 = __toESM(require("react"), 1);
+var import_react54 = __toESM(require("react"), 1);
 var import_icons_material14 = require("@mui/icons-material");
 var components = {
   MuiSelect: {
@@ -6048,10 +6093,10 @@ var components = {
   MuiAlert: {
     defaultProps: {
       iconMapping: {
-        success: import_react53.default.createElement(import_icons_material14.CheckCircleRounded),
-        error: import_react53.default.createElement(import_icons_material14.ErrorRounded),
-        warning: import_react53.default.createElement(import_icons_material14.WarningRounded),
-        info: import_react53.default.createElement(import_icons_material14.InfoRounded)
+        success: import_react54.default.createElement(import_icons_material14.CheckCircleRounded),
+        error: import_react54.default.createElement(import_icons_material14.ErrorRounded),
+        warning: import_react54.default.createElement(import_icons_material14.WarningRounded),
+        info: import_react54.default.createElement(import_icons_material14.InfoRounded)
       }
     },
     variants: [
@@ -7116,6 +7161,7 @@ var ADCSincoTheme = (0, import_styles3.createTheme)(__spreadValues({}, ADCTheme)
   SCMenu,
   SCModal,
   SCSelect,
+  SCSnackBar,
   SCTabs,
   SCTextArea,
   SCTextField,