@eztrak/shared 0.15.0 → 0.15.3

package/dist/components/index.d.mts

@@ -319,6 +319,11 @@ interface PopupCellRendererProps<TRow = unknown> {
     placement?: TippyProps["placement"];
     /** Default `"Row actions"`. */
     ariaLabel?: string;
+    /**
+     * When true, the menu opens on hover and closes on leave.
+     * Default `false` (click to open).
+     */
+    openOnHover?: boolean;
     tippyProps?: Omit<Partial<TippyProps>, "children" | "content" | "visible" | "placement">;
 }
 
@@ -329,7 +334,7 @@ interface PopupCellRendererProps<TRow = unknown> {
  * `import "tippy.js/dist/tippy.css"`
  * `import "tippy.js/themes/light.css"`
  */
-declare function PopupCellRenderer<TRow = unknown>({ dropDownContent, actionIcon: ActionIcon, title, className, hideTitle, params, onAction, placement, tippyProps, ariaLabel, }: PopupCellRendererProps<TRow>): react.JSX.Element;
+declare function PopupCellRenderer<TRow = unknown>({ dropDownContent, actionIcon: ActionIcon, title, className, hideTitle, params, onAction, placement, tippyProps, ariaLabel, openOnHover, }: PopupCellRendererProps<TRow>): react.JSX.Element;
 
 type RowActionPresetName = "edit" | "delete" | "view" | "notes" | "history" | "download" | "archive" | "resolve";
 type RowActionsMode = "menu" | "inline";
@@ -363,6 +368,10 @@ type RowAction<TRow = unknown> = {
     closeOnClick?: boolean;
     /** Extra classes on this item (merged after defaults; can override hover). */
     className?: string;
+    /** Extra classes on this item’s icon (overrides preset, e.g. `"text-red-500"`). */
+    iconClassName?: string;
+    /** Extra classes on this item’s label. */
+    labelClassName?: string;
 };
 type RowActionsList<TRow = unknown> = RowAction<TRow>[] | ((data: TRow | undefined) => RowAction<TRow>[]);
 interface RowActionsRenderContext<TRow = unknown> {
@@ -392,6 +401,8 @@ interface RowActionsProps<TRow = unknown> {
      */
     itemClassName?: string;
     itemIconClassName?: string;
+    /** Extra classes on every item label. */
+    itemLabelClassName?: string;
     /** Default `16`. */
     iconSize?: number;
     /** Default `"Actions"`. Pass `false` to hide. */
@@ -399,6 +410,11 @@ interface RowActionsProps<TRow = unknown> {
     triggerAriaLabel?: string;
     hasPermission?: (permission: string) => boolean;
     placement?: TippyProps["placement"];
+    /**
+     * When true, the menu opens on hover and closes on leave.
+     * Default `false` (click to open).
+     */
+    openOnHover?: boolean;
     tippyProps?: PopupCellRendererProps<TRow>["tippyProps"];
     /** Override default `Fa*` preset icons/labels for this instance. */
     presets?: Partial<Record<RowActionPresetName, Partial<RowActionPreset>>>;
@@ -434,6 +450,7 @@ interface ActionMenuItemProps {
     highlight?: boolean;
     showLabel?: boolean;
     className?: string;
+    labelClassName?: string;
     onClick: () => void;
 }
 interface ResolvedRowAction<TRow = unknown> {
@@ -452,19 +469,24 @@ interface ResolvedRowAction<TRow = unknown> {
     confirm?: ConfirmationAlertOptions;
     closeOnClick: boolean;
     className?: string;
+    iconClassName?: string;
+    labelClassName?: string;
 }
 interface RowActionPreset {
     label: string;
     icon: IconType;
     danger?: boolean;
+    iconClassName?: string;
 }
 
-declare function RowActions<TRow = unknown>({ actions, data, mode, actionIcon, className, menuClassName, itemClassName, itemIconClassName, iconSize, triggerTooltip, triggerAriaLabel, hasPermission, placement, tippyProps, presets, confirmFn, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, renderItem, renderMenu, renderTrigger, }: RowActionsProps<TRow>): react.JSX.Element | null;
+declare function RowActions<TRow = unknown>({ actions, data, mode, actionIcon, className, menuClassName, itemClassName, itemIconClassName, itemLabelClassName, iconSize, triggerTooltip, triggerAriaLabel, hasPermission, placement, openOnHover, tippyProps, presets, confirmFn, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, renderItem, renderMenu, renderTrigger, }: RowActionsProps<TRow>): react.JSX.Element | null;
 
-declare function ActionMenuItem({ label, icon: Icon, iconSize, iconClassName, tooltip, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, disabled, danger, highlight, showLabel, className, onClick, }: ActionMenuItemProps): react.JSX.Element;
+declare function ActionMenuItem({ label, icon: Icon, iconSize, iconClassName, labelClassName, tooltip, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, disabled, danger, highlight, showLabel, className, onClick, }: ActionMenuItemProps): react.JSX.Element;
 
 /** Settings-app hover: peach bg `#FFF1EB` + orange text (`primary-50` / `primary-150`). */
 declare const ROW_ACTION_ITEM_HOVER_CLASS = "hover:bg-primary-50 hover:text-primary-150";
+/** Settings/Department rest color (`#6C757D`). */
+declare const ROW_ACTION_ITEM_TEXT_CLASS = "text-secondary";
 declare const ROW_ACTION_DEFAULT_ICON_SIZE = 16;
 declare const ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE: CSSProperties;
 declare const ROW_ACTION_PRESETS: Record<RowActionPresetName, RowActionPreset>;
@@ -484,4 +506,4 @@ type TableErrorBoundaryProps = {
 
 declare const TableErrorBoundary: react__default.FC<TableErrorBoundaryProps>;
 
-export { ActionMenuItem, type ActionMenuItemProps, CardSkeleton, type CardSkeletonProps, type CardSkeletonVariant, type CellEditPayload, type CellEditorInputType, CustomCellEditor, type CustomCellEditorProps, type CustomCellEditorRef, CustomPagination, type CustomPaginationClassNames, type CustomPaginationProps, DropdownFilter, type DropdownFilterProps, type DropdownOption, type EztrakTab, EztrakTabs, type EztrakTabsClassNames, type EztrakTabsProps, type LayoutStatus, Loader, type LoaderProps, Modal, type ModalProps, type PaginationData, type PopupActionHandler, PopupCellRenderer, type PopupCellRendererParams, type PopupCellRendererProps, type PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, type ResetColumnsButtonProps, ResetFiltersButton, type ResetFiltersButtonProps, type ResetFiltersButtonVariant, type ResolvedRowAction, type RowAction, type RowActionConfirmFn, type RowActionFlag, type RowActionItemRenderContext, type RowActionItemType, type RowActionPreset, type RowActionPresetName, RowActions, type RowActionsList, type RowActionsMode, type RowActionsProps, type RowActionsRenderContext, SearchInput, type SearchInputProps, TableErrorBoundary, type TableErrorBoundaryProps, TableLayoutToolbarControls, type TableLayoutToolbarControlsProps, ToolTip, type ToolTipProps, TooltipText, type TooltipTextProps, dropdownStyles, resolveActions };
+export { ActionMenuItem, type ActionMenuItemProps, CardSkeleton, type CardSkeletonProps, type CardSkeletonVariant, type CellEditPayload, type CellEditorInputType, CustomCellEditor, type CustomCellEditorProps, type CustomCellEditorRef, CustomPagination, type CustomPaginationClassNames, type CustomPaginationProps, DropdownFilter, type DropdownFilterProps, type DropdownOption, type EztrakTab, EztrakTabs, type EztrakTabsClassNames, type EztrakTabsProps, type LayoutStatus, Loader, type LoaderProps, Modal, type ModalProps, type PaginationData, type PopupActionHandler, PopupCellRenderer, type PopupCellRendererParams, type PopupCellRendererProps, type PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_ITEM_TEXT_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, type ResetColumnsButtonProps, ResetFiltersButton, type ResetFiltersButtonProps, type ResetFiltersButtonVariant, type ResolvedRowAction, type RowAction, type RowActionConfirmFn, type RowActionFlag, type RowActionItemRenderContext, type RowActionItemType, type RowActionPreset, type RowActionPresetName, RowActions, type RowActionsList, type RowActionsMode, type RowActionsProps, type RowActionsRenderContext, SearchInput, type SearchInputProps, TableErrorBoundary, type TableErrorBoundaryProps, TableLayoutToolbarControls, type TableLayoutToolbarControlsProps, ToolTip, type ToolTipProps, TooltipText, type TooltipTextProps, dropdownStyles, resolveActions };

package/dist/components/index.d.ts

@@ -319,6 +319,11 @@ interface PopupCellRendererProps<TRow = unknown> {
     placement?: TippyProps["placement"];
     /** Default `"Row actions"`. */
     ariaLabel?: string;
+    /**
+     * When true, the menu opens on hover and closes on leave.
+     * Default `false` (click to open).
+     */
+    openOnHover?: boolean;
     tippyProps?: Omit<Partial<TippyProps>, "children" | "content" | "visible" | "placement">;
 }
 
@@ -329,7 +334,7 @@ interface PopupCellRendererProps<TRow = unknown> {
  * `import "tippy.js/dist/tippy.css"`
  * `import "tippy.js/themes/light.css"`
  */
-declare function PopupCellRenderer<TRow = unknown>({ dropDownContent, actionIcon: ActionIcon, title, className, hideTitle, params, onAction, placement, tippyProps, ariaLabel, }: PopupCellRendererProps<TRow>): react.JSX.Element;
+declare function PopupCellRenderer<TRow = unknown>({ dropDownContent, actionIcon: ActionIcon, title, className, hideTitle, params, onAction, placement, tippyProps, ariaLabel, openOnHover, }: PopupCellRendererProps<TRow>): react.JSX.Element;
 
 type RowActionPresetName = "edit" | "delete" | "view" | "notes" | "history" | "download" | "archive" | "resolve";
 type RowActionsMode = "menu" | "inline";
@@ -363,6 +368,10 @@ type RowAction<TRow = unknown> = {
     closeOnClick?: boolean;
     /** Extra classes on this item (merged after defaults; can override hover). */
     className?: string;
+    /** Extra classes on this item’s icon (overrides preset, e.g. `"text-red-500"`). */
+    iconClassName?: string;
+    /** Extra classes on this item’s label. */
+    labelClassName?: string;
 };
 type RowActionsList<TRow = unknown> = RowAction<TRow>[] | ((data: TRow | undefined) => RowAction<TRow>[]);
 interface RowActionsRenderContext<TRow = unknown> {
@@ -392,6 +401,8 @@ interface RowActionsProps<TRow = unknown> {
      */
     itemClassName?: string;
     itemIconClassName?: string;
+    /** Extra classes on every item label. */
+    itemLabelClassName?: string;
     /** Default `16`. */
     iconSize?: number;
     /** Default `"Actions"`. Pass `false` to hide. */
@@ -399,6 +410,11 @@ interface RowActionsProps<TRow = unknown> {
     triggerAriaLabel?: string;
     hasPermission?: (permission: string) => boolean;
     placement?: TippyProps["placement"];
+    /**
+     * When true, the menu opens on hover and closes on leave.
+     * Default `false` (click to open).
+     */
+    openOnHover?: boolean;
     tippyProps?: PopupCellRendererProps<TRow>["tippyProps"];
     /** Override default `Fa*` preset icons/labels for this instance. */
     presets?: Partial<Record<RowActionPresetName, Partial<RowActionPreset>>>;
@@ -434,6 +450,7 @@ interface ActionMenuItemProps {
     highlight?: boolean;
     showLabel?: boolean;
     className?: string;
+    labelClassName?: string;
     onClick: () => void;
 }
 interface ResolvedRowAction<TRow = unknown> {
@@ -452,19 +469,24 @@ interface ResolvedRowAction<TRow = unknown> {
     confirm?: ConfirmationAlertOptions;
     closeOnClick: boolean;
     className?: string;
+    iconClassName?: string;
+    labelClassName?: string;
 }
 interface RowActionPreset {
     label: string;
     icon: IconType;
     danger?: boolean;
+    iconClassName?: string;
 }
 
-declare function RowActions<TRow = unknown>({ actions, data, mode, actionIcon, className, menuClassName, itemClassName, itemIconClassName, iconSize, triggerTooltip, triggerAriaLabel, hasPermission, placement, tippyProps, presets, confirmFn, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, renderItem, renderMenu, renderTrigger, }: RowActionsProps<TRow>): react.JSX.Element | null;
+declare function RowActions<TRow = unknown>({ actions, data, mode, actionIcon, className, menuClassName, itemClassName, itemIconClassName, itemLabelClassName, iconSize, triggerTooltip, triggerAriaLabel, hasPermission, placement, openOnHover, tippyProps, presets, confirmFn, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, renderItem, renderMenu, renderTrigger, }: RowActionsProps<TRow>): react.JSX.Element | null;
 
-declare function ActionMenuItem({ label, icon: Icon, iconSize, iconClassName, tooltip, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, disabled, danger, highlight, showLabel, className, onClick, }: ActionMenuItemProps): react.JSX.Element;
+declare function ActionMenuItem({ label, icon: Icon, iconSize, iconClassName, labelClassName, tooltip, tooltipPlacement, tooltipDelayShow, tooltipDelayHide, tooltipClassName, tooltipStyle, disabled, danger, highlight, showLabel, className, onClick, }: ActionMenuItemProps): react.JSX.Element;
 
 /** Settings-app hover: peach bg `#FFF1EB` + orange text (`primary-50` / `primary-150`). */
 declare const ROW_ACTION_ITEM_HOVER_CLASS = "hover:bg-primary-50 hover:text-primary-150";
+/** Settings/Department rest color (`#6C757D`). */
+declare const ROW_ACTION_ITEM_TEXT_CLASS = "text-secondary";
 declare const ROW_ACTION_DEFAULT_ICON_SIZE = 16;
 declare const ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE: CSSProperties;
 declare const ROW_ACTION_PRESETS: Record<RowActionPresetName, RowActionPreset>;
@@ -484,4 +506,4 @@ type TableErrorBoundaryProps = {
 
 declare const TableErrorBoundary: react__default.FC<TableErrorBoundaryProps>;
 
-export { ActionMenuItem, type ActionMenuItemProps, CardSkeleton, type CardSkeletonProps, type CardSkeletonVariant, type CellEditPayload, type CellEditorInputType, CustomCellEditor, type CustomCellEditorProps, type CustomCellEditorRef, CustomPagination, type CustomPaginationClassNames, type CustomPaginationProps, DropdownFilter, type DropdownFilterProps, type DropdownOption, type EztrakTab, EztrakTabs, type EztrakTabsClassNames, type EztrakTabsProps, type LayoutStatus, Loader, type LoaderProps, Modal, type ModalProps, type PaginationData, type PopupActionHandler, PopupCellRenderer, type PopupCellRendererParams, type PopupCellRendererProps, type PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, type ResetColumnsButtonProps, ResetFiltersButton, type ResetFiltersButtonProps, type ResetFiltersButtonVariant, type ResolvedRowAction, type RowAction, type RowActionConfirmFn, type RowActionFlag, type RowActionItemRenderContext, type RowActionItemType, type RowActionPreset, type RowActionPresetName, RowActions, type RowActionsList, type RowActionsMode, type RowActionsProps, type RowActionsRenderContext, SearchInput, type SearchInputProps, TableErrorBoundary, type TableErrorBoundaryProps, TableLayoutToolbarControls, type TableLayoutToolbarControlsProps, ToolTip, type ToolTipProps, TooltipText, type TooltipTextProps, dropdownStyles, resolveActions };
+export { ActionMenuItem, type ActionMenuItemProps, CardSkeleton, type CardSkeletonProps, type CardSkeletonVariant, type CellEditPayload, type CellEditorInputType, CustomCellEditor, type CustomCellEditorProps, type CustomCellEditorRef, CustomPagination, type CustomPaginationClassNames, type CustomPaginationProps, DropdownFilter, type DropdownFilterProps, type DropdownOption, type EztrakTab, EztrakTabs, type EztrakTabsClassNames, type EztrakTabsProps, type LayoutStatus, Loader, type LoaderProps, Modal, type ModalProps, type PaginationData, type PopupActionHandler, PopupCellRenderer, type PopupCellRendererParams, type PopupCellRendererProps, type PopupDropDownContent, ROW_ACTION_DEFAULT_ICON_SIZE, ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ROW_ACTION_ITEM_HOVER_CLASS, ROW_ACTION_ITEM_TEXT_CLASS, ROW_ACTION_PRESETS, ResetColumnsButton, type ResetColumnsButtonProps, ResetFiltersButton, type ResetFiltersButtonProps, type ResetFiltersButtonVariant, type ResolvedRowAction, type RowAction, type RowActionConfirmFn, type RowActionFlag, type RowActionItemRenderContext, type RowActionItemType, type RowActionPreset, type RowActionPresetName, RowActions, type RowActionsList, type RowActionsMode, type RowActionsProps, type RowActionsRenderContext, SearchInput, type SearchInputProps, TableErrorBoundary, type TableErrorBoundaryProps, TableLayoutToolbarControls, type TableLayoutToolbarControlsProps, ToolTip, type ToolTipProps, TooltipText, type TooltipTextProps, dropdownStyles, resolveActions };

package/dist/components/index.js

@@ -42,6 +42,7 @@ __export(components_exports, {
   ROW_ACTION_DEFAULT_ICON_SIZE: () => ROW_ACTION_DEFAULT_ICON_SIZE,
   ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE: () => ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE,
   ROW_ACTION_ITEM_HOVER_CLASS: () => ROW_ACTION_ITEM_HOVER_CLASS,
+  ROW_ACTION_ITEM_TEXT_CLASS: () => ROW_ACTION_ITEM_TEXT_CLASS,
   ROW_ACTION_PRESETS: () => ROW_ACTION_PRESETS,
   ResetColumnsButton: () => ResetColumnsButton,
   ResetFiltersButton: () => ResetFiltersButton,
@@ -1757,23 +1758,34 @@ function PopupCellRenderer({
   onAction,
   placement = "bottom-end",
   tippyProps,
-  ariaLabel = "Row actions"
+  ariaLabel = "Row actions",
+  openOnHover = false
 }) {
   const [visible, setVisible] = (0, import_react7.useState)(false);
+  const instanceRef = (0, import_react7.useRef)(null);
   const show = () => setVisible(true);
-  const hide = () => setVisible(false);
+  const hide = () => {
+    setVisible(false);
+    instanceRef.current?.hide();
+  };
   const rowData = params?.data;
   const handleAction = (actionType, actionRowData) => {
     onAction?.(actionType, actionRowData ?? rowData, hide);
     hide();
   };
   const content = typeof dropDownContent === "function" ? dropDownContent(handleAction) : dropDownContent;
+  const hoverOrClickProps = openOnHover ? {
+    trigger: "mouseenter",
+    delay: [0, 150],
+    hideOnClick: false
+  } : {
+    visible,
+    onClickOutside: hide
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-full", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     import_react8.default,
     {
       content,
-      visible,
-      onClickOutside: hide,
       allowHTML: true,
       arrow: false,
       appendTo: () => document.body,
@@ -1783,12 +1795,16 @@ function PopupCellRenderer({
       theme: "light",
       maxWidth: "none",
       offset: [0, 5],
+      onCreate: (instance) => {
+        instanceRef.current = instance;
+      },
+      ...hoverOrClickProps,
       ...tippyProps,
       children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         "button",
         {
           type: "button",
-          onClick: visible ? hide : show,
+          onClick: openOnHover ? void 0 : visible ? hide : show,
           className: cn(
             "flex items-center justify-center gap-2 rounded-full text-gray-500 hover:text-gray-800",
             className
@@ -1807,13 +1823,14 @@ function PopupCellRenderer({
 // src/components/row-actions/presets.ts
 var import_fa2 = require("react-icons/fa");
 var ROW_ACTION_ITEM_HOVER_CLASS = "hover:bg-primary-50 hover:text-primary-150";
+var ROW_ACTION_ITEM_TEXT_CLASS = "text-secondary";
 var ROW_ACTION_DEFAULT_ICON_SIZE = 16;
 var ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE = {
   zIndex: 1e4
 };
 var ROW_ACTION_PRESETS = {
   edit: { label: "Edit", icon: import_fa2.FaEdit },
-  delete: { label: "Delete", icon: import_fa2.FaTrashAlt, danger: true },
+  delete: { label: "Delete", icon: import_fa2.FaTrashAlt, danger: true, iconClassName: "text-red-500" },
   view: { label: "View", icon: import_fa2.FaEye },
   notes: { label: "Notes", icon: import_fa2.FaFileAlt },
   history: { label: "History", icon: import_fa2.FaHistory },
@@ -1829,6 +1846,7 @@ function ActionMenuItem({
   icon: Icon,
   iconSize = ROW_ACTION_DEFAULT_ICON_SIZE,
   iconClassName,
+  labelClassName,
   tooltip,
   tooltipPlacement = "top",
   tooltipDelayShow,
@@ -1867,9 +1885,9 @@ function ActionMenuItem({
           },
           className: cn(
             "flex items-center gap-2 text-sm transition-colors duration-150",
+            ROW_ACTION_ITEM_TEXT_CLASS,
             showLabel ? "w-full rounded-xl px-3 py-2 text-left" : "justify-center rounded-md p-1",
             disabled ? "cursor-not-allowed opacity-50" : ROW_ACTION_ITEM_HOVER_CLASS,
-            danger && "text-red-500",
             highlight && !danger && "text-primary-150",
             className
           ),
@@ -1882,7 +1900,7 @@ function ActionMenuItem({
                 size: iconSize
               }
             ) : null,
-            showLabel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: label }) : null
+            showLabel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: labelClassName, children: label }) : null
           ]
         }
       )
@@ -1931,7 +1949,9 @@ function resolveActions(actions, data, hasPermission, presets) {
       tooltipPlacement: action.tooltipPlacement,
       confirm: action.confirm,
       closeOnClick: action.closeOnClick !== false,
-      className: action.className
+      className: action.className,
+      iconClassName: cn(preset?.iconClassName, action.iconClassName) || void 0,
+      labelClassName: action.labelClassName
     };
     return [resolved];
   });
@@ -1963,11 +1983,13 @@ function RowActions({
   menuClassName,
   itemClassName,
   itemIconClassName,
+  itemLabelClassName,
   iconSize = ROW_ACTION_DEFAULT_ICON_SIZE,
   triggerTooltip = "Actions",
   triggerAriaLabel = "Row actions",
   hasPermission,
   placement = "bottom-end",
+  openOnHover = false,
   tippyProps,
   presets,
   confirmFn = confirmationAlert,
@@ -2008,7 +2030,8 @@ function RowActions({
         label: action.label,
         icon: action.icon,
         iconSize: action.iconSize ?? iconSize,
-        iconClassName: itemIconClassName,
+        iconClassName: cn(itemIconClassName, action.iconClassName),
+        labelClassName: cn(itemLabelClassName, action.labelClassName),
         tooltip: action.tooltip,
         tooltipPlacement: action.tooltipPlacement ?? tooltipPlacement,
         tooltipDelayShow,
@@ -2081,6 +2104,7 @@ function RowActions({
           hideTitle: true,
           className,
           placement,
+          openOnHover,
           tippyProps,
           ariaLabel: triggerAriaLabel,
           dropDownContent: (handleAction) => buildMenu(() => handleAction("close"))
@@ -2182,6 +2206,7 @@ var TableErrorBoundary = ({
   ROW_ACTION_DEFAULT_ICON_SIZE,
   ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE,
   ROW_ACTION_ITEM_HOVER_CLASS,
+  ROW_ACTION_ITEM_TEXT_CLASS,
   ROW_ACTION_PRESETS,
   ResetColumnsButton,
   ResetFiltersButton,