@inkeep/cxkit-primitives 0.0.0-dev-20250304224156 → 0.0.0-dev-20250305004041

package/dist/components/embedded-search/use-inkeep-search.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),W=require("../../providers/config-provider.cjs"),G=require("../../hooks/use-media-query.cjs"),J=require("./search-query.graphql.cjs"),V=require("./transform-results.cjs"),X=require("../../providers/search-events-provider.cjs"),Y=require("../../hooks/use-instant-update.cjs"),Z=require("../../utils/graphql-client.cjs"),ee=()=>{const{baseSettings:_,searchSettings:j}=W.useInkeepConfig(),{apiKey:p,aiApiBaseUrl:L,userAuthToken:l}=_,{maxResults:R,placeholder:S,defaultQuery:N,debounceTimeMs:Q,onQueryChange:O,searchFunctionsRef:x}=j,{logEvent:q}=X.useSearchEvents(),[c,C]=t.useState(N),T=t.useRef(null),[k,v]=t.useState(!1),[B,i]=t.useState(null),[F,a]=t.useState("NONE"),H=t.useCallback(e=>{a(e)},[]),[h,d]=t.useState([]),s=V.useTransformResults(h,c),[f,E]=t.useState("All"),{disableTransition:M,disabled:$}=Y.useInstantUpdate(),z=t.useCallback(e=>{M(),E(e),a(s[e][0].id)},[s,M]);t.useEffect(()=>{let e=f in s?f:Object.keys(s)[0];if(!s[e]?.length){const n=Object.keys(s).find(u=>s[u]?.length);n?e=n:e="All"}if(!e)return;E(e);const r=s[e]?.[0];r&&a(r.id)},[s]);const y=G.useMediaQuery("(max-width: 768px)"),o=t.useRef({}),b=t.useRef(null),m=t.useRef(null);t.useImperativeHandle(x,()=>({updateQuery(e){C(e)},focusInput:()=>{T.current?.focus()}}));const w=`${L}/graphql`,A=t.useMemo(()=>({Authorization:`Bearer ${p}`,"Content-Type":"application/json",...l?{"User-Token":l}:{}}),[p,l]),I=t.useCallback(async e=>{b.current&&b.current.abort();const r=new AbortController;b.current=r;try{v(!0),i(null);const u=(await Z.graphqlRequest(w,J.default,{searchInput:e},A))?.search.searchHits;o.current[e.searchQuery]=u,d(u)}catch(n){if(n.name==="AbortError")return;i("Failed to fetch search results. Please try again.")}v(!1)},[w,A]),P=t.useCallback(e=>{const r=o.current[e.searchQuery];q({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalResults:r?.length}})},[]),U=t.useCallback(e=>{if(m.current&&window.clearTimeout(m.current),!e.searchQuery){d([]),i(null);return}m.current=window.setTimeout(()=>{q({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(d(o.current[e.searchQuery]),P(e)):I(e).then(()=>{P(e)})},Q)},[Q,I]),g=t.useMemo(()=>({searchQuery:c,filters:{limit:R}}),[c,R]);t.useEffect(()=>{O?.(g.searchQuery),U(g)},[U,g]);const D=t.useCallback(e=>C(e.target.value),[]),K=t.useMemo(()=>S||(y?"Search...":"Search for anything..."),[S,y]);return{results:s,resultsList:h,hasContent:h.length>0||k,loading:k,error:B,query:c,onInput:D,placeholder:K,tab:f,onTabChange:z,selectedItem:F,setSelectedItem:a,onSelectedItemChange:H,transitionsDisabled:$,inputRef:T,isMobile:y}};exports.useInkeepSearch=ee;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),W=require("../../providers/config-provider.cjs"),G=require("../../hooks/use-media-query.cjs"),J=require("./search-query.graphql.cjs"),V=require("./transform-results.cjs"),X=require("../../providers/search-events-provider.cjs"),Y=require("../../hooks/use-instant-update.cjs"),Z=require("../../utils/graphql-client.cjs"),ee=()=>{const{baseSettings:_,searchSettings:j}=W.useInkeepConfig(),{apiKey:p,aiApiBaseUrl:L,userAuthToken:l}=_,{maxResults:S,placeholder:R,defaultQuery:N,debounceTimeMs:Q,onQueryChange:O,searchFunctionsRef:x}=j,{logEvent:q}=X.useSearchEvents(),[c,C]=t.useState(N),T=t.useRef(null),[k,v]=t.useState(!1),[B,i]=t.useState(null),[F,a]=t.useState("NONE"),H=t.useCallback(e=>{a(e)},[]),[h,d]=t.useState([]),s=V.useTransformResults(h,c),[f,E]=t.useState("All"),{disableTransition:M,disabled:$}=Y.useInstantUpdate(),z=t.useCallback(e=>{M(),E(e);const r=s[e][0].id;setTimeout(()=>{a(r)},0)},[s,M]);t.useEffect(()=>{let e=f in s?f:Object.keys(s)[0];if(!s[e]?.length){const n=Object.keys(s).find(u=>s[u]?.length);n?e=n:e="All"}if(!e)return;E(e);const r=s[e]?.[0];r&&a(r.id)},[s]);const y=G.useMediaQuery("(max-width: 768px)"),o=t.useRef({}),b=t.useRef(null),m=t.useRef(null);t.useImperativeHandle(x,()=>({updateQuery(e){C(e)},focusInput:()=>{T.current?.focus()}}));const w=`${L}/graphql`,A=t.useMemo(()=>({Authorization:`Bearer ${p}`,"Content-Type":"application/json",...l?{"User-Token":l}:{}}),[p,l]),I=t.useCallback(async e=>{b.current&&b.current.abort();const r=new AbortController;b.current=r;try{v(!0),i(null);const u=(await Z.graphqlRequest(w,J.default,{searchInput:e},A))?.search.searchHits;o.current[e.searchQuery]=u,d(u)}catch(n){if(n.name==="AbortError")return;i("Failed to fetch search results. Please try again.")}v(!1)},[w,A]),P=t.useCallback(e=>{const r=o.current[e.searchQuery];q({eventName:"search_query_response_received",properties:{searchQuery:e.searchQuery,totalResults:r?.length}})},[]),U=t.useCallback(e=>{if(m.current&&window.clearTimeout(m.current),!e.searchQuery){d([]),i(null);return}m.current=window.setTimeout(()=>{q({eventName:"search_query_submitted",properties:{searchQuery:e.searchQuery}}),o.current[e.searchQuery]?(d(o.current[e.searchQuery]),P(e)):I(e).then(()=>{P(e)})},Q)},[Q,I]),g=t.useMemo(()=>({searchQuery:c,filters:{limit:S}}),[c,S]);t.useEffect(()=>{O?.(g.searchQuery),U(g)},[U,g]);const D=t.useCallback(e=>C(e.target.value),[]),K=t.useMemo(()=>R||(y?"Search...":"Search for anything..."),[R,y]);return{results:s,resultsList:h,hasContent:h.length>0||k,loading:k,error:B,query:c,onInput:D,placeholder:K,tab:f,onTabChange:z,selectedItem:F,setSelectedItem:a,onSelectedItemChange:H,transitionsDisabled:$,inputRef:T,isMobile:y}};exports.useInkeepSearch=ee;

package/dist/components/embedded-search/use-inkeep-search.d.cts

@@ -11,7 +11,7 @@ export declare const useInkeepSearch: () => {
     onInput: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     placeholder: string;
     tab: string;
-    onTabChange: (value: string) => void;
+    onTabChange: (newTab: string) => void;
     selectedItem: string | undefined;
     setSelectedItem: Dispatch<SetStateAction<string | undefined>>;
     onSelectedItemChange: (value: string) => void;

package/dist/components/embedded-search/use-inkeep-search.d.ts

@@ -11,7 +11,7 @@ export declare const useInkeepSearch: () => {
     onInput: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     placeholder: string;
     tab: string;
-    onTabChange: (value: string) => void;
+    onTabChange: (newTab: string) => void;
     selectedItem: string | undefined;
     setSelectedItem: Dispatch<SetStateAction<string | undefined>>;
     onSelectedItemChange: (value: string) => void;

package/dist/components/embedded-search/use-inkeep-search.js

@@ -12,29 +12,33 @@ const me = () => {
     maxResults: S,
     placeholder: C,
     defaultQuery: H,
-    debounceTimeMs: k,
+    debounceTimeMs: v,
     onQueryChange: P,
     searchFunctionsRef: $
-  } = B, { logEvent: v } = re(), [c, w] = s(H), A = l(null), [q, E] = s(!1), [z, f] = s(null), [D, a] = s("NONE"), K = n((e) => {
+  } = B, { logEvent: k } = re(), [c, w] = s(H), A = l(null), [q, E] = s(!1), [z, f] = s(null), [D, a] = s("NONE"), K = n((e) => {
     a(e);
-  }, []), [m, d] = s([]), t = te(m, c), [p, _] = s("All"), { disableTransition: x, disabled: W } = se(), G = n(
+  }, []), [m, d] = s([]), t = te(m, c), [p, I] = s("All"), { disableTransition: _, disabled: W } = se(), G = n(
     (e) => {
-      x(), _(e), a(t[e][0].id);
+      _(), I(e);
+      const r = t[e][0].id;
+      setTimeout(() => {
+        a(r);
+      }, 0);
     },
-    [t, x]
+    [t, _]
   );
   j(() => {
     let e = p in t ? p : Object.keys(t)[0];
     if (!t[e]?.length) {
-      const o = Object.keys(t).find((u) => t[u]?.length);
+      const o = Object.keys(t).find((i) => t[i]?.length);
       o ? e = o : e = "All";
     }
     if (!e) return;
-    _(e);
+    I(e);
     const r = t[e]?.[0];
     r && a(r.id);
   }, [t]);
-  const y = Z("(max-width: 768px)"), i = l({}), b = l(null), g = l(null);
+  const y = Z("(max-width: 768px)"), u = l({}), b = l(null), g = l(null);
   X($, () => ({
     updateQuery(e) {
       w(e);
@@ -43,7 +47,7 @@ const me = () => {
       A.current?.focus();
     }
   }));
-  const I = `${F}/graphql`, L = R(
+  const x = `${F}/graphql`, L = R(
     () => ({
       Authorization: `Bearer ${T}`,
       "Content-Type": "application/json",
@@ -57,8 +61,8 @@ const me = () => {
       b.current = r;
       try {
         E(!0), f(null);
-        const u = (await ne(I, ee, { searchInput: e }, L))?.search.searchHits;
-        i.current[e.searchQuery] = u, d(u);
+        const i = (await ne(x, ee, { searchInput: e }, L))?.search.searchHits;
+        u.current[e.searchQuery] = i, d(i);
       } catch (o) {
         if (o.name === "AbortError")
           return;
@@ -66,10 +70,10 @@ const me = () => {
       }
       E(!1);
     },
-    [I, L]
+    [x, L]
   ), N = n((e) => {
-    const r = i.current[e.searchQuery];
-    v({
+    const r = u.current[e.searchQuery];
+    k({
       eventName: "search_query_response_received",
       properties: {
         searchQuery: e.searchQuery,
@@ -83,17 +87,17 @@ const me = () => {
         return;
       }
       g.current = window.setTimeout(() => {
-        v({
+        k({
           eventName: "search_query_submitted",
           properties: {
             searchQuery: e.searchQuery
           }
-        }), i.current[e.searchQuery] ? (d(i.current[e.searchQuery]), N(e)) : M(e).then(() => {
+        }), u.current[e.searchQuery] ? (d(u.current[e.searchQuery]), N(e)) : M(e).then(() => {
           N(e);
         });
-      }, k);
+      }, v);
     },
-    [k, M]
+    [v, M]
   ), Q = R(
     () => ({
       searchQuery: c,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inkeep/cxkit-primitives",
-  "version": "0.0.0-dev-20250304224156",
+  "version": "0.0.0-dev-20250305004041",
   "description": "",
   "license": "Inkeep, Inc. Customer License (IICL) v1.1",
   "homepage": "",
@@ -54,9 +54,9 @@
     "react-textarea-autosize": "8.5.7",
     "rehype-raw": "7.0.0",
     "unist-util-visit": "^5.0.0",
-    "@inkeep/cxkit-color-mode": "0.0.0-dev-20250304224156",
-    "@inkeep/cxkit-theme": "0.0.0-dev-20250304224156",
-    "@inkeep/cxkit-types": "0.0.0-dev-20250304224156"
+    "@inkeep/cxkit-color-mode": "0.0.0-dev-20250305004041",
+    "@inkeep/cxkit-theme": "0.0.0-dev-20250305004041",
+    "@inkeep/cxkit-types": "0.0.0-dev-20250305004041"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",