oolib 2.175.0 → 2.175.1

package/dist/stories/v2/components/BarChart.stories.js

@@ -62,7 +62,11 @@ var BarChart = function (args) {
     };
     return (react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "20px" } },
         react_1.default.createElement("div", null,
-            react_1.default.createElement(BarChart_1.BarChart, { data: [
+            react_1.default.createElement(BarChart_1.BarChart
+            // showPercent={false}
+            , { 
+                // showPercent={false}
+                data: [
                     {
                         display: "Logged In Once",
                         // stack1: 60,
@@ -71,6 +75,7 @@ var BarChart = function (args) {
                         stack4: 10,
                         stack5: 40,
                         stack6: 10,
+                        stack2Display: 'Labels Path Stack 2 Display'
                     },
                     {
                         display: "Registered Users",

package/dist/v2/components/BarChart/index.d.ts

@@ -21,6 +21,7 @@ export interface BarChartProps {
     tooltipLabelsMapping: {
         [key: string]: string;
     };
+    tooltipLabelsPath: string | string[];
     labelPath: string;
     onClick?: (name: string) => void;
     valueSuffix?: string;

package/dist/v2/components/BarChart/index.js

@@ -65,7 +65,7 @@ var CustomizedLabel_1 = require("./comps/CustomizedLabel");
 var colors_1 = require("../../themes/colors");
 var CustomTooltip_1 = __importDefault(require("./comps/CustomTooltip"));
 var usePrepareData = function (_a) {
-    var _data = _a._data, labelPath = _a.labelPath, valuePath = _a.valuePath, tooltipLabelsMapping = _a.tooltipLabelsMapping, isBreakdown = _a.isBreakdown, showPercent = _a.showPercent;
+    var _data = _a._data, labelPath = _a.labelPath, valuePath = _a.valuePath, tooltipLabelsMapping = _a.tooltipLabelsMapping, tooltipLabelsPath = _a.tooltipLabelsPath, isBreakdown = _a.isBreakdown, showPercent = _a.showPercent;
     return (0, react_1.useMemo)(function () {
         var finalData = __spreadArray([], _data, true);
         var totalCount = !isBreakdown
@@ -90,7 +90,9 @@ var usePrepareData = function (_a) {
                 return {
                     labels: __assign(__assign({}, (showPercent
                         ? { percentage: (0, _EXPORTS_1.getPercentage)(count, totalCount[index]) }
-                        : {})), { count: count, tooltipLabel: (tooltipLabelsMapping === null || tooltipLabelsMapping === void 0 ? void 0 : tooltipLabelsMapping[path]) || path, name: (0, _EXPORTS_1.getVal)(d, labelPath) }),
+                        : {})), { count: count, tooltipLabel: tooltipLabelsPath
+                            ? tooltipLabelsPath[i] ? ((0, _EXPORTS_1.getVal)(d, tooltipLabelsPath[i]) || tooltipLabelsPath[i]) : path
+                            : ((tooltipLabelsMapping === null || tooltipLabelsMapping === void 0 ? void 0 : tooltipLabelsMapping[path]) || path), name: (0, _EXPORTS_1.getVal)(d, labelPath) }),
                 };
             });
         });
@@ -192,13 +194,14 @@ var barConfigs = {
     },
 };
 var BarChart = function (_a) {
-    var _data = _a.data, valuePath = _a.valuePath, tooltipLabelsMapping = _a.tooltipLabelsMapping, _b = _a.labelPath, labelPath = _b === void 0 ? "name" : _b, onClick = _a.onClick, _c = _a.breakdownDisplayType, breakdownDisplayType = _c === void 0 ? "grouped" : _c, _d = _a.showCount, showCount = _d === void 0 ? true : _d, _e = _a.showPercent, showPercent = _e === void 0 ? true : _e, _f = _a.colorIdx, colorIdx = _f === void 0 ? 0 : _f;
+    var _data = _a.data, valuePath = _a.valuePath, tooltipLabelsMapping = _a.tooltipLabelsMapping, tooltipLabelsPath = _a.tooltipLabelsPath, _b = _a.labelPath, labelPath = _b === void 0 ? "name" : _b, onClick = _a.onClick, _c = _a.breakdownDisplayType, breakdownDisplayType = _c === void 0 ? "grouped" : _c, _d = _a.showCount, showCount = _d === void 0 ? true : _d, _e = _a.showPercent, showPercent = _e === void 0 ? true : _e, _f = _a.colorIdx, colorIdx = _f === void 0 ? 0 : _f;
     var isBreakdown = Array.isArray(valuePath);
     var data = usePrepareData({
         _data: _data,
         labelPath: labelPath,
         valuePath: valuePath,
         tooltipLabelsMapping: tooltipLabelsMapping,
+        tooltipLabelsPath: tooltipLabelsPath,
         isBreakdown: isBreakdown,
         showPercent: showPercent,
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.175.0",
+  "version": "2.175.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",