@trackunit/react-table 1.3.258 → 1.3.260

package/index.cjs.js

@@ -171,9 +171,10 @@ const ActionButton = ({ action, id, ...rest }) => {
         // eslint-disable-next-line local-rules/design-guideline-button-icon-size-match
         jsxRuntime.jsx(reactComponents.Button, { asChild: true, id: id, loading: action.loading, prefix: jsxRuntime.jsx(ActionIcon, { action: action }), ...rest, children: jsxRuntime.jsx(reactRouter.Link, { to: action.url, children: action.label }) }));
     }
-    return (jsxRuntime.jsx(reactComponents.Button, { id: id, loading: action.loading, onClick: e => action.method(e), 
+    const content = (jsxRuntime.jsx(reactComponents.Button, { id: id, loading: action.loading, onClick: e => action.method(e), 
         // eslint-disable-next-line local-rules/design-guideline-button-icon-size-match
         prefix: jsxRuntime.jsx(ActionIcon, { action: action }), ...rest, children: action.label }));
+    return action.tip ? jsxRuntime.jsx(reactComponents.Tooltip, { label: action.tip, children: content }) : content;
 };
 /**
  * Converts an action model to a MenuItem component.
@@ -209,7 +210,7 @@ const actionDataToMenuItem = (action, dataTestId) => {
  * @param {string} [dataTestId] - Optional data test ID.
  * @returns {ReactElement} - The ActionButton component for the given action.
  */
-const actionDataToActionButton = (action) => (jsxRuntime.jsx(ActionButton, { action: action, className: "max-w-max flex-shrink-0", dataTestId: action.dataTestId || action.id, disabled: action.loading, id: action.id }, action.id));
+const actionDataToActionButton = (action) => (jsxRuntime.jsx(ActionButton, { action: action, className: "max-w-max flex-shrink-0", dataTestId: action.dataTestId || action.id, disabled: action.loading || action.disabled, id: action.id, variant: action.disabled ? "ghost" : undefined }, action.id));
 /**
  * Renders the icon for an action button.
  * Should not be used outside the ActionSheet component.
@@ -1322,7 +1323,7 @@ const useTableSelection = ({ data, idKey, defaultSelectedIds, enableRowSelection
                 return null;
             }
             const isRowSelectionDisabled = !table.options.enableRowSelection || !data.length;
-            return (jsxRuntime.jsx(reactFormComponents.Checkbox, { className: "ml-2.5",
+            return (jsxRuntime.jsx(reactFormComponents.Checkbox, { className: "flex justify-center",
                 checked: table.getIsAllRowsSelected(),
                 indeterminate: table.getIsSomeRowsSelected(),
                 onChange: table.getToggleAllRowsSelectedHandler(),
@@ -1346,7 +1347,7 @@ const useTableSelection = ({ data, idKey, defaultSelectedIds, enableRowSelection
         enableResizing: false,
         enableHiding: false,
         enablePinning: false,
-        size: 70,
+        size: 48,
         meta: {
             alignment: "center",
             columnFilterLabel: t("table.selection.label"),

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { registerTranslations, useNamespaceTranslation } from '@trackunit/i18n-library-translation';
-import { MenuItem, Icon, Button, useOverflowItems, MoreMenu, MenuList, Spacer, cvaInteractableItem, Text, Tooltip, Popover, PopoverTrigger, PopoverContent, IconButton, Card, Spinner, EmptyState } from '@trackunit/react-components';
+import { MenuItem, Icon, Button, Tooltip, useOverflowItems, MoreMenu, MenuList, Spacer, cvaInteractableItem, Text, Popover, PopoverTrigger, PopoverContent, IconButton, Card, Spinner, EmptyState } from '@trackunit/react-components';
 import { objectValues, nonNullable, objectKeys, objectEntries } from '@trackunit/shared-utils';
 import { useMemo, Children, cloneElement, useRef, useState, useEffect, useCallback, createElement } from 'react';
 import { cvaMerge } from '@trackunit/css-class-variance-utilities';
@@ -170,9 +170,10 @@ const ActionButton = ({ action, id, ...rest }) => {
         // eslint-disable-next-line local-rules/design-guideline-button-icon-size-match
         jsx(Button, { asChild: true, id: id, loading: action.loading, prefix: jsx(ActionIcon, { action: action }), ...rest, children: jsx(Link, { to: action.url, children: action.label }) }));
     }
-    return (jsx(Button, { id: id, loading: action.loading, onClick: e => action.method(e), 
+    const content = (jsx(Button, { id: id, loading: action.loading, onClick: e => action.method(e), 
         // eslint-disable-next-line local-rules/design-guideline-button-icon-size-match
         prefix: jsx(ActionIcon, { action: action }), ...rest, children: action.label }));
+    return action.tip ? jsx(Tooltip, { label: action.tip, children: content }) : content;
 };
 /**
  * Converts an action model to a MenuItem component.
@@ -208,7 +209,7 @@ const actionDataToMenuItem = (action, dataTestId) => {
  * @param {string} [dataTestId] - Optional data test ID.
  * @returns {ReactElement} - The ActionButton component for the given action.
  */
-const actionDataToActionButton = (action) => (jsx(ActionButton, { action: action, className: "max-w-max flex-shrink-0", dataTestId: action.dataTestId || action.id, disabled: action.loading, id: action.id }, action.id));
+const actionDataToActionButton = (action) => (jsx(ActionButton, { action: action, className: "max-w-max flex-shrink-0", dataTestId: action.dataTestId || action.id, disabled: action.loading || action.disabled, id: action.id, variant: action.disabled ? "ghost" : undefined }, action.id));
 /**
  * Renders the icon for an action button.
  * Should not be used outside the ActionSheet component.
@@ -1321,7 +1322,7 @@ const useTableSelection = ({ data, idKey, defaultSelectedIds, enableRowSelection
                 return null;
             }
             const isRowSelectionDisabled = !table.options.enableRowSelection || !data.length;
-            return (jsx(Checkbox, { className: "ml-2.5",
+            return (jsx(Checkbox, { className: "flex justify-center",
                 checked: table.getIsAllRowsSelected(),
                 indeterminate: table.getIsSomeRowsSelected(),
                 onChange: table.getToggleAllRowsSelectedHandler(),
@@ -1345,7 +1346,7 @@ const useTableSelection = ({ data, idKey, defaultSelectedIds, enableRowSelection
         enableResizing: false,
         enableHiding: false,
         enablePinning: false,
-        size: 70,
+        size: 48,
         meta: {
             alignment: "center",
             columnFilterLabel: t("table.selection.label"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table",
-  "version": "1.3.258",
+  "version": "1.3.260",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -15,16 +15,16 @@
     "jest-fetch-mock": "^3.0.3",
     "@tanstack/react-router": "1.114.29",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/react-components": "1.4.202",
-    "@trackunit/shared-utils": "1.5.165",
-    "@trackunit/css-class-variance-utilities": "1.3.165",
-    "@trackunit/ui-icons": "1.3.166",
-    "@trackunit/react-table-base-components": "1.3.226",
-    "@trackunit/react-table-pagination": "1.3.165",
-    "@trackunit/react-form-components": "1.3.228",
-    "@trackunit/i18n-library-translation": "1.3.189",
-    "@trackunit/react-core-contexts-api": "1.4.173",
-    "@trackunit/react-test-setup": "1.0.55"
+    "@trackunit/react-components": "1.4.204",
+    "@trackunit/shared-utils": "1.5.166",
+    "@trackunit/css-class-variance-utilities": "1.3.166",
+    "@trackunit/ui-icons": "1.3.167",
+    "@trackunit/react-table-base-components": "1.3.228",
+    "@trackunit/react-table-pagination": "1.3.166",
+    "@trackunit/react-form-components": "1.3.230",
+    "@trackunit/i18n-library-translation": "1.3.190",
+    "@trackunit/react-core-contexts-api": "1.4.174",
+    "@trackunit/react-test-setup": "1.0.56"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/ActionSheet/Actions.d.ts

@@ -22,5 +22,7 @@ export interface CommonAction extends IconExposedProp {
     forwardedRef?: React.RefObject<HTMLSpanElement>;
     style?: Record<string, string>;
     loading?: boolean;
+    disabled?: boolean;
+    tip?: string;
 }
 export {};