@carto/meridian-ds 1.4.4-alpha-others.1 → 1.4.4-alpha-icons-shapes.2

package/CHANGELOG.md

@@ -2,10 +2,20 @@
 
 ## Unreleased
 
-- New CopiableComponent component [#187](https://github.com/CartoDB/meridian-ds/pull/187)
+- Fix Icon shapes size [#194](https://github.com/CartoDB/meridian-ds/pull/194)
 
 ## 1.0
 
+### 1.4.4
+
+- feat(widgets): Pie&Category widget acceps otherValues prop [#186](https://github.com/CartoDB/meridian-ds/pull/186)
+- TimeSeriesWidgetUI: handle empty categories [#195](https://github.com/CartoDB/meridian-ds/pull/195)
+- New CodeAreaField & CodeAreaDialog components [#175](https://github.com/CartoDB/meridian-ds/pull/175)
+- New CopiableComponent component [#187](https://github.com/CartoDB/meridian-ds/pull/187)
+- Expose OrderTypes enum in widgets [#192](https://github.com/CartoDB/meridian-ds/pull/192)
+- Disable minification in published builds [#190](https://github.com/CartoDB/meridian-ds/pull/190)
+- Fix issue with Category Widget not holding all selected values [#198](https://github.com/CartoDB/meridian-ds/pull/198)
+
 ### 1.4.3
 
 - Fix: MultipleSelectField: select all filter is not working [#183](https://github.com/CartoDB/meridian-ds/pull/183)

package/dist/Alert-D8jI1sG4.js

@@ -0,0 +1,134 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { b as ICON_SIZE_MEDIUM, T as Typography } from "./TablePaginationActions-KpTvhN4Y.js";
+import { styled, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
+import { forwardRef, useState } from "react";
+const StyledAlert = styled(Alert$1, {
+  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 ? `${ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${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] = useState(controlledOpen ?? true);
+  const handleClose = onClose ? (ev) => {
+    onClose(ev);
+    setOpen(false);
+  } : void 0;
+  const isNeutral = severity === "neutral";
+  const isOpen = controlledOpen ?? open;
+  return /* @__PURE__ */ jsx(Fade, { in: isOpen, appear: false, children: /* @__PURE__ */ 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__ */ jsx(AlertTitle, { children: title }),
+        /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "inherit", component: "div", children })
+      ]
+    }
+  ) });
+}
+const Alert = forwardRef(_Alert);
+export {
+  Alert as A
+};

package/dist/Alert-zqtoWsBL.cjs

@@ -0,0 +1,133 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const TablePaginationActions = require("./TablePaginationActions-CFGXm44W.cjs");
+const material = require("@mui/material");
+const React = require("react");
+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;

package/dist/ArrowDown-8fLj23Ge.cjs

@@ -0,0 +1,31 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const utils = require("@mui/material/utils");
+const Icon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M12 12.17 8.83 9l-1.41 1.41L12 15l4.59-4.59L15.17 9z",
+    clipRule: "evenodd"
+  }
+) });
+const BaseSvgIcon = utils.createSvgIcon(Icon(), "ArrowDown");
+function ArrowDown({ width, height, sx, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseSvgIcon,
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      sx: {
+        width,
+        height: height || width,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+const ArrowDown$1 = React.forwardRef(ArrowDown);
+exports.ArrowDown = ArrowDown$1;

package/dist/ArrowDown-CY_wMVJT.js

@@ -0,0 +1,32 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { createSvgIcon } from "@mui/material/utils";
+const Icon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M12 12.17 8.83 9l-1.41 1.41L12 15l4.59-4.59L15.17 9z",
+    clipRule: "evenodd"
+  }
+) });
+const BaseSvgIcon = createSvgIcon(Icon(), "ArrowDown");
+function ArrowDown({ width, height, sx, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseSvgIcon,
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      sx: {
+        width,
+        height: height || width,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+const ArrowDown$1 = forwardRef(ArrowDown);
+export {
+  ArrowDown$1 as A
+};

package/dist/MenuItem-Br2jY2lt.cjs

@@ -0,0 +1,164 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const StyledMenuItem = material.styled(material.MenuItem, {
+  shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
+    prop
+  )
+})(
+  ({
+    theme,
+    dense,
+    subtitle,
+    destructive,
+    extended,
+    fixed,
+    iconColor = "primary"
+  }) => ({
+    ...subtitle && {
+      pointerEvents: "none",
+      columnGap: 0,
+      ...theme.typography.caption,
+      fontWeight: 500,
+      color: theme.palette.text.secondary,
+      ".MuiListItemText-root .MuiTypography-root": {
+        ...theme.typography.caption,
+        fontWeight: 500,
+        color: theme.palette.text.secondary
+      },
+      "&.MuiMenuItem-root": {
+        minHeight: theme.spacing(3),
+        paddingTop: 0,
+        paddingBottom: 0,
+        marginTop: theme.spacing(1),
+        "&:not(:first-of-type)": {
+          marginTop: theme.spacing(2),
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            top: theme.spacing(-1),
+            left: 0,
+            right: 0,
+            height: 1,
+            backgroundColor: theme.palette.divider
+          }
+        }
+      }
+    },
+    ...iconColor === "primary" && {
+      ".MuiListItemIcon-root svg path": {
+        fill: theme.palette.text.primary
+      },
+      "&.Mui-selected .MuiListItemIcon-root svg path": {
+        fill: theme.palette.primary.main
+      },
+      '.MuiAutocomplete-listbox &[aria-selected="true"] svg path': {
+        fill: theme.palette.primary.main
+      }
+    },
+    ...destructive && {
+      color: theme.palette.error.main,
+      ".MuiTypography-root": {
+        color: theme.palette.error.main
+      },
+      "svg, & .MuiSvgIcon-root": {
+        color: theme.palette.error.main
+      },
+      ".MuiListItemIcon-root svg path": {
+        fill: theme.palette.error.main
+      },
+      "&.Mui-selected .MuiListItemIcon-root svg path": {
+        fill: theme.palette.error.main
+      },
+      "&:hover": {
+        backgroundColor: theme.palette.error.relatedLight
+      },
+      "&.Mui-selected": {
+        color: theme.palette.error.main,
+        ".MuiTypography-root": {
+          color: theme.palette.error.main
+        },
+        "svg, & .MuiSvgIcon-root": {
+          color: theme.palette.error.main
+        }
+      },
+      "&.Mui-disabled": {
+        color: theme.palette.text.disabled,
+        ".MuiTypography-root": {
+          color: theme.palette.text.disabled
+        },
+        svg: {
+          color: theme.palette.text.disabled
+        }
+      }
+    },
+    ...extended && {
+      "&.MuiButtonBase-root.MuiMenuItem-root": {
+        minHeight: theme.spacing(6)
+      }
+    },
+    ...fixed && {
+      "&.MuiMenuItem-root": {
+        position: "sticky",
+        top: 0,
+        left: 0,
+        bottom: 0,
+        right: 0,
+        zIndex: 2,
+        minHeight: theme.spacing(6),
+        marginBottom: theme.spacing(1),
+        padding: theme.spacing(0.5, 1.5),
+        backgroundColor: `${theme.palette.background.paper} !important`,
+        borderBottom: `1px solid ${theme.palette.divider}`
+      },
+      ".MuiAutocomplete-listbox &.MuiAutocomplete-option:first-of-type": {
+        minHeight: theme.spacing(6),
+        marginTop: 0,
+        "&:hover": {
+          backgroundColor: theme.palette.background.paper
+        }
+      }
+    },
+    ...!fixed && {
+      ".MuiList-root &:first-of-type": {
+        marginTop: theme.spacing(1)
+      }
+    },
+    ...dense && {
+      "&.MuiButtonBase-root.MuiMenuItem-root": {
+        minHeight: theme.spacing(3),
+        padding: theme.spacing(0.25, 1.5)
+      }
+    }
+  })
+);
+function _MenuItem({
+  disabled,
+  subtitle,
+  destructive,
+  extended,
+  fixed,
+  iconColor = "primary",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    StyledMenuItem,
+    {
+      "data-name": "menu-item",
+      ...props,
+      ref,
+      disabled: disabled || subtitle,
+      subtitle,
+      destructive,
+      extended,
+      fixed,
+      color: iconColor,
+      "data-destructive": destructive,
+      "data-extended": extended,
+      "data-fixed": fixed
+    }
+  );
+}
+const MenuItem = React.forwardRef(_MenuItem);
+exports.MenuItem = MenuItem;

package/dist/MenuItem-CXnnE5lK.js

@@ -0,0 +1,165 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { styled, MenuItem as MenuItem$1 } from "@mui/material";
+const StyledMenuItem = styled(MenuItem$1, {
+  shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
+    prop
+  )
+})(
+  ({
+    theme,
+    dense,
+    subtitle,
+    destructive,
+    extended,
+    fixed,
+    iconColor = "primary"
+  }) => ({
+    ...subtitle && {
+      pointerEvents: "none",
+      columnGap: 0,
+      ...theme.typography.caption,
+      fontWeight: 500,
+      color: theme.palette.text.secondary,
+      ".MuiListItemText-root .MuiTypography-root": {
+        ...theme.typography.caption,
+        fontWeight: 500,
+        color: theme.palette.text.secondary
+      },
+      "&.MuiMenuItem-root": {
+        minHeight: theme.spacing(3),
+        paddingTop: 0,
+        paddingBottom: 0,
+        marginTop: theme.spacing(1),
+        "&:not(:first-of-type)": {
+          marginTop: theme.spacing(2),
+          "&::before": {
+            content: '""',
+            position: "absolute",
+            top: theme.spacing(-1),
+            left: 0,
+            right: 0,
+            height: 1,
+            backgroundColor: theme.palette.divider
+          }
+        }
+      }
+    },
+    ...iconColor === "primary" && {
+      ".MuiListItemIcon-root svg path": {
+        fill: theme.palette.text.primary
+      },
+      "&.Mui-selected .MuiListItemIcon-root svg path": {
+        fill: theme.palette.primary.main
+      },
+      '.MuiAutocomplete-listbox &[aria-selected="true"] svg path': {
+        fill: theme.palette.primary.main
+      }
+    },
+    ...destructive && {
+      color: theme.palette.error.main,
+      ".MuiTypography-root": {
+        color: theme.palette.error.main
+      },
+      "svg, & .MuiSvgIcon-root": {
+        color: theme.palette.error.main
+      },
+      ".MuiListItemIcon-root svg path": {
+        fill: theme.palette.error.main
+      },
+      "&.Mui-selected .MuiListItemIcon-root svg path": {
+        fill: theme.palette.error.main
+      },
+      "&:hover": {
+        backgroundColor: theme.palette.error.relatedLight
+      },
+      "&.Mui-selected": {
+        color: theme.palette.error.main,
+        ".MuiTypography-root": {
+          color: theme.palette.error.main
+        },
+        "svg, & .MuiSvgIcon-root": {
+          color: theme.palette.error.main
+        }
+      },
+      "&.Mui-disabled": {
+        color: theme.palette.text.disabled,
+        ".MuiTypography-root": {
+          color: theme.palette.text.disabled
+        },
+        svg: {
+          color: theme.palette.text.disabled
+        }
+      }
+    },
+    ...extended && {
+      "&.MuiButtonBase-root.MuiMenuItem-root": {
+        minHeight: theme.spacing(6)
+      }
+    },
+    ...fixed && {
+      "&.MuiMenuItem-root": {
+        position: "sticky",
+        top: 0,
+        left: 0,
+        bottom: 0,
+        right: 0,
+        zIndex: 2,
+        minHeight: theme.spacing(6),
+        marginBottom: theme.spacing(1),
+        padding: theme.spacing(0.5, 1.5),
+        backgroundColor: `${theme.palette.background.paper} !important`,
+        borderBottom: `1px solid ${theme.palette.divider}`
+      },
+      ".MuiAutocomplete-listbox &.MuiAutocomplete-option:first-of-type": {
+        minHeight: theme.spacing(6),
+        marginTop: 0,
+        "&:hover": {
+          backgroundColor: theme.palette.background.paper
+        }
+      }
+    },
+    ...!fixed && {
+      ".MuiList-root &:first-of-type": {
+        marginTop: theme.spacing(1)
+      }
+    },
+    ...dense && {
+      "&.MuiButtonBase-root.MuiMenuItem-root": {
+        minHeight: theme.spacing(3),
+        padding: theme.spacing(0.25, 1.5)
+      }
+    }
+  })
+);
+function _MenuItem({
+  disabled,
+  subtitle,
+  destructive,
+  extended,
+  fixed,
+  iconColor = "primary",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsx(
+    StyledMenuItem,
+    {
+      "data-name": "menu-item",
+      ...props,
+      ref,
+      disabled: disabled || subtitle,
+      subtitle,
+      destructive,
+      extended,
+      fixed,
+      color: iconColor,
+      "data-destructive": destructive,
+      "data-extended": extended,
+      "data-fixed": fixed
+    }
+  );
+}
+const MenuItem = forwardRef(_MenuItem);
+export {
+  MenuItem as M
+};