@trackunit/react-table 2.8.9 → 2.8.12

package/index.cjs.js

@@ -1624,7 +1624,7 @@ const Table = ({ rowHeight = 50, loading = false, hideFooter = false, style, ref
                                 }
                             }) })) : (jsxRuntime.jsx("tbody", { className: cvaTBody({
                                 emptyState: !loading && (props.noDataMessage === undefined || props.noDataMessage === ""),
-                            }), children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { className: "b-0", children: loading ? (jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered", containerClassName: "absolute inset-0", "data-testid": "table-loading-spinner" })) : props.noDataMessage !== undefined && props.noDataMessage !== "" ? (props.noDataMessage) : (jsxRuntime.jsx(reactComponents.EmptyState, { className: "absolute inset-0", description: t("table.noResults"), image: "SEARCH_DOCUMENT", ...props.emptyState })) }) }) }))] }) }), hideFooter ? null : (jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 p-2", "data-testid": "table-footer", children: [jsxRuntime.jsx("div", { className: "whitespace-nowrap text-xs font-medium text-neutral-600", children: typeof props.pagination?.pageInfo?.count === "number"
+                            }), children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { className: "b-0", children: loading ? (jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered", containerClassName: "absolute inset-0", "data-testid": "table-loading-spinner" })) : props.noDataMessage !== undefined && props.noDataMessage !== "" ? (props.noDataMessage) : (jsxRuntime.jsx(reactComponents.EmptyState, { className: "absolute inset-0", description: t("table.noResults"), image: "SEARCH_DOCUMENT", ...props.emptyState })) }) }) }))] }) }), hideFooter ? null : (jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2 p-2", "data-testid": "table-footer", children: [jsxRuntime.jsx("div", { className: "whitespace-nowrap text-xs font-medium text-neutral-600", children: loading && !hasResults ? (jsxRuntime.jsx(reactComponents.SkeletonLabel, { "data-testid": "table-footer-count-loading", flexibleWidth: false, textSize: "text-xs", width: "9rem" })) : typeof props.pagination?.pageInfo?.count === "number"
                             ? t(props.pagination.pageInfo.isCountCapped ? "table.pagination.full.capped" : "table.pagination.full", {
                                 count: props.getRowModel().rows.length,
                                 total: props.pagination.pageInfo.count,
@@ -1632,7 +1632,7 @@ const Table = ({ rowHeight = 50, loading = false, hideFooter = false, style, ref
                             : t(props.pagination?.pageInfo?.hasNextPage ? "table.pagination.full.capped" : "table.pagination.full", {
                                 count: props.getRowModel().rows.length,
                                 total: props.getRowModel().rows.length,
-                            }) }), props.pagination?.isLoading ? (jsxRuntime.jsx("span", { children: jsxRuntime.jsx(reactComponents.Spinner, { size: "small" }) })) : null, sharedUtils.nonNullable(props.footerRightActions) ? (jsxRuntime.jsx(reactComponents.HorizontalOverflowScroller, { className: "ml-auto w-auto min-w-0", children: jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: props.footerRightActions }) })) : null] }))] }));
+                            }) }), props.pagination?.isLoading && hasResults ? (jsxRuntime.jsx("span", { children: jsxRuntime.jsx(reactComponents.Spinner, { size: "small" }) })) : null, sharedUtils.nonNullable(props.footerRightActions) ? (jsxRuntime.jsx(reactComponents.HorizontalOverflowScroller, { className: "ml-auto w-auto min-w-0", children: jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: props.footerRightActions }) })) : null] }))] }));
 };
 const cvaTBody = cssClassVarianceUtilities.cva({
     base: ["min-h-[40dvh]"],

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation, NamespaceTrans } from '@trackunit/i18n-library-translation';
-import { Icon, MenuItem, Button, Tooltip, useOverflowItems, MoreMenu, MenuContent, Spacer, usePersistedState, useDebounce, Text, cvaInteractableItem, Popover, PopoverTrigger, IconButton, PopoverContent, cvaMenuList, cvaMenu, useBidirectionalScroll, noPagination, Card, HorizontalOverflowScroller, Spinner, EmptyState } from '@trackunit/react-components';
+import { Icon, MenuItem, Button, Tooltip, useOverflowItems, MoreMenu, MenuContent, Spacer, usePersistedState, useDebounce, Text, cvaInteractableItem, Popover, PopoverTrigger, IconButton, PopoverContent, cvaMenuList, cvaMenu, useBidirectionalScroll, noPagination, Card, HorizontalOverflowScroller, Spinner, EmptyState, SkeletonLabel } from '@trackunit/react-components';
 import { Link } from '@tanstack/react-router';
 import { objectValues, VISIBLE_ONLY_COLUMN_VISIBILITY_KEY, objectKeys, nonNullable, objectEntries } from '@trackunit/shared-utils';
 import { useMemo, Children, cloneElement, useCallback, useRef, useState, useEffect, createElement } from 'react';
@@ -1623,7 +1623,7 @@ const Table = ({ rowHeight = 50, loading = false, hideFooter = false, style, ref
                                 }
                             }) })) : (jsx("tbody", { className: cvaTBody({
                                 emptyState: !loading && (props.noDataMessage === undefined || props.noDataMessage === ""),
-                            }), children: jsx("tr", { children: jsx("td", { className: "b-0", children: loading ? (jsx(Spinner, { centering: "centered", containerClassName: "absolute inset-0", "data-testid": "table-loading-spinner" })) : props.noDataMessage !== undefined && props.noDataMessage !== "" ? (props.noDataMessage) : (jsx(EmptyState, { className: "absolute inset-0", description: t("table.noResults"), image: "SEARCH_DOCUMENT", ...props.emptyState })) }) }) }))] }) }), hideFooter ? null : (jsxs("div", { className: "flex flex-wrap items-center gap-2 p-2", "data-testid": "table-footer", children: [jsx("div", { className: "whitespace-nowrap text-xs font-medium text-neutral-600", children: typeof props.pagination?.pageInfo?.count === "number"
+                            }), children: jsx("tr", { children: jsx("td", { className: "b-0", children: loading ? (jsx(Spinner, { centering: "centered", containerClassName: "absolute inset-0", "data-testid": "table-loading-spinner" })) : props.noDataMessage !== undefined && props.noDataMessage !== "" ? (props.noDataMessage) : (jsx(EmptyState, { className: "absolute inset-0", description: t("table.noResults"), image: "SEARCH_DOCUMENT", ...props.emptyState })) }) }) }))] }) }), hideFooter ? null : (jsxs("div", { className: "flex flex-wrap items-center gap-2 p-2", "data-testid": "table-footer", children: [jsx("div", { className: "whitespace-nowrap text-xs font-medium text-neutral-600", children: loading && !hasResults ? (jsx(SkeletonLabel, { "data-testid": "table-footer-count-loading", flexibleWidth: false, textSize: "text-xs", width: "9rem" })) : typeof props.pagination?.pageInfo?.count === "number"
                             ? t(props.pagination.pageInfo.isCountCapped ? "table.pagination.full.capped" : "table.pagination.full", {
                                 count: props.getRowModel().rows.length,
                                 total: props.pagination.pageInfo.count,
@@ -1631,7 +1631,7 @@ const Table = ({ rowHeight = 50, loading = false, hideFooter = false, style, ref
                             : t(props.pagination?.pageInfo?.hasNextPage ? "table.pagination.full.capped" : "table.pagination.full", {
                                 count: props.getRowModel().rows.length,
                                 total: props.getRowModel().rows.length,
-                            }) }), props.pagination?.isLoading ? (jsx("span", { children: jsx(Spinner, { size: "small" }) })) : null, nonNullable(props.footerRightActions) ? (jsx(HorizontalOverflowScroller, { className: "ml-auto w-auto min-w-0", children: jsx("div", { className: "flex items-center gap-2", children: props.footerRightActions }) })) : null] }))] }));
+                            }) }), props.pagination?.isLoading && hasResults ? (jsx("span", { children: jsx(Spinner, { size: "small" }) })) : null, nonNullable(props.footerRightActions) ? (jsx(HorizontalOverflowScroller, { className: "ml-auto w-auto min-w-0", children: jsx("div", { className: "flex items-center gap-2", children: props.footerRightActions }) })) : null] }))] }));
 };
 const cvaTBody = cva({
     base: ["min-h-[40dvh]"],

package/migrations/entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"entry.js","sourceRoot":"","sources":["../../../../../libs/react/table/migrations/entry.ts"],"names":[],"mappings":"","sourcesContent":["export {};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table",
-  "version": "2.8.9",
+  "version": "2.8.12",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,13 +11,13 @@
     "react-dnd": "16.0.1",
     "react-dnd-html5-backend": "16.0.1",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/react-components": "3.1.7",
+    "@trackunit/react-components": "3.2.0",
     "@trackunit/react-core-hooks": "1.22.4",
     "@trackunit/shared-utils": "1.16.54",
     "@trackunit/css-class-variance-utilities": "2.0.19",
     "@trackunit/ui-icons": "1.14.48",
-    "@trackunit/react-table-base-components": "2.9.9",
-    "@trackunit/react-form-components": "2.7.9",
+    "@trackunit/react-table-base-components": "2.9.11",
+    "@trackunit/react-form-components": "2.7.11",
     "@trackunit/i18n-library-translation": "2.5.4",
     "@trackunit/iris-app-runtime-core-api": "1.18.4",
     "zod": "^3.25.76"