@eztrak/shared 0.14.0 → 0.15.1

package/dist/components/index.d.ts

@@ -4,7 +4,7 @@ import { Props, StylesConfig } from 'react-select';
 import { PlacesType } from 'react-tooltip';
 import { IconType } from 'react-icons';
 import { TippyProps } from '@tippyjs/react';
-import { R as RtkQueryError } from '../handleApiError-CwVIJOqO.js';
+import { C as ConfirmationAlertOptions, R as RtkQueryError } from '../handleApiError-CwVIJOqO.js';
 
 type EztrakTab = {
     id: string;
@@ -317,6 +317,8 @@ interface PopupCellRendererProps<TRow = unknown> {
     params?: PopupCellRendererParams<TRow>;
     onAction?: (actionType: string, rowData: TRow | undefined, hide: () => void) => void;
     placement?: TippyProps["placement"];
+    /** Default `"Row actions"`. */
+    ariaLabel?: string;
     tippyProps?: Omit<Partial<TippyProps>, "children" | "content" | "visible" | "placement">;
 }
 
@@ -327,7 +329,159 @@ 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, }: PopupCellRendererProps<TRow>): react.JSX.Element;
+declare function PopupCellRenderer<TRow = unknown>({ dropDownContent, actionIcon: ActionIcon, title, className, hideTitle, params, onAction, placement, tippyProps, ariaLabel, }: PopupCellRendererProps<TRow>): react.JSX.Element;
+
+type RowActionPresetName = "edit" | "delete" | "view" | "notes" | "history" | "download" | "archive" | "resolve";
+type RowActionsMode = "menu" | "inline";
+type RowActionItemType = "item" | "divider";
+type RowActionFlag<TRow> = boolean | ((row: TRow | undefined) => boolean);
+type RowActionConfirmFn = (onConfirm: () => void | Promise<void>, options?: ConfirmationAlertOptions) => void;
+type RowAction<TRow = unknown> = {
+    /** Unique id. Falls back to `preset` when omitted. */
+    key?: string;
+    /** `"divider"` renders a separator. Default `"item"`. */
+    type?: RowActionItemType;
+    label?: string;
+    icon?: IconType;
+    /** Overrides `RowActions` `iconSize` for this item. */
+    iconSize?: number;
+    preset?: RowActionPresetName;
+    onClick?: (row: TRow | undefined) => void;
+    /** Fully custom row content (skips the default icon+label button). */
+    content?: ReactNode;
+    /** If set, the action is hidden unless `hasPermission(permission)` is true. */
+    permission?: string;
+    hidden?: RowActionFlag<TRow>;
+    disabled?: RowActionFlag<TRow>;
+    danger?: boolean;
+    highlight?: RowActionFlag<TRow>;
+    /** Default = resolved label. `false` hides the tooltip. */
+    tooltip?: string | false;
+    tooltipPlacement?: PlacesType;
+    confirm?: ConfirmationAlertOptions;
+    /** Default `true`. */
+    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> {
+    data: TRow | undefined;
+    actions: ResolvedRowAction<TRow>[];
+    hide: () => void;
+    defaultMenu: ReactNode;
+}
+interface RowActionItemRenderContext<TRow = unknown> {
+    data: TRow | undefined;
+    hide: () => void;
+    defaultItem: ReactNode;
+}
+interface RowActionsProps<TRow = unknown> {
+    actions: RowActionsList<TRow>;
+    data?: TRow;
+    mode?: RowActionsMode;
+    /** Override the default vertical 3-dots trigger. */
+    actionIcon?: IconType;
+    /** Extra classes on the trigger button (merged with defaults). */
+    className?: string;
+    /** Extra classes on the dropdown panel (merged with defaults). */
+    menuClassName?: string;
+    /**
+     * Extra classes on every menu/inline item (merged after defaults).
+     * Override hover here, e.g. `hover:bg-gray-100 hover:text-gray-800`.
+     */
+    itemClassName?: string;
+    itemIconClassName?: string;
+    /** Extra classes on every item label. */
+    itemLabelClassName?: string;
+    /** Default `16`. */
+    iconSize?: number;
+    /** Default `"Actions"`. Pass `false` to hide. */
+    triggerTooltip?: string | false;
+    triggerAriaLabel?: string;
+    hasPermission?: (permission: string) => boolean;
+    placement?: TippyProps["placement"];
+    tippyProps?: PopupCellRendererProps<TRow>["tippyProps"];
+    /** Override default `Fa*` preset icons/labels for this instance. */
+    presets?: Partial<Record<RowActionPresetName, Partial<RowActionPreset>>>;
+    /** Default: shared `confirmationAlert`. */
+    confirmFn?: RowActionConfirmFn;
+    tooltipPlacement?: PlacesType;
+    tooltipDelayShow?: number;
+    tooltipDelayHide?: number;
+    tooltipClassName?: string;
+    tooltipStyle?: CSSProperties;
+    /** Replace one item’s markup. */
+    renderItem?: (action: ResolvedRowAction<TRow>, ctx: RowActionItemRenderContext<TRow>) => ReactNode;
+    /** Replace the dropdown panel. Still opened by the default trigger unless `renderTrigger` is set. */
+    renderMenu?: (ctx: RowActionsRenderContext<TRow>) => ReactNode;
+    /** Replace trigger + popup engine entirely (e.g. a custom popover). */
+    renderTrigger?: (ctx: Omit<RowActionsRenderContext<TRow>, "hide"> & {
+        hide: () => void;
+    }) => ReactNode;
+}
+interface ActionMenuItemProps {
+    label: string;
+    icon?: IconType;
+    iconSize?: number;
+    iconClassName?: string;
+    tooltip?: string;
+    tooltipPlacement?: PlacesType;
+    tooltipDelayShow?: number;
+    tooltipDelayHide?: number;
+    tooltipClassName?: string;
+    tooltipStyle?: CSSProperties;
+    disabled?: boolean;
+    danger?: boolean;
+    highlight?: boolean;
+    showLabel?: boolean;
+    className?: string;
+    labelClassName?: string;
+    onClick: () => void;
+}
+interface ResolvedRowAction<TRow = unknown> {
+    key: string;
+    type: RowActionItemType;
+    label: string;
+    icon?: IconType;
+    iconSize?: number;
+    content?: ReactNode;
+    onClick?: (row: TRow | undefined) => void;
+    disabled: boolean;
+    danger: boolean;
+    highlight: boolean;
+    tooltip?: string;
+    tooltipPlacement?: PlacesType;
+    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, itemLabelClassName, iconSize, triggerTooltip, triggerAriaLabel, hasPermission, placement, 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, 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>;
+
+declare function resolveActions<TRow>(actions: RowActionsList<TRow>, data: TRow | undefined, hasPermission?: (permission: string) => boolean, presets?: Partial<Record<RowActionPresetName, Partial<RowActionPreset>>>): ResolvedRowAction<TRow>[];
 
 type TableErrorBoundaryProps = {
     isError: boolean;
@@ -342,4 +496,4 @@ type TableErrorBoundaryProps = {
 
 declare const TableErrorBoundary: react__default.FC<TableErrorBoundaryProps>;
 
-export { 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, ResetColumnsButton, type ResetColumnsButtonProps, ResetFiltersButton, type ResetFiltersButtonProps, type ResetFiltersButtonVariant, SearchInput, type SearchInputProps, TableErrorBoundary, type TableErrorBoundaryProps, TableLayoutToolbarControls, type TableLayoutToolbarControlsProps, ToolTip, type ToolTipProps, TooltipText, type TooltipTextProps, dropdownStyles };
+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

@@ -30,6 +30,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/index.ts
 var components_exports = {};
 __export(components_exports, {
+  ActionMenuItem: () => ActionMenuItem,
   CardSkeleton: () => CardSkeleton,
   CustomCellEditor: () => CustomCellEditor,
   CustomPagination: () => CustomPagination,
@@ -38,14 +39,21 @@ __export(components_exports, {
   Loader: () => Loader,
   Modal: () => Modal,
   PopupCellRenderer: () => PopupCellRenderer,
+  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,
+  RowActions: () => RowActions,
   SearchInput: () => SearchInput,
   TableErrorBoundary: () => TableErrorBoundary,
   TableLayoutToolbarControls: () => TableLayoutToolbarControls,
   ToolTip: () => ToolTip,
   TooltipText: () => TooltipText,
-  dropdownStyles: () => dropdownStyles
+  dropdownStyles: () => dropdownStyles,
+  resolveActions: () => resolveActions
 });
 module.exports = __toCommonJS(components_exports);
 
@@ -1749,7 +1757,8 @@ function PopupCellRenderer({
   params,
   onAction,
   placement = "bottom-end",
-  tippyProps
+  tippyProps,
+  ariaLabel = "Row actions"
 }) {
   const [visible, setVisible] = (0, import_react7.useState)(false);
   const show = () => setVisible(true);
@@ -1785,7 +1794,7 @@ function PopupCellRenderer({
             "flex items-center justify-center gap-2 rounded-full text-gray-500 hover:text-gray-800",
             className
           ),
-          "aria-label": "Row actions",
+          "aria-label": ariaLabel,
           children: [
             !hideTitle && title,
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ActionIcon, { "aria-hidden": true })
@@ -1796,10 +1805,302 @@ 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, 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 },
+  download: { label: "Download", icon: import_fa2.FaDownload },
+  archive: { label: "Archive", icon: import_fa2.FaArchive },
+  resolve: { label: "Resolve", icon: import_fa2.FaCheckCircle }
+};
+
+// src/components/row-actions/ActionMenuItem.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
+function ActionMenuItem({
+  label,
+  icon: Icon,
+  iconSize = ROW_ACTION_DEFAULT_ICON_SIZE,
+  iconClassName,
+  labelClassName,
+  tooltip,
+  tooltipPlacement = "top",
+  tooltipDelayShow,
+  tooltipDelayHide,
+  tooltipClassName,
+  tooltipStyle,
+  disabled = false,
+  danger = false,
+  highlight = false,
+  showLabel = true,
+  className,
+  onClick
+}) {
+  const tooltipText = tooltip ?? label;
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    ToolTip,
+    {
+      text: tooltipText,
+      disabled: !tooltipText,
+      placement: tooltipPlacement,
+      delayShow: tooltipDelayShow,
+      delayHide: tooltipDelayHide,
+      tooltipClassName,
+      tooltipStyle: { ...ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE, ...tooltipStyle },
+      className: showLabel ? "block w-full" : "inline-flex",
+      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        "button",
+        {
+          type: "button",
+          disabled,
+          "aria-label": label,
+          onClick: (event) => {
+            event.stopPropagation();
+            if (disabled) return;
+            onClick();
+          },
+          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,
+            highlight && !danger && "text-primary-150",
+            className
+          ),
+          children: [
+            Icon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              Icon,
+              {
+                className: cn("shrink-0", iconClassName),
+                "aria-hidden": true,
+                size: iconSize
+              }
+            ) : null,
+            showLabel ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: labelClassName, children: label }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/row-actions/resolveActions.ts
+function evalFlag(flag, data) {
+  if (typeof flag === "function") return Boolean(flag(data));
+  return Boolean(flag);
+}
+function mergePreset(name, overrides) {
+  if (!name) return void 0;
+  const base = ROW_ACTION_PRESETS[name];
+  const extra = overrides?.[name];
+  if (!extra) return base;
+  return { ...base, ...extra };
+}
+function resolveActions(actions, data, hasPermission, presets) {
+  const list = typeof actions === "function" ? actions(data) : actions;
+  return list.flatMap((action, index) => {
+    const type = action.type ?? "item";
+    const preset = mergePreset(action.preset, presets);
+    const key = action.key ?? action.preset ?? `action-${index}`;
+    const label = action.label ?? preset?.label ?? key;
+    if (action.permission && hasPermission && !hasPermission(action.permission)) {
+      return [];
+    }
+    if (evalFlag(action.hidden, data)) {
+      return [];
+    }
+    const tooltip = action.tooltip === false ? void 0 : action.tooltip ?? (type === "divider" ? void 0 : label);
+    const resolved = {
+      key,
+      type,
+      label,
+      icon: action.icon ?? preset?.icon,
+      iconSize: action.iconSize,
+      content: action.content,
+      onClick: action.onClick,
+      disabled: evalFlag(action.disabled, data),
+      danger: action.danger ?? preset?.danger ?? false,
+      highlight: evalFlag(action.highlight, data),
+      tooltip,
+      tooltipPlacement: action.tooltipPlacement,
+      confirm: action.confirm,
+      closeOnClick: action.closeOnClick !== false,
+      className: action.className,
+      iconClassName: cn(preset?.iconClassName, action.iconClassName) || void 0,
+      labelClassName: action.labelClassName
+    };
+    return [resolved];
+  });
+}
+
+// src/components/row-actions/RowActions.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
+function runAction(action, data, hide, confirmFn = confirmationAlert) {
+  if (!action.onClick) {
+    if (action.closeOnClick) hide?.();
+    return;
+  }
+  const execute = () => action.onClick?.(data);
+  if (action.confirm) {
+    confirmFn?.(execute, action.confirm);
+  } else {
+    execute();
+  }
+  if (action.closeOnClick) {
+    hide?.();
+  }
+}
+function RowActions({
+  actions,
+  data,
+  mode = "menu",
+  actionIcon,
+  className,
+  menuClassName,
+  itemClassName,
+  itemIconClassName,
+  itemLabelClassName,
+  iconSize = ROW_ACTION_DEFAULT_ICON_SIZE,
+  triggerTooltip = "Actions",
+  triggerAriaLabel = "Row actions",
+  hasPermission,
+  placement = "bottom-end",
+  tippyProps,
+  presets,
+  confirmFn = confirmationAlert,
+  tooltipPlacement = "top",
+  tooltipDelayShow,
+  tooltipDelayHide,
+  tooltipClassName,
+  tooltipStyle,
+  renderItem,
+  renderMenu,
+  renderTrigger
+}) {
+  const resolved = resolveActions(actions, data, hasPermission, presets);
+  if (resolved.length === 0) {
+    return null;
+  }
+  const mergedTooltipStyle = {
+    ...ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE,
+    ...tooltipStyle
+  };
+  const renderDefaultItem = (action, hide, showLabel = true) => {
+    if (action.type === "divider") {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        "div",
+        {
+          role: "separator",
+          className: cn("my-1 h-px bg-gray-100", action.className)
+        },
+        action.key
+      );
+    }
+    if (action.content) {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: action.className, children: action.content }, action.key);
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      ActionMenuItem,
+      {
+        label: action.label,
+        icon: action.icon,
+        iconSize: action.iconSize ?? iconSize,
+        iconClassName: cn(itemIconClassName, action.iconClassName),
+        labelClassName: cn(itemLabelClassName, action.labelClassName),
+        tooltip: action.tooltip,
+        tooltipPlacement: action.tooltipPlacement ?? tooltipPlacement,
+        tooltipDelayShow,
+        tooltipDelayHide,
+        tooltipClassName,
+        tooltipStyle: mergedTooltipStyle,
+        disabled: action.disabled,
+        danger: action.danger,
+        highlight: action.highlight,
+        showLabel,
+        className: cn(itemClassName, action.className),
+        onClick: () => runAction(action, data, hide, confirmFn)
+      },
+      action.key
+    );
+  };
+  const renderItems = (hide, showLabel = true) => resolved.map((action) => {
+    const defaultItem = renderDefaultItem(action, hide, showLabel);
+    if (!renderItem) return defaultItem;
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { children: renderItem(action, { data, hide: hide ?? (() => void 0), defaultItem }) }, action.key);
+  });
+  if (mode === "inline") {
+    const inlineItems = renderItems(void 0, false);
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("flex h-full items-center justify-center gap-1", className), children: inlineItems });
+  }
+  const triggerTooltipText = triggerTooltip === false ? void 0 : triggerTooltip;
+  const buildMenu = (hide) => {
+    const defaultMenu = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "div",
+      {
+        className: cn(
+          "flex min-w-[180px] flex-col rounded-lg border border-gray-100 bg-white p-2 shadow-lg",
+          menuClassName
+        ),
+        children: renderItems(hide, true)
+      }
+    );
+    if (!renderMenu) return defaultMenu;
+    return renderMenu({
+      data,
+      actions: resolved,
+      hide,
+      defaultMenu
+    });
+  };
+  if (renderTrigger) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_jsx_runtime14.Fragment, { children: renderTrigger({
+      data,
+      actions: resolved,
+      hide: () => void 0,
+      defaultMenu: buildMenu(() => void 0)
+    }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    ToolTip,
+    {
+      text: triggerTooltipText,
+      disabled: !triggerTooltipText,
+      placement: tooltipPlacement,
+      delayShow: tooltipDelayShow,
+      delayHide: tooltipDelayHide,
+      tooltipClassName,
+      tooltipStyle,
+      className: "flex h-full items-center justify-center",
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        PopupCellRenderer,
+        {
+          params: { data },
+          actionIcon,
+          hideTitle: true,
+          className,
+          placement,
+          tippyProps,
+          ariaLabel: triggerAriaLabel,
+          dropDownContent: (handleAction) => buildMenu(() => handleAction("close"))
+        }
+      )
+    }
+  );
+}
+
 // src/components/table-error-boundary/TableErrorBoundary.tsx
 var import_react9 = require("react");
 var import_fa6 = require("react-icons/fa6");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var TableErrorBoundary = ({
   isError,
   isLoading = false,
@@ -1816,7 +2117,7 @@ var TableErrorBoundary = ({
     return "Unable to load table data. Please try again.";
   }, [error, errorMessage]);
   if (isLoading && !isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       "div",
       {
         className: cn(
@@ -1827,12 +2128,12 @@ var TableErrorBoundary = ({
         role: "status",
         "aria-live": "polite",
         "aria-busy": "true",
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Loader, { size: "40px" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Loader, { size: "40px" })
       }
     );
   }
   if (isError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
       "div",
       {
         className: cn(
@@ -1843,7 +2144,7 @@ var TableErrorBoundary = ({
         role: "alert",
         "aria-live": "assertive",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             import_fa6.FaTriangleExclamation,
             {
               className: "text-red-500",
@@ -1851,11 +2152,11 @@ var TableErrorBoundary = ({
               "aria-hidden": true
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "max-w-md space-y-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-base font-semibold text-gray-800", children: "Failed to load data" }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: "text-sm text-gray-600", children: message })
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "max-w-md space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-base font-semibold text-gray-800", children: "Failed to load data" }),
+            /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-sm text-gray-600", children: message })
           ] }),
-          refetch && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          refetch && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             "button",
             {
               type: "button",
@@ -1863,7 +2164,7 @@ var TableErrorBoundary = ({
               disabled: isLoading,
               className: "inline-flex items-center gap-2 rounded-lg bg-primary-150 px-4 py-2 text-sm font-medium text-white transition-colors hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-60",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_fa6.FaArrowsRotate, { className: cn(isLoading && "animate-spin") }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_fa6.FaArrowsRotate, { className: cn(isLoading && "animate-spin") }),
                 isLoading ? "Retrying..." : "Try again"
               ]
             }
@@ -1872,10 +2173,11 @@ var TableErrorBoundary = ({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ActionMenuItem,
   CardSkeleton,
   CustomCellEditor,
   CustomPagination,
@@ -1884,13 +2186,20 @@ var TableErrorBoundary = ({
   Loader,
   Modal,
   PopupCellRenderer,
+  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,
+  RowActions,
   SearchInput,
   TableErrorBoundary,
   TableLayoutToolbarControls,
   ToolTip,
   TooltipText,
-  dropdownStyles
+  dropdownStyles,
+  resolveActions
 });
 //# sourceMappingURL=index.js.map