@phillips/seldon 1.46.0 → 1.48.0

package/dist/components/Search/Search.js

@@ -1,137 +1,145 @@
-import { jsxs as v, jsx as a } from "react/jsx-runtime";
-import * as d from "react";
-import { getCommonProps as P, encodeURLSearchParams as N } from "../../utils/index.js";
-import f from "../../node_modules/classnames/index.js";
-import T from "../Input/Input.js";
-import j from "../../assets/search.svg.js";
-import D from "../../assets/close.svg.js";
-import V from "../../assets/loading_spinner.svg.js";
-import A from "../Link/Link.js";
+import { jsxs as p, Fragment as k, jsx as a } from "react/jsx-runtime";
+import * as f from "react";
+import { getCommonProps as P, px as y, encodeURLSearchParams as N } from "../../utils/index.js";
+import u from "../../node_modules/classnames/index.js";
+import j from "../Input/Input.js";
+import D from "../Link/Link.js";
 import F from "./SearchResults/SearchResults.js";
 import { TextVariants as H } from "../Text/types.js";
-import K from "../Text/Text.js";
-const Z = ({
-  onSearch: h,
-  searchResults: R = [],
-  state: s = "idle",
-  defaultValue: C = "",
-  className: w,
-  placeholder: l,
-  searchButtonText: c = "Search",
-  loadingText: x = "Search In Progress...",
-  invalidText: k = "Invalid search",
-  getAllResultsText: y = (e) => `View all results for ${e}`,
-  getAllResultsLink: _ = (e) => `/Search?Search=${e}`,
-  ...p
+import O from "../Text/Text.js";
+import { useOnClickOutside as V } from "../../node_modules/usehooks-ts/dist/index.js";
+import { HeaderContext as A } from "../Header/Header.js";
+import { SearchButton as K } from "./SearchButton.js";
+import M from "../../node_modules/react-transition-group/esm/CSSTransition.js";
+const re = ({
+  onSearch: S,
+  searchResults: C = [],
+  state: c = "idle",
+  defaultValue: I = "",
+  className: R,
+  placeholder: b = "",
+  searchButtonText: l = "Search",
+  loadingText: w = "Search In Progress...",
+  invalidText: E = "Invalid search",
+  getAllResultsText: L = (e) => `View all results for ${e}`,
+  getAllResultsLink: v = (e) => `/Search?Search=${e}`,
+  ...x
 }) => {
-  var g;
-  const { className: e, "data-testid": r, ...L } = P(p, "Search"), [n, b] = d.useState(!1), m = d.useRef(null), u = d.useRef(null), o = (g = m.current) == null ? void 0 : g.value, E = s === "loading" || s === "submitting", $ = () => {
-    var t, i;
-    if (b(!n), n) {
-      (t = u.current) == null || t.reset();
-      return;
-    }
-    (i = m.current) == null || i.focus();
-  }, S = (t) => {
-    var i;
-    if (t.stopPropagation(), t.key === "Enter") {
-      if (t.preventDefault(), o && o.length > 2) {
-        const I = N(_(o));
-        window.location.href = I;
+  var $;
+  const { className: e, "data-testid": m, ...T } = P(x, "Search"), d = f.useContext(A), h = f.useRef(null), o = f.useRef(null), t = d.isSearchExpanded, s = ($ = h.current) == null ? void 0 : $.value;
+  V(o, () => g(!1));
+  const _ = (r) => {
+    var n;
+    if (r.stopPropagation(), r.key === "Enter") {
+      if (r.preventDefault(), s && s.length > 2) {
+        const i = N(v(s));
+        window.location.href = i;
       }
-      t.currentTarget instanceof HTMLAnchorElement && t.currentTarget.click();
+      r.currentTarget instanceof HTMLAnchorElement && r.currentTarget.click();
+    }
+    r.key === "Escape" && (d.setIsSearchExpanded(!1), (n = o.current) == null || n.reset());
+  }, g = (r) => {
+    var n, i;
+    if (d.setIsSearchExpanded(r), r) {
+      (n = h.current) == null || n.focus();
+      return;
     }
-    t.key === "Escape" && (b(!1), (i = u.current) == null || i.reset());
+    (i = o.current) == null || i.reset();
   };
-  return /* @__PURE__ */ v(
-    "div",
-    {
-      ...L,
-      className: f(e, w),
-      "data-testid": r,
-      role: "search",
-      ...p,
-      children: [
-        /* @__PURE__ */ a(K, { variant: H.heading3, className: `${e}__label`, children: c }),
-        n ? null : /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            "data-testid": `${r}-button`,
-            "aria-label": c,
-            className: `${e}__button ${e}__button--search`,
-            onClick: $,
-            children: /* @__PURE__ */ a(j, { "data-testid": `${r}-button-icon`, className: `${e}__button__icon` })
-          }
-        ),
-        n && s === "idle" ? /* @__PURE__ */ a(
-          "button",
-          {
-            type: "button",
-            "data-testid": `${r}-close-button`,
-            "aria-label": "Close Search",
-            className: `${e}__button ${e}__button--close`,
-            onClick: $,
-            children: /* @__PURE__ */ a(D, { "data-testid": `${r}-form-icon`, className: `${e}__button__icon` })
-          }
-        ) : null,
-        n && E ? /* @__PURE__ */ a(
-          V,
-          {
-            "data-testid": `${r}-form-icon`,
-            className: `${e}__button__icon ${e}__input-status-icon`
-          }
-        ) : null,
-        /* @__PURE__ */ a(
+  return /* @__PURE__ */ p(k, { children: [
+    /* @__PURE__ */ a(O, { variant: H.heading3, className: `${e}__label`, children: l }),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        ...T,
+        className: u(e, R, { [`${e}--active`]: t }),
+        "data-testid": m,
+        role: "search",
+        ...x,
+        children: /* @__PURE__ */ p(
           "form",
           {
-            "data-testid": `${r}-form`,
-            className: f(`${e}__form`, { [`${e}__form--active`]: n }),
-            "aria-hidden": !n,
-            ref: u,
-            children: /* @__PURE__ */ v("div", { className: f(`${e}__content-wrapper`), role: "combobox", "aria-haspopup": "listbox", children: [
-              /* @__PURE__ */ a(
-                T,
+            "data-testid": `${m}-form`,
+            className: u(`${e}__form`, {
+              [`${e}__form--active`]: t
+            }),
+            ref: o,
+            children: [
+              /* @__PURE__ */ p(
+                "div",
                 {
-                  className: `${e}__input`,
-                  id: "search-input",
-                  hideLabel: !0,
-                  labelText: c,
-                  placeholder: l != null ? l : null,
-                  type: "text",
-                  defaultValue: C,
-                  invalid: s === "invalid",
-                  invalidText: k,
-                  onKeyDown: S,
-                  onChange: h ? (t) => {
-                    h(t.target.value);
-                  } : void 0,
-                  ref: m
+                  className: u(`${e}__content-wrapper`, {
+                    [`${e}__content-wrapper--active`]: t
+                  }),
+                  role: "combobox",
+                  "aria-haspopup": "listbox",
+                  children: [
+                    /* @__PURE__ */ a(
+                      M,
+                      {
+                        in: t,
+                        classNames: `${y}-input`,
+                        addEndListener: () => {
+                        },
+                        children: /* @__PURE__ */ a(
+                          j,
+                          {
+                            "aria-hidden": !t,
+                            className: `${e}__input`,
+                            id: "search-input",
+                            hideLabel: !0,
+                            labelText: l,
+                            placeholder: t ? b : "",
+                            type: "text",
+                            defaultValue: I,
+                            invalid: c === "invalid",
+                            invalidText: E,
+                            onKeyDown: _,
+                            onChange: S ? (r) => {
+                              S(r.target.value);
+                            } : void 0,
+                            ref: h
+                          }
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ a(
+                      K,
+                      {
+                        className: e,
+                        searchButtonText: l,
+                        state: c,
+                        testId: m,
+                        isSearchExpanded: t,
+                        setIsSearchExpanded: g
+                      }
+                    )
+                  ]
                 }
               ),
-              o && o.length > 2 ? /* @__PURE__ */ a(
+              s && s.length > 2 ? /* @__PURE__ */ a(
                 F,
                 {
-                  autoCompleteResults: R,
-                  isLoading: s === "loading",
-                  loadingText: x,
-                  onKeyDown: S,
+                  autoCompleteResults: C,
+                  isLoading: c === "loading",
+                  loadingText: w,
+                  onKeyDown: _,
                   children: /* @__PURE__ */ a("li", { className: `${e}__result`, children: /* @__PURE__ */ a(
-                    A,
+                    D,
                     {
-                      href: ((t) => N(_(t)))(o),
-                      children: /* @__PURE__ */ a("p", { children: y(o) })
+                      href: ((r) => N(v(r)))(s),
+                      children: /* @__PURE__ */ a("p", { children: L(s) })
                     }
                   ) }, "viewAllSearchResults")
                 }
               ) : null
-            ] })
+            ]
           }
         )
-      ]
-    }
-  );
+      }
+    )
+  ] });
 };
 export {
-  Z as default
+  re as default
 };

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

@@ -0,0 +1,7 @@
+import { SearchProps } from './Search';
+import { ComponentProps } from 'react';
+export declare const SearchButton: ({ state, isSearchExpanded, setIsSearchExpanded, searchButtonText, className, testId, ...props }: {
+    testId: string;
+    isSearchExpanded: boolean;
+    setIsSearchExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+} & Pick<SearchProps, "state" | "searchButtonText"> & import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/Search/SearchButton.js

@@ -0,0 +1,37 @@
+import { jsx as n } from "react/jsx-runtime";
+import b from "../../assets/search.svg.js";
+import l from "../../assets/close.svg.js";
+const f = ({
+  state: e,
+  isSearchExpanded: r,
+  setIsSearchExpanded: i,
+  searchButtonText: _,
+  className: t,
+  testId: o,
+  ...u
+}) => r ? r && e === "idle" ? /* @__PURE__ */ n(
+  "button",
+  {
+    ...u,
+    type: "button",
+    "data-testid": `${o}-close-button`,
+    "aria-label": "Close Search",
+    className: `${t}__button ${t}__button--close`,
+    onClick: () => i(!1),
+    children: /* @__PURE__ */ n(l, { "data-testid": `${o}-form-icon`, className: `${t}__button__icon` })
+  }
+) : null : /* @__PURE__ */ n(
+  "button",
+  {
+    ...u,
+    type: "button",
+    "data-testid": `${o}-button`,
+    "aria-label": _,
+    className: `${t}__button ${t}__button--search`,
+    onClick: () => i(!0),
+    children: /* @__PURE__ */ n(b, { "data-testid": `${o}-button-icon`, className: `${t}__button__icon` })
+  }
+);
+export {
+  f as SearchButton
+};

package/dist/components/Social/Social.js

@@ -15,7 +15,7 @@ const S = ({
 }) => {
   const { className: o, ...n } = f(r, "Social");
   return /* @__PURE__ */ c("div", { ...n, className: l(o, s), ...r, children: [
-    /* @__PURE__ */ t(N, { variant: u.heading3, className: `${o}__header`, children: e }),
+    /* @__PURE__ */ t(N, { variant: u.heading4, className: `${o}__header`, children: e }),
     /* @__PURE__ */ t(p, { onClick: i, variant: d.ghost, className: `${o}__button`, children: m }),
     a
   ] });

package/dist/index.js

@@ -1,97 +1,98 @@
-import { PaddingTokens as a, defaultYear as f, emailValidation as m, encodeURLSearchParams as p, findChildrenOfType as d, generatePaddingClassName as s, getCommonProps as u, noOp as l, px as i, useNormalizedInputProps as x } from "./utils/index.js";
-import { default as g } from "./pages/Page.js";
-import { default as S } from "./components/Button/Button.js";
-import { ButtonVariants as I } from "./components/Button/types.js";
+import { PaddingTokens as a, SpacingTokens as f, defaultYear as m, emailValidation as p, encodeURLSearchParams as d, findChildrenOfType as s, generatePaddingClassName as u, getCommonProps as i, noOp as l, px as x, useNormalizedInputProps as n } from "./utils/index.js";
+import { default as c } from "./pages/Page.js";
+import { default as L } from "./components/Button/Button.js";
+import { ButtonVariants as k } from "./components/Button/types.js";
 import { default as P } from "./components/IconButton/IconButton.js";
-import { default as k } from "./components/ErrorBoundary/ErrorBoundary.js";
+import { default as N } from "./components/ErrorBoundary/ErrorBoundary.js";
 import { default as w } from "./components/Footer/Footer.js";
-import { Grid as b } from "./components/Grid/Grid.js";
-import { default as v } from "./components/Header/Header.js";
-import { default as C } from "./components/Navigation/Navigation.js";
-import { default as y } from "./components/Navigation/NavigationItem/NavigationItem.js";
-import { default as H } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
-import { default as O } from "./components/Navigation/NavigationList/NavigationList.js";
-import { default as U } from "./components/HeroBanner/HeroBanner.js";
-import { default as E } from "./components/Input/Input.js";
-import { default as Y } from "./components/Link/Link.js";
-import { LinkVariants as q } from "./components/Link/types.js";
-import { default as K } from "./components/LinkBlock/LinkBlock.js";
-import { default as W } from "./components/LinkList/LinkList.js";
-import { default as Z } from "./components/Row/Row.js";
-import { default as $ } from "./components/GridItem/GridItem.js";
+import { Grid as h } from "./components/Grid/Grid.js";
+import { default as A } from "./components/Header/Header.js";
+import { default as G } from "./components/Navigation/Navigation.js";
+import { default as D } from "./components/Navigation/NavigationItem/NavigationItem.js";
+import { default as M } from "./components/Navigation/NavigationItemTrigger/NavigationItemTrigger.js";
+import { default as R } from "./components/Navigation/NavigationList/NavigationList.js";
+import { default as z } from "./components/HeroBanner/HeroBanner.js";
+import { default as F } from "./components/Input/Input.js";
+import { default as j } from "./components/Link/Link.js";
+import { LinkVariants as J } from "./components/Link/types.js";
+import { default as Q } from "./components/LinkBlock/LinkBlock.js";
+import { default as X } from "./components/LinkList/LinkList.js";
+import { default as _ } from "./components/Row/Row.js";
+import { default as ee } from "./components/GridItem/GridItem.js";
 import { GridItemAlign as re } from "./components/GridItem/types.js";
-import { default as te } from "./components/Search/Search.js";
-import { default as fe } from "./components/Select/Select.js";
-import { default as pe } from "./components/SplitPanel/SplitPanel.js";
-import { default as se } from "./components/Subscribe/Subscribe.js";
+import { default as ae } from "./components/Search/Search.js";
+import { default as me } from "./components/Select/Select.js";
+import { default as de } from "./components/SplitPanel/SplitPanel.js";
+import { default as ue } from "./components/Subscribe/Subscribe.js";
 import { SubscriptionState as le } from "./components/Subscribe/types.js";
-import { default as xe } from "./components/Social/Social.js";
-import { default as ge } from "./components/ViewingsList/ViewingsList.js";
-import { default as Se } from "./components/Modal/Modal.js";
-import { default as Ie } from "./components/Drawer/Drawer.js";
+import { default as ne } from "./components/Social/Social.js";
+import { default as ce } from "./components/ViewingsList/ViewingsList.js";
+import { default as Le } from "./components/Modal/Modal.js";
+import { default as ke } from "./components/Drawer/Drawer.js";
 import { default as Pe } from "./components/ViewingsList/StatefulViewingsList.js";
-import { TextVariants as ke } from "./components/Text/types.js";
+import { TextVariants as Ne } from "./components/Text/types.js";
 import { default as we } from "./components/Text/Text.js";
-import { default as be } from "./components/Accordion/Accordion.js";
-import { default as ve } from "./components/Accordion/AccordionItem.js";
-import { default as Ce } from "./components/UserManagement/UserManagement.js";
-import { AuthState as ye } from "./components/UserManagement/types.js";
-import { SupportedLanguages as He } from "./types/commonTypes.js";
-import { default as Oe } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as he } from "./components/Accordion/Accordion.js";
+import { default as Ae } from "./components/Accordion/AccordionItem.js";
+import { default as Ge } from "./components/UserManagement/UserManagement.js";
+import { AuthState as De } from "./components/UserManagement/types.js";
+import { SupportedLanguages as Me } from "./types/commonTypes.js";
+import { default as Re } from "./components/Breadcrumb/Breadcrumb.js";
 import "react/jsx-runtime";
 import "./node_modules/classnames/index.js";
-import { default as Ue } from "./components/Dropdown/Dropdown.js";
-import { default as Ee } from "./components/Video/Video.js";
+import { default as ze } from "./components/Dropdown/Dropdown.js";
+import { default as Fe } from "./components/Video/Video.js";
 export {
-  be as Accordion,
-  ve as AccordionItem,
-  ye as AuthState,
-  Oe as Breadcrumb,
-  S as Button,
-  I as ButtonVariants,
-  Ie as Drawer,
-  Ue as Dropdown,
-  k as ErrorBoundary,
+  he as Accordion,
+  Ae as AccordionItem,
+  De as AuthState,
+  Re as Breadcrumb,
+  L as Button,
+  k as ButtonVariants,
+  ke as Drawer,
+  ze as Dropdown,
+  N as ErrorBoundary,
   w as Footer,
-  b as Grid,
-  $ as GridItem,
+  h as Grid,
+  ee as GridItem,
   re as GridItemAlign,
-  v as Header,
-  U as HeroBanner,
+  A as Header,
+  z as HeroBanner,
   P as IconButton,
-  E as Input,
-  Y as Link,
-  K as LinkBlock,
-  W as LinkList,
-  q as LinkVariants,
-  Se as Modal,
-  C as Navigation,
-  y as NavigationItem,
-  H as NavigationItemTrigger,
-  O as NavigationList,
+  F as Input,
+  j as Link,
+  Q as LinkBlock,
+  X as LinkList,
+  J as LinkVariants,
+  Le as Modal,
+  G as Navigation,
+  D as NavigationItem,
+  M as NavigationItemTrigger,
+  R as NavigationList,
   a as PaddingTokens,
-  g as Page,
-  Z as Row,
-  te as Search,
-  fe as Select,
-  xe as Social,
-  pe as SplitPanel,
+  c as Page,
+  _ as Row,
+  ae as Search,
+  me as Select,
+  ne as Social,
+  f as SpacingTokens,
+  de as SplitPanel,
   Pe as StatefulViewingsList,
-  se as Subscribe,
+  ue as Subscribe,
   le as SubscriptionState,
-  He as SupportedLanguages,
+  Me as SupportedLanguages,
   we as Text,
-  ke as TextVariants,
-  Ce as UserManagement,
-  Ee as Video,
-  ge as ViewingsList,
-  f as defaultYear,
-  m as emailValidation,
-  p as encodeURLSearchParams,
-  d as findChildrenOfType,
-  s as generatePaddingClassName,
-  u as getCommonProps,
+  Ne as TextVariants,
+  Ge as UserManagement,
+  Fe as Video,
+  ce as ViewingsList,
+  m as defaultYear,
+  p as emailValidation,
+  d as encodeURLSearchParams,
+  s as findChildrenOfType,
+  u as generatePaddingClassName,
+  i as getCommonProps,
   l as noOp,
-  i as px,
-  x as useNormalizedInputProps
+  x as px,
+  n as useNormalizedInputProps
 };

package/dist/node_modules/@babel/runtime/helpers/esm/extends.js

@@ -0,0 +1,13 @@
+function e() {
+  return e = Object.assign ? Object.assign.bind() : function(a) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var r in t)
+        Object.prototype.hasOwnProperty.call(t, r) && (a[r] = t[r]);
+    }
+    return a;
+  }, e.apply(this, arguments);
+}
+export {
+  e as default
+};

package/dist/node_modules/@babel/runtime/helpers/esm/inheritsLoose.js

@@ -0,0 +1,7 @@
+import e from "./setPrototypeOf.js";
+function p(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, e(t, o);
+}
+export {
+  p as default
+};

package/dist/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js

@@ -0,0 +1,10 @@
+function a(r, o) {
+  if (r == null) return {};
+  var n = {}, i = Object.keys(r), e, t;
+  for (t = 0; t < i.length; t++)
+    e = i[t], !(o.indexOf(e) >= 0) && (n[e] = r[e]);
+  return n;
+}
+export {
+  a as default
+};

package/dist/node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js

@@ -0,0 +1,8 @@
+function e(o, r) {
+  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, f) {
+    return t.__proto__ = f, t;
+  }, e(o, r);
+}
+export {
+  e as default
+};

package/dist/node_modules/dom-helpers/esm/addClass.js

@@ -0,0 +1,7 @@
+import i from "./hasClass.js";
+function c(s, a) {
+  s.classList ? s.classList.add(a) : i(s, a) || (typeof s.className == "string" ? s.className = s.className + " " + a : s.setAttribute("class", (s.className && s.className.baseVal || "") + " " + a));
+}
+export {
+  c as default
+};

package/dist/node_modules/dom-helpers/esm/hasClass.js

@@ -0,0 +1,6 @@
+function i(s, a) {
+  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
+}
+export {
+  i as default
+};

package/dist/node_modules/dom-helpers/esm/removeClass.js

@@ -0,0 +1,9 @@
+function c(s, a) {
+  return s.replace(new RegExp("(^|\\s)" + a + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+}
+function r(s, a) {
+  s.classList ? s.classList.remove(a) : typeof s.className == "string" ? s.className = c(s.className, a) : s.setAttribute("class", c(s.className && s.className.baseVal || "", a));
+}
+export {
+  r as default
+};

package/dist/node_modules/lodash.debounce/index.js

@@ -0,0 +1,3 @@
+import { commonjsGlobal as e } from "../../_virtual/_commonjsHelpers.js";
+var t = typeof e == "object" && e && e.Object === Object && e, o = typeof self == "object" && self && self.Object === Object && self;
+t || o || Function("return this")();

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

@@ -1,13 +1,16 @@
+import { getDefaultExportFromCjs as e } from "../../_virtual/_commonjsHelpers.js";
 import { __module as r } from "../../_virtual/index3.js";
-import { __require as e } from "./node_modules/react-is/index.js";
-import { __require as o } from "./factoryWithTypeCheckers.js";
-import { __require as p } from "./factoryWithThrowingShims.js";
+import { __require as o } from "./node_modules/react-is/index.js";
+import { __require as p } from "./factoryWithTypeCheckers.js";
+import { __require as t } from "./factoryWithThrowingShims.js";
 if (process.env.NODE_ENV !== "production") {
-  var s = e(), i = !0;
-  r.exports = o()(s.isElement, i);
+  var s = o(), i = !0;
+  r.exports = p()(s.isElement, i);
 } else
-  r.exports = p()();
-var _ = r.exports;
+  r.exports = t()();
+var a = r.exports;
+const q = /* @__PURE__ */ e(a);
 export {
-  _ as p
+  q as default,
+  a as p
 };