rez-table-listing-mui 1.3.18 → 1.3.19

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

@@ -0,0 +1,127 @@
+import { FormControl } from "@mui/material";
+import { FilterStateProps } from "../../../../../types/filter";
+import FormTextfield from "../components/Textfield";
+import FormDatePicker from "../components/Date";
+import FormMultiSelect from "../components/Multi-Select";
+
+export type DateOperator =
+  | "equal"
+  | "before"
+  | "after"
+  | "between"
+  | "is"
+  | "today"
+  | "is_day_before"
+  | "is_day_after"
+  | "is_month_before"
+  | "is_month_after"
+  | "is_before"
+  | "is_after"
+  | "is_on_or_before"
+  | "is_on_or_after";
+
+export const DATE_ALLOWED_OPERATORS: DateOperator[] = [
+  "equal",
+  "before",
+  "after",
+  "between",
+  "is",
+  "today",
+  "is_day_before",
+  "is_day_after",
+  "is_month_before",
+  "is_month_after",
+  "is_before",
+  "is_after",
+  "is_on_or_before",
+  "is_on_or_after",
+];
+
+export const resolveFilterInput = ({
+  filter,
+  operator,
+  control,
+  dropdownData,
+  updateFiltersFromForm,
+}: {
+  filter: FilterStateProps;
+  operator: string | undefined;
+  control: any;
+  dropdownData: any;
+  updateFiltersFromForm: () => void;
+}) => {
+  const isDateType = filter.filter_attribute_data_type === "date";
+
+  const showDatePicker =
+    isDateType && operator && DATE_ALLOWED_OPERATORS.includes(operator as any);
+
+  const showTextInsteadOfDate =
+    isDateType &&
+    (!operator || !DATE_ALLOWED_OPERATORS.includes(operator as any));
+
+  // TEXT / NUMBER -> Always TextField
+  if (
+    filter?.filter_attribute_data_type === "text" ||
+    filter?.filter_attribute_data_type === "number"
+  ) {
+    return (
+      <FormTextfield
+        filter={filter}
+        control={control}
+        onValueChange={updateFiltersFromForm}
+      />
+    );
+  }
+
+  // YEAR
+  if (filter?.filter_attribute_data_type === "year") {
+    return (
+      <FormDatePicker
+        filter={filter}
+        control={control}
+        views={["year"]}
+        onValueChange={updateFiltersFromForm}
+      />
+    );
+  }
+
+  // DATE LOGIC
+  if (showDatePicker) {
+    return (
+      <FormDatePicker
+        filter={filter}
+        control={control}
+        onValueChange={updateFiltersFromForm}
+      />
+    );
+  }
+
+  if (showTextInsteadOfDate) {
+    return (
+      <FormTextfield
+        filter={filter}
+        control={control}
+        onValueChange={updateFiltersFromForm}
+      />
+    );
+  }
+
+  // MULTISELECT / SELECT / RADIO / CHECKBOX
+  if (
+    filter?.filter_attribute_data_type !== undefined &&
+    ["select", "multiselect", "radio", "checkbox"].includes(
+      filter?.filter_attribute_data_type
+    )
+  ) {
+    return (
+      <FormMultiSelect
+        filter={filter}
+        control={control}
+        dropdownData={dropdownData}
+        onValueChange={updateFiltersFromForm}
+      />
+    );
+  }
+
+  return <FormControl fullWidth size="small" />;
+};

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

@@ -8,7 +8,7 @@ const LoginButton = () => {
   const handleLogin = async () => {
     setLoading(true);
     const api_url = "https://api.eth-qa.rezolut.in/api/admin/auth";
-    const email_id = "saurabh.mishra@rezolut.in";
+    const email_id = "kartik.shetty@rezolut.in";
     const email_otp = "123456";
     const sub_domain = "nair";