@carto/meridian-ds 2.9.3 → 2.9.4

package/CHANGELOG.md

@@ -4,6 +4,10 @@
 
 ## 2.0
 
+### 2.9.4
+
+- fix(widgets): Support null values in PieWidgetUI [#349](https://github.com/CartoDB/meridian-ds/pull/349)
+
 ### 2.9.3
 
 - Custom Icons: SwitchAccessShortcut [#347](https://github.com/CartoDB/meridian-ds/pull/347)

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

@@ -1,11 +1,13 @@
+type Category = string | null;
 export default function ChartLegend({ series, selectedCategories, labels, onCategoryClick, }: {
     series: {
-        name: string;
+        name: Category;
         color: string;
         value?: number;
     }[];
-    selectedCategories: string[];
+    selectedCategories: Category[];
     labels?: Record<string, string>;
-    onCategoryClick?: (categoryName: string) => void;
+    onCategoryClick?: (categoryName: Category) => void;
 }): import("react/jsx-runtime").JSX.Element;
+export {};
 //# 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,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,2CAsJA"}
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/widgets/ChartLegend.tsx"],"names":[],"mappings":"AAkEA,KAAK,QAAQ,GAAG,MAAM,GAAG,IAAI,CAAA;AAE7B,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,kBAAkB,EAClB,MAAkB,EAClB,eAAe,GAChB,EAAE;IACD,MAAM,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC3D,kBAAkB,EAAE,QAAQ,EAAE,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,KAAK,IAAI,CAAA;CACnD,2CA2JA"}

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

@@ -1,7 +1,7 @@
-import { PieChartData, ProcessedPieChartData } from './PieWidgetUI';
+import { PieCategory, PieChartData, ProcessedPieChartData } from './PieWidgetUI';
 export default function PieCentralText({ data, selectedCategories, formatter, }: {
     data: ProcessedPieChartData[];
-    selectedCategories: string[];
+    selectedCategories: PieCategory[];
     formatter: (value: number) => string;
 }): import("react/jsx-runtime").JSX.Element | null;
 /** Find the largest item in an array based on its value */

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

@@ -1 +1 @@
-{"version":3,"file":"PieCentralText.d.ts","sourceRoot":"","sources":["../../../../src/widgets/PieWidgetUI/PieCentralText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AA4BnE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,kBAAkB,EAClB,SAAS,GACV,EAAE;IACD,IAAI,EAAE,qBAAqB,EAAE,CAAA;IAC7B,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC,kDAiEA;AAED,2DAA2D;AAC3D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,4BAiBxD;AAED,iEAAiE;AACjE,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,UASrC"}
+{"version":3,"file":"PieCentralText.d.ts","sourceRoot":"","sources":["../../../../src/widgets/PieWidgetUI/PieCentralText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AA4BhF,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,kBAAkB,EAClB,SAAS,GACV,EAAE;IACD,IAAI,EAAE,qBAAqB,EAAE,CAAA;IAC7B,kBAAkB,EAAE,WAAW,EAAE,CAAA;IACjC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACrC,kDAiEA;AAED,2DAA2D;AAC3D,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,EAAE,4BAiBxD;AAED,iEAAiE;AACjE,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,UASrC"}

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

@@ -1,8 +1,9 @@
 import { OrderTypes } from '../../utils/chart-constants';
 import { TooltipParams } from '../../utils/formatter-utils';
 export default function PieWidgetUI({ name, data, formatter, tooltipFormatter, percentFormatter, height, width, labels, colors, animation, filterable, selectedCategories, onSelectedCategoriesChange, isLoading, maxItems, othersValue, order, }: PieWidgetUIProps): import("react/jsx-runtime").JSX.Element;
+export type PieCategory = string | null;
 export type PieChartData = {
-    name: string;
+    name: PieCategory;
     value?: number;
 };
 export type ProcessedPieChartData = PieChartData & {
@@ -20,8 +21,8 @@ export type PieWidgetUIProps = {
     width?: string;
     animation?: boolean;
     filterable?: boolean;
-    selectedCategories?: string[];
-    onSelectedCategoriesChange?: (categories: string[]) => void;
+    selectedCategories?: PieCategory[];
+    onSelectedCategoriesChange?: (categories: PieCategory[]) => void;
     isLoading?: boolean;
     maxItems?: number;
     /**

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,yBAAyB,CAAA;AAI1E,OAAO,EAA0B,aAAa,EAAE,MAAM,yBAAyB,CAAA;AA2C/E,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"}
+{"version":3,"file":"PieWidgetUI.d.ts","sourceRoot":"","sources":["../../../../src/widgets/PieWidgetUI/PieWidgetUI.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAA;AAI1E,OAAO,EAA0B,aAAa,EAAE,MAAM,yBAAyB,CAAA;AA2C/E,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,2CAgOlB;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,IAAI,CAAA;AAEvC,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,WAAW,CAAA;IACjB,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,WAAW,EAAE,CAAA;IAClC,0BAA0B,CAAC,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,KAAK,IAAI,CAAA;IAChE,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/types/widgets/PieWidgetUI/usePieCategories.d.ts

@@ -1,7 +1,7 @@
 import { OrderTypes } from '../../utils/chart-constants';
 import { PieChartData } from './PieWidgetUI';
 export default function usePieCategories(data: PieChartData[], order: OrderTypes, maxItems: number, colors: string[], othersValue?: number): (({
-    name: string;
+    name: import('./PieWidgetUI').PieCategory;
     value?: number;
     emphasis?: undefined;
 } | {

package/dist/widgets/index.cjs

@@ -969,7 +969,7 @@ function CategoryWidgetUI({
       if (name === REST_CATEGORY) {
         return `Others ${searchable ? "" : `(${getCategoriesCount()})`}`;
       } else {
-        return labels[String(name)] ?? String(name);
+        return labels[String(name)] ?? (name === null ? "NULL" : String(name));
       }
     },
     [getCategoriesCount, labels, searchable]
@@ -2166,7 +2166,8 @@ 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;
+          const labelKey = String(category.name);
+          const label = labelKey in labels ? labels[labelKey] : category.name === null ? "NULL" : category.name;
           return /* @__PURE__ */ jsxRuntime.jsxs(
             Item,
             {
@@ -2328,8 +2329,9 @@ function PieWidgetUI({
         data: processedData.map((item) => {
           const clonedItem = { ...item };
           const disabled = (selectedCategories == null ? void 0 : selectedCategories.length) && !selectedCategories.includes(clonedItem.name);
-          if (labels == null ? void 0 : labels[clonedItem.name]) {
-            clonedItem.name = labels[clonedItem.name];
+          const labelKey = String(clonedItem.name) ?? "";
+          if (labels == null ? void 0 : labels[labelKey]) {
+            clonedItem.name = labels[labelKey];
           }
           if (disabled) {
             return {
@@ -4837,7 +4839,8 @@ function TimeSeriesWidgetUIContent({
     {
       series,
       selectedCategories,
-      onCategoryClick: onSelectedCategoriesChange && handleCategoryClick
+      onCategoryClick: onSelectedCategoriesChange && // in TimeSeries we don't support null categories, so we're safe assume category is always a string
+      handleCategoryClick
     }
   );
   return /* @__PURE__ */ jsxRuntime.jsx(

package/dist/widgets/index.js

@@ -967,7 +967,7 @@ function CategoryWidgetUI({
       if (name === REST_CATEGORY) {
         return `Others ${searchable ? "" : `(${getCategoriesCount()})`}`;
       } else {
-        return labels[String(name)] ?? String(name);
+        return labels[String(name)] ?? (name === null ? "NULL" : String(name));
       }
     },
     [getCategoriesCount, labels, searchable]
@@ -2164,7 +2164,8 @@ 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;
+          const labelKey = String(category.name);
+          const label = labelKey in labels ? labels[labelKey] : category.name === null ? "NULL" : category.name;
           return /* @__PURE__ */ jsxs(
             Item,
             {
@@ -2326,8 +2327,9 @@ function PieWidgetUI({
         data: processedData.map((item) => {
           const clonedItem = { ...item };
           const disabled = (selectedCategories == null ? void 0 : selectedCategories.length) && !selectedCategories.includes(clonedItem.name);
-          if (labels == null ? void 0 : labels[clonedItem.name]) {
-            clonedItem.name = labels[clonedItem.name];
+          const labelKey = String(clonedItem.name) ?? "";
+          if (labels == null ? void 0 : labels[labelKey]) {
+            clonedItem.name = labels[labelKey];
           }
           if (disabled) {
             return {
@@ -4835,7 +4837,8 @@ function TimeSeriesWidgetUIContent({
     {
       series,
       selectedCategories,
-      onCategoryClick: onSelectedCategoriesChange && handleCategoryClick
+      onCategoryClick: onSelectedCategoriesChange && // in TimeSeries we don't support null categories, so we're safe assume category is always a string
+      handleCategoryClick
     }
   );
   return /* @__PURE__ */ jsx(

package/package.json

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