impact-ui 5.0.1-chart.1 → 5.0.2

package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -17,5 +17,6 @@ export interface BreadcrumbItem {
 export interface BreadcrumbsProps extends BaseComponentProps, Omit<MUIBreadcrumbsProps, 'children' | 'className' | 'id'> {
     /** List of breadcrumb items (first and last are always shown; middle items can be collapsed into "…" menu) */
     list: BreadcrumbItem[];
+    showAllItems?: boolean;
 }
 //# sourceMappingURL=Breadcrumbs.types.d.ts.map

package/dist/components/Breadcrumbs/Breadcrumbs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,kBAAkB,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,WAAW,GAAG,IAAI,CAAC;IACtF,8GAA8G;IAC9G,IAAI,EAAE,cAAc,EAAE,CAAC;CACxB"}
+{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,kBAAkB,EAAE,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,WAAW,GAAG,IAAI,CAAC;IACtF,8GAA8G;IAC9G,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB"}

package/dist/components/Breadcrumbs/index.d.ts

@@ -6,7 +6,7 @@ export type { BreadcrumbsProps, BreadcrumbItem } from './Breadcrumbs.types';
  * Long paths are collapsed: first item, "…" menu (middle items), then last item.
  * "Home" label renders the Home icon by default.
  */
-export declare function Breadcrumbs({ list, className, id, 'data-testid': dataTestId, ...rest }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
+export declare function Breadcrumbs({ list, showAllItems, className, id, 'data-testid': dataTestId, ...rest }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Breadcrumbs {
     var displayName: string;
 }

package/dist/components/Breadcrumbs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE5E;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAyFlB;yBA/Fe,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Breadcrumbs/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,2BAA2B,CAAC;AAEnC,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAE5E;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAoB,EACpB,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,gBAAgB,2CA+FlB;yBAtGe,WAAW"}

package/dist/components/Breadcrumbs/index.js

@@ -1,6 +1,6 @@
 !function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-breadcrumb{color:#4259ee;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.01em;line-height:16.1px;text-align:left}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home){border-radius:4px}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home):focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home):focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).Mui-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).ia-btn-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).ia-switch-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).impact-select-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).impact_input_disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home).route-disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home):disabled:focus-visible,.ia-styles.ia-breadcrumb:not(.ia-breadcrumb-home)[aria-disabled=true]:focus-visible{box-shadow:none;outline:none}.ia-styles.ia-breadcrumb.ia-breadcrumb-disabled{color:#60697d}.ia-styles.ia-breadcrumb.ia-breadcrumb-home svg{display:flex}.ia-styles.ia-breadcrumb.ia-breadcrumb-home svg path{height:11.67px;width:10.67px}.ia-styles.ia-breadcrumb.ia-breadcrumb-extras{margin-left:5px;margin-right:-1px}.ia-styles.ia-breadcrumb:hover:not(.ia-breadcrumb-noLink):not(.ia-breadcrumb-disabled){color:#4259ee}.ia-styles.ia-breadcrumb:hover:not(.ia-breadcrumb-noLink):not(.ia-breadcrumb-disabled) path{fill:#4259ee}.ia-styles.ia-breadcrumb.ia-breadcrumb-noLink{color:#1f2b4d;cursor:default;font-weight:800}.MuiBreadcrumbs-root .MuiBreadcrumbs-separator{font-size:20px;margin-left:0;margin-right:0;margin-top:3px}.MuiBreadcrumbs-root .MuiBreadcrumbs-li:has(>*>.ia-breadcrumb-extras){height:24px}.MuiBreadcrumbs-root .MuiBreadcrumbs-li:has(>*>.ia-breadcrumb-extras) div{align-items:center;display:flex}.ia-breadcrumb-extras svg{fill:#6b7280!important;margin-top:1px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
+import { useState, useEffect, useMemo } from "react";
 import default_1$1 from "../../node_modules/@mui/icons-material/KeyboardArrowRight.js";
 import default_1 from "../../node_modules/@mui/icons-material/MoreHoriz.js";
 import { Menu } from "../Menu/index.js";
@@ -11,6 +11,7 @@ import Link from "../../node_modules/@mui/material/Link/Link.js";
 import Breadcrumbs$1 from "../../node_modules/@mui/material/Breadcrumbs/Breadcrumbs.js";
 function Breadcrumbs({
   list,
+  showAllItems = false,
   className = "",
   id,
   "data-testid": dataTestId,
@@ -25,8 +26,11 @@ function Breadcrumbs({
   const onClose = () => {
     setAnchorEl(null);
   };
+  useEffect(() => {
+    setAnchorEl(null);
+  }, [showAllItems]);
   const breadCrumbList = useMemo(() => {
-    const filtered = list.filter((_, idx) => idx < 2 || idx > list.length - 3);
+    const filtered = showAllItems ? list : list.filter((_, idx) => idx < 2 || idx > list.length - 3);
     const temp = filtered.map((item, index, arr) => {
       const isLast = index === arr.length - 1;
       if (!isLast) {
@@ -46,7 +50,7 @@ function Breadcrumbs({
       return /* @__PURE__ */ jsx("span", { className: "ia-styles ia-breadcrumb ia-breadcrumb-noLink", children: item.label }, item.label);
     });
     const extras = list.filter((_, idx) => idx >= 2 && idx <= list.length - 3);
-    if (extras.length > 0 && temp.length > 1) {
+    if (!showAllItems && extras.length > 0 && temp.length > 1) {
       const secondItem = temp[1];
       temp[1] = /* @__PURE__ */ jsxs("div", { style: { display: "inline-flex" }, children: [
         secondItem,
@@ -69,7 +73,7 @@ function Breadcrumbs({
       ] }, "extras-wrapper");
     }
     return temp;
-  }, [list, isOpen]);
+  }, [list, isOpen, showAllItems]);
   return /* @__PURE__ */ jsx(
     Breadcrumbs$1,
     {

package/dist/components/Chart/index.d.ts

@@ -1,5 +1,5 @@
 
-export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, hideScrollXScrollbar, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, belowChartComponent, isEmpty, onChartInfo, isLoading, shimmerDirection, topSubHeader, denseSkeleton, }: {
+export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitle, seriesData, graphTitle, stackedColumn, is3D, showSubTitle, onChartDownload, fallbackContent, topRightOptions, showSwitchButton, showChartTypeDropdown, showDownloadButton, chartTypesOptions, selectedChart, chartMenuProps, showScrollX, topLeftOptions, cardContainer, subtitleText, legendXPosition, legendYPosition, xAxisTitlePositionY, customTooltipFormatter, sharedTooltip, showchart, setShowChart, plotOptionsEvents, customSystemButton, handleChartExpand, chartMarginBottom, showHeader, height, width, showExpandButton, showDownloadMenu, showBuiltInDownloadOptions, downloadMenuOptions, customLegend, customLegendStyle, yAxisTitleRight, chartOptions, titleOptions, xAxisOptions, yAxisOptions, yAxisLeftOptions, yAxisRightOptions, zAxisOptions, tooltipOptions, plotOptionsOptions, subtitleOptions, creditsOptions, legendOptions, colorAxisOptions, seriesOptions, additionalOptions, hoveredXAxisIndex, exportingOptions, aboveChartComponent, isEmpty, isLoading, shimmerDirection, topSubHeader, denseSkeleton, }: {
     graphType?: string | undefined;
     xAxisCategories: any;
     xAxisTitle: any;
@@ -19,7 +19,6 @@ export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitl
     selectedChart: any;
     chartMenuProps: any;
     showScrollX?: boolean | undefined;
-    hideScrollXScrollbar?: boolean | undefined;
     topLeftOptions?: null | undefined;
     cardContainer?: boolean | undefined;
     subtitleText?: string | undefined;
@@ -62,9 +61,7 @@ export declare const Chart: ({ graphType, xAxisCategories, xAxisTitle, yAxisTitl
     hoveredXAxisIndex?: null | undefined;
     exportingOptions?: {} | undefined;
     aboveChartComponent?: null | undefined;
-    belowChartComponent?: null | undefined;
     isEmpty?: boolean | undefined;
-    onChartInfo?: null | undefined;
     isLoading?: boolean | undefined;
     shimmerDirection?: string | undefined;
     topSubHeader?: null | undefined;

package/dist/components/Chart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AAUrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsErB,4CAusBA,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AAQA,OAAO,iCAAiC,CAAC;AACzC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AACxC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,6CAA6C,CAAC;AAUrD,OAAO,qBAAqB,CAAC;AAoC7B,eAAO,MAAM,KAAK,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmErB,4CAypBA,CAAC"}

package/dist/components/Chart/index.js

@@ -1,6 +1,6 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chart-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.chart-slot-component{gap:16px}.chart-container.hide-scroll-x-scrollbar .highcharts-scrolling{scrollbar-width:none}.chart-container.hide-scroll-x-scrollbar .highcharts-scrolling::-webkit-scrollbar{display:none}.chart-container.card-container{box-shadow:0 0 4px #0000001f}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:#0d152c;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:#d9dde7;height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:#60697d!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}.highcharts-xaxis .highcharts-axis-title,.highcharts-yaxis .highcharts-axis-title{color:#60697d!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.chart-empty-state span{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center}.chart-skeleton{box-sizing:border-box;display:flex;flex-direction:column;height:300px;min-height:160px;padding:8px 4px 16px;width:100%}.chart-skeleton .chart-skeleton-plot{display:flex;flex:1;height:100%;min-height:0;width:100%}.chart-skeleton .chart-skeleton-plot-inner{display:flex;flex:1;flex-direction:column;gap:0;min-height:0;min-width:0;padding:8px 8px 8px 12px;position:relative}.chart-skeleton .chart-skeleton-axis--x{bottom:0;left:-2px;position:absolute;right:8px}.chart-skeleton .chart-skeleton-axis{flex-shrink:0}.chart-skeleton .chart-skeleton-axis--y{align-self:stretch;height:100%;width:2px}.chart-skeleton .chart-skeleton-axis--x{height:2px;width:100%}.chart-skeleton .chart-skeleton-bars{display:flex;flex:1;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-bar{border-radius:999px}.chart-skeleton .chart-skeleton-legend-item{border-radius:999px;height:10px}.chart-skeleton .chart-skeleton-plot--column{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:8px;justify-content:space-around;padding:0 8px 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bar--column{flex:1;max-width:36px;min-width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-axis--y-right{margin-left:-2px}.chart-skeleton .chart-skeleton-plot--column-dense{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:3px;justify-content:space-between;padding:0 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bar--column-dense{border-radius:2px;flex:1;max-width:14px;min-width:4px}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-axis--y-right{margin-left:8px}.chart-skeleton .chart-skeleton-area-spline{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill{fill:url(#area-shimmer-gradient)}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--1{opacity:.85}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--2{opacity:.65}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--heatmap{align-items:stretch;flex-direction:row}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap{display:flex;flex:1;gap:8px;min-height:0;min-width:0;padding:0 8px 4px}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-col{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-cell{flex:1;min-height:0}.chart-skeleton .chart-skeleton-plot--treemap{display:flex;flex-direction:row;gap:4px;padding:0}.chart-skeleton .chart-skeleton-treemap-left{display:flex;flex:0 0 35%}.chart-skeleton .chart-skeleton-treemap-right{display:flex;flex:1;flex-direction:column;gap:4px}.chart-skeleton .chart-skeleton-treemap-top{display:flex;flex:1;flex-direction:row;gap:4px}.chart-skeleton .chart-skeleton-treemap-bottom{display:flex;flex:0 0 22%}.chart-skeleton .chart-skeleton-candles{align-items:stretch;display:flex;flex:1;flex-direction:row;gap:8px;justify-content:space-around;min-height:0;padding:0 16px}.chart-skeleton .chart-skeleton-candle{flex:1;max-width:40px;min-width:20px;position:relative}.chart-skeleton .chart-skeleton-plot--scatter{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dots{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot{animation:shimmer 1.6s linear infinite;background:linear-gradient(90deg,#e8edf5,#d5dbe8 40%,#eceef4 60%,#e8edf5);background-size:200% 100%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--circle{border-radius:50%}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--square{border-radius:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--triangle{animation:none;background:#0000;border-bottom:8px solid #e8edf5;border-left:4px solid #e8edf5;border-right:4px solid #e8edf5;height:0;width:0}.chart-skeleton .chart-skeleton-plot--scatter3d{align-items:center;display:flex;justify-content:center;padding:12px}.chart-skeleton .chart-skeleton-plot--scatter3d .chart-skeleton-scatter3d{height:100%;max-height:100%;width:100%}.chart-skeleton .chart-skeleton-bubble-area{flex:1;min-height:0;min-width:0;position:relative}.chart-skeleton .chart-skeleton-bubble-area .chart-skeleton-bubble{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-end;max-width:48px;min-width:16px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-head{border-radius:50%;flex-shrink:0;height:12px;width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-stem{flex-shrink:1;min-height:4px;width:2px}.chart-skeleton .chart-skeleton-plot--bar{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bars{flex-direction:column;gap:10px;justify-content:space-around;padding:4px 0 0 4px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bar--bar{border-radius:999px;height:14px;max-width:100%;min-width:40px}.chart-skeleton .chart-skeleton-plot--line{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--1{opacity:.85}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--2{opacity:.65}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dots{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dot{background:#e8edf5;border-radius:50%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--circular{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-circle{border-radius:50%;flex-shrink:0;height:180px;width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut{border-radius:50%;flex-shrink:0;height:180px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut--semi{border-radius:180px 180px 0 0;height:90px;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px))}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circles{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:220px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle{border-radius:50%;opacity:.85;position:absolute}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--left{left:30px;top:10px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--right{right:-9px;top:9px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".chart-container{background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:24px;height:100%;padding:12px 12px 0;position:relative;transform-origin:center center;transition:all .25s ease}.chart-container.above-chart-component{gap:16px}.chart-container.card-container{box-shadow:0 0 4px #0000001f}.chart-container.fullscreen-animating{animation:expandAnim .2s ease forwards}.chart-container.fullscreen-animating-out{animation:collapseAnim .2s ease forwards}.chart-container.expanded{padding:24px}.chart-container .chart-container-header{align-items:center;display:flex;justify-content:space-between}.chart-container .chart-container-header .chart-container-header-title{align-items:center;display:flex;gap:6px}.chart-container .chart-container-header .chart-container-header-title .chart-container-header-title-text{color:#0d152c;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.chart-container .chart-container-header .chart-container-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.chart-container .divider-line{background:#d9dde7;height:16px;width:1px}.chart-custom-actions{align-items:center;display:flex;gap:12px}.highcharts-xaxis-labels text,.highcharts-yaxis-labels text{color:#60697d!important;font-family:Manrope,sans-serif;font-size:12px!important;font-weight:500}.highcharts-xaxis .highcharts-axis-title,.highcharts-yaxis .highcharts-axis-title{color:#60697d!important;font-family:Manrope,sans-serif;font-size:14px!important;font-style:normal;font-weight:500;line-height:20px}.tooltip-key{font-size:12px;font-weight:500;line-height:16px}.tooltip-value{font-size:14px;font-weight:600;line-height:24px}.highcharts-text-outline{stroke-width:0px}.chart-empty-state{align-items:center;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center}.chart-empty-state span{color:#7a8294;font-size:16px;font-weight:600;line-height:24px;text-align:center}.chart-skeleton{box-sizing:border-box;display:flex;flex-direction:column;height:300px;min-height:160px;padding:8px 4px 16px;width:100%}.chart-skeleton .chart-skeleton-plot{display:flex;flex:1;height:100%;min-height:0;width:100%}.chart-skeleton .chart-skeleton-plot-inner{display:flex;flex:1;flex-direction:column;gap:0;min-height:0;min-width:0;padding:8px 8px 8px 12px;position:relative}.chart-skeleton .chart-skeleton-axis--x{bottom:0;left:-2px;position:absolute;right:8px}.chart-skeleton .chart-skeleton-axis{flex-shrink:0}.chart-skeleton .chart-skeleton-axis--y{align-self:stretch;height:100%;width:2px}.chart-skeleton .chart-skeleton-axis--x{height:2px;width:100%}.chart-skeleton .chart-skeleton-bars{display:flex;flex:1;min-height:0;min-width:0}.chart-skeleton .chart-skeleton-bar{border-radius:999px}.chart-skeleton .chart-skeleton-legend-item{border-radius:999px;height:10px}.chart-skeleton .chart-skeleton-plot--column{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:8px;justify-content:space-around;padding:0 8px 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-bar--column{flex:1;max-width:36px;min-width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-axis--y-right{margin-left:-2px}.chart-skeleton .chart-skeleton-plot--column-dense{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bars{align-items:flex-end;flex-direction:row;gap:3px;justify-content:space-between;padding:0 4px;position:relative}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-bar--column-dense{border-radius:2px;flex:1;max-width:14px;min-width:4px}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line{height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-dual-line-path{opacity:.85}.chart-skeleton .chart-skeleton-plot--column-dense .chart-skeleton-axis--y-right{margin-left:8px}.chart-skeleton .chart-skeleton-area-spline{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill{fill:url(#area-shimmer-gradient)}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--1{opacity:.85}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-fill--2{opacity:.65}.chart-skeleton .chart-skeleton-area-spline .chart-skeleton-area-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--heatmap{align-items:stretch;flex-direction:row}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap{display:flex;flex:1;gap:8px;min-height:0;min-width:0;padding:0 8px 4px}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-col{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.chart-skeleton .chart-skeleton-plot--heatmap .chart-skeleton-heatmap-cell{flex:1;min-height:0}.chart-skeleton .chart-skeleton-plot--treemap{display:flex;flex-direction:row;gap:4px;padding:0}.chart-skeleton .chart-skeleton-treemap-left{display:flex;flex:0 0 35%}.chart-skeleton .chart-skeleton-treemap-right{display:flex;flex:1;flex-direction:column;gap:4px}.chart-skeleton .chart-skeleton-treemap-top{display:flex;flex:1;flex-direction:row;gap:4px}.chart-skeleton .chart-skeleton-treemap-bottom{display:flex;flex:0 0 22%}.chart-skeleton .chart-skeleton-candles{align-items:stretch;display:flex;flex:1;flex-direction:row;gap:8px;justify-content:space-around;min-height:0;padding:0 16px}.chart-skeleton .chart-skeleton-candle{flex:1;max-width:40px;min-width:20px;position:relative}.chart-skeleton .chart-skeleton-plot--scatter{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dots{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot{animation:shimmer 1.6s linear infinite;background:linear-gradient(90deg,#e8edf5,#d5dbe8 40%,#eceef4 60%,#e8edf5);background-size:200% 100%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--circle{border-radius:50%}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--square{border-radius:0}.chart-skeleton .chart-skeleton-plot--scatter .chart-skeleton-dot--triangle{animation:none;background:#0000;border-bottom:8px solid #e8edf5;border-left:4px solid #e8edf5;border-right:4px solid #e8edf5;height:0;width:0}.chart-skeleton .chart-skeleton-plot--scatter3d{align-items:center;display:flex;justify-content:center;padding:12px}.chart-skeleton .chart-skeleton-plot--scatter3d .chart-skeleton-scatter3d{height:100%;max-height:100%;width:100%}.chart-skeleton .chart-skeleton-bubble-area{flex:1;min-height:0;min-width:0;position:relative}.chart-skeleton .chart-skeleton-bubble-area .chart-skeleton-bubble{border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop{align-items:center;display:flex;flex:1;flex-direction:column;justify-content:flex-end;max-width:48px;min-width:16px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-head{border-radius:50%;flex-shrink:0;height:12px;width:12px}.chart-skeleton .chart-skeleton-plot--column .chart-skeleton-lollipop .chart-skeleton-lollipop-stem{flex-shrink:1;min-height:4px;width:2px}.chart-skeleton .chart-skeleton-plot--bar{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bars{flex-direction:column;gap:10px;justify-content:space-around;padding:4px 0 0 4px}.chart-skeleton .chart-skeleton-plot--bar .chart-skeleton-bar--bar{border-radius:999px;height:14px;max-width:100%;min-width:40px}.chart-skeleton .chart-skeleton-plot--line{align-items:stretch;flex-direction:row;gap:0}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines{flex:1;min-height:0;min-width:0;overflow:hidden;position:relative}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-wave{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--1{opacity:.85}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-path--2{opacity:.65}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dots{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-dot{background:#e8edf5;border-radius:50%;height:8px;opacity:.85;position:absolute;transform:translate(-50%,-50%);width:8px}.chart-skeleton .chart-skeleton-plot--line .chart-skeleton-lines .chart-skeleton-line-shimmer-defs{height:0;position:absolute;width:0}.chart-skeleton .chart-skeleton-plot--circular{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-circle{border-radius:50%;flex-shrink:0;height:180px;width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut{border-radius:50%;flex-shrink:0;height:180px;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side,#0000 calc(58% - .5px),#000 calc(58% + .5px));width:180px}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-donut--semi{border-radius:180px 180px 0 0;height:90px;-webkit-mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px));mask-image:radial-gradient(farthest-side at 50% 100%,#0000 calc(58% - .5px),#000 calc(58% + .5px))}.chart-skeleton .chart-skeleton-plot--circular .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn{align-items:center;flex-direction:column;gap:20px;justify-content:center}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circles{align-items:center;display:flex;height:160px;justify-content:center;position:relative;width:220px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle{border-radius:50%;opacity:.85;position:absolute}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--left{left:30px;top:10px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-venn-circle--right{right:-9px;top:9px}.chart-skeleton .chart-skeleton-plot--venn .chart-skeleton-legend{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}@keyframes expandAnim{0%{opacity:.6;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes collapseAnim{0%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.98)}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import React__default, { useState, useRef, useCallback, useEffect, useMemo } from "react";
+import React__default, { useState, useRef, useEffect, useMemo } from "react";
 import Highcharts from "highcharts/esm/highcharts.js";
 import "highcharts/esm/highcharts-3d.js";
 import "highcharts/esm/highcharts-more.js";
@@ -57,7 +57,6 @@ const Chart = ({
   selectedChart,
   chartMenuProps,
   showScrollX = false,
-  hideScrollXScrollbar = false,
   topLeftOptions = null,
   cardContainer = true,
   subtitleText = "",
@@ -102,9 +101,7 @@ const Chart = ({
   hoveredXAxisIndex = null,
   exportingOptions = {},
   aboveChartComponent = null,
-  belowChartComponent = null,
   isEmpty = false,
-  onChartInfo = null,
   isLoading = false,
   shimmerDirection = "auto",
   topSubHeader = null,
@@ -122,29 +119,6 @@ const Chart = ({
   const [downloadMenuAnchor, setDownloadMenuAnchor] = useState(null);
   const chartComponentRef = useRef(null);
   const containerRef = useRef(null);
-  const emitChartInfo = useCallback(() => {
-    var _a2, _b, _c;
-    if (!onChartInfo) return;
-    const chart = (_a2 = chartComponentRef.current) == null ? void 0 : _a2.chart;
-    if (!chart || !((_b = chart.xAxis) == null ? void 0 : _b[0])) return;
-    const xAxis = chart.xAxis[0];
-    const categories = xAxis.categories || [];
-    const pointPositions = categories.map((cat, i) => ({
-      category: cat,
-      x: xAxis.toPixels(i, false)
-    }));
-    const scrollingContainer = ((_c = containerRef.current) == null ? void 0 : _c.querySelector(".highcharts-scrolling")) || null;
-    onChartInfo({
-      plotLeft: chart.plotLeft,
-      plotWidth: chart.plotWidth,
-      plotTop: chart.plotTop,
-      plotHeight: chart.plotHeight,
-      chartWidth: chart.chartWidth,
-      categories,
-      pointPositions,
-      scrollingContainer
-    });
-  }, [onChartInfo]);
   const getBuiltInDownloadOptions = () => {
     var _a2, _b;
     const chart = (_a2 = chartComponentRef.current) == null ? void 0 : _a2.chart;
@@ -541,24 +515,11 @@ const Chart = ({
       additionalOptions
     ]
   );
-  useEffect(() => {
-    var _a2;
-    const chart = (_a2 = chartComponentRef.current) == null ? void 0 : _a2.chart;
-    if (!chart) return;
-    const onEvent = () => emitChartInfo();
-    Highcharts.addEvent(chart, "load", onEvent);
-    Highcharts.addEvent(chart, "redraw", onEvent);
-    emitChartInfo();
-    return () => {
-      Highcharts.removeEvent(chart, "load", onEvent);
-      Highcharts.removeEvent(chart, "redraw", onEvent);
-    };
-  }, [emitChartInfo, graphData]);
   return /* @__PURE__ */ jsx(Fragment, { children: showchart ? /* @__PURE__ */ jsxs(
     "div",
     {
       ref: containerRef,
-      className: `chart-container ${isExpanded ? "expanded" : ""} ${isAnimating ? "animating" : ""} ${cardContainer ? "card-container" : ""} ${aboveChartComponent || belowChartComponent ? "chart-slot-component" : ""} ${hideScrollXScrollbar ? "hide-scroll-x-scrollbar" : ""}`,
+      className: `chart-container ${isExpanded ? "expanded" : ""} ${isAnimating ? "animating" : ""} ${cardContainer ? "card-container" : ""} ${aboveChartComponent ? "above-chart-component" : ""}`,
       style: width ? { width } : {},
       children: [
         showHeader && /* @__PURE__ */ jsxs("div", { className: "chart-container-header", children: [
@@ -680,7 +641,6 @@ const Chart = ({
           },
           safeStringify(graphData, "graph") + isExpanded
         ),
-        belowChartComponent && belowChartComponent,
         !isLoading && customLegend && /* @__PURE__ */ jsx(
           "div",
           {

package/dist/components/TableV36/AdvanceSearchModalItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;CAwB/B,4CAmUA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"AdvanceSearchModalItem.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/AdvanceSearchModalItem.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,sBAAsB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;CAwB/B,4CA6SA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/TableV36/advanceSearchModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"advanceSearchModal.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/advanceSearchModal.tsx"],"names":[],"mappings":"AAqBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,iBAAiB,EACjB,cAA+D,EAC/D,gCAAgC,EAChC,mCAAmC,EACnC,WAAW,EACX,cAAc,EACd,GAAG,IAAI,EACR;;;;;;;;;;;;;;;;;;CAAA,2CAorBA"}
+{"version":3,"file":"advanceSearchModal.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/advanceSearchModal.tsx"],"names":[],"mappings":"AA0BA,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,iBAAiB,EACjB,cAA+D,EAC/D,gCAAgC,EAChC,mCAAmC,EACnC,WAAW,EACX,cAAc,EACd,GAAG,IAAI,EACR;;;;;;;;;;;;;;;;;;CAAA,2CAqqBA"}

package/dist/components/TableV36/filterUtils.d.ts

@@ -51,6 +51,12 @@ export declare const isColumnDataString: (api: any, columnId: any) => boolean;
  * @returns {object|undefined} - Filter model entry or undefined if invalid
  */
 export declare const buildFilterModelEntry: (parsedValue: any, filterType: any, columnDef: any, operationType?: null) => any;
+/**
+ * Resolves an advance-search option value from a filterModel key when
+ * `columnFieldsFilterMap` maps advance field → filterModel key.
+ * Returns `filterKey` unchanged when no reverse mapping exists.
+ */
+export declare const resolveAdvanceSearchFieldFromFilterKey: (filterKey: any, colDefs: any) => any;
 /**
  * Recursively finds a column definition by field or colId
  * @param {array} colDefs - Array of column definitions
@@ -135,6 +141,21 @@ export declare const updateOrAddFilter: (existingFilters: any, columnId: any, va
  * @param {function} getOptionFromDropdownValue - Function to convert dropdown values
  */
 export declare const syncFiltersWithModal: (api: any, currentColumnId: any, inputValue: any, columnDef: any, colDefs: any, setValue: any, setInitialFilters: any, getOptionFromDropdownValue: any) => void;
+/**
+ * Resolves the AG Grid filterModel key for an advance-search field.
+ * Prefers columnFieldsFilterMap, then colId / field / advance field.
+ */
+export declare const resolveFilterModelColumnKey: (columnDef: any, advanceField: any) => any;
+/**
+ * Builds hidden AG Grid columns for `columnFieldsFilterMap` values that are not
+ * already real columns. Without these, setFilterModel drops the mapped keys.
+ * Each virtual column filters against the parent column's row-data field.
+ */
+export declare const createVirtualFilterColumns: (colDefs: any) => any[];
+/**
+ * Appends hidden virtual filter columns for columnFieldsFilterMap values.
+ */
+export declare const appendVirtualFilterColumns: (colDefs: any) => any;
 /**
  * Processes advance search filters and builds AG Grid filter model
  * @param {array} formValues - Array of filter objects from form

package/dist/components/TableV36/filterUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/filterUtils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,wBAAwB,GAAI,cAAS,QAoDjD,CAAC;AAGF,eAAO,MAAM,4BAA4B,GAAI,cAAS,EAAE,aAAa,QAyBpE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAK,QAMtC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB,GAClC,iBAAY,MACZ,WAAM,QAMN,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAK,EAAE,cAAS;;;CA4EhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAG,EAAE,aAAQ,YAQ/C,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,GAAI,gBAAW,EAAE,eAAU,EAAE,cAAS,EAAE,oBAAoB,QAsI7F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,YAAO,EAAE,UAAK,QAoB3C,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAK,EAAE,cAAS,EAAE,QAAG,EAAE,aAAQ;;;CA0ErE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,gBAAW,YAwB7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,aAAQ,EAAE,cAAS,EAAE,YAAO,QAc1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAM,YAUzC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GAAI,aAAQ,EAAE,WAAM,EAAE,cAAS,EAAE,YAAO;;;;;;;;;;;CA4C9E,CAAC;AAqGF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,oBAAe,EAAE,aAAQ,EAAE,UAAK,EAAE,cAAS,EAAE,YAAO,QAUrF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAG,EACH,oBAAe,EACf,eAAU,EACV,cAAS,EACT,YAAO,EACP,aAAQ,EACR,sBAAiB,EACjB,+BAA0B,SA2B3B,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GAAI,eAAU,EAAE,YAAO,OAqChE,CAAC"}
+{"version":3,"file":"filterUtils.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/filterUtils.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,wBAAwB,GAAI,cAAS,QAoDjD,CAAC;AAGF,eAAO,MAAM,4BAA4B,GAAI,cAAS,EAAE,aAAa,QAyBpE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAK,QAMtC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,wBAAwB,GAClC,iBAAY,MACZ,WAAM,QAMN,CAAC;AAEJ;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,UAAK,EAAE,cAAS;;;CA4EhD,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,GAAI,QAAG,EAAE,aAAQ,YAQ/C,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,qBAAqB,GAAI,gBAAW,EAAE,eAAU,EAAE,cAAS,EAAE,oBAAoB,QAsI7F,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,sCAAsC,GAAI,cAAS,EAAE,YAAO,QA0BxE,CAAC;AA6BF;;;;;GAKG;AACH,eAAO,MAAM,aAAa,GAAI,YAAO,EAAE,UAAK,QAmB3C,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GAAI,UAAK,EAAE,cAAS,EAAE,QAAG,EAAE,aAAQ;;;CA0ErE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,gBAAW,YAwB7C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAAI,aAAQ,EAAE,cAAS,EAAE,YAAO,QAc1D,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,WAAM,YAUzC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GAAI,aAAQ,EAAE,WAAM,EAAE,cAAS,EAAE,YAAO;;;;;;;;;;;CA6C9E,CAAC;AAsGF;;;;;;;;GAQG;AACH,eAAO,MAAM,iBAAiB,GAAI,oBAAe,EAAE,aAAQ,EAAE,UAAK,EAAE,cAAS,EAAE,YAAO,QAUrF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,oBAAoB,GAC/B,QAAG,EACH,oBAAe,EACf,eAAU,EACV,cAAS,EACT,YAAO,EACP,aAAQ,EACR,sBAAiB,EACjB,+BAA0B,SA2B3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,2BAA2B,GAAI,cAAS,EAAE,iBAAY,QAGlE,CAAC;AAgBF;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,GAAI,YAAO,UAwCjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,0BAA0B,GAAI,YAAO,QAMjD,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,6BAA6B,GAAI,eAAU,EAAE,YAAO,OAsChE,CAAC"}

package/dist/components/TableV36/filterUtils.js

@@ -205,23 +205,63 @@ const buildFilterModelEntry = (parsedValue, filterType, columnDef, operationType
   };
   return filterEntry;
 };
+const resolveAdvanceSearchFieldFromFilterKey = (filterKey, colDefs) => {
+  if (!colDefs || !filterKey) {
+    return filterKey;
+  }
+  const find = (defs) => {
+    for (const col of defs) {
+      if (col.children) {
+        const nested = find(col.children);
+        if (nested != null) {
+          return nested;
+        }
+      }
+      if (col.columnFieldsFilterMap) {
+        const entry = Object.entries(col.columnFieldsFilterMap).find(
+          ([, mapped]) => mapped === filterKey
+        );
+        if (entry) {
+          return entry[0];
+        }
+      }
+    }
+    return null;
+  };
+  return find(colDefs) ?? filterKey;
+};
+const resolveDuplicateAdvanceField = (col, field) => {
+  if (!col.toShowDuplicateColumnInAdvanceSearch || !col.columnFieldsInAdvanceSearch) {
+    return null;
+  }
+  let advanceField = field;
+  let index = col.columnFieldsInAdvanceSearch.indexOf(field);
+  if (index === -1 && col.columnFieldsFilterMap) {
+    const entry = Object.entries(col.columnFieldsFilterMap).find(([, mapped]) => mapped === field);
+    if (entry) {
+      advanceField = entry[0];
+      index = col.columnFieldsInAdvanceSearch.indexOf(advanceField);
+    }
+  }
+  if (index === -1) {
+    return null;
+  }
+  return { advanceField, index };
+};
 const findColumnDef = (colDefs, field) => {
-  var _a;
   for (const col of colDefs) {
     if (col.children) {
       const found = findColumnDef(col.children, field);
       if (found) return found;
     }
-    if (col.toShowDuplicateColumnInAdvanceSearch && col.columnFieldsInAdvanceSearch) {
-      const index = (_a = col.columnFieldsInAdvanceSearch) == null ? void 0 : _a.indexOf(field);
-      if (index !== -1) {
-        return {
-          ...col,
-          currentColumnField: `${field}${index + 1}`
-          // add index + 1
-        };
-      }
-    } else if (col.colId && col.colId === field || col.field && col.field === field) {
+    const duplicate = resolveDuplicateAdvanceField(col, field);
+    if (duplicate) {
+      return {
+        ...col,
+        currentColumnField: `${duplicate.advanceField}${duplicate.index + 1}`
+      };
+    }
+    if (col.colId && col.colId === field || col.field && col.field === field) {
       return col;
     }
   }
@@ -312,7 +352,8 @@ const hasValidFilterValue = (filter) => {
 };
 const convertFilterToModalFormat = (columnId, filter, columnDef, colDefs) => {
   var _a;
-  const columnLabel = getColumnLabel(columnId, columnDef, colDefs);
+  const advanceField = resolveAdvanceSearchFieldFromFilterKey(columnId, colDefs);
+  const columnLabel = getColumnLabel(advanceField, columnDef, colDefs);
   let value = (filter == null ? void 0 : filter.filter) || "";
   if (filter == null ? void 0 : filter.dateFrom) {
     if (typeof filter.dateFrom === "string") {
@@ -335,7 +376,7 @@ const convertFilterToModalFormat = (columnId, filter, columnDef, colDefs) => {
   return {
     column: {
       label: columnLabel,
-      value: columnId,
+      value: advanceField,
       type: (filter == null ? void 0 : filter.filterType) || "text"
     },
     operation: {
@@ -386,10 +427,11 @@ const prepareValueForModal = (inputValue, columnDef, getOptionFromDropdownValue)
   }
 };
 const createModalFilterEntry = (columnId, value, columnDef, colDefs) => {
+  const advanceField = resolveAdvanceSearchFieldFromFilterKey(columnId, colDefs);
   return {
     column: {
-      label: getColumnLabel(columnId, columnDef, colDefs),
-      value: columnId,
+      label: getColumnLabel(advanceField, columnDef, colDefs),
+      value: advanceField,
       type: (columnDef == null ? void 0 : columnDef.type) || "text"
     },
     operation: getDefaultOperationForColumn(columnDef),
@@ -428,6 +470,69 @@ const syncFiltersWithModal = (api, currentColumnId, inputValue, columnDef, colDe
     console.warn("Error syncing modal filters:", err);
   }
 };
+const resolveFilterModelColumnKey = (columnDef, advanceField) => {
+  var _a;
+  const mappedKey = (_a = columnDef == null ? void 0 : columnDef.columnFieldsFilterMap) == null ? void 0 : _a[advanceField];
+  return mappedKey || (columnDef == null ? void 0 : columnDef.colId) || (columnDef == null ? void 0 : columnDef.field) || advanceField;
+};
+const collectExistingColumnIds = (colDefs, ids = /* @__PURE__ */ new Set()) => {
+  (colDefs || []).forEach((col) => {
+    if (col.children) {
+      collectExistingColumnIds(col.children, ids);
+    }
+    if (col.colId) ids.add(col.colId);
+    if (col.field) ids.add(col.field);
+  });
+  return ids;
+};
+const createVirtualFilterColumns = (colDefs) => {
+  const virtualCols = [];
+  const existingIds = collectExistingColumnIds(colDefs);
+  const walk = (cols) => {
+    (cols || []).forEach((col) => {
+      if (col.children) {
+        walk(col.children);
+      }
+      if (!col.columnFieldsFilterMap) {
+        return;
+      }
+      const parentField = col.field;
+      Object.entries(col.columnFieldsFilterMap).forEach(([advanceField, mappedKey]) => {
+        if (!mappedKey || existingIds.has(mappedKey)) {
+          return;
+        }
+        existingIds.add(mappedKey);
+        virtualCols.push({
+          colId: mappedKey,
+          field: mappedKey,
+          headerName: advanceField,
+          hide: true,
+          lockVisible: true,
+          suppressColumnsToolPanel: true,
+          // Keep out of advance-search option lists
+          advanceSearchEnabled: false,
+          isSearchable: false,
+          filter: col.filter || "agTextColumnFilter",
+          type: col.type,
+          filterParams: col.filterParams,
+          valueGetter: (params) => {
+            var _a;
+            return parentField != null ? (_a = params.data) == null ? void 0 : _a[parentField] : void 0;
+          }
+        });
+      });
+    });
+  };
+  walk(colDefs);
+  return virtualCols;
+};
+const appendVirtualFilterColumns = (colDefs) => {
+  if (!Array.isArray(colDefs) || colDefs.length === 0) {
+    return colDefs;
+  }
+  const virtualCols = createVirtualFilterColumns(colDefs);
+  return virtualCols.length > 0 ? [...colDefs, ...virtualCols] : colDefs;
+};
 const buildAdvanceSearchFilterModel = (formValues, colDefs) => {
   const filterModel = {};
   if (!formValues || !Array.isArray(formValues)) {
@@ -446,7 +551,8 @@ const buildAdvanceSearchFilterModel = (formValues, colDefs) => {
     if (!isValidFilterValue(parsedValue)) {
       return;
     }
-    const columnKey = columnDef.colId || value.column.value;
+    const advanceField = value.column.value;
+    const columnKey = resolveFilterModelColumnKey(columnDef, advanceField);
     const filterEntry = buildFilterModelEntry(
       parsedValue,
       filterType,
@@ -460,10 +566,12 @@ const buildAdvanceSearchFilterModel = (formValues, colDefs) => {
   return filterModel;
 };
 export {
+  appendVirtualFilterColumns,
   buildAdvanceSearchFilterModel,
   buildFilterModelEntry,
   cleanNumericValue,
   convertFilterToModalFormat,
+  createVirtualFilterColumns,
   findColumnDef,
   getColumnLabel,
   getDefaultOperationForColumn,
@@ -473,6 +581,8 @@ export {
   isValidFilterValue,
   parseFilterValue,
   parseInlineSearchValue,
+  resolveAdvanceSearchFieldFromFilterKey,
+  resolveFilterModelColumnKey,
   syncFiltersWithModal,
   updateOrAddFilter
 };

package/dist/components/TableV36/filterUtils.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=filterUtils.test.d.ts.map

package/dist/components/TableV36/filterUtils.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterUtils.test.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/filterUtils.test.ts"],"names":[],"mappings":""}

package/dist/components/TableV36/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AA8iE7B,eAAO,MAAM,QAAQ,mFAUnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableV36/index.tsx"],"names":[],"mappings":"AA0BA,OAAO,sCAAsC,CAAC;AAC9C,OAAO,8CAA8C,CAAC;AACtD,OAAO,qBAAqB,CAAC;AAujE7B,eAAO,MAAM,QAAQ,mFAUnB,CAAC"}