fix

comps/filter/Filter.tsx

@@ -2,11 +2,29 @@ import { useLocal } from "@/utils/use-local";
 import get from "lodash.get";
 import { FC, useEffect, useRef } from "react";
 
-export const MasterFilter: FC<{
+type FilterForm = {
+  gen_fields: GenField[];
+  gen_table: string;
   name: string;
   value: any;
   child: any;
-}> = ({name, value, child }) => {
+};
+
+type GenField = {
+  name: string,
+  is_pk: boolean,
+  type: string,
+  optional: boolean
+};
+
+export const MasterFilter: FC<FilterForm> = ({ gen_fields, gen_table, name, value, child }) => {
+  const local = useLocal({
+    data: [] as any[],
+    columns: [] as string[],
+    fields: [] as GenField[],
+    tableName: "",
+    isGenerated: false,
+  });
   useEffect(() => {
     if (!isEditor) {
       const w = window as any;
@@ -20,7 +38,42 @@ export const MasterFilter: FC<{
       };
       w.prasiContext.render();
     }
-  },[])
-  
-  return <div>{child}</div>;
+  }, [])
+
+  const generateFilter = () => {
+    local.isGenerated = true;
+    local.tableName = gen_table;
+    gen_fields.forEach((data: any) => {
+      local.fields.push(JSON.parse(data));
+    });
+    local.render();
+    console.log('tableName', local.tableName);
+    console.log('fields', local.fields);
+  };
+
+  // return <div>{child}</div>;
+  return (
+    <div>
+      {!local.isGenerated && (
+        <button
+          onClick={generateFilter}
+          style={{
+            backgroundColor: "#4CAF50",
+            border: "none",
+            color: "white",
+            padding: "15px 32px",
+            textAlign: "center",
+            textDecoration: "none",
+            display: "inline-block",
+            fontSize: "16px",
+            margin: "4px 2px",
+            cursor: "pointer",
+            borderRadius: "10px",
+          }}
+        >
+          Generate
+        </button>
+      )}
+    </div>
+  )
 };

exports.ts

@@ -32,6 +32,11 @@ export const ExportExcel = lazify(
   async () => (await import("@/comps/list/ExportExcel")).ExportExcel
 );
 
+/** Filter */
+export const MasterFilter = lazify(
+  async () => (await import("@/comps/filter/Filter")).MasterFilter
+);
+
 /** Generator */
 export { generateMasterDetail } from "lib/comps/md/gen/md-gen";