@carto/meridian-ds 1.4.8-alpha-external-link.5 → 1.5.0-alpha-virtual-autocomplete.1

package/CHANGELOG.md

@@ -2,13 +2,15 @@
 
 ## Unreleased
 
-- New Link components and Button with externalLink behavior [#202](https://github.com/CartoDB/meridian-ds/pull/202)
-- Fix tooltips in ChartLegend pagination buttons [201](https://github.com/CartoDB/meridian-ds/pull/201)
-- Add `SplitButton` [#212](https://github.com/CartoDB/meridian-ds/pull/212)
-- CodeArea: Add automatic text marking for markdown [#209](https://github.com/CartoDB/meridian-ds/pull/209)
+- Support VirtualizedList in Autocomplete components [#215](https://github.com/CartoDB/meridian-ds/pull/215)
 
 ## 1.0
 
+### 1.5.0
+
+- Add `SplitButton` [#212](https://github.com/CartoDB/meridian-ds/pull/212)
+- CodeArea: Add automatic text marking for markdown [#209](https://github.com/CartoDB/meridian-ds/pull/209)
+
 ### 1.4.8
 
 - Fix Category Widget Blanks [#210](https://github.com/CartoDB/meridian-ds/pull/210)

package/dist/{Alert-CmDToT57.cjs → Alert-BzEgeyQJ.cjs}

@@ -2,10 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const reactIntl = require("react-intl");
-const iconsMaterial = require("@mui/icons-material");
-const TablePaginationActions = require("./TablePaginationActions-CAmwcyTy.cjs");
-require("cartocolor");
+const TablePaginationActions = require("./TablePaginationActions-mbbjzV6Y.cjs");
 const Option = material.styled("div")(({ theme }) => ({
   position: "relative",
   display: "inline-flex",
@@ -64,73 +61,6 @@ function _IconButton({
   ) });
 }
 const IconButton = React.forwardRef(_IconButton);
-const StyledLink = material.styled(material.Link)(({ theme }) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  gap: theme.spacing(0.25)
-}));
-const Icon = material.styled(material.Box, {
-  shouldForwardProp: (prop) => prop !== "variant"
-})(({ variant }) => ({
-  display: "flex",
-  svg: {
-    // Size adapts to the text size, but make sure the icon size is at least 12px
-    fontSize: `max(1em, ${TablePaginationActions.ICON_SIZE_SMALL})`,
-    color: "inherit !important",
-    "> path": {
-      color: "inherit !important"
-    },
-    // Defined sizes in design specs
-    ...variant === "caption" && {
-      fontSize: TablePaginationActions.ICON_SIZE_SMALL
-    },
-    ...variant === "button" && {
-      fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
-    },
-    ...variant === "body2" && {
-      fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
-    },
-    ...variant === "body1" && {
-      fontSize: TablePaginationActions.ICON_SIZE_LARGE
-    }
-  }
-}));
-function _Link({
-  children,
-  variant,
-  startIcon,
-  endIcon,
-  color,
-  external,
-  showExternalIcon = true,
-  ...otherProps
-}, ref) {
-  const intl = reactIntl.useIntl();
-  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    StyledLink,
-    {
-      ...otherProps,
-      variant,
-      "data-color": color,
-      "data-name": "link",
-      role: "link",
-      color,
-      ref,
-      target: external ? "_blank" : void 0,
-      rel: external ? "noopener noreferrer" : void 0,
-      "aria-label": external ? `${children == null ? void 0 : children.toString()} (${intlConfig.formatMessage({
-        id: "c4r.button.opensInNewTab"
-      })})` : void 0,
-      children: [
-        startIcon && /* @__PURE__ */ jsxRuntime.jsx(Icon, { variant, children: startIcon }),
-        children,
-        (endIcon || external && showExternalIcon) && /* @__PURE__ */ jsxRuntime.jsx(Icon, { variant, children: endIcon || /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.OpenInNewOutlined, {}) })
-      ]
-    }
-  );
-}
-const Link = React.forwardRef(_Link);
 const StyledAlert = material.styled(material.Alert, {
   shouldForwardProp: (prop) => ![
     "isNeutral",
@@ -260,4 +190,3 @@ function _Alert({
 const Alert = React.forwardRef(_Alert);
 exports.Alert = Alert;
 exports.IconButton = IconButton;
-exports.Link = Link;

package/dist/{Alert-2L0Hy8lT.js → Alert-CnaTtNJd.js}

@@ -1,10 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState } from "react";
-import { styled, IconButton as IconButton$1, Tooltip, CircularProgress, Link as Link$1, Box, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
-import { useIntl } from "react-intl";
-import { OpenInNewOutlined } from "@mui/icons-material";
-import { c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, I as ICON_SIZE_LARGE, u as useImperativeIntl, T as Typography } from "./TablePaginationActions-b5wP_uRE.js";
-import "cartocolor";
+import { styled, IconButton as IconButton$1, Tooltip, CircularProgress, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
+import { b as ICON_SIZE_MEDIUM, T as Typography } from "./TablePaginationActions-Cz5Hbi6N.js";
 const Option = styled("div")(({ theme }) => ({
   position: "relative",
   display: "inline-flex",
@@ -63,73 +60,6 @@ function _IconButton({
   ) });
 }
 const IconButton = forwardRef(_IconButton);
-const StyledLink = styled(Link$1)(({ theme }) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  gap: theme.spacing(0.25)
-}));
-const Icon = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "variant"
-})(({ variant }) => ({
-  display: "flex",
-  svg: {
-    // Size adapts to the text size, but make sure the icon size is at least 12px
-    fontSize: `max(1em, ${ICON_SIZE_SMALL})`,
-    color: "inherit !important",
-    "> path": {
-      color: "inherit !important"
-    },
-    // Defined sizes in design specs
-    ...variant === "caption" && {
-      fontSize: ICON_SIZE_SMALL
-    },
-    ...variant === "button" && {
-      fontSize: ICON_SIZE_MEDIUM
-    },
-    ...variant === "body2" && {
-      fontSize: ICON_SIZE_MEDIUM
-    },
-    ...variant === "body1" && {
-      fontSize: ICON_SIZE_LARGE
-    }
-  }
-}));
-function _Link({
-  children,
-  variant,
-  startIcon,
-  endIcon,
-  color,
-  external,
-  showExternalIcon = true,
-  ...otherProps
-}, ref) {
-  const intl = useIntl();
-  const intlConfig = useImperativeIntl(intl);
-  return /* @__PURE__ */ jsxs(
-    StyledLink,
-    {
-      ...otherProps,
-      variant,
-      "data-color": color,
-      "data-name": "link",
-      role: "link",
-      color,
-      ref,
-      target: external ? "_blank" : void 0,
-      rel: external ? "noopener noreferrer" : void 0,
-      "aria-label": external ? `${children == null ? void 0 : children.toString()} (${intlConfig.formatMessage({
-        id: "c4r.button.opensInNewTab"
-      })})` : void 0,
-      children: [
-        startIcon && /* @__PURE__ */ jsx(Icon, { variant, children: startIcon }),
-        children,
-        (endIcon || external && showExternalIcon) && /* @__PURE__ */ jsx(Icon, { variant, children: endIcon || /* @__PURE__ */ jsx(OpenInNewOutlined, {}) })
-      ]
-    }
-  );
-}
-const Link = forwardRef(_Link);
 const StyledAlert = styled(Alert$1, {
   shouldForwardProp: (prop) => ![
     "isNeutral",
@@ -259,6 +189,5 @@ function _Alert({
 const Alert = forwardRef(_Alert);
 export {
   Alert as A,
-  IconButton as I,
-  Link as L
+  IconButton as I
 };

package/dist/{MenuItem-CXnnE5lK.js → MenuItem-D6wJym7Z.js}

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { styled, MenuItem as MenuItem$1 } from "@mui/material";
+import { e as MENU_ITEM_SIZE_DENSE, f as MENU_ITEM_SIZE_EXTENDED } from "./TablePaginationActions-Cz5Hbi6N.js";
 const StyledMenuItem = styled(MenuItem$1, {
   shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
     prop
@@ -27,7 +28,7 @@ const StyledMenuItem = styled(MenuItem$1, {
         color: theme.palette.text.secondary
       },
       "&.MuiMenuItem-root": {
-        minHeight: theme.spacing(3),
+        minHeight: MENU_ITEM_SIZE_DENSE,
         paddingTop: 0,
         paddingBottom: 0,
         marginTop: theme.spacing(1),
@@ -94,7 +95,7 @@ const StyledMenuItem = styled(MenuItem$1, {
     },
     ...extended && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
-        minHeight: theme.spacing(6)
+        minHeight: MENU_ITEM_SIZE_EXTENDED
       }
     },
     ...fixed && {
@@ -105,14 +106,14 @@ const StyledMenuItem = styled(MenuItem$1, {
         bottom: 0,
         right: 0,
         zIndex: 2,
-        minHeight: theme.spacing(6),
+        minHeight: MENU_ITEM_SIZE_EXTENDED,
         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),
+        minHeight: MENU_ITEM_SIZE_EXTENDED,
         marginTop: 0,
         "&:hover": {
           backgroundColor: theme.palette.background.paper
@@ -126,7 +127,7 @@ const StyledMenuItem = styled(MenuItem$1, {
     },
     ...dense && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
-        minHeight: theme.spacing(3),
+        minHeight: MENU_ITEM_SIZE_DENSE,
         padding: theme.spacing(0.25, 1.5)
       }
     }
@@ -139,6 +140,7 @@ function _MenuItem({
   extended,
   fixed,
   iconColor = "primary",
+  dense,
   ...props
 }, ref) {
   return /* @__PURE__ */ jsx(
@@ -151,10 +153,12 @@ function _MenuItem({
       subtitle,
       destructive,
       extended,
+      dense,
       fixed,
       color: iconColor,
       "data-destructive": destructive,
       "data-extended": extended,
+      "data-dense": dense,
       "data-fixed": fixed
     }
   );

package/dist/{MenuItem-Br2jY2lt.cjs → MenuItem-lAxlHrDp.cjs}

@@ -2,6 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
+const TablePaginationActions = require("./TablePaginationActions-mbbjzV6Y.cjs");
 const StyledMenuItem = material.styled(material.MenuItem, {
   shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
     prop
@@ -28,7 +29,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
         color: theme.palette.text.secondary
       },
       "&.MuiMenuItem-root": {
-        minHeight: theme.spacing(3),
+        minHeight: TablePaginationActions.MENU_ITEM_SIZE_DENSE,
         paddingTop: 0,
         paddingBottom: 0,
         marginTop: theme.spacing(1),
@@ -95,7 +96,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
     },
     ...extended && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
-        minHeight: theme.spacing(6)
+        minHeight: TablePaginationActions.MENU_ITEM_SIZE_EXTENDED
       }
     },
     ...fixed && {
@@ -106,14 +107,14 @@ const StyledMenuItem = material.styled(material.MenuItem, {
         bottom: 0,
         right: 0,
         zIndex: 2,
-        minHeight: theme.spacing(6),
+        minHeight: TablePaginationActions.MENU_ITEM_SIZE_EXTENDED,
         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),
+        minHeight: TablePaginationActions.MENU_ITEM_SIZE_EXTENDED,
         marginTop: 0,
         "&:hover": {
           backgroundColor: theme.palette.background.paper
@@ -127,7 +128,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
     },
     ...dense && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
-        minHeight: theme.spacing(3),
+        minHeight: TablePaginationActions.MENU_ITEM_SIZE_DENSE,
         padding: theme.spacing(0.25, 1.5)
       }
     }
@@ -140,6 +141,7 @@ function _MenuItem({
   extended,
   fixed,
   iconColor = "primary",
+  dense,
   ...props
 }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -152,10 +154,12 @@ function _MenuItem({
       subtitle,
       destructive,
       extended,
+      dense,
       fixed,
       color: iconColor,
       "data-destructive": destructive,
       "data-extended": extended,
+      "data-dense": dense,
       "data-fixed": fixed
     }
   );

package/dist/{TablePaginationActions-b5wP_uRE.js → TablePaginationActions-Cz5Hbi6N.js}

@@ -777,6 +777,10 @@ const ICON_SIZE_MEDIUM = getSpacing(2.25);
 const ICON_SIZE_LARGE = getSpacing(3);
 const APPBAR_SIZE = getSpacing(6);
 const NOTIFICATION_DURATION_IN_MS = 6e3;
+const MENU_LIST_MAX_SIZE = 312;
+const MENU_ITEM_SIZE_DENSE = 24;
+const MENU_ITEM_SIZE_DEFAULT = 32;
+const MENU_ITEM_SIZE_EXTENDED = 48;
 const FontWeight = {
   regular: 400,
   medium: 500,
@@ -813,8 +817,7 @@ const en = {
       copy: "Copy",
       save: "Save",
       add: "Add",
-      showOptions: "Show options",
-      opensInNewTab: "Opens in new tab"
+      showOptions: "Show options"
     },
     form: {
       selectAll: "Select all",
@@ -962,8 +965,7 @@ const es = {
       copy: "Copiar",
       save: "Guardar",
       add: "Añadir",
-      showOptions: "Mostrar opciones",
-      opensInNewTab: "Abre en una nueva pestaña"
+      showOptions: "Mostrar opciones"
     },
     form: {
       selectAll: "Seleccionar todos",
@@ -1109,8 +1111,7 @@ const id = {
       copy: "Salin",
       save: "Simpan",
       add: "Tambah",
-      showOptions: "Tampilkan opsi",
-      opensInNewTab: "Buka di tab baru"
+      showOptions: "Tampilkan opsi"
     },
     form: {
       selectAll: "Select all",
@@ -5653,13 +5654,17 @@ export {
   APPBAR_SIZE as A,
   BREAKPOINTS as B,
   ICON_SIZE_LARGE as I,
+  MENU_ITEM_SIZE_DEFAULT as M,
   NOTIFICATION_DURATION_IN_MS as N,
   SPACING as S,
   Typography as T,
   TablePaginationActions as a,
   ICON_SIZE_MEDIUM as b,
   ICON_SIZE_SMALL as c,
-  getDefaultExportFromCjs as d,
+  MENU_LIST_MAX_SIZE as d,
+  MENU_ITEM_SIZE_DENSE as e,
+  MENU_ITEM_SIZE_EXTENDED as f,
   getSpacing as g,
+  getDefaultExportFromCjs as h,
   useImperativeIntl as u
 };

package/dist/{TablePaginationActions-CAmwcyTy.cjs → TablePaginationActions-mbbjzV6Y.cjs}

@@ -778,6 +778,10 @@ const ICON_SIZE_MEDIUM = getSpacing(2.25);
 const ICON_SIZE_LARGE = getSpacing(3);
 const APPBAR_SIZE = getSpacing(6);
 const NOTIFICATION_DURATION_IN_MS = 6e3;
+const MENU_LIST_MAX_SIZE = 312;
+const MENU_ITEM_SIZE_DENSE = 24;
+const MENU_ITEM_SIZE_DEFAULT = 32;
+const MENU_ITEM_SIZE_EXTENDED = 48;
 const FontWeight = {
   regular: 400,
   medium: 500,
@@ -814,8 +818,7 @@ const en = {
       copy: "Copy",
       save: "Save",
       add: "Add",
-      showOptions: "Show options",
-      opensInNewTab: "Opens in new tab"
+      showOptions: "Show options"
     },
     form: {
       selectAll: "Select all",
@@ -963,8 +966,7 @@ const es = {
       copy: "Copiar",
       save: "Guardar",
       add: "Añadir",
-      showOptions: "Mostrar opciones",
-      opensInNewTab: "Abre en una nueva pestaña"
+      showOptions: "Mostrar opciones"
     },
     form: {
       selectAll: "Seleccionar todos",
@@ -1110,8 +1112,7 @@ const id = {
       copy: "Salin",
       save: "Simpan",
       add: "Tambah",
-      showOptions: "Tampilkan opsi",
-      opensInNewTab: "Buka di tab baru"
+      showOptions: "Tampilkan opsi"
     },
     form: {
       selectAll: "Select all",
@@ -5655,6 +5656,10 @@ exports.BREAKPOINTS = BREAKPOINTS;
 exports.ICON_SIZE_LARGE = ICON_SIZE_LARGE;
 exports.ICON_SIZE_MEDIUM = ICON_SIZE_MEDIUM;
 exports.ICON_SIZE_SMALL = ICON_SIZE_SMALL;
+exports.MENU_ITEM_SIZE_DEFAULT = MENU_ITEM_SIZE_DEFAULT;
+exports.MENU_ITEM_SIZE_DENSE = MENU_ITEM_SIZE_DENSE;
+exports.MENU_ITEM_SIZE_EXTENDED = MENU_ITEM_SIZE_EXTENDED;
+exports.MENU_LIST_MAX_SIZE = MENU_LIST_MAX_SIZE;
 exports.NOTIFICATION_DURATION_IN_MS = NOTIFICATION_DURATION_IN_MS;
 exports.SPACING = SPACING;
 exports.TablePaginationActions = TablePaginationActions;