@phillips/seldon 1.156.0 → 1.158.0

package/dist/scss/componentStyles.scss

@@ -73,4 +73,4 @@
 @use 'components/Divider/divider';
 @use 'components/TextArea/textArea';
 @use 'components/AddToCalendar/addToCalendar';
-@use 'components/AuctionTile/auctionTile';
+@use 'components/SaleCard/saleCard';

package/dist/scss/components/Modal/_modal.scss

@@ -1,24 +1,22 @@
 @use '../../allPartials' as *;
 
 .#{$px}-modal {
-  background-color: white;
+  background-color: $white;
   left: 50%;
   max-height: 100%;
   max-width: 100%;
   overflow: auto;
   padding: $padding-md;
-  position: absolute;
+  position: fixed;
   top: 50%;
   transform: translate(-50%, -50%);
+  z-index: 30;
 
   &__overlay {
-    background-color: rgba(0, 0, 0, 75%);
-    height: 100dvh;
-    left: 0;
+    background-color: $overlay-black;
+    inset: 0;
     position: fixed;
-    top: 0;
-    width: 100%;
-    z-index: $modal-z-index;
+    z-index: 15;
   }
 
   &__close {

package/dist/scss/components/Modal/_modal.stories.scss

@@ -2,4 +2,15 @@
   &__button {
     margin-bottom: 16px;
   }
+
+  &__drawer,
+  &__modal {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+
+    &-heading.seldon-text {
+      margin-bottom: 0;
+    }
+  }
 }

package/dist/scss/components/SaleCard/_saleCard.scss

@@ -0,0 +1,120 @@
+@use '../../allPartials' as *;
+
+.#{$px}-sale-card {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: $spacing-sm;
+
+  @include media($breakpoint-md) {
+    flex-direction: row;
+    gap: $spacing-md;
+  }
+
+  &__image {
+    aspect-ratio: 91/51;
+    border-radius: 4px;
+    min-width: 100%;
+
+    @include media($breakpoint-md) {
+      aspect-ratio: 107/60;
+      min-width: 428px;
+    }
+
+    img {
+      height: auto;
+      object-fit: cover;
+      width: 100%;
+    }
+  }
+
+  &__details {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    gap: $spacing-micro;
+
+    @include media($size-md, 'max') {
+      align-self: flex-start;
+    }
+  }
+
+  &__date_info {
+    display: flex;
+    flex-direction: row;
+  }
+
+  &__separator {
+    margin: 0 8px;
+  }
+
+  &__cta {
+    align-items: flex-start;
+    display: flex;
+    flex-direction: column;
+    gap: $spacing-sm;
+    justify-content: center;
+    min-width: 200px;
+  }
+
+  &__info {
+    display: flex;
+    flex-direction: column;
+    gap: $spacing-micro;
+  }
+
+  &__badge {
+    border: 1px solid $badge-blue;
+    color: $badge-blue;
+    padding: $spacing-micro 8px;
+  }
+
+  &__cta-button {
+    padding: $spacing-sm $spacing-lg;
+    white-space: nowrap;
+    width: 100%;
+  }
+
+  &__modal-link {
+    cursor: pointer;
+
+    @include underline;
+  }
+
+  &__modal-link-button {
+    padding: 0;
+
+    @include underline;
+  }
+
+  &__pdf-link {
+    align-items: center;
+    align-self: stretch;
+    display: flex;
+    gap: $spacing-micro;
+    justify-content: center;
+
+    a {
+      text-decoration: none;
+    }
+  }
+
+  &--relatedSaleTile {
+    align-items: flex-start;
+    gap: $spacing-sm;
+
+    @include media($size-md, 'max') {
+      flex-direction: row;
+    }
+
+    .#{$px}-sale-card__image {
+      max-width: $spacing-xxxl;
+      min-width: 94px;
+
+      @include media($size-xl) {
+        max-width: calc($spacing-xxxl * 1.25);
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.156.0",
+  "version": "1.158.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -66,7 +66,6 @@
     "ics": "^3.8.1",
     "libphonenumber-js": "^1.12.6",
     "react-intersection-observer": "^9.13.1",
-    "react-modal": "^3.16.1",
     "react-remove-scroll": "^2.6.3",
     "react-transition-group": "^4.4.5",
     "react-zoom-pan-pinch": "^3.6.1",
@@ -104,7 +103,6 @@
     "@types/node": "^22.12.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.0.11",
-    "@types/react-modal": "^3.16.3",
     "@types/react-transition-group": "^4.4.11",
     "@types/uuid": "^10.0.0",
     "@typescript-eslint/eslint-plugin": "^5.62.0",

package/dist/_virtual/Modal.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/ModalPortal.js

@@ -1,4 +0,0 @@
-var o = { exports: {} };
-export {
-  o as __module
-};

package/dist/_virtual/ariaAppHider.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/bodyTrap.js

@@ -1,4 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};

package/dist/_virtual/classList.js

@@ -1,4 +0,0 @@
-var s = {};
-export {
-  s as __exports
-};

package/dist/_virtual/focusManager.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/index11.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/index12.js

@@ -1,4 +0,0 @@
-var o = { exports: {} };
-export {
-  o as __module
-};

package/dist/_virtual/portalOpenInstances.js

@@ -1,4 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};

package/dist/_virtual/react-lifecycles-compat.es.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace as e } from "./_commonjsHelpers.js";
-import * as t from "../node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js";
-const a = /* @__PURE__ */ e(t);
-export {
-  a as default
-};

package/dist/_virtual/safeHTMLElement.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/_virtual/scopeTab.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/dist/_virtual/tabbable.js

@@ -1,4 +0,0 @@
-var a = { exports: {} };
-export {
-  a as __module
-};

package/dist/components/AuctionTile/AuctionTile.d.ts

@@ -1,20 +0,0 @@
-import { ComponentProps } from 'react';
-export type AuctionTileProps = ComponentProps<'div'> & {
-    imageSrc: string;
-    imageAlt?: string;
-    type: string;
-    title: string;
-    date: string;
-    location: string;
-};
-/**
- * ## Overview
- *
- * Overview of this widget
- *
- * [Figma Link](https://www.figma.com/design/hMu9IWH5N3KamJy8tLFdyV/RW-Design-System?node-id=22259-4172&m=dev)
- *
- * [Storybook Link](https://phillips-seldon.netlify.app/?path=/docs/components-auctiontile--overview)
- */
-declare const AuctionTile: import('react').ForwardRefExoticComponent<Omit<AuctionTileProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export default AuctionTile;

package/dist/components/AuctionTile/AuctionTile.js

@@ -1,27 +0,0 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { forwardRef as v } from "react";
-import { getCommonProps as N } from "../../utils/index.js";
-import g from "../../node_modules/classnames/index.js";
-import { TextVariants as r } from "../Text/types.js";
-import e from "../Text/Text.js";
-const u = v(
-  ({ className: o, imageSrc: n, imageAlt: m = "Auction Image", type: c, title: l, date: d, location: p, ...t }, f) => {
-    const { className: i, ...h } = N(t, "AuctionTile"), _ = { ...h, ...t };
-    return /* @__PURE__ */ s("div", { ..._, className: g(i, o), ref: f, children: [
-      /* @__PURE__ */ a("div", { className: `${i}__image`, children: /* @__PURE__ */ a("img", { src: n, alt: m }) }),
-      /* @__PURE__ */ s("div", { className: `${i}__details`, children: [
-        /* @__PURE__ */ a(e, { variant: r.badge, children: c }),
-        /* @__PURE__ */ a(e, { variant: r.title4, children: l }),
-        /* @__PURE__ */ s("div", { className: `${i}__date_location`, children: [
-          /* @__PURE__ */ a(e, { variant: r.string2, children: d }),
-          /* @__PURE__ */ a("span", { className: `${i}__separator`, children: "•" }),
-          /* @__PURE__ */ a(e, { variant: r.string2, children: p })
-        ] })
-      ] })
-    ] });
-  }
-);
-u.displayName = "AuctionTile";
-export {
-  u as default
-};

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

@@ -1,18 +0,0 @@
-import { AuctionTileProps } from './AuctionTile';
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<Omit<AuctionTileProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-};
-export default meta;
-export declare const Playground: {
-    (props: AuctionTileProps): import("react/jsx-runtime").JSX.Element;
-    args: {
-        imageSrc: string;
-        type: string;
-        title: string;
-        date: string;
-        location: string;
-    };
-    argTypes: {};
-};
-export declare const MultipleAuctions: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/AuctionTile/index.d.ts

@@ -1 +0,0 @@
-export { default as AuctionTile, type AuctionTileProps } from './AuctionTile';

package/dist/node_modules/exenv/index.js

@@ -1,21 +0,0 @@
-import { __module as t } from "../../_virtual/index5.js";
-/*!
-  Copyright (c) 2015 Jed Watson.
-  Based on code that is Copyright 2013-2015, Facebook, Inc.
-  All rights reserved.
-*/
-(function(n) {
-  (function() {
-    var e = !!(typeof window < "u" && window.document && window.document.createElement), o = {
-      canUseDOM: e,
-      canUseWorkers: typeof Worker < "u",
-      canUseEventListeners: e && !!(window.addEventListener || window.attachEvent),
-      canUseViewport: e && !!window.screen
-    };
-    n.exports ? n.exports = o : window.ExecutionEnvironment = o;
-  })();
-})(t);
-var i = t.exports;
-export {
-  i as e
-};

package/dist/node_modules/react-lifecycles-compat/react-lifecycles-compat.es.js

@@ -1,63 +0,0 @@
-function l() {
-  var t = this.constructor.getDerivedStateFromProps(this.props, this.state);
-  t != null && this.setState(t);
-}
-function p(t) {
-  function e(o) {
-    var n = this.constructor.getDerivedStateFromProps(t, o);
-    return n ?? null;
-  }
-  this.setState(e.bind(this));
-}
-function r(t, e) {
-  try {
-    var o = this.props, n = this.state;
-    this.props = t, this.state = e, this.__reactInternalSnapshotFlag = !0, this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(
-      o,
-      n
-    );
-  } finally {
-    this.props = o, this.state = n;
-  }
-}
-l.__suppressDeprecationWarning = !0;
-p.__suppressDeprecationWarning = !0;
-r.__suppressDeprecationWarning = !0;
-function y(t) {
-  var e = t.prototype;
-  if (!e || !e.isReactComponent)
-    throw new Error("Can only polyfill class components");
-  if (typeof t.getDerivedStateFromProps != "function" && typeof e.getSnapshotBeforeUpdate != "function")
-    return t;
-  var o = null, n = null, i = null;
-  if (typeof e.componentWillMount == "function" ? o = "componentWillMount" : typeof e.UNSAFE_componentWillMount == "function" && (o = "UNSAFE_componentWillMount"), typeof e.componentWillReceiveProps == "function" ? n = "componentWillReceiveProps" : typeof e.UNSAFE_componentWillReceiveProps == "function" && (n = "UNSAFE_componentWillReceiveProps"), typeof e.componentWillUpdate == "function" ? i = "componentWillUpdate" : typeof e.UNSAFE_componentWillUpdate == "function" && (i = "UNSAFE_componentWillUpdate"), o !== null || n !== null || i !== null) {
-    var a = t.displayName || t.name, s = typeof t.getDerivedStateFromProps == "function" ? "getDerivedStateFromProps()" : "getSnapshotBeforeUpdate()";
-    throw Error(
-      `Unsafe legacy lifecycles will not be called for components using new component APIs.
-
-` + a + " uses " + s + " but also contains the following legacy lifecycles:" + (o !== null ? `
-  ` + o : "") + (n !== null ? `
-  ` + n : "") + (i !== null ? `
-  ` + i : "") + `
-
-The above lifecycles should be removed. Learn more about this warning here:
-https://fb.me/react-async-component-lifecycle-hooks`
-    );
-  }
-  if (typeof t.getDerivedStateFromProps == "function" && (e.componentWillMount = l, e.componentWillReceiveProps = p), typeof e.getSnapshotBeforeUpdate == "function") {
-    if (typeof e.componentDidUpdate != "function")
-      throw new Error(
-        "Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype"
-      );
-    e.componentWillUpdate = r;
-    var c = e.componentDidUpdate;
-    e.componentDidUpdate = function(f, u, d) {
-      var h = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : d;
-      c.call(this, f, u, h);
-    };
-  }
-  return t;
-}
-export {
-  y as polyfill
-};

package/dist/node_modules/react-modal/lib/components/Modal.js

@@ -1,237 +0,0 @@
-import { __exports as d } from "../../../../_virtual/Modal.js";
-import N from "react";
-import T from "react-dom";
-import { p as x } from "../../../prop-types/index.js";
-import { M as A } from "./ModalPortal.js";
-import "../helpers/ariaAppHider.js";
-import "../helpers/safeHTMLElement.js";
-import D from "../../../../_virtual/react-lifecycles-compat.es.js";
-import { __exports as w } from "../../../../_virtual/safeHTMLElement.js";
-import { __exports as H } from "../../../../_virtual/ariaAppHider.js";
-Object.defineProperty(d, "__esModule", {
-  value: !0
-});
-d.bodyOpenClassName = d.portalClassName = void 0;
-var g = Object.assign || function(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var o = arguments[e];
-    for (var a in o)
-      Object.prototype.hasOwnProperty.call(o, a) && (r[a] = o[a]);
-  }
-  return r;
-}, q = /* @__PURE__ */ function() {
-  function r(e, o) {
-    for (var a = 0; a < o.length; a++) {
-      var n = o[a];
-      n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
-    }
-  }
-  return function(e, o, a) {
-    return o && r(e.prototype, o), a && r(e, a), e;
-  };
-}(), R = N, O = m(R), U = T, _ = m(U), L = x, t = m(L), k = A, C = m(k), W = H, F = B(W), u = w, M = m(u), $ = D;
-function B(r) {
-  if (r && r.__esModule)
-    return r;
-  var e = {};
-  if (r != null)
-    for (var o in r)
-      Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
-  return e.default = r, e;
-}
-function m(r) {
-  return r && r.__esModule ? r : { default: r };
-}
-function j(r, e) {
-  if (!(r instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function E(r, e) {
-  if (!r)
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  return e && (typeof e == "object" || typeof e == "function") ? e : r;
-}
-function I(r, e) {
-  if (typeof e != "function" && e !== null)
-    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
-  r.prototype = Object.create(e && e.prototype, { constructor: { value: r, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(r, e) : r.__proto__ = e);
-}
-var V = d.portalClassName = "ReactModalPortal", z = d.bodyOpenClassName = "ReactModal__Body--open", s = u.canUseDOM && _.default.createPortal !== void 0, b = function(e) {
-  return document.createElement(e);
-}, P = function() {
-  return s ? _.default.createPortal : _.default.unstable_renderSubtreeIntoContainer;
-};
-function y(r) {
-  return r();
-}
-var p = function(r) {
-  I(e, r);
-  function e() {
-    var o, a, n, l;
-    j(this, e);
-    for (var c = arguments.length, v = Array(c), f = 0; f < c; f++)
-      v[f] = arguments[f];
-    return l = (a = (n = E(this, (o = e.__proto__ || Object.getPrototypeOf(e)).call.apply(o, [this].concat(v))), n), n.removePortal = function() {
-      !s && _.default.unmountComponentAtNode(n.node);
-      var i = y(n.props.parentSelector);
-      i && i.contains(n.node) ? i.removeChild(n.node) : console.warn('React-Modal: "parentSelector" prop did not returned any DOM element. Make sure that the parent element is unmounted to avoid any memory leaks.');
-    }, n.portalRef = function(i) {
-      n.portal = i;
-    }, n.renderPortal = function(i) {
-      var h = P(), S = h(n, O.default.createElement(C.default, g({ defaultStyles: e.defaultStyles }, i)), n.node);
-      n.portalRef(S);
-    }, a), E(n, l);
-  }
-  return q(e, [{
-    key: "componentDidMount",
-    value: function() {
-      if (u.canUseDOM) {
-        s || (this.node = b("div")), this.node.className = this.props.portalClassName;
-        var a = y(this.props.parentSelector);
-        a.appendChild(this.node), !s && this.renderPortal(this.props);
-      }
-    }
-  }, {
-    key: "getSnapshotBeforeUpdate",
-    value: function(a) {
-      var n = y(a.parentSelector), l = y(this.props.parentSelector);
-      return { prevParent: n, nextParent: l };
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function(a, n, l) {
-      if (u.canUseDOM) {
-        var c = this.props, v = c.isOpen, f = c.portalClassName;
-        a.portalClassName !== f && (this.node.className = f);
-        var i = l.prevParent, h = l.nextParent;
-        h !== i && (i.removeChild(this.node), h.appendChild(this.node)), !(!a.isOpen && !v) && !s && this.renderPortal(this.props);
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function() {
-      if (!(!u.canUseDOM || !this.node || !this.portal)) {
-        var a = this.portal.state, n = Date.now(), l = a.isOpen && this.props.closeTimeoutMS && (a.closesAt || n + this.props.closeTimeoutMS);
-        l ? (a.beforeClose || this.portal.closeWithTimeout(), setTimeout(this.removePortal, l - n)) : this.removePortal();
-      }
-    }
-  }, {
-    key: "render",
-    value: function() {
-      if (!u.canUseDOM || !s)
-        return null;
-      !this.node && s && (this.node = b("div"));
-      var a = P();
-      return a(O.default.createElement(C.default, g({
-        ref: this.portalRef,
-        defaultStyles: e.defaultStyles
-      }, this.props)), this.node);
-    }
-  }], [{
-    key: "setAppElement",
-    value: function(a) {
-      F.setElement(a);
-    }
-    /* eslint-disable react/no-unused-prop-types */
-    /* eslint-enable react/no-unused-prop-types */
-  }]), e;
-}(R.Component);
-p.propTypes = {
-  isOpen: t.default.bool.isRequired,
-  style: t.default.shape({
-    content: t.default.object,
-    overlay: t.default.object
-  }),
-  portalClassName: t.default.string,
-  bodyOpenClassName: t.default.string,
-  htmlOpenClassName: t.default.string,
-  className: t.default.oneOfType([t.default.string, t.default.shape({
-    base: t.default.string.isRequired,
-    afterOpen: t.default.string.isRequired,
-    beforeClose: t.default.string.isRequired
-  })]),
-  overlayClassName: t.default.oneOfType([t.default.string, t.default.shape({
-    base: t.default.string.isRequired,
-    afterOpen: t.default.string.isRequired,
-    beforeClose: t.default.string.isRequired
-  })]),
-  appElement: t.default.oneOfType([t.default.instanceOf(M.default), t.default.instanceOf(u.SafeHTMLCollection), t.default.instanceOf(u.SafeNodeList), t.default.arrayOf(t.default.instanceOf(M.default))]),
-  onAfterOpen: t.default.func,
-  onRequestClose: t.default.func,
-  closeTimeoutMS: t.default.number,
-  ariaHideApp: t.default.bool,
-  shouldFocusAfterRender: t.default.bool,
-  shouldCloseOnOverlayClick: t.default.bool,
-  shouldReturnFocusAfterClose: t.default.bool,
-  preventScroll: t.default.bool,
-  parentSelector: t.default.func,
-  aria: t.default.object,
-  data: t.default.object,
-  role: t.default.string,
-  contentLabel: t.default.string,
-  shouldCloseOnEsc: t.default.bool,
-  overlayRef: t.default.func,
-  contentRef: t.default.func,
-  id: t.default.string,
-  overlayElement: t.default.func,
-  contentElement: t.default.func
-};
-p.defaultProps = {
-  isOpen: !1,
-  portalClassName: V,
-  bodyOpenClassName: z,
-  role: "dialog",
-  ariaHideApp: !0,
-  closeTimeoutMS: 0,
-  shouldFocusAfterRender: !0,
-  shouldCloseOnEsc: !0,
-  shouldCloseOnOverlayClick: !0,
-  shouldReturnFocusAfterClose: !0,
-  preventScroll: !1,
-  parentSelector: function() {
-    return document.body;
-  },
-  overlayElement: function(e, o) {
-    return O.default.createElement(
-      "div",
-      e,
-      o
-    );
-  },
-  contentElement: function(e, o) {
-    return O.default.createElement(
-      "div",
-      e,
-      o
-    );
-  }
-};
-p.defaultStyles = {
-  overlay: {
-    position: "fixed",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    backgroundColor: "rgba(255, 255, 255, 0.75)"
-  },
-  content: {
-    position: "absolute",
-    top: "40px",
-    left: "40px",
-    right: "40px",
-    bottom: "40px",
-    border: "1px solid #ccc",
-    background: "#fff",
-    overflow: "auto",
-    WebkitOverflowScrolling: "touch",
-    borderRadius: "4px",
-    outline: "none",
-    padding: "20px"
-  }
-};
-(0, $.polyfill)(p);
-process.env.NODE_ENV !== "production" && (p.setCreateHTMLElement = function(r) {
-  return b = r;
-});
-d.default = p;