@economic/taco 2.2.2 → 2.2.4

package/dist/taco.cjs.development.js

@@ -8829,7 +8829,9 @@ const SearchInput2 = /*#__PURE__*/React__default.forwardRef(function SearchInput
   const handleBlur = event => {
     var _settingsRef$current, _attributes$onBlur;
     // trigger searches when leaving the field
-    handleSubmit();
+    if (!isSynced) {
+      handleSubmit();
+    }
     if (settingsRef.current && (settingsRef.current === event.relatedTarget || (_settingsRef$current = settingsRef.current) !== null && _settingsRef$current !== void 0 && _settingsRef$current.contains(event.relatedTarget))) {
       return;
     }
@@ -15977,6 +15979,10 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
   const [internalRef, setInternalRef] = React__default.useState(null);
   React__default.useLayoutEffect(() => {
     if (internalRef && length) {
+      // the actions column size gets set by the column itself
+      if (id === COLUMN_ID) {
+        return;
+      }
       table.setColumnSizing(sizes => ({
         ...sizes,
         [id]: internalRef.getBoundingClientRect().width
@@ -16070,7 +16076,7 @@ function DisplayCell(props) {
       return isCellHighlighted(tableMeta.search.query, value, memoedProps.children);
     }
     return false;
-  }, [memoedProps.children, tableMeta.search.isHighlightingEnabled, tableMeta.search.query]);
+  }, [memoedProps.children, tableMeta.search.isHighlightingEnabled, tableMeta.search.excludeUnmatchedResults, tableMeta.search.query]);
   const memoedHighlightCurrent = React__default.useMemo(() => {
     if (!tableMeta.search.isHighlightingEnabled || !memoedHighlight || tableMeta.search.currentHighlightColumnIndex === undefined) {
       return false;
@@ -16102,7 +16108,7 @@ const MemoedDisplayCell = /*#__PURE__*/React__default.memo(function MemoedDispla
   } = props;
   const layoutClassName = cn('py-[var(--table3-row-padding)]', customClassName);
   const className = highlighted ? undefined : layoutClassName;
-  const content = enableTruncate || typeof children === 'string' ? /*#__PURE__*/React__default.createElement("span", {
+  const content = enableTruncate ? /*#__PURE__*/React__default.createElement("span", {
     className: "truncate"
   }, children) : children;
   if (debug) {
@@ -16193,7 +16199,6 @@ const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(prop
 });
 
 const COLUMN_ID = '__actions';
-const ACTIONS_ON_ROW_LENGTH$1 = 4;
 const MemoedCell = /*#__PURE__*/React__default.memo(function MemoedCell(props) {
   const {
     actions,
@@ -16202,7 +16207,8 @@ const MemoedCell = /*#__PURE__*/React__default.memo(function MemoedCell(props) {
     isEditing,
     isResizingColumn,
     isHoverStatePaused,
-    row
+    row,
+    table
   } = props;
   const {
     isHovered
@@ -16210,15 +16216,29 @@ const MemoedCell = /*#__PURE__*/React__default.memo(function MemoedCell(props) {
   const {
     texts
   } = useLocalization();
+  const ref = React__default.useRef(null);
+  const size = table.getState().columnSizing[COLUMN_ID];
+  // the actions column needs to set its size based on its content, not the actual column
+  // so we do this here instead of in the header
+  React__default.useLayoutEffect(() => {
+    if (ref.current && !size) {
+      const width = ref.current.getBoundingClientRect().width;
+      table.setColumnSizing(sizes => ({
+        ...sizes,
+        [COLUMN_ID]: width
+      }));
+    }
+  }, [ref.current]);
   let content;
   // We don't want to show actions in edit mode, since we have editing actions,
   // which is shown in edit mode instead.
-  if (!isEditing && (isCurrentRow || isHovered && !isHoverStatePaused && !isResizingColumn)) {
+  if (actions !== null && actions !== void 0 && actions.length && !isEditing && (isCurrentRow || isHovered && !isHoverStatePaused && !isResizingColumn)) {
     const visibleActions = actions.map(action => action(row.original)).filter(action => !!action);
     const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);
     const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);
     content = /*#__PURE__*/React__default.createElement("span", {
-      className: "-mb-2 -mt-2 flex justify-end text-right"
+      className: "-mb-2 -mt-2 flex justify-end pl-2 text-right",
+      ref: ref
     }, actionsOnRow.map((button, index) => {
       var _ref, _button$props$tooltip;
       const tooltip = String((_ref = (_button$props$tooltip = button.props.tooltip) !== null && _button$props$tooltip !== void 0 ? _button$props$tooltip : button.props['aria-label']) !== null && _ref !== void 0 ? _ref : '');
@@ -16245,37 +16265,29 @@ const MemoedCell = /*#__PURE__*/React__default.memo(function MemoedCell(props) {
   }
   return /*#__PURE__*/React__default.createElement(DisplayCell, Object.assign({}, props), content);
 });
-function Cell$1(props) {
-  const {
-    actionsForRow,
-    actionsForRowLength,
-    ...context
-  } = props;
+function Cell$1(context) {
   const {
     rowIndex
   } = React__default.useContext(RowContext$1);
   const tableMeta = context.table.options.meta;
   return /*#__PURE__*/React__default.createElement(MemoedCell, Object.assign({}, context, {
-    actions: actionsForRow,
-    actionsLength: actionsForRowLength,
+    actions: tableMeta.rowActions.actionsForRow,
+    actionsLength: tableMeta.rowActions.actionsForRowLength,
     isCurrentRow: tableMeta.currentRow.currentRowIndex === rowIndex,
     isEditing: tableMeta.editing.isEditing,
     isResizingColumn: !!context.table.getState().columnSizingInfo.isResizingColumn,
     isHoverStatePaused: !!tableMeta.hoverState.isPaused
   }));
 }
-function createRowActionsColumn$1(actionsForRow, actionsForRowLength = ACTIONS_ON_ROW_LENGTH$1) {
+function createRowActionsColumn$1() {
   return {
     id: COLUMN_ID,
     header: Header$2,
-    cell: context => /*#__PURE__*/React__default.createElement(Cell$1, Object.assign({}, context, {
-      actionsForRow: actionsForRow,
-      actionsForRowLength: actionsForRowLength
-    })),
+    cell: Cell$1,
     footer: Footer$4,
     meta: {
       align: 'right',
-      className: cn('items-center print:opacity-0 [[role="table"][data-editing="false"]_&]:group-[[data-current="true"]]/row:sticky [[role="table"][data-pause-hover="false"][data-editing="false"]_&]:group-hover/row:sticky right-0 !pl-0 !pr-1', '[[role="table"][data-editing="false"]_&]:group-[[data-current="true"]]/row:shadow-[-6px_0px_6px] [[role="table"][data-pause-hover="false"][data-editing="false"]_&]:group-hover/row:shadow-[-6px_0px_6px]', 'group-[[data-current="true"][data-selected="false"]]/row:text-grey-200', 'group-[[data-selected="true"]]/row:text-blue-100', 'group-[[data-selected="false"]:hover]/row:text-grey-100'),
+      className: cn('!pt-[var(--table3-row-padding)] print:opacity-0 [[role="table"][data-editing="false"]_&]:group-[[data-current="true"]]/row:sticky [[role="table"][data-pause-hover="false"][data-editing="false"]_&]:group-hover/row:sticky right-0 !pl-1 !pr-1', '[[role="table"][data-editing="false"]_&]:group-[[data-current="true"]]/row:shadow-[-6px_0px_6px] [[role="table"][data-pause-hover="false"][data-editing="false"]_&]:group-hover/row:shadow-[-6px_0px_6px]', 'group-[[data-current="true"][data-selected="false"]]/row:text-grey-200', 'group-[[data-selected="true"]]/row:text-blue-100', 'group-[[data-selected="false"]:hover]/row:text-grey-100'),
       enableOrdering: false,
       enableSearch: false,
       enableTruncate: false,
@@ -16287,6 +16299,7 @@ function createRowActionsColumn$1(actionsForRow, actionsForRowLength = ACTIONS_O
   };
 }
 
+const REACT_TABLE_DEFAULT_COLUMN_SIZE_DO_NOT_CHANGE = 150;
 const useCssGrid = table => {
   const allVisibleColumns = table.getVisibleLeafColumns();
   const columnSizing = table.getState().columnSizing;
@@ -16300,9 +16313,7 @@ const useCssGrid = table => {
       const width = columnSizing[column.id];
       if (isInternalColumn$1(column.id)) {
         if (column.id === COLUMN_ID) {
-          // it's important to set a min width so that when the the column width is maintained
-          // when the current row is scrolled out of the virtualisation view
-          size = `minmax(${column.getSize()}px, auto)`;
+          size = column.getSize() !== REACT_TABLE_DEFAULT_COLUMN_SIZE_DO_NOT_CHANGE ? `minmax(${column.getSize()}px, 1fr)` : '1fr';
         } else {
           size = `${column.getSize()}px`;
         }
@@ -16580,7 +16591,7 @@ function useSettingsStateListener$1(table, onChangeSettings) {
       }), 250);
     }
     return () => clearTimeout(handler);
-  }, [onChangeSettings, meta.columnFreezing.frozenColumnIndex, state.columnOrder, state.columnPinning, state.columnSizing, state.columnVisibility, meta.search.excludeUnmatchedResults, meta.fontSize.size, meta.rowHeight.height, meta.printing.printWarningDialogVisibility, state.sorting]);
+  }, [meta.columnFreezing.frozenColumnIndex, state.columnOrder, state.columnPinning, state.columnSizing, state.columnVisibility, meta.search.excludeUnmatchedResults, meta.fontSize.size, meta.rowHeight.height, meta.printing.printWarningDialogVisibility, state.sorting]);
 }
 
 var Table3FilterComparator;
@@ -16861,51 +16872,6 @@ function useRowClick(onRowClick) {
   };
 }
 
-// we use a listener, and not the internal "controlled" change handlers because we don't actually want consumers
-// to control the state outside the table. this listener is really here to let the consumer make a server request
-// and provide the server with the search state, so that it can search server side
-function useSearchStateListener(table, onSearch) {
-  const tableMeta = table.options.meta;
-  const rows = table.getRowModel().rows;
-  const loadingRef = React__default.useRef(false);
-  const lastUsedExcludeRef = React__default.useRef(tableMeta.search.excludeUnmatchedResults);
-  const handleSearch = function (query, excludeUnmatchedResults) {
-    try {
-      const _temp4 = function () {
-        if (tableMeta.search.isEnabled && !loadingRef.current) {
-          function _temp3() {
-            if (excludeUnmatchedResults && table.options.enableRowSelection) {
-              table.resetRowSelection();
-            }
-          }
-          const _temp2 = function () {
-            if (typeof onSearch === 'function' && (excludeUnmatchedResults || lastUsedExcludeRef.current)) {
-              const _temp = _finallyRethrows(function () {
-                loadingRef.current = true;
-                // if we are transitioning from true to false on exclude, then we need to "reset" by searching with no value
-                return Promise.resolve(onSearch(!excludeUnmatchedResults && lastUsedExcludeRef.current ? undefined : query)).then(function () {});
-              }, function (_wasThrown, _result) {
-                loadingRef.current = false;
-                lastUsedExcludeRef.current = excludeUnmatchedResults;
-                if (_wasThrown) throw _result;
-                return _result;
-              });
-              if (_temp && _temp.then) return _temp.then(function () {});
-            }
-          }();
-          return _temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2);
-        }
-      }();
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  useLazyEffect(() => {
-    handleSearch(tableMeta.search.query, tableMeta.search.excludeUnmatchedResults);
-  }, [tableMeta.search.isEnabled, tableMeta.search.query, tableMeta.search.excludeUnmatchedResults, rows.length]);
-}
-
 var SavingStateValue;
 (function (SavingStateValue) {
   SavingStateValue["Saving"] = "saving";
@@ -17724,7 +17690,7 @@ const Cell$4 = /*#__PURE__*/React__default.memo(function MemoedCell(context) {
     }) : null));
   }
 }, function arePropsEqual(oldProps, newProps) {
-  const oldTableMeta = newProps.table.options.meta;
+  const oldTableMeta = oldProps.table.options.meta;
   const newTableMeta = newProps.table.options.meta;
   // we memo because we don't want the row re-rendering and removing focus from the checkbox
   // we can't default to the standard comparison because we need currentRow off the table meta
@@ -17739,7 +17705,7 @@ function createRowSelectionColumn$1(onRowDrag) {
     footer: Footer$4,
     meta: {
       align: 'center',
-      className: 'items-center !justify-end !p-0 !pr-0.5',
+      className: '!pt-[var(--table3-row-padding)] !justify-end !p-0 !pr-0.5',
       enableOrdering: false,
       enableSearch: false,
       enableTruncate: false,
@@ -17798,6 +17764,7 @@ const MemoedCell$2 = /*#__PURE__*/React__default.memo(function MemoedCell(props)
       title: title
     }, /*#__PURE__*/React__default.createElement(IconButton, {
       appearance: "discrete",
+      className: "-mt-1.5",
       icon: isExpanded ? 'chevron-down' : 'chevron-right',
       onClick: handleClick,
       tabIndex: tabIndex,
@@ -17831,7 +17798,7 @@ function createRowExpansionColumn$1(expandedRowRenderer) {
     footer: Footer$4,
     meta: {
       align: 'center',
-      className: 'items-center !p-0',
+      className: '!p-0 !pt-[var(--table3-row-padding)]',
       enableOrdering: false,
       enableSearch: false,
       enableTruncate: false,
@@ -17893,7 +17860,7 @@ const Cell$6 = /*#__PURE__*/React__default.memo(function MemoedCell(props) {
   }, /*#__PURE__*/React__default.createElement(Icon, {
     "aria-label": texts.table3.columns.drag.tooltip,
     name: "drag",
-    className: "text-grey-darkest invisible w-[20px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white"
+    className: "text-grey-darkest invisible -mt-1 w-[20px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed='true']]/row:text-white"
   })));
 });
 function createRowDragColumn(onRowDrag) {
@@ -17907,7 +17874,7 @@ function createRowDragColumn(onRowDrag) {
     footer: Footer$4,
     meta: {
       align: 'center',
-      className: 'items-center !p-0',
+      className: '!p-0 !pt-[var(--table3-row-padding)]',
       enableOrdering: false,
       enableSearch: false,
       enableTruncate: false,
@@ -18010,7 +17977,7 @@ function useConvertChildrenToColumns(props, options, editing) {
     columns.unshift(columnHelper.display(createRowDragColumn(props.onRowDrag)));
   }
   if ((_props$actionsForRow = props.actionsForRow) !== null && _props$actionsForRow !== void 0 && _props$actionsForRow.length) {
-    columns.push(columnHelper.display(createRowActionsColumn$1(props.actionsForRow, props.actionsForRowLength)));
+    columns.push(columnHelper.display(createRowActionsColumn$1()));
   }
   if (editing.isEnabled && editing.isEditing) {
     columns.push(columnHelper.display(createRowEditingActionsColumn()));
@@ -18139,6 +18106,14 @@ function useSearch(isEnabled, excludeUnmatchedResultsInSearch = false, loadAll)
   };
 }
 
+const ACTIONS_ON_ROW_LENGTH$1 = 4;
+function useRowActions$1(actionsForRow, actionsForRowLength = ACTIONS_ON_ROW_LENGTH$1) {
+  return {
+    actionsForRow,
+    actionsForRowLength
+  };
+}
+
 function useTable$2(props) {
   var _ref, _props$defaultSetting, _props$defaultSetting2, _props$defaultSetting3, _props$defaultSetting4, _props$defaultSetting5, _props$defaultSetting6, _props$defaultSetting7, _props$defaultSetting8, _props$defaultSetting9, _props$length;
   // options
@@ -18171,13 +18146,13 @@ function useTable$2(props) {
   }
   // search
   if (tableOptions.enableGlobalFilter) {
-    if (props.onSearch) {
-      tableOptions.manualFiltering = true;
-      // onSearch is called as a listener to let the consumer update their data, so we don't use onColumnFiltersChange
-    } else {
-      tableOptions.globalFilterFn = (row, columnId, searchQuery) => globalFilterFn$1(row.getValue(columnId), searchQuery);
-      tableOptions.getFilteredRowModel = reactTable$1.getFilteredRowModel();
-    }
+    tableOptions.globalFilterFn = (row, columnId, searchQuery) => {
+      if (row.original) {
+        return globalFilterFn$1(row.getValue(columnId), searchQuery);
+      }
+      return false;
+    };
+    tableOptions.getFilteredRowModel = reactTable$1.getFilteredRowModel();
   }
   // sorting
   if (options.enableSorting) {
@@ -18197,6 +18172,7 @@ function useTable$2(props) {
   const fontSize = useFontSize(options.enableFontSize, (_props$defaultSetting4 = props.defaultSettings) === null || _props$defaultSetting4 === void 0 ? void 0 : _props$defaultSetting4.fontSize);
   const hoverState = usePauseHoverState();
   const printing = usePrinting(options.enablePrinting, props.loadAll, (_props$defaultSetting5 = props.defaultSettings) === null || _props$defaultSetting5 === void 0 ? void 0 : _props$defaultSetting5.showWarningWhenPrintingLargeDataset);
+  const rowActions = useRowActions$1(props.actionsForRow, props.actionsForRowLength);
   const rowClick = useRowClick(props.onRowClick);
   const rowDrag = useRowDrag(options.enableRowDrag);
   const rowDrop = useRowDrop(options.enableRowDrop, props.onRowDrop);
@@ -18239,6 +18215,7 @@ function useTable$2(props) {
       hoverState,
       isUsingServer: !!props.loadPage,
       printing,
+      rowActions: rowActions,
       rowClick: rowClick,
       rowDrag,
       rowDrop,
@@ -18253,7 +18230,6 @@ function useTable$2(props) {
   useEditingStateListener(table);
   useFilteringStateListener(table, props.onFilter);
   useRowSelectionListener$1(table, props.onRowSelect);
-  useSearchStateListener(table, props.onSearch);
   useSettingsStateListener$1(table, props.onChangeSettings);
   useShortcutsListener(table, props.shortcuts);
   useServerLoadingListener(table, props.loadPage);
@@ -18440,6 +18416,7 @@ const MemoedRow = /*#__PURE__*/React__default.memo(function MemoedRow(props) {
   const {
     index,
     isLastRow: _1,
+    measureRef,
     onClick,
     onClickCapture,
     onDrop,
@@ -18453,6 +18430,14 @@ const MemoedRow = /*#__PURE__*/React__default.memo(function MemoedRow(props) {
   const {
     setIsHovered
   } = useRowContext$1();
+  // we measure the first cell (since the row has display: contents) so that the virtualiser height is correct
+  React__default.useEffect(() => {
+    var _ref$current;
+    const firstCell = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.querySelector('[role=cell]:first-child');
+    if (firstCell) {
+      measureRef(firstCell);
+    }
+  }, [ref.current]);
   // we use capture because it also picks up clicks on e.g. select checkboxes
   const handleClickCapture = event => {
     if (typeof onClickCapture === 'function') {
@@ -18463,9 +18448,9 @@ const MemoedRow = /*#__PURE__*/React__default.memo(function MemoedRow(props) {
   };
   const handleClick = event => {
     if (typeof onClick === 'function') {
-      var _ref$current;
+      var _ref$current2;
       const clickedElement = event.target;
-      if (!((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(event.target)) || clickableElements.includes(clickedElement.tagName.toLowerCase()) || clickedElement.closest(clickableElements.map(tag => `[role=row] ${tag}`).join(','))) {
+      if (!((_ref$current2 = ref.current) !== null && _ref$current2 !== void 0 && _ref$current2.contains(event.target)) || clickableElements.includes(clickedElement.tagName.toLowerCase()) || clickedElement.closest(clickableElements.map(tag => `[role=row] ${tag}`).join(','))) {
         return;
       }
       onClick(row.original);
@@ -18579,6 +18564,9 @@ function SkeletonRow(props) {
   }, otherProps))));
 }
 
+// Note - latest react-virtual requires an inner container, and that doesn't work with css grid,
+// so if you update react-virtual, you would need to refactor the entire table away from css grid,
+// and that would break a number of layout things - auto sizing, resizing etc
 function createBodyRenderer(props, rows, table, tableRef, virtualiser, setExpandedRowSizes) {
   return () => {
     if (rows.length) {
@@ -18618,6 +18606,7 @@ function createBodyRenderer(props, rows, table, tableRef, virtualiser, setExpand
         }, /*#__PURE__*/React__default.createElement(Row$2, {
           index: virtualRow.index,
           isLastRow: virtualRow.index === rows.length - 1,
+          measureRef: virtualRow.measureRef,
           row: row,
           table: table,
           tableRef: tableRef
@@ -18726,30 +18715,39 @@ function Search$3(props) {
     if (firstRowIndex) {
       scrollTo(firstRowIndex);
     }
-  }, [table.getRowModel().rows.length, JSON.stringify(table.getState().sorting), JSON.stringify(table.getState().columnVisibility)]);
-  const handleSearch = query => {
-    const value = String(query !== null && query !== void 0 ? query : '');
-    tableMeta.search.setQuery(value);
-    if (tableMeta.search.excludeUnmatchedResults) {
-      if (value !== null && value !== void 0 && value.length) {
-        table.setGlobalFilter(value);
-      } else {
-        table.resetGlobalFilter();
+  }, [tableMeta.search.query, tableMeta.search.excludeUnmatchedResults, table.getRowModel().rows.length, JSON.stringify(table.getState().sorting), JSON.stringify(table.getState().columnVisibility)]);
+  const handleSearch = function (query) {
+    try {
+      function _temp2() {
+        if (tableMeta.search.excludeUnmatchedResults) {
+          if (value !== null && value !== void 0 && value.length) {
+            table.setGlobalFilter(value);
+          } else {
+            table.resetGlobalFilter();
+          }
+        }
+        tableMeta.search.setQuery(value);
       }
-    } else if (tableMeta.search.loadAll) {
-      // don't pass the search query because filters when loading all, we need all - not filtered data
-      tableMeta.search.loadAll(table.getState().sorting, table.getState().columnFilters, undefined);
-    }
-    const firstRowIndex = resetHighlightedColumnIndexes(tableMeta.search.isHighlightingEnabled, value, table);
-    if (firstRowIndex) {
-      scrollTo(firstRowIndex);
+      const value = String(query !== null && query !== void 0 ? query : '');
+      // load all data if that is possible
+      const _temp = function () {
+        if (tableMeta.search.loadAll) {
+          // don't pass the search query because we need all data - not filtered data
+          return Promise.resolve(tableMeta.search.loadAll(table.getState().sorting, table.getState().columnFilters, undefined)).then(function () {});
+        }
+      }();
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
     }
   };
   const handleToggleExcludeUnmatchedResults = enabled => {
     tableMeta.search.toggleExcludeUnmatchedResults(enabled);
     if (enabled) {
-      if (tableMeta.search.query) {
-        table.setGlobalFilter(tableMeta.search.query);
+      var _ref$current2;
+      if ((_ref$current2 = ref.current) !== null && _ref$current2 !== void 0 && _ref$current2.value) {
+        var _ref$current3;
+        table.setGlobalFilter((_ref$current3 = ref.current) === null || _ref$current3 === void 0 ? void 0 : _ref$current3.value);
       } else {
         table.resetGlobalFilter();
       }
@@ -18757,8 +18755,8 @@ function Search$3(props) {
       table.resetGlobalFilter();
     }
     requestAnimationFrame(() => {
-      var _ref$current2;
-      return (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.focus();
+      var _ref$current4;
+      return (_ref$current4 = ref.current) === null || _ref$current4 === void 0 ? void 0 : _ref$current4.focus();
     });
   };
   const handleNextResult = () => {
@@ -18836,6 +18834,9 @@ function resetHighlightedColumnIndexes(enabled, value, table) {
     tableMeta.search.setHighlightedColumnIndexes([]);
     tableMeta.search.setCurrentHighlightColumnIndex(undefined);
   }
+  if (firstRowIndex !== undefined) {
+    tableMeta.currentRow.setCurrentRowIndex(firstRowIndex);
+  }
   return firstRowIndex;
 }
 
@@ -20078,20 +20079,12 @@ function useTable3DataLoader(fetch, fetchAll, options = {
       return Promise.reject(e);
     }
   };
-  const handleSearch = function (query) {
-    try {
-      return loadAll(_lastUsedSorting.current, _lastUsedFilters.current, query);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
   return [{
     data,
     length: length.current,
     loadAll,
     loadPage,
     onFilter: handleFilter,
-    onSearch: handleSearch,
     onSort: handleSort,
     pageSize
   }, invalidate];
@@ -20643,7 +20636,7 @@ const SecondaryNavigation = /*#__PURE__*/React__default.forwardRef(function Seco
 });
 
 const MenuButton = /*#__PURE__*/React__default.forwardRef(function MenuButton(props, ref) {
-  const className = cn(getButtonClasses$1(false), 'mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2]');
+  const className = cn(getButtonClasses$1(false), 'mr-1 !bg-transparent hover:!bg-white/[.08] focus:!bg-white/[.08]] lg:hidden z-[2] !text-white');
   return /*#__PURE__*/React__default.createElement(IconButton, Object.assign({}, props, {
     className: className,
     "data-taco": "header-toggle-sidebar",