@economic/taco 2.64.1-dataloader2-infinite-loop.0 → 2.64.1-stale-validator.0

package/dist/taco.cjs

@@ -38446,6 +38446,21 @@ function Cell$2(props) {
   }
   return /* @__PURE__ */ React.createElement(CellRenderer, { ...cellProps });
 }
+const useResizeObserver$1 = (ref, enabled = true) => {
+  const [size2, setSize] = React.useState();
+  React.useEffect(() => {
+    if (!ref.current || !enabled) {
+      return () => void 0;
+    }
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      setSize({ height: entry.contentRect.height, width: entry.contentRect.width });
+    });
+    observer.observe(ref.current);
+    return () => observer.disconnect();
+  }, [enabled]);
+  return size2;
+};
 const DisplayRow = React.memo(function DisplayRow2(props) {
   var _a, _b, _c;
   const { children, cellRenderer: CellRenderer, index: index2, measureRow, row, table, ...otherAttributes } = props;
@@ -38540,12 +38555,13 @@ const DisplayRow = React.memo(function DisplayRow2(props) {
   }
   const ref = React.useRef(null);
   const expansionRef = React.useRef(null);
+  const expandedRowSize = useResizeObserver$1(expansionRef, !!expandedRow);
   React.useEffect(() => {
     var _a2, _b2;
     const rowHeight = ((_a2 = ref.current) == null ? void 0 : _a2.getBoundingClientRect().height) ?? 0;
     const expansionHeight = ((_b2 = expansionRef.current) == null ? void 0 : _b2.getBoundingClientRect().height) ?? 0;
     measureRow(rowHeight + expansionHeight);
-  }, [expansionRef.current]);
+  }, [expansionRef.current, expandedRowSize == null ? void 0 : expandedRowSize.height]);
   const className = clsx("group/row", otherAttributes.className, {
     "hover:cursor-grab": tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== "function",
     "hover:cursor-pointer": typeof attributes.onClick === "function"
@@ -53922,14 +53938,6 @@ function isTableScrolled(ref) {
 function useTableEditingListener(table, tableRef, scrollToIndex) {
   const tableMeta = table.options.meta;
   const localization = useLocalization();
-  useLazyEffect(() => {
-    return () => {
-      var _a;
-      if (tableMeta.editing.isEditing && tableMeta.rowActive.rowActiveIndex !== void 0) {
-        tableMeta.editing.saveChanges(table, (_a = table.getRowModel().rows[tableMeta.rowActive.rowActiveIndex]) == null ? void 0 : _a.id);
-      }
-    };
-  }, [tableMeta.rowActive.rowActiveIndex, tableMeta.editing.isEditing]);
   const hasChanges = tableMeta.editing.hasChanges();
   React.useEffect(() => {
     function showUnsavedChangesWarning(event) {
@@ -55274,7 +55282,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     var _a, _b, _c;
     return (_c = (_b = (_a = state.changes.errors) == null ? void 0 : _a[cell.row.id]) == null ? void 0 : _b.cells) == null ? void 0 : _c[cell.column.id];
   }
-  async function onCellChanged(cell, rowIndex, nextValue, shouldRunUpdaters = true) {
+  async function onCellChanged(cell, rowIndex, nextValue, shouldRunUpdaters = true, shouldRunValidation = true) {
     var _a;
     const tableMeta = cell.getContext().table.options.meta;
     const state2 = tableMeta.editing.getState();
@@ -55304,7 +55312,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     const nextMoveReasons = { ...state2.changes.moveReasons[cell.row.id] };
     const nextCellErrors = { ...(_a = state2.changes.errors[cell.row.id]) == null ? void 0 : _a.cells };
     let validationErrors = {};
-    if (validator && Object.keys(nextChanges).length && original) {
+    if (validator && Object.keys(nextChanges).length && original && shouldRunValidation) {
       const nextRowValue = { ...original, ...changes, ...updatesForOtherCells };
       validationErrors = await validator(nextRowValue) ?? {};
     }
@@ -55786,7 +55794,7 @@ function EditingControlCell(props) {
       if (hasChanged) {
         tableMeta.editing.setCellValue(cell, rowIndex, nextValue);
         if (hasNonTextControl) {
-          requestAnimationFrame(() => tableMeta.editing.onCellChanged(cell, rowIndex, nextValue));
+          requestAnimationFrame(() => tableMeta.editing.onCellChanged(cell, rowIndex, nextValue, true, false));
         }
       }
     },
@@ -55799,7 +55807,7 @@ function EditingControlCell(props) {
       }
       requestAnimationFrame(() => {
         tableMeta.editing.toggleDetailedMode(false);
-        tableMeta.editing.onCellChanged(cell, rowIndex, void 0, !hasNonTextControl);
+        tableMeta.editing.onCellChanged(cell, rowIndex, void 0, !hasNonTextControl, true);
       });
     },
     [hasNonTextControl, cell.row.id, JSON.stringify(rowChanges), rowIndex, cell.column.id, cell.row.original]
@@ -56095,6 +56103,11 @@ function Row(props) {
       }
     }
   }, [tableMeta.editing.isEditing, tableMeta.rowActive.rowActiveIndex, tableMeta.editing.lastFocusedCellIndex]);
+  useLazyEffect(() => {
+    if (tableMeta.editing.isEditing && !isActiveRow) {
+      tableMeta.editing.saveChanges(table, row.id);
+    }
+  }, [isActiveRow]);
   const handleFocus = React.useCallback(
     (event) => {
       var _a;
@@ -88590,7 +88603,7 @@ function getDirection(pageIndex, currentPages) {
   return void 0;
 }
 function getPages(pageIndex, lastUsedPageIndex, currentPages, direction) {
-  if (currentPages.length && (pageIndex === lastUsedPageIndex || currentPages.includes(pageIndex) && !!direction)) {
+  if (currentPages.length && (pageIndex === lastUsedPageIndex || currentPages.includes(pageIndex))) {
     return currentPages;
   }
   if (direction === "forward") {