oolib 2.213.5 → 2.214.0

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

@@ -1,232 +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 __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);
-};
-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.HeatMapGrid = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var __1 = require("../../../..");
-var Typo2_1 = require("../../Typo2");
-var BarChart_1 = require("../BarChart");
-var CustomTooltip_1 = __importDefault(require("../BarChart/comps/CustomTooltip"));
-var mapValueToColor_1 = require("./utils/mapValueToColor");
-var useAxisMeasure_1 = require("./utils/useAxisMeasure");
-var useFader_1 = require("./utils/useFader");
-var usePrepareHeatMapData_1 = require("./utils/usePrepareHeatMapData");
-var _configs = {
-    labelsToGridGap: 4,
-    gridGap: 2,
-    cellRoundness: 4,
-    cellSize: 40,
-    axisLabelWidth: 150
-};
-var HeatMapCell = function (_a) {
-    var value = _a.value, dataMaxValue = _a.dataMaxValue, _b = _a.dataMinValue, dataMinValue = _b === void 0 ? 0 : _b, showPercent = _a.showPercent;
-    var containerRef = (0, react_1.useRef)();
-    var _c = (0, BarChart_1.useTrackMousePosition)({ containerRef: containerRef }), mousePosition = _c.mousePosition, isHovering = _c.isHovering;
-    var cellColor = (0, mapValueToColor_1.mapValueToColor)(value.labels.count, dataMinValue, dataMaxValue);
-    var getCellColorLightness = function () {
-        var splitUp = cellColor.trim().replace('hsl(', '');
-        splitUp = splitUp.replace(')', '');
-        var splitUpAry = splitUp.split(',').map(function (d) { return d.trim(); });
-        var toReturn = parseInt(splitUpAry[2].replace('%', ''));
-        return toReturn;
-    };
-    var textColor = value.labels.count === 0
-        ? __1.colors2.black
-        : getCellColorLightness() > 60 ? __1.colors2.black : __1.colors2.white;
-    return (react_1.default.createElement("div", { ref: containerRef },
-        (isHovering) && (react_1.default.createElement(CustomTooltip_1.default, { active: true, value: [__assign(__assign({}, value.labels), { tooltipLabel: value.labels.name + ' | ' + value.labels.tooltipLabel //bit of a hack but will sort later
-                 })], showPercent: showPercent, mousePosition: mousePosition })),
-        react_1.default.createElement("div", { style: {
-                height: _configs.cellSize + "px",
-                width: _configs.cellSize + "px",
-                background: cellColor,
-                borderRadius: _configs.cellRoundness + "px",
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center'
-            } },
-            react_1.default.createElement(Typo2_1.UI_CAPTION_SEMIBOLD_DF, { style: { color: textColor } }, "".concat(value.labels.count)))));
-};
-var STYLED_UI_CAPTION_SEMIBOLD_DF = (0, styled_components_1.default)(Typo2_1.UI_CAPTION_SEMIBOLD_DF)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), (0, __1.clampText)(2));
-var HiddenScrollContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* IE and Edge */\n  \n  &::-webkit-scrollbar {\n    display: none; /* Webkit browsers */\n  }\n"], ["\n  scrollbar-width: none; /* Firefox */\n  -ms-overflow-style: none; /* IE and Edge */\n  \n  &::-webkit-scrollbar {\n    display: none; /* Webkit browsers */\n  }\n"])));
-var HeatMapGrid = function (_a) {
-    var _data = _a.data, valuePath = _a.valuePath, tooltipLabelsMapping = _a.tooltipLabelsMapping, tooltipLabelsPath = _a.tooltipLabelsPath, _b = _a.labelPath, labelPath = _b === void 0 ? "name" : _b, _c = _a.showPercent, showPercent = _c === void 0 ? true : _c, _d = _a.colorIdx, colorIdx = _d === void 0 ? 0 : _d, _e = _a.showCount, showCount = _e === void 0 ? true : _e, onClick = _a.onClick, _f = _a.summarizeAfterIdx, summarizeAfterIdx = _f === void 0 ? 5 : _f, _g = _a.style, style = _g === void 0 ? {} : _g;
-    var _h = (0, usePrepareHeatMapData_1.usePrepareHeatMapData)({
-        _data: _data,
-        valuePath: valuePath,
-        tooltipLabelsMapping: tooltipLabelsMapping,
-        tooltipLabelsPath: tooltipLabelsPath,
-        labelPath: labelPath,
-        showPercent: showPercent,
-        colorIdx: colorIdx
-    }), tableData = _h.tableData, columnHeaders = _h.columnHeaders, dataMaxValue = _h.dataMaxValue;
-    var scrollableRef = (0, react_1.useRef)(null);
-    var _j = (0, useFader_1.useFader)(scrollableRef), setFader = _j.setFader, showFader = _j.showFader, showHorizontalFader = _j.showHorizontalFader;
-    // Replace: const { xAxisWidth, yAxisWidth, measurementRef } = useAxisDimensions(data, _configs.axisLabelWidth);
-    var _k = (0, useAxisMeasure_1.useAxisMeasure)(_configs.axisLabelWidth), xWidth = _k.xWidth, yWidth = _k.yWidth, setHorizontalRef = _k.setHorizontalRef, setVerticalRef = _k.setVerticalRef;
-    return (react_1.default.createElement("div", { style: __assign({ display: "grid", gridTemplateColumns: "".concat(yWidth, "px 1fr"), gridTemplateRows: "".concat(xWidth, "px 1fr"), gap: _configs.labelsToGridGap + 'px', height: '100%', position: 'relative' }, style) },
-        react_1.default.createElement("div", { style: { gridRow: 1, gridColumn: 1 } }),
-        react_1.default.createElement(HiddenScrollContainer, { style: {
-                gridRow: 1,
-                gridColumn: 2,
-                overflowX: 'auto',
-                overflowY: 'hidden',
-                display: 'flex',
-                alignItems: 'flex-end',
-            }, onScroll: function (e) {
-                // Sync horizontal scroll with main content area
-                if (scrollableRef.current) {
-                    scrollableRef.current.scrollLeft = e.target.scrollLeft;
-                }
-            } },
-            react_1.default.createElement("div", { style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: _configs.gridGap + "px",
-                    minWidth: 'max-content',
-                } }, columnHeaders.map(function (header, index) { return (react_1.default.createElement("div", { key: "label-".concat(header.key, "-").concat(index), style: {
-                    width: _configs.cellSize + "px",
-                    height: xWidth + "px",
-                    display: "flex",
-                    alignItems: "flex-end",
-                    textWrap: "nowrap",
-                    justifyContent: 'center',
-                    position: "relative",
-                    overflow: "visible",
-                    flexShrink: 0,
-                } },
-                react_1.default.createElement("div", { style: {
-                        width: xWidth + "px",
-                        position: "absolute",
-                        bottom: 0,
-                        left: '50%',
-                        transformOrigin: "left bottom",
-                        transform: "rotate(-90deg) translateY(50%)",
-                        display: 'flex'
-                    } },
-                    react_1.default.createElement("div", { ref: function (el) { return setHorizontalRef(index, el); } },
-                        react_1.default.createElement(STYLED_UI_CAPTION_SEMIBOLD_DF, { style: {
-                                whiteSpace: "normal",
-                            } }, header.displayLabel))))); }))),
-        react_1.default.createElement(HiddenScrollContainer, { style: {
-                gridRow: 2,
-                gridColumn: 1,
-                overflowY: 'auto',
-                overflowX: 'hidden',
-                display: 'flex',
-                flexDirection: 'column',
-                gap: _configs.gridGap + "px",
-            }, onScroll: function (e) {
-                // Sync vertical scroll with main content area
-                if (scrollableRef.current) {
-                    scrollableRef.current.scrollTop = e.target.scrollTop;
-                }
-            } }, _data.map(function (row, idx) { return (react_1.default.createElement("div", { key: "name-".concat(row[labelPath], "-").concat(idx), style: {
-                height: _configs.cellSize + "px",
-                textAlign: "right",
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "flex-end",
-                flexShrink: 0,
-            } },
-            react_1.default.createElement("div", { ref: function (el) { return setVerticalRef(idx, el); } },
-                react_1.default.createElement(STYLED_UI_CAPTION_SEMIBOLD_DF, { style: { maxWidth: yWidth + "px" } }, row[labelPath])))); })),
-        react_1.default.createElement("div", { ref: scrollableRef, style: {
-                gridRow: 2,
-                gridColumn: 2,
-                overflow: 'auto',
-                position: 'relative',
-            }, onScroll: function (e) {
-                // Sync scrolling with headers
-                var topHeader = e.target.parentElement.children[1]; // Top-right header
-                var leftHeader = e.target.parentElement.children[2]; // Bottom-left header
-                if (topHeader)
-                    topHeader.scrollLeft = e.target.scrollLeft;
-                if (leftHeader)
-                    leftHeader.scrollTop = e.target.scrollTop;
-                // Update fader visibility on scroll
-                setFader();
-            } },
-            react_1.default.createElement("div", { style: {
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: _configs.gridGap + "px",
-                    minWidth: 'max-content',
-                } }, tableData.map(function (rowCells, rowIdx) { return (react_1.default.createElement("div", { key: rowIdx, style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: _configs.gridGap + "px",
-                    flexShrink: 0,
-                } }, rowCells.map(function (cellData, colIdx) {
-                return react_1.default.createElement(HeatMapCell, { key: "".concat(rowIdx, "-").concat(colIdx), showPercent: showPercent, dataMaxValue: dataMaxValue, value: cellData });
-            }))); }))),
-        showFader && react_1.default.createElement("div", { style: {
-                background: "linear-gradient(to top, ".concat(__1.colors2.white, ", hsla(0, 0%, 100%, 0))"),
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                width: '100%',
-                height: '40px'
-            } }),
-        showHorizontalFader && react_1.default.createElement("div", { style: {
-                background: "linear-gradient(to left, ".concat(__1.colors2.white, ", hsla(0, 0%, 100%, 0))"),
-                position: 'absolute',
-                top: 0,
-                right: 0,
-                height: '100%',
-                width: '40px'
-            } })));
-};
-exports.HeatMapGrid = HeatMapGrid;
-var templateObject_1, templateObject_2;

package/dist/v2/components/dataviz/HeatMapGrid/utils/mapValueToColor.d.ts

@@ -1,20 +0,0 @@
-/**
- * Maps a value from an input range to a color
- * with the base color at the center point of the range
- * @param {number} value - The value to map
- * @param {number} minValue - The minimum value in the input range
- * @param {number} maxValue - The maximum value in the input range
- * @param {Object} hslColor - The base HSL color object
- * @param {number} hslColor.h - Hue component (0-360)
- * @param {number} hslColor.s - Saturation component (0-100)
- * @param {number} hslColor.l - Lightness component (0-100)
- * @param {number} minLightness - The minimum lightness (0-100) for darkest shade
- * @param {number} maxLightness - The maximum lightness (0-100) for lightest shade
- * @return {string} - A hex color code
- */
-export declare function mapValueToColor(value: any, minValue: any, maxValue: any, hslColor?: {
-    h: number;
-    s: number;
-    l: number;
-}, // Default to #be185d
-minLightness?: number, maxLightness?: number): string;

package/dist/v2/components/dataviz/HeatMapGrid/utils/mapValueToColor.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapValueToColor = mapValueToColor;
-var __1 = require("../../../../..");
-/**
- * Maps a value from an input range to a color
- * with the base color at the center point of the range
- * @param {number} value - The value to map
- * @param {number} minValue - The minimum value in the input range
- * @param {number} maxValue - The maximum value in the input range
- * @param {Object} hslColor - The base HSL color object
- * @param {number} hslColor.h - Hue component (0-360)
- * @param {number} hslColor.s - Saturation component (0-100)
- * @param {number} hslColor.l - Lightness component (0-100)
- * @param {number} minLightness - The minimum lightness (0-100) for darkest shade
- * @param {number} maxLightness - The maximum lightness (0-100) for lightest shade
- * @return {string} - A hex color code
- */
-function mapValueToColor(value, minValue, maxValue, hslColor, // Default to #be185d
-minLightness, maxLightness) {
-    if (hslColor === void 0) { hslColor = { h: 336, s: 74, l: 42 }; }
-    if (minLightness === void 0) { minLightness = 20; }
-    if (maxLightness === void 0) { maxLightness = 80; }
-    // Ensure value is within range
-    value = Math.max(minValue, Math.min(maxValue, value));
-    if (value === 0)
-        return __1.colors2.grey10;
-    // Calculate the center point of the range
-    var centerPoint = (minValue + maxValue) / 2;
-    // Extract the hsl components
-    var h = hslColor.h, s = hslColor.s, baseLightness = hslColor.l;
-    // Determine lightness based on position relative to center point
-    var lightness;
-    if (value < centerPoint) {
-        // Value is below center (smaller) - scale from maxLightness to baseLightness
-        var normalizedValue = (value - minValue) / (centerPoint - minValue);
-        lightness = maxLightness - normalizedValue * (maxLightness - baseLightness);
-    }
-    else {
-        // Value is above center (larger) - scale from baseLightness to minLightness
-        var normalizedValue = (value - centerPoint) / (maxValue - centerPoint);
-        lightness = baseLightness - normalizedValue * (baseLightness - minLightness);
-    }
-    return "hsl(".concat(h, ", ").concat(s, "%, ").concat(lightness, "%)");
-}

package/dist/v2/components/dataviz/HeatMapGrid/utils/useAxisMeasure.d.ts

@@ -1,6 +0,0 @@
-export declare const useAxisMeasure: (defaultAxisLabelWidth: number) => {
-    xWidth: number;
-    yWidth: number;
-    setHorizontalRef: (index: number, el: HTMLDivElement | null) => void;
-    setVerticalRef: (index: number, el: HTMLDivElement | null) => void;
-};

package/dist/v2/components/dataviz/HeatMapGrid/utils/useAxisMeasure.js

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAxisMeasure = void 0;
-var react_1 = require("react");
-var useAxisMeasure = function (defaultAxisLabelWidth) {
-    var _a = (0, react_1.useState)(defaultAxisLabelWidth), xWidth = _a[0], setXWidth = _a[1];
-    var _b = (0, react_1.useState)(defaultAxisLabelWidth), yWidth = _b[0], setYWidth = _b[1];
-    var horizontalRefs = (0, react_1.useRef)([]);
-    var verticalRefs = (0, react_1.useRef)([]);
-    // Functions to set refs
-    var setHorizontalRef = function (index, el) {
-        // console.log({horEL: el})
-        horizontalRefs.current[index] = el;
-    };
-    var setVerticalRef = function (index, el) {
-        // console.log({verEL: el})
-        verticalRefs.current[index] = el;
-    };
-    // console.log({horizontalRefs, verticalRefs})
-    (0, react_1.useEffect)(function () {
-        // Measure horizontal labels
-        var maxHorizontalWidth = 0;
-        horizontalRefs.current.forEach(function (ref) {
-            console.log({ ref: ref });
-            if (ref) {
-                var width = ref.offsetWidth;
-                maxHorizontalWidth = Math.max(maxHorizontalWidth, width);
-            }
-        });
-        // Measure vertical labels  
-        var maxVerticalWidth = 0;
-        verticalRefs.current.forEach(function (ref) {
-            if (ref) {
-                var width = ref.offsetWidth;
-                maxVerticalWidth = Math.max(maxVerticalWidth, width);
-            }
-        });
-        // Update state if measured width is less than config
-        if (maxHorizontalWidth > 0 && maxHorizontalWidth < defaultAxisLabelWidth) {
-            setXWidth(maxHorizontalWidth + 10); // +10 for padding
-        }
-        if (maxVerticalWidth > 0 && maxVerticalWidth < defaultAxisLabelWidth) {
-            setYWidth(maxVerticalWidth + 10); // +10 for padding
-        }
-    }, []);
-    return {
-        xWidth: xWidth,
-        yWidth: yWidth,
-        setHorizontalRef: setHorizontalRef,
-        setVerticalRef: setVerticalRef
-    };
-};
-exports.useAxisMeasure = useAxisMeasure;

package/dist/v2/components/dataviz/HeatMapGrid/utils/useFader.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export declare const useFader: (scrollableRef: React.RefObject<HTMLDivElement>) => {
-    showFader: boolean;
-    showHorizontalFader: boolean;
-    setFader: () => void;
-};

package/dist/v2/components/dataviz/HeatMapGrid/utils/useFader.js

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFader = void 0;
-var react_1 = require("react");
-var __1 = require("../../../../..");
-var useFader = function (scrollableRef) {
-    var _a = (0, react_1.useState)(false), showFader = _a[0], setShowFader = _a[1];
-    var _b = (0, react_1.useState)(false), showHorizontalFader = _b[0], setShowHorizontalFader = _b[1];
-    var setFader = function () {
-        if (scrollableRef.current) {
-            var _a = scrollableRef.current, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight, scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
-            // Vertical fader logic
-            var hasMoreContentToScrollDown = scrollTop + clientHeight < scrollHeight - 5;
-            if (hasMoreContentToScrollDown && !showFader) {
-                setShowFader(true);
-            }
-            else if (!hasMoreContentToScrollDown && showFader) {
-                setShowFader(false);
-            }
-            // Horizontal fader logic
-            var hasMoreContentToScrollRight = scrollLeft + clientWidth < scrollWidth - 5;
-            if (hasMoreContentToScrollRight && !showHorizontalFader) {
-                setShowHorizontalFader(true);
-            }
-            else if (!hasMoreContentToScrollRight && showHorizontalFader) {
-                setShowHorizontalFader(false);
-            }
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        setFader();
-    }, []);
-    (0, __1.useScroll)(setFader);
-    return { showFader: showFader, showHorizontalFader: showHorizontalFader, setFader: setFader };
-};
-exports.useFader = useFader;

package/dist/v2/components/dataviz/HeatMapGrid/utils/usePrepareHeatMapData.d.ts

@@ -1,33 +0,0 @@
-interface PrepareHeatMapDataParams {
-    _data: any[];
-    valuePath: string | string[];
-    tooltipLabelsMapping?: {
-        [key: string]: string;
-    };
-    tooltipLabelsPath?: string | string[];
-    labelPath: string;
-    showPercent: boolean;
-    colorIdx: number;
-}
-interface HeatMapCellData {
-    labels: {
-        count: number;
-        percentage?: number;
-        name: string;
-        tooltipLabel: string;
-        dataIndex: number;
-        hasData: boolean;
-        barColor: string;
-        textColor: string;
-    };
-}
-interface PreparedHeatMapData {
-    tableData: HeatMapCellData[][];
-    columnHeaders: {
-        key: string;
-        displayLabel: string;
-    }[];
-    dataMaxValue: number;
-}
-export declare const usePrepareHeatMapData: ({ _data, valuePath, tooltipLabelsMapping, tooltipLabelsPath, labelPath, showPercent, colorIdx }: PrepareHeatMapDataParams) => PreparedHeatMapData;
-export {};

package/dist/v2/components/dataviz/HeatMapGrid/utils/usePrepareHeatMapData.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrepareHeatMapData = void 0;
-var react_1 = require("react");
-var _EXPORTS_1 = require("../../../../../utils/_EXPORTS");
-var colors_1 = require("../../../../themes/colors");
-var usePrepareHeatMapData = function (_a) {
-    var _data = _a._data, valuePath = _a.valuePath, tooltipLabelsMapping = _a.tooltipLabelsMapping, tooltipLabelsPath = _a.tooltipLabelsPath, labelPath = _a.labelPath, showPercent = _a.showPercent, colorIdx = _a.colorIdx;
-    return (0, react_1.useMemo)(function () {
-        if (!_data || _data.length === 0) {
-            return {
-                tableData: [],
-                columnHeaders: [],
-                dataMaxValue: 0
-            };
-        }
-        var valuePathArray = Array.isArray(valuePath) ? valuePath : [valuePath];
-        // Optimized: Single pass to collect all unique columns and pre-calculate row totals
-        var columnMap = new Map(); // columnLabel -> columnIndex
-        var rowTotals = [];
-        var rowData = [];
-        // First pass: collect unique columns and calculate row totals
-        _data.forEach(function (row, rowIndex) {
-            var rowName = (0, _EXPORTS_1.getVal)(row, labelPath);
-            var cellValues = new Map();
-            var rowTotal = 0;
-            valuePathArray.forEach(function (path, pathIndex) {
-                var value = (0, _EXPORTS_1.getVal)(row, path);
-                if (value !== undefined && value !== null) {
-                    // Get column label
-                    var columnLabel = void 0;
-                    if (tooltipLabelsPath) {
-                        if (Array.isArray(tooltipLabelsPath)) {
-                            var labelPath_1 = tooltipLabelsPath[pathIndex];
-                            if (labelPath_1) {
-                                var labelValue = (0, _EXPORTS_1.getVal)(row, labelPath_1);
-                                columnLabel = Array.isArray(labelValue) ? labelValue[0] : labelValue || "Column ".concat(pathIndex);
-                            }
-                            else {
-                                columnLabel = "Column ".concat(pathIndex);
-                            }
-                        }
-                        else {
-                            var labelValue = (0, _EXPORTS_1.getVal)(row, tooltipLabelsPath);
-                            columnLabel = Array.isArray(labelValue) ? labelValue[0] : labelValue || "Column ".concat(pathIndex);
-                        }
-                    }
-                    else if (tooltipLabelsMapping) {
-                        columnLabel = tooltipLabelsMapping[path] || path;
-                    }
-                    else {
-                        columnLabel = path;
-                    }
-                    // Only add to cellValues if this column doesn't already exist for this row
-                    // This prevents overwriting values when the same column appears multiple times
-                    if (!cellValues.has(columnLabel)) {
-                        cellValues.set(columnLabel, value);
-                        if (!columnMap.has(columnLabel)) {
-                            columnMap.set(columnLabel, columnMap.size);
-                        }
-                        rowTotal += value;
-                    }
-                }
-            });
-            rowTotals.push(rowTotal);
-            rowData.push({ rowName: rowName, cellValues: cellValues });
-        });
-        // Create column headers in order
-        var columnHeaders = Array.from(columnMap.entries())
-            .sort(function (_a, _b) {
-            var a = _a[1];
-            var b = _b[1];
-            return a - b;
-        })
-            .map(function (_a) {
-            var key = _a[0];
-            return ({
-                key: key,
-                displayLabel: key
-            });
-        });
-        // Second pass: build table data efficiently
-        var tableData = rowData.map(function (_a, rowIndex) {
-            var rowName = _a.rowName, cellValues = _a.cellValues;
-            var rowTotal = rowTotals[rowIndex];
-            return columnHeaders.map(function (header, colIndex) {
-                var cellValue = cellValues.get(header.key) || 0;
-                var hasData = cellValues.has(header.key);
-                var percentage = rowTotal > 0 ? (cellValue / rowTotal) * 100 : 0;
-                return {
-                    labels: {
-                        count: cellValue,
-                        percentage: showPercent ? Math.ceil(percentage) : undefined,
-                        name: rowName,
-                        tooltipLabel: header.key,
-                        dataIndex: rowIndex,
-                        hasData: hasData,
-                        barColor: colors_1.dataVizColors[(colorIdx + colIndex) % colors_1.dataVizColors.length],
-                        textColor: colors_1.dataVizColorsText[(colorIdx + colIndex) % colors_1.dataVizColorsText.length]
-                    }
-                };
-            });
-        });
-        // Calculate max value efficiently
-        var dataMaxValue = 1;
-        for (var _i = 0, rowData_1 = rowData; _i < rowData_1.length; _i++) {
-            var cellValues = rowData_1[_i].cellValues;
-            for (var _a = 0, _b = Array.from(cellValues.values()); _a < _b.length; _a++) {
-                var value = _b[_a];
-                if (value > dataMaxValue) {
-                    dataMaxValue = value;
-                }
-            }
-        }
-        return {
-            tableData: tableData,
-            columnHeaders: columnHeaders,
-            dataMaxValue: dataMaxValue
-        };
-    }, [_data, valuePath, tooltipLabelsMapping, tooltipLabelsPath, labelPath, showPercent, colorIdx]);
-};
-exports.usePrepareHeatMapData = usePrepareHeatMapData;

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

@@ -1,21 +0,0 @@
-import React, { CSSProperties } from "react";
-export interface PieChartProps {
-    data: any;
-    valuePath: string | string[];
-    tooltipLabelsMapping?: {
-        [key: string]: string;
-    };
-    tooltipLabelsPath?: string | string[];
-    breakdownCategoryName?: string;
-    labelPath: string;
-    title?: string;
-    onClick?: (name: string) => void;
-    colors?: string[];
-    colorIdx?: number;
-    plotDataPoint?: "percentage" | "count";
-    showPercent?: boolean;
-    showCount?: boolean;
-    innerLabel?: string;
-    style?: CSSProperties;
-}
-export declare const PieChart: React.FunctionComponent<PieChartProps>;