@carto/meridian-ds 2.5.5-alpha-translations.1 → 2.6.0-alpha-searchfield.1

package/CHANGELOG.md

@@ -2,12 +2,17 @@
 
 ## Unreleased
 
+- New SearchField component [#308](https://github.com/CartoDB/meridian-ds/pull/308)
+
+## 2.0
+
+### 2.6.0
+
+- New EllipsisWithTooltip component [#299](https://github.com/CartoDB/meridian-ds/pull/299)
 - Improve translations handling with `useTranslationFallback` hook [#293](https://github.com/CartoDB/meridian-ds/pull/293)
 - Add unit tests for data display components [#292](https://github.com/CartoDB/meridian-ds/pull/292)
 - Add unit tests for action components [#290](https://github.com/CartoDB/meridian-ds/pull/290)
 
-## 2.0
-
 ### 2.5.5
 
 - Utils files: rename to kebab-case for better naming convention [#291](https://github.com/CartoDB/meridian-ds/pull/291)

package/dist/{Alert-CRVceJ9N.js → Alert-C1VgP3N1.js}

@@ -3,7 +3,7 @@ import { forwardRef, useState } from "react";
 import { styled, Link as Link$1, Alert as Alert$1, Fade, AlertTitle } from "@mui/material";
 import { OpenInNewOutlined } from "@mui/icons-material";
 import "cartocolor";
-import { u as useImperativeIntl, c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, T as Typography } from "./TablePaginationActions-DIFPc_wQ.js";
+import { u as useImperativeIntl, c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, T as Typography } from "./css-utils-hxI-qUxK.js";
 import { useIntl } from "react-intl";
 const ScreenReaderOnly = styled("span")(() => ({
   position: "absolute",

package/dist/{Alert-Dyw7Z9wJ.cjs → Alert-F8G9P271.cjs}

@@ -4,7 +4,7 @@ const React = require("react");
 const material = require("@mui/material");
 const iconsMaterial = require("@mui/icons-material");
 require("cartocolor");
-const TablePaginationActions = require("./TablePaginationActions-CMC_ZxDN.cjs");
+const cssUtils = require("./css-utils-CqIN_t7x.cjs");
 const reactIntl = require("react-intl");
 const ScreenReaderOnly = material.styled("span")(() => ({
   position: "absolute",
@@ -19,7 +19,7 @@ const ScreenReaderOnly = material.styled("span")(() => ({
 }));
 function useTranslationFallback(translationKey, customText) {
   const intl = reactIntl.useIntl();
-  const intlConfig = TablePaginationActions.useImperativeIntl(intl);
+  const intlConfig = cssUtils.useImperativeIntl(intl);
   if (customText !== void 0 && customText !== null) {
     return customText;
   }
@@ -44,7 +44,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"
@@ -55,7 +55,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, body2 and body1 variants use medium-sized icons
@@ -63,7 +63,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
       }
     }
   })
@@ -139,7 +139,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,
@@ -233,7 +233,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/{MenuItem-o51jnNjL.cjs → MenuItem-Bssr5qGq.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const TablePaginationActions = require("./TablePaginationActions-CMC_ZxDN.cjs");
+const cssUtils = require("./css-utils-CqIN_t7x.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)
       }
     }

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

package/dist/{SwatchSquare-CaaLsjAC.js → Search-C7wkXu3f.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { createSvgIcon } from "@mui/material";
-const Icon$1 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
+const Icon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
     fill: "currentColor",
@@ -10,26 +10,8 @@ const Icon$1 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$1 = createSvgIcon(Icon$1(), "Search");
+const BaseSvgIcon = createSvgIcon(Icon(), "Search");
 function Search({ width, height, sx, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    BaseSvgIcon$1,
-    {
-      ref,
-      viewBox: "0 0 24 24",
-      sx: {
-        width,
-        height: height || width,
-        ...sx
-      },
-      ...props
-    }
-  );
-}
-const Search$1 = forwardRef(Search);
-const Icon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, x: 4, y: 4, fill: "currentColor", rx: 2 }) });
-const BaseSvgIcon = createSvgIcon(Icon(), "SwatchSquare");
-function SwatchSquare({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsx(
     BaseSvgIcon,
     {
@@ -44,8 +26,7 @@ function SwatchSquare({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const SwatchSquare$1 = forwardRef(SwatchSquare);
+const Search$1 = forwardRef(Search);
 export {
-  Search$1 as S,
-  SwatchSquare$1 as a
+  Search$1 as S
 };

package/dist/{SwatchSquare-B8PIY3Rd.cjs → Search-CMWbM9nD.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const Icon$1 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
+const Icon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
     fill: "currentColor",
@@ -11,26 +11,8 @@ const Icon$1 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.
     clipRule: "evenodd"
   }
 ) });
-const BaseSvgIcon$1 = material.createSvgIcon(Icon$1(), "Search");
+const BaseSvgIcon = material.createSvgIcon(Icon(), "Search");
 function Search({ width, height, sx, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$1,
-    {
-      ref,
-      viewBox: "0 0 24 24",
-      sx: {
-        width,
-        height: height || width,
-        ...sx
-      },
-      ...props
-    }
-  );
-}
-const Search$1 = React.forwardRef(Search);
-const Icon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 16, height: 16, x: 4, y: 4, fill: "currentColor", rx: 2 }) });
-const BaseSvgIcon = material.createSvgIcon(Icon(), "SwatchSquare");
-function SwatchSquare({ width, height, sx, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     BaseSvgIcon,
     {
@@ -45,6 +27,5 @@ function SwatchSquare({ width, height, sx, ...props }, ref) {
     }
   );
 }
-const SwatchSquare$1 = React.forwardRef(SwatchSquare);
+const Search$1 = React.forwardRef(Search);
 exports.Search = Search$1;
-exports.SwatchSquare = SwatchSquare$1;

package/dist/SwatchSquare-B6KYVoqV.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { createSvgIcon } from "@mui/material";
+const Icon = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx("rect", { width: 16, height: 16, x: 4, y: 4, fill: "currentColor", rx: 2 }) });
+const BaseSvgIcon = createSvgIcon(Icon(), "SwatchSquare");
+function SwatchSquare({ width, height, sx, ...props }, ref) {
+  return /* @__PURE__ */ jsx(
+    BaseSvgIcon,
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      sx: {
+        width,
+        height: height || width,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+const SwatchSquare$1 = forwardRef(SwatchSquare);
+export {
+  SwatchSquare$1 as S
+};

package/dist/SwatchSquare-DuXPIL7t.cjs

@@ -0,0 +1,23 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const material = require("@mui/material");
+const Icon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { width: 16, height: 16, x: 4, y: 4, fill: "currentColor", rx: 2 }) });
+const BaseSvgIcon = material.createSvgIcon(Icon(), "SwatchSquare");
+function SwatchSquare({ width, height, sx, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    BaseSvgIcon,
+    {
+      ref,
+      viewBox: "0 0 24 24",
+      sx: {
+        width,
+        height: height || width,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+const SwatchSquare$1 = React.forwardRef(SwatchSquare);
+exports.SwatchSquare = SwatchSquare$1;