@star-insure/sdk 3.2.9 → 3.2.11

package/dist/sdk.esm.js

@@ -6,6 +6,7 @@ import { Transition, Dialog } from '@headlessui/react';
 import cn from 'classnames';
 import { padStart } from 'lodash-es';
 import { HiArrowLeft, HiMagnifyingGlass, HiXMark, HiChevronDown, HiChevronLeft, HiChevronRight } from 'react-icons/hi2';
+import { Tooltip } from 'react-tooltip';
 import Select from 'react-select';
 import { router as router$1 } from '@inertiajs/core';
 
@@ -2407,38 +2408,87 @@ function Action(_ref) {
       target = _ref$target === void 0 ? '_self' : _ref$target,
       type = _ref.type,
       _ref$onClick = _ref.onClick,
-      _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick;
+      _onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+      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-300 transition-colors border border-gray-200';
+  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) {
+      return router.get(href);
+    }
+
+    if (as === 'a' && href) {
+      return window.location.href = href;
+    }
+
+    _onClick();
+  }
+  React__default.useEffect(function () {
+    if (typeof window === 'undefined') return;
+    if (!shortcutKey) return;
+
+    var listener = function listener(e) {
+      // Check if Ctrl (Windows) or Cmd (Mac) key is pressed
+      var isCtrlOrCmdPressed = e.ctrlKey || e.metaKey;
+
+      if (e.key === shortcutKey && isCtrlOrCmdPressed) {
+        e.preventDefault();
+        runAction();
+      }
+    };
+
+    window.addEventListener('keydown', listener);
+    return function () {
+      window.removeEventListener('keydown', listener);
+    };
+  }, [shortcutKey]);
 
   if (as === 'Link' && href) {
-    return React__default.createElement(Link, {
+    return React__default.createElement(React__default.Fragment, null, tooltipContent && React__default.createElement(Tooltip, {
+      id: tooltipId,
+      className: "z-10"
+    }), React__default.createElement(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(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(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) {