@uva-glass/component-library 1.37.1 → 1.39.0

package/dist/components/index.js

@@ -1,72 +1,80 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
-import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.js";
-import { Attention as f } from "./Attention/Attention.js";
-import { Backdrop as i } from "./Backdrop/Backdrop.js";
-import { Button as n } from "./Button/Button.js";
-import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
-import { Card as d } from "./Card/Card.js";
+import { ActionList as p } from "./ActionList/ActionList.js";
+import { AppStatusBar as f } from "./AppStatusBar/AppStatusBar.js";
+import { Attention as i } from "./Attention/Attention.js";
+import { Backdrop as a } from "./Backdrop/Backdrop.js";
+import { Button as u } from "./Button/Button.js";
+import { ButtonGroup as d } from "./ButtonGroup/ButtonGroup.js";
+import { Card as B } from "./Card/Card.js";
 import { Checkbox as S } from "./Checkbox/Checkbox.js";
-import { Drawer as M } from "./Drawer/Drawer.js";
-import { FieldHint as I } from "./FieldHint/FieldHint.js";
-import { Fieldset as C } from "./Fieldset/Fieldset.js";
-import { FormField as g } from "./FormField/FormField.js";
-import { GridRow as A } from "./GridRow/GridRow.js";
-import { HorizontalList as P } from "./HorizontalList/HorizontalList.js";
-import { Icon as v } from "./Icon/Icon.js";
-import { IconButton as G } from "./IconButton/IconButton.js";
-import { InfoMessage as h } from "./InfoMessage/InfoMessage.js";
-import { Input as z } from "./Input/Input.js";
-import { InputField as O } from "./InputField/InputField.js";
-import { Label as j } from "./Label/Label.js";
-import { M as E } from "../MenuLink-DoSTuelN.js";
-import { MetaDataList as K } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as U } from "./ModalDialog/ModalDialog.js";
-import { M as W } from "../MultiSelect-Drcfmp0z.js";
-import { OverlayCloseButton as Y } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as _ } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as oo } from "./RadioButton/RadioButton.js";
-import { Repeater as to } from "./Repeater/Repeater.js";
-import { SectionNotification as po } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as fo } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as io, useSelect as ao } from "./SelectListbox/SelectProvider.js";
-import { Spinner as lo } from "./Spinner/Spinner.js";
-import { StatusPill as co } from "./StatusPill/StatusPill.js";
-import { Tooltip as So } from "./Tooltip/Tooltip.js";
+import { CourseCard as L } from "./CourseCard/CourseCard.js";
+import { Drawer as I } from "./Drawer/Drawer.js";
+import { FieldHint as P } from "./FieldHint/FieldHint.js";
+import { Fieldset as g } from "./Fieldset/Fieldset.js";
+import { FormField as D } from "./FormField/FormField.js";
+import { GridRow as v } from "./GridRow/GridRow.js";
+import { HorizontalList as G } from "./HorizontalList/HorizontalList.js";
+import { Icon as h } from "./Icon/Icon.js";
+import { IconButton as z } from "./IconButton/IconButton.js";
+import { InfoMessage as O } from "./InfoMessage/InfoMessage.js";
+import { Input as j } from "./Input/Input.js";
+import { InputField as E } from "./InputField/InputField.js";
+import { Label as K } from "./Label/Label.js";
+import { MenuButton as U } from "./MenuButton/MenuButton.js";
+import { M as W } from "../MenuLink-CSnr2Az4.js";
+import { MetaDataList as Y } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as _ } from "./ModalDialog/ModalDialog.js";
+import { M as oo } from "../MultiSelect-Blc_VDxu.js";
+import { OverlayCloseButton as to } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { Periods as po } from "./Periods/Periods.js";
+import { ProgrammeCard as fo } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as io } from "./RadioButton/RadioButton.js";
+import { Repeater as ao } from "./Repeater/Repeater.js";
+import { SectionNotification as uo } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as co } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as Mo, useSelect as So } from "./SelectListbox/SelectProvider.js";
+import { Spinner as Lo } from "./Spinner/Spinner.js";
+import { StatusPill as Io } from "./StatusPill/StatusPill.js";
+import { Tooltip as Po } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
-  p as AppStatusBar,
-  f as Attention,
-  i as Backdrop,
-  n as Button,
-  u as ButtonGroup,
-  d as Card,
+  p as ActionList,
+  f as AppStatusBar,
+  i as Attention,
+  a as Backdrop,
+  u as Button,
+  d as ButtonGroup,
+  B as Card,
   S as Checkbox,
-  M as Drawer,
-  I as FieldHint,
-  C as Fieldset,
-  g as FormField,
-  A as GridRow,
-  P as HorizontalList,
-  v as Icon,
-  G as IconButton,
-  h as InfoMessage,
-  z as Input,
-  O as InputField,
-  j as Label,
-  E as MenuLink,
-  K as MetaDataList,
-  U as ModalDialog,
-  W as MultiSelect,
-  Y as OverlayCloseButton,
-  _ as ProgrammeCard,
-  oo as RadioButton,
-  to as Repeater,
-  po as SectionNotification,
-  fo as SelectListbox,
-  io as SelectProvider,
-  lo as Spinner,
-  co as StatusPill,
-  So as Tooltip,
-  ao as useSelect
+  L as CourseCard,
+  I as Drawer,
+  P as FieldHint,
+  g as Fieldset,
+  D as FormField,
+  v as GridRow,
+  G as HorizontalList,
+  h as Icon,
+  z as IconButton,
+  O as InfoMessage,
+  j as Input,
+  E as InputField,
+  K as Label,
+  U as MenuButton,
+  W as MenuLink,
+  Y as MetaDataList,
+  _ as ModalDialog,
+  oo as MultiSelect,
+  to as OverlayCloseButton,
+  po as Periods,
+  fo as ProgrammeCard,
+  io as RadioButton,
+  ao as Repeater,
+  uo as SectionNotification,
+  co as SelectListbox,
+  Mo as SelectProvider,
+  Lo as Spinner,
+  Io as StatusPill,
+  Po as Tooltip,
+  So as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/storyComponents/Container/Container.js

@@ -1,26 +1,26 @@
-import { jsxs as i, Fragment as m, jsx as r } from "react/jsx-runtime";
-import { c as d } from "../../../clsx-OuTLNxxd.js";
-import '../../../assets/Container.css';const l = "_container_11my7_1", n = {
-  container: l,
-  "container--padded": "_container--padded_11my7_7",
-  "container--small": "_container--small_11my7_11",
-  "container--medium": "_container--medium_11my7_16",
-  "container--large": "_container--large_11my7_21",
-  "container--hidden": "_container--hidden_11my7_26",
-  "container--centered-content": "_container--centered-content_11my7_30"
+import { jsxs as i, Fragment as d, jsx as r } from "react/jsx-runtime";
+import { c as l } from "../../../clsx-OuTLNxxd.js";
+import '../../../assets/Container.css';const m = "_container_e202h_1", n = {
+  container: m,
+  "container--padded": "_container--padded_e202h_8",
+  "container--small": "_container--small_e202h_12",
+  "container--medium": "_container--medium_e202h_17",
+  "container--large": "_container--large_e202h_22",
+  "container--hidden": "_container--hidden_e202h_27",
+  "container--centered-content": "_container--centered-content_e202h_31"
 }, u = ({
   children: a,
   size: e = "medium",
   centerContent: o = !1,
   visible: c = !0,
   padded: t = !0
-}) => /* @__PURE__ */ i(m, { children: [
+}) => /* @__PURE__ */ i(d, { children: [
   /* @__PURE__ */ r("label", { htmlFor: "container", children: t ? "Storybook container with 1rem padding" : "Storybook container" }),
   /* @__PURE__ */ r(
     "div",
     {
       id: "container",
-      className: d(n.container, {
+      className: l(n.container, {
         [n["container--small"]]: e === "small",
         [n["container--medium"]]: e === "medium",
         [n["container--large"]]: e === "large",

package/dist/focusSafely-b94Glb9J.js

@@ -0,0 +1,402 @@
+import u, { useRef as $, useCallback as y, useState as T, useContext as k, useEffect as q } from "react";
+const b = typeof document < "u" ? u.useLayoutEffect : () => {
+};
+function L(e) {
+  const t = $(null);
+  return b(() => {
+    t.current = e;
+  }, [
+    e
+  ]), y((...n) => {
+    const r = t.current;
+    return r == null ? void 0 : r(...n);
+  }, []);
+}
+function B(e) {
+  let [t, n] = T(e), r = $(null), o = L(() => {
+    if (!r.current) return;
+    let a = r.current.next();
+    if (a.done) {
+      r.current = null;
+      return;
+    }
+    t === a.value ? o() : n(a.value);
+  });
+  b(() => {
+    r.current && o();
+  });
+  let c = L((a) => {
+    r.current = a(t), o();
+  });
+  return [
+    t,
+    c
+  ];
+}
+const w = {
+  prefix: String(Math.round(Math.random() * 1e10)),
+  current: 0
+}, z = /* @__PURE__ */ u.createContext(w), G = /* @__PURE__ */ u.createContext(!1);
+let J = !!(typeof window < "u" && window.document && window.document.createElement), x = /* @__PURE__ */ new WeakMap();
+function Q(e = !1) {
+  let t = k(z), n = $(null);
+  if (n.current === null && !e) {
+    var r, o;
+    let c = (o = u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || o === void 0 || (r = o.ReactCurrentOwner) === null || r === void 0 ? void 0 : r.current;
+    if (c) {
+      let a = x.get(c);
+      a == null ? x.set(c, {
+        id: t.current,
+        state: c.memoizedState
+      }) : c.memoizedState !== a.state && (t.current = a.id, x.delete(c));
+    }
+    n.current = ++t.current;
+  }
+  return n.current;
+}
+function X(e) {
+  let t = k(z);
+  t === w && !J && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  let n = Q(!!e), r = t === w && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${t.prefix}`;
+  return e || `${r}-${n}`;
+}
+function Z(e) {
+  let t = u.useId(), [n] = T(ee()), r = n || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${w.prefix}`;
+  return e || `${r}-${t}`;
+}
+const U = typeof u.useId == "function" ? Z : X;
+function Y() {
+  return !1;
+}
+function R() {
+  return !0;
+}
+function _(e) {
+  return () => {
+  };
+}
+function ee() {
+  return typeof u.useSyncExternalStore == "function" ? u.useSyncExternalStore(_, Y, R) : k(G);
+}
+let te = !!(typeof window < "u" && window.document && window.document.createElement), g = /* @__PURE__ */ new Map();
+function re(e) {
+  let [t, n] = T(e), r = $(null), o = U(t), c = y((a) => {
+    r.current = a;
+  }, []);
+  return te && g.set(o, c), b(() => {
+    let a = o;
+    return () => {
+      g.delete(a);
+    };
+  }, [
+    o
+  ]), q(() => {
+    let a = r.current;
+    a && (r.current = null, n(a));
+  }), o;
+}
+function ye(e, t) {
+  if (e === t) return e;
+  let n = g.get(e);
+  if (n)
+    return n(t), t;
+  let r = g.get(t);
+  return r ? (r(e), e) : t;
+}
+function Ee(e = []) {
+  let t = re(), [n, r] = B(t), o = y(() => {
+    r(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    r
+  ]);
+  return b(o, [
+    t,
+    o,
+    ...e
+  ]), n;
+}
+function xe(...e) {
+  return (...t) => {
+    for (let n of e) typeof n == "function" && n(...t);
+  };
+}
+const p = (e) => {
+  var t;
+  return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
+}, S = (e) => e && "window" in e && e.window === e ? e : p(e).defaultView || window, ne = /* @__PURE__ */ new Set([
+  "id"
+]), oe = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), ae = /* @__PURE__ */ new Set([
+  "href",
+  "hrefLang",
+  "target",
+  "rel",
+  "download",
+  "ping",
+  "referrerPolicy"
+]), ce = /^(data-.*)$/;
+function Le(e, t = {}) {
+  let { labelable: n, isLink: r, propNames: o } = t, c = {};
+  for (const a in e) Object.prototype.hasOwnProperty.call(e, a) && (ne.has(a) || n && oe.has(a) || r && ae.has(a) || o != null && o.has(a) || ce.test(a)) && (c[a] = e[a]);
+  return c;
+}
+function F(e) {
+  if (ie()) e.focus({
+    preventScroll: !0
+  });
+  else {
+    let t = ue(e);
+    e.focus(), se(t);
+  }
+}
+let m = null;
+function ie() {
+  if (m == null) {
+    m = !1;
+    try {
+      document.createElement("div").focus({
+        get preventScroll() {
+          return m = !0, !0;
+        }
+      });
+    } catch {
+    }
+  }
+  return m;
+}
+function ue(e) {
+  let t = e.parentNode, n = [], r = document.scrollingElement || document.documentElement;
+  for (; t instanceof HTMLElement && t !== r; )
+    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && n.push({
+      element: t,
+      scrollTop: t.scrollTop,
+      scrollLeft: t.scrollLeft
+    }), t = t.parentNode;
+  return r instanceof HTMLElement && n.push({
+    element: r,
+    scrollTop: r.scrollTop,
+    scrollLeft: r.scrollLeft
+  }), n;
+}
+function se(e) {
+  for (let { element: t, scrollTop: n, scrollLeft: r } of e)
+    t.scrollTop = n, t.scrollLeft = r;
+}
+function E(e) {
+  var t;
+  return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((n) => e.test(n.brand))) || e.test(window.navigator.userAgent);
+}
+function C(e) {
+  var t;
+  return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
+}
+function s(e) {
+  let t = null;
+  return () => (t == null && (t = e()), t);
+}
+const I = s(function() {
+  return C(/^Mac/i);
+}), de = s(function() {
+  return C(/^iPhone/i);
+}), le = s(function() {
+  return C(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  I() && navigator.maxTouchPoints > 1;
+}), Se = s(function() {
+  return de() || le();
+}), Pe = s(function() {
+  return E(/AppleWebKit/i) && !fe();
+}), fe = s(function() {
+  return E(/Chrome/i);
+}), K = s(function() {
+  return E(/Android/i);
+}), Me = s(function() {
+  return E(/Firefox/i);
+});
+let l = /* @__PURE__ */ new Map(), P = /* @__PURE__ */ new Set();
+function V() {
+  if (typeof window > "u") return;
+  function e(r) {
+    return "propertyName" in r;
+  }
+  let t = (r) => {
+    if (!e(r) || !r.target) return;
+    let o = l.get(r.target);
+    o || (o = /* @__PURE__ */ new Set(), l.set(r.target, o), r.target.addEventListener("transitioncancel", n, {
+      once: !0
+    })), o.add(r.propertyName);
+  }, n = (r) => {
+    if (!e(r) || !r.target) return;
+    let o = l.get(r.target);
+    if (o && (o.delete(r.propertyName), o.size === 0 && (r.target.removeEventListener("transitioncancel", n), l.delete(r.target)), l.size === 0)) {
+      for (let c of P) c();
+      P.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", n);
+}
+typeof document < "u" && (document.readyState !== "loading" ? V() : document.addEventListener("DOMContentLoaded", V));
+function $e(e) {
+  requestAnimationFrame(() => {
+    l.size === 0 ? e() : P.add(e);
+  });
+}
+function be(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : K() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+function Te(e) {
+  return !K() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+}
+class pe {
+  isDefaultPrevented() {
+    return this.nativeEvent.defaultPrevented;
+  }
+  preventDefault() {
+    this.defaultPrevented = !0, this.nativeEvent.preventDefault();
+  }
+  stopPropagation() {
+    this.nativeEvent.stopPropagation(), this.isPropagationStopped = () => !0;
+  }
+  isPropagationStopped() {
+    return !1;
+  }
+  persist() {
+  }
+  constructor(t, n) {
+    this.nativeEvent = n, this.target = n.target, this.currentTarget = n.currentTarget, this.relatedTarget = n.relatedTarget, this.bubbles = n.bubbles, this.cancelable = n.cancelable, this.defaultPrevented = n.defaultPrevented, this.eventPhase = n.eventPhase, this.isTrusted = n.isTrusted, this.timeStamp = n.timeStamp, this.type = t;
+  }
+}
+function ke(e) {
+  let t = $({
+    isFocused: !1,
+    observer: null
+  });
+  b(() => {
+    const r = t.current;
+    return () => {
+      r.observer && (r.observer.disconnect(), r.observer = null);
+    };
+  }, []);
+  let n = L((r) => {
+    e == null || e(r);
+  });
+  return y((r) => {
+    if (r.target instanceof HTMLButtonElement || r.target instanceof HTMLInputElement || r.target instanceof HTMLTextAreaElement || r.target instanceof HTMLSelectElement) {
+      t.current.isFocused = !0;
+      let o = r.target, c = (a) => {
+        t.current.isFocused = !1, o.disabled && n(new pe("blur", a)), t.current.observer && (t.current.observer.disconnect(), t.current.observer = null);
+      };
+      o.addEventListener("focusout", c, {
+        once: !0
+      }), t.current.observer = new MutationObserver(() => {
+        if (t.current.isFocused && o.disabled) {
+          var a;
+          (a = t.current.observer) === null || a === void 0 || a.disconnect();
+          let D = o === document.activeElement ? null : document.activeElement;
+          o.dispatchEvent(new FocusEvent("blur", {
+            relatedTarget: D
+          })), o.dispatchEvent(new FocusEvent("focusout", {
+            bubbles: !0,
+            relatedTarget: D
+          }));
+        }
+      }), t.current.observer.observe(o, {
+        attributes: !0,
+        attributeFilter: [
+          "disabled"
+        ]
+      });
+    }
+  }, [
+    n
+  ]);
+}
+let v = null, ve = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Map(), d = !1, M = !1;
+function H(e, t) {
+  for (let n of ve) n(e, t);
+}
+function me(e) {
+  return !(e.metaKey || !I() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+function h(e) {
+  d = !0, me(e) && (v = "keyboard", H("keyboard", e));
+}
+function i(e) {
+  v = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (d = !0, H("pointer", e));
+}
+function N(e) {
+  be(e) && (d = !0, v = "virtual");
+}
+function W(e) {
+  e.target === window || e.target === document || (!d && !M && (v = "virtual", H("virtual", e)), d = !1, M = !1);
+}
+function A() {
+  d = !1, M = !0;
+}
+function j(e) {
+  if (typeof window > "u" || f.get(S(e))) return;
+  const t = S(e), n = p(e);
+  let r = t.HTMLElement.prototype.focus;
+  t.HTMLElement.prototype.focus = function() {
+    d = !0, r.apply(this, arguments);
+  }, n.addEventListener("keydown", h, !0), n.addEventListener("keyup", h, !0), n.addEventListener("click", N, !0), t.addEventListener("focus", W, !0), t.addEventListener("blur", A, !1), typeof PointerEvent < "u" ? (n.addEventListener("pointerdown", i, !0), n.addEventListener("pointermove", i, !0), n.addEventListener("pointerup", i, !0)) : (n.addEventListener("mousedown", i, !0), n.addEventListener("mousemove", i, !0), n.addEventListener("mouseup", i, !0)), t.addEventListener("beforeunload", () => {
+    O(e);
+  }, {
+    once: !0
+  }), f.set(t, {
+    focus: r
+  });
+}
+const O = (e, t) => {
+  const n = S(e), r = p(e);
+  t && r.removeEventListener("DOMContentLoaded", t), f.has(n) && (n.HTMLElement.prototype.focus = f.get(n).focus, r.removeEventListener("keydown", h, !0), r.removeEventListener("keyup", h, !0), r.removeEventListener("click", N, !0), n.removeEventListener("focus", W, !0), n.removeEventListener("blur", A, !1), typeof PointerEvent < "u" ? (r.removeEventListener("pointerdown", i, !0), r.removeEventListener("pointermove", i, !0), r.removeEventListener("pointerup", i, !0)) : (r.removeEventListener("mousedown", i, !0), r.removeEventListener("mousemove", i, !0), r.removeEventListener("mouseup", i, !0)), f.delete(n));
+};
+function we(e) {
+  const t = p(e);
+  let n;
+  return t.readyState !== "loading" ? j(e) : (n = () => {
+    j(e);
+  }, t.addEventListener("DOMContentLoaded", n)), () => O(e, n);
+}
+typeof document < "u" && we();
+function ge() {
+  return v;
+}
+function Ce(e) {
+  const t = p(e);
+  if (ge() === "virtual") {
+    let n = t.activeElement;
+    $e(() => {
+      t.activeElement === n && e.isConnected && F(e);
+    });
+  } else F(e);
+}
+export {
+  ke as $,
+  L as a,
+  p as b,
+  S as c,
+  b as d,
+  Ce as e,
+  Se as f,
+  xe as g,
+  ee as h,
+  Ee as i,
+  Le as j,
+  ye as k,
+  Me as l,
+  I as m,
+  Pe as n,
+  le as o,
+  F as p,
+  $e as q,
+  Te as r,
+  be as s
+};
+//# sourceMappingURL=focusSafely-b94Glb9J.js.map