@a-ui/react 7.13.0-beta.4 → 7.13.0-beta.6

package/es/index94.mjs

@@ -1,393 +1,237 @@
-import { evaluate as $, getPaddingObject as H, getAlignmentAxis as I, getAlignment as X, getSide as _, getSideAxis as M, getOppositePlacement as q, getExpandedPlacements as G, getOppositeAxisPlacements as J, getAlignmentSides as K, clamp as B, getAxisLength as N, min as Y, rectToClientRect as W, getOppositeAxis as Q } from "./index95.mjs";
-function z(a, s, m) {
-  let {
-    reference: n,
-    floating: r
-  } = a;
-  const e = M(s), i = I(s), l = N(i), d = _(s), g = e === "y", x = n.x + n.width / 2 - r.width / 2, c = n.y + n.height / 2 - r.height / 2, f = n[l] / 2 - r[l] / 2;
-  let t;
-  switch (d) {
-    case "top":
-      t = {
-        x,
-        y: n.y - r.height
-      };
-      break;
-    case "bottom":
-      t = {
-        x,
-        y: n.y + n.height
-      };
-      break;
-    case "right":
-      t = {
-        x: n.x + n.width,
-        y: c
-      };
-      break;
-    case "left":
-      t = {
-        x: n.x - r.width,
-        y: c
-      };
-      break;
-    default:
-      t = {
-        x: n.x,
-        y: n.y
-      };
+import { __exports as p } from "./index95.mjs";
+import N from "react";
+import T from "react-dom";
+import { p as x } from "./index101.mjs";
+import { M as A } from "./index102.mjs";
+import "./index103.mjs";
+import "./index104.mjs";
+import D from "./index105.mjs";
+import { __exports as w } from "./index106.mjs";
+import { __exports as q } from "./index107.mjs";
+Object.defineProperty(p, "__esModule", {
+  value: !0
+});
+p.bodyOpenClassName = p.portalClassName = void 0;
+var g = Object.assign || function(r) {
+  for (var e = 1; e < arguments.length; e++) {
+    var o = arguments[e];
+    for (var a in o)
+      Object.prototype.hasOwnProperty.call(o, a) && (r[a] = o[a]);
   }
-  switch (X(s)) {
-    case "start":
-      t[i] -= f * (m && g ? -1 : 1);
-      break;
-    case "end":
-      t[i] += f * (m && g ? -1 : 1);
-      break;
+  return r;
+}, H = /* @__PURE__ */ function() {
+  function r(e, o) {
+    for (var a = 0; a < o.length; a++) {
+      var n = o[a];
+      n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(e, n.key, n);
+    }
   }
-  return t;
-}
-async function Z(a, s) {
-  var m;
-  s === void 0 && (s = {});
-  const {
-    x: n,
-    y: r,
-    platform: e,
-    rects: i,
-    elements: l,
-    strategy: d
-  } = a, {
-    boundary: g = "clippingAncestors",
-    rootBoundary: x = "viewport",
-    elementContext: c = "floating",
-    altBoundary: f = !1,
-    padding: t = 0
-  } = $(s, a), o = H(t), v = l[f ? c === "floating" ? "reference" : "floating" : c], w = W(await e.getClippingRect({
-    element: (m = await (e.isElement == null ? void 0 : e.isElement(v))) == null || m ? v : v.contextElement || await (e.getDocumentElement == null ? void 0 : e.getDocumentElement(l.floating)),
-    boundary: g,
-    rootBoundary: x,
-    strategy: d
-  })), y = c === "floating" ? {
-    x: n,
-    y: r,
-    width: i.floating.width,
-    height: i.floating.height
-  } : i.reference, p = await (e.getOffsetParent == null ? void 0 : e.getOffsetParent(l.floating)), h = await (e.isElement == null ? void 0 : e.isElement(p)) ? await (e.getScale == null ? void 0 : e.getScale(p)) || {
-    x: 1,
-    y: 1
-  } : {
-    x: 1,
-    y: 1
-  }, P = W(e.convertOffsetParentRelativeRectToViewportRelativeRect ? await e.convertOffsetParentRelativeRectToViewportRelativeRect({
-    elements: l,
-    rect: y,
-    offsetParent: p,
-    strategy: d
-  }) : y);
-  return {
-    top: (w.top - P.top + o.top) / h.y,
-    bottom: (P.bottom - w.bottom + o.bottom) / h.y,
-    left: (w.left - P.left + o.left) / h.x,
-    right: (P.right - w.right + o.right) / h.x
+  return function(e, o, a) {
+    return o && r(e.prototype, o), a && r(e, a), e;
   };
+}(), R = N, O = m(R), U = T, _ = m(U), L = x, t = m(L), k = A, C = m(k), $ = q, W = B($), u = w, M = m(u), F = D;
+function B(r) {
+  if (r && r.__esModule)
+    return r;
+  var e = {};
+  if (r != null)
+    for (var o in r)
+      Object.prototype.hasOwnProperty.call(r, o) && (e[o] = r[o]);
+  return e.default = r, e;
 }
-const ee = 50, oe = async (a, s, m) => {
-  const {
-    placement: n = "bottom",
-    strategy: r = "absolute",
-    middleware: e = [],
-    platform: i
-  } = m, l = i.detectOverflow ? i : {
-    ...i,
-    detectOverflow: Z
-  }, d = await (i.isRTL == null ? void 0 : i.isRTL(s));
-  let g = await i.getElementRects({
-    reference: a,
-    floating: s,
-    strategy: r
-  }), {
-    x,
-    y: c
-  } = z(g, n, d), f = n, t = 0;
-  const o = {};
-  for (let u = 0; u < e.length; u++) {
-    const v = e[u];
-    if (!v)
-      continue;
-    const {
-      name: w,
-      fn: y
-    } = v, {
-      x: p,
-      y: h,
-      data: P,
-      reset: b
-    } = await y({
-      x,
-      y: c,
-      initialPlacement: n,
-      placement: f,
-      strategy: r,
-      middlewareData: o,
-      rects: g,
-      platform: l,
-      elements: {
-        reference: a,
-        floating: s
-      }
-    });
-    x = p ?? x, c = h ?? c, o[w] = {
-      ...o[w],
-      ...P
-    }, b && t < ee && (t++, typeof b == "object" && (b.placement && (f = b.placement), b.rects && (g = b.rects === !0 ? await i.getElementRects({
-      reference: a,
-      floating: s,
-      strategy: r
-    }) : b.rects), {
-      x,
-      y: c
-    } = z(g, f, d)), u = -1);
-  }
-  return {
-    x,
-    y: c,
-    placement: f,
-    strategy: r,
-    middlewareData: o
-  };
-}, se = (a) => ({
-  name: "arrow",
-  options: a,
-  async fn(s) {
-    const {
-      x: m,
-      y: n,
-      placement: r,
-      rects: e,
-      platform: i,
-      elements: l,
-      middlewareData: d
-    } = s, {
-      element: g,
-      padding: x = 0
-    } = $(a, s) || {};
-    if (g == null)
-      return {};
-    const c = H(x), f = {
-      x: m,
-      y: n
-    }, t = I(r), o = N(t), u = await i.getDimensions(g), v = t === "y", w = v ? "top" : "left", y = v ? "bottom" : "right", p = v ? "clientHeight" : "clientWidth", h = e.reference[o] + e.reference[t] - f[t] - e.floating[o], P = f[t] - e.reference[t], b = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(g));
-    let D = b ? b[p] : 0;
-    (!D || !await (i.isElement == null ? void 0 : i.isElement(b))) && (D = l.floating[p] || e.floating[o]);
-    const V = h / 2 - P / 2, E = D / 2 - u[o] / 2 - 1, C = Y(c[w], E), F = Y(c[y], E), T = C, j = D - u[o] - F, A = D / 2 - u[o] / 2 + V, L = B(T, A, j), S = !d.arrow && X(r) != null && A !== L && e.reference[o] / 2 - (A < T ? C : F) - u[o] / 2 < 0, O = S ? A < T ? A - T : A - j : 0;
-    return {
-      [t]: f[t] + O,
-      data: {
-        [t]: L,
-        centerOffset: A - L - O,
-        ...S && {
-          alignmentOffset: O
-        }
-      },
-      reset: S
-    };
+function m(r) {
+  return r && r.__esModule ? r : { default: r };
+}
+function j(r, e) {
+  if (!(r instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function E(r, e) {
+  if (!r)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e && (typeof e == "object" || typeof e == "function") ? e : r;
+}
+function I(r, e) {
+  if (typeof e != "function" && e !== null)
+    throw new TypeError("Super expression must either be null or a function, not " + typeof e);
+  r.prototype = Object.create(e && e.prototype, { constructor: { value: r, enumerable: !1, writable: !0, configurable: !0 } }), e && (Object.setPrototypeOf ? Object.setPrototypeOf(r, e) : r.__proto__ = e);
+}
+var V = p.portalClassName = "ReactModalPortal", z = p.bodyOpenClassName = "ReactModal__Body--open", s = u.canUseDOM && _.default.createPortal !== void 0, b = function(e) {
+  return document.createElement(e);
+}, P = function() {
+  return s ? _.default.createPortal : _.default.unstable_renderSubtreeIntoContainer;
+};
+function y(r) {
+  return r();
+}
+var d = function(r) {
+  I(e, r);
+  function e() {
+    var o, a, n, l;
+    j(this, e);
+    for (var c = arguments.length, v = Array(c), f = 0; f < c; f++)
+      v[f] = arguments[f];
+    return l = (a = (n = E(this, (o = e.__proto__ || Object.getPrototypeOf(e)).call.apply(o, [this].concat(v))), n), n.removePortal = function() {
+      !s && _.default.unmountComponentAtNode(n.node);
+      var i = y(n.props.parentSelector);
+      i && i.contains(n.node) ? i.removeChild(n.node) : console.warn('React-Modal: "parentSelector" prop did not returned any DOM element. Make sure that the parent element is unmounted to avoid any memory leaks.');
+    }, n.portalRef = function(i) {
+      n.portal = i;
+    }, n.renderPortal = function(i) {
+      var h = P(), S = h(n, O.default.createElement(C.default, g({ defaultStyles: e.defaultStyles }, i)), n.node);
+      n.portalRef(S);
+    }, a), E(n, l);
   }
-}), ae = function(a) {
-  return a === void 0 && (a = {}), {
-    name: "flip",
-    options: a,
-    async fn(s) {
-      var m, n;
-      const {
-        placement: r,
-        middlewareData: e,
-        rects: i,
-        initialPlacement: l,
-        platform: d,
-        elements: g
-      } = s, {
-        mainAxis: x = !0,
-        crossAxis: c = !0,
-        fallbackPlacements: f,
-        fallbackStrategy: t = "bestFit",
-        fallbackAxisSideDirection: o = "none",
-        flipAlignment: u = !0,
-        ...v
-      } = $(a, s);
-      if ((m = e.arrow) != null && m.alignmentOffset)
-        return {};
-      const w = _(r), y = M(l), p = _(l) === l, h = await (d.isRTL == null ? void 0 : d.isRTL(g.floating)), P = f || (p || !u ? [q(l)] : G(l)), b = o !== "none";
-      !f && b && P.push(...J(l, u, o, h));
-      const D = [l, ...P], V = await d.detectOverflow(s, v), E = [];
-      let C = ((n = e.flip) == null ? void 0 : n.overflows) || [];
-      if (x && E.push(V[w]), c) {
-        const A = K(r, i, h);
-        E.push(V[A[0]], V[A[1]]);
-      }
-      if (C = [...C, {
-        placement: r,
-        overflows: E
-      }], !E.every((A) => A <= 0)) {
-        var F, T;
-        const A = (((F = e.flip) == null ? void 0 : F.index) || 0) + 1, L = D[A];
-        if (L && (!(c === "alignment" ? y !== M(L) : !1) || // We leave the current main axis only if every placement on that axis
-        // overflows the main axis.
-        C.every((R) => M(R.placement) === y ? R.overflows[0] > 0 : !0)))
-          return {
-            data: {
-              index: A,
-              overflows: C
-            },
-            reset: {
-              placement: L
-            }
-          };
-        let S = (T = C.filter((O) => O.overflows[0] <= 0).sort((O, R) => O.overflows[1] - R.overflows[1])[0]) == null ? void 0 : T.placement;
-        if (!S)
-          switch (t) {
-            case "bestFit": {
-              var j;
-              const O = (j = C.filter((R) => {
-                if (b) {
-                  const k = M(R.placement);
-                  return k === y || // Create a bias to the `y` side axis due to horizontal
-                  // reading directions favoring greater width.
-                  k === "y";
-                }
-                return !0;
-              }).map((R) => [R.placement, R.overflows.filter((k) => k > 0).reduce((k, U) => k + U, 0)]).sort((R, k) => R[1] - k[1])[0]) == null ? void 0 : j[0];
-              O && (S = O);
-              break;
-            }
-            case "initialPlacement":
-              S = l;
-              break;
-          }
-        if (r !== S)
-          return {
-            reset: {
-              placement: S
-            }
-          };
+  return H(e, [{
+    key: "componentDidMount",
+    value: function() {
+      if (u.canUseDOM) {
+        s || (this.node = b("div")), this.node.className = this.props.portalClassName;
+        var a = y(this.props.parentSelector);
+        a.appendChild(this.node), !s && this.renderPortal(this.props);
       }
-      return {};
     }
-  };
-}, te = /* @__PURE__ */ new Set(["left", "top"]);
-async function ne(a, s) {
-  const {
-    placement: m,
-    platform: n,
-    elements: r
-  } = a, e = await (n.isRTL == null ? void 0 : n.isRTL(r.floating)), i = _(m), l = X(m), d = M(m) === "y", g = te.has(i) ? -1 : 1, x = e && d ? -1 : 1, c = $(s, a);
-  let {
-    mainAxis: f,
-    crossAxis: t,
-    alignmentAxis: o
-  } = typeof c == "number" ? {
-    mainAxis: c,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: c.mainAxis || 0,
-    crossAxis: c.crossAxis || 0,
-    alignmentAxis: c.alignmentAxis
-  };
-  return l && typeof o == "number" && (t = l === "end" ? o * -1 : o), d ? {
-    x: t * x,
-    y: f * g
-  } : {
-    x: f * g,
-    y: t * x
-  };
-}
-const le = function(a) {
-  return a === void 0 && (a = 0), {
-    name: "offset",
-    options: a,
-    async fn(s) {
-      var m, n;
-      const {
-        x: r,
-        y: e,
-        placement: i,
-        middlewareData: l
-      } = s, d = await ne(s, a);
-      return i === ((m = l.offset) == null ? void 0 : m.placement) && (n = l.arrow) != null && n.alignmentOffset ? {} : {
-        x: r + d.x,
-        y: e + d.y,
-        data: {
-          ...d,
-          placement: i
-        }
-      };
+  }, {
+    key: "getSnapshotBeforeUpdate",
+    value: function(a) {
+      var n = y(a.parentSelector), l = y(this.props.parentSelector);
+      return { prevParent: n, nextParent: l };
     }
-  };
-}, ce = function(a) {
-  return a === void 0 && (a = {}), {
-    name: "shift",
-    options: a,
-    async fn(s) {
-      const {
-        x: m,
-        y: n,
-        placement: r,
-        platform: e
-      } = s, {
-        mainAxis: i = !0,
-        crossAxis: l = !1,
-        limiter: d = {
-          fn: (w) => {
-            let {
-              x: y,
-              y: p
-            } = w;
-            return {
-              x: y,
-              y: p
-            };
-          }
-        },
-        ...g
-      } = $(a, s), x = {
-        x: m,
-        y: n
-      }, c = await e.detectOverflow(s, g), f = M(_(r)), t = Q(f);
-      let o = x[t], u = x[f];
-      if (i) {
-        const w = t === "y" ? "top" : "left", y = t === "y" ? "bottom" : "right", p = o + c[w], h = o - c[y];
-        o = B(p, o, h);
+  }, {
+    key: "componentDidUpdate",
+    value: function(a, n, l) {
+      if (u.canUseDOM) {
+        var c = this.props, v = c.isOpen, f = c.portalClassName;
+        a.portalClassName !== f && (this.node.className = f);
+        var i = l.prevParent, h = l.nextParent;
+        h !== i && (i.removeChild(this.node), h.appendChild(this.node)), !(!a.isOpen && !v) && !s && this.renderPortal(this.props);
       }
-      if (l) {
-        const w = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", p = u + c[w], h = u - c[y];
-        u = B(p, u, h);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      if (!(!u.canUseDOM || !this.node || !this.portal)) {
+        var a = this.portal.state, n = Date.now(), l = a.isOpen && this.props.closeTimeoutMS && (a.closesAt || n + this.props.closeTimeoutMS);
+        l ? (a.beforeClose || this.portal.closeWithTimeout(), setTimeout(this.removePortal, l - n)) : this.removePortal();
       }
-      const v = d.fn({
-        ...s,
-        [t]: o,
-        [f]: u
-      });
-      return {
-        ...v,
-        data: {
-          x: v.x - m,
-          y: v.y - n,
-          enabled: {
-            [t]: i,
-            [f]: l
-          }
-        }
-      };
     }
-  };
+  }, {
+    key: "render",
+    value: function() {
+      if (!u.canUseDOM || !s)
+        return null;
+      !this.node && s && (this.node = b("div"));
+      var a = P();
+      return a(O.default.createElement(C.default, g({
+        ref: this.portalRef,
+        defaultStyles: e.defaultStyles
+      }, this.props)), this.node);
+    }
+  }], [{
+    key: "setAppElement",
+    value: function(a) {
+      W.setElement(a);
+    }
+    /* eslint-disable react/no-unused-prop-types */
+    /* eslint-enable react/no-unused-prop-types */
+  }]), e;
+}(R.Component);
+d.propTypes = {
+  isOpen: t.default.bool.isRequired,
+  style: t.default.shape({
+    content: t.default.object,
+    overlay: t.default.object
+  }),
+  portalClassName: t.default.string,
+  bodyOpenClassName: t.default.string,
+  htmlOpenClassName: t.default.string,
+  className: t.default.oneOfType([t.default.string, t.default.shape({
+    base: t.default.string.isRequired,
+    afterOpen: t.default.string.isRequired,
+    beforeClose: t.default.string.isRequired
+  })]),
+  overlayClassName: t.default.oneOfType([t.default.string, t.default.shape({
+    base: t.default.string.isRequired,
+    afterOpen: t.default.string.isRequired,
+    beforeClose: t.default.string.isRequired
+  })]),
+  appElement: t.default.oneOfType([t.default.instanceOf(M.default), t.default.instanceOf(u.SafeHTMLCollection), t.default.instanceOf(u.SafeNodeList), t.default.arrayOf(t.default.instanceOf(M.default))]),
+  onAfterOpen: t.default.func,
+  onRequestClose: t.default.func,
+  closeTimeoutMS: t.default.number,
+  ariaHideApp: t.default.bool,
+  shouldFocusAfterRender: t.default.bool,
+  shouldCloseOnOverlayClick: t.default.bool,
+  shouldReturnFocusAfterClose: t.default.bool,
+  preventScroll: t.default.bool,
+  parentSelector: t.default.func,
+  aria: t.default.object,
+  data: t.default.object,
+  role: t.default.string,
+  contentLabel: t.default.string,
+  shouldCloseOnEsc: t.default.bool,
+  overlayRef: t.default.func,
+  contentRef: t.default.func,
+  id: t.default.string,
+  overlayElement: t.default.func,
+  contentElement: t.default.func
 };
-export {
-  se as arrow,
-  oe as computePosition,
-  Z as detectOverflow,
-  ae as flip,
-  le as offset,
-  W as rectToClientRect,
-  ce as shift
+d.defaultProps = {
+  isOpen: !1,
+  portalClassName: V,
+  bodyOpenClassName: z,
+  role: "dialog",
+  ariaHideApp: !0,
+  closeTimeoutMS: 0,
+  shouldFocusAfterRender: !0,
+  shouldCloseOnEsc: !0,
+  shouldCloseOnOverlayClick: !0,
+  shouldReturnFocusAfterClose: !0,
+  preventScroll: !1,
+  parentSelector: function() {
+    return document.body;
+  },
+  overlayElement: function(e, o) {
+    return O.default.createElement(
+      "div",
+      e,
+      o
+    );
+  },
+  contentElement: function(e, o) {
+    return O.default.createElement(
+      "div",
+      e,
+      o
+    );
+  }
+};
+d.defaultStyles = {
+  overlay: {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    backgroundColor: "rgba(255, 255, 255, 0.75)"
+  },
+  content: {
+    position: "absolute",
+    top: "40px",
+    left: "40px",
+    right: "40px",
+    bottom: "40px",
+    border: "1px solid #ccc",
+    background: "#fff",
+    overflow: "auto",
+    WebkitOverflowScrolling: "touch",
+    borderRadius: "4px",
+    outline: "none",
+    padding: "20px"
+  }
 };
+(0, F.polyfill)(d);
+process.env.NODE_ENV !== "production" && (d.setCreateHTMLElement = function(r) {
+  return b = r;
+});
+p.default = d;