@midas-ds/components 14.0.0 → 15.0.0

package/Dialog-CPuJA2fm.js

@@ -0,0 +1,256 @@
+import { jsx as m, jsxs as v } from "react/jsx-runtime";
+import { e as A, f as j, g as U, h as V, i as x, j as F, k as K, l as W } from "./Dialog-D4Py85wi.js";
+import { $ as q, b as R, h as X, a as _, f as G } from "./utils-D2iKpxcZ.js";
+import { a as p } from "./mergeProps-Ct8m5-xW.js";
+import { $ as D } from "./filterDOMProps-wsa9OcNI.js";
+import { $ as J } from "./scrollIntoView-BVI21Y4-.js";
+import { g as O } from "./SelectionManager-DoNLJm8c.js";
+import f, { useState as Q, useEffect as S, forwardRef as P, useContext as b, createContext as N, useRef as Y, useMemo as Z } from "react";
+import { $ as B } from "./SSRProvider-D8lZ0o6A.js";
+import { a as ee, b as y, c as M } from "./OverlayArrow-CjGslX2c.js";
+import { B as te } from "./Button-DdXFHfXw.js";
+import { H as ie } from "./Heading-CCoGfKQ8.js";
+import { c as ne } from "./clsx-jbLnTBqA.js";
+import { u as ae } from "./useLocalizedStringFormatter-aOhh7wdl.js";
+import { X as de } from "./x-C2xUHAEl.js";
+import './assets/Dialog.css';let r = typeof document < "u" && window.visualViewport;
+function le() {
+  let t = B(), [e, i] = Q(() => t ? {
+    width: 0,
+    height: 0
+  } : w());
+  return S(() => {
+    let n = () => {
+      r && r.scale > 1 || i((l) => {
+        let d = w();
+        return d.width === l.width && d.height === l.height ? l : d;
+      });
+    }, a, o = (l) => {
+      r && r.scale > 1 || O(l.target) && (a = requestAnimationFrame(() => {
+        (!document.activeElement || !O(document.activeElement)) && i((d) => {
+          let s = {
+            width: window.innerWidth,
+            height: window.innerHeight
+          };
+          return s.width === d.width && s.height === d.height ? d : s;
+        });
+      }));
+    };
+    return window.addEventListener("blur", o, !0), r ? r.addEventListener("resize", n) : window.addEventListener("resize", n), () => {
+      cancelAnimationFrame(a), window.removeEventListener("blur", o, !0), r ? r.removeEventListener("resize", n) : window.removeEventListener("resize", n);
+    };
+  }, []), e;
+}
+function w() {
+  return {
+    // Multiply by the visualViewport scale to get the "natural" size, unaffected by pinch zooming.
+    width: r ? r.width * r.scale : window.innerWidth,
+    height: r ? r.height * r.scale : window.innerHeight
+  };
+}
+function oe(t, e, i) {
+  let { overlayProps: n, underlayProps: a } = A({
+    ...t,
+    isOpen: e.isOpen,
+    onClose: e.close
+  }, i);
+  return j({
+    isDisabled: !e.isOpen
+  }), U(), S(() => {
+    if (e.isOpen && i.current) return V([
+      i.current
+    ], {
+      shouldUseInert: !0
+    });
+  }, [
+    e.isOpen,
+    i
+  ]), {
+    modalProps: p(n),
+    underlayProps: a
+  };
+}
+const re = /* @__PURE__ */ N(null), E = /* @__PURE__ */ N(null), se = /* @__PURE__ */ P(function(e, i) {
+  if (b(E)) {
+    if (process.env.NODE_ENV !== "production" && (e.onOpenChange || e.defaultOpen !== void 0 || e.isOpen !== void 0)) {
+      const I = /* @__PURE__ */ new Set([
+        "isDismissable",
+        "isKeyboardDismissDisabled",
+        "isOpen",
+        "defaultOpen",
+        "onOpenChange",
+        "isEntering",
+        "isExiting",
+        "UNSTABLE_portalContainer",
+        "shouldCloseOnInteractOutside"
+      ]), k = Object.keys(e).filter((z) => I.has(z));
+      console.warn(`This modal is already wrapped in a ModalOverlay, props [${k.join(", ")}] should be placed on the ModalOverlay instead.`);
+    }
+    return /* @__PURE__ */ f.createElement(C, {
+      ...e,
+      modalRef: i
+    }, e.children);
+  }
+  let { isDismissable: a, isKeyboardDismissDisabled: o, isOpen: l, defaultOpen: d, onOpenChange: s, children: c, isEntering: u, isExiting: g, UNSTABLE_portalContainer: h, shouldCloseOnInteractOutside: T, ...H } = e;
+  return /* @__PURE__ */ f.createElement(L, {
+    isDismissable: a,
+    isKeyboardDismissDisabled: o,
+    isOpen: l,
+    defaultOpen: d,
+    onOpenChange: s,
+    isEntering: u,
+    isExiting: g,
+    UNSTABLE_portalContainer: h,
+    shouldCloseOnInteractOutside: T
+  }, /* @__PURE__ */ f.createElement(C, {
+    ...H,
+    modalRef: i
+  }, c));
+});
+function ce(t, e) {
+  [t, e] = q(t, e, re);
+  let i = b(x), n = ee(t), a = t.isOpen != null || t.defaultOpen != null || !i ? n : i;
+  a === i && process.env.NODE_ENV !== "production" && (t.onOpenChange || t.defaultOpen !== void 0 || t.isOpen !== void 0) && console.warn("This modals state is controlled by a trigger, place onOpenChange on the trigger instead.");
+  let o = R(e), l = Y(null), d = y(o, a.isOpen), s = y(l, a.isOpen), c = d || s || t.isExiting || !1, u = B();
+  return !a.isOpen && !c || u ? null : /* @__PURE__ */ f.createElement(fe, {
+    ...t,
+    state: a,
+    isExiting: c,
+    overlayRef: o,
+    modalRef: l
+  });
+}
+const L = /* @__PURE__ */ P(ce);
+function fe({ UNSTABLE_portalContainer: t, ...e }) {
+  let i = e.modalRef, { state: n } = e, { modalProps: a, underlayProps: o } = oe(e, n, i), l = M(e.overlayRef) || e.isEntering || !1, d = _({
+    ...e,
+    defaultClassName: "react-aria-ModalOverlay",
+    values: {
+      isEntering: l,
+      isExiting: e.isExiting,
+      state: n
+    }
+  }), s = le(), c;
+  if (typeof document < "u") {
+    let g = J(document.body) ? document.body : document.scrollingElement || document.documentElement, h = g.getBoundingClientRect().height % 1;
+    c = g.scrollHeight - h;
+  }
+  let u = {
+    ...d.style,
+    "--visual-viewport-height": s.height + "px",
+    "--page-height": c !== void 0 ? c + "px" : void 0
+  };
+  return /* @__PURE__ */ f.createElement(K, {
+    isExiting: e.isExiting,
+    portalContainer: t
+  }, /* @__PURE__ */ f.createElement("div", {
+    ...p(D(e, {
+      global: !0
+    }), o),
+    ...d,
+    style: u,
+    ref: e.overlayRef,
+    "data-entering": l || void 0,
+    "data-exiting": e.isExiting || void 0
+  }, /* @__PURE__ */ f.createElement(G, {
+    values: [
+      [
+        E,
+        {
+          modalProps: a,
+          modalRef: i,
+          isExiting: e.isExiting,
+          isDismissable: e.isDismissable
+        }
+      ],
+      [
+        x,
+        n
+      ]
+    ]
+  }, d.children)));
+}
+function C(t) {
+  let { modalProps: e, modalRef: i, isExiting: n, isDismissable: a } = b(E), o = b(x), l = Z(() => X(t.modalRef, i), [
+    t.modalRef,
+    i
+  ]), d = R(l), s = M(d), c = _({
+    ...t,
+    defaultClassName: "react-aria-Modal",
+    values: {
+      isEntering: s,
+      isExiting: n,
+      state: o
+    }
+  });
+  return /* @__PURE__ */ f.createElement("div", {
+    ...p(D(t, {
+      global: !0
+    }), e),
+    ...c,
+    ref: d,
+    "data-entering": s || void 0,
+    "data-exiting": n || void 0
+  }, a && /* @__PURE__ */ f.createElement(F, {
+    onDismiss: o.close
+  }), c.children);
+}
+const me = "_modal_skl37_1", ue = "_overlay_skl37_24", $e = "_modalHeader_skl37_48", ge = "_modalTitle_skl37_59", be = "_modalBody_skl37_65", $ = {
+  modal: me,
+  overlay: ue,
+  modalHeader: $e,
+  modalTitle: ge,
+  modalBody: be
+}, he = { close: "Close" }, xe = { close: "Stäng" }, pe = {
+  en: he,
+  sv: xe
+}, Te = ({
+  children: t,
+  title: e,
+  hideCloseButton: i = !1,
+  className: n,
+  ...a
+}) => {
+  const o = ae(pe);
+  return /* @__PURE__ */ m(
+    L,
+    {
+      ...a,
+      className: ne($.overlay, n),
+      children: /* @__PURE__ */ m(se, { className: $.modal, children: /* @__PURE__ */ v(W, { children: [
+        /* @__PURE__ */ v("div", { className: $.modalHeader, children: [
+          /* @__PURE__ */ m("div", { className: $.modalTitle, children: e && /* @__PURE__ */ m(
+            ie,
+            {
+              level: 3,
+              elementType: "h2",
+              slot: "title",
+              children: e
+            }
+          ) }),
+          !i && /* @__PURE__ */ m(
+            te,
+            {
+              slot: "close",
+              variant: "tertiary",
+              icon: de,
+              iconPlacement: "right",
+              children: o.format("close")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ m(
+          "div",
+          {
+            className: $.modalBody,
+            tabIndex: -1,
+            children: t
+          }
+        )
+      ] }) })
+    }
+  );
+};
+export {
+  Te as M
+};