@databrainhq/plugin 0.7.9 → 0.7.11

package/dist/components/Charts/SingleValueChart/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const SingleValueChart: ({ data, customSettings, chartClickConfig }: any) => JSX.Element;
+declare const SingleValueChart: ({ data, customSettings, chartClickConfig, hideBorder, }: any) => JSX.Element;
 export default SingleValueChart;

package/dist/components/MetricCreation/components/ConstructMetric/ConstructMetric.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ConstructMetricProps } from '@/types/metricCreate';
-export declare const ConstructMetric: ({ dateTimeColumnList, columnList, database, companyId, tableName, setData, setError, setLoading, setQuery, isEnableGroupBy, setEnableGroupBy, setSelectedGroupBy, }: ConstructMetricProps) => JSX.Element;
+export declare const ConstructMetric: ({ dateTimeColumnList, columnList, database, companyId, tableName, setData, setError, setLoading, setQuery, isEnableGroupBy, setEnableGroupBy, setSelectedGroupBy, clientId, clientColumn, }: ConstructMetricProps) => JSX.Element;

package/dist/components/MetricCreation/components/ConstructMetric/components/MetricForm/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ConstructMetricProps } from '@/types/metricCreate';
-export declare const MetricForm: ({ dateTimeColumnList, columnList, database, companyId, tableName, setData, setError, setLoading, setQuery, isEnableGroupBy, setSelectedGroupBy, }: ConstructMetricProps) => JSX.Element;
+export declare const MetricForm: ({ dateTimeColumnList, columnList, database, companyId, tableName, setData, setError, setLoading, setQuery, isEnableGroupBy, setSelectedGroupBy, clientId, clientColumn, }: ConstructMetricProps) => JSX.Element;

package/dist/index.es.js

@@ -2512,70 +2512,70 @@ function useQuery(arg1, arg2, arg3) {
   var parsedOptions = parseQueryArgs(arg1, arg2, arg3);
   return useBaseQuery(parsedOptions, QueryObserver);
 }
-const container$g = "_container_1hfou_1";
-const fixed = "_fixed_1hfou_1";
-const absolute = "_absolute_1hfou_1";
-const flex = "_flex_1hfou_1";
-const table$5 = "_table_1hfou_1";
-const grid = "_grid_1hfou_1";
-const hidden = "_hidden_1hfou_1";
-const transform = "_transform_1hfou_1";
-const resize = "_resize_1hfou_1";
-const truncate = "_truncate_1hfou_1";
-const border = "_border_1hfou_1";
-const shadow = "_shadow_1hfou_1";
-const filter$1 = "_filter_1hfou_347";
-const floatingFilterButton = "_floatingFilterButton_1hfou_355";
-const floatingFilterButtonIcon = "_floatingFilterButtonIcon_1hfou_363";
-const floatingButton = "_floatingButton_1hfou_371";
-const floatingButtonIcon = "_floatingButtonIcon_1hfou_379";
-const staticContainer = "_staticContainer_1hfou_387";
-const floatingContainer = "_floatingContainer_1hfou_395";
+const container$g = "_container_10z7z_1";
+const fixed = "_fixed_10z7z_1";
+const absolute = "_absolute_10z7z_1";
+const flex = "_flex_10z7z_1";
+const table$5 = "_table_10z7z_1";
+const grid = "_grid_10z7z_1";
+const hidden = "_hidden_10z7z_1";
+const transform = "_transform_10z7z_1";
+const resize = "_resize_10z7z_1";
+const truncate = "_truncate_10z7z_1";
+const border = "_border_10z7z_1";
+const shadow = "_shadow_10z7z_1";
+const filter$1 = "_filter_10z7z_351";
+const floatingFilterButton = "_floatingFilterButton_10z7z_359";
+const floatingFilterButtonIcon = "_floatingFilterButtonIcon_10z7z_367";
+const floatingButton = "_floatingButton_10z7z_375";
+const floatingButtonIcon = "_floatingButtonIcon_10z7z_383";
+const staticContainer = "_staticContainer_10z7z_391";
+const floatingContainer = "_floatingContainer_10z7z_399";
 var styles$B = {
   container: container$g,
-  "static": "_static_1hfou_387",
+  "static": "_static_10z7z_391",
   fixed,
   absolute,
-  "left-2": "_left-2_1hfou_1",
-  "top-1": "_top-1_1hfou_1",
-  "mt-2.5": "_mt-2.5_1hfou_1",
-  "mt-2": "_mt-2_1hfou_1",
-  "mb-3": "_mb-3_1hfou_1",
+  "left-2": "_left-2_10z7z_1",
+  "top-1": "_top-1_10z7z_1",
+  "mt-2.5": "_mt-2.5_10z7z_1",
+  "mt-2": "_mt-2_10z7z_1",
+  "mb-3": "_mb-3_10z7z_1",
   flex,
   table: table$5,
   grid,
   hidden,
-  "h-screen": "_h-screen_1hfou_1",
-  "h-[10%]": "_h-[10%]_1hfou_1",
-  "w-screen": "_w-screen_1hfou_1",
-  "w-full": "_w-full_1hfou_1",
+  "h-screen": "_h-screen_10z7z_1",
+  "h-[10%]": "_h-[10%]_10z7z_1",
+  "w-screen": "_w-screen_10z7z_1",
+  "w-full": "_w-full_10z7z_1",
   transform,
   resize,
-  "overflow-x-hidden": "_overflow-x-hidden_1hfou_1",
+  "overflow-x-hidden": "_overflow-x-hidden_10z7z_1",
   truncate,
   border,
-  "p-2": "_p-2_1hfou_1",
-  "text-center": "_text-center_1hfou_1",
-  "text-sm": "_text-sm_1hfou_1",
-  "text-xs": "_text-xs_1hfou_1",
-  "text-blue-700": "_text-blue-700_1hfou_1",
+  "p-2": "_p-2_10z7z_1",
+  "text-center": "_text-center_10z7z_1",
+  "text-sm": "_text-sm_10z7z_1",
+  "text-xs": "_text-xs_10z7z_1",
+  "text-blue-700": "_text-blue-700_10z7z_1",
   shadow,
   filter: filter$1,
-  "!filter": "_!filter_1hfou_1",
-  "embedDashboard-container": "_embedDashboard-container_1hfou_307",
-  "embedDashboard-header-static": "_embedDashboard-header-static_1hfou_315",
-  "embedDashboard-header-floating": "_embedDashboard-header-floating_1hfou_323",
-  "embedDashboard-wrapper": "_embedDashboard-wrapper_1hfou_331",
-  "alt-container": "_alt-container_1hfou_339",
+  "!filter": "_!filter_10z7z_1",
+  "embedDashboard-container": "_embedDashboard-container_10z7z_311",
+  "embedDashboard-header-static": "_embedDashboard-header-static_10z7z_319",
+  "embedDashboard-header-floating": "_embedDashboard-header-floating_10z7z_327",
+  "embedDashboard-wrapper": "_embedDashboard-wrapper_10z7z_335",
+  "alt-container": "_alt-container_10z7z_343",
   floatingFilterButton,
   floatingFilterButtonIcon,
   floatingButton,
   floatingButtonIcon,
   staticContainer,
   floatingContainer,
-  "hover:cursor-pointer": "_hover:cursor-pointer_1hfou_1",
-  "hover:cursor-text": "_hover:cursor-text_1hfou_1",
-  "disabled:cursor-text": "_disabled:cursor-text_1hfou_1"
+  "hover:cursor-pointer": "_hover:cursor-pointer_10z7z_1",
+  "hover:cursor-text": "_hover:cursor-text_10z7z_1",
+  "disabled:cursor-text": "_disabled:cursor-text_10z7z_1"
 };
 var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
 function getAugmentedNamespace(n2) {
@@ -7990,6 +7990,7 @@ const CompanySubsetTableDataDocument = `
         name
         as
       }
+      clientColumn
     }
   }
 }
@@ -81804,18 +81805,21 @@ const StackedBarChart = ({
     })]
   });
 };
-const container$f = "_container_w4vgp_1";
-const label$6 = "_label_w4vgp_7";
-const sync = "_sync_w4vgp_13";
+const container$f = "_container_qiww4_1";
+const borderLessContainer = "_borderLessContainer_qiww4_7";
+const label$6 = "_label_qiww4_13";
+const sync = "_sync_qiww4_19";
 var styles$w = {
   container: container$f,
+  borderLessContainer,
   label: label$6,
   sync
 };
 const SingleValueChart = ({
   data: data2,
   customSettings,
-  chartClickConfig
+  chartClickConfig,
+  hideBorder
 }) => {
   var _a2, _b2, _c2, _d;
   const subHeaderFont = {
@@ -82059,7 +82063,7 @@ const SingleValueChart = ({
   };
   const value = ((_a2 = data2[0]) == null ? void 0 : _a2.value) && ((_b2 = data2[0]) == null ? void 0 : _b2.value.toString().length) > 16 ? dateFormatter((_c2 = data2[0]) == null ? void 0 : _c2.value, customSettings.dateFormatter) : formattedData((_d = data2[0]) == null ? void 0 : _d.value, customSettings.numberFormatter);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$w.container,
+    className: hideBorder ? styles$w.borderLessContainer : styles$w.container,
     children: [/* @__PURE__ */ jsx("div", {
       style: valueFont,
       onClick: () => {
@@ -84006,24 +84010,28 @@ const PopoverMenu = ({
   });
 };
 var NoData = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMDAgMzAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6I2RhZGVkZjt9LmNscy03e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIxMC41LDIwMC44M2MuNC0uNjYuNjgtMS40LjgyLTIuMiwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguNDMtNC41Ni0yLjA5LTkuNjgtNi44Ni0xMC42Ni0uMDEsMC0uMDMsMC0uMDQsMC0yLjQtLjQ5LTUuMDItLjIyLTcuNDUtLjIyaC00NC4yMmMtLjUyLDAtMi4zMy0uMzEtMi43NywwbC0yNC4yOCwxNy4yMmgtNjEuNjFjLTMuOTcsMC02Ljk5LDMuNTYtNi4zNCw3LjQ3bDkuNzUsNTkuNDJjLjUxLDMuMTEsMy4yLDUuMzksNi4zNCw1LjM5aDExNy44NiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTIwNywxMTQuNDN2LTguNTRjMC0zLjU1LTIuODgtNi40My02LjQzLTYuNDNoLTE3LjE5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTAzLjQ3LDk5LjQ2aC0xNS4xMmMtMy41NSwwLTYuNDMsMi44OC02LjQzLDYuNDN2MjUuNDgiLz48Zz48bGluZSBjbGFzcz0iY2xzLTIiIHgxPSIxMTQuMTIiIHkxPSI5NC4wOCIgeDI9IjE0NC44NCIgeTI9Ijk0LjA4Ii8+PGc+PHJlY3QgY2xhc3M9ImNscy02IiB4PSIxMTIuNjEiIHk9IjEwMi40MyIgd2lkdGg9IjE4Ljk3IiBoZWlnaHQ9IjMuMiIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMTM3LjYxIiB5PSIxMDIuNDMiIHdpZHRoPSI4LjkiIGhlaWdodD0iMy4yIi8+PC9nPjwvZz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Im0xNjQuOTgsODEuNDZsLS4wOCwxNi4yOHMuMTUsMy4yNC4zLDMuNjIuNiwxLjUxLDEuMTMsMS44OCwxLjAyLjc5LDEuNzcsMS4wNi45NC40OSwyLjExLjQ5LDE4LjE3LjA0LDE4LjE3LjA0bC0yMy40MS0yMy4zN1oiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xODguNTEsMTA0LjkxdjkuNTIiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xMDMuNTMsMTMxLjM3di00NC45NWMwLTIuODQsMi4zLTUuMTUsNS4xNS01LjE1LDE4Ljc3LDAsMzcuNTQsMCw1Ni4zMSwwIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMTY1LjAxLDgxLjI3djE4LjM1YzAsMi44NCwyLjMxLDUuMTUsNS4xNSw1LjE1aDE4LjM1cy0yMy41LTIzLjYyLTIzLjUtMjMuNVoiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMjQuOTYiLz48Y2lyY2xlIGNsYXNzPSJjbHMtMSIgY3g9IjE2OC4yMSIgY3k9IjE2My4yNyIgcj0iMzEuMjUiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0xOTIuNTcsMTgzLjMzYzkuNjIsOS42MiwzMC4yOCwzMC4yOCwzMC4yOCwzMC4yOCwxLjE3LDEuMTcsMS4xNywzLjA3LDAsNC4yNHMtMy4wNywxLjE3LTQuMjQsMGMwLDAtMjAuNTgtMjAuNTgtMzAuMjItMzAuMjIiLz48Zz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNjguNjYsMTcwLjkzYy0uNzQsMC0xLjM0LjI0LTEuODEuNzItLjQ3LjQ4LS43MSwxLjA5LS43MSwxLjgzcy4yNCwxLjMyLjcxLDEuODFjLjQ3LjQ5LDEuMDcuNzQsMS44MS43NHMxLjM0LS4yNSwxLjgxLS43NGMuNDctLjQ5LjcxLTEuMS43MS0xLjgxcy0uMjQtMS4zNC0uNzEtMS44M2MtLjQ3LS40OC0xLjA4LS43Mi0xLjgxLS43MloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Im0xNzQuNjksMTUzLjc3Yy0uNjItMS4wMi0xLjQ5LTEuODItMi42LTIuNC0xLjEyLS41Ny0yLjQtLjg2LTMuODUtLjg2LTEuNjgsMC0zLjE3LjQtNC40NywxLjE5cy0yLjI5LDEuOTQtMi45OCwzLjQzbDIuNzYsMi4yOGMuNDYtMS4wNiwxLjA3LTEuODYsMS44NS0yLjQuNzctLjU0LDEuNjUtLjgxLDIuNjQtLjgxLjc2LDAsMS40MS4xNCwxLjk3LjQxLjU1LjI4Ljk4LjY3LDEuMjgsMS4xNy4zLjUxLjQ1LDEuMS40NSwxLjc5cy0uMTYsMS4yOS0uNDcsMS44MWMtLjMxLjUyLS43NS45Mi0xLjMxLDEuMjEtLjU2LjI5LTEuMjIuNDMtMS45OC40M2gtLjkzdjYuNjZoMy4yOGwuMjYtMy43M2MuNzEtLjI0LDEuMzctLjU1LDEuOTUtLjkzLjk5LS42NCwxLjc1LTEuNDUsMi4yOS0yLjQxLjU0LS45Ny44MS0yLjA3LjgxLTMuMzEsMC0xLjMzLS4zMS0yLjUxLS45My0zLjU0WiIvPjwvZz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im04NS41NSwyMDMuOTdjLjY4LDIuODksMy4yNiw0Ljk2LDYuMjYsNC45NmgxMTcuNzMiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Im0yMTUuMzcsMjA2LjA0Yy40Ny0uNzEuOC0xLjUyLjk1LTIuNCwxLjU4LTguODcsMy4xNS0xNy43NSw0LjczLTI2LjYyLDIuMDMtMTEuNDQsNC4wNi0yMi44OCw2LjA5LTM0LjMyLjcyLTQuMDgsMS43Ny04LjI1LDIuMTYtMTIuMzguMzktNC4xNi0xLjY4LTguNzktNS42Ny0xMC4zMSIvPjxwYXRoIGNsYXNzPSJjbHMtNyIgZD0ibTIyMy41MSwxMjAuMDhzLjQ5LDEuNjIuNTMsMS43My4zMiwyLjQ0LjMyLDIuNDRsLS4wNCwxLjkxLTEuMzgsNy4xMy0zLjM5LDE5LjMxLTIuODksMTUuOTItMi45NiwxNi43Ni0yLjQ0LDEzLjE2LS45MiwyLjY1LDQuOTgsNS4xNS44NS0yLjE1LjgxLTQuMDYsMS40OC04LjMzLDIuODItMTUuNzEsMi4xNS0xMi4xMSwxLjk0LTExLjM2LDIuNzUtMTQuNzUuODgtNC42OS4yOC0yLjU4LjA3LTIuMTItLjYtMi43NS0xLjI0LTIuMzYtMS4wOS0xLjU5LTIuMDEtMS4zMS0uOTItLjI4WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtNyIgcG9pbnRzPSI4NS42OCAyMDMuOTMgMjA0LjU1IDIwMy44NCAyMDkuMzUgMjA4LjczIDE0OC40OCAyMDguODggOTAuOTUgMjA5LjAyIDg5LjUgMjA4LjY2IDg3Ljk4IDIwNy45MiA4Ni44MiAyMDYuNTggODYuMDEgMjA1LjAzIDg1LjY4IDIwMy45MyIvPjwvc3ZnPg==";
-const container$d = "_container_170ju_1";
-const wrapper$3 = "_wrapper_170ju_5";
-const label$5 = "_label_170ju_9";
-const floatingLabel$1 = "_floatingLabel_170ju_13";
-const dropdown$1 = "_dropdown_170ju_17";
-const options = "_options_170ju_21";
-const checkedOption = "_checkedOption_170ju_25";
-const option$1 = "_option_170ju_21";
-const icon$1 = "_icon_170ju_33";
-const text$1 = "_text_170ju_37";
-const floatingText = "_floatingText_170ju_41";
-const search = "_search_170ju_45";
-const loadMore$1 = "_loadMore_170ju_49";
+const container$d = "_container_1w020_1";
+const wrapper$3 = "_wrapper_1w020_5";
+const label$5 = "_label_1w020_9";
+const floatingLabel$1 = "_floatingLabel_1w020_13";
+const clientText = "_clientText_1w020_17";
+const normalText = "_normalText_1w020_21";
+const dropdown$1 = "_dropdown_1w020_25";
+const options = "_options_1w020_29";
+const checkedOption = "_checkedOption_1w020_33";
+const option$1 = "_option_1w020_29";
+const icon$1 = "_icon_1w020_41";
+const text$1 = "_text_1w020_45";
+const floatingText = "_floatingText_1w020_49";
+const search$1 = "_search_1w020_53";
+const loadMore$1 = "_loadMore_1w020_57";
 var styles$s = {
   container: container$d,
   wrapper: wrapper$3,
   label: label$5,
   floatingLabel: floatingLabel$1,
+  clientText,
+  normalText,
   dropdown: dropdown$1,
   options,
   checkedOption,
@@ -84031,7 +84039,7 @@ var styles$s = {
   icon: icon$1,
   text: text$1,
   floatingText,
-  search,
+  search: search$1,
   loadMore: loadMore$1
 };
 var isCheckBoxInput = (element) => element.type === "checkbox";
@@ -85465,10 +85473,26 @@ function useForm(props = {}) {
   _formControl.current.formState = getProxyFormState(formState, control._proxyFormState);
   return _formControl.current;
 }
+const search = "_search_1klck_1";
 var styles$r = {
-  "searchTab-container": "_searchTab-container_1peao_1",
-  "searchTab-input": "_searchTab-input_1peao_5"
+  "searchTab-container": "_searchTab-container_1klck_1",
+  "searchTab-input": "_searchTab-input_1klck_5",
+  search
 };
+const iconoirSearch = (props) => /* @__PURE__ */ jsx("svg", {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em",
+  ...props,
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5,
+    d: "M15.5 15.5L19 19M5 11a6 6 0 1 0 12 0a6 6 0 0 0-12 0Z"
+  })
+});
 const SearchTab = ({
   setSearchKeyword,
   className = ""
@@ -85481,13 +85505,20 @@ const SearchTab = ({
   useEffect(() => {
     setSearchKeyword(keyword == null ? void 0 : keyword.toLowerCase());
   }, [setSearchKeyword, watch, keyword]);
-  return /* @__PURE__ */ jsx("div", {
+  return /* @__PURE__ */ jsxs("div", {
     className: `${styles$r["searchTab-container"]} ${className}`,
-    children: /* @__PURE__ */ jsx("input", {
-      placeholder: "Search here...",
+    children: [/* @__PURE__ */ jsx("input", {
+      placeholder: "Search",
       ...register2("searchKeyword"),
       className: styles$r["searchTab-input"]
-    })
+    }), /* @__PURE__ */ jsx("div", {
+      className: styles$r.search,
+      children: /* @__PURE__ */ jsx(iconoirSearch, {
+        color: "#C7C7C7",
+        width: "30px",
+        height: "30px"
+      })
+    })]
   });
 };
 const materialSymbolsKeyboardArrowDown = (props) => /* @__PURE__ */ jsx("svg", {
@@ -85552,7 +85583,7 @@ const FloatingDropDown = ({
     children: [label2 ? /* @__PURE__ */ jsx(Text, {
       variant: "span",
       styleClass: labelVariant === "floating" ? "custom" : "font-14",
-      className: `${styles$s.label} ${labelVariant === "floating" ? styles$s.floatingLabel : ""}`,
+      className: `${styles$s.label} ${labelVariant === "floating" ? styles$s.floatingLabel : ""} ${label2 === "client" ? styles$s.clientText : styles$s.normalText} `,
       children: label2
     }) : null, /* @__PURE__ */ jsxs(Button, {
       type: "button",
@@ -86189,7 +86220,8 @@ const SingleValueCard = ({
           children: singleValueData2.length ? /* @__PURE__ */ jsx(SingleValueChart, {
             data: chartData,
             customSettings,
-            chartClickConfig: clickBehaviourConfigs.chart
+            chartClickConfig: clickBehaviourConfigs.chart,
+            hideBorder: true
           }) : /* @__PURE__ */ jsx("div", {
             className: styles$y.noData,
             children: /* @__PURE__ */ jsxs("div", {
@@ -86734,9 +86766,9 @@ var styles$l = {
   valueLabelWrapper,
   singleCheckBox
 };
-const tab$1 = "_tab_ksqsk_1";
-const button$4 = "_button_ksqsk_7";
-const activeTab = "_activeTab_ksqsk_15";
+const tab$1 = "_tab_1imil_1";
+const button$4 = "_button_1imil_7";
+const activeTab = "_activeTab_1imil_15";
 var styles$k = {
   tab: tab$1,
   button: button$4,
@@ -86837,37 +86869,37 @@ const InputField = ({
     })]
   });
 };
-const listBoxButton = "_listBoxButton_9tjjc_5";
-const selectedOptionText = "_selectedOptionText_9tjjc_17";
-const transitionDiv = "_transitionDiv_9tjjc_21";
-const listboxButtonWrapper = "_listboxButtonWrapper_9tjjc_25";
-const arrowicon = "_arrowicon_9tjjc_28";
-const leave = "_leave_9tjjc_31";
-const leaveFrom = "_leaveFrom_9tjjc_34";
-const leaveTo = "_leaveTo_9tjjc_37";
-const notAvailable = "_notAvailable_9tjjc_40";
-const option = "_option_9tjjc_43";
-const activeOption = "_activeOption_9tjjc_46";
-const optionSelected = "_optionSelected_9tjjc_49";
-const inactiveOption = "_inactiveOption_9tjjc_52";
-const optionLabel = "_optionLabel_9tjjc_55";
-const optionSubLabel = "_optionSubLabel_9tjjc_58";
-const selectedLabel = "_selectedLabel_9tjjc_61";
-const nonselectedLabel = "_nonselectedLabel_9tjjc_64";
-const check = "_check_9tjjc_67";
-const checkActive = "_checkActive_9tjjc_70";
-const checkInactive = "_checkInactive_9tjjc_73";
-const checkIcon$1 = "_checkIcon_9tjjc_76";
-const checkIconSelected = "_checkIconSelected_9tjjc_79";
-const checkIconUnselected = "_checkIconUnselected_9tjjc_82";
-const loadMore = "_loadMore_9tjjc_85";
-const selectedList = "_selectedList_9tjjc_88";
-const selectedListItem = "_selectedListItem_9tjjc_91";
+const listBoxButton = "_listBoxButton_1mdwz_5";
+const selectedOptionText = "_selectedOptionText_1mdwz_17";
+const transitionDiv = "_transitionDiv_1mdwz_21";
+const listboxButtonWrapper = "_listboxButtonWrapper_1mdwz_25";
+const arrowicon = "_arrowicon_1mdwz_28";
+const leave = "_leave_1mdwz_31";
+const leaveFrom = "_leaveFrom_1mdwz_34";
+const leaveTo = "_leaveTo_1mdwz_37";
+const notAvailable = "_notAvailable_1mdwz_40";
+const option = "_option_1mdwz_43";
+const activeOption = "_activeOption_1mdwz_46";
+const optionSelected = "_optionSelected_1mdwz_49";
+const inactiveOption = "_inactiveOption_1mdwz_52";
+const optionLabel = "_optionLabel_1mdwz_55";
+const optionSubLabel = "_optionSubLabel_1mdwz_58";
+const selectedLabel = "_selectedLabel_1mdwz_61";
+const nonselectedLabel = "_nonselectedLabel_1mdwz_64";
+const check = "_check_1mdwz_67";
+const checkActive = "_checkActive_1mdwz_70";
+const checkInactive = "_checkInactive_1mdwz_73";
+const checkIcon$1 = "_checkIcon_1mdwz_76";
+const checkIconSelected = "_checkIconSelected_1mdwz_79";
+const checkIconUnselected = "_checkIconUnselected_1mdwz_82";
+const loadMore = "_loadMore_1mdwz_85";
+const selectedList = "_selectedList_1mdwz_88";
+const selectedListItem = "_selectedListItem_1mdwz_91";
 var style = {
-  "listBox-label": "_listBox-label_9tjjc_1",
-  "listBoxButton-container": "_listBoxButton-container_9tjjc_5",
+  "listBox-label": "_listBox-label_1mdwz_1",
+  "listBoxButton-container": "_listBoxButton-container_1mdwz_5",
   listBoxButton,
-  "listBox-option": "_listBox-option_9tjjc_13",
+  "listBox-option": "_listBox-option_1mdwz_13",
   selectedOptionText,
   transitionDiv,
   listboxButtonWrapper,
@@ -87272,8 +87304,8 @@ const HookMultiSelect = ({
     })
   });
 };
-const container$a = "_container_1v094_1";
-const tooltip$1 = "_tooltip_1v094_7";
+const container$a = "_container_1m5jj_1";
+const tooltip$1 = "_tooltip_1m5jj_7";
 var styles$h = {
   container: container$a,
   tooltip: tooltip$1
@@ -87343,8 +87375,8 @@ const ChartConfigure = ({
   setBackGroundColor
 }) => {
   const TabList = ["Margins", "Legend", "Custom"];
-  const singleValueTabs = ["Margins", "Custom"];
-  const [activeTab2, setActiveTab] = useState("Margins");
+  const singleValueTabs = ["Custom"];
+  const [activeTab2, setActiveTab] = useState("Custom");
   return /* @__PURE__ */ jsxs("div", {
     className: styles$l.container,
     children: [/* @__PURE__ */ jsx("div", {
@@ -87504,7 +87536,7 @@ const ChartConfigure = ({
             className: styles$l.seriesWrapper,
             children: [/* @__PURE__ */ jsx(Text, {
               variant: "h1",
-              styleClass: "primary",
+              styleClass: "font-14",
               children: "Value labels"
             }), /* @__PURE__ */ jsx("div", {
               className: styles$l.valueLabelWrapper,
@@ -89003,31 +89035,35 @@ const ChartTab = ({
     })]
   });
 };
-const container$8 = "_container_1jc0r_1";
-const wrapper$1 = "_wrapper_1jc0r_5";
-const text = "_text_1jc0r_9";
-const table$3 = "_table_1jc0r_12";
+const container$8 = "_container_yjeiv_1";
+const wrapper$1 = "_wrapper_yjeiv_5";
+const text = "_text_yjeiv_9";
+const table$3 = "_table_yjeiv_12";
 var styles$d = {
   container: container$8,
   wrapper: wrapper$1,
   text,
   table: table$3
 };
-const container$7 = "_container_1uho5_1";
-const table$2 = "_table_1uho5_9";
-const tableHead = "_tableHead_1uho5_17";
-const tableRow$1 = "_tableRow_1uho5_25";
-const tableHeadCol$1 = "_tableHeadCol_1uho5_33";
-const tableRowCol$1 = "_tableRowCol_1uho5_41";
-const empty = "_empty_1uho5_49";
-const error$2 = "_error_1uho5_57";
+const container$7 = "_container_1jkce_1";
+const table$2 = "_table_1jkce_9";
+const tableHead = "_tableHead_1jkce_17";
+const tableRow$1 = "_tableRow_1jkce_25";
+const tableHeadCol$1 = "_tableHeadCol_1jkce_33";
+const tableHeadColText = "_tableHeadColText_1jkce_41";
+const tableRowCol$1 = "_tableRowCol_1jkce_49";
+const tableColText = "_tableColText_1jkce_57";
+const empty = "_empty_1jkce_65";
+const error$2 = "_error_1jkce_73";
 var styles$c = {
   container: container$7,
   table: table$2,
   tableHead,
   tableRow: tableRow$1,
   tableHeadCol: tableHeadCol$1,
+  tableHeadColText,
   tableRowCol: tableRowCol$1,
+  tableColText,
   empty,
   error: error$2
 };
@@ -89050,6 +89086,7 @@ const MetricTable = ({
               children: /* @__PURE__ */ jsx(Text, {
                 styleClass: "font-14c",
                 variant: "h1",
+                className: styles$c.tableHeadColText,
                 children: item
               })
             }, item);
@@ -89062,6 +89099,7 @@ const MetricTable = ({
             children: /* @__PURE__ */ jsx(Text, {
               styleClass: "font-14",
               variant: "p",
+              className: styles$c.tableColText,
               children: JSON.stringify(item[d2])
             })
           }, index2))
@@ -89101,36 +89139,36 @@ const InputTables = ({
     })
   });
 };
-const container$6 = "_container_12jmm_1";
-const header$1 = "_header_12jmm_5";
-const tabButton$1 = "_tabButton_12jmm_16";
-const selectedTab = "_selectedTab_12jmm_19";
-const table$1 = "_table_12jmm_22";
+const container$6 = "_container_38zl3_1";
+const header$1 = "_header_38zl3_5";
+const tabButton$1 = "_tabButton_38zl3_16";
+const selectedTab = "_selectedTab_38zl3_19";
+const table$1 = "_table_38zl3_22";
 var styles$b = {
   container: container$6,
   header: header$1,
-  "text-container": "_text-container_12jmm_9",
-  "btn-container": "_btn-container_12jmm_13",
+  "text-container": "_text-container_38zl3_9",
+  "btn-container": "_btn-container_38zl3_13",
   tabButton: tabButton$1,
   selectedTab,
   table: table$1
 };
-const tableData = "_tableData_1j4gc_7";
-const tableHeadCol = "_tableHeadCol_1j4gc_13";
-const tableRow = "_tableRow_1j4gc_19";
-const tableRowCol = "_tableRowCol_1j4gc_25";
-const row = "_row_1j4gc_31";
-const container$5 = "_container_1j4gc_37";
-const table = "_table_1j4gc_1";
-const previewTable = "_previewTable_1j4gc_49";
-const preview = "_preview_1j4gc_49";
-const previewText = "_previewText_1j4gc_61";
-const noData = "_noData_1j4gc_67";
-const error$1 = "_error_1j4gc_73";
-const errorMsg = "_errorMsg_1j4gc_79";
-const tableIcon = "_tableIcon_1j4gc_85";
+const tableData = "_tableData_o6rhd_7";
+const tableHeadCol = "_tableHeadCol_o6rhd_13";
+const tableRow = "_tableRow_o6rhd_19";
+const tableRowCol = "_tableRowCol_o6rhd_25";
+const row = "_row_o6rhd_31";
+const container$5 = "_container_o6rhd_37";
+const table = "_table_o6rhd_1";
+const previewTable = "_previewTable_o6rhd_49";
+const preview = "_preview_o6rhd_49";
+const previewText = "_previewText_o6rhd_61";
+const noData = "_noData_o6rhd_67";
+const error$1 = "_error_o6rhd_73";
+const errorMsg = "_errorMsg_o6rhd_79";
+const tableIcon = "_tableIcon_o6rhd_85";
 var styles$a = {
-  "table-loader-container": "_table-loader-container_1j4gc_1",
+  "table-loader-container": "_table-loader-container_o6rhd_1",
   tableData,
   tableHeadCol,
   tableRow,
@@ -89250,6 +89288,16 @@ const TableTab = ({
   previewTableDataList
 }) => {
   const [selectedTab2, setSelectedTab] = useState(OUTPUT_TABLE);
+  const buttonColor = {
+    background: "#e5e7eb",
+    width: "100%",
+    height: "100%",
+    paddingTop: "4px",
+    paddingBottom: "4px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  };
   return /* @__PURE__ */ jsxs("div", {
     className: styles$b.container,
     children: [/* @__PURE__ */ jsxs("div", {
@@ -89267,18 +89315,24 @@ const TableTab = ({
         })]
       }), /* @__PURE__ */ jsxs("div", {
         className: styles$b["btn-container"],
-        children: [/* @__PURE__ */ jsx(Button, {
+        children: [/* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
-          className: `${styles$b.tabButton} ${selectedTab2 === INPUT_TABLE && styles$b.selectedTab}`,
+          className: styles$b.tabButton,
           onClick: () => setSelectedTab(INPUT_TABLE),
-          children: "Input Table"
-        }), /* @__PURE__ */ jsx(Button, {
+          children: [selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx("div", {
+            style: buttonColor,
+            children: "Input Table"
+          }), selectedTab2 !== INPUT_TABLE && "Input Table"]
+        }), /* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
-          className: `${styles$b.tabButton} ${selectedTab2 === OUTPUT_TABLE && styles$b.selectedTab}`,
+          className: styles$b.tabButton,
           onClick: () => setSelectedTab(OUTPUT_TABLE),
-          children: "Output Table"
+          children: [selectedTab2 === OUTPUT_TABLE && /* @__PURE__ */ jsx("div", {
+            style: buttonColor,
+            children: "Output Table"
+          }), selectedTab2 !== OUTPUT_TABLE && "Output Table"]
         })]
       })]
     }), selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx(InputTables, {
@@ -89940,7 +89994,9 @@ const MetricForm = ({
   setLoading,
   setQuery,
   isEnableGroupBy,
-  setSelectedGroupBy
+  setSelectedGroupBy,
+  clientId,
+  clientColumn
 }) => {
   const [metrics, setMetrics] = useState([]);
   const [timeGrainValue, setTimeGrainValue] = useState("");
@@ -90536,7 +90592,11 @@ const MetricForm = ({
                 as: (_c2 = columnList.find((c2) => c2.value === timeColumn.value)) == null ? void 0 : _c2.label
               },
               isInclude: isIncludeTime
-            }
+            },
+            clientColumnFilter: clientColumn ? {
+              value: Number(clientId) || clientId,
+              column: isBigQuery || isMySql ? `${clientColumn}` : isMongoDb ? `\`${clientColumn}\`` : `"${clientColumn}"`
+            } : void 0
           }
         }, {
           onSuccess(data2) {
@@ -90643,7 +90703,9 @@ const ConstructMetric = ({
   setQuery,
   isEnableGroupBy,
   setEnableGroupBy,
-  setSelectedGroupBy
+  setSelectedGroupBy,
+  clientId,
+  clientColumn
 }) => {
   return /* @__PURE__ */ jsxs("div", {
     className: styles$6.container,
@@ -90665,7 +90727,9 @@ const ConstructMetric = ({
       setQuery,
       setLoading,
       isEnableGroupBy,
-      setSelectedGroupBy
+      setSelectedGroupBy,
+      clientId,
+      clientColumn
     })]
   });
 };
@@ -90888,6 +90952,7 @@ const EmbeddedMetricCreation = ({
     label: table2.tableName
   })), [companySubsetTableList]);
   const selectedTableData = useMemo(() => companySubsetTableList.find((table2) => table2.tableName === selectTable.value), [selectTable.value, companySubsetTableList]);
+  const clientColumn = useMemo(() => selectedTableData == null ? void 0 : selectedTableData.clientColumn, [selectedTableData]);
   const columnList = useMemo(() => (selectedTableData == null ? void 0 : selectedTableData.columns.map(({
     name,
     as
@@ -91142,7 +91207,9 @@ const EmbeddedMetricCreation = ({
           setLoading,
           isEnableGroupBy,
           setEnableGroupBy,
-          setSelectedGroupBy
+          setSelectedGroupBy,
+          clientId,
+          clientColumn
         }), /* @__PURE__ */ jsx(MetricOutput, {
           data: isEnableGroupBy ? groupedData : data2,
           error: error2,