@star-insure/sdk 3.2.11 → 3.2.13

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

package/src/components/filter/Action.tsx

@@ -30,7 +30,11 @@ export default function Action({ title, href, as = 'Link', target = '_self', typ
             // Check if Ctrl (Windows) or Cmd (Mac) key is pressed
             const isCtrlOrCmdPressed = (e.ctrlKey || e.metaKey);
 
-            if (e.key === shortcutKey && isCtrlOrCmdPressed) {
+            // Check if the focus is on an input element or inside a form
+            const isInInput = e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement;
+            const isInForm = (e.target instanceof Element && e.target.closest('form'));
+
+            if (isCtrlOrCmdPressed && !isInInput && !isInForm && e.key === shortcutKey) {
                 e.preventDefault();
                 runAction();
             }

package/src/components/filter/FilterItem.tsx

@@ -198,7 +198,7 @@ export function FilterItem({ filter }: { filter: FilterOption, path?: string })
             </div>
         }>
             <form
-                className={`mt-2 flex max-h-[350px] min-w-[200px] flex-col gap-2 rounded-md border border-gray-300 bg-white p-4 shadow-lg ${ filter.type && filter.type === 'select' ? '' : 'overflow-y-scroll'}`}
+                className={`mt-2 flex max-h-[350px] min-w-[200px] max-w-[220px] flex-col gap-2 rounded-md border border-gray-300 bg-white p-4 shadow-lg ${ filter.type && filter.type === 'select' ? '' : 'overflow-y-scroll'}`}
                 onSubmit={handleApply}
             >
                 <div className="flex flex-col items-start gap-1">
@@ -213,7 +213,7 @@ export function FilterItem({ filter }: { filter: FilterOption, path?: string })
                                     checked={selected.includes(option.value.toString())}
                                     onChange={handleInput}
                                 />
-                                <label className="whitespace-nowrap" htmlFor={option.label}>
+                                <label className="leading-tight" htmlFor={option.label}>
                                     {option.label}
                                 </label>
                             </div>