@phillips/seldon 1.23.0 → 1.24.0

package/dist/node_modules/react-modal/lib/helpers/ariaAppHider.js

@@ -0,0 +1,91 @@
+import { __exports as n } from "../../../../_virtual/ariaAppHider.js";
+import { w as m } from "../../../warning/warning.js";
+import "./safeHTMLElement.js";
+import { __exports as c } from "../../../../_virtual/safeHTMLElement.js";
+Object.defineProperty(n, "__esModule", {
+  value: !0
+});
+n.resetState = h;
+n.log = A;
+n.assertNodeList = f;
+n.setElement = g;
+n.validateElement = s;
+n.hide = _;
+n.show = w;
+n.documentNotReadyOrSSRTesting = N;
+var v = m, p = E(v), y = c;
+function E(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+var t = null;
+function h() {
+  t && (t.removeAttribute ? t.removeAttribute("aria-hidden") : t.length != null ? t.forEach(function(e) {
+    return e.removeAttribute("aria-hidden");
+  }) : document.querySelectorAll(t).forEach(function(e) {
+    return e.removeAttribute("aria-hidden");
+  })), t = null;
+}
+function A() {
+  if (process.env.NODE_ENV !== "production") {
+    var e = t || {};
+    console.log("ariaAppHider ----------"), console.log(e.nodeName, e.className, e.id), console.log("end ariaAppHider ----------");
+  }
+}
+function f(e, r) {
+  if (!e || !e.length)
+    throw new Error("react-modal: No elements were found for selector " + r + ".");
+}
+function g(e) {
+  var r = e;
+  if (typeof r == "string" && y.canUseDOM) {
+    var o = document.querySelectorAll(r);
+    f(o, r), r = o;
+  }
+  return t = r || t, t;
+}
+function s(e) {
+  var r = e || t;
+  return r ? Array.isArray(r) || r instanceof HTMLCollection || r instanceof NodeList ? r : [r] : ((0, p.default)(!1, ["react-modal: App element is not defined.", "Please use `Modal.setAppElement(el)` or set `appElement={el}`.", "This is needed so screen readers don't see main content", "when modal is opened. It is not recommended, but you can opt-out", "by setting `ariaHideApp={false}`."].join(" ")), []);
+}
+function _(e) {
+  var r = !0, o = !1, i = void 0;
+  try {
+    for (var a = s(e)[Symbol.iterator](), l; !(r = (l = a.next()).done); r = !0) {
+      var u = l.value;
+      u.setAttribute("aria-hidden", "true");
+    }
+  } catch (d) {
+    o = !0, i = d;
+  } finally {
+    try {
+      !r && a.return && a.return();
+    } finally {
+      if (o)
+        throw i;
+    }
+  }
+}
+function w(e) {
+  var r = !0, o = !1, i = void 0;
+  try {
+    for (var a = s(e)[Symbol.iterator](), l; !(r = (l = a.next()).done); r = !0) {
+      var u = l.value;
+      u.removeAttribute("aria-hidden");
+    }
+  } catch (d) {
+    o = !0, i = d;
+  } finally {
+    try {
+      !r && a.return && a.return();
+    } finally {
+      if (o)
+        throw i;
+    }
+  }
+}
+function N() {
+  t = null;
+}
+export {
+  n as default
+};

package/dist/node_modules/react-modal/lib/helpers/bodyTrap.js

@@ -0,0 +1,42 @@
+import { __exports as d } from "../../../../_virtual/bodyTrap.js";
+import "./portalOpenInstances.js";
+import { __exports as i } from "../../../../_virtual/portalOpenInstances.js";
+Object.defineProperty(d, "__esModule", {
+  value: !0
+});
+d.resetState = f;
+d.log = v;
+var p = i, c = u(p);
+function u(t) {
+  return t && t.__esModule ? t : { default: t };
+}
+var e = void 0, o = void 0, r = [];
+function f() {
+  for (var t = [e, o], n = 0; n < t.length; n++) {
+    var a = t[n];
+    a && a.parentNode && a.parentNode.removeChild(a);
+  }
+  e = o = null, r = [];
+}
+function v() {
+  console.log("bodyTrap ----------"), console.log(r.length);
+  for (var t = [e, o], n = 0; n < t.length; n++) {
+    var a = t[n], l = a || {};
+    console.log(l.nodeName, l.className, l.id);
+  }
+  console.log("edn bodyTrap ----------");
+}
+function s() {
+  if (r.length === 0) {
+    process.env.NODE_ENV !== "production" && console.warn("React-Modal: Open instances > 0 expected");
+    return;
+  }
+  r[r.length - 1].focusContent();
+}
+function m(t, n) {
+  !e && !o && (e = document.createElement("div"), e.setAttribute("data-react-modal-body-trap", ""), e.style.position = "absolute", e.style.opacity = "0", e.setAttribute("tabindex", "0"), e.addEventListener("focus", s), o = e.cloneNode(), o.addEventListener("focus", s)), r = n, r.length > 0 ? (document.body.firstChild !== e && document.body.insertBefore(e, document.body.firstChild), document.body.lastChild !== o && document.body.appendChild(o)) : (e.parentElement && e.parentElement.removeChild(e), o.parentElement && o.parentElement.removeChild(o));
+}
+c.default.subscribe(m);
+export {
+  d as default
+};

package/dist/node_modules/react-modal/lib/helpers/classList.js

@@ -0,0 +1,62 @@
+import { __exports as i } from "../../../../_virtual/classList.js";
+Object.defineProperty(i, "__esModule", {
+  value: !0
+});
+i.resetState = d;
+i.log = m;
+var o = {}, a = {};
+function s(t, e) {
+  t.classList.remove(e);
+}
+function d() {
+  var t = document.getElementsByTagName("html")[0];
+  for (var e in o)
+    s(t, o[e]);
+  var n = document.body;
+  for (var r in a)
+    s(n, a[r]);
+  o = {}, a = {};
+}
+function m() {
+  if (process.env.NODE_ENV !== "production") {
+    var t = document.getElementsByTagName("html")[0].className, e = `Show tracked classes:
+
+`;
+    e += "<html /> (" + t + `):
+  `;
+    for (var n in o)
+      e += "  " + n + " " + o[n] + `
+  `;
+    t = document.body.className, e += `
+
+doc.body (` + t + `):
+  `;
+    for (var r in a)
+      e += "  " + r + " " + a[r] + `
+  `;
+    e += `
+`, console.log(e);
+  }
+}
+var u = function(e, n) {
+  return e[n] || (e[n] = 0), e[n] += 1, n;
+}, v = function(e, n) {
+  return e[n] && (e[n] -= 1), n;
+}, f = function(e, n, r) {
+  r.forEach(function(c) {
+    u(n, c), e.add(c);
+  });
+}, l = function(e, n, r) {
+  r.forEach(function(c) {
+    v(n, c), n[c] === 0 && e.remove(c);
+  });
+};
+i.add = function(e, n) {
+  return f(e.classList, e.nodeName.toLowerCase() == "html" ? o : a, n.split(" "));
+};
+i.remove = function(e, n) {
+  return l(e.classList, e.nodeName.toLowerCase() == "html" ? o : a, n.split(" "));
+};
+export {
+  i as default
+};

package/dist/node_modules/react-modal/lib/helpers/focusManager.js

@@ -0,0 +1,67 @@
+import { __exports as t } from "../../../../_virtual/focusManager.js";
+import { t as s } from "./tabbable.js";
+Object.defineProperty(t, "__esModule", {
+  value: !0
+});
+t.resetState = f;
+t.log = v;
+t.handleBlur = r;
+t.handleFocus = a;
+t.markForFocusLater = m;
+t.returnFocus = p;
+t.popWithoutFocus = h;
+t.setupScopedFocus = E;
+t.teardownScopedFocus = F;
+var l = s, i = d(l);
+function d(e) {
+  return e && e.__esModule ? e : { default: e };
+}
+var n = [], u = null, c = !1;
+function f() {
+  n = [];
+}
+function v() {
+  process.env.NODE_ENV !== "production" && (console.log("focusManager ----------"), n.forEach(function(e) {
+    var o = e || {};
+    console.log(o.nodeName, o.className, o.id);
+  }), console.log("end focusManager ----------"));
+}
+function r() {
+  c = !0;
+}
+function a() {
+  if (c) {
+    if (c = !1, !u)
+      return;
+    setTimeout(function() {
+      if (!u.contains(document.activeElement)) {
+        var e = (0, i.default)(u)[0] || u;
+        e.focus();
+      }
+    }, 0);
+  }
+}
+function m() {
+  n.push(document.activeElement);
+}
+function p() {
+  var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, o = null;
+  try {
+    n.length !== 0 && (o = n.pop(), o.focus({ preventScroll: e }));
+    return;
+  } catch {
+    console.warn(["You tried to return focus to", o, "but it is not in the DOM anymore"].join(" "));
+  }
+}
+function h() {
+  n.length > 0 && n.pop();
+}
+function E(e) {
+  u = e, window.addEventListener ? (window.addEventListener("blur", r, !1), document.addEventListener("focus", a, !0)) : (window.attachEvent("onBlur", r), document.attachEvent("onFocus", a));
+}
+function F() {
+  u = null, window.addEventListener ? (window.removeEventListener("blur", r), document.removeEventListener("focus", a)) : (window.detachEvent("onBlur", r), document.detachEvent("onFocus", a));
+}
+export {
+  t as default
+};

package/dist/node_modules/react-modal/lib/helpers/portalOpenInstances.js

@@ -0,0 +1,46 @@
+import { __exports as r } from "../../../../_virtual/portalOpenInstances.js";
+Object.defineProperty(r, "__esModule", {
+  value: !0
+});
+r.log = c;
+r.resetState = l;
+function i(s, e) {
+  if (!(s instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+var a = function s() {
+  var e = this;
+  i(this, s), this.register = function(n) {
+    if (e.openInstances.indexOf(n) !== -1) {
+      process.env.NODE_ENV !== "production" && console.warn("React-Modal: Cannot register modal instance that's already open");
+      return;
+    }
+    e.openInstances.push(n), e.emit("register");
+  }, this.deregister = function(n) {
+    var t = e.openInstances.indexOf(n);
+    if (t === -1) {
+      process.env.NODE_ENV !== "production" && console.warn("React-Modal: Unable to deregister " + n + " as it was never registered");
+      return;
+    }
+    e.openInstances.splice(t, 1), e.emit("deregister");
+  }, this.subscribe = function(n) {
+    e.subscribers.push(n);
+  }, this.emit = function(n) {
+    e.subscribers.forEach(function(t) {
+      return t(
+        n,
+        // shallow copy to avoid accidental mutation
+        e.openInstances.slice()
+      );
+    });
+  }, this.openInstances = [], this.subscribers = [];
+}, o = new a();
+function c() {
+  console.log("portalOpenInstances ----------"), console.log(o.openInstances.length), o.openInstances.forEach(function(s) {
+    return console.log(s);
+  }), console.log("end portalOpenInstances ----------");
+}
+function l() {
+  o = new a();
+}
+r.default = o;

package/dist/node_modules/react-modal/lib/helpers/safeHTMLElement.js

@@ -0,0 +1,15 @@
+import { __exports as e } from "../../../../_virtual/safeHTMLElement.js";
+import { e as t } from "../../../exenv/index.js";
+Object.defineProperty(e, "__esModule", {
+  value: !0
+});
+e.canUseDOM = e.SafeNodeList = e.SafeHTMLCollection = void 0;
+var o = t, r = i(o);
+function i(n) {
+  return n && n.__esModule ? n : { default: n };
+}
+var a = r.default, l = a.canUseDOM ? window.HTMLElement : {};
+e.SafeHTMLCollection = a.canUseDOM ? window.HTMLCollection : {};
+e.SafeNodeList = a.canUseDOM ? window.NodeList : {};
+e.canUseDOM = a.canUseDOM;
+e.default = l;

package/dist/node_modules/react-modal/lib/helpers/scopeTab.js

@@ -0,0 +1,46 @@
+import { __module as s } from "../../../../_virtual/scopeTab.js";
+import { t as _ } from "./tabbable.js";
+(function(c, f) {
+  Object.defineProperty(f, "__esModule", {
+    value: !0
+  }), f.default = g;
+  var d = _, p = m(d);
+  function m(e) {
+    return e && e.__esModule ? e : { default: e };
+  }
+  function v() {
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : document;
+    return e.activeElement.shadowRoot ? v(e.activeElement.shadowRoot) : e.activeElement;
+  }
+  function g(e, r) {
+    var a = (0, p.default)(e);
+    if (!a.length) {
+      r.preventDefault();
+      return;
+    }
+    var t = void 0, n = r.shiftKey, o = a[0], u = a[a.length - 1], i = v();
+    if (e === i) {
+      if (!n)
+        return;
+      t = u;
+    }
+    if (u === i && !n && (t = o), o === i && n && (t = u), t) {
+      r.preventDefault(), t.focus();
+      return;
+    }
+    var b = /(\bChrome\b|\bSafari\b)\//.exec(navigator.userAgent), h = b != null && b[1] != "Chrome" && /\biPod\b|\biPad\b/g.exec(navigator.userAgent) == null;
+    if (h) {
+      var l = a.indexOf(i);
+      if (l > -1 && (l += n ? -1 : 1), t = a[l], typeof t == "undefined") {
+        r.preventDefault(), t = n ? u : o, t.focus();
+        return;
+      }
+      r.preventDefault(), t.focus();
+    }
+  }
+  c.exports = f.default;
+})(s, s.exports);
+var D = s.exports;
+export {
+  D as s
+};

package/dist/node_modules/react-modal/lib/helpers/tabbable.js

@@ -0,0 +1,62 @@
+import { __module as n } from "../../../../_virtual/tabbable.js";
+(function(u, a) {
+  Object.defineProperty(a, "__esModule", {
+    value: !0
+  }), a.default = i;
+  /*!
+   * Adapted from jQuery UI core
+   *
+   * http://jqueryui.com
+   *
+   * Copyright 2014 jQuery Foundation and other contributors
+   * Released under the MIT license.
+   * http://jquery.org/license
+   *
+   * http://api.jqueryui.com/category/ui-core/
+   */
+  var d = "none", s = "contents", f = /input|select|textarea|button|object|iframe/;
+  function c(t, e) {
+    return e.getPropertyValue("overflow") !== "visible" || // if 'overflow: visible' set, check if there is actually any overflow
+    t.scrollWidth <= 0 && t.scrollHeight <= 0;
+  }
+  function b(t) {
+    var e = t.offsetWidth <= 0 && t.offsetHeight <= 0;
+    if (e && !t.innerHTML)
+      return !0;
+    try {
+      var r = window.getComputedStyle(t), o = r.getPropertyValue("display");
+      return e ? o !== s && c(t, r) : o === d;
+    } catch {
+      return console.warn("Failed to inspect element style"), !1;
+    }
+  }
+  function l(t) {
+    for (var e = t, r = t.getRootNode && t.getRootNode(); e && e !== document.body; ) {
+      if (r && e === r && (e = r.host.parentNode), b(e))
+        return !1;
+      e = e.parentNode;
+    }
+    return !0;
+  }
+  function v(t, e) {
+    var r = t.nodeName.toLowerCase(), o = f.test(r) && !t.disabled || r === "a" && t.href || e;
+    return o && l(t);
+  }
+  function p(t) {
+    var e = t.getAttribute("tabindex");
+    e === null && (e = void 0);
+    var r = isNaN(e);
+    return (r || e >= 0) && v(t, !r);
+  }
+  function i(t) {
+    var e = [].slice.call(t.querySelectorAll("*"), 0).reduce(function(r, o) {
+      return r.concat(o.shadowRoot ? i(o.shadowRoot) : [o]);
+    }, []);
+    return e.filter(p);
+  }
+  u.exports = a.default;
+})(n, n.exports);
+var g = n.exports;
+export {
+  g as t
+};

package/dist/node_modules/react-modal/lib/index.js

@@ -0,0 +1,19 @@
+import { getDefaultExportFromCjs as d } from "../../../_virtual/_commonjsHelpers.js";
+import { __module as r } from "../../../_virtual/index2.js";
+import "./components/Modal.js";
+import { __exports as f } from "../../../_virtual/Modal.js";
+(function(o, t) {
+  Object.defineProperty(t, "__esModule", {
+    value: !0
+  });
+  var a = f, l = u(a);
+  function u(e) {
+    return e && e.__esModule ? e : { default: e };
+  }
+  t.default = l.default, o.exports = t.default;
+})(r, r.exports);
+var i = r.exports;
+const n = /* @__PURE__ */ d(i);
+export {
+  n as default
+};

package/dist/node_modules/warning/warning.js

@@ -0,0 +1,33 @@
+var c = process.env.NODE_ENV !== "production", i = function() {
+};
+if (c) {
+  var g = function(e, r) {
+    var a = arguments.length;
+    r = new Array(a > 1 ? a - 1 : 0);
+    for (var n = 1; n < a; n++)
+      r[n - 1] = arguments[n];
+    var u = 0, t = "Warning: " + e.replace(/%s/g, function() {
+      return r[u++];
+    });
+    typeof console != "undefined" && console.error(t);
+    try {
+      throw new Error(t);
+    } catch {
+    }
+  };
+  i = function(o, e, r) {
+    var a = arguments.length;
+    r = new Array(a > 2 ? a - 2 : 0);
+    for (var n = 2; n < a; n++)
+      r[n - 2] = arguments[n];
+    if (e === void 0)
+      throw new Error(
+        "`warning(condition, format, ...args)` requires a warning message argument"
+      );
+    o || g.apply(null, [e].concat(r));
+  };
+}
+var s = i;
+export {
+  s as w
+};

package/dist/scss/components/IconButton/_iconButton.scss

@@ -0,0 +1,47 @@
+.#{$px}-icon-button {
+  background-color: unset;
+  border: unset;
+  color: $text-color;
+  min-width: unset;
+  padding: unset;
+
+  & > svg {
+    fill: $pure-black;
+    height: 100%;
+    margin-inline-end: unset;
+    width: 100%;
+  }
+
+  &:hover {
+    background-color: unset;
+    opacity: 0.75;
+
+    & > svg {
+      fill: $pure-black;
+    }
+  }
+
+  &:focus {
+    background-color: unset;
+    fill: $pure-black;
+
+    & > svg {
+      fill: $pure-black;
+    }
+  }
+
+  &--sm {
+    height: 1rem;
+    width: 1rem;
+  }
+
+  &--md {
+    height: 1.5rem;
+    width: 1.5rem;
+  }
+
+  &--lg {
+    height: 2rem;
+    width: 2rem;
+  }
+}

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

@@ -0,0 +1,29 @@
+@import '../../vars';
+@import '../../utils';
+
+.#{$px}-modal {
+  background-color: white;
+  left: 50%;
+  max-height: 100%;
+  max-width: 100%;
+  overflow: auto;
+  padding: 2rem;
+  position: absolute;
+  top: 50%;
+  transform: translate(-50%, -50%);
+
+  &__overlay {
+    background-color: rgba(0, 0, 0, 75%);
+    height: 100%;
+    left: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+  }
+
+  &__close {
+    position: absolute;
+    right: 0.4rem;
+    top: 0.4rem;
+  }
+}

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

@@ -0,0 +1,5 @@
+.modal-story {
+  &__button {
+    margin-bottom: 16px;
+  }
+}

package/dist/scss/styles.scss

@@ -9,6 +9,7 @@
 
 // ⚛️ Components
 @import 'components/Button/button';
+@import 'components/IconButton/iconButton';
 
 // @import 'components/DatePicker/datePicker';
 @import 'components/Footer/footer';
@@ -27,6 +28,7 @@
 @import 'components/LinkBlock/linkBlock';
 @import 'components/LinkList/linkList';
 @import 'components/Text/text';
+@import 'components/Modal/modal';
 
 // 📑 Pages
 @import 'pages/page';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phillips/seldon",
-  "version": "1.23.0",
+  "version": "1.24.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/PhillipsAuctionHouse/seldon"
@@ -39,7 +39,8 @@
   },
   "dependencies": {
     "classnames": "^2.5.1",
-    "flatpickr": "^4.6.13"
+    "flatpickr": "^4.6.13",
+    "react-modal": "^3.16.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",
@@ -63,6 +64,7 @@
     "@types/color": "^3.0.6",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.0.11",
+    "@types/react-modal": "^3.16.3",
     "@typescript-eslint/eslint-plugin": "^5.62.0",
     "@typescript-eslint/parser": "^5.62.0",
     "@vitejs/plugin-react": "^4.3.0",