@star-insure/sdk 3.2.0 → 3.2.2

package/dist/types/api/auth.d.ts

@@ -7,6 +7,7 @@ declare type AuthUser = {
     umbrella_filter?: string;
     oracle_user_id?: string;
     groups: AuthGroup[];
+    phone_extension?: number;
 };
 declare type AuthGroup = {
     id: number;

package/dist/types/models/auth/User.d.ts

@@ -11,4 +11,5 @@ export interface User {
     umbrella_filter?: string;
     groups?: Group[];
     permissions?: string[];
+    phone_extension?: number;
 }

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.0",
+    "version": "3.2.2",
     "license": "MIT",
     "repository": {
         "type": "git",

package/src/components/filter/PageHeader.tsx

@@ -144,11 +144,18 @@ export default function PageHeader({
             )}
             
             <div className={cn('w-full grid grid-cols-[auto_1fr_auto] h-[60px] rounded bg-gray-100 p-3 gap-4', innerClassName)}>
-                <div className="mr-auto flex items-center gap-4 ml-1">
+                <button
+                    type="button"
+                    disabled={!search}
+                    onClick={() => setSearchActive(true)}
+                    className={cn('mr-auto flex items-center gap-4 transition-colors pr-6 pl-1 disabled:opacity-100', {
+                        'hover:text-teal': search && !isSearchActive,
+                    }
+                )}>
                     {search && <SearchBar search={search} active={isSearchActive} onActive={setSearchActive} placeholder={`Search ${title}...`} />}
 
                     {!isSearchActive && <h1 className="text-base font-bold">{title}</h1>}
-                </div>
+                </button>
 
                 <div className="flex items-center ml-auto gap-2 h-full min-w-0 max-w-full">
                     {filterOptions.length > 0 && (

package/src/components/filter/SearchBar.tsx

@@ -24,6 +24,23 @@ export default function SearchBar({ search, active, onActive, placeholder }: { s
                 onActive(true);
             }
         }
+
+        const listener = (e: KeyboardEvent) => {
+            if (e.key === '/') {
+                e.preventDefault();
+                onActive(true);
+            }
+
+            if (e.key === 'Escape') {
+                onActive(false);
+            }
+        };
+
+        window.addEventListener('keydown', listener);
+
+        return () => {
+            window.removeEventListener('keydown', listener);
+        };
     }, []);
 
     /**
@@ -62,7 +79,7 @@ export default function SearchBar({ search, active, onActive, placeholder }: { s
                     title="Open Search Bar"
                     type="button"
                     onClick={() => onActive(true)}
-                    className="flex items-center justify-center rounded-full hover:text-teal p-1 transition-colors hover:bg-gray-100"
+                    className="flex items-center justify-center rounded-full hover:text-teal p-1 hover:bg-gray-100"
                 >
                     <HiMagnifyingGlass className="h-5 w-5 stroke-[1.25]" />
                 </button>

package/src/types/api/auth.ts

@@ -14,6 +14,7 @@ type AuthUser = {
   umbrella_filter?: string;
   oracle_user_id?: string;
   groups: AuthGroup[];
+  phone_extension?: number;
 };
 
 type AuthGroup = {

package/src/types/models/auth/User.ts

@@ -12,4 +12,5 @@ export interface User {
   umbrella_filter?: string;
   groups?: Group[];
   permissions?: string[];
+  phone_extension?: number;
 }