@phillips/seldon 1.78.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/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index5.js";
+import { __module as t } from "../../_virtual/index6.js";
 /*!
   Copyright (c) 2015 Jed Watson.
   Based on code that is Copyright 2013-2015, Facebook, Inc.

package/dist/node_modules/prop-types/node_modules/react-is/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../../_virtual/index6.js";
+import { __module as e } from "../../../../_virtual/index5.js";
 import { __require as o } from "./cjs/react-is.production.min.js";
 import { __require as t } from "./cjs/react-is.development.js";
 var r;

package/dist/scss/components/Navigation/NavigationItemTrigger/_navigationItemTrigger.scss

@@ -55,13 +55,20 @@
 
     &--hovered &__submenu {
       left: 0;
-      max-height: 700px;
+      max-height: calc(90vh - #{$header-height});
       opacity: 1;
+      -ms-overflow-style: none; /* Internet Explorer 10+ */
+      overflow-y: scroll;
       pointer-events: all;
+      scrollbar-width: none; /* Firefox */
       transition:
         max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
         opacity 0.3s cubic-bezier(0.33, 1, 0.68, 1);
 
+      &::-webkit-scrollbar {
+        display: none; /* Safari and Chrome */
+      }
+
       .#{$px}-nav__list__section {
         opacity: 1;
       }

package/dist/site-furniture/Header/Header.d.ts

@@ -5,6 +5,10 @@ export interface HeaderProps extends ComponentProps<'header'> {
      * Logo src
      */
     logo?: ReactElement<Component> | string;
+    /**
+     * Logo href
+     */
+    logoHref?: string;
     /**
      * Toggle open text
      */

package/dist/site-furniture/Header/Header.js

@@ -1,36 +1,37 @@
 import { jsxs as o, jsx as a } from "react/jsx-runtime";
-import l, { createContext as O, forwardRef as T, useState as h } from "react";
+import l, { createContext as T, forwardRef as P, useState as h } from "react";
 import d from "../../node_modules/classnames/index.js";
-import { findChildrenOfType as s, findChildrenExcludingTypes as P, px as e } from "../../utils/index.js";
-import j from "../../assets/PhillipsLogo.svg.js";
+import { findChildrenOfType as s, findChildrenExcludingTypes as j, px as e } from "../../utils/index.js";
+import R from "../../assets/PhillipsLogo.svg.js";
 import p from "../../patterns/UserManagement/UserManagement.js";
 import g from "../../patterns/LanguageSelector/LanguageSelector.js";
 import f from "../../components/Navigation/Navigation.js";
-import { defaultHeaderContext as R } from "./utils.js";
-import { SSRMediaQuery as w } from "../../providers/SeldonProvider/utils.js";
-const I = O(R), L = T(
+import { defaultHeaderContext as w } from "./utils.js";
+import { SSRMediaQuery as I } from "../../providers/SeldonProvider/utils.js";
+const L = T(w), k = P(
   ({
-    logo: i = /* @__PURE__ */ a(j, {}),
-    className: u,
+    logo: i = /* @__PURE__ */ a(R, {}),
+    logoHref: u = "/",
+    className: _,
     children: r,
-    toggleOpenText: _ = "Open Menu",
-    toggleCloseText: v = "Close Menu",
-    logoText: x = "Home Page",
-    ...C
-  }, y) => {
-    const E = s(r, p), m = s(r, g), [c, M] = h(!1), $ = s(r, f), b = P(r, [f, p, g]), [n, N] = h(!1), S = n ? v : _, H = function() {
-      N((t) => !t);
+    toggleOpenText: v = "Open Menu",
+    toggleCloseText: x = "Close Menu",
+    logoText: C = "Home Page",
+    ...y
+  }, E) => {
+    const M = s(r, p), m = s(r, g), [c, $] = h(!1), b = s(r, f), N = j(r, [f, p, g]), [n, S] = h(!1), H = n ? x : v, O = function() {
+      S((t) => !t);
     };
-    return /* @__PURE__ */ o("header", { ...C, className: d(`${e}-header`, u), ref: y, children: [
+    return /* @__PURE__ */ o("header", { ...y, className: d(`${e}-header`, _), ref: E, children: [
       /* @__PURE__ */ o("div", { className: `${e}-header__top-row`, children: [
-        /* @__PURE__ */ a(w.Media, { greaterThanOrEqual: "md", children: m }),
+        /* @__PURE__ */ a(I.Media, { greaterThanOrEqual: "md", children: m }),
         /* @__PURE__ */ o(
           "button",
           {
-            "aria-label": S,
+            "aria-label": H,
             "data-testid": "mobile-menu-toggle",
             type: "button",
-            onClick: H,
+            onClick: O,
             className: d(`${e}-header__toggle-btn`, {
               [`${e}-header__toggle-btn--open`]: n
             }),
@@ -40,20 +41,20 @@ const I = O(R), L = T(
             ]
           }
         ),
-        /* @__PURE__ */ a("h1", { "data-testid": "header-logo", className: `${e}-header__logo`, children: /* @__PURE__ */ a("a", { href: "/", "aria-label": x, children: typeof i == "object" ? i : /* @__PURE__ */ a("img", { alt: "Phillips", "data-testid": "header-logo-img", src: i, height: "14" }) }) }),
-        E
+        /* @__PURE__ */ a("h1", { "data-testid": "header-logo", className: `${e}-header__logo`, children: /* @__PURE__ */ a("a", { href: u, "aria-label": C, children: typeof i == "object" ? i : /* @__PURE__ */ a("img", { alt: "Phillips", "data-testid": "header-logo-img", src: i, height: "14" }) }) }),
+        M
       ] }),
       /* @__PURE__ */ a("div", { className: d(`${e}-header__nav`, { [`${e}-header__nav--closed`]: !n }), children: /* @__PURE__ */ o(
-        I.Provider,
+        L.Provider,
         {
           value: {
             isMenuOpen: n,
             isSearchExpanded: c,
-            setIsSearchExpanded: M
+            setIsSearchExpanded: $
           },
           children: [
             l.Children.map(
-              $,
+              b,
               (t) => l.isValidElement(t) ? l.cloneElement(t, {
                 children: [
                   ...l.Children.toArray(t.props.children),
@@ -61,7 +62,7 @@ const I = O(R), L = T(
                 ]
               }) : t
             ),
-            b
+            N
           ]
         }
       ) }),
@@ -76,8 +77,8 @@ const I = O(R), L = T(
     ] });
   }
 );
-L.displayName = "Header";
+k.displayName = "Header";
 export {
-  I as HeaderContext,
-  L as default
+  L as HeaderContext,
+  k as default
 };

package/package.json

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