rez-table-listing-mui 2.0.13 → 2.0.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rez-table-listing-mui",
-  "version": "2.0.13",
+  "version": "2.0.15",
   "type": "module",
   "description": "A rez table listing component built on TanStack Table",
   "main": "dist/index.js",

package/src/kanban/hooks/hooks.ts

@@ -1,5 +1,42 @@
-import { useQuery } from "@tanstack/react-query";
+import { useQueries, useQuery } from "@tanstack/react-query";
 import { getKanbanData } from "../services/service";
+import {
+  commonFetchDropdownDataAPI,
+  newCommonGetDropdownDataAPI,
+} from "../../listing/libs/utils/apiColumn";
+
+export const kanbanDropdownResults = (
+  entity_type: string,
+  enterprise_id: string
+) => {
+  return useQueries({
+    queries: [
+      {
+        queryKey: ["commonDropdown", entity_type, enterprise_id],
+        queryFn: () =>
+          commonFetchDropdownDataAPI({
+            entity_type,
+            enterprise_id,
+          }),
+        enabled: !!enterprise_id,
+      },
+    ],
+  });
+};
+
+export const useGetAttributeDropdown = (
+  entity_type: string,
+  attribute_key: string
+) =>
+  useQuery({
+    queryKey: ["commonDropdown", entity_type, attribute_key],
+    queryFn: () =>
+      newCommonGetDropdownDataAPI({
+        entity_type,
+        attribute_key,
+      }),
+    enabled: Boolean(entity_type && attribute_key),
+  });
 
 export const useGetKanbanData = (entity_type: string) => {
   const {

package/src/listing/components/filter/components/attributes-filter.tsx

@@ -174,7 +174,7 @@ const AttributesFilter = ({
           }}
         >
           {columnsData?.column_list
-            ?.filter((column) => column.element_type.includes("select"))
+            ?.filter((column) => column?.element_type?.includes("select"))
             .map((column, index) => (
               <MenuItem
                 key={index}

package/src/listing/components/filter/components/forms/components/Filter-criteria.tsx

@@ -12,6 +12,7 @@ import useElementWidth from "../../../../../libs/hooks/useElementWidth";
 import { onFilterChangeFunctionProps } from "../../../../../types/common";
 import FilterCriteriaEntityList from "./filter-criteria-entity-list";
 import FilterCriteriaList from "./filter-criteria-list";
+import { getOperationKeyByElementType } from "../utils/filter-date-input-resolver";
 
 const FilterCriteria = ({
   columnsData,
@@ -67,10 +68,11 @@ const FilterCriteria = ({
 
     const defaultValue = attribute.element_type === "multiselect" ? [] : "";
 
-    const defaultOperator = dropdownOptions?.[0]?.value || "";
+    const operationKey = getOperationKeyByElementType(attribute?.element_type);
 
     const matchingDropdownList =
-      columnsData?.operation_list[attribute.element_type] || [];
+      columnsData?.operation_list?.[operationKey] || [];
+    const defaultOperator = matchingDropdownList[0]?.value || "";
 
     const newFilter = {
       filter_attribute: attribute.attribute_key,

package/src/listing/components/filter/components/forms/utils/filter-date-input-resolver.tsx

@@ -38,7 +38,7 @@ export const resolveFilterInput = ({
   const dataType = filter?.filter_attribute_data_type;
 
   // TEXT / NUMBER → always textfield
-  if (dataType === "text" || dataType === "number") {
+  if (dataType === "text" || dataType === "number" || dataType === "label") {
     return (
       <FormTextfield
         filter={filter}
@@ -104,3 +104,38 @@ export const resolveFilterInput = ({
 
   return <FormControl fullWidth size="small" />;
 };
+
+export const getOperationKeyByElementType = (elementType: string) => {
+  switch (elementType) {
+    case "text":
+    case "textarea":
+    case "email":
+    case "phone":
+    case "password":
+    case "url":
+    case "label":
+      return "text";
+
+    case "number":
+    case "decimal":
+    case "file-upload":
+      return "number";
+
+    case "date":
+    case "datetime":
+      return "date";
+
+    case "select":
+    case "radio":
+    case "multiselect":
+    case "multicheckbox":
+    case "checkbox":
+      return "select";
+
+    case "year":
+      return "year";
+
+    default:
+      return "text";
+  }
+};

package/src/listing/components/login/index.tsx

@@ -8,10 +8,10 @@ const LoginButton = () => {
   const handleLogin = async () => {
     setLoading(true);
     // const api_url = "https://api.eth-qa.rezolut.in/api/enrol/auth";
-    const api_url = "http://localhost:6010/api/auth";
-    const email_id = "admin@rezolut.in";
+    const api_url = "http://localhost:6011/api/auth";
+    const email_id = "yash.joshi@rezolut.in";
     const verify_otp = "123456";
-    const sub_domain = "platform";
+    const sub_domain = "demo1";
 
     setLoading(true);