oolib 2.213.4 → 2.214.0

package/dist/v2/components/dataviz/BarGraphCollection/index.js

@@ -1,162 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BarGraph = exports.BarGraphCollection = exports.BAR_GAP = exports.DEFAULT_SINGLE_BAR_WIDTH = exports.BAR_GRAPH_HEIGHT = void 0;
-var react_1 = __importStar(require("react"));
-var __1 = require("../../../..");
-var __2 = require("../../../..");
-var styled_1 = require("./styled");
-var useGetDimensions_1 = require("./utils/useGetDimensions");
-// import { __GetContentTypeConfigNew } from "../../../../../utils/getters/gettersV2";
-var CustomTooltip_1 = __importDefault(require("../BarChart/comps/CustomTooltip"));
-var usePrepareData_1 = require("./utils/usePrepareData");
-var BarChart_1 = require("../BarChart");
-var grey5 = __1.colors2.grey5;
-exports.BAR_GRAPH_HEIGHT = 250;
-exports.DEFAULT_SINGLE_BAR_WIDTH = 24;
-exports.BAR_GAP = 0.3;
-var BarGraphCollection = function (_a) {
-    var originalData = _a.data, valuePath = _a.valuePath, _b = _a.labelPath, labelPath = _b === void 0 ? "display" : _b, _c = _a.tooltipLabelsMapping, tooltipLabelsMapping = _c === void 0 ? {} : _c, onClick = _a.onClick, _d = _a.showCount, showCount = _d === void 0 ? true : _d, _e = _a.showPercent, showPercent = _e === void 0 ? true : _e, groupBy = _a.groupBy, totalDataCount = _a.totalDataCount, debug = _a.debug
-    // tooltipLabelsPath,
-    // colorIdx = 0,
-    // summarizeAfterIdx = 5,
-    // breakdownDisplayType = "grouped"
-    ;
-    var containerRef = (0, react_1.useRef)();
-    var _f = (0, react_1.useState)(0), containerWidth = _f[0], setContainerWidth = _f[1];
-    var highestCount = originalData === null || originalData === void 0 ? void 0 : originalData.reduce(function (highest, item) { return item.value > highest ? item.value : highest; }, 0);
-    var transformedData = (0, react_1.useMemo)(function () {
-        return (0, usePrepareData_1.usePrepareData)({ data: originalData, valuePath: valuePath, labelPath: labelPath, tooltipLabelsMapping: tooltipLabelsMapping, groupBy: groupBy });
-    }, [originalData, valuePath, labelPath, tooltipLabelsMapping, groupBy]);
-    var data = (0, useGetDimensions_1.useGetDimensions)(transformedData, exports.BAR_GRAPH_HEIGHT, containerWidth, totalDataCount, highestCount);
-    (0, react_1.useEffect)(function () {
-        var handleResize = function () {
-            var _a, _b;
-            setContainerWidth((_b = (_a = containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width);
-        };
-        handleResize();
-        window.addEventListener("resize", handleResize);
-        return function () { return window.removeEventListener("resize", handleResize); };
-    }, [transformedData]);
-    if ((data === null || data === void 0 ? void 0 : data.length) === 0) {
-        return null;
-    }
-    var barDivisions = (0, useGetDimensions_1.divideBarIntoEqualParts)(highestCount);
-    return (react_1.default.createElement(styled_1.StyledBarGraphContainer, { style: { width: "auto" }, ref: containerRef },
-        react_1.default.createElement("div", { style: { position: "absolute", left: 50, height: "".concat(exports.BAR_GRAPH_HEIGHT, "px"), width: "20px" } },
-            react_1.default.createElement(styled_1.YAxisLabels, null, (0, styled_1.generateYAxisValues)(barDivisions).map(function (value, index) { return (react_1.default.createElement(__2.UI_BODY_SM, { key: index }, String(value))); }))),
-        react_1.default.createElement(styled_1.StyledBarGraphCollectionWrapper, { style: {
-                width: "auto",
-                gap: "".concat(exports.BAR_GAP, "rem"),
-                overflowX: "auto"
-            } }, data === null || data === void 0 ? void 0 : data.map(function (tagCategory, index1) {
-            var categoryTitle = (tagCategory === null || tagCategory === void 0 ? void 0 : tagCategory.tagCategory) ? (tagCategory.tagCategory.charAt(0).toUpperCase() + tagCategory.tagCategory.slice(1)) : undefined;
-            //  __GetContentTypeConfigNew(tagCategory.tagCategory)?.general?.content?.title || 
-            return (react_1.default.createElement("div", { key: "".concat(index1, "-").concat(tagCategory.tagCategory), style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: "".concat(exports.BAR_GAP, "rem"),
-                    height: "".concat(exports.BAR_GRAPH_HEIGHT + 50, "px"),
-                    marginBottom: "0.6rem"
-                } },
-                react_1.default.createElement(exports.BarGraph, { tagCategory: tagCategory, index1: index1, showCount: showCount, showPercent: showPercent, onClick: onClick, debug: debug, highestCount: highestCount }),
-                categoryTitle && react_1.default.createElement("div", { title: categoryTitle, style: {
-                        width: "".concat(tagCategory === null || tagCategory === void 0 ? void 0 : tagCategory.width, "px"),
-                        background: grey5,
-                        borderRadius: "2px",
-                        padding: "0.8rem",
-                        maxHeight: "50px",
-                        overflow: "hidden"
-                    } },
-                    react_1.default.createElement(__2.UI_BODY_SEMIBOLD_SM, null,
-                        react_1.default.createElement("p", { style: {
-                                whiteSpace: "nowrap",
-                                overflow: "hidden",
-                                textOverflow: "ellipsis",
-                                maxWidth: "100%"
-                            } }, categoryTitle)))));
-        }))));
-};
-exports.BarGraphCollection = BarGraphCollection;
-var BarGraph = function (_a) {
-    var _b;
-    var tagCategory = _a.tagCategory, index1 = _a.index1, _c = _a.showCount, showCount = _c === void 0 ? true : _c, _d = _a.showPercent, showPercent = _d === void 0 ? true : _d, onClick = _a.onClick, debug = _a.debug;
-    var containerRef = (0, react_1.useRef)();
-    var _e = (0, BarChart_1.useTrackMousePosition)({ containerRef: containerRef }), mousePosition = _e.mousePosition, isHovering = _e.isHovering;
-    var _f = (0, react_1.useState)(null), hoveredBarIndex = _f[0], setHoveredBarIndex = _f[1];
-    var truncateText = function (text, maxLength) {
-        if (maxLength === void 0) { maxLength = 30; }
-        if (!text)
-            return '';
-        if (text.length <= maxLength)
-            return text;
-        return text.slice(0, maxLength) + '...';
-    };
-    var handleBarMouseEnter = function (index) {
-        setHoveredBarIndex(index);
-    };
-    var handleBarMouseLeave = function () {
-        setHoveredBarIndex(null);
-    };
-    var handleBarClick = function (tag) {
-        if (onClick) {
-            onClick(tag.display);
-        }
-    };
-    return (react_1.default.createElement(styled_1.StyledBarGraphWrapper, { ref: containerRef, style: {
-            height: "".concat(exports.BAR_GRAPH_HEIGHT, "px"),
-            gap: "".concat(exports.BAR_GAP, "rem"),
-        } }, (_b = tagCategory === null || tagCategory === void 0 ? void 0 : tagCategory.tagSpecificCount) === null || _b === void 0 ? void 0 : _b.map(function (tag, index) {
-        var tooltipData = [{
-                percentage: showPercent ? tag.percentage : undefined,
-                count: showCount ? tag.count : undefined,
-                tooltipLabel: tag.display
-            }];
-        var isHovered = isHovering && hoveredBarIndex === index;
-        return (react_1.default.createElement("div", { key: tag._id || "".concat(index1, "-").concat(index), onMouseEnter: function () { return handleBarMouseEnter(index); }, onMouseLeave: handleBarMouseLeave, onClick: function () { return handleBarClick(tag); }, style: { cursor: onClick ? 'pointer' : 'default' } },
-            react_1.default.createElement(styled_1.StyledSingleBarWrapper, { barSections: tag.barSections, debug: debug },
-                react_1.default.createElement(styled_1.StyledBar, { style: {
-                        height: "".concat(tag.height, "px"),
-                        width: "".concat(tag.width, "px")
-                    } }),
-                react_1.default.createElement(styled_1.StyledLabelWrapper, null,
-                    react_1.default.createElement(__2.UI_BODY_SM, null, truncateText(tag === null || tag === void 0 ? void 0 : tag.display, 30))),
-                isHovered && mousePosition && (react_1.default.createElement(CustomTooltip_1.default, { active: true, payload: [tag], mousePosition: mousePosition, value: tooltipData, showPercent: showPercent })))));
-    })));
-};
-exports.BarGraph = BarGraph;

package/dist/v2/components/dataviz/BarGraphCollection/styled.d.ts

@@ -1,9 +0,0 @@
-export const CONTAINER_PADDING: 10;
-export const StyledBarGraphContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledBarGraphCollectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledBarGraphWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledSingleBarWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledBar: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const YAxisLabels: import("styled-components").StyledComponent<"div", any, {}, never>;
-export function generateYAxisValues(barDivisions: any): any[];

package/dist/v2/components/dataviz/BarGraphCollection/styled.js

@@ -1,92 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateYAxisValues = exports.YAxisLabels = exports.StyledLabelWrapper = exports.StyledBar = exports.StyledSingleBarWrapper = exports.StyledBarGraphWrapper = exports.StyledBarGraphCollectionWrapper = exports.StyledBarGraphContainer = exports.CONTAINER_PADDING = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var __1 = require("../../../..");
-exports.CONTAINER_PADDING = 10;
-var barColor = __1.colors2.secondaryContainer; // temp color
-var grey5 = __1.colors2.grey5;
-exports.StyledBarGraphContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    padding: ", "px;\n    padding-bottom: 0.4rem; // UI scroll bar bottom space \n    overflow-x: auto;\n    background-color: white;\n    border-radius: 8px;\n"], ["\n    padding: ", "px;\n    padding-bottom: 0.4rem; // UI scroll bar bottom space \n    overflow-x: auto;\n    background-color: white;\n    border-radius: 8px;\n"])), exports.CONTAINER_PADDING);
-exports.StyledBarGraphCollectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    display: flex;\n"], ["\n    display: flex;\n"])));
-exports.StyledBarGraphWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    position: relative;\n\n  "], ["\n    display: flex;\n    position: relative;\n\n  "])));
-var generateDebugLines = function (barSections, debug) {
-    if (!debug)
-        return '';
-    var lines = [];
-    for (var i = 1; i <= barSections; i++) {
-        lines.push('linear-gradient(to right, #383838 0%, #383838 100%)');
-    }
-    var positions = [];
-    for (var i = 0; i <= barSections; i++) {
-        var position = (100 / barSections) * i;
-        positions.push("0 ".concat(position, "%"));
-    }
-    return "\n        &::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background-image: ".concat(lines.join(', '), ";\n            background-size: ").concat(Array(barSections).fill('100% 1px').join(', '), ";\n            background-position: ").concat(positions.join(', '), ";\n            background-repeat: no-repeat;\n            pointer-events: none;\n            z-index: 0;\n        }\n    ");
-};
-exports.StyledSingleBarWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    height: 100%;\n    display: flex;\n    align-items: flex-end;\n    position: relative;\n    cursor: pointer;\n    border-radius: 2px;\n\n    &:hover {\n       background-color: ", ";\n    }\n\n    ", "\n    \n    > * {\n        position: relative;\n        z-index: 1;\n    }\n"], ["\n    height: 100%;\n    display: flex;\n    align-items: flex-end;\n    position: relative;\n    cursor: pointer;\n    border-radius: 2px;\n\n    &:hover {\n       background-color: ", ";\n    }\n\n    ", "\n    \n    > * {\n        position: relative;\n        z-index: 1;\n    }\n"])), grey5, function (_a) {
-    var barSections = _a.barSections, debug = _a.debug;
-    return generateDebugLines(barSections, debug);
-});
-exports.StyledBar = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    border-radius: 2px;\n    background-color: ", ";\n    color: ", ";\n    position: relative;\n    ", ";\n"], ["\n    border-radius: 2px;\n    background-color: ", ";\n    color: ", ";\n    position: relative;\n    ", ";\n"])), barColor, __1.colors2.onSecondary, (0, __1.transition)("width"));
-exports.StyledLabelWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    position: absolute;\n    transform: rotate(-90deg);\n    transform-origin: left top;\n    bottom: 0;\n    left: calc(50% - 8px); // 10px for font\n    text-wrap: nowrap;\n    display: flex;\n"], ["\n    position: absolute;\n    transform: rotate(-90deg);\n    transform-origin: left top;\n    bottom: 0;\n    left: calc(50% - 8px); // 10px for font\n    text-wrap: nowrap;\n    display: flex;\n"])));
-exports.YAxisLabels = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  height: inherit;\n  display: flex;\n\n  flex-direction: column-reverse;\n  justify-content: space-between;\n\n  color: ", ";\n  z-index: 100;\n"], ["\n  height: inherit;\n  display: flex;\n\n  flex-direction: column-reverse;\n  justify-content: space-between;\n\n  color: ", ";\n  z-index: 100;\n"])), __1.colors2.grey50);
-var generateYAxisValues = function (barDivisions) {
-    // For 5 labels, we want to divide the range into 4 equal parts
-    var numLabels = 5;
-    var step = barDivisions / (numLabels - 1);
-    var values = [];
-    for (var i = 0; i < numLabels; i++) {
-        values.push(Math.round(step * i));
-    }
-    // Ensure the last value is exactly barDivisions to avoid rounding errors
-    values[values.length - 1] = barDivisions;
-    var uniqueValues = [];
-    var seen = new Set();
-    for (var _i = 0, values_1 = values; _i < values_1.length; _i++) {
-        var value = values_1[_i];
-        if (!seen.has(value)) {
-            uniqueValues.push(value);
-            seen.add(value);
-        }
-    }
-    return uniqueValues;
-};
-exports.generateYAxisValues = generateYAxisValues;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/dist/v2/components/dataviz/BarGraphCollection/utils/useGetDimensions.d.ts

@@ -1,2 +0,0 @@
-export function divideBarIntoEqualParts(num: any): any;
-export function useGetDimensions(data: any, maxHeight: any, containerWidth: any, totalDataCount: any, highestCount: any): any;

package/dist/v2/components/dataviz/BarGraphCollection/utils/useGetDimensions.js

@@ -1,60 +0,0 @@
-"use strict";
-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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useGetDimensions = exports.divideBarIntoEqualParts = void 0;
-var __1 = require("..");
-var styled_1 = require("../styled");
-var divideBarIntoEqualParts = function (num) {
-    if (num <= 100)
-        return num;
-    if (num <= 200)
-        return 200;
-    if (num <= 500)
-        return 500;
-    if (num <= 1000)
-        return 1000;
-    var magnitude = Math.pow(10, Math.floor(Math.log10(num)));
-    return Math.ceil(num / magnitude) * magnitude;
-};
-exports.divideBarIntoEqualParts = divideBarIntoEqualParts;
-var useGetDimensions = function (data, maxHeight, containerWidth, totalDataCount, highestCount) {
-    var singleBarWidth;
-    var totalBars = data === null || data === void 0 ? void 0 : data.reduce(function (total, tagCategory) {
-        var _a;
-        return total += (_a = tagCategory.tagSpecificCount) === null || _a === void 0 ? void 0 : _a.length;
-    }, 0);
-    var totalGapSpace = (totalBars - 1) * Math.floor(__1.BAR_GAP * 10); // BAR GAP, example 0.3 converted 3Px
-    var availableWidthForBars = (containerWidth - totalGapSpace) - (styled_1.CONTAINER_PADDING * 2); // CONTAINER_PADDING Left right 10 * 10  = 20
-    // const defaultWidthForBars = (totalBars - 1) * DEFAULT_SINGLE_BAR_WIDTH - (CONTAINER_PADDING * 2);
-    var dynamicBarWidth = availableWidthForBars / totalBars;
-    singleBarWidth = Math.max(dynamicBarWidth, __1.DEFAULT_SINGLE_BAR_WIDTH);
-    // Calculate the ceiling value for the highest count
-    var barSections = (0, exports.divideBarIntoEqualParts)(highestCount);
-    return data === null || data === void 0 ? void 0 : data.map(function (category) {
-        // total count for this category
-        var total = category.tagSpecificCount.reduce(function (sum, tag) { return sum + tag.count; }, 0);
-        var barsInCategory = category.tagSpecificCount.length;
-        var gapsInCategory = Math.max(0, barsInCategory - 1); // One less gap than bars
-        var categoryTotalWidth = (barsInCategory * singleBarWidth) + (gapsInCategory * Math.floor(__1.BAR_GAP * 10));
-        // percentage to each tag
-        return __assign(__assign({}, category), { width: categoryTotalWidth, tagSpecificCount: category.tagSpecificCount.map(function (tag) {
-                // Original percentage relative to total dataset
-                var percentage = Number((tag.count / (totalDataCount || total) * 100).toFixed(1));
-                // New height calculation relative to highest count and ceiling
-                // This creates a "zoomed in" effect where bars are more visible
-                var relativeHeight = Math.round((tag.count / barSections) * maxHeight);
-                return __assign({ percentage: percentage, height: relativeHeight, width: singleBarWidth, barSections: barSections }, tag);
-            }) });
-    });
-};
-exports.useGetDimensions = useGetDimensions;

package/dist/v2/components/dataviz/BarGraphCollection/utils/usePrepareData.d.ts

@@ -1,11 +0,0 @@
-export function usePrepareData({ data, valuePath, labelPath, tooltipLabelsMapping, groupBy }: {
-    data: any;
-    valuePath: any;
-    labelPath: any;
-    tooltipLabelsMapping: any;
-    groupBy: any;
-}): {
-    tagCategory: any;
-    totalCountOfAllTagsWithin: any;
-    tagSpecificCount: any;
-}[];

package/dist/v2/components/dataviz/BarGraphCollection/utils/usePrepareData.js

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrepareData = void 0;
-var _EXPORTS_1 = require("../../../../../utils/_EXPORTS");
-var usePrepareData = function (_a) {
-    var data = _a.data, valuePath = _a.valuePath, labelPath = _a.labelPath, tooltipLabelsMapping = _a.tooltipLabelsMapping, groupBy = _a.groupBy;
-    // Check if it's breakdown data (array of valuePaths) or simple data
-    var isBreakdown = Array.isArray(valuePath);
-    if (!isBreakdown) {
-        // If groupBy is specified, group the data by that field
-        if (groupBy && data.length > 0 && groupBy in data[0]) {
-            // Group data by the specified field
-            var groupedData_1 = {};
-            data.forEach(function (item) {
-                var groupKey = (0, _EXPORTS_1.getVal)(item, groupBy) || 'Uncategorized';
-                if (!groupedData_1[groupKey]) {
-                    groupedData_1[groupKey] = {
-                        items: [],
-                        totalCount: 0
-                    };
-                }
-                var count = (0, _EXPORTS_1.getVal)(item, valuePath) || 0;
-                groupedData_1[groupKey].items.push({
-                    tagId: (0, _EXPORTS_1.getVal)(item, labelPath),
-                    display: (0, _EXPORTS_1.getVal)(item, labelPath),
-                    _id: Math.random().toString(36).substr(2, 9),
-                    count: count
-                });
-                groupedData_1[groupKey].totalCount += count;
-            });
-            // Convert grouped data to the expected format
-            return Object.entries(groupedData_1).map(function (_a) {
-                var key = _a[0], value = _a[1];
-                return ({
-                    tagCategory: key,
-                    totalCountOfAllTagsWithin: value.totalCount,
-                    tagSpecificCount: value.items
-                });
-            });
-        }
-        else {
-            // Simple case - single category with single values
-            return [{
-                    tagCategory: undefined,
-                    totalCountOfAllTagsWithin: data.reduce(function (sum, item) { return sum + ((0, _EXPORTS_1.getVal)(item, valuePath) || 0); }, 0),
-                    tagSpecificCount: data.map(function (item) { return ({
-                        tagId: (0, _EXPORTS_1.getVal)(item, labelPath),
-                        display: (0, _EXPORTS_1.getVal)(item, labelPath),
-                        _id: Math.random().toString(36).substr(2, 9),
-                        count: (0, _EXPORTS_1.getVal)(item, valuePath) || 0
-                    }); })
-                }];
-        }
-    }
-    else {
-        // For breakdown case, we'll create categories based on the valuePath items
-        // Each valuePath becomes a category
-        return valuePath.map(function (path, pathIndex) {
-            var categoryName = (tooltipLabelsMapping === null || tooltipLabelsMapping === void 0 ? void 0 : tooltipLabelsMapping[path]) || path;
-            var totalCount = data.reduce(function (sum, item) { return sum + ((0, _EXPORTS_1.getVal)(item, path) || 0); }, 0);
-            return {
-                tagCategory: categoryName,
-                totalCountOfAllTagsWithin: totalCount,
-                tagSpecificCount: data
-                    .map(function (item) { return ({
-                    tagId: (0, _EXPORTS_1.getVal)(item, labelPath),
-                    display: (0, _EXPORTS_1.getVal)(item, labelPath),
-                    _id: "".concat(pathIndex, "-").concat((0, _EXPORTS_1.getVal)(item, labelPath)),
-                    count: (0, _EXPORTS_1.getVal)(item, path) || 0
-                }); })
-                    .filter(function (tag) { return tag.count > 0; }) // Only include items with values
-            };
-        }).filter(function (category) { return category.tagSpecificCount.length > 0; }); // Only include categories with items
-    }
-};
-exports.usePrepareData = usePrepareData;

package/dist/v2/components/dataviz/HeatMapGrid/index.d.ts

@@ -1,19 +0,0 @@
-import React, { CSSProperties } from "react";
-export interface HeatMapGridProps {
-    data: any;
-    valuePath: string | string[];
-    tooltipLabelsMapping: {
-        [key: string]: string;
-    };
-    tooltipLabelsPath: string | string[];
-    labelPath: string;
-    onClick?: (name: string) => void;
-    valueSuffix?: string;
-    showCount?: boolean;
-    showPercent?: boolean;
-    breakdownDisplayType?: "grouped" | "stacked";
-    colorIdx?: number;
-    summarizeAfterIdx?: number;
-    style?: CSSProperties;
-}
-export declare const HeatMapGrid: React.FC<HeatMapGridProps>;