@databrainhq/plugin 0.8.7 → 0.8.9

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { EmbeddedMetricCreationProps } from '@/types/metricCreate';
-export declare const EmbeddedMetricCreation: ({ clientId, companyId, mode, externalDashboardId, variant, chartColors, }: EmbeddedMetricCreationProps) => JSX.Element;
+export declare const EmbeddedMetricCreation: ({ clientId, companyId, mode, externalDashboardId, variant, chartColors, workspaceId, }: EmbeddedMetricCreationProps) => JSX.Element;

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

@@ -17,12 +17,13 @@ declare type SelectInput = {
     containerClass?: string;
     isSearchEnabled?: boolean;
     textSize?: string;
+    labelDesign?: string;
 };
 declare type HookSelectInput = Omit<SelectInput, 'value'> & {
     control: Control;
     name: string;
 };
-export declare const Select: ({ label, options, onChange, value, defaultValue, children, placeHolder, className, containerClass, isSearchEnabled, textSize, }: SelectInput) => JSX.Element;
+export declare const Select: ({ label, options, onChange, value, defaultValue, children, placeHolder, className, containerClass, isSearchEnabled, textSize, labelDesign, }: SelectInput) => JSX.Element;
 export declare const HookSelect: ({ control, name, ...rest }: HookSelectInput) => JSX.Element;
 export declare const SelectWithSubValue: ({ label, options, onChange, value, defaultValue, }: any) => JSX.Element;
 export declare const DropDown: ({ control, name, options, label, defaultValue, }: HookSelectInput) => JSX.Element;

package/dist/hooks/useEmbeddedDashboard.d.ts

@@ -51,5 +51,6 @@ export declare const useEmbeddedDashboard: (token: string) => {
         companyTenancyType: any;
         isAllowedToCreateMetrics: boolean;
         isAllowedToDeleteMetrics: boolean;
+        workspace: any;
     };
 };

package/dist/index.es.js

@@ -4940,37 +4940,39 @@ let xe = "div", ne = S.RenderStrategy, re = C$2(function(e2, s2) {
   let n2 = useContext(F) !== null, m2 = s() !== null;
   return React__default.createElement(React__default.Fragment, null, !n2 && m2 ? React__default.createElement(q, { ref: s$12, ...e2 }) : React__default.createElement(re, { ref: s$12, ...e2 }));
 }), We = Object.assign(q, { Child: Pe, Root: q });
-const listBoxButton = "_listBoxButton_1uwmw_9";
-const selectedOptionText = "_selectedOptionText_1uwmw_33";
-const transitionDiv = "_transitionDiv_1uwmw_41";
-const listboxButtonWrapper = "_listboxButtonWrapper_1uwmw_49";
-const arrowicon = "_arrowicon_1uwmw_55";
-const leave$2 = "_leave_1uwmw_61";
-const leaveFrom$2 = "_leaveFrom_1uwmw_67";
-const leaveTo$2 = "_leaveTo_1uwmw_73";
-const notAvailable = "_notAvailable_1uwmw_79";
-const option$1 = "_option_1uwmw_85";
-const activeOption = "_activeOption_1uwmw_91";
-const optionSelected = "_optionSelected_1uwmw_97";
-const inactiveOption = "_inactiveOption_1uwmw_103";
-const optionLabel = "_optionLabel_1uwmw_109";
-const optionSubLabel = "_optionSubLabel_1uwmw_115";
-const selectedLabel = "_selectedLabel_1uwmw_121";
-const nonselectedLabel = "_nonselectedLabel_1uwmw_127";
-const check = "_check_1uwmw_133";
-const checkActive = "_checkActive_1uwmw_139";
-const checkInactive = "_checkInactive_1uwmw_145";
-const checkIcon$1 = "_checkIcon_1uwmw_151";
-const checkIconSelected = "_checkIconSelected_1uwmw_157";
-const checkIconUnselected = "_checkIconUnselected_1uwmw_163";
-const loadMore$1 = "_loadMore_1uwmw_169";
-const selectedList = "_selectedList_1uwmw_175";
-const selectedListItem = "_selectedListItem_1uwmw_181";
+const listBoxButton = "_listBoxButton_kdipy_9";
+const selectedOptionText = "_selectedOptionText_kdipy_33";
+const transitionDiv = "_transitionDiv_kdipy_41";
+const listboxButtonWrapper = "_listboxButtonWrapper_kdipy_49";
+const arrowicon = "_arrowicon_kdipy_55";
+const leave$2 = "_leave_kdipy_61";
+const leaveFrom$2 = "_leaveFrom_kdipy_67";
+const leaveTo$2 = "_leaveTo_kdipy_73";
+const notAvailable = "_notAvailable_kdipy_79";
+const option$1 = "_option_kdipy_85";
+const activeOption = "_activeOption_kdipy_91";
+const optionSelected = "_optionSelected_kdipy_97";
+const inactiveOption = "_inactiveOption_kdipy_103";
+const optionLabel = "_optionLabel_kdipy_109";
+const optionSubLabel = "_optionSubLabel_kdipy_115";
+const selectedLabel = "_selectedLabel_kdipy_121";
+const nonselectedLabel = "_nonselectedLabel_kdipy_127";
+const check = "_check_kdipy_133";
+const checkActive = "_checkActive_kdipy_139";
+const checkInactive = "_checkInactive_kdipy_145";
+const checkIcon$1 = "_checkIcon_kdipy_151";
+const checkIconSelected = "_checkIconSelected_kdipy_157";
+const checkIconUnselected = "_checkIconUnselected_kdipy_163";
+const loadMore$1 = "_loadMore_kdipy_169";
+const selectedList = "_selectedList_kdipy_175";
+const selectedListItem = "_selectedListItem_kdipy_181";
+const label$7 = "_label_kdipy_187";
+const clientText$1 = "_clientText_kdipy_193";
 var style = {
-  "listBox-label": "_listBox-label_1uwmw_1",
-  "listBoxButton-container": "_listBoxButton-container_1uwmw_9",
+  "listBox-label": "_listBox-label_kdipy_1",
+  "listBoxButton-container": "_listBoxButton-container_kdipy_9",
   listBoxButton,
-  "listBox-option": "_listBox-option_1uwmw_25",
+  "listBox-option": "_listBox-option_kdipy_25",
   selectedOptionText,
   transitionDiv,
   listboxButtonWrapper,
@@ -4995,7 +4997,9 @@ var style = {
   checkIconUnselected,
   loadMore: loadMore$1,
   selectedList,
-  selectedListItem
+  selectedListItem,
+  label: label$7,
+  clientText: clientText$1
 };
 const primary = "_primary_1ipyg_1";
 const secondary = "_secondary_1ipyg_9";
@@ -5129,7 +5133,8 @@ const Select = ({
   className = "",
   containerClass = "",
   isSearchEnabled,
-  textSize
+  textSize,
+  labelDesign
 }) => {
   const [searchKeyword, setSearchKeyword] = useState("");
   const [limit, setLimit] = useState(20);
@@ -5147,16 +5152,21 @@ const Select = ({
     children: ({
       open
     }) => /* @__PURE__ */ jsxs(Fragment, {
-      children: [label2 ? /* @__PURE__ */ jsx(pt.Label, {
+      children: [label2 && !labelDesign ? /* @__PURE__ */ jsx(pt.Label, {
         className: style["listBox-label"],
         children: label2
       }) : null, /* @__PURE__ */ jsxs("div", {
         className: `${style.listboxButtonWrapper} ${className}`,
         children: [/* @__PURE__ */ jsxs(pt.Button, {
           className: style["listBoxButton-container"],
-          children: [/* @__PURE__ */ jsx("span", {
+          children: [/* @__PURE__ */ jsxs("span", {
             className: style.selectedOptionText,
-            children: selectedOption2 == null ? void 0 : selectedOption2.label
+            children: [label2 && labelDesign ? /* @__PURE__ */ jsx(Text, {
+              variant: "span",
+              styleClass: "custom",
+              className: `${style.label} ${labelDesign === "client" ? style.clientText : ""} `,
+              children: label2
+            }) : null, selectedOption2 == null ? void 0 : selectedOption2.label]
           }), /* @__PURE__ */ jsx("span", {
             className: style.listBoxButton,
             children: /* @__PURE__ */ jsx(mdiChevronDown, {
@@ -6678,8 +6688,10 @@ const useGetClientDashboardLayoutQuery = (variables, options2) => useQuery(
   options2
 );
 const CompanySubsetTableDataDocument = `
-    mutation CompanySubsetTableData($clientId: String = "", $companyId: String = "") {
-  companySubsetTableData(input: {clientId: $clientId, companyId: $companyId}) {
+    mutation CompanySubsetTableData($clientId: String = "", $companyId: String = "", $workspaceId: String = "") {
+  companySubsetTableData(
+    input: {clientId: $clientId, companyId: $companyId, workspaceId: $workspaceId}
+  ) {
     companyIntegrationId
     dbName
     error {
@@ -7084,6 +7096,7 @@ const useEmbeddedDashboard = (token) => {
   const externalDashboardId = (_a2 = params.dashboard) == null ? void 0 : _a2.id;
   const companyId = tokenParams == null ? void 0 : tokenParams.companyId;
   const clientId = tokenParams == null ? void 0 : tokenParams.clientId;
+  const workspace = params == null ? void 0 : params.workspace;
   const mode = (_b2 = params == null ? void 0 : params.dashboard) == null ? void 0 : _b2.isLive;
   const rlsSettings = params == null ? void 0 : params.rlsSettings;
   const companyTenancyType = params == null ? void 0 : params.companyTenancyType;
@@ -7118,7 +7131,8 @@ const useEmbeddedDashboard = (token) => {
       rlsSettings,
       companyTenancyType: companyTenancyType || "TABLE",
       isAllowedToCreateMetrics,
-      isAllowedToDeleteMetrics
+      isAllowedToDeleteMetrics,
+      workspace
     }
   };
 };
@@ -79277,7 +79291,7 @@ const BarChart = ({
       axisLabel: {
         show: !!((customSettings == null ? void 0 : customSettings.axisLabels) === "y" || (customSettings == null ? void 0 : customSettings.axisLabels) === "none"),
         interval: 0,
-        rotate: 50,
+        rotate: customSettings.xRotation,
         hideOverlap: true,
         overflow: "truncate"
       },
@@ -81481,6 +81495,9 @@ const SingleValueChart = ({
         const value2 = adaptiveFormatter(val, true);
         return value2;
       }
+      case "percent": {
+        return `${val}%`;
+      }
       case "d": {
         const n2 = parseInt(val, 10);
         return n2.toLocaleString();
@@ -87106,6 +87123,26 @@ const ChartConfigure = ({
                     }))
                   })
                 })]
+              }), chartType2 === "bar" && /* @__PURE__ */ jsxs("div", {
+                className: styles$g.seriesWrapper,
+                children: [/* @__PURE__ */ jsxs(Text, {
+                  variant: "h1",
+                  styleClass: "font-14",
+                  className: styles$g.label,
+                  children: ["Modify X-Axis label rotation", /* @__PURE__ */ jsx(InfoTooltip, {
+                    children: "Rotate X-Axis label to a certain angle"
+                  })]
+                }), /* @__PURE__ */ jsx(InputField, {
+                  type: "number",
+                  max: 100,
+                  min: 0,
+                  label: "",
+                  onChange: (e2) => setCustomSettings((m2) => ({
+                    ...m2,
+                    xRotation: parseInt(e2.target.value, 10)
+                  })),
+                  value: customSettings.xRotation
+                })]
               }), chartType2 === "bar" || chartType2 === "row" || chartType2 === "stack" || chartType2 === "histogram" ? /* @__PURE__ */ jsx(InputField, {
                 type: "checkbox",
                 label: "Show Bar Background",
@@ -87378,6 +87415,9 @@ const ChartConfigure = ({
                   }, {
                     label: "Adaptive formatting",
                     value: "adaptive"
+                  }, {
+                    label: "Percentage",
+                    value: "percent"
                   }, {
                     label: ",d (12345.432 => 12,345)",
                     value: "d"
@@ -88831,6 +88871,7 @@ const MetricForm = ({
   const isBigQuery = database === "Bigquery";
   const isMySql = database === "MySql";
   const isMongoDb = database === "MongoDB";
+  const isPostgres = database === "Postgres" || database === "Redshift";
   const isNullFilter = operator.value === "IS NULL" || operator.value === "IS NOT NULL";
   const isInFilter = operator.value === "IN" || operator.value === "NOT IN";
   const isFilterValue = isNullFilter ? true : isInFilter ? !!selectedFilterValues.length : !!filterValue.value;
@@ -88985,7 +89026,7 @@ const MetricForm = ({
                 isDisabled: !metricAggregate.value || !metricColumn.value,
                 onClick: () => {
                   setMetrics((prev) => [...prev, {
-                    value: `${metricAggregate.value}(${isBigQuery || isMySql ? `${metricColumn.value}` : isMongoDb ? `\`${metricColumn.value}\`` : `"${metricColumn.value}"`})`,
+                    value: `${isPostgres && metricAggregate.value === "COUNT_DISTINCT" ? `COUNT(DISTINCT "${metricColumn.value}" )` : `${metricAggregate.value}(${isBigQuery || isMySql ? `${metricColumn.value}` : isMongoDb ? `\`${metricColumn.value}\`` : `"${metricColumn.value}"`})`}`,
                     as: isBigQuery ? aliasValue || `_result` : aliasValue || `${metricAggregate.value}(${metricColumn.label})`
                   }]);
                   setOpenMetric(false);
@@ -89200,7 +89241,7 @@ const MetricForm = ({
               className: styles$9.fieldValueIcon
             })]
           }), /* @__PURE__ */ jsxs(Modal, {
-            headerTitle: !columns.length ? sortColumn.value && sortAggregate.value ? `${sortAggregate.value}(${sortColumn.value})` : "Create sort" : sortColumn.value ? `${sortColumn.value}` : "Create sort",
+            headerTitle: !columns.length ? sortColumn.value && sortAggregate.value ? `${isPostgres && sortAggregate.value === "COUNT_DISTINCT" ? `COUNT(DISTINCT ${sortColumn.value})` : `${sortAggregate.value}(${sortColumn.value})`}` : "Create sort" : sortColumn.value ? `${sortColumn.value}` : "Create sort",
             isOpen: isOpenSort,
             onClose: () => setOpenSort(false),
             children: [/* @__PURE__ */ jsxs("div", {
@@ -89425,7 +89466,8 @@ const EmbeddedMetricCreation = ({
   mode,
   externalDashboardId,
   variant = "static",
-  chartColors
+  chartColors,
+  workspaceId
 }) => {
   var _a2;
   const [isLoading, setLoading] = useState(false);
@@ -89479,7 +89521,8 @@ const EmbeddedMetricCreation = ({
     if (clientId && companyId) {
       getCompanySubsetTableData({
         clientId,
-        companyId
+        companyId,
+        workspaceId
       }, {
         onSuccess(response) {
           var _a3;
@@ -89527,7 +89570,8 @@ const EmbeddedMetricCreation = ({
     displayText: "",
     subHeaderFontSize: 0,
     dateFormatter: "none",
-    numberFormatter: "original"
+    numberFormatter: "original",
+    xRotation: 50
   });
   const [tableSettings, setTableSettings] = useState({
     contentAlignment: "center",
@@ -95741,7 +95785,8 @@ const MetricCard = ({
     displayText: "",
     subHeaderFontSize: 0,
     dateFormatter: "none",
-    numberFormatter: "original"
+    numberFormatter: "original",
+    xRotation: 50
   });
   const [backGroundColor, setBackGroundColor] = useState({
     show: false
@@ -95775,7 +95820,8 @@ const MetricCard = ({
       displayText: "",
       subHeaderFontSize: 0,
       dateFormatter: "none",
-      numberFormatter: "original"
+      numberFormatter: "original",
+      xRotation: 50
     });
     setEnableGroupBy(metricItem == null ? void 0 : metricItem.isEnableGroupBy);
     setSelectedGroupBy(metricItem == null ? void 0 : metricItem.selectedGroupBy);
@@ -96224,7 +96270,8 @@ const SingleValueCard = ({
     displayText: "",
     subHeaderFontSize: 0,
     dateFormatter: "none",
-    numberFormatter: "original"
+    numberFormatter: "original",
+    xRotation: 50
   });
   const {
     data: metricdata,
@@ -96259,7 +96306,8 @@ const SingleValueCard = ({
       displayText: "",
       subHeaderFontSize: 0,
       dateFormatter: "none",
-      numberFormatter: "original"
+      numberFormatter: "original",
+      xRotation: 50
     });
     setClickBehaviourConfigs(metricItem.clickActions || {
       card: {
@@ -96815,7 +96863,7 @@ const EmbeddedDashboard = React__default.memo(({
   options: options2,
   theme: theme2
 }) => {
-  var _a2, _b2;
+  var _a2, _b2, _c2;
   const {
     data,
     isLoading
@@ -96833,8 +96881,8 @@ const EmbeddedDashboard = React__default.memo(({
     enabled: !!data.companyId
   });
   const [adminTheme, adminThemeChartColors] = useMemo(() => {
-    var _a3, _b3, _c2, _d;
-    const colors2 = (_d = (_c2 = (_b3 = (_a3 = adminThemeData == null ? void 0 : adminThemeData.themes[0]) == null ? void 0 : _a3.chart) == null ? void 0 : _b3.palettes) == null ? void 0 : _c2.find((palette) => {
+    var _a3, _b3, _c3, _d;
+    const colors2 = (_d = (_c3 = (_b3 = (_a3 = adminThemeData == null ? void 0 : adminThemeData.themes[0]) == null ? void 0 : _a3.chart) == null ? void 0 : _b3.palettes) == null ? void 0 : _c3.find((palette) => {
       var _a4, _b4;
       return palette.name === ((_b4 = (_a4 = adminThemeData.themes[0]) == null ? void 0 : _a4.chart) == null ? void 0 : _b4.selected);
     })) == null ? void 0 : _d.colors;
@@ -96872,7 +96920,8 @@ const EmbeddedDashboard = React__default.memo(({
               mode: data.mode,
               externalDashboardId: data.externalDashboard.id,
               variant: options2 == null ? void 0 : options2.headerVariant,
-              chartColors: adminThemeChartColors != null ? adminThemeChartColors : options2 == null ? void 0 : options2.chartColors
+              chartColors: adminThemeChartColors != null ? adminThemeChartColors : options2 == null ? void 0 : options2.chartColors,
+              workspaceId: (_b2 = data.workspace) == null ? void 0 : _b2.id
             })]
           })]
         }), /* @__PURE__ */ jsxs("div", {
@@ -96906,7 +96955,7 @@ const EmbeddedDashboard = React__default.memo(({
             color: "blue"
           }
         })
-      }), !isLoading && !((_b2 = data.externalDashboard) == null ? void 0 : _b2.id) && /* @__PURE__ */ jsx("div", {
+      }), !isLoading && !((_c2 = data.externalDashboard) == null ? void 0 : _c2.id) && /* @__PURE__ */ jsx("div", {
         className: styles$F["alt-container"],
         children: "Invalid token or Dashboard id"
       })]