@databrainhq/plugin 0.8.17 → 0.8.19

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

@@ -7,5 +7,5 @@ export declare type FilterDropDownProps = Omit<FloatingDropDownProps, 'options'
     autoSelected?: boolean;
 };
 export declare const FilterDropDown: ({ companyId, filter, onChange, selectedOption, autoSelected, ...rest }: FilterDropDownProps) => JSX.Element;
-export declare type MultiFilterDropDownProps = Pick<FilterDropDownProps, 'autoSelected' | 'companyId' | 'filter'> & Omit<MultiFloatingDropDownProps, 'options' | 'isDisabled'>;
+export declare type MultiFilterDropDownProps = Pick<FilterDropDownProps, 'autoSelected' | 'companyId' | 'filter' | 'label'> & Omit<MultiFloatingDropDownProps, 'options' | 'isDisabled'>;
 export declare const MultiFilterDropdown: React.FC<MultiFilterDropDownProps>;

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

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { RlsCondition } from '@/types';
+import { FloatingDropDownOption, RlsCondition } from '@/types';
 declare type Props = {
     rlsConditions?: RlsCondition[] | undefined;
-    onChangeFilterValue?: (name: string, value: string, customValue?: Record<string, Date>) => void;
+    onChangeFilterValue?: (name: string, value: string, customValue?: Record<string, Date>, stringValues?: FloatingDropDownOption[]) => void;
+    companyId: string;
 };
-declare const MetricFilterDropDown: ({ rlsConditions, onChangeFilterValue, }: Props) => JSX.Element;
+export declare const MetricFilterDropDown: ({ rlsConditions, onChangeFilterValue, companyId, }: Props) => JSX.Element;
 export default MetricFilterDropDown;

package/dist/components/index.d.ts

@@ -28,3 +28,4 @@ export * from './ToggleButton';
 export * from './Icons';
 export * from './ChartPopup';
 export * from './DrillBreadCrumb';
+export * from './MetricFilterDropDown';

package/dist/index.es.js

@@ -2514,7 +2514,6 @@ function useQuery(arg1, arg2, arg3) {
 }
 const container$h = "_container_1o0ns_1";
 const fixed = "_fixed_1o0ns_1";
-const absolute = "_absolute_1o0ns_1";
 const flex = "_flex_1o0ns_1";
 const table$4 = "_table_1o0ns_1";
 const grid = "_grid_1o0ns_1";
@@ -2536,11 +2535,6 @@ var styles$H = {
   container: container$h,
   "static": "_static_1o0ns_413",
   fixed,
-  absolute,
-  "left-2": "_left-2_1o0ns_1",
-  "top-1": "_top-1_1o0ns_1",
-  "mt-2.5": "_mt-2.5_1o0ns_1",
-  "mt-2": "_mt-2_1o0ns_1",
   "mb-3": "_mb-3_1o0ns_1",
   flex,
   table: table$4,
@@ -2556,10 +2550,8 @@ var styles$H = {
   truncate,
   border,
   "p-2": "_p-2_1o0ns_1",
-  "p-1": "_p-1_1o0ns_1",
   "text-center": "_text-center_1o0ns_1",
   "text-sm": "_text-sm_1o0ns_1",
-  "text-xs": "_text-xs_1o0ns_1",
   "text-blue-700": "_text-blue-700_1o0ns_1",
   shadow,
   filter: filter$1,
@@ -8002,6 +7994,7 @@ const MultiFloatingDropDown = React__default.memo(({
   options: options2,
   isDisabled,
   children: children2,
+  labelDesign,
   isSearchEnabled
 }) => {
   const [isShow, setIsShow] = useState(false);
@@ -8018,7 +8011,7 @@ const MultiFloatingDropDown = React__default.memo(({
     children: [label2 ? /* @__PURE__ */ jsx(Text, {
       variant: "span",
       styleClass: labelVariant === "floating" ? "custom" : "font-14",
-      className: `${styles$u.label} ${labelVariant === "floating" ? "absolute left-2 top-1 text-xs" : ""}`,
+      className: `${styles$u.label} ${labelVariant === "floating" ? styles$u.floatingLabel : ""} ${labelDesign === "client" ? styles$u.clientText : styles$u.normalText} `,
       children: label2
     }) : null, /* @__PURE__ */ jsxs(Button, {
       type: "button",
@@ -8029,7 +8022,7 @@ const MultiFloatingDropDown = React__default.memo(({
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "p",
         styleClass: "font-14",
-        className: labelVariant === "floating" ? "mt-2.5" : "",
+        className: labelVariant === "floating" ? styles$u.floatingText : "",
         children: "Select 1 or more option"
       }), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
     }), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
@@ -8119,6 +8112,7 @@ const MultiFilterDropdown = React__default.memo(({
   autoSelected,
   onChange,
   selectedOptions,
+  label: label2,
   ...rest
 }) => {
   const [data, setData] = useState([]);
@@ -8160,7 +8154,7 @@ const MultiFilterDropdown = React__default.memo(({
     }] : selectedOptions,
     isDisabled: !!filter2.defaultValue,
     options: data,
-    label: filter2.columnName,
+    label: label2 || filter2.columnName,
     ...rest
   });
 });
@@ -88559,7 +88553,7 @@ const cteQuery = (queryStr, groupedConditions, dbName) => {
   const asStrings = Object.keys(groupedConditions).map(
     (key, index2) => `${cteNames[index2]} AS (
         SELECT * FROM ${groupedConditions[key][0].tableName} WHERE ${groupedConditions[key].map(
-      (c2) => c2.datatype === "date" ? `${c2.value}` : `${getConvertedColumn(c2.columnName, c2.datatype, dbName)} = ${typeof c2.value === "string" ? `'${c2.value}'` : c2.value}`
+      (c2) => c2.datatype === "date" ? `${c2.value}` : `${getConvertedColumn(c2.columnName, c2.datatype, dbName)} ${Array.isArray(c2.value) ? "IN" : "="} ${Array.isArray(c2.value) ? `(${c2.value.map((v4) => typeof v4 === "string" ? `'${v4}'` : v4).join(", ")})` : typeof c2.value === "string" ? `'${c2.value}'` : c2.value}`
     ).join(" AND ")}
       )`
   );
@@ -95324,10 +95318,44 @@ var styles$5 = {
 };
 const MetricFilterDropDown = ({
   rlsConditions,
-  onChangeFilterValue
+  onChangeFilterValue,
+  companyId
 }) => {
   return /* @__PURE__ */ jsx("div", {
-    children: !!(rlsConditions == null ? void 0 : rlsConditions.length) && onChangeFilterValue ? rlsConditions[0].datatype !== "date" ? /* @__PURE__ */ jsx("div", {
+    children: !!(rlsConditions == null ? void 0 : rlsConditions.length) && onChangeFilterValue ? rlsConditions[0].datatype !== "date" ? rlsConditions[0].datatype === "string" ? rlsConditions[0].options.length ? /* @__PURE__ */ jsx("div", {
+      className: styles$5.metricFilter,
+      children: /* @__PURE__ */ jsx(MultiFloatingDropDown, {
+        selectedOptions: Array.isArray(rlsConditions[0].value) && rlsConditions[0].value.length ? rlsConditions[0].value.map((val) => ({
+          label: val,
+          value: val
+        })) : [],
+        options: rlsConditions[0].options.map((o2) => ({
+          value: o2,
+          label: o2
+        })),
+        onChange: (options2) => onChangeFilterValue(rlsConditions[0].name, options2 == null ? void 0 : options2[0].value, void 0, options2),
+        labelDesign: "client",
+        label: rlsConditions[0].name
+      })
+    }) : /* @__PURE__ */ jsx("div", {
+      className: styles$5.metricFilter,
+      children: /* @__PURE__ */ jsx(MultiFilterDropdown, {
+        selectedOptions: Array.isArray(rlsConditions[0].value) && rlsConditions[0].value.length ? rlsConditions[0].value.map((val) => ({
+          label: val,
+          value: val
+        })) : [],
+        onChange: (options2) => onChangeFilterValue(rlsConditions[0].name, options2 == null ? void 0 : options2[0].value, void 0, options2),
+        filter: {
+          tableName: rlsConditions[0].tableName,
+          columnName: rlsConditions[0].columnName
+        },
+        companyId,
+        isSearchEnabled: true,
+        autoSelected: Array.isArray(rlsConditions[0].value) && !rlsConditions[0].value.length,
+        labelDesign: "client",
+        label: rlsConditions[0].name
+      })
+    }) : /* @__PURE__ */ jsx("div", {
       className: styles$5.metricFilter,
       children: /* @__PURE__ */ jsx(FloatingDropDown, {
         label: rlsConditions[0].name,
@@ -95932,7 +95960,7 @@ const MetricCard = ({
       updateDrilledData(dataDb, setGroupedData, drillDownSettings.selectedMeasures, drillDownSettings.selectedDimensions[0]);
     }
   }, [dataDb, drillDownSettings]);
-  const onChangeFilterValue = (name, value, customValue) => {
+  const onChangeFilterValue = (name, value, customValue, stringValues) => {
     if (customValue) {
       setRlsConditions((prev) => prev.map((rls) => rls.name === name ? {
         ...rls,
@@ -95942,6 +95970,11 @@ const MetricCard = ({
           ...customValue
         } : option2)
       } : rls));
+    } else if (stringValues) {
+      setRlsConditions((prev) => prev.map((rls) => rls.name === name ? {
+        ...rls,
+        value: stringValues.map((v4) => v4.value)
+      } : rls));
     } else {
       setRlsConditions((prev) => prev.map((rls) => rls.name === name ? {
         ...rls,
@@ -96013,7 +96046,8 @@ const MetricCard = ({
           className: styles$6.features,
           children: [/* @__PURE__ */ jsx(MetricFilterDropDown, {
             rlsConditions,
-            onChangeFilterValue
+            onChangeFilterValue,
+            companyId: metricItem == null ? void 0 : metricItem.companyId
           }), /* @__PURE__ */ jsxs(PopoverMenu, {
             buttonClass: styles$6.popup,
             button: /* @__PURE__ */ jsx(Icons, {
@@ -96358,7 +96392,7 @@ const SingleValueCard = ({
   const chartData = [{
     value: singleValueData2[0]
   }];
-  const onChangeFilterValue = (name, value, customValue) => {
+  const onChangeFilterValue = (name, value, customValue, stringValues) => {
     if (customValue) {
       setRlsConditions((prev) => prev.map((rls) => rls.name === name ? {
         ...rls,
@@ -96368,6 +96402,11 @@ const SingleValueCard = ({
           ...customValue
         } : option2)
       } : rls));
+    } else if (stringValues) {
+      setRlsConditions((prev) => prev.map((rls) => rls.name === name ? {
+        ...rls,
+        value: stringValues.map((v4) => v4.value)
+      } : rls));
     } else {
       setRlsConditions((prev) => prev.map((rls) => rls.name === name ? {
         ...rls,
@@ -96400,61 +96439,11 @@ const SingleValueCard = ({
           })]
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$6.features,
-          children: [!!rlsConditions.length && (rlsConditions[0].datatype !== "date" ? /* @__PURE__ */ jsx("div", {
-            className: styles$6.metricFilter,
-            children: /* @__PURE__ */ jsx(FloatingDropDown, {
-              label: rlsConditions[0].name,
-              selectedOption: {
-                value: rlsConditions[0].value || rlsConditions[0].options[0],
-                label: rlsConditions[0].value || rlsConditions[0].options[0]
-              },
-              options: rlsConditions[0].options.map((o2) => ({
-                value: o2,
-                label: o2
-              })),
-              onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value)
-            })
-          }) : /* @__PURE__ */ jsx("div", {
-            className: styles$6.metricFilter,
-            children: /* @__PURE__ */ jsx(FloatingDropDown, {
-              label: rlsConditions[0].name,
-              selectedOption: {
-                value: rlsConditions[0].value.name || rlsConditions[0].options[0].name,
-                label: rlsConditions[0].value.name || rlsConditions[0].options[0].name
-              },
-              options: rlsConditions[0].options.map((o2) => ({
-                value: o2.name,
-                label: o2.name
-              })),
-              onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value),
-              children: rlsConditions[0].value === "Custom" ? /* @__PURE__ */ jsxs("div", {
-                className: "p-1",
-                children: [/* @__PURE__ */ jsx(InputField, {
-                  label: "From Date",
-                  type: "date",
-                  onChange: ({
-                    target: {
-                      value
-                    }
-                  }) => {
-                    onChangeFilterValue(rlsConditions[0].name, "Custom", {
-                      from: new Date(Date.parse(value))
-                    });
-                  }
-                }), /* @__PURE__ */ jsx(InputField, {
-                  label: "To Date",
-                  type: "date",
-                  onChange: ({
-                    target: {
-                      value
-                    }
-                  }) => onChangeFilterValue(rlsConditions[0].name, "Custom", {
-                    to: new Date(Date.parse(value))
-                  })
-                })]
-              }) : null
-            })
-          })), (onEdit || onArchive) && /* @__PURE__ */ jsxs(PopoverMenu, {
+          children: [/* @__PURE__ */ jsx(MetricFilterDropDown, {
+            rlsConditions,
+            onChangeFilterValue,
+            companyId: metricItem == null ? void 0 : metricItem.companyId
+          }), (onEdit || onArchive) && /* @__PURE__ */ jsxs(PopoverMenu, {
             buttonClass: styles$6.popup,
             button: /* @__PURE__ */ jsx(Icons, {
               name: "more-icon",
@@ -96989,7 +96978,8 @@ var index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   ToggleButton,
   Icons,
   ChartPopup,
-  DrillBreadCrumb
+  DrillBreadCrumb,
+  MetricFilterDropDown
 }, Symbol.toStringTag, { value: "Module" }));
 const icOutlineFilterAltOff = (props) => /* @__PURE__ */ jsx("svg", {
   viewBox: "0 0 24 24",