@trackunit/react-table 1.17.4 → 1.17.5

package/index.cjs.js

@@ -403,7 +403,7 @@ const ItemTypes = {
  * @param {boolean} [props.isSortDisabled] - Optional flag to disable sorting.
  * @returns {Element} A React component rendering the column filter item.
  */
-const ColumnFilterItem = ({ name, onToggle, toggled, disabled, index, moveColumn, onDrop, onCancelDrop, id, isSortDisabled, }) => {
+const ColumnFilterItem = ({ name, onToggle, toggled, disabled, index, moveColumn, onDrop, onCancelDrop, id, isSortDisabled = false, }) => {
     const ref = react.useRef(null);
     const [, drop] = reactDnd.useDrop({
         accept: ItemTypes.COLUMN,
@@ -1122,7 +1122,7 @@ const ColumnSorting = ({ canSort, sortingState = false }) => {
  *
  * ```
  */
-const Table = ({ rowHeight = 50, ...props }) => {
+const Table = ({ rowHeight = 50, loading = false, hideFooter = false, ...props }) => {
     //we need a reference to the scrolling element for logic down below
     const tableScrollElementRef = react.useRef(null);
     const [t] = useTranslation();
@@ -1295,8 +1295,8 @@ const Table = ({ rowHeight = 50, ...props }) => {
                                         }) }, `${row.id}-${index}`));
                                 }
                             }) })) : (jsxRuntime.jsx("tbody", { className: cvaTBody({
-                                emptyState: !props.loading && (props.noDataMessage === undefined || props.noDataMessage === ""),
-                            }), children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { className: "b-0", children: props.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 })) }) }) }))] }) }), props.hideFooter ? null : (jsxRuntime.jsxs("div", { className: "flex items-center p-2", "data-testid": "table-footer", children: [jsxRuntime.jsx("div", { className: "whitespace-nowrap text-xs font-medium text-neutral-600", children: props.pagination?.pageInfo?.count !== undefined
+                                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 items-center p-2", "data-testid": "table-footer", children: [jsxRuntime.jsx("div", { className: "whitespace-nowrap text-xs font-medium text-neutral-600", children: props.pagination?.pageInfo?.count !== undefined
                             ? t(props.pagination.pageInfo.isCountCapped ? "table.pagination.full.capped" : "table.pagination.full", {
                                 count: props.getRowModel().rows.length,
                                 total: props.pagination.pageInfo.count,

package/index.esm.js

@@ -402,7 +402,7 @@ const ItemTypes = {
  * @param {boolean} [props.isSortDisabled] - Optional flag to disable sorting.
  * @returns {Element} A React component rendering the column filter item.
  */
-const ColumnFilterItem = ({ name, onToggle, toggled, disabled, index, moveColumn, onDrop, onCancelDrop, id, isSortDisabled, }) => {
+const ColumnFilterItem = ({ name, onToggle, toggled, disabled, index, moveColumn, onDrop, onCancelDrop, id, isSortDisabled = false, }) => {
     const ref = useRef(null);
     const [, drop] = useDrop({
         accept: ItemTypes.COLUMN,
@@ -1121,7 +1121,7 @@ const ColumnSorting = ({ canSort, sortingState = false }) => {
  *
  * ```
  */
-const Table = ({ rowHeight = 50, ...props }) => {
+const Table = ({ rowHeight = 50, loading = false, hideFooter = false, ...props }) => {
     //we need a reference to the scrolling element for logic down below
     const tableScrollElementRef = useRef(null);
     const [t] = useTranslation();
@@ -1294,8 +1294,8 @@ const Table = ({ rowHeight = 50, ...props }) => {
                                         }) }, `${row.id}-${index}`));
                                 }
                             }) })) : (jsx("tbody", { className: cvaTBody({
-                                emptyState: !props.loading && (props.noDataMessage === undefined || props.noDataMessage === ""),
-                            }), children: jsx("tr", { children: jsx("td", { className: "b-0", children: props.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 })) }) }) }))] }) }), props.hideFooter ? null : (jsxs("div", { className: "flex items-center p-2", "data-testid": "table-footer", children: [jsx("div", { className: "whitespace-nowrap text-xs font-medium text-neutral-600", children: props.pagination?.pageInfo?.count !== undefined
+                                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 items-center p-2", "data-testid": "table-footer", children: [jsx("div", { className: "whitespace-nowrap text-xs font-medium text-neutral-600", children: props.pagination?.pageInfo?.count !== undefined
                             ? t(props.pagination.pageInfo.isCountCapped ? "table.pagination.full.capped" : "table.pagination.full", {
                                 count: props.getRowModel().rows.length,
                                 total: props.pagination.pageInfo.count,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table",
-  "version": "1.17.4",
+  "version": "1.17.5",
   "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": "1.20.3",
+    "@trackunit/react-components": "1.20.4",
     "@trackunit/shared-utils": "1.13.77",
     "@trackunit/css-class-variance-utilities": "1.11.77",
     "@trackunit/ui-icons": "1.11.73",
-    "@trackunit/react-table-base-components": "1.17.3",
-    "@trackunit/react-form-components": "1.18.3",
-    "@trackunit/i18n-library-translation": "1.15.3",
+    "@trackunit/react-table-base-components": "1.17.4",
+    "@trackunit/react-form-components": "1.18.4",
+    "@trackunit/i18n-library-translation": "1.15.4",
     "@trackunit/iris-app-runtime-core-api": "1.13.2"
   },
   "peerDependencies": {

package/src/Table.d.ts

@@ -177,4 +177,4 @@ export interface TableProps<TData extends object> extends ReactTable<TData>, Com
  *
  * ```
  */
-export declare const Table: <TData extends object>({ rowHeight, ...props }: TableProps<TData>) => ReactElement;
+export declare const Table: <TData extends object>({ rowHeight, loading, hideFooter, ...props }: TableProps<TData>) => ReactElement;