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

package/dist/taco.js

@@ -23927,7 +23927,7 @@ const Card = React.forwardRef(function Card2(props, ref) {
   const { title, menu, children, className, ...otherProps } = props;
   const localization = useLocalization();
   const cardClassName = clsx(
-    "bg-white flex flex-col rounded-xl border border-solid border-radius-[12px] border-grey-300 hover:border-grey-500",
+    "bg-white flex flex-col rounded-xl border border-solid border-radius-[12px] border-grey-300",
     className
   );
   return /* @__PURE__ */ React.createElement("div", { ...otherProps, className: cardClassName, "data-taco": "card", ref }, /* @__PURE__ */ React.createElement("div", { className: "flex justify-between px-4 pb-2 pt-4" }, title && /* @__PURE__ */ React.createElement(Truncate, { tooltip: title }, /* @__PURE__ */ React.createElement("h4", { className: "mb-0 flex-grow truncate text-left" }, title)), menu ? /* @__PURE__ */ React.createElement(
@@ -44926,6 +44926,11 @@ function getCellWidthPadding(fontSize) {
       return "16px";
   }
 }
+function getReachableRowCount(table) {
+  const tableMeta = table.options.meta;
+  const isFilteringActive = table.options.enableGlobalFilter && table.getState().globalFilter;
+  return isFilteringActive ? table.getRowModel().rows.length + table.getBottomRows().length : tableMeta.length + table.getBottomRows().length;
+}
 function useTableGlobalShortcuts(table, tableRef, scrollToIndex, localShortcuts = false) {
   const tableMeta = table.options.meta;
   const rows = table.getRowModel().rows;
@@ -44938,7 +44943,7 @@ function useTableGlobalShortcuts(table, tableRef, scrollToIndex, localShortcuts
         if (isElementInsideExternalRelatedOverlay(trigger, tableRef)) {
           return;
         }
-        const reachableRows = tableMeta.length + table.getBottomRows().length;
+        const reachableRows = getReachableRowCount(table);
         tableMeta.rowActive.handleKeyDown(event, reachableRows, scrollToIndex);
         tableMeta.rowSelection.handleKeyDown(event, table);
         if (tableMeta.rowActive.rowActiveIndex !== void 0) {
@@ -47133,7 +47138,7 @@ function Body(props) {
     }
     if (tableMeta.rowActive.rowActiveIndex !== void 0) {
       const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;
-      const reachableRows = tableMeta.length + table.getBottomRows().length;
+      const reachableRows = getReachableRowCount(table);
       const isLastRow = tableMeta.rowActive.rowActiveIndex === reachableRows - 1;
       if (event.key === "Tab" || enableHorizontalArrowKeyNavigation && (event.key === "ArrowLeft" || event.key === "ArrowRight")) {
         if (event.key === "Tab" && !hasFocusableElement(event.target.closest("tr[data-row-id]"))) {
@@ -96722,7 +96727,7 @@ const getLinkClasses = (icon = void 0) => clsx(
   "flex h-8 flex-shrink-0 flex-grow-0 cursor-pointer items-center justify-center ",
   "focus:!shadow-none focus:!outline-none focus-visible:!yt-focus-dark",
   "bg-transparent hover:bg-white/[.08] focus:bg-white/[.08] aria-current-page:bg-white/[.08]",
-  "text-white hover:text-white focus:text-white",
+  "!text-white hover:text-white focus:text-white",
   {
     "!rounded-full !h-9 !w-9": icon,
     "whitespace-nowrap px-3 rounded text-sm hidden lg:flex": !icon