@carto/meridian-ds 2.12.0 → 2.12.2

package/CHANGELOG.md

@@ -4,6 +4,15 @@
 
 ## 2.0
 
+### 2.12.2
+
+- Fix: change default arrow onBack icon for DialogHeader component [#376] (https://github.com/CartoDB/meridian-ds/pull/376)
+
+### 2.12.1
+
+- Allow customization of menu item label in MultipleSelectField [#359](https://github.com/CartoDB/meridian-ds/pull/359)
+- Custom Icons [#374](https://github.com/CartoDB/meridian-ds/pull/374)
+
 ### 2.12.0
 
 - Added onBack button functionality to the DialogHeader component [#372](https://github.com/CartoDB/meridian-ds/pull/372)

package/dist/{OpenDiagonallyRight-CaNa6uRI.cjs → OpenDiagonallyRight-BUZBgnkY.cjs}

@@ -2,33 +2,6 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const Icon$3 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
-  "path",
-  {
-    fill: "currentColor",
-    fillRule: "evenodd",
-    d: "m11.835 11.995 3.17-3.17-1.41-1.41-4.59 4.58 4.59 4.59 1.41-1.42z",
-    clipRule: "evenodd"
-  }
-) });
-const BaseSvgIcon$3 = material.createSvgIcon(Icon$3(), "ArrowLeft");
-function ArrowLeft({ width, height, sx, ...props }, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    BaseSvgIcon$3,
-    {
-      ref,
-      viewBox: "0 0 24 24",
-      sx: {
-        width,
-        height: height || width,
-        ...sx
-      },
-      ...props
-    }
-  );
-}
-const ForwardedComponent$3 = React.forwardRef(ArrowLeft);
-ForwardedComponent$3.displayName = "ArrowLeft";
 const Icon$2 = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
   "path",
   {
@@ -110,7 +83,6 @@ function OpenDiagonallyRight({ width, height, sx, ...props }, ref) {
 }
 const ForwardedComponent = React.forwardRef(OpenDiagonallyRight);
 ForwardedComponent.displayName = "OpenDiagonallyRight";
-exports.ForwardedComponent = ForwardedComponent$3;
-exports.ForwardedComponent$1 = ForwardedComponent$2;
-exports.ForwardedComponent$2 = ForwardedComponent$1;
-exports.ForwardedComponent$3 = ForwardedComponent;
+exports.ForwardedComponent = ForwardedComponent$2;
+exports.ForwardedComponent$1 = ForwardedComponent$1;
+exports.ForwardedComponent$2 = ForwardedComponent;

package/dist/{OpenDiagonallyRight-y1A_rQiz.js → OpenDiagonallyRight-DQEM4RAg.js}

@@ -1,33 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { createSvgIcon } from "@mui/material";
-const Icon$3 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
-  "path",
-  {
-    fill: "currentColor",
-    fillRule: "evenodd",
-    d: "m11.835 11.995 3.17-3.17-1.41-1.41-4.59 4.58 4.59 4.59 1.41-1.42z",
-    clipRule: "evenodd"
-  }
-) });
-const BaseSvgIcon$3 = createSvgIcon(Icon$3(), "ArrowLeft");
-function ArrowLeft({ width, height, sx, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    BaseSvgIcon$3,
-    {
-      ref,
-      viewBox: "0 0 24 24",
-      sx: {
-        width,
-        height: height || width,
-        ...sx
-      },
-      ...props
-    }
-  );
-}
-const ForwardedComponent$3 = forwardRef(ArrowLeft);
-ForwardedComponent$3.displayName = "ArrowLeft";
 const Icon$2 = () => /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", children: /* @__PURE__ */ jsx(
   "path",
   {
@@ -110,8 +83,7 @@ function OpenDiagonallyRight({ width, height, sx, ...props }, ref) {
 const ForwardedComponent = forwardRef(OpenDiagonallyRight);
 ForwardedComponent.displayName = "OpenDiagonallyRight";
 export {
-  ForwardedComponent$3 as F,
-  ForwardedComponent$2 as a,
-  ForwardedComponent$1 as b,
-  ForwardedComponent as c
+  ForwardedComponent$2 as F,
+  ForwardedComponent$1 as a,
+  ForwardedComponent as b
 };

package/dist/components/index.cjs

@@ -7,7 +7,7 @@ const iconsMaterial = require("@mui/icons-material");
 const paletteUtils = require("../palette-utils-Y3_zSjv2.cjs");
 const ListItem = require("../ListItem-2aFaE2cn.cjs");
 const ArrowDown = require("../ArrowDown-84Oc8r9k.cjs");
-const OpenDiagonallyRight = require("../OpenDiagonallyRight-CaNa6uRI.cjs");
+const OpenDiagonallyRight = require("../OpenDiagonallyRight-BUZBgnkY.cjs");
 const utils = require("../utils-BC7DF-VM.cjs");
 require("cartocolor");
 const ReactWindow = require("react-window");
@@ -203,7 +203,7 @@ function SplitButton({
               children: (_a = options[selectedIndex]) == null ? void 0 : _a.label
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Button, { disabled: loading || disabled, onClick: handleToggle, children: open ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$1, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {}) })
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { disabled: loading || disabled, onClick: handleToggle, children: open ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {}) })
         ]
       }
     ),
@@ -638,6 +638,7 @@ function _MultipleSelectField({
   noneSelectedText,
   selectedText,
   selectAllText,
+  renderItemLabel,
   ...props
 }, ref) {
   const {
@@ -771,7 +772,7 @@ function _MultipleSelectField({
                     checked: currentOptions.includes(option.value)
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { primary: option.label })
+                renderItemLabel ? renderItemLabel(option) : /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { primary: option.label })
               ]
             },
             option.value
@@ -2162,7 +2163,7 @@ function CodeAreaHeader({
                 /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { children: copyLabel })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(utils.MenuItem, { onClick: onClickExpand, disabled, id: "expand", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$3, {}) }),
+                /* @__PURE__ */ jsxRuntime.jsx(material.ListItemIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$2, {}) }),
                 /* @__PURE__ */ jsxRuntime.jsx(material.ListItemText, { children: expandLabel })
               ] })
             ]
@@ -2200,7 +2201,7 @@ function CodeAreaHeader({
         color: "default",
         size,
         onClick: onClickExpand,
-        icon: /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$3, {}),
+        icon: /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$2, {}),
         disabled,
         tooltip: expandLabel,
         tooltipPlacement: "top"
@@ -3278,7 +3279,7 @@ function DialogHeader({
               onClick: onBack,
               tooltip: backTooltipLabel,
               tooltipPlacement: "bottom",
-              icon: backIcon || /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent, {}),
+              icon: backIcon || /* @__PURE__ */ jsxRuntime.jsx(iconsMaterial.ArrowBackOutlined, {}),
               ...backIconButtonProps
             }
           ),
@@ -3828,7 +3829,7 @@ function CodeAreaDialog({
           {
             title,
             onClose,
-            closeIcon: !onClickFooter && /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$2, {})
+            closeIcon: !onClickFooter && /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$1, {})
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(CodeAreaDialogContent, { error, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -5184,7 +5185,7 @@ function _FilterDropdown({
           Button,
           {
             ...commonButtonProps,
-            endIcon: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent$1, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {}),
+            endIcon: isOpen ? /* @__PURE__ */ jsxRuntime.jsx(OpenDiagonallyRight.ForwardedComponent, {}) : /* @__PURE__ */ jsxRuntime.jsx(ArrowDown.ForwardedComponent, {}),
             ...buttonProps,
             children: menuLabel
           }

package/dist/components/index.js

@@ -2,13 +2,13 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement, Fragment as Fragment$1, useCallback, useImperativeHandle } from "react";
 import { styled, Box, Button as Button$1, CircularProgress as CircularProgress$1, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, TextField, InputAdornment, Select, FormControl, InputLabel, FormHelperText, Link, Checkbox, IconButton as IconButton$1, ListItemText as ListItemText$1, Tooltip, ToggleButtonGroup as ToggleButtonGroup$1, Stack, Autocomplete as Autocomplete$1, Divider, ListItemIcon as ListItemIcon$1, createFilterOptions, alpha, useTheme, AppBar as AppBar$1, Toolbar as Toolbar$1, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip as Chip$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Slide, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Menu as Menu$2, useMediaQuery, Snackbar as Snackbar$1, Portal, Fade, ListSubheader as ListSubheader$1, Typography as Typography$1, Popover } from "@mui/material";
 import { ListItemAvatar, ListItemSecondaryAction } from "@mui/material";
-import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, ContentCopyOutlined, AddCircleOutlineOutlined, MenuOutlined, MoreVertOutlined, HelpOutline, ErrorOutline, CloseOutlined, Check, TodayOutlined, StopCircleOutlined, ArrowUpwardOutlined } from "@mui/icons-material";
+import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, ContentCopyOutlined, AddCircleOutlineOutlined, MenuOutlined, MoreVertOutlined, HelpOutline, ErrorOutline, CloseOutlined, ArrowBackOutlined, Check, TodayOutlined, StopCircleOutlined, ArrowUpwardOutlined } from "@mui/icons-material";
 import { u as useTranslationWithFallback, T as Typography, c as ICON_SIZE_SMALL, o as IconButton, f as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, l as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, p as useImperativeIntl, b as ICON_SIZE_MEDIUM, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles, r as resolvePalettePath } from "../palette-utils-vw-vTQjG.js";
 import { a } from "../palette-utils-vw-vTQjG.js";
 import { S as ScreenReaderOnly, A as Alert$1, u as useListContextProps } from "../ListItem-DA0KFtZW.js";
 import { L, a as a2, b, c, d } from "../ListItem-DA0KFtZW.js";
 import { F as ForwardedComponent$1 } from "../ArrowDown-Bho9Ssnw.js";
-import { a as ForwardedComponent, c as ForwardedComponent$2, F as ForwardedComponent$3, b as ForwardedComponent$4 } from "../OpenDiagonallyRight-y1A_rQiz.js";
+import { F as ForwardedComponent, b as ForwardedComponent$2, a as ForwardedComponent$3 } from "../OpenDiagonallyRight-DQEM4RAg.js";
 import { M as MenuItem$1, b as getThemeColor, S as SVG_SELECTOR } from "../utils-COdo3b_v.js";
 import "cartocolor";
 import * as ReactWindow from "react-window";
@@ -42,7 +42,7 @@ import { useIntl } from "react-intl";
 import { PickersDay as PickersDay$1 } from "@mui/x-date-pickers";
 import { TimePicker as TimePicker$1 } from "@mui/x-date-pickers/TimePicker";
 import { DateTimePicker as DateTimePicker$1 } from "@mui/x-date-pickers/DateTimePicker";
-import { F as ForwardedComponent$5 } from "../Search-Bx9LZ_VF.js";
+import { F as ForwardedComponent$4 } from "../Search-Bx9LZ_VF.js";
 import DOMPurify from "dompurify";
 const IndicatorIcon = styled(Box)({
   position: "absolute",
@@ -622,6 +622,7 @@ function _MultipleSelectField({
   noneSelectedText,
   selectedText,
   selectAllText,
+  renderItemLabel,
   ...props
 }, ref) {
   const {
@@ -755,7 +756,7 @@ function _MultipleSelectField({
                     checked: currentOptions.includes(option.value)
                   }
                 ),
-                /* @__PURE__ */ jsx(ListItemText$1, { primary: option.label })
+                renderItemLabel ? renderItemLabel(option) : /* @__PURE__ */ jsx(ListItemText$1, { primary: option.label })
               ]
             },
             option.value
@@ -3262,7 +3263,7 @@ function DialogHeader({
               onClick: onBack,
               tooltip: backTooltipLabel,
               tooltipPlacement: "bottom",
-              icon: backIcon || /* @__PURE__ */ jsx(ForwardedComponent$3, {}),
+              icon: backIcon || /* @__PURE__ */ jsx(ArrowBackOutlined, {}),
               ...backIconButtonProps
             }
           ),
@@ -3812,7 +3813,7 @@ function CodeAreaDialog({
           {
             title,
             onClose,
-            closeIcon: !onClickFooter && /* @__PURE__ */ jsx(ForwardedComponent$4, {})
+            closeIcon: !onClickFooter && /* @__PURE__ */ jsx(ForwardedComponent$3, {})
           }
         ),
         /* @__PURE__ */ jsx(CodeAreaDialogContent, { error, children: /* @__PURE__ */ jsx(
@@ -5514,7 +5515,7 @@ function _MessageField({
 }
 const MessageField = forwardRef(_MessageField);
 MessageField.displayName = "MessageField";
-const SearchIcon = styled(ForwardedComponent$5, {
+const SearchIcon = styled(ForwardedComponent$4, {
   shouldForwardProp: (prop) => prop !== "minimized" && prop !== "disabled"
 })(
   ({ theme, minimized, disabled }) => ({