oolib 2.213.5 → 2.214.0

package/dist/stories/v2/components/visualization/vizPlayground.stories.d.ts

@@ -1,7 +0,0 @@
-declare namespace _default {
-    let title: string;
-    let parameters: {};
-}
-export default _default;
-export function _Playground(args: any): React.JSX.Element;
-import React from "react";

package/dist/stories/v2/components/visualization/vizPlayground.stories.js

@@ -1,55 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._Playground = void 0;
-var react_1 = __importDefault(require("react"));
-var PieChart_1 = require("../../../../v2/components/dataviz/PieChart");
-var HeatMapGrid_1 = require("../../../../v2/components/dataviz/HeatMapGrid");
-var BarChart_1 = require("../../../../v2/components/dataviz/BarChart");
-var BarGraphCollection_1 = require("../../../../v2/components/dataviz/BarGraphCollection");
-var __1 = require("../../../..");
-var props1_1 = require("./configs/props1");
-var props2_1 = require("./configs/props2");
-exports.default = {
-    title: "Oolib V 2.0/Visualization/VIZ PLayground",
-    parameters: {},
-};
-var WrapperComp = function (_a) {
-    var children = _a.children;
-    return react_1.default.createElement("div", { style: { border: "1px solid ".concat(__1.colors2.grey20), padding: '10px', borderRadius: "8px" } }, children);
-};
-var _Playground = function (args) {
-    var colors = ["#5C80FF", "#FFA800", "#00BC8F", "#5C51CE"];
-    var handleBarClick = function (name) {
-        console.log("Bar clicked: ".concat(name));
-    };
-    return (react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "20px", padding: '20px' } },
-        react_1.default.createElement(WrapperComp, null,
-            react_1.default.createElement(PieChart_1.PieChart, __assign({}, props1_1.chartProps1, { style: { height: "500px" } }))),
-        react_1.default.createElement(WrapperComp, null,
-            react_1.default.createElement(HeatMapGrid_1.HeatMapGrid, __assign({}, props1_1.chartProps1, { style: { height: "500px" } }))),
-        react_1.default.createElement(WrapperComp, null),
-        react_1.default.createElement(WrapperComp, null,
-            react_1.default.createElement(BarChart_1.BarChart, __assign({}, props1_1.chartProps1, { style: { height: "500px" } }))),
-        react_1.default.createElement(WrapperComp, null,
-            react_1.default.createElement(PieChart_1.PieChart, __assign({}, props2_1.heaMapGridProps2, { style: { height: "500px" } }))),
-        react_1.default.createElement(WrapperComp, null,
-            react_1.default.createElement(HeatMapGrid_1.HeatMapGrid, __assign({}, props2_1.heaMapGridProps2, { style: { height: "500px" } }))),
-        react_1.default.createElement(WrapperComp, null),
-        react_1.default.createElement(WrapperComp, null,
-            react_1.default.createElement(BarChart_1.BarChart, __assign({}, props2_1.heaMapGridProps2, { style: { height: "500px" } })))));
-};
-exports._Playground = _Playground;

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

@@ -1,13 +0,0 @@
-import React from "react";
-import { BarChartProps } from "../dataviz/BarChart";
-type ChartOptionConfig = {
-    display: string;
-    comp: 'PieChart' | 'BarChart';
-    props: BarChartProps;
-};
-interface DataVizAccordionProps extends BarChartProps {
-    title?: string;
-    chartOptions: ChartOptionConfig[];
-}
-export declare const DataVizAccordion: React.FC<DataVizAccordionProps>;
-export {};

package/dist/v2/components/DataVizAccordion/index.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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataVizAccordion = void 0;
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
-var BarChart_1 = require("../dataviz/BarChart");
-var PieChart_1 = require("../dataviz/PieChart");
-var Accordion_1 = require("../Accordion");
-var DataVizAccordion = function (_a) {
-    var title = _a.title, _b = _a.chartOptions, chartOptions = _b === void 0 ? [] : _b, props = __rest(_a, ["title", "chartOptions"]);
-    var ChartComps = {
-        PieChart: {
-            comp: PieChart_1.PieChart,
-            wrapperStyle: {}
-        },
-        BarChart: {
-            comp: BarChart_1.BarChart,
-            wrapperStyle: { padding: "0 1rem 0.6rem 1rem" }
-        },
-    };
-    var _c = (0, react_2.useState)(chartOptions[0]), activeCompConfig = _c[0], setActiveCompConfig = _c[1];
-    var genActiveChartComp = function (activeCompConfig) {
-        var ActiveChartComp = ChartComps[activeCompConfig.comp].comp;
-        var wrapperStyle = ChartComps[activeCompConfig.comp].wrapperStyle;
-        return (react_1.default.createElement("div", { style: __assign({ padding: "0 1.6rem 1rem 1.6rem" }, (wrapperStyle || {})) },
-            react_1.default.createElement(ActiveChartComp, __assign({}, props, activeCompConfig.props))));
-    };
-    return (react_1.default.createElement(Accordion_1.Accordion, { key: JSON.stringify(activeCompConfig), title: title, actionsConfig: chartOptions.length > 1 && chartOptions.map(function (d) { return ({
-            display: d.display,
-            onClick: function () {
-                return setActiveCompConfig(d);
-            },
-        }); }) }, genActiveChartComp(activeCompConfig)));
-};
-exports.DataVizAccordion = DataVizAccordion;

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

@@ -1,19 +0,0 @@
-export interface BaseBarChartUIConfigs {
-    barHeight: number;
-    labelToBarGap: number;
-    labelHeight: number;
-    gapBetweenTwoLabels: number;
-    labelToNextBarGap: number;
-    barRadius: number;
-    gapBetweenBarSections: number;
-    hoverRectStrokeWidth: number;
-    marginLeft: number;
-    marginRight: number;
-    gapBetweenBarsInGroup: number;
-}
-/**
-* if any changes are being made to the spacing and such of
-  this comps design, all these properties need to be carefully
-  observed and tweaked to ensure no ui has gotten warped due to sideeffects
-*/
-export declare const _base_barchart_ui_configs: BaseBarChartUIConfigs;

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

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports._base_barchart_ui_configs = void 0;
-/**
-* if any changes are being made to the spacing and such of
-  this comps design, all these properties need to be carefully
-  observed and tweaked to ensure no ui has gotten warped due to sideeffects
-*/
-exports._base_barchart_ui_configs = {
-    //4 of these compose a single bar section
-    barHeight: 10,
-    labelToBarGap: 6,
-    labelHeight: 16.5667,
-    gapBetweenTwoLabels: 2,
-    labelToNextBarGap: 14,
-    //other bar section related properties
-    barRadius: 2,
-    gapBetweenBarSections: 0,
-    hoverRectStrokeWidth: 1,
-    //overall chart margin
-    marginLeft: 6,
-    marginRight: 6,
-    //grouped bar chart related properties
-    gapBetweenBarsInGroup: 3,
-};

package/dist/v2/components/dataviz/BarChart/comps/CustomTooltip/OptimizedTooltip.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { TooltipProps } from "recharts";
-interface OptimizedTooltipProps extends TooltipProps<number, string> {
-    showPercent?: boolean;
-    breakdownCategoryName?: string;
-}
-declare const OptimizedTooltip: React.FC<OptimizedTooltipProps>;
-export default OptimizedTooltip;

package/dist/v2/components/dataviz/BarChart/comps/CustomTooltip/OptimizedTooltip.js

@@ -1,118 +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;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var __1 = require("../../../../../..");
-var Typo2_1 = require("../../../../Typo2");
-var LegendTooltipGlyph_1 = require("../LegendTooltipGlyph");
-var UI_CAPTION_DF_WITH_LINE_CLAMP = (0, styled_components_1.default)(Typo2_1.UI_CAPTION_DF)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  /* ", " */\n"], ["\n  /* ", " */\n"])), function (_a) {
-    var clampT = _a.clampT;
-    return (clampT ? (0, __1.clampText)(3) : "");
-});
-var OptimizedTooltip = (0, react_1.memo)(function (_a) {
-    var _b, _c;
-    var active = _a.active, payload = _a.payload, label = _a.label, _d = _a.showPercent, showPercent = _d === void 0 ? false : _d, breakdownCategoryName = _a.breakdownCategoryName;
-    // Early return for better performance
-    if (!active || !(payload === null || payload === void 0 ? void 0 : payload.length))
-        return null;
-    // Transform payload data to match your original tooltip structure
-    var value = ((_c = (_b = payload === null || payload === void 0 ? void 0 : payload[0]) === null || _b === void 0 ? void 0 : _b.payload) === null || _c === void 0 ? void 0 : _c.map(function (entry) {
-        return {
-            barColor: entry.labels.barColor,
-            percentage: entry.labels.percentage || 0,
-            count: entry.labels.count,
-            tooltipLabel: entry.labels.tooltipLabel,
-            name: entry.labels.name,
-        };
-    })) || [];
-    var style = {
-        backgroundColor: __1.colors2.black,
-        color: __1.colors2.white,
-        border: "1px solid ".concat(__1.colors2.grey10),
-        borderRadius: "6px",
-        padding: "8px",
-        boxShadow: "0px 4px 10px 0px rgba(0, 0, 0, 0.12)",
-        zIndex: 100000,
-        width: "max-content",
-        maxWidth: "300px",
-        maxHeight: "500px",
-        overflow: "auto",
-        display: "flex",
-        flexDirection: "column",
-        gap: "1rem",
-        fontSize: "12px",
-    };
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement("div", { style: style },
-            breakdownCategoryName && (react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD_DF, null, breakdownCategoryName)),
-            react_1.default.createElement("div", { style: {
-                    display: "grid",
-                    gridTemplateColumns: showPercent ? "auto auto auto" : "auto auto",
-                    gap: "0.6rem",
-                } },
-                react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index },
-                    react_1.default.createElement("div", { style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "0.6rem",
-                        } },
-                        react_1.default.createElement(LegendTooltipGlyph_1.LegendTooltipGlyph, { color: entry.barColor }),
-                        react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD_DF, null, showPercent
-                            ? entry.percentage + "%"
-                            : entry.count || "0")))); })),
-                showPercent && (react_1.default.createElement("div", { style: {
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: "1rem",
-                    } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index },
-                    react_1.default.createElement(Typo2_1.UI_CAPTION_DF, null, entry.count || "0"))); }))),
-                react_1.default.createElement("div", { style: {
-                        paddingLeft: "0.8rem",
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: "1rem",
-                    } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: index },
-                    react_1.default.createElement(UI_CAPTION_DF_WITH_LINE_CLAMP, null, entry.tooltipLabel))); }))))));
-});
-exports.default = OptimizedTooltip;
-var templateObject_1;

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

@@ -1,15 +0,0 @@
-import React from "react";
-import { TooltipProps } from "recharts";
-import { CountVizLabels } from "../../../types";
-interface CustomTooltipProps extends TooltipProps<number, string> {
-    value?: CountVizLabels[];
-    showPercent?: boolean;
-    activeBar?: string;
-    breakdownCategoryName?: string;
-    mousePosition?: {
-        x: number;
-        y: number;
-    };
-}
-declare const CustomTooltip: React.FC<CustomTooltipProps>;
-export default CustomTooltip;

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

@@ -1,120 +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;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var __1 = require("../../../../../..");
-var Typo2_1 = require("../../../../Typo2");
-var LegendTooltipGlyph_1 = require("../LegendTooltipGlyph");
-var UI_CAPTION_DF_WITH_LINE_CLAMP = (0, styled_components_1.default)(Typo2_1.UI_CAPTION_DF)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  \n  /* ", " */\n"], ["\n  \n  /* ", " */\n"])), function (_a) {
-    var clampT = _a.clampT;
-    return clampT ? (0, __1.clampText)(3) : '';
-});
-var CustomTooltip = function (props) {
-    var value = props.value, showPercent = props.showPercent, mousePosition = props.mousePosition, activeBar = props.activeBar, breakdownCategoryName = props.breakdownCategoryName;
-    var isActive = props.active; //activeBar && value?.[0]?.name === activeBar
-    var tooltipWrapperRef = (0, react_1.useRef)(null);
-    var calcTooltipTop = function (_a) {
-        var _b, _c;
-        var tooltipWrapperRef = _a.tooltipWrapperRef, mousePosY = _a.mousePosY;
-        var windowHeight = window.innerHeight;
-        var tooltipWrapperBottom = (_c = (_b = tooltipWrapperRef === null || tooltipWrapperRef === void 0 ? void 0 : tooltipWrapperRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.bottom;
-        if (tooltipWrapperBottom && tooltipWrapperBottom > windowHeight) {
-            var topNegativeOffset = tooltipWrapperBottom - windowHeight;
-            return mousePosY - topNegativeOffset - 5; // plus 5 so that the bottom of the tooltip doesnt touch the bottom of the screen
-        }
-        else {
-            return mousePosY;
-        }
-    };
-    // Calculate position - align with the right side of the bars
-    var style = {
-        position: "fixed",
-        left: "".concat((mousePosition === null || mousePosition === void 0 ? void 0 : mousePosition.x) || 0, "px"),
-        top: "".concat(calcTooltipTop({ tooltipWrapperRef: tooltipWrapperRef, mousePosY: (mousePosition === null || mousePosition === void 0 ? void 0 : mousePosition.y) || 0 }), "px"),
-        transform: "translate(10px, 10px)", // Offset from cursor and center vertically
-        backgroundColor: __1.colors2.black,
-        color: __1.colors2.white,
-        border: "1px solid ".concat(__1.colors2.grey10),
-        borderRadius: "6px",
-        padding: "8px",
-        boxShadow: "0px 4px 10px 0px rgba(0, 0, 0, 0.12)",
-        zIndex: 100000,
-        width: "max-content",
-        maxWidth: "300px",
-        maxHeight: "500px",
-        overflow: "auto",
-        display: "flex",
-        flexDirection: "column",
-        gap: "1rem",
-        // pointerEvents: "none", // Add this to prevent tooltip from interfering with mouse events
-    };
-    if (!isActive)
-        return null;
-    return (react_1.default.createElement(react_1.Fragment, null,
-        react_1.default.createElement("div", { ref: tooltipWrapperRef, style: style },
-            breakdownCategoryName && react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD_DF, null, breakdownCategoryName),
-            react_1.default.createElement("div", { style: {
-                    display: "grid",
-                    gridTemplateColumns: showPercent ? "auto auto auto" : "auto auto",
-                    gap: "0.6rem",
-                } },
-                react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: "count-".concat(entry.name, "-").concat(index) },
-                    react_1.default.createElement("div", { style: {
-                            display: "flex",
-                            alignItems: "center",
-                            gap: "0.6rem",
-                        } },
-                        react_1.default.createElement(LegendTooltipGlyph_1.LegendTooltipGlyph, { color: entry.barColor }),
-                        react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD_DF, null, showPercent ? entry.percentage + "%" : entry.count || "0")))); })),
-                showPercent && (react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "1rem" } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: "percent-".concat(entry.name, "-").concat(index) },
-                    react_1.default.createElement(Typo2_1.UI_CAPTION_DF, { key: index }, entry.count || "0"))); }))),
-                react_1.default.createElement("div", { style: {
-                        paddingLeft: "0.8rem",
-                        display: "flex",
-                        flexDirection: "column",
-                        gap: "1rem",
-                    } }, value.map(function (entry, index) { return (react_1.default.createElement("div", { key: "label-".concat(entry.name, "-").concat(index) },
-                    react_1.default.createElement(UI_CAPTION_DF_WITH_LINE_CLAMP, null, entry.tooltipLabel))); }))))));
-};
-exports.default = CustomTooltip;
-var templateObject_1;

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

@@ -1,29 +0,0 @@
-import React from "react";
-import { DebugControls } from "../..";
-import { CountVizLabels } from "../../../types";
-import { BaseBarChartUIConfigs } from "../../_base_barchart_ui_configs";
-export type CustomizedLabelValue = CountVizLabels | CountVizLabels[];
-interface CustomizedLabelProps {
-    y?: number | string;
-    width?: number | string;
-    height?: number | string;
-    value?: CustomizedLabelValue;
-    showPercent: boolean;
-    showCount: boolean;
-    opacity: number;
-    activeBar?: string;
-    breakdownDisplayType?: 'grouped' | 'stacked';
-    _base_barchart_ui_configs: BaseBarChartUIConfigs;
-    _debug_controls: DebugControls;
-    TOT_HEIGHT_SINGLE_BAR_SECTION: number;
-    TOT_HEIGHT_STACKED_BAR_SECTION: number;
-    TOT_HEIGHT_GROUPED_BAR_SECTION: number;
-    CALC_SINGLE_BAR_SECTION_Y_POS: (index: number) => number;
-    CALC_STACKED_BAR_SECTION_Y_POS: (index: number) => number;
-    showSumOfBreakdownValues?: boolean;
-    onMouseOver?: (e: React.MouseEvent<SVGRectElement, MouseEvent>, v: CustomizedLabelValue) => void;
-    onMouseOut?: (e: React.MouseEvent<SVGRectElement, MouseEvent>, v: CustomizedLabelValue) => void;
-    onMouseDown?: (e: React.MouseEvent<SVGRectElement, MouseEvent>, v: CustomizedLabelValue) => void;
-}
-export declare const CustomizedLabel: ({ y, width, height, value, showPercent, showCount, opacity, _base_barchart_ui_configs, _debug_controls, onMouseOver, onMouseOut, onMouseDown, activeBar, TOT_HEIGHT_SINGLE_BAR_SECTION, TOT_HEIGHT_STACKED_BAR_SECTION, TOT_HEIGHT_GROUPED_BAR_SECTION, CALC_SINGLE_BAR_SECTION_Y_POS, CALC_STACKED_BAR_SECTION_Y_POS, breakdownDisplayType, showSumOfBreakdownValues, }: CustomizedLabelProps) => React.JSX.Element;
-export {};

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

@@ -1,73 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CustomizedLabel = void 0;
-var react_1 = __importDefault(require("react"));
-var themes_1 = require("../../../../../themes");
-var CustomizedLabel = function (_a) {
-    var y = _a.y, width = _a.width, height = _a.height, value = _a.value, showPercent = _a.showPercent, showCount = _a.showCount, opacity = _a.opacity, _base_barchart_ui_configs = _a._base_barchart_ui_configs, _debug_controls = _a._debug_controls, onMouseOver = _a.onMouseOver, onMouseOut = _a.onMouseOut, onMouseDown = _a.onMouseDown, activeBar = _a.activeBar, TOT_HEIGHT_SINGLE_BAR_SECTION = _a.TOT_HEIGHT_SINGLE_BAR_SECTION, TOT_HEIGHT_STACKED_BAR_SECTION = _a.TOT_HEIGHT_STACKED_BAR_SECTION, TOT_HEIGHT_GROUPED_BAR_SECTION = _a.TOT_HEIGHT_GROUPED_BAR_SECTION, CALC_SINGLE_BAR_SECTION_Y_POS = _a.CALC_SINGLE_BAR_SECTION_Y_POS, CALC_STACKED_BAR_SECTION_Y_POS = _a.CALC_STACKED_BAR_SECTION_Y_POS, breakdownDisplayType = _a.breakdownDisplayType, _b = _a.showSumOfBreakdownValues, showSumOfBreakdownValues = _b === void 0 ? false : _b;
-    if (!value)
-        return null;
-    var yOffset = -(_base_barchart_ui_configs.labelToBarGap + (_base_barchart_ui_configs.barHeight / 2));
-    var xOffsetRelative = 10;
-    var isBreakdown = Array.isArray(value);
-    var name = isBreakdown ? value[0].name : value.name;
-    var formatValue = function () {
-        if (isBreakdown) {
-            var values_1 = value;
-            if (showSumOfBreakdownValues) {
-                var valueKey_1 = showPercent ? 'percentage' : 'count';
-                var suffixFunction = function (value) {
-                    return showPercent ? value.toFixed(1) + '%' : value;
-                };
-                var totValue = suffixFunction(values_1.reduce(function (acc, b) { return acc + b[valueKey_1]; }, 0));
-                return totValue;
-            }
-            else { //only used while showing the summarized data as a stacked bar
-                return values_1.map(function (v, index) { return (react_1.default.createElement("tspan", { key: index, fill: v.textColor, className: "UI_BODY_BOLD_SM" },
-                    showPercent ? v.percentage.toFixed(1) + '%' : v.count,
-                    index < values_1.length - 1 && (react_1.default.createElement("tspan", { fill: themes_1.colors.grey80 }, " + ")))); });
-            }
-        }
-        else {
-            var singleValue = value;
-            return showPercent
-                ? singleValue.percentage + "%"
-                : singleValue.count;
-        }
-    };
-    var getCount = function () {
-        if (isBreakdown) {
-            return value.reduce(function (sum, v) { return sum + v.count; }, 0);
-        }
-        else {
-            return value.count;
-        }
-    };
-    return (react_1.default.createElement("g", null,
-        (isBreakdown && !showSumOfBreakdownValues) && //meaning if its a breakdown and  we are showing values as v1 + v2 + v3 which occupies too much space and hence we need double line
-            react_1.default.createElement("text", { className: "UI_BODY_SM", opacity: opacity, x: _base_barchart_ui_configs.marginLeft, dy: y - (_base_barchart_ui_configs.labelToBarGap + _base_barchart_ui_configs.labelHeight + _base_barchart_ui_configs.gapBetweenTwoLabels), fill: themes_1.colors.grey80, textAnchor: "start" }, name),
-        react_1.default.createElement("text", { opacity: opacity, x: _base_barchart_ui_configs.marginLeft, dy: y - (_base_barchart_ui_configs.labelToBarGap), fill: themes_1.colors.grey80, textAnchor: "start", className: "UI_BODY_BOLD_SM" },
-            formatValue(),
-            showPercent && !isBreakdown && (react_1.default.createElement("tspan", { className: "UI_BODY_SM", dx: xOffsetRelative, fill: themes_1.colors.grey80 }, getCount())),
-            (isBreakdown && !showSumOfBreakdownValues) ? null : react_1.default.createElement("tspan", { className: "UI_BODY_SM", dx: xOffsetRelative, fill: themes_1.colors.grey80 }, name)),
-        react_1.default.createElement("rect", { style: onMouseDown ? { cursor: 'pointer' } : {}, onMouseDown: function (e) { return onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e, value); }, onMouseOver: function (e) {
-                onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver(e, value);
-            }, onMouseOut: function (e) {
-                onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut(e, value);
-            }, x: _base_barchart_ui_configs.hoverRectStrokeWidth, y: (!isBreakdown || showSumOfBreakdownValues)
-                ? _base_barchart_ui_configs.hoverRectStrokeWidth + CALC_SINGLE_BAR_SECTION_Y_POS(value.dataIndex)
-                : breakdownDisplayType === 'stacked'
-                    ? _base_barchart_ui_configs.hoverRectStrokeWidth + CALC_STACKED_BAR_SECTION_Y_POS(value[0].dataIndex)
-                    : breakdownDisplayType === 'grouped' &&
-                        _base_barchart_ui_configs.hoverRectStrokeWidth + (TOT_HEIGHT_GROUPED_BAR_SECTION + _base_barchart_ui_configs.gapBetweenBarSections) * value[0].dataIndex, width: "calc(100% - ".concat(_base_barchart_ui_configs.hoverRectStrokeWidth * 2, "px)"), height: (!isBreakdown || showSumOfBreakdownValues)
-                ? TOT_HEIGHT_SINGLE_BAR_SECTION
-                : breakdownDisplayType === 'stacked'
-                    ? TOT_HEIGHT_STACKED_BAR_SECTION
-                    : breakdownDisplayType === 'grouped' &&
-                        TOT_HEIGHT_GROUPED_BAR_SECTION, opacity: _debug_controls.mouseEventDetectorOpacity ||
-                (activeBar === name ? 1 : 0), stroke: themes_1.colors.grey30, rx: 5, ry: 5, strokeWidth: "".concat(_base_barchart_ui_configs.hoverRectStrokeWidth, "px"), fillOpacity: _debug_controls.mouseEventDetectorOpacity })));
-};
-exports.CustomizedLabel = CustomizedLabel;

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

@@ -1,12 +0,0 @@
-import React from "react";
-interface LegendData {
-    color: string;
-    text: string;
-}
-interface LegendProps {
-    data: LegendData[];
-    label?: string;
-    orientation?: "vertical" | "horizontal";
-}
-export declare const Legend: React.FC<LegendProps>;
-export {};

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

@@ -1,35 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Legend = void 0;
-var react_1 = __importDefault(require("react"));
-var __1 = require("../../../../../..");
-var Typo2_1 = require("../../../../Typo2");
-var LegendTooltipGlyph_1 = require("../LegendTooltipGlyph");
-var Legend = function (_a) {
-    var data = _a.data, label = _a.label, _b = _a.orientation, orientation = _b === void 0 ? "vertical" : _b;
-    return (react_1.default.createElement("div", { style: __assign(__assign({}, (orientation === 'vertical' ? { maxWidth: '200px' } : {})), { padding: "12px", borderRadius: '8px', border: "1px solid ".concat(__1.colors2.grey5), background: "linear-gradient(to bottom, hsla(0, 0%, 96%, 1), hsla(0, 0%, 100%, 0))", maxHeight: orientation === 'vertical' ? '100%' : '150px', overflow: 'auto' }) },
-        label && orientation === 'vertical' && (react_1.default.createElement("div", { style: { paddingBottom: "8px" } },
-            react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD_DF, null, label))),
-        react_1.default.createElement("div", { style: __assign(__assign({ display: "flex", flexDirection: orientation === "vertical" ? "column" : "row" }, (orientation === 'horizontal' ? { flexWrap: 'wrap' } : {})), { gap: "8px" }) },
-            label && orientation === 'horizontal' && (react_1.default.createElement(Typo2_1.UI_CAPTION_BOLD_DF, null, label)),
-            data.map(function (d, index) {
-                return (react_1.default.createElement("div", { key: index, style: { display: "flex", alignItems: "center", gap: "6px" } },
-                    react_1.default.createElement(LegendTooltipGlyph_1.LegendTooltipGlyph, { color: d.color }),
-                    react_1.default.createElement(Typo2_1.UI_CAPTION_DF, null, d.text)));
-            }))));
-};
-exports.Legend = Legend;

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

@@ -1,7 +0,0 @@
-import React from "react";
-interface LegendTooltipGlyphProps {
-    color: string;
-    size?: number;
-}
-export declare const LegendTooltipGlyph: React.FC<LegendTooltipGlyphProps>;
-export {};

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

@@ -1,18 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LegendTooltipGlyph = void 0;
-var react_1 = __importDefault(require("react"));
-var LegendTooltipGlyph = function (_a) {
-    var color = _a.color, _b = _a.size, size = _b === void 0 ? 10 : _b;
-    return (react_1.default.createElement("div", { style: {
-            width: size + 'px',
-            height: size + 'px',
-            borderRadius: "50%",
-            backgroundColor: color,
-            flexShrink: 0
-        } }));
-};
-exports.LegendTooltipGlyph = LegendTooltipGlyph;

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

@@ -1,7 +0,0 @@
-import React from "react";
-export declare const TruncatedSVGText: ({ text, textContainerRef, widthRef, widthOffset }: {
-    text: any;
-    textContainerRef: any;
-    widthRef: any;
-    widthOffset?: number;
-}) => React.JSX.Element;