@phillips/seldon 1.85.1 → 1.87.0

package/dist/components/Search/Search.js

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

package/dist/components/Tabs/TabTrigger.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps } from 'react';
-export interface TabTriggerProps extends ComponentProps<'div'> {
+export interface TabTriggerProps extends Omit<ComponentProps<'div'>, 'onClick'> {
     /**
      * Value corresponding to the tab
      */
@@ -9,7 +9,7 @@ export interface TabTriggerProps extends ComponentProps<'div'> {
      * @param value
      * @returns
      */
-    onTabClick?: (value: string) => void;
+    onClick?: (value: string) => void;
     /**
      * Tab label
      */

package/dist/components/Tabs/TabTrigger.js

@@ -1,12 +1,19 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as g } from "react";
-import { getCommonProps as f } from "../../utils/index.js";
-import { Trigger as n } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
-const p = g(({ value: r, onTabClick: o, children: a, ...s }, e) => {
-  const m = () => {
-    o && o(r);
-  }, { className: t } = f(s, "TabsContainer");
-  return /* @__PURE__ */ i(n, { value: r, className: `${t}__tabs-trigger`, onClick: m, ref: e, children: a });
+import { jsx as t } from "react/jsx-runtime";
+import { Trigger as g } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
+import { forwardRef as f } from "react";
+import { getCommonProps as i } from "../../utils/index.js";
+const p = f(({ value: a, onClick: r, children: s, ...e }, m) => {
+  const { className: o } = i(e, "TabsContainer");
+  return /* @__PURE__ */ t(
+    g,
+    {
+      value: a,
+      className: `${o}__tabs-trigger`,
+      onClick: () => r == null ? void 0 : r(a),
+      ref: m,
+      children: s
+    }
+  );
 });
 p.displayName = "TabTrigger";
 export {

package/dist/components/Tabs/Tabs.stories.d.ts

@@ -16,4 +16,5 @@ export declare const Playground: {
     argTypes: {};
 };
 export declare const BrowseTabSelected: () => import("react/jsx-runtime").JSX.Element;
+export declare const ControlledTabs: () => import("react/jsx-runtime").JSX.Element;
 export declare const ComponentLabels: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/TabsContainer.d.ts

@@ -1,4 +1,5 @@
 import { ComponentProps } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 export interface Tab {
     /**
      * button label
@@ -15,7 +16,7 @@ export interface Tab {
  * @param {TabsContainerProps} props - The component props containing an array of tabs.
  * @returns {JSX.Element} The rendered tab component.
  */
-export interface TabsContainerProps extends ComponentProps<'div'> {
+export interface TabsContainerProps extends TabsPrimitive.TabsProps, Omit<ComponentProps<'div'>, 'dir'> {
     tabs: Tab[];
     /**
      * Specify the default tab
@@ -25,6 +26,10 @@ export interface TabsContainerProps extends ComponentProps<'div'> {
      * Aria-label for specific tab list view
      */
     tabListLabel?: string;
+    /**
+     * Optional value for controlled tabs
+     */
+    value?: string;
     /**
      * Optional handler when a tab is clicked
      */

package/dist/components/Tabs/TabsContainer.js

@@ -1,30 +1,32 @@
-import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
-import { getCommonProps as u } from "../../utils/index.js";
-import b from "../../node_modules/classnames/index.js";
-import { Root as T, List as N } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
-import g from "./TabTrigger.js";
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { Root as u, List as b } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
+import T from "../../node_modules/classnames/index.js";
+import { forwardRef as N } from "react";
+import { getCommonProps as g } from "../../utils/index.js";
 import { TextVariants as v } from "../Text/types.js";
-import _ from "../Text/Text.js";
-const x = d(
-  ({ className: l, tabs: s = [], tabListLabel: m = "Sale Page Tabs", children: t, defaultValue: i, onTabClick: n, ...c }, f) => {
-    const { className: a, ...p } = u(c, "TabsContainer");
-    return /* @__PURE__ */ o(
-      T,
+import C from "../Text/Text.js";
+import _ from "./TabTrigger.js";
+const x = N(
+  ({ className: m, tabs: o = [], tabListLabel: i = "Sale Page Tabs", children: t, defaultValue: n, value: c, onTabClick: f, ...s }, d) => {
+    const { className: a, ...p } = g(s, "TabsContainer");
+    return /* @__PURE__ */ l(
+      u,
       {
-        defaultValue: i || s[0].value,
+        ...s,
+        defaultValue: n || o[0].value,
+        value: c,
         ...p,
-        className: b(`${a}`, l),
-        ref: f,
+        className: T(`${a}`, m),
+        ref: d,
         children: [
-          /* @__PURE__ */ o(N, { "aria-label": m, className: `${a}__tabs-list`, children: [
-            s.map((e) => /* @__PURE__ */ r(
-              g,
+          /* @__PURE__ */ l(b, { "aria-label": i, className: `${a}__tabs-list`, children: [
+            o.map((e) => /* @__PURE__ */ r(
+              _,
               {
                 value: e.value,
                 className: `${a}__tabs-trigger`,
-                onTabClick: n,
-                children: /* @__PURE__ */ r(_, { variant: v.label, children: e.label })
+                onClick: f,
+                children: /* @__PURE__ */ r(C, { variant: v.label, children: e.label })
               },
               e.value
             )),

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/components/Navigation/NavigationItem/_navigationItem.scss

@@ -69,6 +69,12 @@
     margin-bottom: 0;
   }
 
+  a {
+    @include isHeaderMobile {
+      display: block;
+    }
+  }
+
   &--start,
   &--end {
     &__title {

package/dist/scss/components/Navigation/NavigationList/_navigationList.scss

@@ -7,7 +7,6 @@ $top-transition: top 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   flex-direction: column;
   justify-content: left;
   opacity: 1;
-  padding: $spacing-md 0;
 
   &--offscreen {
     opacity: 0;

package/dist/scss/site-furniture/Header/_header.scss

@@ -74,7 +74,6 @@
   &__logo {
     align-self: center;
     margin: 0;
-    padding-top: 6px; // small adjustment to center the logo
 
     svg {
       height: 20.58px; // 20.58px is the height of the logo's container to make logo 16px

package/package.json

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