@star-insure/sdk 3.2.1 → 3.2.3

package/dist/sdk.esm.js

@@ -2298,6 +2298,22 @@ function SearchBar(_ref) {
         onActive(true);
       }
     }
+
+    var listener = function listener(e) {
+      if (e.key === '/') {
+        e.preventDefault();
+        onActive(true);
+      }
+
+      if (e.key === 'Escape') {
+        onActive(false);
+      }
+    };
+
+    window.addEventListener('keydown', listener);
+    return function () {
+      window.removeEventListener('keydown', listener);
+    };
   }, []);
   /**
    * Minimise the search bar on click outside if there's no search query
@@ -2338,7 +2354,7 @@ function SearchBar(_ref) {
     onClick: function onClick() {
       return 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"
   }, React__default.createElement(HiMagnifyingGlass, {
     className: "h-5 w-5 stroke-[1.25]"
   })), active && React__default.createElement("form", {
@@ -2901,8 +2917,15 @@ function PageHeader(_ref) {
     className: "bg-gray-100 h-[60px] w-[60px] rounded"
   }), React__default.createElement("div", {
     className: cn('w-full grid grid-cols-[auto_1fr_auto] h-[60px] rounded bg-gray-100 p-3 gap-4', innerClassName)
-  }, React__default.createElement("div", {
-    className: "mr-auto flex items-center gap-4 ml-1"
+  }, React__default.createElement("button", {
+    type: "button",
+    disabled: !search,
+    onClick: function onClick() {
+      return 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 && React__default.createElement(SearchBar, {
     search: search,
     active: isSearchActive,