@economic/taco 2.69.2-search-racecondition-v2.0 → 2.70.1

package/dist/taco.d.ts

@@ -3362,6 +3362,7 @@ export declare type TableFeatureProps<TType = unknown> = {
     enableRowGoto?: boolean;
     enableRowHeight?: boolean;
     enableSaveSettings?: boolean | Partial<TableEnableSettingsOptions>;
+    enableSaveSettingsLocally?: boolean;
 };
 
 export declare type TableFilter = {

package/dist/taco.js

@@ -16962,7 +16962,8 @@ const Navbar = React.memo(({ onMonthChange, value = /* @__PURE__ */ new Date() }
       icon: "chevron-left",
       "aria-label": actions.previousMonth,
       onClick: onPreviousClick,
-      rounded: true
+      rounded: true,
+      "data-action": "prev-month"
     }
   )), /* @__PURE__ */ React.createElement(Tooltip$3, { title: actions.nextMonth }, /* @__PURE__ */ React.createElement(
     IconButton,
@@ -16971,7 +16972,8 @@ const Navbar = React.memo(({ onMonthChange, value = /* @__PURE__ */ new Date() }
       icon: "chevron-right",
       "aria-label": actions.nextMonth,
       onClick: onNextClick,
-      rounded: true
+      rounded: true,
+      "data-action": "next-month"
     }
   ))));
 });
@@ -16988,7 +16990,8 @@ const TodayButton = ({ handleChange }) => {
     Button$3,
     {
       className: "cursor-pointer border-none bg-transparent text-xs text-blue-500 hover:text-blue-300",
-      onClick: handleCalendarClickToday
+      onClick: handleCalendarClickToday,
+      "data-action": "today"
     },
     texts.calendar.actions.today
   );
@@ -35677,7 +35680,8 @@ const DEFAULT_PRESET = {
   enableRowDrop: false,
   enableRowGoto: false,
   enableRowHeight: false,
-  enableSaveSettings: false
+  enableSaveSettings: false,
+  enableSaveSettingsLocally: true
 };
 const presets = {
   // View/edit/create on page
@@ -35704,7 +35708,8 @@ const presets = {
     enableRowDrop: true,
     enableRowGoto: true,
     enableRowHeight: true,
-    enableSaveSettings: true
+    enableSaveSettings: true,
+    enableSaveSettingsLocally: true
   },
   // View/create in dialog
   list: {
@@ -35730,7 +35735,8 @@ const presets = {
     enableRowDrop: false,
     enableRowGoto: false,
     enableRowHeight: false,
-    enableSaveSettings: true
+    enableSaveSettings: true,
+    enableSaveSettingsLocally: true
   },
   // View in card or dialog
   simple: {
@@ -35756,7 +35762,8 @@ const presets = {
     enableRowDrop: false,
     enableRowGoto: false,
     enableRowHeight: false,
-    enableSaveSettings: true
+    enableSaveSettings: true,
+    enableSaveSettingsLocally: true
   }
 };
 function getTableFeaturePreset(props) {
@@ -35795,7 +35802,8 @@ function getTableFeaturePreset(props) {
     enableRowGoto: enableRowGoto && !!props.onRowGoto,
     enableRowExpansionAll: enableRowExpansion && enableRowExpansionAll && !!props.rowExpansionRenderer,
     enableRowHeight: props.enableRowHeight ?? presetOptions.enableRowHeight,
-    enableSaveSettings: props.enableSaveSettings ?? presetOptions.enableSaveSettings
+    enableSaveSettings: props.enableSaveSettings ?? presetOptions.enableSaveSettings,
+    enableSaveSettingsLocally: props.enableSaveSettingsLocally ?? presetOptions.enableSaveSettingsLocally
   };
 }
 function useTableColumnFreezing(isEnabled = false) {
@@ -36345,11 +36353,11 @@ function useEnabledSettings(isEnabled) {
     return [options, Object.values(options).some((o2) => o2 === true)];
   }, [isEnabled]);
 }
-function useTableSettings(isEnabled = false, id2, defaultSettings = {}, onChangeSettings) {
+function useTableSettings(isEnabled = false, id2, defaultSettings = {}, onChangeSettings, enableSaveSettingsLocally = true) {
   const uniqueId3 = useUniqueTableId(id2);
   const [enabledSettings, hasSomeEnabledSettings] = useEnabledSettings(isEnabled);
   const [persistedSettings, _setPersistedSettings] = useLocalStorage(
-    hasSomeEnabledSettings ? uniqueId3 : void 0,
+    hasSomeEnabledSettings && enableSaveSettingsLocally ? uniqueId3 : void 0,
     removeDisabledSettings(defaultSettings, enabledSettings)
   );
   const setPersistedSettings = React__default.useCallback(
@@ -36358,17 +36366,20 @@ function useTableSettings(isEnabled = false, id2, defaultSettings = {}, onChange
         return;
       }
       const sanitizedSettings = removeDisabledSettings(value, enabledSettings);
-      _setPersistedSettings(sanitizedSettings);
+      if (enableSaveSettingsLocally) {
+        _setPersistedSettings(sanitizedSettings);
+      }
       if (typeof onChangeSettings === "function") {
         onChangeSettings(sanitizedSettings);
       }
     },
-    [hasSomeEnabledSettings, onChangeSettings, JSON.stringify(enabledSettings)]
+    [hasSomeEnabledSettings, enableSaveSettingsLocally, onChangeSettings, JSON.stringify(enabledSettings)]
   );
   if (!hasSomeEnabledSettings) {
     return [defaultSettings, () => void 0];
   }
-  return [persistedSettings, setPersistedSettings];
+  const currentSettings = enableSaveSettingsLocally ? persistedSettings : removeDisabledSettings(defaultSettings, enabledSettings);
+  return [currentSettings, setPersistedSettings];
 }
 function removeDisabledSettings(settings, enabledSettings) {
   const sanitizedSettings = { ...settings };
@@ -36477,7 +36488,7 @@ function useTableSearchListener(table) {
   const meta = table.options.meta;
   const localization = useLocalization();
   const hiddenColumns = getHiddenColumns(table.getState().columnVisibility);
-  const query = React__default.useDeferredValue(table.getState().globalFilter);
+  const query = table.getState().globalFilter;
   useLazyEffect(() => {
     if (meta.search.isEnabled) {
       const currentFilter = query;
@@ -36655,7 +36666,8 @@ function useTableManager(props, ref, meta, internalColumns) {
     options.enableSaveSettings,
     safeId,
     props.defaultSettings,
-    props.onChangeSettings
+    props.onChangeSettings,
+    props.enableSaveSettingsLocally
   );
   const data = props.data ?? DEFAULT_EMPTY_ARRAY;
   const length = props.length ?? data.length;
@@ -37706,12 +37718,15 @@ const RowContext = React__default.createContext({
   isHovered: false,
   rowIndex: -1
 });
+const DELAY_BEFORE_LOAD_MS$1 = 250;
 function Row$2(props) {
   const {
     renderer: RowRenderer,
     cellRenderer: CellRenderer,
     hideInternalColumns = false,
     hideRowActions = false,
+    scrollDirection,
+    skipPageLoading = false,
     ...displayRowProps
   } = props;
   const tableMeta = props.table.options.meta;
@@ -37720,6 +37735,44 @@ function Row$2(props) {
     () => ({ isHovered, rowIndex: props.index, hideInternalColumns, hideRowActions }),
     [isHovered, props.index, hideInternalColumns, hideRowActions]
   );
+  React__default.useEffect(() => {
+    let timeout;
+    if (tableMeta.server.isEnabled && tableMeta.server._experimentalDataLoader2 && !skipPageLoading) {
+      const pageIndex = Math.floor(props.index / tableMeta.server.pageSize) * tableMeta.server.pageSize / tableMeta.server.pageSize;
+      const sorting = props.table.getState().sorting;
+      const filters = props.table.getState().columnFilters;
+      const search = props.table.getState().globalFilter;
+      const hiddenColumns = getHiddenColumns(props.table.getState().columnVisibility);
+      const pageIndexesToFetch = [];
+      if (scrollDirection === "backward" || !scrollDirection) {
+        const backIndex = pageIndex - 1;
+        if (backIndex > -1) {
+          pageIndexesToFetch.push(backIndex);
+        }
+      }
+      if ((scrollDirection === "forward" || !scrollDirection) && pageIndex + 2 < tableMeta.server.pageCount) {
+        pageIndexesToFetch.push(pageIndex + 1);
+      }
+      if (pageIndexesToFetch.length) {
+        timeout = setTimeout(() => {
+          pageIndexesToFetch.forEach((index2) => {
+            var _a, _b;
+            (_b = (_a = tableMeta.server).loadPage) == null ? void 0 : _b.call(
+              _a,
+              index2,
+              sorting,
+              filters,
+              hiddenColumns,
+              tableMeta.search.enableGlobalFilter ? search : void 0
+            );
+          });
+        }, DELAY_BEFORE_LOAD_MS$1);
+      }
+    }
+    return () => {
+      clearTimeout(timeout);
+    };
+  }, [tableMeta.server.pages]);
   return /* @__PURE__ */ React__default.createElement(RowContext.Provider, { value: contextValue }, /* @__PURE__ */ React__default.createElement(RowRenderer, { ...displayRowProps, cellRenderer: CellRenderer }));
 }
 const DELAY_BEFORE_LOAD_MS = 150;
@@ -37871,7 +37924,15 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
       }
       if (!(row == null ? void 0 : row.original)) {
         const skeletonKey = `skeleton-${virtualRow.index}`;
-        return /* @__PURE__ */ React__default.createElement(SkeletonRow, { key: skeletonKey, index: virtualRow.index, table });
+        return /* @__PURE__ */ React__default.createElement(
+          SkeletonRow,
+          {
+            key: skeletonKey,
+            index: virtualRow.index,
+            scrollDirection: virtualiser.scrollDirection ?? void 0,
+            table
+          }
+        );
       }
       const measureRow = (rowHeight) => {
         virtualiser.resizeItem(virtualRow, rowHeight);
@@ -37882,6 +37943,7 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
           key: row.id,
           row,
           index: virtualRow.index,
+          scrollDirection: virtualiser.scrollDirection ?? void 0,
           table,
           measureRow,
           renderer: renderers.row,
@@ -39551,7 +39613,7 @@ function Search$1(props) {
         (_c = (_b = (_a2 = tableMeta.search).handleSearch) == null ? void 0 : _b.call(_a2, query2, hiddenColumns)) == null ? void 0 : _c.then(() => {
           setLoading(false);
         });
-      }, 350);
+      }, 150);
     }
   };
   const handleToggleExcludeUnmatchedResults = async (enabled) => {
@@ -56163,7 +56225,7 @@ function SaveStatus(props) {
   const className = clsx(
     "col-span-full sticky ml-auto right-0 top-0 -mb-[100%] z-10 h-8 bg-[inherit] flex items-center px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]",
     {
-      "mt-0.5": tableMeta.rowHeight.height === "short",
+      "mt-0": tableMeta.rowHeight.height === "short",
       "mt-1": tableMeta.rowHeight.height === "medium",
       "mt-1.5": tableMeta.rowHeight.height === "tall",
       "mt-2": tableMeta.rowHeight.height === "extra-tall"
@@ -56581,7 +56643,8 @@ function TemporaryRow(props) {
       className,
       onKeyDown: handleKeyDown,
       hideInternalColumns: true,
-      hideRowActions: !tableMeta.editing.isEditing
+      hideRowActions: !tableMeta.editing.isEditing,
+      skipPageLoading: true
     }
   );
 }