@databrainhq/plugin 0.8.8 → 0.8.9

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/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, {
@@ -79281,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"
       },
@@ -81485,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();
@@ -87110,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",
@@ -87382,6 +87415,9 @@ const ChartConfigure = ({
                   }, {
                     label: "Adaptive formatting",
                     value: "adaptive"
+                  }, {
+                    label: "Percentage",
+                    value: "percent"
                   }, {
                     label: ",d (12345.432 => 12,345)",
                     value: "d"
@@ -88835,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;
@@ -88989,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);
@@ -89204,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", {
@@ -89533,7 +89570,8 @@ const EmbeddedMetricCreation = ({
     displayText: "",
     subHeaderFontSize: 0,
     dateFormatter: "none",
-    numberFormatter: "original"
+    numberFormatter: "original",
+    xRotation: 50
   });
   const [tableSettings, setTableSettings] = useState({
     contentAlignment: "center",
@@ -95747,7 +95785,8 @@ const MetricCard = ({
     displayText: "",
     subHeaderFontSize: 0,
     dateFormatter: "none",
-    numberFormatter: "original"
+    numberFormatter: "original",
+    xRotation: 50
   });
   const [backGroundColor, setBackGroundColor] = useState({
     show: false
@@ -95781,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);
@@ -96230,7 +96270,8 @@ const SingleValueCard = ({
     displayText: "",
     subHeaderFontSize: 0,
     dateFormatter: "none",
-    numberFormatter: "original"
+    numberFormatter: "original",
+    xRotation: 50
   });
   const {
     data: metricdata,
@@ -96265,7 +96306,8 @@ const SingleValueCard = ({
       displayText: "",
       subHeaderFontSize: 0,
       dateFormatter: "none",
-      numberFormatter: "original"
+      numberFormatter: "original",
+      xRotation: 50
     });
     setClickBehaviourConfigs(metricItem.clickActions || {
       card: {