@carto/meridian-ds 2.5.4 → 2.5.5-alpha-ellipsis.1

package/CHANGELOG.md

@@ -2,8 +2,17 @@
 
 ## Unreleased
 
+- New EllipsisWithTooltip component [#299](https://github.com/CartoDB/meridian-ds/pull/299)
+
 ## 2.0
 
+### 2.5.5
+
+- Utils files: rename to kebab-case for better naming convention [#291](https://github.com/CartoDB/meridian-ds/pull/291)
+- Add unit tests for utils and hooks [#285](https://github.com/CartoDB/meridian-ds/pull/285)
+- Add unit tests for field components [#287](https://github.com/CartoDB/meridian-ds/pull/287)
+- Support `copyText={null}` in `CopiableComponent` [#296](https://github.com/CartoDB/meridian-ds/pull/296)
+
 ### 2.5.4
 
 - Custom Icons: BulletPointAlt,BulletPointCheckedAlt,ShowNodeResults [#288](https://github.com/CartoDB/meridian-ds/pull/288)

package/dist/{Alert-BdmDjcVc.cjs → Alert-CaashKPj.cjs}

@@ -4,7 +4,7 @@ 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");
+const cssUtils = require("./css-utils-W9dzgcXq.cjs");
 require("cartocolor");
 const ScreenReaderOnly = material.styled("span")(() => ({
   position: "absolute",
@@ -94,7 +94,7 @@ const Icon = material.styled("span", {
     },
     svg: {
       // Size adapts to the text size, but make sure the icon size is at least 12px
-      fontSize: `max(1em, ${TablePaginationActions.ICON_SIZE_SMALL})`,
+      fontSize: `max(1em, ${cssUtils.ICON_SIZE_SMALL})`,
       color: "inherit !important",
       "> path": {
         color: "inherit !important"
@@ -105,7 +105,7 @@ const Icon = material.styled("span", {
       top: "calc(1em * 1/5)",
       // 20% offset ratio
       svg: {
-        fontSize: TablePaginationActions.ICON_SIZE_SMALL
+        fontSize: cssUtils.ICON_SIZE_SMALL
       }
     },
     // Button and body2 variants use medium-sized icons
@@ -113,7 +113,7 @@ const Icon = material.styled("span", {
       top: "calc(1em * 1/4)",
       // 25% offset ratio
       svg: {
-        fontSize: TablePaginationActions.ICON_SIZE_MEDIUM
+        fontSize: cssUtils.ICON_SIZE_MEDIUM
       }
     },
     // Body1 variant uses large icons
@@ -121,7 +121,7 @@ const Icon = material.styled("span", {
       top: "calc(1em * 1/3)",
       // 33% offset ratio
       svg: {
-        fontSize: TablePaginationActions.ICON_SIZE_LARGE
+        fontSize: cssUtils.ICON_SIZE_LARGE
       }
     }
   })
@@ -141,7 +141,7 @@ function _Link({
   ...otherProps
 }, ref) {
   const intl = reactIntl.useIntl();
-  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
+  const intlConfig = cssUtils.useImperativeIntl(intl);
   const isButtonLink = otherProps.component === "button";
   return /* @__PURE__ */ jsxRuntime.jsxs(
     StyledLink,
@@ -196,7 +196,7 @@ const StyledAlert = material.styled(material.Alert, {
     "icon message"
     "icon actions"
     `,
-      gridTemplateColumns: hasCloseButton ? `${TablePaginationActions.ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${TablePaginationActions.ICON_SIZE_MEDIUM}`
+      gridTemplateColumns: hasCloseButton ? `${cssUtils.ICON_SIZE_MEDIUM} 1fr ${theme.spacing(3)}` : `${cssUtils.ICON_SIZE_MEDIUM}`
     },
     ...isNeutral && {
       backgroundColor: theme.palette.default.background,
@@ -290,7 +290,7 @@ function _Alert({
       ...otherProps,
       children: [
         title && /* @__PURE__ */ jsxRuntime.jsx(material.AlertTitle, { children: title }),
-        /* @__PURE__ */ jsxRuntime.jsx(TablePaginationActions.Typography, { variant: "caption", color: "inherit", component: "div", children })
+        /* @__PURE__ */ jsxRuntime.jsx(cssUtils.Typography, { variant: "caption", color: "inherit", component: "div", children })
       ]
     }
   ) });

package/dist/{Alert-lLA0z7fX.js → Alert-wE4A0ify.js}

@@ -3,7 +3,7 @@ import { forwardRef, useState } from "react";
 import { styled, IconButton as IconButton$1, Tooltip, CircularProgress, Link as Link$1, 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-C6TVGJM-.js";
+import { c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, I as ICON_SIZE_LARGE, u as useImperativeIntl, T as Typography } from "./css-utils-CTJjJR0x.js";
 import "cartocolor";
 const ScreenReaderOnly = styled("span")(() => ({
   position: "absolute",

package/dist/{MenuItem-ZNdBUBvt.js → MenuItem-BUe4eJZH.js}

@@ -1,7 +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-C6TVGJM-.js";
+import { f as MENU_ITEM_SIZE_DENSE, h as MENU_ITEM_SIZE_EXTENDED } from "./css-utils-CTJjJR0x.js";
 const StyledMenuItem = styled(MenuItem$1, {
   shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
     prop

package/dist/{MenuItem-nokUtiks.cjs → MenuItem-BZWWJptW.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const TablePaginationActions = require("./TablePaginationActions-DAMGtIub.cjs");
+const cssUtils = require("./css-utils-W9dzgcXq.cjs");
 const StyledMenuItem = material.styled(material.MenuItem, {
   shouldForwardProp: (prop) => !["subtitle", "destructive", "extended", "fixed", "iconColor"].includes(
     prop
@@ -29,7 +29,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
         color: theme.palette.text.secondary
       },
       "&.MuiMenuItem-root": {
-        minHeight: TablePaginationActions.MENU_ITEM_SIZE_DENSE,
+        minHeight: cssUtils.MENU_ITEM_SIZE_DENSE,
         paddingTop: 0,
         paddingBottom: 0,
         marginTop: theme.spacing(1),
@@ -96,7 +96,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
     },
     ...extended && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
-        minHeight: TablePaginationActions.MENU_ITEM_SIZE_EXTENDED
+        minHeight: cssUtils.MENU_ITEM_SIZE_EXTENDED
       }
     },
     ...fixed && {
@@ -107,14 +107,14 @@ const StyledMenuItem = material.styled(material.MenuItem, {
         bottom: 0,
         right: 0,
         zIndex: 2,
-        minHeight: TablePaginationActions.MENU_ITEM_SIZE_EXTENDED,
+        minHeight: cssUtils.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: TablePaginationActions.MENU_ITEM_SIZE_EXTENDED,
+        minHeight: cssUtils.MENU_ITEM_SIZE_EXTENDED,
         marginTop: 0,
         "&:hover": {
           backgroundColor: theme.palette.background.paper
@@ -128,7 +128,7 @@ const StyledMenuItem = material.styled(material.MenuItem, {
     },
     ...dense && {
       "&.MuiButtonBase-root.MuiMenuItem-root": {
-        minHeight: TablePaginationActions.MENU_ITEM_SIZE_DENSE,
+        minHeight: cssUtils.MENU_ITEM_SIZE_DENSE,
         padding: theme.spacing(0.25, 1.5)
       }
     }