oolib 2.213.5 → 2.214.0

package/dist/v2/components/dataviz/BarChart/comps/TruncatedSVGText/index.js

@@ -1,66 +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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TruncatedSVGText = void 0;
-var react_1 = __importStar(require("react"));
-var TruncatedSVGText = function (_a) {
-    var _b;
-    var text = _a.text, textContainerRef = _a.textContainerRef, widthRef = _a.widthRef, _c = _a.widthOffset, widthOffset = _c === void 0 ? 0 : _c;
-    var textRef = (0, react_1.useRef)(null);
-    var _d = (0, react_1.useState)(false), isTextTruncated = _d[0], setIsTextTruncated = _d[1];
-    (0, react_1.useEffect)(function () {
-        var truncateText = function () {
-            var _a;
-            var element = textRef.current;
-            if (!element)
-                return;
-            var currentText = text;
-            var textWidth = textContainerRef.current.getComputedTextLength();
-            var totWidth = ((_a = widthRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) + widthOffset;
-            // Check if truncation is needed
-            if (textWidth > totWidth) {
-                setIsTextTruncated(true);
-                while (textWidth > totWidth && currentText.length > 0) {
-                    currentText = currentText.slice(0, -1);
-                    element.textContent = currentText + '...';
-                    textWidth = textContainerRef.current.getComputedTextLength();
-                }
-            }
-        };
-        truncateText();
-    }, [text, (_b = widthRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width]);
-    return (react_1.default.createElement("tspan", { ref: textRef, onMouseOver: function () { return console.log(text); } }, text));
-};
-exports.TruncatedSVGText = TruncatedSVGText;

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

@@ -1,45 +0,0 @@
-import React from "react";
-import { CountVizData } from "../types";
-export interface DebugControls {
-    mouseEventDetectorOpacity: number;
-    chartWrapperBgColor: string;
-}
-export declare const useTrackMousePosition: ({ containerRef }: {
-    containerRef: React.RefObject<HTMLDivElement>;
-}) => {
-    mousePosition: {
-        x: number;
-        y: number;
-    };
-    isHovering: boolean;
-};
-type BreakdownDisplayType = "grouped" | "stacked";
-export interface BarChartProps {
-    data: CountVizData;
-    valuePath: string | string[];
-    tooltipLabelsMapping: {
-        [key: string]: string;
-    };
-    tooltipLabelsPath: string | string[];
-    breakdownCategoryName?: string;
-    labelPath: string;
-    onClick?: (name: string) => void;
-    valueSuffix?: string;
-    showCount?: boolean;
-    showPercent?: boolean;
-    breakdownDisplayType?: BreakdownDisplayType;
-    colorIdx?: number;
-    summarizeAfterIdx?: number;
-    style?: React.CSSProperties;
-}
-export declare const useDecideLegendOrientation: (options?: {
-    widthThreshold?: number;
-}) => {
-    vizWrapperRef: React.MutableRefObject<HTMLDivElement>;
-    orientation: "horizontal" | "vertical";
-};
-export declare const FadeGradientWhenScroll: ({ style }: {
-    style?: {};
-}) => React.JSX.Element;
-export declare const BarChart: React.FunctionComponent<BarChartProps>;
-export {};

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

@@ -1,383 +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);
-};
-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.BarChart = exports.FadeGradientWhenScroll = exports.useDecideLegendOrientation = exports.useTrackMousePosition = void 0;
-var lodash_1 = __importDefault(require("lodash"));
-var react_1 = __importStar(require("react"));
-var recharts_1 = require("recharts");
-var CustomizedLabel_1 = require("./comps/CustomizedLabel");
-var __1 = require("../../../..");
-var usePrepareData_1 = require("../utils/usePrepareData");
-var _base_barchart_ui_configs_1 = require("./_base_barchart_ui_configs");
-var CustomTooltip_1 = __importDefault(require("./comps/CustomTooltip"));
-var Legend_1 = require("./comps/Legend");
-var useTrackMousePosition = function (_a) {
-    var containerRef = _a.containerRef;
-    var _b = (0, react_1.useState)(null), mousePosition = _b[0], setMousePosition = _b[1];
-    var isHoveringRef = (0, react_1.useRef)(false);
-    var throttledHandleMouseMove = (0, react_1.useRef)(lodash_1.default.throttle(function (e) {
-        var element = containerRef.current;
-        if (!element)
-            return;
-        var rect = element.getBoundingClientRect();
-        var isInside = (e.clientX >= rect.left &&
-            e.clientX <= rect.right &&
-            e.clientY >= rect.top &&
-            e.clientY <= rect.bottom);
-        if (isInside) {
-            var newPosition = { x: e.clientX, y: e.clientY };
-            setMousePosition(newPosition);
-            isHoveringRef.current = true;
-        }
-        else if (isHoveringRef.current) {
-            // Only update state when transitioning from inside to outside
-            setMousePosition(null);
-            isHoveringRef.current = false;
-        }
-    }, 16));
-    (0, react_1.useEffect)(function () {
-        document.addEventListener("mousemove", throttledHandleMouseMove.current);
-        return function () {
-            document.removeEventListener("mousemove", throttledHandleMouseMove.current);
-            throttledHandleMouseMove.current.cancel();
-        };
-    }, []);
-    // Only return isHovering as a boolean when mousePosition exists
-    return {
-        mousePosition: mousePosition,
-        isHovering: mousePosition !== null
-    };
-};
-exports.useTrackMousePosition = useTrackMousePosition;
-// CHART_OFFSET_TOP & CHART_OFFSET_TOP_BREAKDOWN is the y shift on top of the entire chart, because otherwise the chart starts with bar 1 at 0,0 coordinates
-var CHART_OFFSET_TOP = _base_barchart_ui_configs_1._base_barchart_ui_configs.labelToBarGap +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelHeight +
-    (_base_barchart_ui_configs_1._base_barchart_ui_configs.labelToNextBarGap / 2 - 2); //this minus 2 is just to correct the extra white space that the labelHeight takes on top of the text
-var CHART_OFFSET_TOP_BREAKDOWN = _base_barchart_ui_configs_1._base_barchart_ui_configs.labelToBarGap +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelHeight +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenTwoLabels +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelHeight + //twice because the text and the percent are on separate lines
-    (_base_barchart_ui_configs_1._base_barchart_ui_configs.labelToNextBarGap / 2 - 2); //this minus 2 is just to correct the extra white space that the labelHeight takes on top of the text
-var TOT_HEIGHT_SINGLE_BAR_SECTION = _base_barchart_ui_configs_1._base_barchart_ui_configs.barHeight +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelToBarGap +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelHeight +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelToNextBarGap;
-var TOT_HEIGHT_STACKED_BAR_SECTION = _base_barchart_ui_configs_1._base_barchart_ui_configs.barHeight +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelToBarGap +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelHeight +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenTwoLabels +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelHeight +
-    _base_barchart_ui_configs_1._base_barchart_ui_configs.labelToNextBarGap;
-var CALC_SINGLE_BAR_SECTION_Y_POS = function (index) {
-    return (TOT_HEIGHT_SINGLE_BAR_SECTION + _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenBarSections) * index;
-};
-var CALC_STACKED_BAR_SECTION_Y_POS = function (index) {
-    return (TOT_HEIGHT_STACKED_BAR_SECTION + _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenBarSections) * index;
-};
-var CALC_TOTAL_HEIGHT_GROUPED_BAR_SECTION = function (noOfBarsInGroup) {
-    var totalHeightOfAllBars = noOfBarsInGroup * _base_barchart_ui_configs_1._base_barchart_ui_configs.barHeight +
-        (noOfBarsInGroup - 1) * _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenBarsInGroup;
-    return (totalHeightOfAllBars +
-        _base_barchart_ui_configs_1._base_barchart_ui_configs.labelToBarGap +
-        _base_barchart_ui_configs_1._base_barchart_ui_configs.labelHeight +
-        _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenTwoLabels +
-        _base_barchart_ui_configs_1._base_barchart_ui_configs.labelHeight + //twice because the text and the percent are on separate lines
-        _base_barchart_ui_configs_1._base_barchart_ui_configs.labelToNextBarGap);
-};
-var CALC_GROUPED_BAR_SECTION_Y_POS = function (index, barIndex, noOfBarsInGroup) {
-    var TOTAL_HEIGHT_GROUPED_BAR_SECTION = CALC_TOTAL_HEIGHT_GROUPED_BAR_SECTION(noOfBarsInGroup);
-    var startYPosOfGroup = (TOTAL_HEIGHT_GROUPED_BAR_SECTION + _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenBarSections) *
-        index;
-    return (startYPosOfGroup +
-        barIndex * (_base_barchart_ui_configs_1._base_barchart_ui_configs.barHeight + _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenBarsInGroup));
-};
-var CALC_TOTAL_HEIGHT_OF_CHART = function (_a) {
-    var isBreakdown = _a.isBreakdown, breakdownDisplayType = _a.breakdownDisplayType, data = _a.data, showSumOfBreakdownValues = _a.showSumOfBreakdownValues;
-    return isBreakdown && breakdownDisplayType === "grouped"
-        ? CALC_TOTAL_HEIGHT_GROUPED_BAR_SECTION(data[0].length) *
-            data.length +
-            _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenBarSections * (data.length - 1) +
-            _base_barchart_ui_configs_1._base_barchart_ui_configs.hoverRectStrokeWidth * 2
-        : isBreakdown && breakdownDisplayType === 'stacked' && !showSumOfBreakdownValues
-            ? (TOT_HEIGHT_STACKED_BAR_SECTION * data.length) +
-                _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenBarSections * (data.length - 1) +
-                _base_barchart_ui_configs_1._base_barchart_ui_configs.hoverRectStrokeWidth * 2
-            : TOT_HEIGHT_SINGLE_BAR_SECTION * data.length +
-                _base_barchart_ui_configs_1._base_barchart_ui_configs.gapBetweenBarSections * (data.length - 1) +
-                _base_barchart_ui_configs_1._base_barchart_ui_configs.hoverRectStrokeWidth * 2;
-};
-var _debug_controls = {
-    mouseEventDetectorOpacity: 0, //only increase this for debugging. nothing else.
-    chartWrapperBgColor: "", //set this to some color value for debugging
-};
-var barConfigs = {
-    isBreakdown: {
-        getBarRadius: function (stackIndex, breakdownDisplayType, //replaced breakdownDisplayType
-        totalStacks) {
-            return breakdownDisplayType === "grouped" //replaced breakdownDisplayType
-                ? _base_barchart_ui_configs_1._base_barchart_ui_configs.barRadius
-                : stackIndex === totalStacks - 1
-                    ? [0, _base_barchart_ui_configs_1._base_barchart_ui_configs.barRadius, _base_barchart_ui_configs_1._base_barchart_ui_configs.barRadius, 0]
-                    : stackIndex === 0
-                        ? [_base_barchart_ui_configs_1._base_barchart_ui_configs.barRadius, 0, 0, _base_barchart_ui_configs_1._base_barchart_ui_configs.barRadius]
-                        : 0;
-        },
-        getDataKey: function (stackIndex) { return "".concat(stackIndex, ".labels.count"); },
-        getStackId: function (stackIndex, breakdownDisplayType //replaced breakdownDisplayType
-        ) { return (breakdownDisplayType === "stacked" ? "stack" : "stack-".concat(stackIndex)); },
-        getCellFill: function (colorIdx, stackIndex, dataVizColors) { return dataVizColors[(colorIdx + stackIndex) % dataVizColors.length]; },
-    },
-    isNotBreakdown: {
-        getBarRadius: function () { return _base_barchart_ui_configs_1._base_barchart_ui_configs.barRadius; },
-        getDataKey: function () { return "labels.count"; },
-        getStackId: function () { return undefined; },
-        getCellFill: function (colorIdx, _stackIndex, dataVizColors) { return dataVizColors[colorIdx]; },
-    },
-};
-var renderBar = function (_a) {
-    var _b = _a.stackIndex, stackIndex = _b === void 0 ? 0 : _b, data = _a.data, isBreakdown = _a.isBreakdown, breakdownDisplayType = _a.breakdownDisplayType, showSumOfBreakdownValues = _a.showSumOfBreakdownValues, showPercent = _a.showPercent, showCount = _a.showCount, activeBar = _a.activeBar, setActiveBar = _a.setActiveBar, onClick = _a.onClick;
-    var activeConfig = isBreakdown
-        ? barConfigs.isBreakdown
-        : barConfigs.isNotBreakdown;
-    var totalStacks = isBreakdown
-        ? data[0].length
-        : 1;
-    var currentStackId = activeConfig.getStackId(stackIndex, breakdownDisplayType);
-    return (react_1.default.createElement(recharts_1.Bar, { key: "stack-".concat(stackIndex), radius: activeConfig.getBarRadius(stackIndex, breakdownDisplayType, totalStacks), dataKey: activeConfig.getDataKey(stackIndex), stackId: currentStackId, isAnimationActive: false },
-        (!isBreakdown || stackIndex === 0) && (react_1.default.createElement(recharts_1.LabelList, { dataKey: isBreakdown ? function (dataPoint) { return dataPoint; } : "labels", offset: 0, position: "bottom", content: function (props) { return (react_1.default.createElement(CustomizedLabel_1.CustomizedLabel, __assign({ CALC_SINGLE_BAR_SECTION_Y_POS: CALC_SINGLE_BAR_SECTION_Y_POS, CALC_STACKED_BAR_SECTION_Y_POS: CALC_STACKED_BAR_SECTION_Y_POS, TOT_HEIGHT_SINGLE_BAR_SECTION: TOT_HEIGHT_SINGLE_BAR_SECTION, TOT_HEIGHT_STACKED_BAR_SECTION: TOT_HEIGHT_STACKED_BAR_SECTION, TOT_HEIGHT_GROUPED_BAR_SECTION: isBreakdown &&
-                    breakdownDisplayType === "grouped"
-                    ? CALC_TOTAL_HEIGHT_GROUPED_BAR_SECTION(data[0].length)
-                    : undefined, breakdownDisplayType: breakdownDisplayType, y: props.y,
-                width: props.width,
-                height: props.height,
-                value: isBreakdown
-                    ? data[props.index].map(function (item, idx) { return (__assign({}, item.labels)); })
-                    : props.value, showPercent: showPercent, showCount: showCount, showSumOfBreakdownValues: showSumOfBreakdownValues, opacity: 1, activeBar: activeBar, _base_barchart_ui_configs: _base_barchart_ui_configs_1._base_barchart_ui_configs, _debug_controls: _debug_controls }, (onClick
-                ? {
-                    onMouseOver: function (e, value) {
-                        setActiveBar(isBreakdown
-                            ? data[props.index][0].labels.name
-                            : value.name);
-                    },
-                    onMouseOut: function () {
-                        setActiveBar(undefined);
-                    },
-                    onMouseDown: function (e, value) {
-                        var name = isBreakdown
-                            ? data[props.index][0].labels.name
-                            : value.name;
-                        setActiveBar(name);
-                        onClick(name);
-                    },
-                }
-                : {})))); } })),
-        data.map(function (d, index) {
-            /**
-             * note this this map works differently for breakdown & not breakdown
-             * for not breakdown - this map renders each of the inidividual bars.
-             * for breakdown - this map renders each of the individual bar groups
-             */
-            return (react_1.default.createElement(recharts_1.Cell, { y: (!isBreakdown || showSumOfBreakdownValues) // this is confusing, but showSumOfBreakdownValues is only used to render the 'compressed' other bar in normal bar charts. hence it has to have properties like a normal, non breakdown bar chart
-                    ? CALC_SINGLE_BAR_SECTION_Y_POS(index) + CHART_OFFSET_TOP
-                    : (breakdownDisplayType === "stacked" && !showSumOfBreakdownValues) //show summ happens in the summarized bar, were we dont want the double label approach
-                        ? CALC_STACKED_BAR_SECTION_Y_POS(index) + CHART_OFFSET_TOP_BREAKDOWN
-                        : breakdownDisplayType === "grouped" &&
-                            CALC_GROUPED_BAR_SECTION_Y_POS(index, stackIndex, data[0].length) + CHART_OFFSET_TOP_BREAKDOWN, key: "cell-".concat(index, "-").concat(stackIndex), opacity: 1, height: _base_barchart_ui_configs_1._base_barchart_ui_configs.barHeight, fill: !isBreakdown
-                    ? d.labels.barColor
-                    : d[stackIndex].labels.barColor }));
-        })));
-};
-var useDecideLegendOrientation = function (options) {
-    if (options === void 0) { options = {}; }
-    var _a = options.widthThreshold, widthThreshold = _a === void 0 ? 600 : _a;
-    var vizWrapperRef = (0, react_1.useRef)(null);
-    var _b = (0, react_1.useState)('horizontal'), orientation = _b[0], setOrientation = _b[1];
-    (0, react_1.useEffect)(function () {
-        var element = vizWrapperRef.current;
-        if (!element)
-            return;
-        var resizeObserver = new ResizeObserver(function (entries) {
-            for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
-                var entry = entries_1[_i];
-                var width = entry.contentRect.width;
-                // If width is >= threshold, use horizontal, otherwise vertical
-                var newOrientation = width >= widthThreshold ? 'vertical' : 'horizontal';
-                setOrientation(newOrientation);
-            }
-        });
-        resizeObserver.observe(element);
-        // Set initial orientation
-        var initialWidth = element.getBoundingClientRect().width;
-        setOrientation(initialWidth >= widthThreshold ? 'vertical' : 'horizontal');
-        // Cleanup
-        return function () {
-            resizeObserver.disconnect();
-        };
-    }, [widthThreshold]);
-    return {
-        vizWrapperRef: vizWrapperRef,
-        orientation: orientation
-    };
-};
-exports.useDecideLegendOrientation = useDecideLegendOrientation;
-var BarChartRenderer = function (_a) {
-    var data = _a.data, isBreakdown = _a.isBreakdown, breakdownDisplayType = _a.breakdownDisplayType, showSumOfBreakdownValues = _a.showSumOfBreakdownValues, showPercent = _a.showPercent, showCount = _a.showCount, activeBar = _a.activeBar, setActiveBar = _a.setActiveBar, onClick = _a.onClick, 
-    //
-    // mousePosition,
-    dataMaxValue = _a.dataMaxValue, breakdownCategoryName = _a.breakdownCategoryName;
-    var containerRef = (0, react_1.useRef)();
-    var _b = (0, exports.useTrackMousePosition)({ containerRef: containerRef }), mousePosition = _b.mousePosition, isHovering = _b.isHovering;
-    return (react_1.default.createElement(recharts_1.ResponsiveContainer, { width: "100%", ref: containerRef, height: CALC_TOTAL_HEIGHT_OF_CHART({
-            isBreakdown: isBreakdown,
-            breakdownDisplayType: breakdownDisplayType,
-            showSumOfBreakdownValues: showSumOfBreakdownValues,
-            data: data
-        }) },
-        react_1.default.createElement(recharts_1.BarChart, { data: data, layout: "vertical", margin: {
-                top: 0,
-                right: _base_barchart_ui_configs_1._base_barchart_ui_configs.marginRight,
-                left: _base_barchart_ui_configs_1._base_barchart_ui_configs.marginLeft,
-                bottom: 0,
-            } },
-            react_1.default.createElement(recharts_1.XAxis, { hide: true, type: "number", domain: [0, dataMaxValue] }),
-            react_1.default.createElement(recharts_1.YAxis, { hide: true, type: "category" }),
-            (isBreakdown && mousePosition && isHovering) && (react_1.default.createElement(recharts_1.Tooltip, { cursor: false, 
-                //   content={<OptimizedTooltip />}
-                //   animationDuration={0}
-                //   isAnimationActive={false}
-                //   allowEscapeViewBox={{ x: false, y: false }}
-                //   position={{ x: undefined, y: undefined }}
-                content: function (props) {
-                    var _a;
-                    return (react_1.default.createElement(CustomTooltip_1.default, __assign({}, props, { breakdownCategoryName: breakdownCategoryName, activeBar: activeBar, mousePosition: mousePosition, showPercent: showPercent, 
-                        // god knows why the dataindex gets stored against props.label.
-                        // this is some internal recharts thing for tooltips specifically.
-                        // we dont do this.
-                        value: (_a = data[props.label]) === null || _a === void 0 ? void 0 : _a.map(function (item, idx) { return (__assign({}, item.labels)); }) })));
-                }, allowEscapeViewBox: { x: true, y: true } })),
-            isBreakdown
-                ? data[0].map(function (_, stackIndex) {
-                    //note that this map renders the individual bars within a breakdown group
-                    return renderBar({
-                        stackIndex: stackIndex,
-                        data: data,
-                        isBreakdown: isBreakdown,
-                        breakdownDisplayType: breakdownDisplayType,
-                        showSumOfBreakdownValues: showSumOfBreakdownValues,
-                        showPercent: showPercent,
-                        showCount: showCount,
-                        activeBar: activeBar,
-                        setActiveBar: setActiveBar,
-                        onClick: onClick,
-                    });
-                })
-                : renderBar({
-                    stackIndex: undefined,
-                    data: data,
-                    isBreakdown: isBreakdown,
-                    breakdownDisplayType: breakdownDisplayType,
-                    showSumOfBreakdownValues: showSumOfBreakdownValues,
-                    showPercent: showPercent,
-                    showCount: showCount,
-                    activeBar: activeBar,
-                    setActiveBar: setActiveBar,
-                    onClick: onClick,
-                }))));
-};
-var FadeGradientWhenScroll = function (_a) {
-    var _b = _a.style, style = _b === void 0 ? {} : _b;
-    return (react_1.default.createElement("div", { style: __assign({ width: '100%', height: '40px', position: 'sticky', left: 0, bottom: 0, background: "linear-gradient(to top, ".concat(__1.colors2.white, ", hsla(0, 0%, 100%, 0))") }, style) }));
-};
-exports.FadeGradientWhenScroll = FadeGradientWhenScroll;
-var BarChart = function (_a) {
-    var _data = _a.data, valuePath = _a.valuePath, _b = _a.style, style = _b === void 0 ? {} : _b, tooltipLabelsMapping = _a.tooltipLabelsMapping, tooltipLabelsPath = _a.tooltipLabelsPath, breakdownCategoryName = _a.breakdownCategoryName, // basically, if lets say tagCat1 is broken down by tagCat2. then tagCat2's display would be this property
-    _c = _a.labelPath, // basically, if lets say tagCat1 is broken down by tagCat2. then tagCat2's display would be this property
-    labelPath = _c === void 0 ? "name" : _c, onClick = _a.onClick, _d = _a.breakdownDisplayType, breakdownDisplayType = _d === void 0 ? "grouped" : _d, _e = _a.showCount, showCount = _e === void 0 ? true : _e, _f = _a.showPercent, showPercent = _f === void 0 ? true : _f, _g = _a.colorIdx, colorIdx = _g === void 0 ? 0 : _g, _h = _a.summarizeAfterIdx, summarizeAfterIdx = _h === void 0 ? undefined : _h;
-    var isBreakdown = Array.isArray(valuePath);
-    var _j = (0, usePrepareData_1.usePrepareData)({
-        _data: _data,
-        labelPath: labelPath,
-        valuePath: valuePath,
-        tooltipLabelsMapping: tooltipLabelsMapping,
-        tooltipLabelsPath: tooltipLabelsPath,
-        isBreakdown: isBreakdown,
-        showPercent: showPercent,
-        summarizeAfterIdx: summarizeAfterIdx,
-        colorIdx: colorIdx
-    }), data = _j.data, dataMaxValue = _j.dataMaxValue, dataToSummarize = _j.dataToSummarize;
-    var _k = (0, exports.useDecideLegendOrientation)({
-        widthThreshold: 500
-    }), vizWrapperRef = _k.vizWrapperRef, orientation = _k.orientation;
-    var _l = (0, react_1.useState)(undefined), activeBar = _l[0], setActiveBar = _l[1];
-    // const mousePosition = {x: 0, y: 0}
-    // const { mousePosition, isHovering } = useTrackMousePosition({ wrapperRef: vizWrapperRef});
-    //  { mousePosition : 0 } 
-    // menu options for grouped and stacked
-    if (data.length === 0)
-        return react_1.default.createElement("div", null, "No data available");
-    return (react_1.default.createElement("div", { ref: vizWrapperRef, style: __assign(__assign({}, style), { width: "100%", background: _debug_controls.chartWrapperBgColor, display: 'flex', gap: '8px', flexDirection: orientation === 'vertical' ? 'row' : 'column', position: 'relative', overflow: 'auto' }) },
-        react_1.default.createElement("div", { style: { flexGrow: 1, position: 'relative' } },
-            react_1.default.createElement(BarChartRenderer, { data: data, dataToSummarize: dataToSummarize, isBreakdown: isBreakdown, breakdownDisplayType: breakdownDisplayType, showSumOfBreakdownValues: false, showPercent: showPercent, showCount: showCount, activeBar: activeBar, setActiveBar: setActiveBar, onClick: onClick, 
-                // mousePosition: isHovering ? mousePosition : null,
-                dataMaxValue: dataMaxValue, breakdownCategoryName: breakdownCategoryName }),
-            dataToSummarize && (react_1.default.createElement(BarChartRenderer, { data: dataToSummarize,
-                isBreakdown: true,
-                breakdownDisplayType: "stacked",
-                showSumOfBreakdownValues: true, showPercent: showPercent, showCount: showCount, activeBar: activeBar, setActiveBar: setActiveBar, onClick: onClick, 
-                // mousePosition: isHovering ? mousePosition : null,
-                dataMaxValue: dataMaxValue, breakdownCategoryName: breakdownCategoryName })),
-            orientation === 'vertical' && react_1.default.createElement(exports.FadeGradientWhenScroll, null)),
-        isBreakdown && react_1.default.createElement("div", { style: __assign({ position: 'sticky' }, (orientation === 'vertical' ? { top: 0 } : { bottom: 0, background: __1.colors2.white })) },
-            orientation === 'horizontal' && react_1.default.createElement(exports.FadeGradientWhenScroll, { style: { transform: 'translateY(-100%)', top: 0, bottom: 'unset', position: 'absolute', } }),
-            react_1.default.createElement(Legend_1.Legend, { orientation: orientation, label: breakdownCategoryName, data: data[0].map(function (d) { return ({
-                    text: d.labels.tooltipLabel,
-                    color: d.labels.barColor
-                }); }) }))));
-};
-exports.BarChart = BarChart;

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

@@ -1,24 +0,0 @@
-export const BAR_GRAPH_HEIGHT: 250;
-export const DEFAULT_SINGLE_BAR_WIDTH: 24;
-export const BAR_GAP: 0.3;
-export function BarGraphCollection({ data: originalData, valuePath, labelPath, tooltipLabelsMapping, onClick, showCount, showPercent, groupBy, totalDataCount, debug }: {
-    data: any;
-    valuePath: any;
-    labelPath?: string;
-    tooltipLabelsMapping?: {};
-    onClick: any;
-    showCount?: boolean;
-    showPercent?: boolean;
-    groupBy: any;
-    totalDataCount: any;
-    debug: any;
-}): React.JSX.Element;
-export function BarGraph({ tagCategory, index1, showCount, showPercent, onClick, debug, }: {
-    tagCategory: any;
-    index1: any;
-    showCount?: boolean;
-    showPercent?: boolean;
-    onClick: any;
-    debug: any;
-}): React.JSX.Element;
-import React from "react";