bento-charts 2.2.0 → 2.4.0

package/dist/Components/Maps/BentoPointMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BentoPointMap.js","sourceRoot":"","sources":["../../../src/Components/Maps/BentoPointMap.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAGpD,IAAM,aAAa,GAAG,UAAC,EAAkF;QAAhF,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,eAAe,qBAAA;IACtF,OAAO,CACL,KAAC,iBAAiB,aAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,gBAChF,IAAI,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC;YACT,IAAA,WAAW,GAAY,KAAK,YAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;YAErC,0GAA0G;YAC1G,IAAM,uBAAuB,GAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;YAEnF,OAAO,CACL,KAAC,MAAM,aAAS,QAAQ,EAAE,uBAAuB,gBAC/C,MAAC,KAAK,eACJ,sBAAI,KAAK,EAAE,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,gBACjD,OAAO,CAAC,CAAC,CAAC,qBAAG,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,gBAAG,KAAK,IAAK,CAAC,CAAC,CAAC,4BAAG,KAAK,GAAI,IACpE,EACJ,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAC1C,KANG,CAAC,CAOL,CACV,CAAC;QACJ,CAAC,CAAC,IACgB,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Components/Maps/controls/MapLegendContinuous.d.ts

@@ -0,0 +1,10 @@
+import type { ControlPosition } from 'leaflet';
+export interface MapLegendDiscreteProps {
+    position: ControlPosition;
+    minValue: number;
+    minColor: string;
+    maxValue: number;
+    maxColor: string;
+}
+declare const MapLegendContinuous: ({ position, minValue, minColor, maxValue, maxColor }: MapLegendDiscreteProps) => import("react/jsx-runtime").JSX.Element;
+export default MapLegendContinuous;

package/dist/Components/Maps/controls/MapLegendContinuous.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { controlPositionClasses } from './utils';
+var MapLegendContinuous = function (_a) {
+    var position = _a.position, minValue = _a.minValue, minColor = _a.minColor, maxValue = _a.maxValue, maxColor = _a.maxColor;
+    return (_jsx("div", __assign({ className: controlPositionClasses[position] }, { children: _jsx("div", __assign({ className: "leaflet-control bento-charts--map--legend" }, { children: _jsxs("div", __assign({ className: "bento-charts--map--legend--scale" }, { children: [_jsx("div", { className: "bento-charts--continuous-scale", style: { background: "linear-gradient(0deg, ".concat(minColor, " 0%, ").concat(maxColor, " 100%)") } }), _jsxs("div", __assign({ className: "bento-charts--map--legend--values" }, { children: [_jsx("span", { children: maxValue }), _jsx("span", { children: minValue })] }))] })) })) })));
+};
+export default MapLegendContinuous;
+//# sourceMappingURL=MapLegendContinuous.js.map

package/dist/Components/Maps/controls/MapLegendContinuous.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapLegendContinuous.js","sourceRoot":"","sources":["../../../../src/Components/Maps/controls/MapLegendContinuous.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAUjD,IAAM,mBAAmB,GAAG,UAAC,EAA4E;QAA1E,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC7E,OAAO,CACL,uBAAK,SAAS,EAAE,sBAAsB,CAAC,QAAQ,CAAC,gBAC9C,uBAAK,SAAS,EAAC,2CAA2C,gBACxD,wBAAK,SAAS,EAAC,kCAAkC,iBAC/C,cACE,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,EAAE,UAAU,EAAE,gCAAyB,QAAQ,kBAAQ,QAAQ,WAAQ,EAAE,GAChF,EACF,wBAAK,SAAS,EAAC,mCAAmC,iBAChD,yBAAO,QAAQ,GAAQ,EACvB,yBAAO,QAAQ,GAAQ,KACnB,KACF,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/Components/Maps/controls/MapLegendDiscrete.d.ts

@@ -0,0 +1,8 @@
+import type { ControlPosition } from 'leaflet';
+import type { MapDiscreteLegendItem } from '../../../types/mapTypes';
+export interface MapLegendDiscreteProps {
+    position: ControlPosition;
+    legendItems: MapDiscreteLegendItem[];
+}
+declare const MapLegendDiscrete: ({ position, legendItems }: MapLegendDiscreteProps) => import("react/jsx-runtime").JSX.Element;
+export default MapLegendDiscrete;

package/dist/Components/Maps/controls/MapLegendDiscrete.js

@@ -0,0 +1,22 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { controlPositionClasses } from './utils';
+var MapLegendDiscrete = function (_a) {
+    var position = _a.position, legendItems = _a.legendItems;
+    return (_jsx("div", __assign({ className: controlPositionClasses[position] }, { children: _jsx("div", __assign({ className: "leaflet-control bento-charts--map--legend" }, { children: _jsx("ul", { children: legendItems.map(function (_a, i) {
+                    var label = _a.label, color = _a.color;
+                    return (_jsxs("li", { children: [_jsx("span", { className: "bento-charts--map--legend--patch", style: { backgroundColor: color !== null && color !== void 0 ? color : "rgba(255, 255, 255, 0)" } }), label] }, i));
+                }) }) })) })));
+};
+export default MapLegendDiscrete;
+//# sourceMappingURL=MapLegendDiscrete.js.map

package/dist/Components/Maps/controls/MapLegendDiscrete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapLegendDiscrete.js","sourceRoot":"","sources":["../../../../src/Components/Maps/controls/MapLegendDiscrete.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAGA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAOjD,IAAM,iBAAiB,GAAG,UAAC,EAAiD;QAA/C,QAAQ,cAAA,EAAE,WAAW,iBAAA;IAChD,OAAO,CACL,uBAAK,SAAS,EAAE,sBAAsB,CAAC,QAAQ,CAAC,gBAC9C,uBAAK,SAAS,EAAC,2CAA2C,gBACxD,uBACG,WAAW,CAAC,GAAG,CAAC,UAAC,EAAgB,EAAE,CAAC;wBAAjB,KAAK,WAAA,EAAE,KAAK,WAAA;oBAAU,OAAA,CACxC,yBACE,eACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,wBAAwB,EAAE,GAC7D,EACD,KAAK,KALC,CAAC,CAML,CACN;gBARyC,CAQzC,CAAC,GACC,IACD,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/Components/Maps/controls/utils.d.ts

@@ -0,0 +1,4 @@
+import type { ControlPosition } from 'leaflet';
+export declare const controlPositionClasses: {
+    [x in ControlPosition]: string;
+};

package/dist/Components/Maps/controls/utils.js

@@ -0,0 +1,7 @@
+export var controlPositionClasses = {
+    bottomleft: 'leaflet-bottom leaflet-left',
+    bottomright: 'leaflet-bottom leaflet-right',
+    topleft: 'leaflet-top leaflet-left',
+    topright: 'leaflet-bottom leaflet-right',
+};
+//# sourceMappingURL=utils.js.map

package/dist/Components/Maps/controls/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/Components/Maps/controls/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,sBAAsB,GAAuC;IACxE,UAAU,EAAE,6BAA6B;IACzC,WAAW,EAAE,8BAA8B;IAC3C,OAAO,EAAE,0BAA0B;IACnC,QAAQ,EAAE,8BAA8B;CACzC,CAAC"}

package/dist/constants/chartConstants.d.ts

@@ -19,6 +19,5 @@ export declare const TICKS_SHOW_ALL_LABELS_BELOW = 11;
 export declare const TICK_MARGIN = 5;
 export declare const CHART_ASPECT_RATIO = 1.4;
 export declare const LABEL_THRESHOLD = 0.05;
-export declare const MAX_LABEL_CHARS = 14;
 export declare const OTHER_THRESHOLD = 0.01;
 export declare const RADIAN: number;

package/dist/constants/chartConstants.js

@@ -98,7 +98,6 @@ export var TICK_MARGIN = 5; // vertical spacing between tick line and tick label
 // pie chart
 export var CHART_ASPECT_RATIO = 1.4;
 export var LABEL_THRESHOLD = 0.05;
-export var MAX_LABEL_CHARS = 14;
 export var OTHER_THRESHOLD = 0.01;
 // ################### UTIL CONSTANTS ###################
 export var RADIAN = Math.PI / 180;

package/dist/constants/chartConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"chartConstants.js","sourceRoot":"","sources":["../../src/constants/chartConstants.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"chartConstants.js","sourceRoot":"","sources":["../../src/constants/chartConstants.ts"],"names":[],"mappings":"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"}

package/dist/constants/mapConstants.d.ts

@@ -0,0 +1,2 @@
+export declare const OSM_TILE_LAYER_ATTRIBUTION = "\n&copy; <a href='https://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\n";
+export declare const OSM_TILE_LAYER_TEMPLATE = "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png";

package/dist/constants/mapConstants.js

@@ -0,0 +1,3 @@
+export var OSM_TILE_LAYER_ATTRIBUTION = "\n&copy; <a href='https://www.openstreetmap.org/copyright'>OpenStreetMap</a> contributors\n";
+export var OSM_TILE_LAYER_TEMPLATE = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
+//# sourceMappingURL=mapConstants.js.map

package/dist/constants/mapConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapConstants.js","sourceRoot":"","sources":["../../src/constants/mapConstants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,0BAA0B,GAAG,6FAEzC,CAAC;AACF,MAAM,CAAC,IAAM,uBAAuB,GAAG,oDAAoD,CAAC"}

package/dist/index.js

@@ -1,5 +1,10 @@
+// Disable unused item linting in WebStorm:
+// noinspection JSUnusedGlobalSymbols
+// Categorical charts
 export { default as BarChart } from './Components/Charts/BentoBarChart';
 export { default as PieChart } from './Components/Charts/BentoPie';
+// Maps are not included in index.ts - instead, they need to be included from `bento-charts/maps`.
+// This way, we can have optional peer dependencies.
 export { default as ChartConfigProvider } from './ChartConfigProvider';
 export * from './types/chartTypes';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAEnE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,qCAAqC;AAErC,qBAAqB;AACrB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAEnE,kGAAkG;AAClG,oDAAoD;AAEpD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,oBAAoB,CAAC"}

package/dist/maps.d.ts

@@ -0,0 +1,3 @@
+export { default as PointMap } from './Components/Maps/BentoPointMap';
+export { default as ChoroplethMap } from './Components/Maps/BentoChoroplethMap';
+export * from './types/mapTypes';

package/dist/maps.js

@@ -0,0 +1,5 @@
+// Maps
+export { default as PointMap } from './Components/Maps/BentoPointMap';
+export { default as ChoroplethMap } from './Components/Maps/BentoChoroplethMap';
+export * from './types/mapTypes';
+//# sourceMappingURL=maps.js.map

package/dist/maps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"maps.js","sourceRoot":"","sources":["../src/maps.ts"],"names":[],"mappings":"AAAA,OAAO;AACP,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,cAAc,kBAAkB,CAAC"}

package/dist/types/chartTypes.d.ts

@@ -1,6 +1,6 @@
-import { PieProps, BarProps } from 'recharts';
-export type ChartDataType = ChartDataItem[];
-export interface ChartDataItem {
+import type { PieProps, BarProps } from 'recharts';
+export type CategoricalChartDataType = CategoricalChartDataItem[];
+export interface CategoricalChartDataItem {
     x: string;
     y: number;
 }
@@ -33,7 +33,7 @@ export type ChartTheme = {
 };
 export type FilterCallback<T> = (value: T, index: number, array: T[]) => boolean;
 export type UnitaryMapCallback<T> = (value: T, index: number, array: T[]) => T;
-export type ChartFilterCallback = FilterCallback<ChartDataItem>;
+export type ChartFilterCallback = FilterCallback<CategoricalChartDataItem>;
 export type SupportedLng = 'en' | 'fr';
 type TranslationWords = 'Count' | 'Other';
 export type LngDictionary = {
@@ -42,21 +42,24 @@ export type LngDictionary = {
 export type TranslationObject = {
     [key in SupportedLng]: LngDictionary;
 };
-interface BaseChartProps {
-    data: ChartDataType;
+export interface BaseChartComponentProps {
     height: number;
     preFilter?: ChartFilterCallback;
-    dataMap?: UnitaryMapCallback<ChartDataItem>;
+    dataMap?: UnitaryMapCallback<CategoricalChartDataItem>;
     postFilter?: ChartFilterCallback;
+}
+interface BaseCategoricalChartProps extends BaseChartComponentProps {
+    data: CategoricalChartDataType;
     removeEmpty?: boolean;
 }
-export interface PieChartProps extends BaseChartProps {
+export interface PieChartProps extends BaseCategoricalChartProps {
     colorTheme?: keyof ChartTheme['pie'];
     sort?: boolean;
     onClick?: PieProps['onClick'];
     chartThreshold?: number;
+    maxLabelChars?: number;
 }
-export interface BarChartProps extends BaseChartProps {
+export interface BarChartProps extends BaseCategoricalChartProps {
     colorTheme?: keyof ChartTheme['bar'];
     title?: string;
     units: string;

package/dist/types/geoJSONTypes.d.ts

@@ -0,0 +1,18 @@
+export interface GeoJSONGeomPolygon {
+    type: 'Polygon';
+    coordinates: number[][][];
+}
+export interface BentoGeoJSONProperties {
+    title: string;
+    [x: string]: unknown;
+}
+export interface GeoJSONPolygonFeature {
+    type: 'Feature';
+    geometry: GeoJSONGeomPolygon;
+    properties: BentoGeoJSONProperties;
+}
+export interface GeoJSONPolygonOnlyFeatureCollection {
+    type: 'FeatureCollection';
+    features: GeoJSONPolygonFeature[];
+    [x: string]: unknown;
+}

package/dist/types/geoJSONTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=geoJSONTypes.js.map

package/dist/types/geoJSONTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"geoJSONTypes.js","sourceRoot":"","sources":["../../src/types/geoJSONTypes.ts"],"names":[],"mappings":""}

package/dist/types/mapTypes.d.ts

@@ -0,0 +1,43 @@
+import { ReactElement, ReactNode } from 'react';
+import type { Feature as GeoJSONFeatureType } from 'geojson';
+import { BaseChartComponentProps, CategoricalChartDataType } from './chartTypes';
+import type { GeoJSONPolygonOnlyFeatureCollection } from './geoJSONTypes';
+export interface GeoPointDataItem {
+    coordinates: [number, number];
+    title: string;
+}
+type PointMapOnClick = (point: GeoPointDataItem) => void;
+type GeoJSONShapeOnClick = (shape: GeoJSONFeatureType) => void;
+export interface BaseMapProps extends BaseChartComponentProps {
+    center: [number, number];
+    zoom: number;
+    tileLayer?: ReactElement;
+}
+export interface PointMapProps extends BaseMapProps {
+    data: GeoPointDataItem[];
+    onClick?: PointMapOnClick;
+    renderPopupBody?: (p: GeoPointDataItem) => ReactNode;
+}
+export interface MapDiscreteLegendItem {
+    color: string | undefined;
+    label: string;
+}
+export interface ChoroplethMapColorModeContinuous {
+    mode: 'continuous';
+    minColor: string;
+    maxColor: string;
+}
+export interface ChoroplethMapColorModeDiscrete {
+    mode: 'discrete';
+    colorFunction: (x: number | undefined) => string;
+    legendItems: MapDiscreteLegendItem[];
+}
+export interface ChoroplethMapProps extends BaseMapProps {
+    data: CategoricalChartDataType;
+    features: GeoJSONPolygonOnlyFeatureCollection;
+    colorMode: ChoroplethMapColorModeContinuous | ChoroplethMapColorModeDiscrete;
+    categoryProp: string;
+    onClick?: GeoJSONShapeOnClick;
+    renderPopupBody?: (f: GeoJSONFeatureType, d: number | undefined) => ReactNode;
+}
+export {};

package/dist/types/mapTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=mapTypes.js.map

package/dist/types/mapTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mapTypes.js","sourceRoot":"","sources":["../../src/types/mapTypes.ts"],"names":[],"mappings":""}

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "bento-charts",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "Charts library for Bento-platform",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "scripts": {
     "build": "npx tsc",
     "prepublishOnly": "npm run build",
-    "lint": "npx eslint src/**",
-    "buildpack": "rm ./packs/*.tgz && tsc && npm pack --pack-destination ./packs"
+    "lint": "npx eslint src",
+    "buildpack": "rm ./packs/*.tgz && tsc && npm pack --pack-destination ./packs",
+    "test": "npx webpack-dev-server"
   },
   "release": {
     "branches": [
@@ -37,26 +38,48 @@
   },
   "homepage": "https://github.com/bento-platform/Bento-Charts#readme",
   "peerDependencies": {
+    "leaflet": "^1.9.4",
     "react": ">=16.0.0",
     "react-dom": ">=14.0.0",
+    "react-leaflet": "^4.2.1",
     "recharts": "^2.4.3"
   },
+  "peerDependenciesMeta": {
+    "leaflet": {
+      "optional": true
+    },
+    "react-leafet": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@commitlint/cli": "^17.4.4",
     "@commitlint/config-conventional": "^17.4.4",
     "@semantic-release/git": "^10.0.1",
+    "@types/leaflet": "^1.9.3",
     "@types/react": "^18.0.28",
     "@types/react-dom": "^18.0.10",
+    "@types/react-leaflet": "^3.0.0",
     "@types/recharts": "^1.8.24",
     "@typescript-eslint/eslint-plugin": "^5.56.0",
     "@typescript-eslint/parser": "^5.56.0",
+    "@webpack-cli/serve": "^2.0.5",
+    "antd": "^5.9.2",
+    "css-loader": "^6.8.1",
     "eslint": "^8.36.0",
     "eslint-plugin-react": "^7.32.2",
+    "file-loader": "^6.2.0",
+    "geojson": "^0.5.0",
+    "html-webpack-plugin": "^5.5.3",
     "husky": "^8.0.3",
     "prettier": "2.7.1",
     "semantic-release": "^20.1.3",
+    "style-loader": "^3.3.3",
     "ts-loader": "^9.4.2",
-    "typescript": "^4.9.5"
+    "typescript": "^4.9.5",
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
   },
   "prettier": {
     "trailingComma": "es5",
@@ -64,5 +87,8 @@
     "semi": true,
     "singleQuote": true,
     "printWidth": 120
+  },
+  "dependencies": {
+    "d3-interpolate": "^3.0.1"
   }
 }

package/src/ChartConfigProvider.tsx

@@ -1,18 +1,20 @@
 import React, { useContext } from 'react';
 
 import { DEFAULT_CHART_THEME, defaultTranslationObject } from './constants/chartConstants';
-import { ChartTheme, LngDictionary, SupportedLng, TranslationObject } from './types/chartTypes';
+import type { ChartTheme, LngDictionary, SupportedLng, TranslationObject } from './types/chartTypes';
 
 type ChartContextType = {
   theme: ChartTheme;
   translation: LngDictionary;
   threshold: number;
+  maxLabelChars: number;
 };
 
 const DEFAULT_CONTEXT: ChartContextType = {
   theme: DEFAULT_CHART_THEME,
   translation: defaultTranslationObject.en,
   threshold: 0,
+  maxLabelChars: 14,
 };
 
 const ChartContext = React.createContext<ChartContextType>(DEFAULT_CONTEXT);
@@ -29,7 +31,18 @@ export function useChartThreshold() {
   return useContext(ChartContext).threshold;
 }
 
-const ChartConfigProvider = ({ theme, Lng, translationMap, children, globalThreshold }: ChartConfigProviderProps) => {
+export function useChartMaxLabelChars() {
+  return useContext(ChartContext).maxLabelChars;
+}
+
+const ChartConfigProvider = ({
+  theme,
+  Lng,
+  translationMap,
+  children,
+  globalThreshold,
+  maxLabelChars,
+}: ChartConfigProviderProps) => {
   let lang: SupportedLng = 'en';
   try {
     lang = Lng as SupportedLng;
@@ -41,6 +54,7 @@ const ChartConfigProvider = ({ theme, Lng, translationMap, children, globalThres
     theme: theme ?? DEFAULT_CONTEXT.theme,
     translation: translationMap ? translationMap[lang] : defaultTranslationObject[lang],
     threshold: globalThreshold ?? DEFAULT_CONTEXT.threshold,
+    maxLabelChars: maxLabelChars ?? DEFAULT_CONTEXT.maxLabelChars,
   };
   return <ChartContext.Provider value={contextValue}>{children}</ChartContext.Provider>;
 };
@@ -51,6 +65,7 @@ type ChartConfigProviderProps = {
   translationMap?: TranslationObject;
   children: React.ReactElement;
   globalThreshold?: number;
+  maxLabelChars?: number;
 };
 
 export default ChartConfigProvider;

package/src/Components/Charts/BentoBarChart.tsx

@@ -13,7 +13,7 @@ import {
   TICK_MARGIN,
 } from '../../constants/chartConstants';
 
-import type { BarChartProps, ChartDataItem, TooltipPayload } from '../../types/chartTypes';
+import type { BarChartProps, CategoricalChartDataItem, TooltipPayload } from '../../types/chartTypes';
 import { useChartTheme, useChartTranslation } from '../../ChartConfigProvider';
 import NoData from '../NoData';
 
@@ -39,7 +39,7 @@ const BentoBarChart = ({
   const t = useChartTranslation();
   const { fill: chartFill, missing } = useChartTheme().bar[colorTheme];
 
-  const fill = (entry: ChartDataItem) => (entry.x === 'missing' ? missing : chartFill);
+  const fill = (entry: CategoricalChartDataItem) => (entry.x === 'missing' ? missing : chartFill);
 
   data = [...data];
   if (preFilter) data = data.filter(preFilter);

package/src/Components/Charts/BentoPie.tsx

@@ -9,23 +9,27 @@ import {
   CHART_MISSING_FILL,
   CHART_WRAPPER_STYLE,
   RADIAN,
-  MAX_LABEL_CHARS,
   CHART_ASPECT_RATIO,
   LABEL_THRESHOLD,
   COUNT_TEXT_STYLE,
   TEXT_STYLE,
 } from '../../constants/chartConstants';
 import type { PieChartProps, TooltipPayload } from '../../types/chartTypes';
-import { useChartTheme, useChartTranslation, useChartThreshold } from '../../ChartConfigProvider';
+import {
+  useChartTheme,
+  useChartTranslation,
+  useChartThreshold,
+  useChartMaxLabelChars,
+} from '../../ChartConfigProvider';
 import { polarToCartesian } from '../../util/chartUtils';
 import NoData from '../NoData';
 
-const labelShortName = (name: string) => {
-  if (name.length <= MAX_LABEL_CHARS) {
+const labelShortName = (name: string, maxChars: number) => {
+  if (name.length <= maxChars) {
     return name;
   }
   // removing 3 character cause ... s add three characters
-  return `${name.substring(0, MAX_LABEL_CHARS - 3)}\u2026`;
+  return `${name.substring(0, maxChars - 3)}\u2026`;
 };
 
 const BentoPie = ({
@@ -39,6 +43,7 @@ const BentoPie = ({
   removeEmpty = true,
   colorTheme = 'default',
   chartThreshold = useChartThreshold(),
+  maxLabelChars = useChartMaxLabelChars(),
 }: PieChartProps) => {
   const t = useChartTranslation();
   const theme = useChartTheme().pie[colorTheme];
@@ -103,7 +108,7 @@ const BentoPie = ({
             cy="50%"
             innerRadius={35}
             outerRadius={80}
-            label={RenderLabel}
+            label={RenderLabel(maxLabelChars)}
             labelLine={false}
             isAnimationActive={false}
             onMouseEnter={onEnter}
@@ -139,64 +144,66 @@ const toNumber = (val: number | string | undefined, defaultValue?: number): numb
   return defaultValue || 0;
 };
 
-const RenderLabel: PieProps['label'] = (params: PieLabelRenderProps) => {
-  const { fill, payload, index, activeIndex } = params;
-  const percent = params.percent || 0;
-  const midAngle = params.midAngle || 0;
+const RenderLabel =
+  (maxLabelChars: number): PieProps['label'] =>
+  (params: PieLabelRenderProps) => {  // eslint-disable-line
+    const { fill, payload, index, activeIndex } = params;
+    const percent = params.percent || 0;
+    const midAngle = params.midAngle || 0;
 
-  // skip rendering this static label if the sector is selected.
-  // this will let the 'renderActiveState' draw without overlapping.
-  // also, skip rendering if segment is too small a percentage (avoids label clutter)
-  if (index === activeIndex || percent < LABEL_THRESHOLD) {
-    return;
-  }
+    // skip rendering this static label if the sector is selected.
+    // this will let the 'renderActiveState' draw without overlapping.
+    // also, skip rendering if segment is too small a percentage (avoids label clutter)
+    if (index === activeIndex || percent < LABEL_THRESHOLD) {
+      return;
+    }
 
-  const outerRadius = toNumber(params.outerRadius);
-  const cx = toNumber(params.cx);
-  const cy = toNumber(params.cy);
+    const outerRadius = toNumber(params.outerRadius);
+    const cx = toNumber(params.cx);
+    const cy = toNumber(params.cy);
 
-  const name = payload.name === 'null' ? '(Empty)' : payload.name;
+    const name = payload.name === 'null' ? '(Empty)' : payload.name;
 
-  const sin = Math.sin(-RADIAN * midAngle);
-  const cos = Math.cos(-RADIAN * midAngle);
-  const sx = cx + (outerRadius + 10) * cos;
-  const sy = cy + (outerRadius + 10) * sin;
-  const mx = cx + (outerRadius + 20) * cos;
-  const my = cy + (outerRadius + 20) * sin;
-  const ex = mx + (cos >= 0 ? 1 : -1) * 22;
-  const ey = my;
-  const textAnchor = cos >= 0 ? 'start' : 'end';
+    const sin = Math.sin(-RADIAN * midAngle);
+    const cos = Math.cos(-RADIAN * midAngle);
+    const sx = cx + (outerRadius + 10) * cos;
+    const sy = cy + (outerRadius + 10) * sin;
+    const mx = cx + (outerRadius + 20) * cos;
+    const my = cy + (outerRadius + 20) * sin;
+    const ex = mx + (cos >= 0 ? 1 : -1) * 22;
+    const ey = my;
+    const textAnchor = cos >= 0 ? 'start' : 'end';
 
-  const currentTextStyle: CSS.Properties = {
-    ...TEXT_STYLE,
-    fontWeight: payload.selected ? 'bold' : 'normal',
-    fontStyle: payload.name === 'null' ? 'italic' : 'normal',
-  };
+    const currentTextStyle: CSS.Properties = {
+      ...TEXT_STYLE,
+      fontWeight: payload.selected ? 'bold' : 'normal',
+      fontStyle: payload.name === 'null' ? 'italic' : 'normal',
+    };
 
-  const offsetRadius = 20;
-  const startPoint = polarToCartesian(cx, cy, outerRadius, midAngle);
-  const endPoint = polarToCartesian(cx, cy, outerRadius + offsetRadius, midAngle);
-  const lineProps = {
-    ...params,
-    fill: 'none',
-    stroke: fill,
-    points: [startPoint, endPoint],
-  };
+    const offsetRadius = 20;
+    const startPoint = polarToCartesian(cx, cy, outerRadius, midAngle);
+    const endPoint = polarToCartesian(cx, cy, outerRadius + offsetRadius, midAngle);
+    const lineProps = {
+      ...params,
+      fill: 'none',
+      stroke: fill,
+      points: [startPoint, endPoint],
+    };
 
-  return (
-    <g>
-      <Curve {...lineProps} type="linear" className="recharts-pie-label-line" />
-      <path d={`M${sx},${sy}L${mx},${my}L${ex},${ey}`} stroke={fill} fill="none" />
-      <circle cx={ex} cy={ey} r={2} fill={fill} stroke="none" />
-      <text x={ex + (cos >= 0 ? 1 : -1) * 12} y={ey + 3} textAnchor={textAnchor} style={currentTextStyle}>
-        {labelShortName(name)}
-      </text>
-      <text x={ex + (cos >= 0 ? 1 : -1) * 12} y={ey} dy={14} textAnchor={textAnchor} style={COUNT_TEXT_STYLE}>
-        {`(${payload.value})`}
-      </text>
-    </g>
-  );
-};
+    return (
+      <g>
+        <Curve {...lineProps} type="linear" className="recharts-pie-label-line" />
+        <path d={`M${sx},${sy}L${mx},${my}L${ex},${ey}`} stroke={fill} fill="none" />
+        <circle cx={ex} cy={ey} r={2} fill={fill} stroke="none" />
+        <text x={ex + (cos >= 0 ? 1 : -1) * 12} y={ey + 3} textAnchor={textAnchor} style={currentTextStyle}>
+          {labelShortName(name, maxLabelChars)}
+        </text>
+        <text x={ex + (cos >= 0 ? 1 : -1) * 12} y={ey} dy={14} textAnchor={textAnchor} style={COUNT_TEXT_STYLE}>
+          {`(${payload.value})`}
+        </text>
+      </g>
+    );
+  };
 
 const RenderActiveLabel: PieProps['activeShape'] = (params) => {
   const { cx, cy, innerRadius, outerRadius, startAngle, endAngle, fill } = params;