@eztrak/shared 0.15.0 → 0.15.1

package/dist/components/index.d.mts

@@ -363,6 +363,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 +396,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. */
@@ -434,6 +440,7 @@ interface ActionMenuItemProps {
     highlight?: boolean;
     showLabel?: boolean;
     className?: string;
+    labelClassName?: string;
     onClick: () => void;
 }
 interface ResolvedRowAction<TRow = unknown> {
@@ -452,19 +459,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, 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 +496,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

@@ -363,6 +363,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 +396,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. */
@@ -434,6 +440,7 @@ interface ActionMenuItemProps {
     highlight?: boolean;
     showLabel?: boolean;
     className?: string;
+    labelClassName?: string;
     onClick: () => void;
 }
 interface ResolvedRowAction<TRow = unknown> {
@@ -452,19 +459,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, 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 +496,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,
@@ -1807,13 +1808,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 +1831,7 @@ function ActionMenuItem({
   icon: Icon,
   iconSize = ROW_ACTION_DEFAULT_ICON_SIZE,
   iconClassName,
+  labelClassName,
   tooltip,
   tooltipPlacement = "top",
   tooltipDelayShow,
@@ -1867,9 +1870,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 +1885,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 +1934,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,6 +1968,7 @@ function RowActions({
   menuClassName,
   itemClassName,
   itemIconClassName,
+  itemLabelClassName,
   iconSize = ROW_ACTION_DEFAULT_ICON_SIZE,
   triggerTooltip = "Actions",
   triggerAriaLabel = "Row actions",
@@ -2008,7 +2014,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,
@@ -2182,6 +2189,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,