@carto/meridian-ds 2.15.0 → 2.15.1

package/CHANGELOG.md

@@ -2,8 +2,14 @@
 
 ## Unreleased
 
+- Fix: preserve compiled messages in flattenMessages — fixes `buttonFooterLabelId` and similar intl-key props showing raw keys [#402](https://github.com/CartoDB/meridian-ds/pull/402)
+
 ## 2.0
 
+### 2.15.1
+
+- Fix: preserve compiled messages in flattenMessages — fixes `buttonFooterLabelId` and similar intl-key props showing raw keys [#402](https://github.com/CartoDB/meridian-ds/pull/402)
+
 ### 2.15.0
 
 - Fix: WCAG accessibility improvements — IconButton aria-label, text contrast, widget labels [#398](https://github.com/CartoDB/meridian-ds/pull/398)

package/dist/{ListItem-D5EgekMd.cjs → ListItem-BOr1gyyO.cjs}

@@ -4,7 +4,7 @@ const React = require("react");
 const material = require("@mui/material");
 const iconsMaterial = require("@mui/icons-material");
 require("cartocolor");
-const paletteUtils = require("./palette-utils-67undqFl.cjs");
+const paletteUtils = require("./palette-utils-CfP0zi6X.cjs");
 const ReactWindow = require("react-window");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });

package/dist/{ListItem-Dy0LoUtr.js → ListItem-CW7C1948.js}

@@ -3,7 +3,7 @@ import React, { forwardRef, useState, createContext, useMemo, useContext } from
 import { styled, Link as Link$1, Alert as Alert$1, Fade, AlertTitle, List as List$1, ListItemButton as ListItemButton$1, ListItem as ListItem$1 } from "@mui/material";
 import { OpenInNewOutlined } from "@mui/icons-material";
 import "cartocolor";
-import { c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, u as useTranslationWithFallback, T as Typography, m as LIST_MAX_SIZE, n as LIST_OVERSCAN_ITEMS_COUNT, h as LIST_ITEM_SIZE_DENSE, i as LIST_ITEM_SIZE_DEFAULT } from "./palette-utils-e70Lg7JL.js";
+import { c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, u as useTranslationWithFallback, T as Typography, m as LIST_MAX_SIZE, n as LIST_OVERSCAN_ITEMS_COUNT, h as LIST_ITEM_SIZE_DENSE, i as LIST_ITEM_SIZE_DEFAULT } from "./palette-utils-gZwK5wCD.js";
 import * as ReactWindow from "react-window";
 const ScreenReaderOnly = styled("span")(() => ({
   position: "absolute",

package/dist/components/index.cjs

@@ -4,11 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
 const iconsMaterial = require("@mui/icons-material");
-const paletteUtils = require("../palette-utils-67undqFl.cjs");
-const ListItem = require("../ListItem-D5EgekMd.cjs");
+const paletteUtils = require("../palette-utils-CfP0zi6X.cjs");
+const ListItem = require("../ListItem-BOr1gyyO.cjs");
 const ArrowDown = require("../ArrowDown-84Oc8r9k.cjs");
 const OpenDiagonallyRight = require("../OpenDiagonallyRight-BUZBgnkY.cjs");
-const utils = require("../utils-DZm0WeTM.cjs");
+const utils = require("../utils-BfSr53C0.cjs");
 require("cartocolor");
 const ReactWindow = require("react-window");
 const reactCodemirror2 = require("react-codemirror2");

package/dist/components/index.js

@@ -3,13 +3,13 @@ import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement,
 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, 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-e70Lg7JL.js";
-import { a } from "../palette-utils-e70Lg7JL.js";
-import { S as ScreenReaderOnly, A as Alert$1, u as useListContextProps } from "../ListItem-Dy0LoUtr.js";
-import { L, a as a2, b, c, d } from "../ListItem-Dy0LoUtr.js";
+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-gZwK5wCD.js";
+import { a } from "../palette-utils-gZwK5wCD.js";
+import { S as ScreenReaderOnly, A as Alert$1, u as useListContextProps } from "../ListItem-CW7C1948.js";
+import { L, a as a2, b, c, d } from "../ListItem-CW7C1948.js";
 import { F as ForwardedComponent$1 } from "../ArrowDown-Bho9Ssnw.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-O0y2uQXv.js";
+import { M as MenuItem$1, b as getThemeColor, S as SVG_SELECTOR } from "../utils-CD2XnHzC.js";
 import "cartocolor";
 import * as ReactWindow from "react-window";
 import { Controlled, UnControlled } from "react-codemirror2";

package/dist/{palette-utils-67undqFl.cjs → palette-utils-CfP0zi6X.cjs}

@@ -5809,15 +5809,18 @@ function match(requestedLocales, availableLocales, defaultLocale, opts) {
   }).locale;
 }
 const DEFAULT_LOCALE = "en";
+function isNestedMessages(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
 function flattenMessages(nestedMessages, prefix = "") {
   return Object.keys(nestedMessages).reduce(
     (messages2, key) => {
       const value = nestedMessages[key];
       const prefixedKey = prefix ? `${prefix}.${key}` : key;
-      if (typeof value === "string") {
-        messages2[prefixedKey] = value;
-      } else {
+      if (isNestedMessages(value)) {
         Object.assign(messages2, flattenMessages(value, prefixedKey));
+      } else {
+        messages2[prefixedKey] = value;
       }
       return messages2;
     },

package/dist/{palette-utils-e70Lg7JL.js → palette-utils-gZwK5wCD.js}

@@ -5791,15 +5791,18 @@ function match(requestedLocales, availableLocales, defaultLocale, opts) {
   }).locale;
 }
 const DEFAULT_LOCALE = "en";
+function isNestedMessages(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
 function flattenMessages(nestedMessages, prefix = "") {
   return Object.keys(nestedMessages).reduce(
     (messages2, key) => {
       const value = nestedMessages[key];
       const prefixedKey = prefix ? `${prefix}.${key}` : key;
-      if (typeof value === "string") {
-        messages2[prefixedKey] = value;
-      } else {
+      if (isNestedMessages(value)) {
         Object.assign(messages2, flattenMessages(value, prefixedKey));
+      } else {
+        messages2[prefixedKey] = value;
       }
       return messages2;
     },

package/dist/theme/index.cjs

@@ -2,8 +2,8 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
-const paletteUtils = require("../palette-utils-67undqFl.cjs");
-const utils = require("../utils-DZm0WeTM.cjs");
+const paletteUtils = require("../palette-utils-CfP0zi6X.cjs");
+const utils = require("../utils-BfSr53C0.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const iconsMaterial = require("@mui/icons-material");
 const ArrowDown = require("../ArrowDown-84Oc8r9k.cjs");

package/dist/theme/index.js

@@ -1,8 +1,8 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material";
-import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, e as ellipsisStyles, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_DENSE, L as LIST_ITEM_MIN_SIZE, h as LIST_ITEM_SIZE_DENSE, i as LIST_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, j as commonPalette, B as BREAKPOINTS, S as SPACING } from "../palette-utils-e70Lg7JL.js";
-import { m, n, l, N, k } from "../palette-utils-e70Lg7JL.js";
-import { g as getPixelToRem, S as SVG_SELECTOR, a as getIconSizeMap, M as MenuItem } from "../utils-O0y2uQXv.js";
+import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, e as ellipsisStyles, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_DENSE, L as LIST_ITEM_MIN_SIZE, h as LIST_ITEM_SIZE_DENSE, i as LIST_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, j as commonPalette, B as BREAKPOINTS, S as SPACING } from "../palette-utils-gZwK5wCD.js";
+import { m, n, l, N, k } from "../palette-utils-gZwK5wCD.js";
+import { g as getPixelToRem, S as SVG_SELECTOR, a as getIconSizeMap, M as MenuItem } from "../utils-CD2XnHzC.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined, InfoOutlined } from "@mui/icons-material";
 import { F as ForwardedComponent } from "../ArrowDown-Bho9Ssnw.js";

package/dist/types/hooks/useImperativeIntl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useImperativeIntl.d.ts","sourceRoot":"","sources":["../../../src/hooks/useImperativeIntl.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AA2C/E,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,UAAU,EAAE,UAAU,aAE/D"}
+{"version":3,"file":"useImperativeIntl.d.ts","sourceRoot":"","sources":["../../../src/hooks/useImperativeIntl.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EACV,SAAS,EAEV,MAAM,YAAY,CAAA;AA2CnB,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,UAAU,EAAE,UAAU,aAE/D"}

package/dist/types/utils/locale-utils.d.ts

@@ -1,7 +1,9 @@
+import { MessageFormatElement } from 'react-intl';
 export declare const DEFAULT_LOCALE = "en";
+export type MessageValue = string | MessageFormatElement[];
 export type NestedMessages = {
-    [key: string]: string | NestedMessages;
+    [key: string]: MessageValue | NestedMessages;
 };
-export declare function flattenMessages(nestedMessages: NestedMessages, prefix?: string): Record<string, string>;
+export declare function flattenMessages(nestedMessages: NestedMessages, prefix?: string): Record<string, MessageValue>;
 export declare function findMatchingMessagesLocale<T extends object>(locale: string, messages: T): "en" | keyof T;
 //# sourceMappingURL=locale-utils.d.ts.map

package/dist/types/utils/locale-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locale-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/locale-utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,OAAO,CAAA;AAClC,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,CAAA;CACvC,CAAA;AAED,wBAAgB,eAAe,CAAC,cAAc,EAAE,cAAc,EAAE,MAAM,SAAK,0BAc1E;AAED,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,MAAM,EACzD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,kBASZ"}
+{"version":3,"file":"locale-utils.d.ts","sourceRoot":"","sources":["../../../src/utils/locale-utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAA;AAEjD,eAAO,MAAM,cAAc,OAAO,CAAA;AAClC,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,oBAAoB,EAAE,CAAA;AAC1D,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY,GAAG,cAAc,CAAA;CAC7C,CAAA;AAQD,wBAAgB,eAAe,CAAC,cAAc,EAAE,cAAc,EAAE,MAAM,SAAK,gCAc1E;AAED,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,MAAM,EACzD,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,CAAC,kBASZ"}

package/dist/{utils-DZm0WeTM.cjs → utils-BfSr53C0.cjs}

@@ -2,7 +2,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
-const paletteUtils = require("./palette-utils-67undqFl.cjs");
+const paletteUtils = require("./palette-utils-CfP0zi6X.cjs");
 function getPixelToRem(px) {
   const fontBase = 16;
   const rem = 1 / fontBase * px + "rem";

package/dist/{utils-O0y2uQXv.js → utils-CD2XnHzC.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 { f as MENU_ITEM_SIZE_DENSE, l as MENU_ITEM_SIZE_EXTENDED, c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, I as ICON_SIZE_LARGE } from "./palette-utils-e70Lg7JL.js";
+import { f as MENU_ITEM_SIZE_DENSE, l as MENU_ITEM_SIZE_EXTENDED, c as ICON_SIZE_SMALL, b as ICON_SIZE_MEDIUM, I as ICON_SIZE_LARGE } from "./palette-utils-gZwK5wCD.js";
 function getPixelToRem(px) {
   const fontBase = 16;
   const rem = 1 / fontBase * px + "rem";

package/dist/widgets/index.cjs

@@ -4,11 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const material = require("@mui/material");
 const reactIntl = require("react-intl");
-const paletteUtils = require("../palette-utils-67undqFl.cjs");
+const paletteUtils = require("../palette-utils-CfP0zi6X.cjs");
 const _ReactEcharts = require("echarts-for-react");
 const ReactWindow = require("react-window");
 const Search = require("../Search-DFMUrdFt.cjs");
-const ListItem = require("../ListItem-D5EgekMd.cjs");
+const ListItem = require("../ListItem-BOr1gyyO.cjs");
 const iconsMaterial = require("@mui/icons-material");
 const SwatchSquare = require("../SwatchSquare-BydXPPhd.cjs");
 function _interopNamespaceDefault(e) {

package/dist/widgets/index.js

@@ -2,11 +2,11 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import React, { useMemo, useState, useEffect, useCallback, useRef, createContext, useContext, useLayoutEffect, createRef } from "react";
 import { useTheme, styled, Box, Skeleton, Grid, Link, darken, Button, Divider, TextField, InputAdornment, Checkbox, Tooltip, debounce, Slider, TableCell, Table, TableHead, TableRow, TableBody, TableContainer, TableSortLabel, TablePagination, Menu, MenuItem, SvgIcon, Icon, Collapse, LinearProgress, Typography as Typography$1, IconButton as IconButton$1, lighten, ClickAwayListener, ToggleButton, capitalize, Chip, Paper, Popover, Select, ListItemText, Drawer } from "@mui/material";
 import { useIntl } from "react-intl";
-import { q as getDefaultExportFromCjs, p as useImperativeIntl, T as Typography, S as SPACING, o as IconButton, B as BREAKPOINTS, a as TablePaginationActions, e as ellipsisStyles, s as getColorByCategory, j as commonPalette, b as ICON_SIZE_MEDIUM, t as getPalette } from "../palette-utils-e70Lg7JL.js";
+import { q as getDefaultExportFromCjs, p as useImperativeIntl, T as Typography, S as SPACING, o as IconButton, B as BREAKPOINTS, a as TablePaginationActions, e as ellipsisStyles, s as getColorByCategory, j as commonPalette, b as ICON_SIZE_MEDIUM, t as getPalette } from "../palette-utils-gZwK5wCD.js";
 import _ReactEcharts from "echarts-for-react";
 import * as ReactWindow from "react-window";
 import { F as ForwardedComponent } from "../Search-Bx9LZ_VF.js";
-import { A as Alert, L as Link$1, c as ListItem, a as List } from "../ListItem-Dy0LoUtr.js";
+import { A as Alert, L as Link$1, c as ListItem, a as List } from "../ListItem-CW7C1948.js";
 import { ChevronLeft, ChevronRight, ExpandLess, ExpandMore, MoreVert, KeyboardArrowDown, ErrorOutline, Cancel, VisibilityOutlined, VisibilityOffOutlined, Close, LayersOutlined } from "@mui/icons-material";
 import { F as ForwardedComponent$1 } from "../SwatchSquare-BDOWVMHN.js";
 function detectTouchscreen() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "2.15.0",
+  "version": "2.15.1",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {