@carto/meridian-ds 2.5.2 → 2.5.3-alpha-structure.2

package/dist/{Link-CrGCrul0.cjs → Alert-BdmDjcVc.cjs}

@@ -1,138 +1,11 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const TablePaginationActions = require("./TablePaginationActions-DAMGtIub.cjs");
-const material = require("@mui/material");
 const React = require("react");
+const material = require("@mui/material");
 const reactIntl = require("react-intl");
 const iconsMaterial = require("@mui/icons-material");
+const TablePaginationActions = require("./TablePaginationActions-DAMGtIub.cjs");
 require("cartocolor");
-const StyledAlert = material.styled(material.Alert, {
-  shouldForwardProp: (prop) => ![
-    "isNeutral",
-    "content",
-    "hasCloseButton",
-    "hasAction",
-    "hasTitle",
-    "isSticky"
-  ].includes(prop)
-})(
-  ({
-    isNeutral,
-    content,
-    hasCloseButton,
-    hasAction,
-    hasTitle,
-    isSticky,
-    theme
-  }) => ({
-    columnGap: theme.spacing(1),
-    minHeight: theme.spacing(6),
-    ...hasAction && {
-      display: "grid",
-      gridTemplateAreas: content === "inline" || hasCloseButton ? `"icon message actions"` : `
-    "icon message"
-    "icon actions"
-    `,
-      gridTemplateColumns: hasCloseButton ? `${TablePaginationActions.ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${TablePaginationActions.ICON_SIZE_MEDIUM}`
-    },
-    ...isNeutral && {
-      backgroundColor: theme.palette.default.background,
-      color: theme.palette.text.primary
-    },
-    ...isSticky && {
-      borderRadius: 0
-    },
-    ".MuiAlert-message": {
-      flex: 1,
-      paddingTop: hasTitle ? theme.spacing(0.25) : theme.spacing(0.5),
-      "& a": {
-        color: theme.palette.primary.main,
-        textDecoration: "none",
-        "&:hover": {
-          textDecoration: "underline"
-        }
-      },
-      ...hasAction && {
-        gridArea: "message"
-      },
-      ...isNeutral && {
-        "& :not(.MuiAlertTitle-root)": {
-          color: theme.palette.text.secondary
-        },
-        a: {
-          color: `${theme.palette.primary.main} !important`
-        }
-      }
-    },
-    ".MuiAlert-icon": {
-      height: hasTitle ? theme.spacing(2.5) : theme.spacing(3),
-      marginRight: 0,
-      ...hasAction && {
-        gridArea: "icon"
-      },
-      ...isNeutral && {
-        color: theme.palette.text.primary
-      }
-    },
-    ".MuiAlert-action": {
-      alignItems: content === "inline" && !hasCloseButton ? "center" : "flex-start",
-      margin: content === "block" && !hasCloseButton ? theme.spacing(1.5, 0, 0.5) : 0,
-      marginLeft: content === "inline" || hasCloseButton ? "auto" : 0,
-      padding: 0,
-      ...hasAction && {
-        gridArea: "actions"
-      },
-      ".MuiIconButton-root svg path": {
-        fill: hasCloseButton ? theme.palette.text.secondary : void 0
-      }
-    }
-  })
-);
-function _Alert({
-  title,
-  action,
-  severity = "neutral",
-  content = "inline",
-  variant = "standard",
-  children,
-  onClose,
-  open: controlledOpen,
-  isSticky,
-  ...otherProps
-}, ref) {
-  const [open, setOpen] = React.useState(controlledOpen ?? true);
-  const handleClose = onClose ? (ev) => {
-    onClose(ev);
-    setOpen(false);
-  } : void 0;
-  const isNeutral = severity === "neutral";
-  const isOpen = controlledOpen ?? open;
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Fade, { in: isOpen, appear: false, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    StyledAlert,
-    {
-      ref,
-      severity: isNeutral ? "info" : severity,
-      isNeutral,
-      content,
-      action,
-      onClose: handleClose,
-      hasCloseButton: Boolean(onClose),
-      hasAction: Boolean(action),
-      hasTitle: Boolean(title),
-      isSticky,
-      variant,
-      "data-name": "alert",
-      "data-sticky": isSticky,
-      "data-content": content,
-      ...otherProps,
-      children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx(material.AlertTitle, { children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", color: "inherit", component: "div", children })
-      ]
-    }
-  ) });
-}
-const Alert = React.forwardRef(_Alert);
 const ScreenReaderOnly = material.styled("span")(() => ({
   position: "absolute",
   width: 1,
@@ -296,6 +169,133 @@ function _Link({
   );
 }
 const Link = React.forwardRef(_Link);
+const StyledAlert = material.styled(material.Alert, {
+  shouldForwardProp: (prop) => ![
+    "isNeutral",
+    "content",
+    "hasCloseButton",
+    "hasAction",
+    "hasTitle",
+    "isSticky"
+  ].includes(prop)
+})(
+  ({
+    isNeutral,
+    content,
+    hasCloseButton,
+    hasAction,
+    hasTitle,
+    isSticky,
+    theme
+  }) => ({
+    columnGap: theme.spacing(1),
+    minHeight: theme.spacing(6),
+    ...hasAction && {
+      display: "grid",
+      gridTemplateAreas: content === "inline" || hasCloseButton ? `"icon message actions"` : `
+    "icon message"
+    "icon actions"
+    `,
+      gridTemplateColumns: hasCloseButton ? `${TablePaginationActions.ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${TablePaginationActions.ICON_SIZE_MEDIUM}`
+    },
+    ...isNeutral && {
+      backgroundColor: theme.palette.default.background,
+      color: theme.palette.text.primary
+    },
+    ...isSticky && {
+      borderRadius: 0
+    },
+    ".MuiAlert-message": {
+      flex: 1,
+      paddingTop: hasTitle ? theme.spacing(0.25) : theme.spacing(0.5),
+      "& a": {
+        color: theme.palette.primary.main,
+        textDecoration: "none",
+        "&:hover": {
+          textDecoration: "underline"
+        }
+      },
+      ...hasAction && {
+        gridArea: "message"
+      },
+      ...isNeutral && {
+        "& :not(.MuiAlertTitle-root)": {
+          color: theme.palette.text.secondary
+        },
+        a: {
+          color: `${theme.palette.primary.main} !important`
+        }
+      }
+    },
+    ".MuiAlert-icon": {
+      height: hasTitle ? theme.spacing(2.5) : theme.spacing(3),
+      marginRight: 0,
+      ...hasAction && {
+        gridArea: "icon"
+      },
+      ...isNeutral && {
+        color: theme.palette.text.primary
+      }
+    },
+    ".MuiAlert-action": {
+      alignItems: content === "inline" && !hasCloseButton ? "center" : "flex-start",
+      margin: content === "block" && !hasCloseButton ? theme.spacing(1.5, 0, 0.5) : 0,
+      marginLeft: content === "inline" || hasCloseButton ? "auto" : 0,
+      padding: 0,
+      ...hasAction && {
+        gridArea: "actions"
+      },
+      ".MuiIconButton-root svg path": {
+        fill: hasCloseButton ? theme.palette.text.secondary : void 0
+      }
+    }
+  })
+);
+function _Alert({
+  title,
+  action,
+  severity = "neutral",
+  content = "inline",
+  variant = "standard",
+  children,
+  onClose,
+  open: controlledOpen,
+  isSticky,
+  ...otherProps
+}, ref) {
+  const [open, setOpen] = React.useState(controlledOpen ?? true);
+  const handleClose = onClose ? (ev) => {
+    onClose(ev);
+    setOpen(false);
+  } : void 0;
+  const isNeutral = severity === "neutral";
+  const isOpen = controlledOpen ?? open;
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Fade, { in: isOpen, appear: false, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    StyledAlert,
+    {
+      ref,
+      severity: isNeutral ? "info" : severity,
+      isNeutral,
+      content,
+      action,
+      onClose: handleClose,
+      hasCloseButton: Boolean(onClose),
+      hasAction: Boolean(action),
+      hasTitle: Boolean(title),
+      isSticky,
+      variant,
+      "data-name": "alert",
+      "data-sticky": isSticky,
+      "data-content": content,
+      ...otherProps,
+      children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx(material.AlertTitle, { children: title }),
+        /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", color: "inherit", component: "div", children })
+      ]
+    }
+  ) });
+}
+const Alert = React.forwardRef(_Alert);
 exports.Alert = Alert;
 exports.IconButton = IconButton;
 exports.Link = Link;