@luscii-healthtech/web-ui 2.58.1 → 2.59.0

package/dist/components/Icon/Icon.d.ts

@@ -6,6 +6,10 @@ export declare const Icon: React.FC<{
 /**
  * This is a temporary component to transition the way we pass icons to components.
  * Once all components are passed an IconKey instead of a function component we can replace it with the Icon component.
+ *
+ * If any expansion or customization must be made for all icons, do it in the iconWrapper.tsx component.
+ *
+ * @linkcode https://github.com/Luscii/web-ui/blob/main/src/components/Icons/iconWrapper/iconWrapper.tsx
  */
 export declare const IconComponentOrKey: React.FC<{
     name: React.FunctionComponent<IconProps> | IconKey;

package/dist/components/Icons/iconWrapper/iconWrapper.d.ts

@@ -1,4 +1,4 @@
 import { HTMLAttributes } from "react";
 import { IconProps } from "../types/IconProps.type";
-declare const iconWrapper: (SVGComponent: (props: IconProps & Pick<HTMLAttributes<SVGElement>, "role">) => JSX.Element) => (props: IconProps) => JSX.Element;
-export default iconWrapper;
+declare const IconWrapper: (SVGComponent: (props: IconProps & Pick<HTMLAttributes<SVGElement>, "role">) => JSX.Element) => (props: IconProps) => JSX.Element;
+export default IconWrapper;

package/dist/components/Table/Table.types.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { IconProps } from "../Icons/types/IconProps.type";
+import { BaseButtonProps } from "../ButtonV2/ButtonProps.type";
 import { TagColorTheme } from "../Tag/Tag";
 export interface TableFieldConfig<Item> {
     key: string;
@@ -16,8 +15,11 @@ export interface TableFieldText {
         color: TagColorTheme;
     };
 }
-export interface TableFieldAction<Item> {
+export declare type TableFieldAction<Item> = Pick<BaseButtonProps, "isDisabled" | "title" | "icon"> & {
     key: string;
-    icon: React.FunctionComponent<IconProps>;
+    /**
+     * @param item - the data in the row when this clicked
+     * @returns void
+     */
     handleClick: (item: Item) => void;
-}
+};

package/dist/web-ui.cjs.development.js

@@ -652,7 +652,7 @@ Text.defaultProps = {
   This wrapper is for keeping the behaviour of setting the role based on the presence of an onClick prop
 */
 
-var iconWrapper = function iconWrapper(SVGComponent) {
+var IconWrapper = function IconWrapper(SVGComponent) {
   return function (props) {
     return /*#__PURE__*/React__default.createElement(SVGComponent, _extends({}, props, {
       role: props.onClick ? "button" : undefined
@@ -673,7 +673,7 @@ var SvgAddIcon = function SvgAddIcon(props) {
   }));
 };
 
-var AddIcon = /*#__PURE__*/iconWrapper(SvgAddIcon);
+var AddIcon = /*#__PURE__*/IconWrapper(SvgAddIcon);
 
 var SvgAlertsIcon = function SvgAlertsIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -698,7 +698,7 @@ var SvgAlertsIcon = function SvgAlertsIcon(props) {
   }));
 };
 
-var AlertsIcon = /*#__PURE__*/iconWrapper(SvgAlertsIcon);
+var AlertsIcon = /*#__PURE__*/IconWrapper(SvgAlertsIcon);
 
 var SvgBellIcon = function SvgBellIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -723,7 +723,7 @@ var SvgBellIcon = function SvgBellIcon(props) {
   }));
 };
 
-var BellIcon = /*#__PURE__*/iconWrapper(SvgBellIcon);
+var BellIcon = /*#__PURE__*/IconWrapper(SvgBellIcon);
 
 var SvgChartIcon = function SvgChartIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -756,7 +756,7 @@ var SvgChartIcon = function SvgChartIcon(props) {
   }));
 };
 
-var ChartIcon = /*#__PURE__*/iconWrapper(SvgChartIcon);
+var ChartIcon = /*#__PURE__*/IconWrapper(SvgChartIcon);
 
 var SvgChartLineColoredIcon = function SvgChartLineColoredIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -791,7 +791,7 @@ var SvgChartLineColoredIcon = function SvgChartLineColoredIcon(props) {
   }));
 };
 
-var ChartLineColoredIcon = /*#__PURE__*/iconWrapper(SvgChartLineColoredIcon);
+var ChartLineColoredIcon = /*#__PURE__*/IconWrapper(SvgChartLineColoredIcon);
 
 var SvgChatBoxIcon = function SvgChatBoxIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -806,7 +806,7 @@ var SvgChatBoxIcon = function SvgChatBoxIcon(props) {
   }));
 };
 
-var ChatBoxIcon = /*#__PURE__*/iconWrapper(SvgChatBoxIcon);
+var ChatBoxIcon = /*#__PURE__*/IconWrapper(SvgChatBoxIcon);
 
 var SvgCheckIcon = function SvgCheckIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -822,7 +822,7 @@ var SvgCheckIcon = function SvgCheckIcon(props) {
   }));
 };
 
-var CheckIcon = /*#__PURE__*/iconWrapper(SvgCheckIcon);
+var CheckIcon = /*#__PURE__*/IconWrapper(SvgCheckIcon);
 
 var SvgChevronDoubleIcon = function SvgChevronDoubleIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -839,7 +839,7 @@ var SvgChevronDoubleIcon = function SvgChevronDoubleIcon(props) {
   }));
 };
 
-var ChevronDoubleIcon = /*#__PURE__*/iconWrapper(SvgChevronDoubleIcon);
+var ChevronDoubleIcon = /*#__PURE__*/IconWrapper(SvgChevronDoubleIcon);
 
 var SvgChevronDownIcon = function SvgChevronDownIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -854,7 +854,7 @@ var SvgChevronDownIcon = function SvgChevronDownIcon(props) {
   }));
 };
 
-var ChevronDownIcon = /*#__PURE__*/iconWrapper(SvgChevronDownIcon);
+var ChevronDownIcon = /*#__PURE__*/IconWrapper(SvgChevronDownIcon);
 
 var SvgChevronRightIcon = function SvgChevronRightIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -869,7 +869,7 @@ var SvgChevronRightIcon = function SvgChevronRightIcon(props) {
   }));
 };
 
-var ChevronRightIcon = /*#__PURE__*/iconWrapper(SvgChevronRightIcon);
+var ChevronRightIcon = /*#__PURE__*/IconWrapper(SvgChevronRightIcon);
 
 var SvgCrossIcon = function SvgCrossIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -884,7 +884,7 @@ var SvgCrossIcon = function SvgCrossIcon(props) {
   }));
 };
 
-var CrossIcon = /*#__PURE__*/iconWrapper(SvgCrossIcon);
+var CrossIcon = /*#__PURE__*/IconWrapper(SvgCrossIcon);
 
 var SvgDeleteIcon = function SvgDeleteIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -899,7 +899,7 @@ var SvgDeleteIcon = function SvgDeleteIcon(props) {
   }));
 };
 
-var DeleteIcon = /*#__PURE__*/iconWrapper(SvgDeleteIcon);
+var DeleteIcon = /*#__PURE__*/IconWrapper(SvgDeleteIcon);
 
 var SvgDownArrowIcon = function SvgDownArrowIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -913,7 +913,7 @@ var SvgDownArrowIcon = function SvgDownArrowIcon(props) {
   }));
 };
 
-var DownArrowIcon = /*#__PURE__*/iconWrapper(SvgDownArrowIcon);
+var DownArrowIcon = /*#__PURE__*/IconWrapper(SvgDownArrowIcon);
 
 var SvgDragIcon = function SvgDragIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -930,7 +930,7 @@ var SvgDragIcon = function SvgDragIcon(props) {
   }));
 };
 
-var DragIcon = /*#__PURE__*/iconWrapper(SvgDragIcon);
+var DragIcon = /*#__PURE__*/IconWrapper(SvgDragIcon);
 
 var SvgEditIcon = function SvgEditIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -945,7 +945,7 @@ var SvgEditIcon = function SvgEditIcon(props) {
   }));
 };
 
-var EditIcon = /*#__PURE__*/iconWrapper(SvgEditIcon);
+var EditIcon = /*#__PURE__*/IconWrapper(SvgEditIcon);
 
 var SvgEmptyIcon = function SvgEmptyIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -965,7 +965,7 @@ var SvgEmptyIcon = function SvgEmptyIcon(props) {
   }));
 };
 
-var EmptyIcon = /*#__PURE__*/iconWrapper(SvgEmptyIcon);
+var EmptyIcon = /*#__PURE__*/IconWrapper(SvgEmptyIcon);
 
 var SvgEmptyStateDashboardIcon = function SvgEmptyStateDashboardIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1290,7 +1290,7 @@ var SvgEmptyStateDashboardIcon = function SvgEmptyStateDashboardIcon(props) {
   }));
 };
 
-var EmptyStateDashboardIcon = /*#__PURE__*/iconWrapper(SvgEmptyStateDashboardIcon);
+var EmptyStateDashboardIcon = /*#__PURE__*/IconWrapper(SvgEmptyStateDashboardIcon);
 
 var SvgExclamationMarkIcon = function SvgExclamationMarkIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1305,7 +1305,7 @@ var SvgExclamationMarkIcon = function SvgExclamationMarkIcon(props) {
   }));
 };
 
-var ExclamationMarkIcon = /*#__PURE__*/iconWrapper(SvgExclamationMarkIcon);
+var ExclamationMarkIcon = /*#__PURE__*/IconWrapper(SvgExclamationMarkIcon);
 
 var SvgEyeIcon = function SvgEyeIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1320,7 +1320,7 @@ var SvgEyeIcon = function SvgEyeIcon(props) {
   }));
 };
 
-var EyeIcon = /*#__PURE__*/iconWrapper(SvgEyeIcon);
+var EyeIcon = /*#__PURE__*/IconWrapper(SvgEyeIcon);
 
 var SvgGearColoredIcon = function SvgGearColoredIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1340,7 +1340,7 @@ var SvgGearColoredIcon = function SvgGearColoredIcon(props) {
   }));
 };
 
-var GearColoredIcon = /*#__PURE__*/iconWrapper(SvgGearColoredIcon);
+var GearColoredIcon = /*#__PURE__*/IconWrapper(SvgGearColoredIcon);
 
 var SvgGearIcon = function SvgGearIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1355,7 +1355,7 @@ var SvgGearIcon = function SvgGearIcon(props) {
   }));
 };
 
-var GearIcon = /*#__PURE__*/iconWrapper(SvgGearIcon);
+var GearIcon = /*#__PURE__*/IconWrapper(SvgGearIcon);
 
 var SvgGroupColoredIcon = function SvgGroupColoredIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1373,7 +1373,7 @@ var SvgGroupColoredIcon = function SvgGroupColoredIcon(props) {
   }));
 };
 
-var GroupColoredIcon = /*#__PURE__*/iconWrapper(SvgGroupColoredIcon);
+var GroupColoredIcon = /*#__PURE__*/IconWrapper(SvgGroupColoredIcon);
 
 var SvgGroupIcon = function SvgGroupIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1388,7 +1388,7 @@ var SvgGroupIcon = function SvgGroupIcon(props) {
   }));
 };
 
-var GroupIcon = /*#__PURE__*/iconWrapper(SvgGroupIcon);
+var GroupIcon = /*#__PURE__*/IconWrapper(SvgGroupIcon);
 
 var SvgHamburgerIcon = function SvgHamburgerIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1403,7 +1403,7 @@ var SvgHamburgerIcon = function SvgHamburgerIcon(props) {
   }));
 };
 
-var HamburgerIcon = /*#__PURE__*/iconWrapper(SvgHamburgerIcon);
+var HamburgerIcon = /*#__PURE__*/IconWrapper(SvgHamburgerIcon);
 
 var SvgHeartIcon = function SvgHeartIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1418,7 +1418,7 @@ var SvgHeartIcon = function SvgHeartIcon(props) {
   }));
 };
 
-var HeartIcon = /*#__PURE__*/iconWrapper(SvgHeartIcon);
+var HeartIcon = /*#__PURE__*/IconWrapper(SvgHeartIcon);
 
 var SvgImageIcon = function SvgImageIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1433,7 +1433,7 @@ var SvgImageIcon = function SvgImageIcon(props) {
   }));
 };
 
-var ImageIcon = /*#__PURE__*/iconWrapper(SvgImageIcon);
+var ImageIcon = /*#__PURE__*/IconWrapper(SvgImageIcon);
 
 var SvgInfoIcon = function SvgInfoIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1448,7 +1448,7 @@ var SvgInfoIcon = function SvgInfoIcon(props) {
   }));
 };
 
-var InfoIcon = /*#__PURE__*/iconWrapper(SvgInfoIcon);
+var InfoIcon = /*#__PURE__*/IconWrapper(SvgInfoIcon);
 
 var SvgLeftArrowIcon = function SvgLeftArrowIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1463,7 +1463,7 @@ var SvgLeftArrowIcon = function SvgLeftArrowIcon(props) {
   }));
 };
 
-var LeftArrowIcon = /*#__PURE__*/iconWrapper(SvgLeftArrowIcon);
+var LeftArrowIcon = /*#__PURE__*/IconWrapper(SvgLeftArrowIcon);
 
 var SvgLightBulbIcon = function SvgLightBulbIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1478,7 +1478,7 @@ var SvgLightBulbIcon = function SvgLightBulbIcon(props) {
   }));
 };
 
-var LightBulbIcon = /*#__PURE__*/iconWrapper(SvgLightBulbIcon);
+var LightBulbIcon = /*#__PURE__*/IconWrapper(SvgLightBulbIcon);
 
 var SvgLinkIcon = function SvgLinkIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1501,7 +1501,7 @@ var SvgLinkIcon = function SvgLinkIcon(props) {
   }));
 };
 
-var LinkIcon = /*#__PURE__*/iconWrapper(SvgLinkIcon);
+var LinkIcon = /*#__PURE__*/IconWrapper(SvgLinkIcon);
 
 var SvgLockIcon = function SvgLockIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1516,7 +1516,7 @@ var SvgLockIcon = function SvgLockIcon(props) {
   }));
 };
 
-var LockIcon = /*#__PURE__*/iconWrapper(SvgLockIcon);
+var LockIcon = /*#__PURE__*/IconWrapper(SvgLockIcon);
 
 var SvgMessagesIcon = function SvgMessagesIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1555,7 +1555,7 @@ var SvgMessagesIcon = function SvgMessagesIcon(props) {
   }));
 };
 
-var MessagesIcon = /*#__PURE__*/iconWrapper(SvgMessagesIcon);
+var MessagesIcon = /*#__PURE__*/IconWrapper(SvgMessagesIcon);
 
 var SvgMouseIcon = function SvgMouseIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1570,7 +1570,7 @@ var SvgMouseIcon = function SvgMouseIcon(props) {
   }));
 };
 
-var MouseIcon = /*#__PURE__*/iconWrapper(SvgMouseIcon);
+var MouseIcon = /*#__PURE__*/IconWrapper(SvgMouseIcon);
 
 var SvgNotesIcon = function SvgNotesIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1585,7 +1585,7 @@ var SvgNotesIcon = function SvgNotesIcon(props) {
   }));
 };
 
-var NotesIcon = /*#__PURE__*/iconWrapper(SvgNotesIcon);
+var NotesIcon = /*#__PURE__*/IconWrapper(SvgNotesIcon);
 
 var SvgPinIcon = function SvgPinIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1600,7 +1600,7 @@ var SvgPinIcon = function SvgPinIcon(props) {
   }));
 };
 
-var PinIcon = /*#__PURE__*/iconWrapper(SvgPinIcon);
+var PinIcon = /*#__PURE__*/IconWrapper(SvgPinIcon);
 
 var SvgPrintIcon = function SvgPrintIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1613,7 +1613,7 @@ var SvgPrintIcon = function SvgPrintIcon(props) {
   }));
 };
 
-var PrintIcon = /*#__PURE__*/iconWrapper(SvgPrintIcon);
+var PrintIcon = /*#__PURE__*/IconWrapper(SvgPrintIcon);
 
 var SvgRightArrowIcon = function SvgRightArrowIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1628,7 +1628,7 @@ var SvgRightArrowIcon = function SvgRightArrowIcon(props) {
   }));
 };
 
-var RightArrowIcon = /*#__PURE__*/iconWrapper(SvgRightArrowIcon);
+var RightArrowIcon = /*#__PURE__*/IconWrapper(SvgRightArrowIcon);
 
 var SvgSearchCancelIcon = function SvgSearchCancelIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1643,7 +1643,7 @@ var SvgSearchCancelIcon = function SvgSearchCancelIcon(props) {
   }));
 };
 
-var SearchCancelIcon = /*#__PURE__*/iconWrapper(SvgSearchCancelIcon);
+var SearchCancelIcon = /*#__PURE__*/IconWrapper(SvgSearchCancelIcon);
 
 var SvgSearchIcon = function SvgSearchIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1658,7 +1658,7 @@ var SvgSearchIcon = function SvgSearchIcon(props) {
   }));
 };
 
-var SearchIcon = /*#__PURE__*/iconWrapper(SvgSearchIcon);
+var SearchIcon = /*#__PURE__*/IconWrapper(SvgSearchIcon);
 
 var SvgSmallCircleIcon = function SvgSmallCircleIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1681,7 +1681,7 @@ var SvgSmallCircleIcon = function SvgSmallCircleIcon(props) {
   }));
 };
 
-var SmallCircleIcon = /*#__PURE__*/iconWrapper(SvgSmallCircleIcon);
+var SmallCircleIcon = /*#__PURE__*/IconWrapper(SvgSmallCircleIcon);
 
 var SvgSmallDiamondIcon = function SvgSmallDiamondIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1703,7 +1703,7 @@ var SvgSmallDiamondIcon = function SvgSmallDiamondIcon(props) {
   }));
 };
 
-var SmallDiamondIcon = /*#__PURE__*/iconWrapper(SvgSmallDiamondIcon);
+var SmallDiamondIcon = /*#__PURE__*/IconWrapper(SvgSmallDiamondIcon);
 
 var SvgSmallSquareIcon = function SvgSmallSquareIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1728,7 +1728,7 @@ var SvgSmallSquareIcon = function SvgSmallSquareIcon(props) {
   }));
 };
 
-var SmallSquareIcon = /*#__PURE__*/iconWrapper(SvgSmallSquareIcon);
+var SmallSquareIcon = /*#__PURE__*/IconWrapper(SvgSmallSquareIcon);
 
 var SvgSpaceRocketIcon = function SvgSpaceRocketIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1743,7 +1743,7 @@ var SvgSpaceRocketIcon = function SvgSpaceRocketIcon(props) {
   }));
 };
 
-var SpaceRocketIcon = /*#__PURE__*/iconWrapper(SvgSpaceRocketIcon);
+var SpaceRocketIcon = /*#__PURE__*/IconWrapper(SvgSpaceRocketIcon);
 
 var SvgStarIcon = function SvgStarIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1758,7 +1758,7 @@ var SvgStarIcon = function SvgStarIcon(props) {
   }));
 };
 
-var StarIcon = /*#__PURE__*/iconWrapper(SvgStarIcon);
+var StarIcon = /*#__PURE__*/IconWrapper(SvgStarIcon);
 
 var SvgStatusColoredIcon = function SvgStatusColoredIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1787,7 +1787,7 @@ var SvgStatusColoredIcon = function SvgStatusColoredIcon(props) {
   }));
 };
 
-var StatusColoredIcon = /*#__PURE__*/iconWrapper(SvgStatusColoredIcon);
+var StatusColoredIcon = /*#__PURE__*/IconWrapper(SvgStatusColoredIcon);
 
 var SvgWarningIcon = function SvgWarningIcon(props) {
   return /*#__PURE__*/React__default.createElement("svg", _extends({
@@ -1802,7 +1802,7 @@ var SvgWarningIcon = function SvgWarningIcon(props) {
   }));
 };
 
-var WarningIcon = /*#__PURE__*/iconWrapper(SvgWarningIcon);
+var WarningIcon = /*#__PURE__*/IconWrapper(SvgWarningIcon);
 
 // This file is generated, please do not modify
 
@@ -2318,6 +2318,10 @@ var Icon = function Icon(_ref) {
 /**
  * This is a temporary component to transition the way we pass icons to components.
  * Once all components are passed an IconKey instead of a function component we can replace it with the Icon component.
+ *
+ * If any expansion or customization must be made for all icons, do it in the iconWrapper.tsx component.
+ *
+ * @linkcode https://github.com/Luscii/web-ui/blob/main/src/components/Icons/iconWrapper/iconWrapper.tsx
  */
 
 var IconComponentOrKey = function IconComponentOrKey(props) {
@@ -3085,7 +3089,7 @@ var ButtonV2 = /*#__PURE__*/React__default.forwardRef(function (_ref, innerRef)
     "px-4": text && !icon
   }, {
     "opacity-50": isDisabled,
-    "pointer-events-none": isDisabled || isPending
+    "pointer-events-none": isPending
   }, className);
   var textColorClass = allowedColors[textColor != null ? textColor : "base"];
   return /*#__PURE__*/React__default.createElement("button", _extends({
@@ -5058,11 +5062,17 @@ function TableBodyRowDataCell(props) {
       "group-hover:opacity-100": props.fieldConfig.onlyShowContentOnHovering
     })
   }, content.map(function (action) {
-    return action && /*#__PURE__*/React__default.createElement(TertiaryButton, {
+    if (!action) {
+      return null;
+    }
+
+    return /*#__PURE__*/React__default.createElement(TertiaryButton, {
       "data-test-id": action.key + "-button",
       className: "ml-2 first:ml-0",
       key: action.key,
       icon: action.icon,
+      isDisabled: action.isDisabled,
+      title: action.title,
       onClick: function onClick() {
         action.handleClick(props.item);
       }