@databrainhq/plugin 0.9.14 → 0.9.15

package/dist/index.es.js

@@ -79640,7 +79640,9 @@ const AreaChart = ({
   backGroundColor,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const option2 = {
@@ -79743,12 +79745,14 @@ const AreaChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -79764,7 +79768,9 @@ const BarChart = ({
   margins,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const option2 = {
@@ -79869,12 +79875,14 @@ const BarChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -79889,7 +79897,9 @@ const ComboChart = ({
   backGroundColor,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const choice = ["bar", "line"];
@@ -80018,12 +80028,14 @@ const ComboChart = ({
       ref: chartRef,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -80038,7 +80050,9 @@ const LineChart = ({
   colors: colors2,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const option2 = {
@@ -80137,12 +80151,14 @@ const LineChart = ({
       ref: chartRef,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -80155,7 +80171,9 @@ const PieChart = ({
   labelSettings,
   chartRef,
   colors: colors2,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2, _c2, _d;
   if (((_b2 = (_a2 = data == null ? void 0 : data.datasets[0]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.length) > 1) {
@@ -80241,12 +80259,12 @@ const PieChart = ({
         option: option22,
         onEvents: {
           click: (params) => {
-            if (handleChartRightClick)
-              handleChartRightClick(params);
+            handleChartClick2(params);
+            drilldown2 == null ? void 0 : drilldown2();
           },
           contextmenu: (params) => {
-            if (handleChartRightClick)
-              handleChartRightClick(params);
+            handleChartClick2(params);
+            setShowChartPopup(true);
           }
         },
         ref: chartRef
@@ -80316,12 +80334,14 @@ const PieChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80337,7 +80357,9 @@ const RowChart = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const option2 = {
@@ -80440,12 +80462,14 @@ const RowChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80463,7 +80487,9 @@ const ScatterChart = ({
   isEnableGroupBy,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const option2 = {
@@ -80560,12 +80586,14 @@ const ScatterChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80581,7 +80609,9 @@ const WaterFallChart = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const option2 = {
@@ -80681,12 +80711,14 @@ const WaterFallChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80700,7 +80732,9 @@ const FunnelChart = ({
   labelSettings,
   colors: colors2,
   chartRef,
-  handleChartRightClick,
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2,
   customSettings
 }) => {
   const option2 = {
@@ -80792,12 +80826,14 @@ const FunnelChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80813,7 +80849,9 @@ const BubbleChart = ({
   colors: colors2,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const modifiedData = [];
@@ -80937,12 +80975,14 @@ const BubbleChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -80955,7 +80995,9 @@ const DoughnutChart = ({
   labelSettings,
   colors: colors2,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2, _c2;
   if (((_a2 = data == null ? void 0 : data.labels) == null ? void 0 : _a2.length) > 1) {
@@ -81037,10 +81079,12 @@ const DoughnutChart = ({
         option: option22,
         onEvents: {
           click: (params) => {
-            handleChartRightClick(params);
+            handleChartClick2(params);
+            drilldown2 == null ? void 0 : drilldown2();
           },
           contextmenu: (params) => {
-            handleChartRightClick(params);
+            handleChartClick2(params);
+            setShowChartPopup(true);
           }
         },
         ref: chartRef
@@ -81108,12 +81152,14 @@ const DoughnutChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -81130,7 +81176,9 @@ const SteppedAreaChart = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const choice = ["start", "middle", "end"];
@@ -81231,12 +81279,14 @@ const SteppedAreaChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -81253,7 +81303,9 @@ const Histogram = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const option2 = {
@@ -81348,12 +81400,14 @@ const Histogram = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -81366,7 +81420,9 @@ const GaugeChart = ({
   legendSettings,
   colors: colors2,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   const newGuageData = Array.isArray(gaugeData) ? gaugeData : [];
   const total = newGuageData.reduce((sum2, item) => {
@@ -81459,12 +81515,14 @@ const GaugeChart = ({
     option: option2,
     onEvents: {
       click: (params) => {
-        if (handleChartRightClick)
-          handleChartRightClick(params);
+        if (handleChartClick2)
+          handleChartClick2(params);
+        drilldown2 == null ? void 0 : drilldown2();
       },
       contextmenu: (params) => {
-        if (handleChartRightClick)
-          handleChartRightClick(params);
+        if (handleChartClick2)
+          handleChartClick2(params);
+        setShowChartPopup(true);
       }
     },
     ref: chartRef
@@ -81476,7 +81534,9 @@ const SankeyChart = ({
   chartRef,
   colors: colors2,
   backGroundColor,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2, _c2;
   const allValues = [];
@@ -81551,12 +81611,14 @@ const SankeyChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -81573,7 +81635,9 @@ const StackedBarChart = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const customData = useMemo(() => {
@@ -81695,13 +81759,15 @@ const StackedBarChart = ({
       },
       option: option2,
       onEvents: {
-        click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+        cclick: (params) => {
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -82005,7 +82071,9 @@ const BoxPlot = ({
   colors: colors2,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const modifiedData = [];
@@ -82123,12 +82191,14 @@ const BoxPlot = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -86203,7 +86273,9 @@ const MetricChart = ({
   tableSettings,
   chartRef,
   tableName,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  drilldown: drilldown2,
+  setShowChartPopup
 }) => {
   var _a2, _b2, _c2, _d, _e2, _f;
   if (chartType2 === CHART_TYPES.line) {
@@ -86216,7 +86288,9 @@ const MetricChart = ({
       axisSettings,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.stepped) {
@@ -86232,7 +86306,9 @@ const MetricChart = ({
       colors: colors2,
       backGroundColor,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.bar) {
@@ -86246,7 +86322,9 @@ const MetricChart = ({
       customSettings,
       margins,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.stack) {
@@ -86261,7 +86339,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.histogram) {
@@ -86276,7 +86356,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.bubble) {
@@ -86291,7 +86373,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.scatter) {
@@ -86306,7 +86390,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.row) {
@@ -86320,7 +86406,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.area) {
@@ -86338,7 +86426,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.combo) {
@@ -86357,7 +86447,9 @@ const MetricChart = ({
       colors: colors2,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.pie) {
@@ -86369,7 +86461,9 @@ const MetricChart = ({
       enableSaveAs,
       colors: colors2,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.doughnut) {
@@ -86381,7 +86475,9 @@ const MetricChart = ({
       enableSaveAs,
       colors: colors2,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.waterfall) {
@@ -86410,7 +86506,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.funnel) {
@@ -86421,8 +86519,10 @@ const MetricChart = ({
       labelSettings,
       colors: colors2,
       chartRef,
-      handleChartRightClick,
-      customSettings
+      handleChartClick: handleChartClick2,
+      customSettings,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.gauge) {
@@ -86448,7 +86548,9 @@ const MetricChart = ({
       enableSaveAs,
       colors: colors2,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.sankey) {
@@ -86461,7 +86563,9 @@ const MetricChart = ({
       colors: colors2,
       backGroundColor,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.singleValue) {
@@ -86484,7 +86588,9 @@ const MetricChart = ({
       colors: colors2,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.table) {
@@ -86535,7 +86641,9 @@ const FullScreenChart = ({
           routeType: "internal"
         },
         chartRef: chart.chartRef,
-        handleChartRightClick: chart.handleChartRightClick
+        handleChartClick: chart.handleChartClick,
+        drilldown: chart.drilldown,
+        setShowChartPopup: chart.setShowChartPopup
       })
     })
   });
@@ -95334,20 +95442,22 @@ var zt = function(t3) {
   } }]), a4;
 }(), $t = "input", Gt = "navigate";
 var reactDatepicker = "";
-const datePickerContainer = "_datePickerContainer_1dons_1";
-const buttonWrapper = "_buttonWrapper_1dons_9";
-const datePickerCalendarWrapper = "_datePickerCalendarWrapper_1dons_17";
-const label$1 = "_label_1dons_25";
-const text = "_text_1dons_31";
-const button$4 = "_button_1dons_9";
-const datePickerCalContainer = "_datePickerCalContainer_1dons_43";
-const datePickerOptionsWrapper = "_datePickerOptionsWrapper_1dons_49";
-const datePickerOption = "_datePickerOption_1dons_49";
-const datePickerCalendar = "_datePickerCalendar_1dons_17";
-const datePickerCalendarHeader = "_datePickerCalendarHeader_1dons_73";
-const checkedOption = "_checkedOption_1dons_81";
-const datePickerCalFooter = "_datePickerCalFooter_1dons_89";
-const dayClassName = "_dayClassName_1dons_97";
+const datePickerContainer = "_datePickerContainer_14m8h_1";
+const buttonWrapper = "_buttonWrapper_14m8h_9";
+const datePickerCalendarWrapper = "_datePickerCalendarWrapper_14m8h_17";
+const label$1 = "_label_14m8h_25";
+const text = "_text_14m8h_33";
+const button$4 = "_button_14m8h_9";
+const datePickerCalContainer = "_datePickerCalContainer_14m8h_49";
+const datePickerOptionsWrapper = "_datePickerOptionsWrapper_14m8h_57";
+const datePickerOption = "_datePickerOption_14m8h_57";
+const datePickerCalendar = "_datePickerCalendar_14m8h_17";
+const datePickerCalendarHeader = "_datePickerCalendarHeader_14m8h_97";
+const checkedOption = "_checkedOption_14m8h_105";
+const datePickerCalFooter = "_datePickerCalFooter_14m8h_113";
+const dayClassName = "_dayClassName_14m8h_121";
+const datePickerSelectedWrapper = "_datePickerSelectedWrapper_14m8h_129";
+const datePickerSelectedDate = "_datePickerSelectedDate_14m8h_137";
 var styles$r = {
   datePickerContainer,
   buttonWrapper,
@@ -95362,7 +95472,9 @@ var styles$r = {
   datePickerCalendarHeader,
   checkedOption,
   datePickerCalFooter,
-  dayClassName
+  dayClassName,
+  datePickerSelectedWrapper,
+  datePickerSelectedDate
 };
 const options = [{
   type: "day",
@@ -95518,6 +95630,9 @@ const DateRangePicker = ({
             className: styles$r.datePickerCalendarWrapper,
             children: [/* @__PURE__ */ jsx(zt, {
               selected: startDate,
+              startDate,
+              selectsStart: true,
+              endDate,
               onChange: (date) => {
                 const startDateFormat = date.toISOString().slice(0, 10);
                 const endDateFormat = endDate == null ? void 0 : endDate.toISOString().slice(0, 10);
@@ -95529,6 +95644,9 @@ const DateRangePicker = ({
               calendarClassName: styles$r.datePickerCalendar
             }), /* @__PURE__ */ jsx(zt, {
               selected: endDate,
+              startDate,
+              endDate,
+              selectsEnd: true,
               onChange: (date) => {
                 const startDateFormat = startDate == null ? void 0 : startDate.toISOString().slice(0, 10);
                 const endDateFormat = date.toISOString().slice(0, 10);
@@ -95536,13 +95654,37 @@ const DateRangePicker = ({
                 setEndDate(date);
               },
               calendarClassName: styles$r.datePickerCalendar,
-              className: styles$r.datePickerCalendarHeader,
               open: true,
               inline: true
             })]
-          }), /* @__PURE__ */ jsx("div", {
+          }), /* @__PURE__ */ jsxs("div", {
             className: styles$r.datePickerCalFooter,
-            children: /* @__PURE__ */ jsx(Button, {
+            children: [/* @__PURE__ */ jsxs("div", {
+              className: styles$r.datePickerSelectedWrapper,
+              children: [/* @__PURE__ */ jsxs(Text, {
+                variant: "p",
+                styleClass: "font-14",
+                className: styles$r.datePickerSelectedDate,
+                children: [/* @__PURE__ */ jsx("span", {
+                  children: (startDate == null ? void 0 : startDate.getDate()) || "D"
+                }), "/", " ", /* @__PURE__ */ jsx("span", {
+                  children: (startDate == null ? void 0 : startDate.getMonth()) || "M"
+                }), " /", " ", /* @__PURE__ */ jsx("span", {
+                  children: (startDate == null ? void 0 : startDate.getFullYear()) || "Y"
+                })]
+              }), "-", /* @__PURE__ */ jsxs(Text, {
+                variant: "p",
+                styleClass: "font-14",
+                className: styles$r.datePickerSelectedDate,
+                children: [/* @__PURE__ */ jsx("span", {
+                  children: (endDate == null ? void 0 : endDate.getDay()) || "D"
+                }), "/", " ", /* @__PURE__ */ jsx("span", {
+                  children: (endDate == null ? void 0 : endDate.getMonth()) || "M"
+                }), " /", " ", /* @__PURE__ */ jsx("span", {
+                  children: (endDate == null ? void 0 : endDate.getFullYear()) || "Y"
+                })]
+              })]
+            }), /* @__PURE__ */ jsx(Button, {
               variant: "primary",
               type: "button",
               size: "small",
@@ -95551,7 +95693,7 @@ const DateRangePicker = ({
                 return (_a2 = datePickerRef.current) == null ? void 0 : _a2.click();
               },
               children: "Save"
-            })
+            })]
           })]
         })]
       })
@@ -97234,7 +97376,7 @@ const ChartTab = ({
             tableSettings,
             chartRef,
             tableName,
-            handleChartRightClick
+            handleChartClick: handleChartRightClick
           }), chartPopupChild]
         }) : /* @__PURE__ */ jsxs("div", {
           className: styles$j.metricChartEmpty,
@@ -97290,7 +97432,7 @@ const ChartTab = ({
           routeType: "internal"
         },
         chartRef,
-        handleChartRightClick
+        handleChartClick: handleChartRightClick
       }
     })]
   });
@@ -130732,16 +130874,6 @@ const evaLayersFill = (props) => /* @__PURE__ */ jsx("svg", {
     })
   })
 });
-const fluentMdl2DrillDown = (props) => /* @__PURE__ */ jsx("svg", {
-  viewBox: "0 0 2048 2048",
-  width: "1.2em",
-  height: "1.2em",
-  ...props,
-  children: /* @__PURE__ */ jsx("path", {
-    fill: "currentColor",
-    d: "M1024 0q141 0 272 36t245 103t207 160t160 208t103 245t37 272q0 141-36 272t-103 245t-160 207t-208 160t-245 103t-272 37q-141 0-272-36t-245-103t-207-160t-160-208t-103-244t-37-273q0-141 36-272t103-245t160-207t208-160T751 37t273-37zm0 1920q123 0 237-32t214-90t182-141t140-181t91-214t32-238q0-123-32-237t-90-214t-141-182t-181-140t-214-91t-238-32q-123 0-237 32t-214 90t-182 141t-140 181t-91 214t-32 238q0 123 32 237t90 214t141 182t181 140t214 91t238 32zm531-1005l90 90l-620 622l-622-622l90-90l467 467V384h129v997l466-466z"
-  })
-});
 const mdiExternalLink = (props) => /* @__PURE__ */ jsx("svg", {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -130761,7 +130893,6 @@ const ChartPopup = ({
   value,
   columnName,
   getUnderlyingData,
-  drilldown: drilldown2,
   clickBehaviourConfigs
 }) => {
   const [isShowUnderlyingData, setShowUnderlyingData] = useState(false);
@@ -130802,18 +130933,6 @@ const ChartPopup = ({
                 styleClass: "font-14",
                 children: "View underlying data"
               })]
-            }), drilldown2 && /* @__PURE__ */ jsxs(Button, {
-              variant: "custom",
-              type: "button",
-              className: styles$8.chartOptionBtn,
-              onClick: () => drilldown2(),
-              children: [/* @__PURE__ */ jsx(fluentMdl2DrillDown, {
-                className: styles$8.popupItemIcon
-              }), /* @__PURE__ */ jsx(Text, {
-                variant: "p",
-                styleClass: "font-14",
-                children: "Drill Down"
-              })]
             }), clickBehaviourConfigs.isEnable && /* @__PURE__ */ jsxs(Button, {
               variant: "custom",
               type: "button",
@@ -131100,12 +131219,13 @@ const MetricCard = ({
   };
   const [isShowChartPopup, setShowChartPopup] = useState(false);
   const [chartParams, setChartParams] = useState();
-  const handleChartRightClick = (params) => {
+  const handleChartClick2 = (params) => {
     if (rlsConditions.length && rlsConditions[0].datatype === "date") {
       return;
     }
+    if (params.event)
+      params.event.event.preventDefault();
     setChartParams(params);
-    setShowChartPopup(true);
   };
   const {
     getUnderlyingData
@@ -131191,7 +131311,7 @@ const MetricCard = ({
                 enableSaveAs: true,
                 chartClickConfig: clickBehaviourConfigs.chart,
                 chartRef,
-                handleChartRightClick
+                handleChartClick: handleChartClick2
               }),
               children: [/* @__PURE__ */ jsx(Icons, {
                 name: "fullscreen-icon",
@@ -131285,7 +131405,6 @@ const MetricCard = ({
           value: chartParams == null ? void 0 : chartParams.name,
           columnName,
           getUnderlyingData,
-          drilldown: (drillDownSettings == null ? void 0 : drillDownSettings.isEnableGroupBy) ? onDrillDown : void 0,
           clickBehaviourConfigs: clickBehaviourConfigs.chart
         }), (dataDb == null ? void 0 : dataDb.length) ? /* @__PURE__ */ jsx(MetricChart, {
           labels: labels2,
@@ -131308,7 +131427,9 @@ const MetricCard = ({
           backGroundColor,
           chartClickConfig: clickBehaviourConfigs.chart,
           chartRef,
-          handleChartRightClick
+          handleChartClick: handleChartClick2,
+          drilldown: (drillDownSettings == null ? void 0 : drillDownSettings.isEnableGroupBy) ? onDrillDown : void 0,
+          setShowChartPopup
         }) : null]
       })]
     })