@nosto/search-js 2.12.0 → 2.12.1

package/dist/preact/autocomplete.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../index.es-DlUp67LT.cjs"),a=require("preact"),u=require("../renderHeadless-xhkLegO4.cjs"),i=require("../jsxRuntime.module-B3sGoTIU.cjs"),r=require("../configContext-BR7w4VlU.cjs"),c=require("../baseConfig-BFFqFSg5.cjs");function f(e){return e!==null&&typeof e=="object"&&"props"in e&&typeof e.type=="string"}function m({children:e,hit:n}){var o;if(!f(e))throw new Error("AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported.");const t=(o=e.props)==null?void 0:o.onClick;return a.cloneElement(e,{onClick:p=>{n&&l.s(s=>s.recordSearchClick("autocomplete",n)),typeof t=="function"&&t(p)}})}function g({children:e,onSearchInput:n}){return u.renderHeadless({children:e,updateElement:t=>(!u.isHTMLInput(t)||t.props.type!=="search"||(t.props={...t.props,onInput:o=>{o.target instanceof HTMLInputElement&&n(o.target)}}),t)})}const C={...c.defaultBaseConfig};function d(e){return{pageType:"autocomplete",...C,...e}}function S({config:e,store:n,children:t}){const o=n??r.createStore();return c.useCheckClientScript(),i.u(r.ConfigContext,{value:d(e),children:i.u(r.StoreContext,{value:o,children:t})})}exports.AutocompleteElement=m;exports.AutocompletePageProvider=S;exports.SearchInput=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../index.es-DlUp67LT.cjs"),a=require("preact"),i=require("../jsxRuntime.module-B3sGoTIU.cjs"),c=require("../configContext-BR7w4VlU.cjs"),p=require("../baseConfig-BFFqFSg5.cjs");function m(e){return e!==null&&typeof e=="object"&&"props"in e&&typeof e.type=="string"}function f({children:e,hit:t}){var n;if(!m(e))throw new Error("AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported.");const o=(n=e.props)==null?void 0:n.onClick;return a.cloneElement(e,{onClick:r=>{t&&s.s(u=>u.recordSearchClick("autocomplete",t)),typeof o=="function"&&o(r)}})}function C({as:e,componentProps:t,onSearchInput:o,children:n}){const r={...t,onInput:l=>{o(l.target)}},u=e??"input";return e||(r.type="search"),i.u(u,{...r,children:n})}const g={...p.defaultBaseConfig};function d(e){return{pageType:"autocomplete",...g,...e}}function S({config:e,store:t,children:o}){const n=t??c.createStore();return p.useCheckClientScript(),i.u(c.ConfigContext,{value:d(e),children:i.u(c.StoreContext,{value:n,children:o})})}exports.AutocompleteElement=f;exports.AutocompletePageProvider=S;exports.SearchInput=C;

package/dist/preact/autocomplete.es.js

@@ -1,52 +1,49 @@
-import { s as u } from "../index.es-B8mbAxS4.js";
+import { s as c } from "../index.es-B8mbAxS4.js";
 import { cloneElement as a } from "preact";
-import { r as s, i as c } from "../renderHeadless-BteGML1G.js";
-import { u as n } from "../jsxRuntime.module-Bzuv3cXw.js";
-import { c as l, S as m, C as f } from "../configContext-GuZOIX3o.js";
-import { d as C, u as g } from "../baseConfig-Bafl02NY.js";
-function E(t) {
+import { u as i } from "../jsxRuntime.module-Bzuv3cXw.js";
+import { c as m, S as l, C as s } from "../configContext-GuZOIX3o.js";
+import { d as f, u as C } from "../baseConfig-Bafl02NY.js";
+function g(t) {
   return t !== null && typeof t == "object" && "props" in t && typeof t.type == "string";
 }
-function I({ children: t, hit: r }) {
-  var o;
-  if (!E(t))
+function x({ children: t, hit: e }) {
+  var n;
+  if (!g(t))
     throw new Error(
       "AutocompleteElement expects a single valid HTML element as its child (e.g., <div>, <a>). Custom components are not supported."
     );
-  const e = (o = t.props) == null ? void 0 : o.onClick;
+  const o = (n = t.props) == null ? void 0 : n.onClick;
   return a(t, {
-    onClick: (p) => {
-      r && u((i) => i.recordSearchClick("autocomplete", r)), typeof e == "function" && e(p);
+    onClick: (r) => {
+      e && c((p) => p.recordSearchClick("autocomplete", e)), typeof o == "function" && o(r);
     }
   });
 }
-function L({ children: t, onSearchInput: r }) {
-  return s({
-    children: t,
-    updateElement: (e) => (!c(e) || e.props.type !== "search" || (e.props = {
-      ...e.props,
-      onInput: (o) => {
-        o.target instanceof HTMLInputElement && r(o.target);
-      }
-    }), e)
-  });
+function P({ as: t, componentProps: e, onSearchInput: o, children: n }) {
+  const r = {
+    ...e,
+    onInput: (u) => {
+      o(u.target);
+    }
+  }, p = t ?? "input";
+  return t || (r.type = "search"), /* @__PURE__ */ i(p, { ...r, children: n });
 }
-const S = {
-  ...C
+const d = {
+  ...f
 };
-function k(t) {
+function S(t) {
   return {
     pageType: "autocomplete",
-    ...S,
+    ...d,
     ...t
   };
 }
-function M({ config: t, store: r, children: e }) {
-  const o = r ?? l();
-  return g(), /* @__PURE__ */ n(f, { value: k(t), children: /* @__PURE__ */ n(m, { value: o, children: e }) });
+function T({ config: t, store: e, children: o }) {
+  const n = e ?? m();
+  return C(), /* @__PURE__ */ i(s, { value: S(t), children: /* @__PURE__ */ i(l, { value: n, children: o }) });
 }
 export {
-  I as AutocompleteElement,
-  M as AutocompletePageProvider,
-  L as SearchInput
+  x as AutocompleteElement,
+  T as AutocompletePageProvider,
+  P as SearchInput
 };

package/dist/preact/serp.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../index.es-DlUp67LT.cjs"),s=require("../configContext-BR7w4VlU.cjs"),S=require("../renderHeadless-xhkLegO4.cjs"),a=require("../jsxRuntime.module-B3sGoTIU.cjs"),i=require("../baseConfig-BFFqFSg5.cjs"),g="nosto:search:scrollPos";function d(){window.sessionStorage.setItem(g,window.scrollY.toString())}function C({children:e,hit:t,onClick:o}){const{pageType:r}=s.useConfig(),c=r==="autocomplete"?void 0:r==="search"?"serp":r;return S.renderHeadless({children:e,updateElement:(n,u)=>(u.depth>0||(n.props={...n.props,onClick:l=>{t&&c&&p.s(f=>f.recordSearchClick(c,t)),d(),typeof o=="function"&&o(l)}}),n)})}const h={...i.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function m(e={}){return{pageType:"search",...h,...e}}function P({config:e,store:t,children:o}){const r=t??s.createStore();return i.useCheckClientScript(),a.u(s.ConfigContext,{value:m(e),children:a.u(s.StoreContext,{value:r,children:o})})}exports.SearchPageProvider=P;exports.SerpElement=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../jsxRuntime.module-B3sGoTIU.cjs"),g=require("../index.es-DlUp67LT.cjs"),t=require("../configContext-BR7w4VlU.cjs"),d=require("preact/hooks"),a=require("../baseConfig-BFFqFSg5.cjs"),k="nosto:search:scrollPos";function h(){window.sessionStorage.setItem(k,window.scrollY.toString())}function p({as:o,children:n,hit:r,componentProps:e}){const{pageType:c}=t.useConfig(),s=c==="autocomplete"?void 0:c==="search"?"serp":c,l=d.useCallback(f=>{r&&s&&g.s(S=>S.recordSearchClick(s,r)),h(),e&&"onClick"in e&&typeof e.onClick=="function"&&e.onClick(f)},[r,e,s]),u={...e,onClick:l},C=o??"a";return i.u(C,{...u,children:n})}const v={...a.defaultBaseConfig,persistentSearchCache:!1,preservePageScroll:!1};function y(o={}){return{pageType:"search",...v,...o}}function m({config:o,store:n,children:r}){const e=n??t.createStore();return a.useCheckClientScript(),i.u(t.ConfigContext,{value:y(o),children:i.u(t.StoreContext,{value:e,children:r})})}exports.SearchPageProvider=m;exports.SerpElement=p;

package/dist/preact/serp.es.js

@@ -1,41 +1,41 @@
-import { s as l } from "../index.es-B8mbAxS4.js";
-import { u as f, c as u, S, C as m } from "../configContext-GuZOIX3o.js";
-import { r as g } from "../renderHeadless-BteGML1G.js";
 import { u as n } from "../jsxRuntime.module-Bzuv3cXw.js";
-import { d as C, u as d } from "../baseConfig-Bafl02NY.js";
+import { s as u } from "../index.es-B8mbAxS4.js";
+import { u as C, c as S, S as g, C as p } from "../configContext-GuZOIX3o.js";
+import { useCallback as m } from "preact/hooks";
+import { d, u as k } from "../baseConfig-Bafl02NY.js";
 const h = "nosto:search:scrollPos";
-function P() {
+function v() {
   window.sessionStorage.setItem(h, window.scrollY.toString());
 }
-function B({ children: e, hit: o, onClick: t }) {
-  const { pageType: r } = f(), a = r === "autocomplete" ? void 0 : r === "search" ? "serp" : r;
-  return g({
-    children: e,
-    updateElement: (s, c) => (c.depth > 0 || (s.props = {
-      ...s.props,
-      onClick: (i) => {
-        o && a && l((p) => p.recordSearchClick(a, o)), P(), typeof t == "function" && t(i);
-      }
-    }), s)
-  });
+function B({ as: o, children: t, hit: r, componentProps: e }) {
+  const { pageType: a } = C(), c = a === "autocomplete" ? void 0 : a === "search" ? "serp" : a, s = m(
+    (l) => {
+      r && c && u((f) => f.recordSearchClick(c, r)), v(), e && "onClick" in e && typeof e.onClick == "function" && e.onClick(l);
+    },
+    [r, e, c]
+  ), i = {
+    ...e,
+    onClick: s
+  };
+  return /* @__PURE__ */ n(o ?? "a", { ...i, children: t });
 }
-const k = {
-  ...C,
+const w = {
+  ...d,
   persistentSearchCache: !1,
   preservePageScroll: !1
 };
-function w(e = {}) {
+function y(o = {}) {
   return {
     pageType: "search",
-    ...k,
-    ...e
+    ...w,
+    ...o
   };
 }
-function H({ config: e, store: o, children: t }) {
-  const r = o ?? u();
-  return d(), /* @__PURE__ */ n(m, { value: w(e), children: /* @__PURE__ */ n(S, { value: r, children: t }) });
+function E({ config: o, store: t, children: r }) {
+  const e = t ?? S();
+  return k(), /* @__PURE__ */ n(p, { value: y(o), children: /* @__PURE__ */ n(g, { value: e, children: r }) });
 }
 export {
-  H as SearchPageProvider,
+  E as SearchPageProvider,
   B as SerpElement
 };

package/dist/preact/src/components/SearchInput.d.ts

@@ -1,7 +1,10 @@
-import { ComponentChildren } from 'preact';
-type Props = {
-    children: ComponentChildren;
+import { ComponentChildren, ComponentProps, ComponentType, JSX } from 'preact';
+type AsComponent = keyof JSX.IntrinsicElements | ComponentType<any>;
+type Props<C extends AsComponent> = {
+    as?: C;
     onSearchInput: (target: HTMLInputElement) => void;
+    children?: ComponentChildren;
+    componentProps?: JSX.LibraryManagedAttributes<C, ComponentProps<C>>;
 };
-export declare function SearchInput({ children, onSearchInput }: Props): ComponentChildren;
+export declare function SearchInput<C extends AsComponent>({ as, componentProps, onSearchInput, children }: Props<C>): JSX.Element;
 export {};

package/dist/preact/src/components/SerpElement.d.ts

@@ -1,18 +1,21 @@
-import { ComponentChildren } from 'preact';
+import { ComponentChildren, ComponentProps, ComponentType, JSX } from 'preact';
+type AsComponent = keyof JSX.IntrinsicElements | ComponentType<any>;
 /**
  * @group Components
  */
-export type SerpElementProps = {
-    children: ComponentChildren;
+export type SerpElementProps<C extends AsComponent> = {
     hit: {
         productId: string;
         url?: string;
     };
-    onClick?: (event: Event) => void;
+    as?: C;
+    componentProps?: JSX.LibraryManagedAttributes<C, ComponentProps<C>>;
+    children?: ComponentChildren;
 };
 /**
  * Wrapper component that can be used to wrap any element in the search result list.
  *
  * @group Components
  */
-export declare function SerpElement({ children, hit, onClick }: SerpElementProps): ComponentChildren;
+export declare function SerpElement<C extends AsComponent>({ as, children, hit, componentProps }: SerpElementProps<C>): JSX.Element;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nosto/search-js",
-  "version": "2.12.0",
+  "version": "2.12.1",
   "license": "ISC",
   "type": "module",
   "files": [

package/dist/preact/src/dom/renderHeadless.d.ts

@@ -1,18 +0,0 @@
-import { ComponentChildren, VNode } from 'preact';
-type Props = {
-    children: ComponentChildren;
-    /**
-     * Update the element with custom logic. Each vnode (valid JSX element) will be passed to this function recursively.
-     * You may either mutate the existing node, or create a new one.
-     *
-     * @param vnode Current target node
-     * @returns {VNode} if the vnode should be updated
-     * @returns {null} if the vnode should be removed
-     */
-    updateElement: <P extends object>(vnode: VNode<P>, context: Context) => VNode<P> | null;
-};
-type Context = {
-    depth: number;
-};
-export declare function renderHeadless(props: Props, ctx?: Context): ComponentChildren;
-export {};

package/dist/preact/src/dom/utils.d.ts

@@ -1,5 +0,0 @@
-import { VNode } from 'preact';
-import { JSX } from 'preact/jsx-runtime';
-export type UnknownVnode = VNode<any>;
-export declare function isHTMLInput(vnode: UnknownVnode): vnode is VNode<JSX.IntrinsicElements["input"]>;
-export declare function isVNode(child: unknown): child is VNode;

package/dist/renderHeadless-BteGML1G.js

@@ -1,23 +0,0 @@
-import { toChildArray as o } from "preact";
-function d(e) {
-  return e.type === "input";
-}
-function u(e) {
-  return !!e && typeof e == "object" && "type" in e && "props" in e;
-}
-function i(e, t = { depth: 0 }) {
-  const { children: p } = e;
-  return o(p).map((r) => {
-    if (!u(r))
-      return r;
-    const n = e.updateElement(r, t);
-    return n === null ? null : (n.props = {
-      ...n.props,
-      children: i({ ...e, children: n.props.children }, { depth: t.depth + 1 })
-    }, n);
-  });
-}
-export {
-  d as i,
-  i as r
-};

package/dist/renderHeadless-xhkLegO4.cjs

@@ -1 +0,0 @@
-"use strict";const s=require("preact");function i(e){return e.type==="input"}function o(e){return!!e&&typeof e=="object"&&"type"in e&&"props"in e}function u(e,t={depth:0}){const{children:p}=e;return s.toChildArray(p).map(r=>{if(!o(r))return r;const n=e.updateElement(r,t);return n===null?null:(n.props={...n.props,children:u({...e,children:n.props.children},{depth:t.depth+1})},n)})}exports.isHTMLInput=i;exports.renderHeadless=u;