warqadui 0.0.54 → 0.0.58

package/dist/index.js

@@ -3263,9 +3263,6 @@ var TableCell = import_react16.default.memo(
       },
       cell.id
     );
-  },
-  (prev, next) => {
-    return prev.cell.getValue() === next.cell.getValue() && prev.cell.row.original === next.cell.row.original && prev.cell.row.getIsExpanded() === next.cell.row.getIsExpanded() && prev.cell.row.getIsSelected() === next.cell.row.getIsSelected() && prev.rowPadding === next.rowPadding && prev.verticalLines === next.verticalLines;
   }
 );
 var TableRow = import_react16.default.memo(
@@ -3312,9 +3309,6 @@ 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;
   }
 );
 function PostTable({
@@ -3356,6 +3350,24 @@ function PostTable({
   const isControlled = controlledData !== void 0;
   const data = isControlled ? controlledData : internalData;
   const entryRowRef = (0, import_react16.useRef)(null);
+  (0, import_react16.useEffect)(() => {
+    if (defaultExpanded && renderSubComponent && (data || []).length > 0) {
+      setExpanded((prev) => {
+        const isAllExpanded = prev === true;
+        if (isAllExpanded) return prev;
+        const newState = typeof prev === "object" ? { ...prev } : {};
+        let changed = false;
+        data.forEach((row, idx) => {
+          const id = idx.toString();
+          if (hasSubComponent(row) && newState[id] === void 0) {
+            newState[id] = true;
+            changed = true;
+          }
+        });
+        return changed ? newState : prev;
+      });
+    }
+  }, [data, defaultExpanded, hasSubComponent, renderSubComponent]);
   const focusAndScrollEntryRow = () => {
     setTimeout(() => {
       if (entryRowRef.current) {
@@ -3468,13 +3480,6 @@ 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);
     }
   }, []);
@@ -3948,7 +3953,7 @@ function SimpleTable({
       cols.unshift({
         header: "#",
         id: "index",
-        width: 75,
+        width: 40,
         className: "whitespace-nowrap px-2 text-center",
         cell: (info) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "tabular-nums", children: info.row.index + 1 + startIndex })
       });
@@ -3982,7 +3987,7 @@ function SimpleTable({
                 {
                   className: `${rowPadding} font-semibold text-gray-900 dark:text-zinc-100 text-sm align-top ${verticalLines ? "border-x border-black dark:border-white" : ""} ${header.column.columnDef.className || "wrap-break-word"}`,
                   style: {
-                    width: header.column.columnDef.width !== void 0 ? header.column.columnDef.width : header.column.columnDef.flex !== void 0 ? "auto" : "1%",
+                    width: header.column.columnDef.width !== void 0 ? header.column.columnDef.width : header.column.columnDef.flex !== void 0 ? "auto" : void 0,
                     minWidth: header.column.columnDef.minWidth,
                     maxWidth: header.column.columnDef.maxWidth
                   },

package/dist/index.mjs

@@ -3220,9 +3220,6 @@ var TableCell = React9.memo(
       },
       cell.id
     );
-  },
-  (prev, next) => {
-    return prev.cell.getValue() === next.cell.getValue() && prev.cell.row.original === next.cell.row.original && prev.cell.row.getIsExpanded() === next.cell.row.getIsExpanded() && prev.cell.row.getIsSelected() === next.cell.row.getIsSelected() && prev.rowPadding === next.rowPadding && prev.verticalLines === next.verticalLines;
   }
 );
 var TableRow = React9.memo(
@@ -3269,9 +3266,6 @@ 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;
   }
 );
 function PostTable({
@@ -3313,6 +3307,24 @@ function PostTable({
   const isControlled = controlledData !== void 0;
   const data = isControlled ? controlledData : internalData;
   const entryRowRef = useRef5(null);
+  useEffect10(() => {
+    if (defaultExpanded && renderSubComponent && (data || []).length > 0) {
+      setExpanded((prev) => {
+        const isAllExpanded = prev === true;
+        if (isAllExpanded) return prev;
+        const newState = typeof prev === "object" ? { ...prev } : {};
+        let changed = false;
+        data.forEach((row, idx) => {
+          const id = idx.toString();
+          if (hasSubComponent(row) && newState[id] === void 0) {
+            newState[id] = true;
+            changed = true;
+          }
+        });
+        return changed ? newState : prev;
+      });
+    }
+  }, [data, defaultExpanded, hasSubComponent, renderSubComponent]);
   const focusAndScrollEntryRow = () => {
     setTimeout(() => {
       if (entryRowRef.current) {
@@ -3425,13 +3437,6 @@ 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);
     }
   }, []);
@@ -3909,7 +3914,7 @@ function SimpleTable({
       cols.unshift({
         header: "#",
         id: "index",
-        width: 75,
+        width: 40,
         className: "whitespace-nowrap px-2 text-center",
         cell: (info) => /* @__PURE__ */ jsx25("span", { className: "tabular-nums", children: info.row.index + 1 + startIndex })
       });
@@ -3943,7 +3948,7 @@ function SimpleTable({
                 {
                   className: `${rowPadding} font-semibold text-gray-900 dark:text-zinc-100 text-sm align-top ${verticalLines ? "border-x border-black dark:border-white" : ""} ${header.column.columnDef.className || "wrap-break-word"}`,
                   style: {
-                    width: header.column.columnDef.width !== void 0 ? header.column.columnDef.width : header.column.columnDef.flex !== void 0 ? "auto" : "1%",
+                    width: header.column.columnDef.width !== void 0 ? header.column.columnDef.width : header.column.columnDef.flex !== void 0 ? "auto" : void 0,
                     minWidth: header.column.columnDef.minWidth,
                     maxWidth: header.column.columnDef.maxWidth
                   },

package/package.json

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