@eztrak/shared 0.15.0 → 0.15.3

package/dist/{chunk-KFBKDGZV.mjs → chunk-QM2TGUZN.mjs}

@@ -1509,7 +1509,7 @@ var CustomCellEditor = forwardRef(
 CustomCellEditor.displayName = "CustomCellEditor";
 
 // src/components/popup-cell-renderer/PopupCellRenderer.tsx
-import { useState as useState4 } from "react";
+import { useRef as useRef6, useState as useState4 } from "react";
 import Tippy from "@tippyjs/react";
 import { BiDotsVerticalRounded } from "react-icons/bi";
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -1523,23 +1523,34 @@ function PopupCellRenderer({
   onAction,
   placement = "bottom-end",
   tippyProps,
-  ariaLabel = "Row actions"
+  ariaLabel = "Row actions",
+  openOnHover = false
 }) {
   const [visible, setVisible] = useState4(false);
+  const instanceRef = useRef6(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__ */ jsx12("div", { className: "flex h-full", children: /* @__PURE__ */ jsx12(
     Tippy,
     {
       content,
-      visible,
-      onClickOutside: hide,
       allowHTML: true,
       arrow: false,
       appendTo: () => document.body,
@@ -1549,12 +1560,16 @@ function PopupCellRenderer({
       theme: "light",
       maxWidth: "none",
       offset: [0, 5],
+      onCreate: (instance) => {
+        instanceRef.current = instance;
+      },
+      ...hoverOrClickProps,
       ...tippyProps,
       children: /* @__PURE__ */ jsxs9(
         "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
@@ -1582,13 +1597,14 @@ import {
   FaTrashAlt
 } from "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: FaEdit },
-  delete: { label: "Delete", icon: FaTrashAlt, danger: true },
+  delete: { label: "Delete", icon: FaTrashAlt, danger: true, iconClassName: "text-red-500" },
   view: { label: "View", icon: FaEye },
   notes: { label: "Notes", icon: FaFileAlt },
   history: { label: "History", icon: FaHistory },
@@ -1604,6 +1620,7 @@ function ActionMenuItem({
   icon: Icon,
   iconSize = ROW_ACTION_DEFAULT_ICON_SIZE,
   iconClassName,
+  labelClassName,
   tooltip,
   tooltipPlacement = "top",
   tooltipDelayShow,
@@ -1642,9 +1659,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
           ),
@@ -1657,7 +1674,7 @@ function ActionMenuItem({
                 size: iconSize
               }
             ) : null,
-            showLabel ? /* @__PURE__ */ jsx13("span", { children: label }) : null
+            showLabel ? /* @__PURE__ */ jsx13("span", { className: labelClassName, children: label }) : null
           ]
         }
       )
@@ -1706,7 +1723,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];
   });
@@ -1738,11 +1757,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,
@@ -1783,7 +1804,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,
@@ -1856,6 +1878,7 @@ function RowActions({
           hideTitle: true,
           className,
           placement,
+          openOnHover,
           tippyProps,
           ariaLabel: triggerAriaLabel,
           dropDownContent: (handleAction) => buildMenu(() => handleAction("close"))
@@ -1961,6 +1984,7 @@ export {
   CustomCellEditor,
   PopupCellRenderer,
   ROW_ACTION_ITEM_HOVER_CLASS,
+  ROW_ACTION_ITEM_TEXT_CLASS,
   ROW_ACTION_DEFAULT_ICON_SIZE,
   ROW_ACTION_DEFAULT_MENU_TOOLTIP_STYLE,
   ROW_ACTION_PRESETS,
@@ -1969,4 +1993,4 @@ export {
   RowActions,
   TableErrorBoundary
 };
-//# sourceMappingURL=chunk-KFBKDGZV.mjs.map
+//# sourceMappingURL=chunk-QM2TGUZN.mjs.map