@netlify/spark-ui 0.0.25 → 0.0.26

package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.js

@@ -67,18 +67,17 @@ function K(t) {
 function J(t = { className: "", children: null }) {
   const [s, o] = N(!1);
   v(() => {
+    let f;
     const y = () => {
-      window.pagefind && (o(!0), d && clearInterval(d));
+      window.pagefind && (o(!0), f && clearInterval(f));
     };
-    y();
-    const d = setInterval(y, 100);
-    return () => clearInterval(d);
+    return y(), f = setInterval(y, 100), () => clearInterval(f);
   }, []);
-  const { children: c, className: l, ...e } = t, { state: r, actions: a } = L(), [u, S] = N(!1), f = () => S(!0), m = () => S(!1), i = O(null), g = K(m);
-  return k(s, f), j(s, a.setSearchTerm, f), E(s, u, f, m), P(s, i, u, m), v(() => {
+  const { children: c, className: l, ...e } = t, { state: r, actions: a } = L(), [u, S] = N(!1), m = () => S(!0), d = () => S(!1), i = O(null), g = K(d);
+  return k(s, m), j(s, a.setSearchTerm, m), E(s, u, m, d), P(s, i, u, d), v(() => {
     i.current && (u ? i.current.showModal() : i.current.close());
   }, [u]), /* @__PURE__ */ n(T, { ref: i, className: A(l, "n-search-modal"), ...e, children: /* @__PURE__ */ n("div", { ref: g, className: "n-search-container", children: [
-    /* @__PURE__ */ n("form", { className: "n-search-bar", children: /* @__PURE__ */ n(I, { setSearchTerm: a.setSearchTerm, initialValue: r.searchTerm }) }),
+    /* @__PURE__ */ n(I, { setSearchTerm: a.setSearchTerm, initialValue: r.searchTerm }),
     /* @__PURE__ */ n(
       b,
       {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "0.0.25",
+  "version": "0.0.26",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",

package/packages/components/preact/SearchModal/components/SearchModal/SearchModal.tsx

@@ -27,6 +27,8 @@ function SearchModal(props: Props = {className: '', children: null}) {
 
   // Poll for the existence of window.pagefind.
   useEffect(() => {
+    let intervalId:number;
+
     const checkForPagefind = () => {
       if (window.pagefind) {
         setIsPagefindLoaded(true);
@@ -36,7 +38,7 @@ function SearchModal(props: Props = {className: '', children: null}) {
 
     // Check immediately and then start polling every 100ms.
     checkForPagefind();
-    const intervalId = setInterval(checkForPagefind, 100);
+    intervalId = setInterval(checkForPagefind, 100);
 
     // Cleanup the interval when the component unmounts.
     return () => clearInterval(intervalId);
@@ -66,9 +68,7 @@ function SearchModal(props: Props = {className: '', children: null}) {
   return (
     <Modal ref={modalRef} className={cn(className, 'n-search-modal')} {...rest}>
       <div ref={containerRef} className="n-search-container">
-        <form className="n-search-bar">
           <SearchInput setSearchTerm={actions.setSearchTerm} initialValue={state.searchTerm} />
-        </form>
 
         <SearchWindow
           searchLoading={state.isLoading}