@eztrak/shared 0.15.1 → 0.15.3

package/dist/{chunk-HQPQ6TOE.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
@@ -1748,6 +1763,7 @@ function RowActions({
   triggerAriaLabel = "Row actions",
   hasPermission,
   placement = "bottom-end",
+  openOnHover = false,
   tippyProps,
   presets,
   confirmFn = confirmationAlert,
@@ -1862,6 +1878,7 @@ function RowActions({
           hideTitle: true,
           className,
           placement,
+          openOnHover,
           tippyProps,
           ariaLabel: triggerAriaLabel,
           dropDownContent: (handleAction) => buildMenu(() => handleAction("close"))
@@ -1976,4 +1993,4 @@ export {
   RowActions,
   TableErrorBoundary
 };
-//# sourceMappingURL=chunk-HQPQ6TOE.mjs.map
+//# sourceMappingURL=chunk-QM2TGUZN.mjs.map