@phillips/seldon 1.130.0 → 1.130.1

package/dist/components/Search/Search.js

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

package/dist/node_modules/exenv/index.js

@@ -1,4 +1,4 @@
-import { __module as t } from "../../_virtual/index6.js";
+import { __module as t } from "../../_virtual/index5.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/index5.js";
+import { __module as e } from "../../../../_virtual/index6.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/_vars.scss

@@ -103,9 +103,10 @@ $snwHeaderLink: 'snwHeaderLink';
 $snwFlyoutLink: 'snwFlyoutLink';
 $snwHeadingHero1: 'snwHeadingHero1';
 $snwHeadingHero2: 'snwHeadingHero2';
-$text-tokens: $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5,
-  $title1, $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink,
-  $snwHeaderLink, $snwHeadingHero1, $snwHeadingHero2;
+$text-tokens:
+  $button, $link, $email, $label, $badge, $blockquote, $heading1, $heading2, $heading3, $heading4, $heading5, $title1,
+  $title2, $title3, $title4, $body1, $body2, $body3, $string1, $string2, $string3, $snwFlyoutLink, $snwHeaderLink,
+  $snwHeadingHero1, $snwHeadingHero2;
 
 ////////////////////////
 /// Breakpoint TOKENS to be used for min-width comparisons, make sure they match BREAKPOINTS in constants.ts

package/package.json

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