feat: ListVirtual can select all

src/components/ListVirtual.jsx

@@ -72,6 +72,10 @@ export default function ListVirtual({
       filter.forEach(f => payload.where(f.logic_operator || "=", f.name, f.value, f.operator || "AND", f.value1 || null, f.table_name || null));
     }
 
+    if (filter.some(f => f.name === "company_id")) {
+      payload.addJoin("company", ["name"]);
+    }
+
     try {
       const res = await apiRequest.search(
 				url, 
@@ -155,18 +159,23 @@ export default function ListVirtual({
   useEffect(() => {
     if (defaultValue == null) return;
 
-    // Already object(s)
-    if (typeof defaultValue === "object") {
-      if (multiple) {
-        if (
-          Array.isArray(defaultValue) &&
-          defaultValue.length &&
-          typeof defaultValue[0] === "object"
-        ) {
-          setSelected(defaultValue);
-          return;
-        }
-      } else if (!Array.isArray(defaultValue)) {
+    if (multiple) {
+      // kosong, jangan request
+      if (Array.isArray(defaultValue) && defaultValue.length === 0) {
+        setSelected([]);
+        return;
+      }
+
+      // object
+      if (
+        Array.isArray(defaultValue) &&
+        typeof defaultValue[0] === "object"
+      ) {
+        setSelected(defaultValue);
+        return;
+      }
+    } else {
+      if (typeof defaultValue === "object" && !Array.isArray(defaultValue)) {
         setSelected(defaultValue);
         return;
       }
@@ -208,10 +217,7 @@ export default function ListVirtual({
   };
 
   const displayValue = multiple
-    ? (selected || [])
-        .map((x) => x[name]?.trim())
-        .filter(Boolean)
-        .join(", ")
+    ? `${selected?.length || 0} ${label} selected`
     : selected?.[name] || "";
 
   const isSelected = (row) => {
@@ -222,6 +228,56 @@ export default function ListVirtual({
     return (selected || []).some((x) => x.id === row.id);
   };
 
+  const handleSelectAll = async () => {
+    setLoading(true);
+
+    const pageSize = 1000;
+    const requests = [];
+
+    for (let offset = 0; offset < totalRecord; offset += pageSize) {
+      const payload = new FilterTableBuilder()
+        .setPaging(offset, pageSize)
+        .setOrder([name], true);
+
+      if (search) {
+        payload.like(name, search);
+      }
+
+      if (filter?.length) {
+        filter.forEach(f =>
+          payload.where(
+            f.logic_operator || "=",
+            f.name,
+            f.value,
+            f.operator || "AND",
+            f.value1 || null,
+            f.table_name || null
+          )
+        );
+      }
+
+      requests.push(
+        apiRequest.search(
+          url,
+          payload.build(),
+          {
+            headers: headersRequest,
+          },
+          isApiGo
+        )
+      );
+    }
+
+    const responses = await Promise.all(requests);
+
+    const allRows = responses.flatMap(res => res.data || []);
+
+    setSelected(allRows);
+    getData?.(allRows);
+
+    setLoading(false);
+  };
+
   return (
     <>
       <TextField
@@ -300,7 +356,7 @@ export default function ListVirtual({
             <>            
               {multiple && (
                 <ListItemButton
-                  onClick={() => console.log("")}
+                  onClick={handleSelectAll}
                   sx={{ fontSize: 14 }}
                 >
                   Select All
@@ -316,7 +372,7 @@ export default function ListVirtual({
                     <Checkbox checked={isSelected(row)} />
                   )}
 
-                  <ListItemText primary={row[name]} />
+                  <ListItemText primary={row[name]} secondary={row.join?.company_name} />
                 </ListItemButton>
               ))}