@trackunit/react-table 1.3.259 → 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.

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.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-table",
-  "version": "1.3.259",
+  "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.203",
-    "@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.227",
-    "@trackunit/react-table-pagination": "1.3.165",
-    "@trackunit/react-form-components": "1.3.229",
-    "@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 {};