@carto/meridian-ds 1.5.0 → 1.5.1-alpha-virtual-autocomplete.9

package/CHANGELOG.md

@@ -2,8 +2,14 @@
 
 ## Unreleased
 
+- Support VirtualizedList in Autocomplete components [#215](https://github.com/CartoDB/meridian-ds/pull/215)
+
 ## 1.0
 
+### 1.5.1
+
+- Support `loading` and `disabled` properties in `SplitButton` [#216](https://github.com/CartoDB/meridian-ds/pull/216)
+
 ### 1.5.0
 
 - Add `SplitButton` [#212](https://github.com/CartoDB/meridian-ds/pull/212)

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

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const TablePaginationActions = require("./TablePaginationActions-CFGXm44W.cjs");
+const TablePaginationActions = require("./TablePaginationActions-mbbjzV6Y.cjs");
 const Option = material.styled("div")(({ theme }) => ({
   position: "relative",
   display: "inline-flex",

package/dist/{Alert-CywtIMOj.js → Alert-CnaTtNJd.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef, useState } from "react";
 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-KpTvhN4Y.js";
+import { b as ICON_SIZE_MEDIUM, T as Typography } from "./TablePaginationActions-Cz5Hbi6N.js";
 const Option = styled("div")(({ theme }) => ({
   position: "relative",
   display: "inline-flex",

package/dist/{MenuItem-CXnnE5lK.js → MenuItem-C1DvWMry.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
@@ -20,14 +21,14 @@ const StyledMenuItem = styled(MenuItem$1, {
       columnGap: 0,
       ...theme.typography.caption,
       fontWeight: 500,
-      color: theme.palette.text.secondary,
+      color: `${theme.palette.text.secondary} !important`,
       ".MuiListItemText-root .MuiTypography-root": {
         ...theme.typography.caption,
         fontWeight: 500,
         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-C4bG5WHw.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
@@ -21,14 +22,14 @@ const StyledMenuItem = material.styled(material.MenuItem, {
       columnGap: 0,
       ...theme.typography.caption,
       fontWeight: 500,
-      color: theme.palette.text.secondary,
+      color: `${theme.palette.text.secondary} !important`,
       ".MuiListItemText-root .MuiTypography-root": {
         ...theme.typography.caption,
         fontWeight: 500,
         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-KpTvhN4Y.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,
@@ -5650,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-CFGXm44W.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,
@@ -5652,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;