@phillips/seldon 1.91.1 → 1.93.0

package/dist/scss/patterns/ObjectTile/_objectTile.scss

@@ -0,0 +1,61 @@
+@use '../../allPartials' as *;
+
+.#{$px}-object-tile {
+  display: flex;
+  flex-direction: column;
+  max-width: 24.5rem;
+
+  &__img {
+    margin-bottom: $spacing-sm;
+    max-width: 100%;
+  }
+
+  &__badge {
+    color: $widget-red;
+  }
+
+  &__lot-number-like {
+    position: relative;
+
+    & > :not(.#{$px}-object-tile__lot-number) {
+      position: absolute;
+      right: 0;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+  }
+
+  & .#{$px}-object-tile__lot-number {
+    margin-bottom: $spacing-xsm;
+  }
+
+  & .#{$px}-object-tile__maker,
+  & .#{$px}-object-tile__model,
+  & .#{$px}-object-tile__reference-number {
+    margin-bottom: 0;
+  }
+
+  &__meta {
+    margin-bottom: $spacing-sm;
+  }
+
+  & .#{$px}-object-tile__token-fix {
+    // @Todo: remove when tokens have been updated. heading 4 should have the font sizes of heading 5
+    @include text($heading5);
+  }
+
+  &__withdrawn {
+    font-family: $Distinct;
+  }
+
+  &__section {
+    .#{$px}-has-separators .#{$px}-detail {
+      flex-wrap: wrap;
+      gap: 0 $spacing-sm;
+
+      .#{$px}-detail__value {
+        text-align: unset;
+      }
+    }
+  }
+}

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

@@ -34,6 +34,10 @@ export type HeaderContextType = {
      * Set the search expanded state
      */
     setIsSearchExpanded: React.Dispatch<React.SetStateAction<boolean>>;
+    /**
+     * Close the mobile menu
+     * */
+    closeMenu?: () => void;
 };
 export declare const HeaderContext: React.Context<HeaderContextType>;
 /**

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

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

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

@@ -0,0 +1,9 @@
+import { HeaderProps } from './Header';
+type UseMobileMenuProps = Pick<HeaderProps, 'toggleCloseText' | 'toggleOpenText'>;
+export declare const useMobileMenu: ({ toggleCloseText, toggleOpenText }: UseMobileMenuProps) => {
+    isMenuOpen: boolean;
+    handleMenuToggle: () => void;
+    closeMenu: () => void;
+    toggleText: string | undefined;
+};
+export {};

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

@@ -0,0 +1,8 @@
+import { useState as l } from "react";
+const a = ({ toggleCloseText: o, toggleOpenText: t }) => {
+  const [e, n] = l(!1);
+  return { isMenuOpen: e, handleMenuToggle: () => n((s) => !s), closeMenu: () => n(!1), toggleText: e ? o : t };
+};
+export {
+  a as useMobileMenu
+};

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

@@ -2,7 +2,8 @@ import { noOp as e } from "../../utils/index.js";
 const n = {
   isMenuOpen: !1,
   isSearchExpanded: !1,
-  setIsSearchExpanded: e
+  setIsSearchExpanded: e,
+  closeMenu: e
 };
 export {
   n as defaultHeaderContext

package/dist/types/commonTypes.d.ts

@@ -2,3 +2,8 @@ export declare enum SupportedLanguages {
     en = "en",
     zh = "zh"
 }
+export declare enum AuctionStatus {
+    ready = "READY",
+    live = "LIVE",
+    past = "PAST"
+}

package/dist/types/commonTypes.js

@@ -1,4 +1,5 @@
-var e = /* @__PURE__ */ ((r) => (r.en = "en", r.zh = "zh", r))(e || {});
+var e = /* @__PURE__ */ ((r) => (r.en = "en", r.zh = "zh", r))(e || {}), v = /* @__PURE__ */ ((r) => (r.ready = "READY", r.live = "LIVE", r.past = "PAST", r))(v || {});
 export {
+  v as AuctionStatus,
   e as SupportedLanguages
 };

package/package.json

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