warqadui 0.0.53 → 0.0.57

package/dist/index.js

@@ -3314,7 +3314,7 @@ var TableRow = import_react16.default.memo(
     ] });
   },
   (prev, next) => {
-    return prev.row.original === next.row.original && prev.row.getIsExpanded() === next.row.getIsExpanded() && prev.row.getIsSelected() === next.row.getIsSelected() && prev.rowPadding === next.rowPadding && prev.verticalLines === next.verticalLines;
+    return prev.row.original === next.row.original && prev.row.getIsExpanded() === next.row.getIsExpanded() && prev.row.getIsSelected() === next.row.getIsSelected() && prev.rowPadding === next.rowPadding && prev.verticalLines === next.verticalLines && prev.renderSubComponent === next.renderSubComponent && prev.hasSubComponent === next.hasSubComponent;
   }
 );
 function PostTable({
@@ -3343,10 +3343,10 @@ function PostTable({
   const [columnVisibility, setColumnVisibility] = (0, import_react16.useState)({});
   const [expanded, setExpanded] = (0, import_react16.useState)(() => {
     const initialState = {};
-    if (defaultExpanded && renderSubComponent && controlledData) {
-      controlledData.forEach((row, idx) => {
+    if (defaultExpanded && renderSubComponent && (controlledData || []).length > 0) {
+      (controlledData || []).forEach((row, idx) => {
         if (hasSubComponent(row)) {
-          initialState[idx] = true;
+          initialState[idx.toString()] = true;
         }
       });
     }
@@ -3356,6 +3356,19 @@ function PostTable({
   const isControlled = controlledData !== void 0;
   const data = isControlled ? controlledData : internalData;
   const entryRowRef = (0, import_react16.useRef)(null);
+  const hasInitializedExpansion = (0, import_react16.useRef)(false);
+  (0, import_react16.useEffect)(() => {
+    if (defaultExpanded && renderSubComponent && !hasInitializedExpansion.current && (data || []).length > 0) {
+      const initialState = {};
+      data.forEach((row, idx) => {
+        if (hasSubComponent(row)) {
+          initialState[idx.toString()] = true;
+        }
+      });
+      setExpanded(initialState);
+      hasInitializedExpansion.current = true;
+    }
+  }, [data, defaultExpanded, hasSubComponent, renderSubComponent]);
   const focusAndScrollEntryRow = () => {
     setTimeout(() => {
       if (entryRowRef.current) {
@@ -3468,6 +3481,13 @@ function PostTable({
     if (editingIndex2 !== null) {
       setEditingIndex(null);
     } else {
+      if (defaultExpanded && renderSubComponent && hasSubComponent(entryToPass)) {
+        const newIndex = updated.length - 1;
+        setExpanded((prev) => ({
+          ...typeof prev === "object" ? prev : {},
+          [newIndex.toString()]: true
+        }));
+      }
       setTimeout(() => focusAndScrollEntryRow(), 0);
     }
   }, []);
@@ -3602,7 +3622,7 @@ function PostTable({
       });
     }
     return finalColumns;
-  }, [userColumns, actionColumn, index]);
+  }, [userColumns, actionColumn, index, renderSubComponent, hasSubComponent]);
   const table = (0, import_react_table2.useReactTable)({
     data,
     columns,
@@ -7619,7 +7639,6 @@ var Guard = () => {
           url: "/users/me",
           v: 1
         });
-        console.log("res", res);
         login(res?.data);
         setIsLoggedIn(true);
         setIsFetched(true);

package/dist/index.mjs

@@ -3271,7 +3271,7 @@ var TableRow = React9.memo(
     ] });
   },
   (prev, next) => {
-    return prev.row.original === next.row.original && prev.row.getIsExpanded() === next.row.getIsExpanded() && prev.row.getIsSelected() === next.row.getIsSelected() && prev.rowPadding === next.rowPadding && prev.verticalLines === next.verticalLines;
+    return prev.row.original === next.row.original && prev.row.getIsExpanded() === next.row.getIsExpanded() && prev.row.getIsSelected() === next.row.getIsSelected() && prev.rowPadding === next.rowPadding && prev.verticalLines === next.verticalLines && prev.renderSubComponent === next.renderSubComponent && prev.hasSubComponent === next.hasSubComponent;
   }
 );
 function PostTable({
@@ -3300,10 +3300,10 @@ function PostTable({
   const [columnVisibility, setColumnVisibility] = useState15({});
   const [expanded, setExpanded] = useState15(() => {
     const initialState = {};
-    if (defaultExpanded && renderSubComponent && controlledData) {
-      controlledData.forEach((row, idx) => {
+    if (defaultExpanded && renderSubComponent && (controlledData || []).length > 0) {
+      (controlledData || []).forEach((row, idx) => {
         if (hasSubComponent(row)) {
-          initialState[idx] = true;
+          initialState[idx.toString()] = true;
         }
       });
     }
@@ -3313,6 +3313,19 @@ function PostTable({
   const isControlled = controlledData !== void 0;
   const data = isControlled ? controlledData : internalData;
   const entryRowRef = useRef5(null);
+  const hasInitializedExpansion = useRef5(false);
+  useEffect10(() => {
+    if (defaultExpanded && renderSubComponent && !hasInitializedExpansion.current && (data || []).length > 0) {
+      const initialState = {};
+      data.forEach((row, idx) => {
+        if (hasSubComponent(row)) {
+          initialState[idx.toString()] = true;
+        }
+      });
+      setExpanded(initialState);
+      hasInitializedExpansion.current = true;
+    }
+  }, [data, defaultExpanded, hasSubComponent, renderSubComponent]);
   const focusAndScrollEntryRow = () => {
     setTimeout(() => {
       if (entryRowRef.current) {
@@ -3425,6 +3438,13 @@ function PostTable({
     if (editingIndex2 !== null) {
       setEditingIndex(null);
     } else {
+      if (defaultExpanded && renderSubComponent && hasSubComponent(entryToPass)) {
+        const newIndex = updated.length - 1;
+        setExpanded((prev) => ({
+          ...typeof prev === "object" ? prev : {},
+          [newIndex.toString()]: true
+        }));
+      }
       setTimeout(() => focusAndScrollEntryRow(), 0);
     }
   }, []);
@@ -3559,7 +3579,7 @@ function PostTable({
       });
     }
     return finalColumns;
-  }, [userColumns, actionColumn, index]);
+  }, [userColumns, actionColumn, index, renderSubComponent, hasSubComponent]);
   const table = useReactTable2({
     data,
     columns,
@@ -7603,7 +7623,6 @@ var Guard = () => {
           url: "/users/me",
           v: 1
         });
-        console.log("res", res);
         login(res?.data);
         setIsLoggedIn(true);
         setIsFetched(true);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "warqadui",
-  "version": "0.0.53",
+  "version": "0.0.57",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",