@databrainhq/plugin 0.8.12 → 0.8.13

package/dist/components/Charts/FunnelChart.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const FunnelChart: ({ funnelData, margins, legendSettings, labelSettings, colors, chartClickConfig, chartRef, handleChartRightClick, }: any) => JSX.Element;
+declare const FunnelChart: ({ funnelData, margins, legendSettings, labelSettings, colors, chartClickConfig, chartRef, handleChartRightClick, customSettings, }: any) => JSX.Element;
 export default FunnelChart;

package/dist/index.es.js

@@ -80504,12 +80504,13 @@ const FunnelChart = ({
   colors: colors2,
   chartClickConfig,
   chartRef,
-  handleChartRightClick
+  handleChartRightClick,
+  customSettings
 }) => {
   const option2 = {
     tooltip: {
       trigger: "item",
-      formatter: "{b} : {c}k",
+      formatter: "{b} : {c}",
       backgroundColor: "black",
       textStyle: {
         color: "white"
@@ -80550,7 +80551,8 @@ const FunnelChart = ({
       gap: 3,
       label: {
         show: labelSettings.show,
-        position: labelSettings.position
+        position: labelSettings.position,
+        formatter: customSettings.showLabelValues ? "{b} : {c}" : "{b}"
       },
       labelLine: {
         length: 10,
@@ -86147,7 +86149,8 @@ const MetricChart = ({
       colors: colors2,
       chartClickConfig,
       chartRef,
-      handleChartRightClick
+      handleChartRightClick,
+      customSettings
     });
   }
   if (chartType2 === CHART_TYPES.gauge) {
@@ -87295,6 +87298,14 @@ const ChartConfigure = ({
                   }))
                 })
               })]
+            }), chartType2 === "funnel" && /* @__PURE__ */ jsx(InputField, {
+              type: "checkbox",
+              label: "Show labels with values",
+              checked: customSettings.showLabelValues,
+              onChange: (e2) => setCustomSettings((settings2) => ({
+                ...settings2,
+                showLabelValues: e2.target.checked
+              }))
             }), chartType2 !== "pie" && chartType2 !== "doughnut" && chartType2 !== "funnel" && chartType2 !== "gauge" && chartType2 !== "sankey" && chartType2 !== "singleValue" && chartType2 !== "table" && /* @__PURE__ */ jsxs(Fragment, {
               children: [/* @__PURE__ */ jsxs("div", {
                 className: styles$g.seriesWrapper,
@@ -89781,7 +89792,8 @@ const EmbeddedMetricCreation = ({
     subHeaderFontSize: 0,
     dateFormatter: "none",
     numberFormatter: "original",
-    xRotation: 50
+    xRotation: 50,
+    showLabelValues: false
   });
   const [tableSettings, setTableSettings] = useState({
     contentAlignment: "center",
@@ -96066,7 +96078,8 @@ const MetricCard = ({
     subHeaderFontSize: 0,
     dateFormatter: "none",
     numberFormatter: "original",
-    xRotation: 50
+    xRotation: 50,
+    showLabelValues: false
   });
   const [backGroundColor, setBackGroundColor] = useState({
     show: false
@@ -96101,7 +96114,8 @@ const MetricCard = ({
       subHeaderFontSize: 0,
       dateFormatter: "none",
       numberFormatter: "original",
-      xRotation: 50
+      xRotation: 50,
+      showLabelValues: false
     });
     setEnableGroupBy(metricItem == null ? void 0 : metricItem.isEnableGroupBy);
     setSelectedGroupBy(metricItem == null ? void 0 : metricItem.selectedGroupBy);
@@ -96562,7 +96576,8 @@ const SingleValueCard = ({
     subHeaderFontSize: 0,
     dateFormatter: "none",
     numberFormatter: "original",
-    xRotation: 50
+    xRotation: 50,
+    showLabelValues: false
   });
   const {
     data: metricdata,
@@ -96597,7 +96612,8 @@ const SingleValueCard = ({
       subHeaderFontSize: 0,
       dateFormatter: "none",
       numberFormatter: "original",
-      xRotation: 50
+      xRotation: 50,
+      showLabelValues: false
     });
     setClickBehaviourConfigs(metricItem.clickActions || {
       card: {