react-luminus-components 1.0.0

package/dist/Modal-_FnSEPRk.mjs

@@ -0,0 +1,623 @@
+import { j as a, e as d, f as S, g as x } from "./useAxios-BU-BqYrK.mjs";
+import { P as me, e as Te, o as Se, s as U, u as Fe, f as Pe, g as et, h as y, l as Re, i as Ce, j as Le, k as tt, r as je, m as nt, n as D, p as ot, q as st, v as at, w as ke, F as De, x as rt, y as it } from "./hasClass-3JW9Qluf.mjs";
+import * as u from "react";
+import { useRef as v, useEffect as ve, forwardRef as lt, useState as Ee, useImperativeHandle as dt, useCallback as Me, useContext as ct, useMemo as ut } from "react";
+import ft from "react-dom";
+const zt = () => /* @__PURE__ */ a.jsxs("div", { className: d("luminus-loading", S.loading), children: [
+  /* @__PURE__ */ a.jsx("div", { className: d("spinner-grow", S.spinnerGrow, "text-primary"), role: "status" }),
+  /* @__PURE__ */ a.jsx("div", { className: d("spinner-grow", S.spinnerGrow, "text-primary", S.second), role: "status" }),
+  /* @__PURE__ */ a.jsx("div", { className: d("spinner-grow", S.spinnerGrow, "text-primary", S.third), role: "status" })
+] }), ht = ({ variant: t, className: e, children: n }) => {
+  switch (t) {
+    case "h1":
+      return /* @__PURE__ */ a.jsx("h1", { className: d("luminus-text-primary", x.h1, e), children: n });
+    case "h3":
+      return /* @__PURE__ */ a.jsx("h3", { className: d("luminus-text", x.h3, e), children: n });
+    case "h6":
+      return /* @__PURE__ */ a.jsx("h6", { className: d("luminus-text", x.h6, e), children: n });
+    case "subtitle":
+      return /* @__PURE__ */ a.jsx("div", { className: d("luminus-text", x.subtitle, e), children: n });
+    case "body":
+      return /* @__PURE__ */ a.jsx("div", { className: d("luminus-text", x.body, e), children: n });
+    case "body2":
+      return /* @__PURE__ */ a.jsx("div", { className: d("luminus-text", x.body2, e), children: n });
+    case "caption":
+      return /* @__PURE__ */ a.jsx("div", { className: d("luminus-text-muted", x.caption, e), children: n });
+    default:
+      return /* @__PURE__ */ a.jsx(a.Fragment, { children: n });
+  }
+}, qt = ({ variant: t, className: e, children: n }) => /* @__PURE__ */ a.jsx(ht, { variant: t, className: e, children: n }), mt = (t) => /* @__PURE__ */ u.forwardRef((e, n) => /* @__PURE__ */ a.jsx("div", {
+  ...e,
+  ref: n,
+  className: d(e.className, t)
+}));
+function gt(t) {
+  const e = v(null);
+  return ve(() => {
+    e.current = t;
+  }), e.current;
+}
+const pt = {
+  /** An accessible label indicating the relevant information about the Close Button. */
+  "aria-label": me.string,
+  /** A callback fired after the Close Button is clicked. */
+  onClick: me.func,
+  /**
+   * Render different color variant for the button.
+   *
+   * Omitting this will render the default dark color.
+   */
+  variant: me.oneOf(["white"])
+}, we = /* @__PURE__ */ u.forwardRef(({
+  className: t,
+  variant: e,
+  "aria-label": n = "Close",
+  ...o
+}, s) => /* @__PURE__ */ a.jsx("button", {
+  ref: s,
+  type: "button",
+  className: d("btn-close", e && `btn-close-${e}`, t),
+  "aria-label": n,
+  ...o
+}));
+we.displayName = "CloseButton";
+we.propTypes = pt;
+const yt = we;
+var vt = Function.prototype.bind.call(Function.prototype.call, [].slice);
+function F(t, e) {
+  return vt(t.querySelectorAll(e));
+}
+const Et = "data-rr-ui-";
+function Mt(t) {
+  return `${Et}${t}`;
+}
+var ne;
+function Oe(t) {
+  if ((!ne && ne !== 0 || t) && Te) {
+    var e = document.createElement("div");
+    e.style.position = "absolute", e.style.top = "-9999px", e.style.width = "50px", e.style.height = "50px", e.style.overflow = "scroll", document.body.appendChild(e), ne = e.offsetWidth - e.clientWidth, document.body.removeChild(e);
+  }
+  return ne;
+}
+function ge(t) {
+  t === void 0 && (t = Se());
+  try {
+    var e = t.activeElement;
+    return !e || !e.nodeName ? null : e;
+  } catch {
+    return t.body;
+  }
+}
+function Tt(t = document) {
+  const e = t.defaultView;
+  return Math.abs(e.innerWidth - t.documentElement.clientWidth);
+}
+const Ae = Mt("modal-open");
+class wt {
+  constructor({
+    ownerDocument: e,
+    handleContainerOverflow: n = !0,
+    isRTL: o = !1
+  } = {}) {
+    this.handleContainerOverflow = n, this.isRTL = o, this.modals = [], this.ownerDocument = e;
+  }
+  getScrollbarWidth() {
+    return Tt(this.ownerDocument);
+  }
+  getElement() {
+    return (this.ownerDocument || document).body;
+  }
+  setModalAttributes(e) {
+  }
+  removeModalAttributes(e) {
+  }
+  setContainerStyle(e) {
+    const n = {
+      overflow: "hidden"
+    }, o = this.isRTL ? "paddingLeft" : "paddingRight", s = this.getElement();
+    e.style = {
+      overflow: s.style.overflow,
+      [o]: s.style[o]
+    }, e.scrollBarWidth && (n[o] = `${parseInt(U(s, o) || "0", 10) + e.scrollBarWidth}px`), s.setAttribute(Ae, ""), U(s, n);
+  }
+  reset() {
+    [...this.modals].forEach((e) => this.remove(e));
+  }
+  removeContainerStyle(e) {
+    const n = this.getElement();
+    n.removeAttribute(Ae), Object.assign(n.style, e.style);
+  }
+  add(e) {
+    let n = this.modals.indexOf(e);
+    return n !== -1 || (n = this.modals.length, this.modals.push(e), this.setModalAttributes(e), n !== 0) || (this.state = {
+      scrollBarWidth: this.getScrollbarWidth(),
+      style: {}
+    }, this.handleContainerOverflow && this.setContainerStyle(this.state)), n;
+  }
+  remove(e) {
+    const n = this.modals.indexOf(e);
+    n !== -1 && (this.modals.splice(n, 1), !this.modals.length && this.handleContainerOverflow && this.removeContainerStyle(this.state), this.removeModalAttributes(e));
+  }
+  isTopModal(e) {
+    return !!this.modals.length && this.modals[this.modals.length - 1] === e;
+  }
+}
+const xe = wt, xt = ["show", "role", "className", "style", "children", "backdrop", "keyboard", "onBackdropClick", "onEscapeKeyDown", "transition", "runTransition", "backdropTransition", "runBackdropTransition", "autoFocus", "enforceFocus", "restoreFocus", "restoreFocusOptions", "renderDialog", "renderBackdrop", "manager", "container", "onShow", "onHide", "onExit", "onExited", "onExiting", "onEnter", "onEntering", "onEntered"];
+function bt(t, e) {
+  if (t == null)
+    return {};
+  var n = {}, o = Object.keys(t), s, i;
+  for (i = 0; i < o.length; i++)
+    s = o[i], !(e.indexOf(s) >= 0) && (n[s] = t[s]);
+  return n;
+}
+let pe;
+function Nt(t) {
+  return pe || (pe = new xe({
+    ownerDocument: t == null ? void 0 : t.document
+  })), pe;
+}
+function Rt(t) {
+  const e = Fe(), n = t || Nt(e), o = v({
+    dialog: null,
+    backdrop: null
+  });
+  return Object.assign(o.current, {
+    add: () => n.add(o.current),
+    remove: () => n.remove(o.current),
+    isTopModal: () => n.isTopModal(o.current),
+    setDialogRef: Me((s) => {
+      o.current.dialog = s;
+    }, []),
+    setBackdropRef: Me((s) => {
+      o.current.backdrop = s;
+    }, [])
+  });
+}
+const $e = /* @__PURE__ */ lt((t, e) => {
+  let {
+    show: n = !1,
+    role: o = "dialog",
+    className: s,
+    style: i,
+    children: E,
+    backdrop: h = !0,
+    keyboard: M = !0,
+    onBackdropClick: b,
+    onEscapeKeyDown: m,
+    transition: $,
+    runTransition: T,
+    backdropTransition: N,
+    runBackdropTransition: oe,
+    autoFocus: V = !0,
+    enforceFocus: se = !0,
+    restoreFocus: R = !0,
+    restoreFocusOptions: ae,
+    renderDialog: z,
+    renderBackdrop: re = (l) => /* @__PURE__ */ a.jsx("div", Object.assign({}, l)),
+    manager: ie,
+    container: le,
+    onShow: q,
+    onHide: I = () => {
+    },
+    onExit: de,
+    onExited: W,
+    onExiting: X,
+    onEnter: Y,
+    onEntering: J,
+    onEntered: Q
+  } = t, ce = bt(t, xt);
+  const g = Fe(), C = Pe(le), c = Rt(ie), ue = et(), Z = gt(n), [w, j] = Ee(!n), f = v(null);
+  dt(e, () => c, [c]), Te && !Z && n && (f.current = ge(g == null ? void 0 : g.document)), n && w && j(!1);
+  const p = y(() => {
+    if (c.add(), k.current = Re(document, "keydown", he), _.current = Re(
+      document,
+      "focus",
+      // the timeout is necessary b/c this will run before the new modal is mounted
+      // and so steals focus from it
+      () => setTimeout(fe),
+      !0
+    ), q && q(), V) {
+      var l, te;
+      const G = ge((l = (te = c.dialog) == null ? void 0 : te.ownerDocument) != null ? l : g == null ? void 0 : g.document);
+      c.dialog && G && !Ce(c.dialog, G) && (f.current = G, c.dialog.focus());
+    }
+  }), H = y(() => {
+    if (c.remove(), k.current == null || k.current(), _.current == null || _.current(), R) {
+      var l;
+      (l = f.current) == null || l.focus == null || l.focus(ae), f.current = null;
+    }
+  });
+  ve(() => {
+    !n || !C || p();
+  }, [
+    n,
+    C,
+    /* should never change: */
+    p
+  ]), ve(() => {
+    w && H();
+  }, [w, H]), Le(() => {
+    H();
+  });
+  const fe = y(() => {
+    if (!se || !ue() || !c.isTopModal())
+      return;
+    const l = ge(g == null ? void 0 : g.document);
+    c.dialog && l && !Ce(c.dialog, l) && c.dialog.focus();
+  }), P = y((l) => {
+    l.target === l.currentTarget && (b == null || b(l), h === !0 && I());
+  }), he = y((l) => {
+    M && tt(l) && c.isTopModal() && (m == null || m(l), l.defaultPrevented || I());
+  }), _ = v(), k = v(), ee = (...l) => {
+    j(!0), W == null || W(...l);
+  };
+  if (!C)
+    return null;
+  const O = Object.assign({
+    role: o,
+    ref: c.setDialogRef,
+    // apparently only works on the dialog role element
+    "aria-modal": o === "dialog" ? !0 : void 0
+  }, ce, {
+    style: i,
+    className: s,
+    tabIndex: -1
+  });
+  let K = z ? z(O) : /* @__PURE__ */ a.jsx("div", Object.assign({}, O, {
+    children: /* @__PURE__ */ u.cloneElement(E, {
+      role: "document"
+    })
+  }));
+  K = je($, T, {
+    unmountOnExit: !0,
+    mountOnEnter: !0,
+    appear: !0,
+    in: !!n,
+    onExit: de,
+    onExiting: X,
+    onExited: ee,
+    onEnter: Y,
+    onEntering: J,
+    onEntered: Q,
+    children: K
+  });
+  let A = null;
+  return h && (A = re({
+    ref: c.setBackdropRef,
+    onClick: P
+  }), A = je(N, oe, {
+    in: !!n,
+    appear: !0,
+    mountOnEnter: !0,
+    unmountOnExit: !0,
+    children: A
+  })), /* @__PURE__ */ a.jsx(a.Fragment, {
+    children: /* @__PURE__ */ ft.createPortal(/* @__PURE__ */ a.jsxs(a.Fragment, {
+      children: [A, K]
+    }), C)
+  });
+});
+$e.displayName = "Modal";
+const Ct = Object.assign($e, {
+  Manager: xe
+});
+function jt(t, e) {
+  t.classList ? t.classList.add(e) : nt(t, e) || (typeof t.className == "string" ? t.className = t.className + " " + e : t.setAttribute("class", (t.className && t.className.baseVal || "") + " " + e));
+}
+function Be(t, e) {
+  return t.replace(new RegExp("(^|\\s)" + e + "(?:\\s|$)", "g"), "$1").replace(/\s+/g, " ").replace(/^\s*|\s*$/g, "");
+}
+function kt(t, e) {
+  t.classList ? t.classList.remove(e) : typeof t.className == "string" ? t.className = Be(t.className, e) : t.setAttribute("class", Be(t.className && t.className.baseVal || "", e));
+}
+const L = {
+  FIXED_CONTENT: ".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",
+  STICKY_CONTENT: ".sticky-top",
+  NAVBAR_TOGGLER: ".navbar-toggler"
+};
+class Ot extends xe {
+  adjustAndStore(e, n, o) {
+    const s = n.style[e];
+    n.dataset[e] = s, U(n, {
+      [e]: `${parseFloat(U(n, e)) + o}px`
+    });
+  }
+  restore(e, n) {
+    const o = n.dataset[e];
+    o !== void 0 && (delete n.dataset[e], U(n, {
+      [e]: o
+    }));
+  }
+  setContainerStyle(e) {
+    super.setContainerStyle(e);
+    const n = this.getElement();
+    if (jt(n, "modal-open"), !e.scrollBarWidth)
+      return;
+    const o = this.isRTL ? "paddingLeft" : "paddingRight", s = this.isRTL ? "marginLeft" : "marginRight";
+    F(n, L.FIXED_CONTENT).forEach((i) => this.adjustAndStore(o, i, e.scrollBarWidth)), F(n, L.STICKY_CONTENT).forEach((i) => this.adjustAndStore(s, i, -e.scrollBarWidth)), F(n, L.NAVBAR_TOGGLER).forEach((i) => this.adjustAndStore(s, i, e.scrollBarWidth));
+  }
+  removeContainerStyle(e) {
+    super.removeContainerStyle(e);
+    const n = this.getElement();
+    kt(n, "modal-open");
+    const o = this.isRTL ? "paddingLeft" : "paddingRight", s = this.isRTL ? "marginLeft" : "marginRight";
+    F(n, L.FIXED_CONTENT).forEach((i) => this.restore(o, i)), F(n, L.STICKY_CONTENT).forEach((i) => this.restore(s, i)), F(n, L.NAVBAR_TOGGLER).forEach((i) => this.restore(s, i));
+  }
+}
+let ye;
+function At(t) {
+  return ye || (ye = new Ot(t)), ye;
+}
+const Ie = /* @__PURE__ */ u.forwardRef(({
+  className: t,
+  bsPrefix: e,
+  as: n = "div",
+  ...o
+}, s) => (e = D(e, "modal-body"), /* @__PURE__ */ a.jsx(n, {
+  ref: s,
+  className: d(t, e),
+  ...o
+})));
+Ie.displayName = "ModalBody";
+const Bt = Ie, St = /* @__PURE__ */ u.createContext({
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  onHide() {
+  }
+}), We = St, He = /* @__PURE__ */ u.forwardRef(({
+  bsPrefix: t,
+  className: e,
+  contentClassName: n,
+  centered: o,
+  size: s,
+  fullscreen: i,
+  children: E,
+  scrollable: h,
+  ...M
+}, b) => {
+  t = D(t, "modal");
+  const m = `${t}-dialog`, $ = typeof i == "string" ? `${t}-fullscreen-${i}` : `${t}-fullscreen`;
+  return /* @__PURE__ */ a.jsx("div", {
+    ...M,
+    ref: b,
+    className: d(m, e, s && `${t}-${s}`, o && `${m}-centered`, h && `${m}-scrollable`, i && $),
+    children: /* @__PURE__ */ a.jsx("div", {
+      className: d(`${t}-content`, n),
+      children: E
+    })
+  });
+});
+He.displayName = "ModalDialog";
+const _e = He, Ke = /* @__PURE__ */ u.forwardRef(({
+  className: t,
+  bsPrefix: e,
+  as: n = "div",
+  ...o
+}, s) => (e = D(e, "modal-footer"), /* @__PURE__ */ a.jsx(n, {
+  ref: s,
+  className: d(t, e),
+  ...o
+})));
+Ke.displayName = "ModalFooter";
+const Ft = Ke, Lt = /* @__PURE__ */ u.forwardRef(({
+  closeLabel: t = "Close",
+  closeVariant: e,
+  closeButton: n = !1,
+  onHide: o,
+  children: s,
+  ...i
+}, E) => {
+  const h = ct(We), M = y(() => {
+    h == null || h.onHide(), o == null || o();
+  });
+  return /* @__PURE__ */ a.jsxs("div", {
+    ref: E,
+    ...i,
+    children: [s, n && /* @__PURE__ */ a.jsx(yt, {
+      "aria-label": t,
+      variant: e,
+      onClick: M
+    })]
+  });
+}), Dt = Lt, Ge = /* @__PURE__ */ u.forwardRef(({
+  bsPrefix: t,
+  className: e,
+  closeLabel: n = "Close",
+  closeButton: o = !1,
+  ...s
+}, i) => (t = D(t, "modal-header"), /* @__PURE__ */ a.jsx(Dt, {
+  ref: i,
+  ...s,
+  className: d(e, t),
+  closeLabel: n,
+  closeButton: o
+})));
+Ge.displayName = "ModalHeader";
+const $t = Ge, It = mt("h4"), Ue = /* @__PURE__ */ u.forwardRef(({
+  className: t,
+  bsPrefix: e,
+  as: n = It,
+  ...o
+}, s) => (e = D(e, "modal-title"), /* @__PURE__ */ a.jsx(n, {
+  ref: s,
+  className: d(t, e),
+  ...o
+})));
+Ue.displayName = "ModalTitle";
+const Wt = Ue;
+function Ht(t) {
+  return /* @__PURE__ */ a.jsx(De, {
+    ...t,
+    timeout: null
+  });
+}
+function _t(t) {
+  return /* @__PURE__ */ a.jsx(De, {
+    ...t,
+    timeout: null
+  });
+}
+const Ve = /* @__PURE__ */ u.forwardRef(({
+  bsPrefix: t,
+  className: e,
+  style: n,
+  dialogClassName: o,
+  contentClassName: s,
+  children: i,
+  dialogAs: E = _e,
+  "data-bs-theme": h,
+  "aria-labelledby": M,
+  "aria-describedby": b,
+  "aria-label": m,
+  /* BaseModal props */
+  show: $ = !1,
+  animation: T = !0,
+  backdrop: N = !0,
+  keyboard: oe = !0,
+  onEscapeKeyDown: V,
+  onShow: se,
+  onHide: R,
+  container: ae,
+  autoFocus: z = !0,
+  enforceFocus: re = !0,
+  restoreFocus: ie = !0,
+  restoreFocusOptions: le,
+  onEntered: q,
+  onExit: I,
+  onExiting: de,
+  onEnter: W,
+  onEntering: X,
+  onExited: Y,
+  backdropClassName: J,
+  manager: Q,
+  ...ce
+}, g) => {
+  const [C, c] = Ee({}), [ue, Z] = Ee(!1), w = v(!1), j = v(!1), f = v(null), [p, H] = ot(), fe = st(g, H), P = y(R), he = at();
+  t = D(t, "modal");
+  const _ = ut(() => ({
+    onHide: P
+  }), [P]);
+  function k() {
+    return Q || At({
+      isRTL: he
+    });
+  }
+  function ee(r) {
+    if (!Te)
+      return;
+    const B = k().getScrollbarWidth() > 0, Ne = r.scrollHeight > Se(r).documentElement.clientHeight;
+    c({
+      paddingRight: B && !Ne ? Oe() : void 0,
+      paddingLeft: !B && Ne ? Oe() : void 0
+    });
+  }
+  const O = y(() => {
+    p && ee(p.dialog);
+  });
+  Le(() => {
+    ke(window, "resize", O), f.current == null || f.current();
+  });
+  const K = () => {
+    w.current = !0;
+  }, A = (r) => {
+    w.current && p && r.target === p.dialog && (j.current = !0), w.current = !1;
+  }, l = () => {
+    Z(!0), f.current = it(p.dialog, () => {
+      Z(!1);
+    });
+  }, te = (r) => {
+    r.target === r.currentTarget && l();
+  }, G = (r) => {
+    if (N === "static") {
+      te(r);
+      return;
+    }
+    if (j.current || r.target !== r.currentTarget) {
+      j.current = !1;
+      return;
+    }
+    R == null || R();
+  }, ze = (r) => {
+    oe ? V == null || V(r) : (r.preventDefault(), N === "static" && l());
+  }, qe = (r, B) => {
+    r && ee(r), W == null || W(r, B);
+  }, Xe = (r) => {
+    f.current == null || f.current(), I == null || I(r);
+  }, Ye = (r, B) => {
+    X == null || X(r, B), rt(window, "resize", O);
+  }, Je = (r) => {
+    r && (r.style.display = ""), Y == null || Y(r), ke(window, "resize", O);
+  }, Qe = Me((r) => /* @__PURE__ */ a.jsx("div", {
+    ...r,
+    className: d(`${t}-backdrop`, J, !T && "show")
+  }), [T, J, t]), be = {
+    ...n,
+    ...C
+  };
+  be.display = "block";
+  const Ze = (r) => /* @__PURE__ */ a.jsx("div", {
+    role: "dialog",
+    ...r,
+    style: be,
+    className: d(e, t, ue && `${t}-static`, !T && "show"),
+    onClick: N ? G : void 0,
+    onMouseUp: A,
+    "data-bs-theme": h,
+    "aria-label": m,
+    "aria-labelledby": M,
+    "aria-describedby": b,
+    children: /* @__PURE__ */ a.jsx(E, {
+      ...ce,
+      onMouseDown: K,
+      className: o,
+      contentClassName: s,
+      children: i
+    })
+  });
+  return /* @__PURE__ */ a.jsx(We.Provider, {
+    value: _,
+    children: /* @__PURE__ */ a.jsx(Ct, {
+      show: $,
+      ref: fe,
+      backdrop: N,
+      container: ae,
+      keyboard: !0,
+      autoFocus: z,
+      enforceFocus: re,
+      restoreFocus: ie,
+      restoreFocusOptions: le,
+      onEscapeKeyDown: ze,
+      onShow: se,
+      onHide: R,
+      onEnter: qe,
+      onEntering: Ye,
+      onEntered: q,
+      onExit: Xe,
+      onExiting: de,
+      onExited: Je,
+      manager: k(),
+      transition: T ? Ht : void 0,
+      backdropTransition: T ? _t : void 0,
+      renderBackdrop: Qe,
+      renderDialog: Ze
+    })
+  });
+});
+Ve.displayName = "Modal";
+const Xt = Object.assign(Ve, {
+  Body: Bt,
+  Header: $t,
+  Title: Wt,
+  Footer: Ft,
+  Dialog: _e,
+  TRANSITION_DURATION: 300,
+  BACKDROP_TRANSITION_DURATION: 150
+});
+export {
+  zt as L,
+  Xt as M,
+  qt as T,
+  Mt as d,
+  F as q,
+  gt as u
+};