@star-insure/sdk 3.2.8 → 3.2.10

package/dist/types/misc/index.d.ts

@@ -26,6 +26,7 @@ export declare type TPageHeaderAction = {
     onClick?: Function;
     type?: 'button' | 'submit';
     hidden?: boolean;
+    shortcutKey?: string;
 };
 export declare type Environment = 'production' | 'staging' | 'testing' | 'local';
 export declare type Breadcrumb = {

package/package.json

@@ -2,7 +2,7 @@
     "name": "@star-insure/sdk",
     "description": "The SDK for Star Insure client apps with shared helper functions and TypeScript definitions.",
     "author": "alexclark_nz",
-    "version": "3.2.8",
+    "version": "3.2.10",
     "license": "MIT",
     "repository": {
         "type": "git",

package/src/components/filter/Action.tsx

@@ -1,10 +1,43 @@
-import { Link } from "@inertiajs/react";
-import { TPageHeaderAction } from "../../types";
 import React from "react";
+import { Link, router } from "@inertiajs/react";
+import { TPageHeaderAction } from "../../types";
 
-export default function Action({ title, href, as = 'Link', target = '_self', type, onClick = () => {} }: TPageHeaderAction) {
+export default function Action({ title, href, as = 'Link', target = '_self', type, onClick = () => {}, shortcutKey }: TPageHeaderAction) {
     const className =
-        'bg-white rounded-full font-bold px-3 py-1.5 text-xs whitespace-nowrap hover:bg-gray-100 hover:border-gray-300 transition-colors border border-gray-200';
+        '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';
+
+    function runAction() {
+        if (as === 'Link' && href) {
+            return router.get(href);
+        }
+
+        if (as === 'a' && href) {
+            return window.location.href = href;
+        }
+
+        onClick();
+    };
+
+    React.useEffect(() => {
+        if (typeof window === 'undefined') return;
+        if (!shortcutKey) return;
+
+        const listener = (e: KeyboardEvent) => {
+            // Check if Ctrl (Windows) or Cmd (Mac) key is pressed
+            const isCtrlOrCmdPressed = (e.ctrlKey || e.metaKey);
+
+            if (e.key === shortcutKey && isCtrlOrCmdPressed) {
+                e.preventDefault();
+                runAction();
+            }
+        };
+
+        window.addEventListener('keydown', listener);
+
+        return () => {
+            window.removeEventListener('keydown', listener);
+        };
+    }, [shortcutKey]);
 
     if (as === 'Link' && href) {
         return (

package/src/components/filter/PageHeader.tsx

@@ -156,7 +156,7 @@ export default function PageHeader({
                 )}>
                     {search && <SearchBar search={search} active={isSearchActive} onActive={setSearchActive} placeholder={`Search ${title}...`} focusSearchShortcut={focusSearchShortcut} />}
 
-                    {!isSearchActive && <h1 className="text-base font-bold">{title}</h1>}
+                    {!isSearchActive && <h1 className="text-base font-black">{title}</h1>}
                 </button>
 
                 <div className="flex items-center ml-auto gap-2 h-full min-w-0 max-w-full">

package/src/types/misc/index.ts

@@ -31,6 +31,7 @@ export type TPageHeaderAction = {
     onClick?: Function;
     type?: 'button' | 'submit';
     hidden?: boolean;
+    shortcutKey?: string;
 };
 
 export type Environment = 'production' | 'staging' | 'testing' | 'local';