@nosto/search-js 2.14.0 → 2.15.0

package/dist/BaseElement-8qy-gSKp.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("./jsxRuntime.module-B3sGoTIU.cjs"),a=require("preact/hooks");function k({onClick:i,as:n,children:t,componentProps:e}){const u=a.useCallback(s=>{i(),e&&"onClick"in e&&typeof e.onClick=="function"&&e.onClick(s)},[i,e]),c={...e,onClick:u},l=n??"a";return C.u(l,{...c,children:t})}exports.BaseElement=k;

package/dist/BaseElement-Df1Kv7sB.js

@@ -0,0 +1,17 @@
+import { u as f } from "./jsxRuntime.module-Bzuv3cXw.js";
+import { useCallback as o } from "preact/hooks";
+function r({ onClick: t, as: C, children: l, componentProps: i }) {
+  const n = o(
+    (c) => {
+      t(), i && "onClick" in i && typeof i.onClick == "function" && i.onClick(c);
+    },
+    [t, i]
+  ), a = {
+    ...i,
+    onClick: n
+  };
+  return /* @__PURE__ */ f(C ?? "a", { ...a, children: l });
+}
+export {
+  r as B
+};

package/dist/preact/autocomplete.cjs.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../jsxRuntime.module-B3sGoTIU.cjs"),s=require("../index.es-DlUp67LT.cjs"),p=require("preact/hooks"),m=require("../BaseElement-8qy-gSKp.cjs"),i=require("../configContext-BR7w4VlU.cjs"),l=require("../baseConfig-BFFqFSg5.cjs");function f({children:e,hit:t,as:o,componentProps:n}){const u=p.useCallback(()=>{t&&"productId"in t&&s.s(c=>c.recordSearchClick("autocomplete",t))},[t]);return r.u(m.BaseElement,{onClick:u,as:o,componentProps:n,children:e})}function C({as:e,componentProps:t,onSearchInput:o,children:n}){const u={...t,onInput:a=>{o(a.target)}},c=e??"input";return e||(u.type="search"),r.u(c,{...u,children:n})}const d={...l.defaultBaseConfig};function g(e){return{pageType:"autocomplete",...d,...e}}function S({config:e,store:t,children:o}){const n=t??i.createStore();return l.useCheckClientScript(),r.u(i.ConfigContext,{value:g(e),children:r.u(i.StoreContext,{value:n,children:o})})}exports.AutocompleteElement=f;exports.AutocompletePageProvider=S;exports.SearchInput=C;

package/dist/preact/autocomplete.d.ts

@@ -1,5 +1,5 @@
 /** @module preact/autocomplete */
-export { AutocompleteElement } from './src/components/Autocomplete/AutocompleteElement';
+export { AutocompleteElement, type AutocompleteElementProps } from './src/components/AutocompleteElement';
 export { SearchInput } from './src/components/SearchInput';
 export type { PublicAutocompleteConfig as AutocompleteConfig } from './src/config/pages/autocomplete/config';
 export { AutocompletePageProvider } from './src/config/pages/autocomplete/provider';

package/dist/preact/autocomplete.es.js

@@ -1,49 +1,45 @@
-import { s as c } from "../index.es-B8mbAxS4.js";
-import { cloneElement as a } from "preact";
-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";
+import { u as c } from "../jsxRuntime.module-Bzuv3cXw.js";
+import { s as p } from "../index.es-B8mbAxS4.js";
+import { useCallback as m } from "preact/hooks";
+import { B as i } from "../BaseElement-Df1Kv7sB.js";
+import { c as l, S as f, C as s } from "../configContext-GuZOIX3o.js";
+import { d as C, u as d } from "../baseConfig-Bafl02NY.js";
+function P({
+  children: t,
+  hit: e,
+  as: o,
+  componentProps: r
+}) {
+  const n = m(() => {
+    e && "productId" in e && p((u) => u.recordSearchClick("autocomplete", e));
+  }, [e]);
+  return /* @__PURE__ */ c(i, { onClick: n, as: o, componentProps: r, children: 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 o = (n = t.props) == null ? void 0 : n.onClick;
-  return a(t, {
-    onClick: (r) => {
-      e && c((p) => p.recordSearchClick("autocomplete", e)), typeof o == "function" && o(r);
-    }
-  });
-}
-function P({ as: t, componentProps: e, onSearchInput: o, children: n }) {
-  const r = {
+function h({ as: t, componentProps: e, onSearchInput: o, children: r }) {
+  const n = {
     ...e,
-    onInput: (u) => {
-      o(u.target);
+    onInput: (a) => {
+      o(a.target);
     }
-  }, p = t ?? "input";
-  return t || (r.type = "search"), /* @__PURE__ */ i(p, { ...r, children: n });
+  }, u = t ?? "input";
+  return t || (n.type = "search"), /* @__PURE__ */ c(u, { ...n, children: r });
 }
-const d = {
-  ...f
+const g = {
+  ...C
 };
 function S(t) {
   return {
     pageType: "autocomplete",
-    ...d,
+    ...g,
     ...t
   };
 }
-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 }) });
+function y({ config: t, store: e, children: o }) {
+  const r = e ?? l();
+  return d(), /* @__PURE__ */ c(s, { value: S(t), children: /* @__PURE__ */ c(f, { value: r, children: o }) });
 }
 export {
-  x as AutocompleteElement,
-  T as AutocompletePageProvider,
-  P as SearchInput
+  P as AutocompleteElement,
+  y as AutocompletePageProvider,
+  h as SearchInput
 };

package/dist/preact/preact.d.ts

@@ -1,5 +1,5 @@
 /** @module preact */
-export { AutocompleteElement } from './src/components/Autocomplete/AutocompleteElement';
+export { AutocompleteElement, type AutocompleteElementProps } from './src/components/AutocompleteElement';
 export { InfiniteScroll, type InfiniteScrollProps } from './src/components/InfiniteScroll/InfiniteScroll';
 export { InfiniteScrollWithLink } from './src/components/InfiniteScroll/InfiniteScrollWithLink';
 export { SearchInput } from './src/components/SearchInput';

package/dist/preact/serp.cjs.js

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

package/dist/preact/serp.es.js

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

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

@@ -0,0 +1,12 @@
+import { AsComponent, BaseElementProps } from './BaseElement';
+type AutocompleteHit = {
+    productId: string;
+    url?: string;
+} | {
+    keyword: string;
+};
+export type AutocompleteElementProps<C extends AsComponent> = Omit<BaseElementProps<C>, "onClick"> & {
+    hit: AutocompleteHit;
+};
+export declare function AutocompleteElement<C extends AsComponent>({ children, hit, as, componentProps }: AutocompleteElementProps<C>): import("preact").JSX.Element;
+export {};

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

@@ -0,0 +1,17 @@
+import { ComponentChildren, ComponentProps, ComponentType, JSX } from 'preact';
+export type AsComponent = keyof JSX.IntrinsicElements | ComponentType<any>;
+/**
+ * @group Components
+ */
+export type BaseElementProps<C extends AsComponent> = {
+    onClick: () => 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 BaseElement<C extends AsComponent>({ onClick, as, children, componentProps }: BaseElementProps<C>): JSX.Element;

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

@@ -1,21 +1,16 @@
-import { ComponentChildren, ComponentProps, ComponentType, JSX } from 'preact';
-type AsComponent = keyof JSX.IntrinsicElements | ComponentType<any>;
+import { AsComponent, BaseElementProps } from './BaseElement';
 /**
  * @group Components
  */
-export type SerpElementProps<C extends AsComponent> = {
+export type SerpElementProps<C extends AsComponent> = Omit<BaseElementProps<C>, "onClick"> & {
     hit: {
         productId: string;
         url?: string;
     };
-    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<C extends AsComponent>({ as, children, hit, componentProps }: SerpElementProps<C>): JSX.Element;
-export {};
+export declare function SerpElement<C extends AsComponent>({ children, hit, componentProps, as }: SerpElementProps<C>): import("preact").JSX.Element;

package/package.json

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

package/dist/preact/src/components/Autocomplete/AutocompleteElement.d.ts

@@ -1,36 +0,0 @@
-import { ComponentChildren } from 'preact';
-/**
- * @group Components
- */
-export type AutocompleteElementProps = {
-    /**
-     * Rendered content.
-     */
-    children: ComponentChildren;
-    /**
-     * Get product data for analytics
-     */
-    hit: {
-        productId: string;
-        url?: string;
-        keyword?: string;
-    };
-};
-/**
- * Wraps elements to interactive component that handles selection based on provided configuration.
- *
- * @example
- * ```jsx
- * // Render product
- * {products?.hits?.map(hit => <AutocompleteElement hit={hit}>
- *     <a href={hit.url} class="nosto-product">
- *         <img src={hit.imageUrl} alt={hit.name} />
- *         <span>{hit.name}</span>
- *         <span>{hit.price}</span>
- *     </a>
- * </AutocompleteElement>)}
- * ```
- *
- * @group Components
- */
-export declare function AutocompleteElement({ children, hit }: AutocompleteElementProps): import('preact').VNode<any>;

package/dist/preact/src/components/Autocomplete/utils.d.ts

@@ -1,5 +0,0 @@
-import { ComponentChildren, JSX } from 'preact';
-/**
- * Check if the provided children is a valid HTML element (div/anchor/etc).
- */
-export declare function isValidHTMLElement(children: ComponentChildren): children is JSX.Element;