oolib 2.174.1 → 2.175.1

package/dist/components/EmptyStates/config/index.d.ts

@@ -1,8 +1,9 @@
-export function getEmptyStatesConfig({ preset, title, contentTypeTitle, commaSeparatedTags }: {
+export function getEmptyStatesConfig({ preset, title, contentTypeTitle, commaSeparatedTags, localize }: {
     preset: any;
     title: any;
     contentTypeTitle: any;
     commaSeparatedTags: any;
+    localize: any;
 }): {
     align: string;
     image: {
@@ -13,7 +14,7 @@ export function getEmptyStatesConfig({ preset, title, contentTypeTitle, commaSep
         };
     };
     title: string;
-    subtitle: string;
+    subtitle: any;
     imageSize?: undefined;
     button?: undefined;
     link?: undefined;
@@ -28,7 +29,7 @@ export function getEmptyStatesConfig({ preset, title, contentTypeTitle, commaSep
     };
     imageSize: number;
     title: string;
-    subtitle: string;
+    subtitle: any;
     button?: undefined;
     link?: undefined;
 } | {
@@ -78,7 +79,7 @@ export function getEmptyStatesConfig({ preset, title, contentTypeTitle, commaSep
             height?: undefined;
         };
     };
-    title: string;
+    title: any;
     subtitle: string;
     link: {
         text: string;

package/dist/components/EmptyStates/config/index.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getEmptyStatesConfig = void 0;
 var getEmptyStatesConfig = function (_a) {
-    var preset = _a.preset, title = _a.title, contentTypeTitle = _a.contentTypeTitle, commaSeparatedTags = _a.commaSeparatedTags;
+    var preset = _a.preset, title = _a.title, contentTypeTitle = _a.contentTypeTitle, commaSeparatedTags = _a.commaSeparatedTags, localize = _a.localize;
     switch (preset) {
         case "multipleCollectionsListing":
             return {
@@ -15,7 +15,7 @@ var getEmptyStatesConfig = function (_a) {
                     },
                 },
                 title: "No tags added",
-                subtitle: "Publishing under ".concat(commaSeparatedTags, " shows all tagged content here, You can edit published content in future, when required."),
+                subtitle: localize("Publishing under <word1 : ".concat(commaSeparatedTags, "> shows all tagged content here, You can edit published content in future, when required.")),
             };
         case "multiplePublishingListing":
             return {
@@ -41,7 +41,7 @@ var getEmptyStatesConfig = function (_a) {
                     },
                 },
                 title: "No ".concat(contentTypeTitle === null || contentTypeTitle === void 0 ? void 0 : contentTypeTitle.toLowerCase(), " Added"),
-                subtitle: "Publishing under ".concat(contentTypeTitle === null || contentTypeTitle === void 0 ? void 0 : contentTypeTitle.toLowerCase(), " shows your content here, You can edit published content in future, when required."),
+                subtitle: localize("Publishing under <word1 : ".concat(contentTypeTitle === null || contentTypeTitle === void 0 ? void 0 : contentTypeTitle.toLowerCase(), "> shows your content here, You can edit published content in future, when required.")),
             };
         case "singleCollectionsListing":
             return {
@@ -55,7 +55,7 @@ var getEmptyStatesConfig = function (_a) {
                 },
                 imageSize: 80,
                 title: "No ".concat(contentTypeTitle === null || contentTypeTitle === void 0 ? void 0 : contentTypeTitle.toLowerCase(), " Added"),
-                subtitle: "Publishing under ".concat(contentTypeTitle === null || contentTypeTitle === void 0 ? void 0 : contentTypeTitle.toLowerCase(), " shows your content here, You can edit published content in future, when required."),
+                subtitle: localize("Publishing under <word1 : ".concat(contentTypeTitle === null || contentTypeTitle === void 0 ? void 0 : contentTypeTitle.toLowerCase(), "> shows your content here, You can edit published content in future, when required.")),
             };
         case "profileListing":
             return {
@@ -202,7 +202,7 @@ var getEmptyStatesConfig = function (_a) {
                         opacity: 0.6,
                     },
                 },
-                title: "Cant find any content for ".concat(contentTypeTitle),
+                title: localize("Cant find any content for <word1 : ".concat(contentTypeTitle, ">")),
                 subtitle: "Sorry we couldn’t find any matches for this. Please make sure the words are spelled correctly",
                 link: {
                     // onClick: action,

package/dist/components/EmptyStates/index.js

@@ -7,14 +7,17 @@ exports.EmptyStates = void 0;
 var react_1 = __importDefault(require("react"));
 var EmptyStatesRenderer_1 = require("./comps/EmptyStatesRenderer");
 var config_1 = require("./config");
+var utilsOolib_1 = require("../../utilsOolib");
 var EmptyStates = function (_a) {
     var _b = _a.preset, preset = _b === void 0 ? "multiplePublishingListing" : _b, contentTypeTitle = _a.contentTypeTitle, titleProp = _a.title, tags = _a.tags, onClick = _a.onClick;
     var commaSeparatedTags = tags === null || tags === void 0 ? void 0 : tags.map(function (item) { return item.toLowerCase(); }).join(",");
+    var localize = (0, utilsOolib_1.useLocale)();
     var _c = (0, config_1.getEmptyStatesConfig)({
         preset: preset,
         contentTypeTitle: contentTypeTitle,
         commaSeparatedTags: commaSeparatedTags,
-        title: titleProp
+        title: titleProp,
+        localize: localize
     }), image = _c.image, title = _c.title, subtitle = _c.subtitle, link = _c.link, button = _c.button, align = _c.align;
     return (react_1.default.createElement(EmptyStatesRenderer_1.EmptyStatesRenderer, { image: image, align: align, title: title, subtitle: subtitle, link: link, button: button, onClick: onClick, preset: preset }));
 };

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.174.1",
+  "version": "2.175.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",