@star-insure/sdk 3.2.10 → 3.2.12

package/dist/sdk.cjs.development.js

@@ -13,6 +13,7 @@ var react$1 = require('@headlessui/react');
 var cn = _interopDefault(require('classnames'));
 var lodash = require('lodash');
 var hi2 = require('react-icons/hi2');
+var reactTooltip = require('react-tooltip');
 var Select = _interopDefault(require('react-select'));
 var core = require('@inertiajs/core');
 
@@ -2418,6 +2419,8 @@ function Action(_ref) {
       shortcutKey = _ref.shortcutKey;
 
   var className = 'bg-white rounded-full font-bold px-4 py-1.5 text-sm whitespace-nowrap hover:bg-gray-100 hover:border-gray-400 transition-colors border border-gray-300';
+  var tooltipId = "action-" + title;
+  var tooltipContent = shortcutKey ? "Ctrl + " + shortcutKey : undefined;
 
   function runAction() {
     if (as === 'Link' && href) {
@@ -2436,9 +2439,12 @@ function Action(_ref) {
 
     var listener = function listener(e) {
       // Check if Ctrl (Windows) or Cmd (Mac) key is pressed
-      var isCtrlOrCmdPressed = e.ctrlKey || e.metaKey;
+      var isCtrlOrCmdPressed = e.ctrlKey || e.metaKey; // Check if the focus is on an input element or inside a form
 
-      if (e.key === shortcutKey && isCtrlOrCmdPressed) {
+      var isInInput = e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement;
+      var isInForm = e.target instanceof Element && e.target.closest('form');
+
+      if (isCtrlOrCmdPressed && !isInInput && !isInForm && e.key === shortcutKey) {
         e.preventDefault();
         runAction();
       }
@@ -2451,33 +2457,48 @@ function Action(_ref) {
   }, [shortcutKey]);
 
   if (as === 'Link' && href) {
-    return React__default.createElement(react.Link, {
+    return React__default.createElement(React__default.Fragment, null, tooltipContent && React__default.createElement(reactTooltip.Tooltip, {
+      id: tooltipId,
+      className: "z-10"
+    }), React__default.createElement(react.Link, {
+      "data-tooltip-id": tooltipId,
+      "data-tooltip-content": tooltipContent,
       className: className,
       href: href,
       onClick: function onClick() {
         return _onClick();
       }
-    }, title);
+    }, title));
   }
 
   if (as === 'a' && href) {
-    return React__default.createElement("a", {
+    return React__default.createElement(React__default.Fragment, null, tooltipContent && React__default.createElement(reactTooltip.Tooltip, {
+      id: tooltipId,
+      className: "z-10"
+    }), React__default.createElement("a", {
+      "data-tooltip-id": tooltipId,
+      "data-tooltip-content": tooltipContent,
       className: className,
       target: target,
       href: href,
       onClick: function onClick() {
         return _onClick();
       }
-    }, title);
+    }, title));
   }
 
-  return React__default.createElement("button", {
+  return React__default.createElement(React__default.Fragment, null, tooltipContent && React__default.createElement(reactTooltip.Tooltip, {
+    id: tooltipId,
+    className: "z-10"
+  }), React__default.createElement("button", {
+    "data-tooltip-id": tooltipId,
+    "data-tooltip-content": tooltipContent,
     className: className,
     type: type,
     onClick: function onClick() {
       return _onClick();
     }
-  }, title);
+  }, title));
 }
 
 function Dropdown(_ref) {