@bynder/compact-view 5.2.3 → 5.2.4

package/index5.js

@@ -1,27 +1,219 @@
-var f, h;
-function c() {
-  return h || (h = 1, f = function(e, r, a, i) {
-    var t = a ? a.call(i, e, r) : void 0;
-    if (t !== void 0)
-      return !!t;
-    if (e === r)
-      return !0;
-    if (typeof e != "object" || !e || typeof r != "object" || !r)
-      return !1;
-    var n = Object.keys(e), q = Object.keys(r);
-    if (n.length !== q.length)
-      return !1;
-    for (var w = Object.prototype.hasOwnProperty.bind(r), u = 0; u < n.length; u++) {
-      var l = n[u];
-      if (!w(l))
-        return !1;
-      var s = e[l], v = r[l];
-      if (t = a ? a.call(i, s, v, l) : void 0, t === !1 || t === void 0 && s !== v)
-        return !1;
+import ee, { useRef as b, useState as te, useEffect as y } from "react";
+import { createPortal as ne } from "react-dom";
+import v from "./index13.js";
+import { useForwardedRef as re } from "./index.m.js";
+import { jsxs as S, jsx as c } from "react/jsx-runtime";
+import { disableBodyScroll as oe, enableBodyScroll as ae } from "./bodyScrollLock.esm.js";
+const ie = ({ classes: e, classNames: t, styles: n, id: a, closeIcon: o, onClick: r }) => /* @__PURE__ */ c("button", {
+  id: a,
+  className: v(e.closeButton, t?.closeButton),
+  style: n?.closeButton,
+  onClick: r,
+  "data-testid": "close-button",
+  children: o || /* @__PURE__ */ c("svg", {
+    className: t?.closeIcon,
+    style: n?.closeIcon,
+    width: 28,
+    height: 28,
+    viewBox: "0 0 36 36",
+    "data-testid": "close-icon",
+    children: /* @__PURE__ */ c("path", { d: "M28.5 9.62L26.38 7.5 18 15.88 9.62 7.5 7.5 9.62 15.88 18 7.5 26.38l2.12 2.12L18 20.12l8.38 8.38 2.12-2.12L20.12 18z" })
+  })
+});
+var le = ie;
+const g = typeof window < "u", L = [
+  "input",
+  "select",
+  "textarea",
+  "a[href]",
+  "button",
+  "[tabindex]",
+  "audio[controls]",
+  "video[controls]",
+  '[contenteditable]:not([contenteditable="false"])'
+];
+function ue(e) {
+  return e.offsetParent === null || getComputedStyle(e).visibility === "hidden";
+}
+function ce(e, t) {
+  for (var n = 0; n < e.length; n++) if (e[n].checked && e[n].form === t) return e[n];
+}
+function de(e) {
+  if (e.tagName !== "INPUT" || e.type !== "radio" || !e.name) return !0;
+  var t = e.form || e.ownerDocument, n = t.querySelectorAll('input[type="radio"][name="' + e.name + '"]'), a = ce(n, e.form);
+  return a === e || a === void 0 && n[0] === e;
+}
+function M(e) {
+  for (var t = document.activeElement, n = e.querySelectorAll(L.join(",")), a = [], o = 0; o < n.length; o++) {
+    var r = n[o];
+    (t === r || !r.disabled && me(r) > -1 && !ue(r) && de(r)) && a.push(r);
+  }
+  return a;
+}
+function se(e, t) {
+  if (!(!e || e.key !== "Tab")) {
+    if (!t || !t.contains)
+      return process && console.warn("focus-trap-js: parent element is not defined"), !1;
+    if (!t.contains(e.target)) return !1;
+    var n = M(t), a = n[0], o = n[n.length - 1];
+    return e.shiftKey && e.target === a ? (o.focus(), e.preventDefault(), !0) : !e.shiftKey && e.target === o ? (a.focus(), e.preventDefault(), !0) : !1;
+  }
+}
+function me(e) {
+  var t = parseInt(e.getAttribute("tabindex"), 10);
+  return isNaN(t) ? fe(e) ? 0 : e.tabIndex : t;
+}
+function fe(e) {
+  return e.getAttribute("contentEditable");
+}
+const ve = ({ container: e, initialFocusRef: t }) => {
+  const n = b(null);
+  return y(() => {
+    const a = (o) => {
+      e?.current && se(o, e.current);
+    };
+    if (g && document.addEventListener("keydown", a), g && e?.current) {
+      const o = () => {
+        L.findIndex((r) => document.activeElement?.matches(r)) !== -1 && (n.current = document.activeElement);
+      };
+      if (t)
+        o(), requestAnimationFrame(() => {
+          t.current?.focus();
+        });
+      else {
+        const r = M(e.current);
+        r[0] && (o(), r[0].focus());
+      }
     }
-    return !0;
-  }), f;
+    return () => {
+      g && (document.removeEventListener("keydown", a), n.current?.focus());
+    };
+  }, [e, t]), null;
+};
+let s = [];
+const E = {
+  add: (e) => {
+    s.push(e);
+  },
+  remove: (e) => {
+    s = s.filter((t) => t !== e);
+  },
+  isTopModal: (e) => !!s.length && s[s.length - 1] === e
+};
+function be(e, t) {
+  y(() => (t && E.add(e), () => {
+    E.remove(e);
+  }), [t, e]);
 }
+const ye = (e, t, n, a, o) => {
+  const r = b(null);
+  y(() => (t && e.current && a && (r.current = e.current, oe(e.current, { reserveScrollBarGap: o })), () => {
+    r.current && (ae(r.current), r.current = null);
+  }), [
+    t,
+    n,
+    e,
+    a,
+    o
+  ]);
+}, i = {
+  root: "react-responsive-modal-root",
+  overlay: "react-responsive-modal-overlay",
+  overlayAnimationIn: "react-responsive-modal-overlay-in",
+  overlayAnimationOut: "react-responsive-modal-overlay-out",
+  modalContainer: "react-responsive-modal-container",
+  modalContainerCenter: "react-responsive-modal-containerCenter",
+  modal: "react-responsive-modal-modal",
+  modalAnimationIn: "react-responsive-modal-modal-in",
+  modalAnimationOut: "react-responsive-modal-modal-out",
+  closeButton: "react-responsive-modal-closeButton"
+}, he = ee.forwardRef(({ open: e, center: t, blockScroll: n = !0, closeOnEsc: a = !0, closeOnOverlayClick: o = !0, container: r, showCloseIcon: O = !0, closeIconId: B, closeIcon: P, focusTrapped: R = !0, initialFocusRef: _ = void 0, animationDuration: w = 300, classNames: l, styles: m, role: F = "dialog", ariaLabel: K, ariaDescribedby: j, ariaLabelledby: D, containerId: $, modalId: q, onClose: A, onEscKeyDown: N, onOverlayClick: U, onAnimationEnd: z, children: H, reserveScrollBarGap: J }, Q) => {
+  const I = re(Q), h = b(null), d = b(null), u = b(null);
+  u.current === null && g && (u.current = document.createElement("div"));
+  const [f, k] = te(!1);
+  be(h, e), ye(h, e, f, n, J);
+  const V = () => {
+    u.current && !r && !document.body.contains(u.current) && document.body.appendChild(u.current), document.addEventListener("keydown", x);
+  }, W = () => {
+    u.current && !r && document.body.contains(u.current) && document.body.removeChild(u.current), document.removeEventListener("keydown", x);
+  }, x = (p) => {
+    p.keyCode !== 27 || !E.isTopModal(h) || (N?.(p), a && A());
+  };
+  y(() => () => {
+    f && W();
+  }, [f]), y(() => {
+    e && !f && (k(!0), V());
+  }, [e]);
+  const X = (p) => {
+    if (d.current === null && (d.current = !0), !d.current) {
+      d.current = null;
+      return;
+    }
+    U?.(p), o && A(), d.current = null;
+  }, C = () => {
+    d.current = !1;
+  }, Y = () => {
+    e || k(!1), z?.();
+  }, T = r || u.current, Z = e ? l?.overlayAnimationIn ?? i.overlayAnimationIn : l?.overlayAnimationOut ?? i.overlayAnimationOut, G = e ? l?.modalAnimationIn ?? i.modalAnimationIn : l?.modalAnimationOut ?? i.modalAnimationOut;
+  return f && T ? ne(/* @__PURE__ */ S("div", {
+    className: v(i.root, l?.root),
+    style: m?.root,
+    "data-testid": "root",
+    children: [/* @__PURE__ */ c("div", {
+      className: v(i.overlay, l?.overlay),
+      "data-testid": "overlay",
+      "aria-hidden": !0,
+      style: {
+        animation: `${Z} ${w}ms`,
+        ...m?.overlay
+      }
+    }), /* @__PURE__ */ c("div", {
+      ref: h,
+      id: $,
+      className: v(i.modalContainer, t && i.modalContainerCenter, l?.modalContainer),
+      style: m?.modalContainer,
+      "data-testid": "modal-container",
+      onClick: X,
+      children: /* @__PURE__ */ S("div", {
+        ref: I,
+        className: v(i.modal, l?.modal),
+        style: {
+          animation: `${G} ${w}ms`,
+          ...m?.modal
+        },
+        onMouseDown: C,
+        onMouseUp: C,
+        onClick: C,
+        onAnimationEnd: Y,
+        id: q,
+        role: F,
+        "aria-modal": "true",
+        "aria-label": K,
+        "aria-labelledby": D,
+        "aria-describedby": j,
+        "data-testid": "modal",
+        tabIndex: -1,
+        children: [
+          R && /* @__PURE__ */ c(ve, {
+            container: I,
+            initialFocusRef: _
+          }),
+          H,
+          O && /* @__PURE__ */ c(le, {
+            classes: i,
+            classNames: l,
+            styles: m,
+            closeIcon: P,
+            onClick: A,
+            id: B
+          })
+        ]
+      })
+    })]
+  }), T) : null;
+});
+var Ie = he;
 export {
-  c as __require
+  he as Modal,
+  Ie as default
 };