@phillips/seldon 1.156.0 → 1.157.0

package/dist/_virtual/index10.js

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

package/dist/_virtual/index3.js

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

package/dist/_virtual/index4.js

@@ -1,4 +1,4 @@
-var p = { exports: {} };
+var r = {};
 export {
-  p as __module
+  r as __exports
 };

package/dist/_virtual/index5.js

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

package/dist/_virtual/index8.js

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

package/dist/_virtual/index9.js

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

package/dist/components/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
-import { default as ReactModal } from 'react-modal';
-export interface ModalProps extends ReactModal.Props {
+import * as Dialog from '@radix-ui/react-dialog';
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement>, Dialog.DialogProps {
     /**
      * Boolean to determine if the modal is open
      */
@@ -8,10 +8,6 @@ export interface ModalProps extends ReactModal.Props {
      * Function to close the modal
      */
     onClose?: () => void;
-    /**
-     * The selector for aria-hide
-     */
-    appElementSelector?: string;
     /**
      * The children of the modal
      */
@@ -27,7 +23,11 @@ export interface ModalProps extends ReactModal.Props {
     /**
      * style for the modal
      */
-    style?: ReactModal.Props['style'];
+    style?: React.CSSProperties;
+    /**
+     * Content label for accessibility
+     */
+    contentLabel?: string;
 }
 /**
  * ## Overview
@@ -35,5 +35,5 @@ export interface ModalProps extends ReactModal.Props {
  * A component for displaying a modal.
  *
  */
-declare const Modal: ({ children, className, overlayClassName, isOpen, onClose, appElementSelector, style, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Modal: import('react').ForwardRefExoticComponent<ModalProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Modal;

package/dist/components/Modal/Modal.js

@@ -1,54 +1,63 @@
-import { jsxs as u, jsx as l } from "react/jsx-runtime";
-import t from "../../node_modules/classnames/index.js";
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import r from "../../node_modules/classnames/index.js";
 import { getCommonProps as C, noOp as y } from "../../utils/index.js";
-import h from "../Icon/Icon.js";
-import s from "../../node_modules/react-modal/lib/index.js";
-import b from "../IconButton/IconButton.js";
+import N from "../Icon/Icon.js";
+import M from "../IconButton/IconButton.js";
 import { ButtonVariants as v } from "../Button/types.js";
-const g = ({
-  children: m,
-  className: n,
-  overlayClassName: i,
-  isOpen: o = !1,
-  onClose: r = y,
-  appElementSelector: d = "main",
-  style: c,
-  ...a
-}) => {
-  if (!o)
-    return null;
-  const { className: e, "data-testid": f, ...p } = C(a, "Modal");
-  return s.setAppElement(d), /* @__PURE__ */ u(
-    s,
-    {
-      ...p,
-      ...a,
-      isOpen: o,
-      onRequestClose: r,
-      className: t(e, n),
-      overlayClassName: t(`${e}__overlay`, i),
-      ariaHideApp: o,
-      testId: f,
-      style: c,
-      onAfterOpen: () => document.body.style.overflow = "hidden",
-      onAfterClose: () => document.body.style.overflow = "unset",
-      children: [
-        /* @__PURE__ */ l(
-          b,
-          {
-            id: "modal-button",
-            onClick: r,
-            "aria-label": "Close Modal",
-            className: t(`${e}__close`),
-            variant: v.tertiary,
-            children: /* @__PURE__ */ l(h, { icon: "CloseX", height: 32, width: 32, color: "currentColor" })
-          }
-        ),
-        m
-      ]
-    }
-  );
-};
+import { Root as _, Portal as b, Overlay as g, Content as x, Title as I, Description as O, Close as P } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { VisuallyHidden as j } from "../../node_modules/@radix-ui/react-visually-hidden/dist/index.js";
+import { forwardRef as w } from "react";
+const B = w(
+  ({ children: l, className: i, overlayClassName: s, isOpen: m = !1, onClose: d = y, style: n, contentLabel: c, ...t }, p) => {
+    const { className: a, "data-testid": f, ...h } = C(t, "Modal");
+    return /* @__PURE__ */ o(
+      _,
+      {
+        open: m,
+        onOpenChange: (u) => {
+          u || d();
+        },
+        children: /* @__PURE__ */ e(b, { children: [
+          /* @__PURE__ */ o(
+            g,
+            {
+              className: r(`${a}__overlay`, s),
+              "data-testid": "modal-overlay"
+            }
+          ),
+          /* @__PURE__ */ e(
+            x,
+            {
+              ref: p,
+              className: r(a, i),
+              "data-testid": f,
+              "aria-modal": "true",
+              style: n,
+              ...h,
+              ...t,
+              children: [
+                /* @__PURE__ */ o(j, { asChild: !0, children: /* @__PURE__ */ o(I, { children: c ?? "Modal" }) }),
+                /* @__PURE__ */ o(O, {}),
+                /* @__PURE__ */ o(P, { asChild: !0, children: /* @__PURE__ */ o(
+                  M,
+                  {
+                    id: "modal-close-button",
+                    "aria-label": "Close Modal",
+                    className: r(`${a}__close`),
+                    variant: v.tertiary,
+                    children: /* @__PURE__ */ o(N, { icon: "CloseX", height: 32, width: 32, color: "currentColor" })
+                  }
+                ) }),
+                l
+              ]
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+B.displayName = "Modal";
 export {
-  g as default
+  B as default
 };

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

@@ -1,6 +1,6 @@
 declare const meta: {
     title: string;
-    component: ({ children, className, overlayClassName, isOpen, onClose, appElementSelector, style, ...props }: import('./Modal').ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: import('react').ForwardRefExoticComponent<import('./Modal').ModalProps & import('react').RefAttributes<HTMLDivElement>>;
 };
 export default meta;
 export declare const Playground: {
@@ -9,3 +9,4 @@ export declare const Playground: {
         id: string;
     };
 };
+export declare const ModalFromDrawer: () => import("react/jsx-runtime").JSX.Element;

package/dist/node_modules/ics/dist/index.js

@@ -1,6 +1,6 @@
-import { __exports as l } from "../../../_virtual/index7.js";
+import { __exports as l } from "../../../_virtual/index4.js";
 import "./pipeline/index.js";
-import { __exports as _ } from "../../../_virtual/index8.js";
+import { __exports as _ } from "../../../_virtual/index5.js";
 Object.defineProperty(l, "__esModule", {
   value: !0
 });

package/dist/node_modules/ics/dist/pipeline/format.js

@@ -1,7 +1,7 @@
 import { __exports as d } from "../../../../_virtual/format.js";
 import "../utils/index.js";
 import "../utils/encode-new-lines.js";
-import { __exports as x } from "../../../../_virtual/index9.js";
+import { __exports as x } from "../../../../_virtual/index7.js";
 import { __exports as F } from "../../../../_virtual/encode-new-lines.js";
 Object.defineProperty(d, "__esModule", {
   value: !0

package/dist/node_modules/ics/dist/pipeline/index.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "../../../../_virtual/index8.js";
+import { __exports as u } from "../../../../_virtual/index5.js";
 import "./build.js";
 import "./format.js";
 import "./validate.js";

package/dist/node_modules/ics/dist/pipeline/validate.js

@@ -1,6 +1,6 @@
 import { __exports as n } from "../../../../_virtual/validate.js";
 import "../schema/index.js";
-import { __exports as u } from "../../../../_virtual/index10.js";
+import { __exports as u } from "../../../../_virtual/index8.js";
 (function(r) {
   Object.defineProperty(r, "__esModule", {
     value: !0

package/dist/node_modules/ics/dist/schema/index.js

@@ -1,4 +1,4 @@
-import { __exports as f } from "../../../../_virtual/index10.js";
+import { __exports as f } from "../../../../_virtual/index8.js";
 import b from "../../../../_virtual/index.esm.js";
 Object.defineProperty(f, "__esModule", {
   value: !0

package/dist/node_modules/ics/dist/utils/index.js

@@ -1,4 +1,4 @@
-import { __exports as _ } from "../../../../_virtual/index9.js";
+import { __exports as _ } from "../../../../_virtual/index7.js";
 import "./format-date.js";
 import "./set-geolocation.js";
 import "./set-contact.js";

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

@@ -1,16 +1,15 @@
 import { getDefaultExportFromCjs as e } from "../../_virtual/_commonjsHelpers.js";
-import { __module as r } from "../../_virtual/index4.js";
+import { __module as r } from "../../_virtual/index3.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";
+import { __require as t } from "./factoryWithTypeCheckers.js";
+import { __require as p } from "./factoryWithThrowingShims.js";
 if (process.env.NODE_ENV !== "production") {
   var s = o(), i = !0;
-  r.exports = p()(s.isElement, i);
+  r.exports = t()(s.isElement, i);
 } else
-  r.exports = t()();
-var a = r.exports;
-const q = /* @__PURE__ */ e(a);
+  r.exports = p()();
+var m = r.exports;
+const q = /* @__PURE__ */ e(m);
 export {
-  q as default,
-  a as p
+  q as default
 };

package/dist/node_modules/runes2/dist/index.js

@@ -1,4 +1,4 @@
-import { __module as e } from "../../../_virtual/index11.js";
+import { __module as e } from "../../../_virtual/index9.js";
 import { __require as r } from "./index.cjs.development.js";
 import { __require as o } from "./index.cjs.production.min.js";
 typeof process < "u" && process.env.NODE_ENV !== "production" ? e.exports = r() : e.exports = o();

package/dist/node_modules/toposort/index.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs as d } from "../../_virtual/_commonjsHelpers.js";
-import { __module as v } from "../../_virtual/index12.js";
+import { __module as v } from "../../_virtual/index10.js";
 v.exports = function(n) {
   return g(m(n), n);
 };

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.156.0",
+  "version": "1.157.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/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
-};