@economic/taco 3.0.2-row-active-search.0 → 3.0.2-row-active-search.1

package/dist/taco.cjs

@@ -43906,6 +43906,23 @@ const useIsHoverStatePaused = () => {
   }, [shouldPauseHoverState]);
   return [shouldPauseHoverState, setShouldPauseHoverState];
 };
+function focusActiveRow(tableRef) {
+  var _a;
+  const activeRow = ((_a = (tableRef == null ? void 0 : tableRef.current) ?? document) == null ? void 0 : _a.querySelector('tbody tr[data-row-active="true"]')) ?? null;
+  if (activeRow) {
+    if (!isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) && !isElementInteractive(document.activeElement)) {
+      activeRow.focus({ preventScroll: true });
+    }
+  }
+}
+function useTableRowActiveListener$1(table, tableRef) {
+  const tableMeta = table.options.meta;
+  React.useEffect(() => {
+    if (tableMeta.rowActive.rowActiveIndex !== void 0) {
+      focusActiveRow(tableRef);
+    }
+  }, [tableMeta.rowActive.rowActiveIndex, tableRef]);
+}
 function useTableRowActive$1(isEnabled = false, initialRowActiveIndex) {
   const [rowActiveIndex, setRowActiveIndex] = React.useState(initialRowActiveIndex);
   const [rowHoverIndex, setRowHoverIndex] = React.useState(void 0);
@@ -43913,7 +43930,11 @@ function useTableRowActive$1(isEnabled = false, initialRowActiveIndex) {
   const move = (direction, length, scrollToIndex) => {
     const nextIndex = rowActiveIndex === void 0 ? 0 : getNextIndex(direction, rowActiveIndex, length);
     scrollToIndex(nextIndex);
-    setTimeout(() => setRowActiveIndex(nextIndex), 50);
+    if (nextIndex === rowActiveIndex) {
+      setTimeout(() => focusActiveRow(), 0);
+    } else {
+      setTimeout(() => setRowActiveIndex(nextIndex), 50);
+    }
   };
   const onKeyDown = React.useCallback(
     (event, length, scrollToIndex) => {
@@ -44630,7 +44651,7 @@ function useTableRowDrop(isEnabled = false, onRowDrop) {
     handleDrop: isEnabled ? onRowDrop : void 0
   };
 }
-function useTableRowActiveListener$1(table, onRowActive) {
+function useTableRowActiveListener(table, onRowActive) {
   var _a;
   const meta = table.options.meta;
   const rows = table.getRowModel().flatRows;
@@ -44742,7 +44763,7 @@ function useTableManager(props, ref, meta, internalColumns) {
   useTableDataListener(instance, length);
   useTableFilterListener(instance, props.onChangeFilter);
   useTableFontSizeListener(instance);
-  useTableRowActiveListener$1(instance, props.onRowActive);
+  useTableRowActiveListener(instance, props.onRowActive);
   useTableRowHeightListener(instance);
   useTableRowSelectionListener(instance, props.onRowSelect);
   useTableSearchListener(instance);
@@ -45927,18 +45948,6 @@ function useRowGroupVirtualisation(table) {
   );
   return isTableGrouped ? rangeExtractor : void 0;
 }
-function useTableRowActiveListener(table, tableRef) {
-  const tableMeta = table.options.meta;
-  React.useEffect(() => {
-    var _a, _b;
-    if (tableMeta.rowActive.rowActiveIndex !== void 0) {
-      const activeRow = ((_a = tableRef.current) == null ? void 0 : _a.querySelector('tbody tr[data-row-active="true"]')) ?? null;
-      if (!isElementInsideOrTriggeredFromContainer(document.activeElement, activeRow) && !isElementInteractive(document.activeElement)) {
-        (_b = activeRow == null ? void 0 : activeRow.focus) == null ? void 0 : _b.call(activeRow, { preventScroll: true });
-      }
-    }
-  }, [tableMeta.rowActive.rowActiveIndex]);
-}
 function Actions(props) {
   var _a, _b;
   const { actions, actionsLength, data, isActiveRow, rowId, table } = props;
@@ -46273,7 +46282,7 @@ function useTable$1(props, externalRef, renderers, meta) {
   const { style, stylesheet } = useTableStyle(manager.id, manager.instance);
   useTableGlobalShortcuts(manager.instance, ref, renderer2.scrollToIndex, props.enableLocalKeyboardShortcuts);
   useTableRef(manager.instance, ref);
-  useTableRowActiveListener(manager.instance, ref);
+  useTableRowActiveListener$1(manager.instance, ref);
   return {
     ...manager,
     props: {