@carto/meridian-ds 1.4.7 → 1.4.8

package/CHANGELOG.md

@@ -4,14 +4,19 @@
 
 ## 1.0
 
+### 1.4.8
+
+- Fix Category Widget Blanks [#210](https://github.com/CartoDB/meridian-ds/pull/210)
+- Add support for labels in Pie widget legend and ChartLegend [#208](https://github.com/CartoDB/meridian-ds/pull/208)
+
 ### 1.4.7
 
 - Fix Category Widget max value calculation [#206](https://github.com/CartoDB/meridian-ds/pull/206)
 
 ### 1.4.6
 
-- Fix tooltips in ChartLegend pagination buttons [201](https://github.com/CartoDB/meridian-ds/pull/201)
-- Remove `scrollIntoView` from Category Widget [203](https://github.com/CartoDB/meridian-ds/pull/203)
+- Fix tooltips in ChartLegend pagination buttons [#201](https://github.com/CartoDB/meridian-ds/pull/201)
+- Remove `scrollIntoView` from Category Widget [#203](https://github.com/CartoDB/meridian-ds/pull/203)
 
 ### 1.4.5
 

package/dist/types/widgets/CategoryWidgetUI/CategoryWidgetUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryWidgetUI.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CategoryWidgetUI/CategoryWidgetUI.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,SAAS,EAAW,MAAM,YAAY,CAAA;AAkB/C,OAAO,EAAE,UAAU,EAAiB,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAwB,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAI7E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAChD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAA;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAA;IAC/B,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;CAC9D,CAAA;AAOD,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,SAAoB,EACpB,MAAkB,EAClB,QAAY,EACZ,WAAW,EACX,KAA0B,EAC1B,kBAA8B,EAC9B,0BAAqC,EACrC,SAAgB,EAChB,UAAiB,EACjB,UAAiB,EACjB,SAAS,GACV,EAAE,qBAAqB,2CAmlBvB;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"CategoryWidgetUI.d.ts","sourceRoot":"","sources":["../../../../src/widgets/CategoryWidgetUI/CategoryWidgetUI.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAW,MAAM,YAAY,CAAA;AAkB/C,OAAO,EAAE,UAAU,EAAiB,MAAM,wBAAwB,CAAA;AAClE,OAAO,EAAwB,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAI7E,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAChD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,EAAE,QAAQ,CAAA;CACf,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,cAAc,CAAA;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,CAAA;IAC/B,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,KAAK,IAAI,CAAA;CAC9D,CAAA;AAOD,iBAAS,gBAAgB,CAAC,EACxB,IAAI,EACJ,SAAoB,EACpB,MAAkB,EAClB,QAAY,EACZ,WAAW,EACX,KAA0B,EAC1B,kBAA8B,EAC9B,0BAAqC,EACrC,SAAgB,EAChB,UAAiB,EACjB,UAAiB,EACjB,SAAS,GACV,EAAE,qBAAqB,2CA4kBvB;AAED,eAAe,gBAAgB,CAAA"}

package/dist/types/widgets/ChartLegend.d.ts

@@ -1,10 +1,11 @@
-export default function ChartLegend({ series, selectedCategories, onCategoryClick, }: {
+export default function ChartLegend({ series, selectedCategories, labels, onCategoryClick, }: {
     series: {
         name: string;
         color: string;
         value?: number;
     }[];
     selectedCategories: string[];
+    labels?: Record<string, string>;
     onCategoryClick?: (categoryName: string) => void;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChartLegend.d.ts.map

package/dist/types/widgets/ChartLegend.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/widgets/ChartLegend.tsx"],"names":[],"mappings":"AAkEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,kBAAkB,EAClB,eAAe,GAChB,EAAE;IACD,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzD,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,2CA+IA"}
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/widgets/ChartLegend.tsx"],"names":[],"mappings":"AAoEA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,kBAAkB,EAClB,MAAkB,EAClB,eAAe,GAChB,EAAE;IACD,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACzD,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,2CAkJA"}

package/dist/types/widgets/PieWidgetUI/PieWidgetUI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PieWidgetUI.d.ts","sourceRoot":"","sources":["../../../../src/widgets/PieWidgetUI/PieWidgetUI.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAA;AAIzE,OAAO,EAA0B,aAAa,EAAE,MAAM,wBAAwB,CAAA;AA2C9E,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,IAAI,EACJ,SAAiD,EACjD,gBAA0C,EAC1C,gBAAgB,EAChB,MAAmB,EACnB,KAAkB,EAClB,MAAkB,EAClB,MAA8B,EAC9B,SAAgB,EAChB,UAAiB,EACjB,kBAA0C,EAC1C,0BAA0B,EAC1B,SAAS,EACT,QAAa,EACb,WAAW,EACX,KAA0B,GAC3B,EAAE,gBAAgB,2CA8NlB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG;IACjD,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACrC,gBAAgB,CAAC,EAAE,OAAO,uBAAuB,CAAA;IACjD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,iBAAS,uBAAuB,CAC9B,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EACpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,iBAiB5C"}
+{"version":3,"file":"PieWidgetUI.d.ts","sourceRoot":"","sources":["../../../../src/widgets/PieWidgetUI/PieWidgetUI.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAwB,MAAM,wBAAwB,CAAA;AAIzE,OAAO,EAA0B,aAAa,EAAE,MAAM,wBAAwB,CAAA;AA2C9E,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,IAAI,EACJ,IAAI,EACJ,SAAiD,EACjD,gBAA0C,EAC1C,gBAAgB,EAChB,MAAmB,EACnB,KAAkB,EAClB,MAAkB,EAClB,MAA8B,EAC9B,SAAgB,EAChB,UAAiB,EACjB,kBAA0C,EAC1C,0BAA0B,EAC1B,SAAS,EACT,QAAa,EACb,WAAW,EACX,KAA0B,GAC3B,EAAE,gBAAgB,2CA+NlB;AAED,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG;IACjD,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACrC,gBAAgB,CAAC,EAAE,OAAO,uBAAuB,CAAA;IACjD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC7B,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,UAAU,CAAA;CACnB,CAAA;AAED,iBAAS,uBAAuB,CAC9B,MAAM,EAAE,aAAa,EACrB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,EACpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,iBAiB5C"}

package/dist/widgets/index.cjs

@@ -33,7 +33,7 @@ function processFormatterResult(formatterResult) {
   return `${formatterResult.prefix ?? ""}${formatterResult.value}${formatterResult.suffix ?? ""}`;
 }
 const EMPTY_ARR$8 = [];
-const EMPTY_OBJ$5 = {};
+const EMPTY_OBJ$6 = {};
 const IDENTITY$5 = (n) => n;
 function defaultTooltipFormatter$5(params, yAxisFormatter) {
   if (!params) {
@@ -62,7 +62,7 @@ function defaultTooltipFormatter$5(params, yAxisFormatter) {
 }
 function useProcessedProps({
   height,
-  labels = EMPTY_OBJ$5,
+  labels = EMPTY_OBJ$6,
   yAxisData: _yAxisData,
   selectedBars: _selectedBars = EMPTY_ARR$8,
   series: _series,
@@ -786,13 +786,13 @@ function animateValues({
   requestRef.current = requestAnimationFrame(animate);
 }
 const EMPTY_ARR$7 = [];
-const EMPTY_OBJ$4 = {};
+const EMPTY_OBJ$5 = {};
 const IDENTITY$4 = (v) => v;
 const EMPTY_FN$a = () => void 0;
 function CategoryWidgetUI({
   data,
   formatter = IDENTITY$4,
-  labels = EMPTY_OBJ$4,
+  labels = EMPTY_OBJ$5,
   maxItems = 5,
   othersValue,
   order = OrderTypes.Ranking,
@@ -1242,9 +1242,6 @@ function CategoryWidgetUI({
     /* @__PURE__ */ jsxRuntime.jsx(CategoriesWrapper, { container: true, item: true, children: animValues.length ? /* @__PURE__ */ jsxRuntime.jsx(
       reactWindow.FixedSizeList,
       {
-        outerElementType: React.forwardRef(
-          (props, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-testid": "category-widget-list", ...props })
-        ),
         height: getFixedSizeListHeight(),
         width: "100%",
         itemCount: animValues.length,
@@ -2069,9 +2066,11 @@ const Circle$1 = material.styled(material.Box, {
     height: size
   };
 });
+const EMPTY_OBJ$4 = {};
 function ChartLegend({
   series,
   selectedCategories,
+  labels = EMPTY_OBJ$4,
   onCategoryClick
 }) {
   var _a, _b;
@@ -2138,6 +2137,7 @@ function ChartLegend({
         children: series.map((category, i) => {
           if (i < offset) return null;
           const selected = selectedCategories.length === 0 || selectedCategories.includes(category.name);
+          const label = category.name in labels ? labels[category.name] : category.name;
           return /* @__PURE__ */ jsxRuntime.jsxs(
             Item,
             {
@@ -2159,7 +2159,7 @@ function ChartLegend({
                   {
                     variant: "overline",
                     color: selected ? void 0 : "text.disabled",
-                    children: category.name
+                    children: label
                   }
                 )
               ]
@@ -2434,6 +2434,7 @@ function PieWidgetUI({
       ChartLegend,
       {
         series: processedData,
+        labels,
         selectedCategories,
         onCategoryClick: onSelectedCategoriesChange && handleLegendClick
       }

package/dist/widgets/index.js

@@ -1,5 +1,5 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import React, { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createContext, useContext, useLayoutEffect, createRef } from "react";
+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, IconButton as IconButton$1, Menu, MenuItem, SvgIcon, lighten, Typography as Typography$1, ClickAwayListener, ToggleButton, capitalize, ListItem, Chip, List, Paper, Popover, Select, ListItemText, Collapse, Drawer, Icon, LinearProgress } from "@mui/material";
 import { useIntl } from "react-intl";
 import { d as getDefaultExportFromCjs, u as useImperativeIntl, T as Typography, S as SPACING, B as BREAKPOINTS, a as TablePaginationActions, b as ICON_SIZE_MEDIUM } from "../TablePaginationActions-KpTvhN4Y.js";
@@ -31,7 +31,7 @@ function processFormatterResult(formatterResult) {
   return `${formatterResult.prefix ?? ""}${formatterResult.value}${formatterResult.suffix ?? ""}`;
 }
 const EMPTY_ARR$8 = [];
-const EMPTY_OBJ$5 = {};
+const EMPTY_OBJ$6 = {};
 const IDENTITY$5 = (n) => n;
 function defaultTooltipFormatter$5(params, yAxisFormatter) {
   if (!params) {
@@ -60,7 +60,7 @@ function defaultTooltipFormatter$5(params, yAxisFormatter) {
 }
 function useProcessedProps({
   height,
-  labels = EMPTY_OBJ$5,
+  labels = EMPTY_OBJ$6,
   yAxisData: _yAxisData,
   selectedBars: _selectedBars = EMPTY_ARR$8,
   series: _series,
@@ -784,13 +784,13 @@ function animateValues({
   requestRef.current = requestAnimationFrame(animate);
 }
 const EMPTY_ARR$7 = [];
-const EMPTY_OBJ$4 = {};
+const EMPTY_OBJ$5 = {};
 const IDENTITY$4 = (v) => v;
 const EMPTY_FN$a = () => void 0;
 function CategoryWidgetUI({
   data,
   formatter = IDENTITY$4,
-  labels = EMPTY_OBJ$4,
+  labels = EMPTY_OBJ$5,
   maxItems = 5,
   othersValue,
   order = OrderTypes.Ranking,
@@ -1240,9 +1240,6 @@ function CategoryWidgetUI({
     /* @__PURE__ */ jsx(CategoriesWrapper, { container: true, item: true, children: animValues.length ? /* @__PURE__ */ jsx(
       FixedSizeList,
       {
-        outerElementType: forwardRef(
-          (props, ref) => /* @__PURE__ */ jsx("div", { ref, "data-testid": "category-widget-list", ...props })
-        ),
         height: getFixedSizeListHeight(),
         width: "100%",
         itemCount: animValues.length,
@@ -2067,9 +2064,11 @@ const Circle$1 = styled(Box, {
     height: size
   };
 });
+const EMPTY_OBJ$4 = {};
 function ChartLegend({
   series,
   selectedCategories,
+  labels = EMPTY_OBJ$4,
   onCategoryClick
 }) {
   var _a, _b;
@@ -2136,6 +2135,7 @@ function ChartLegend({
         children: series.map((category, i) => {
           if (i < offset) return null;
           const selected = selectedCategories.length === 0 || selectedCategories.includes(category.name);
+          const label = category.name in labels ? labels[category.name] : category.name;
           return /* @__PURE__ */ jsxs(
             Item,
             {
@@ -2157,7 +2157,7 @@ function ChartLegend({
                   {
                     variant: "overline",
                     color: selected ? void 0 : "text.disabled",
-                    children: category.name
+                    children: label
                   }
                 )
               ]
@@ -2432,6 +2432,7 @@ function PieWidgetUI({
       ChartLegend,
       {
         series: processedData,
+        labels,
         selectedCategories,
         onCategoryClick: onSelectedCategoriesChange && handleLegendClick
       }

package/package.json

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