@phillips/seldon 1.79.0 → 1.79.1

package/dist/components/Search/Search.js

@@ -1,7 +1,7 @@
-import { jsx as a, jsxs as u } from "react/jsx-runtime";
-import c, { useEffect as V } from "react";
-import { getCommonProps as j, px as D, encodeURLSearchParams as N } from "../../utils/index.js";
-import f from "../../node_modules/classnames/index.js";
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import i, { useEffect as V } from "react";
+import { getCommonProps as j, px as D, encodeURLSearchParams as I } from "../../utils/index.js";
+import _ from "../../node_modules/classnames/index.js";
 import H from "../Input/Input.js";
 import O from "../Link/Link.js";
 import A from "./SearchResults/SearchResults.js";
@@ -12,37 +12,37 @@ import { HeaderContext as U } from "../../site-furniture/Header/Header.js";
 import { SearchButton as q } from "./SearchButton.js";
 import z from "../../node_modules/react-transition-group/esm/CSSTransition.js";
 const ne = ({
-  onSearch: _,
-  onCancel: i,
-  searchResults: E = [],
-  state: l = "idle",
-  defaultValue: R = "",
+  onSearch: S,
+  onCancel: o,
+  searchResults: R = [],
+  state: c = "idle",
+  defaultValue: E = "",
   className: b,
   placeholder: w = "",
-  searchButtonText: d = "Search",
+  searchButtonText: l = "Search",
   loadingText: C = "Search In Progress...",
-  invalidText: k = "Invalid search",
-  getAllResultsText: L = (r) => `View all results for ${r}`,
-  getAllResultsLink: S = (r) => `/Search?Search=${r}`,
-  ...v
+  invalidText: L = "Invalid search",
+  getAllResultsText: P = (r) => `View all results for ${r}`,
+  getAllResultsLink: v = (r) => `/Search?Search=${r}`,
+  ...x
 }) => {
-  var I;
-  const { className: r, "data-testid": m, ...P } = j(v, "Search"), o = c.useContext(U), h = c.useRef(null), p = c.useRef(null), x = c.useRef(null), t = o.isSearchExpanded, s = (I = h.current) == null ? void 0 : I.value, T = _ ? (e) => {
-    _(e.target.value);
+  var N;
+  const { className: r, "data-testid": d, ...T } = j(x, "Search"), m = i.useContext(U), h = i.useRef(null), p = i.useRef(null), $ = i.useRef(null), t = m.isSearchExpanded, s = (N = h.current) == null ? void 0 : N.value, k = S ? (e) => {
+    S(e.target.value);
   } : void 0;
-  M(x, (e) => {
-    i == null || i(), g(!1), e.stopPropagation();
+  M($, (e) => {
+    o == null || o(), u(!1), e.stopPropagation();
   });
-  const $ = (e) => {
+  const g = (e) => {
     var n;
     if (e.stopPropagation(), e.key === "Enter") {
       if (e.preventDefault(), s && s.length > 2) {
-        const y = N(S(s));
+        const y = I(v(s));
         window.location.href = y;
       }
       e.currentTarget instanceof HTMLAnchorElement && e.currentTarget.click();
     }
-    e.key === "Escape" && ((n = p.current) == null || n.reset(), o.setIsSearchExpanded(!1));
+    e.key === "Escape" && ((n = p.current) == null || n.reset(), m.setIsSearchExpanded(!1));
   };
   V(() => {
     var e;
@@ -51,111 +51,104 @@ const ne = ({
       return;
     }
   }, [t]);
-  const g = (e) => {
+  const u = (e) => {
     var n;
-    (n = p.current) == null || n.reset(), o.setIsSearchExpanded(e);
+    (n = p.current) == null || n.reset(), m.setIsSearchExpanded(e);
   };
-  return /* @__PURE__ */ a("div", { className: `${r}__container`, children: /* @__PURE__ */ u(
-    "div",
-    {
-      onClick: () => o.setIsSearchExpanded(!0),
-      className: `${r}__container__inner`,
-      ref: x,
-      children: [
-        /* @__PURE__ */ a(K, { variant: F.heading4, className: `${r}__container__inner__label`, children: d }),
-        /* @__PURE__ */ a(
-          "div",
+  return /* @__PURE__ */ a("div", { className: `${r}__container`, children: /* @__PURE__ */ f("div", { className: `${r}__container__inner`, ref: $, children: [
+    /* @__PURE__ */ a(K, { variant: F.heading4, className: `${r}__container__inner__label`, children: l }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ...T,
+        className: _(r, b, { [`${r}--active`]: t }),
+        "data-testid": d,
+        role: "search",
+        ...x,
+        children: /* @__PURE__ */ f(
+          "form",
           {
-            ...P,
-            className: f(r, b, { [`${r}--active`]: t }),
-            "data-testid": m,
-            role: "search",
-            ...v,
-            children: /* @__PURE__ */ u(
-              "form",
-              {
-                "data-testid": `${m}-form`,
-                className: f(`${r}__form`, {
-                  [`${r}__form--active`]: t
-                }),
-                ref: p,
-                children: [
-                  /* @__PURE__ */ u(
-                    "div",
-                    {
-                      className: f(`${r}__content-wrapper`, {
-                        [`${r}__content-wrapper--active`]: t
-                      }),
-                      role: "combobox",
-                      "aria-haspopup": "listbox",
-                      children: [
-                        /* @__PURE__ */ a(
-                          z,
-                          {
-                            in: t,
-                            classNames: `${D}-input`,
-                            addEndListener: () => {
-                            },
-                            children: /* @__PURE__ */ a(
-                              H,
-                              {
-                                "aria-hidden": !t,
-                                className: `${r}__input`,
-                                id: "search-input",
-                                hideLabel: !0,
-                                labelText: d,
-                                placeholder: t ? w : "",
-                                type: "text",
-                                defaultValue: R,
-                                invalid: l === "invalid",
-                                invalidText: k,
-                                onKeyDown: $,
-                                onChange: T,
-                                ref: h
-                              }
-                            )
-                          }
-                        ),
-                        /* @__PURE__ */ a(
-                          q,
+            "data-testid": `${d}-form`,
+            className: _(`${r}__form`, {
+              [`${r}__form--active`]: t
+            }),
+            ref: p,
+            children: [
+              /* @__PURE__ */ f(
+                "div",
+                {
+                  className: _(`${r}__content-wrapper`, {
+                    [`${r}__content-wrapper--active`]: t
+                  }),
+                  role: "combobox",
+                  "aria-haspopup": "listbox",
+                  children: [
+                    /* @__PURE__ */ a(
+                      z,
+                      {
+                        in: t,
+                        classNames: `${D}-input`,
+                        addEndListener: () => {
+                        },
+                        children: /* @__PURE__ */ a(
+                          H,
                           {
-                            className: r,
-                            searchButtonText: d,
-                            state: l,
-                            testId: m,
-                            isSearchExpanded: t,
-                            setIsSearchExpanded: g,
-                            onCancel: i
+                            "aria-hidden": !t,
+                            className: `${r}__input`,
+                            id: "search-input",
+                            hideLabel: !0,
+                            labelText: l,
+                            placeholder: t ? w : "",
+                            type: "text",
+                            defaultValue: E,
+                            invalid: c === "invalid",
+                            invalidText: L,
+                            onKeyDown: g,
+                            onChange: k,
+                            ref: h
                           }
                         )
-                      ]
-                    }
-                  ),
-                  s && s.length > 2 ? /* @__PURE__ */ a(
-                    A,
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      q,
+                      {
+                        className: r,
+                        searchButtonText: l,
+                        state: c,
+                        testId: d,
+                        isSearchExpanded: t,
+                        setIsSearchExpanded: u,
+                        onCancel: o
+                      }
+                    )
+                  ]
+                }
+              ),
+              s && s.length > 2 ? /* @__PURE__ */ a(
+                A,
+                {
+                  autoCompleteResults: R,
+                  isLoading: c === "loading",
+                  loadingText: C,
+                  onKeyDown: g,
+                  userInputValue: s,
+                  closeSearch: u,
+                  children: /* @__PURE__ */ a("li", { className: `${r}__result`, children: /* @__PURE__ */ a(
+                    O,
                     {
-                      autoCompleteResults: E,
-                      isLoading: l === "loading",
-                      loadingText: C,
-                      onKeyDown: $,
-                      userInputValue: s,
-                      children: /* @__PURE__ */ a("li", { className: `${r}__result`, children: /* @__PURE__ */ a(
-                        O,
-                        {
-                          href: ((e) => N(S(e)))(s),
-                          children: /* @__PURE__ */ a("p", { children: L(s) })
-                        }
-                      ) }, "viewAllSearchResults")
+                      href: ((e) => I(v(e)))(s),
+                      children: /* @__PURE__ */ a("p", { children: P(s) })
                     }
-                  ) : null
-                ]
-              }
-            )
+                  ) }, "viewAllSearchResults")
+                }
+              ) : null
+            ]
           }
         )
-      ]
-    }
-  ) });
+      }
+    )
+  ] }) });
 };
 export {
   ne as default

package/dist/components/Search/SearchResults/SearchResults.d.ts

@@ -11,6 +11,7 @@ export interface SearchResultsProps extends React.HTMLAttributes<HTMLElement> {
     loadingText?: string;
     onKeyDown?: (event: React.KeyboardEvent<HTMLAnchorElement>) => void;
     userInputValue?: string;
+    closeSearch: (value: boolean) => void;
 }
-declare const SearchResults: ({ autoCompleteResults, isLoading, children, loadingText, onKeyDown, userInputValue, }: React.PropsWithChildren<SearchResultsProps>) => import("react/jsx-runtime").JSX.Element;
+declare const SearchResults: ({ autoCompleteResults, isLoading, children, loadingText, onKeyDown, userInputValue, closeSearch, }: React.PropsWithChildren<SearchResultsProps>) => import("react/jsx-runtime").JSX.Element;
 export default SearchResults;

package/dist/components/Search/SearchResults/SearchResults.js

@@ -1,25 +1,35 @@
 import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { px as a } from "../../../utils/index.js";
-import u from "../../Link/Link.js";
+import { px as e } from "../../../utils/index.js";
+import f from "../../Link/Link.js";
 import { LinkVariants as L } from "../../Link/types.js";
 const w = ({
-  autoCompleteResults: e = [],
-  isLoading: i,
-  children: c,
-  loadingText: t = "Loading...",
+  autoCompleteResults: l = [],
+  isLoading: t,
+  children: i,
+  loadingText: c = "Loading...",
   onKeyDown: o,
-  userInputValue: h = ""
+  userInputValue: h = "",
+  closeSearch: d
 }) => {
-  const m = Array.isArray(e) && e.length > 0;
-  function d(s, n) {
-    return s.split(new RegExp(`(${n})`, "gi")).map(
-      (l, _) => l.toLocaleLowerCase() === n.toLocaleLowerCase() ? /* @__PURE__ */ r("strong", { children: l }, _) : l
+  const m = Array.isArray(l) && l.length > 0;
+  function _(s, a) {
+    return s.split(new RegExp(`(${a})`, "gi")).map(
+      (n, u) => n.toLocaleLowerCase() === a.toLocaleLowerCase() ? /* @__PURE__ */ r("strong", { children: n }, u) : n
     );
   }
-  return /* @__PURE__ */ r("div", { className: `${a}-search__results`, children: /* @__PURE__ */ p("ul", { "data-testid": "search-results", className: `${a}-search__results-container`, children: [
-    i ? /* @__PURE__ */ r("li", { className: `${a}-search__result`, children: t }) : null,
-    m && e.map((s) => /* @__PURE__ */ r("li", { className: `${a}-search__result`, children: /* @__PURE__ */ r(u, { href: s.url, onKeyDown: o, variant: L.snwFlyoutLink, children: /* @__PURE__ */ r("span", { className: "${px}-search__result__label", children: d(s.label, h) }) }) }, s.id)),
-    c
+  return /* @__PURE__ */ r("div", { className: `${e}-search__results`, children: /* @__PURE__ */ p("ul", { "data-testid": "search-results", className: `${e}-search__results-container`, children: [
+    t ? /* @__PURE__ */ r("li", { className: `${e}-search__result`, children: c }) : null,
+    m && l.map((s, a) => /* @__PURE__ */ r("li", { className: `${e}-search__result`, children: /* @__PURE__ */ r(
+      f,
+      {
+        href: s.url,
+        onKeyDown: o,
+        onClick: () => d(!1),
+        variant: L.snwFlyoutLink,
+        children: /* @__PURE__ */ r("span", { "data-testid": `search-result-${a}`, className: "${px}-search__result__label", children: _(s.label, h) })
+      }
+    ) }, s.id)),
+    i
   ] }) });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.79.0",
+  "version": "1.79.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"