@orioncactuscorp/ui 1.7.0 → 1.9.0

package/dist/components/Modal/bottomSheetGeometry.js

@@ -0,0 +1,88 @@
+function M(n, t, i) {
+  return Math.min(Math.max(n, t), i);
+}
+const d = 2;
+function x(n, t) {
+  return Math.abs(n - t) <= d;
+}
+function m(n, t) {
+  return M(n - t, 0, n);
+}
+function E(...n) {
+  const t = n.filter(
+    (i) => i !== void 0 && T(i)
+  );
+  if (t.length)
+    return Math.min(...t);
+}
+function T(n) {
+  return Number.isFinite(n) && n > 0;
+}
+function N({
+  contentHeight: n,
+  maxHeight: t,
+  snapHeight: i
+}) {
+  if (!T(n)) return 0;
+  const e = E(t, i);
+  return e === void 0 ? n : Math.min(n, e);
+}
+function b({
+  defaultTranslate: n,
+  sheetHeight: t,
+  snapHeights: i,
+  translate: e
+}) {
+  if (x(e, n))
+    return { kind: "default-snap" };
+  if (e <= d && n > d)
+    return { kind: "expanded" };
+  let a = -1, u = Number.POSITIVE_INFINITY;
+  return i.forEach((c, f) => {
+    const r = Math.abs(
+      m(t, c) - e
+    );
+    r < u && (a = f, u = r);
+  }), a >= 0 && u <= d ? { kind: "snap", index: a } : { kind: "custom" };
+}
+function k({
+  currentTranslate: n,
+  fallbackTranslate: t,
+  restState: i,
+  previousDefaultTranslate: e,
+  previousSheetHeight: a,
+  previousSnapHeights: u,
+  targetSheetHeight: c,
+  targetDefaultTranslate: f,
+  targetSnapHeights: r
+}) {
+  if (i.kind === "default-snap")
+    return n <= d && e > d ? 0 : f;
+  if (i.kind === "expanded")
+    return 0;
+  if (i.kind === "snap") {
+    const o = r[Math.min(i.index, r.length - 1)];
+    if (o !== void 0)
+      return m(c, o);
+  }
+  const p = M(
+    a - n,
+    0,
+    a
+  ), I = 2;
+  let s = -1, h = Number.POSITIVE_INFINITY;
+  if (u.forEach((o, S) => {
+    const l = Math.abs(o - p);
+    l < h && (s = S, h = l);
+  }), s >= 0 && h <= I) {
+    const o = r[Math.min(s, r.length - 1)];
+    if (o !== void 0)
+      return m(c, o);
+  }
+  return t;
+}
+export {
+  b as resolveBottomSheetRestState,
+  N as resolveContentSizedBottomSheetHeight,
+  k as resolveResizedBottomSheetTranslate
+};

package/dist/components/Modal/modalScrollArbitration.js

@@ -83,11 +83,11 @@ function a({
   const t = A(n, e ?? null), o = t?.getSelection?.() ?? t?.defaultView?.getSelection?.();
   if (!o || o.rangeCount === 0 || o.isCollapsed)
     return !1;
-  const l = e ?? (typeof Node < "u" && n instanceof Node ? n : null);
-  if (!l) return !0;
-  for (let u = 0; u < o.rangeCount; u += 1) {
-    const D = o.getRangeAt(u).commonAncestorContainer;
-    if (l.contains(D) || D.contains(l))
+  const u = e ?? (typeof Node < "u" && n instanceof Node ? n : null);
+  if (!u) return !0;
+  for (let l = 0; l < o.rangeCount; l += 1) {
+    const D = o.getRangeAt(l).commonAncestorContainer;
+    if (u.contains(D) || D.contains(u))
       return !0;
   }
   return !1;
@@ -105,14 +105,15 @@ function E({
   target: e,
   deltaY: n,
   chrome: t,
-  bodyNode: o
+  bodyNode: o,
+  canExpand: u
 }) {
   if (typeof Element > "u" || !(e instanceof Element) || s(e)) return r;
   if (t) return T(n !== 0);
   if (a({ target: e, boundary: o }))
     return r;
   const l = m(e, o);
-  return c(l) ? n > 0 ? f(l) ? i : S : n < 0 ? S : r : T(n !== 0);
+  return c(l) ? n > 0 ? f(l) ? i : S : n < 0 ? u ? i : S : r : T(n !== 0);
 }
 function R({
   target: e,

package/dist/components/Modal/snapPoints.js

@@ -12,16 +12,17 @@ function X({
   if (!e?.length) return;
   const a = e.map(
     (c) => y(c, i)
-  ), r = a.filter(v).sort((c, g) => c - g);
+  ), r = a.filter(v).sort((c, l) => c - l);
   if (!r.length) return;
-  const n = Math.max(...r), o = t !== void 0 ? e.findIndex((c) => c === t) : -1, u = o >= 0 && a[o] ? a[o] : n;
+  const n = Math.max(...r), o = t !== void 0 ? e.findIndex((c) => c === t) : -1, g = o >= 0 && a[o] ? a[o] : n;
   return {
     snapHeights: r,
     sheetHeight: n,
-    visibleTranslate: Math.max(0, n - u)
+    defaultHeight: g,
+    visibleTranslate: Math.max(0, n - g)
   };
 }
-function l(e, t) {
+function u(e, t) {
   const i = Number.parseFloat(e.getPropertyValue(t));
   return Number.isFinite(i) ? i : 0;
 }
@@ -72,16 +73,16 @@ function Y({
   const r = a.getBoundingClientRect(), n = i.getBoundingClientRect();
   if (r.width <= 0 || r.height <= 0 || n.width <= 0 || n.height <= 0)
     return;
-  const o = window.getComputedStyle(a), u = l(o, "padding-left"), c = l(o, "padding-right"), g = l(o, "padding-top"), d = l(o, "padding-bottom"), m = {
-    minX: u + n.width / 2 - r.width / 2,
+  const o = window.getComputedStyle(a), g = u(o, "padding-left"), c = u(o, "padding-right"), l = u(o, "padding-top"), d = u(o, "padding-bottom"), m = {
+    minX: g + n.width / 2 - r.width / 2,
     maxX: r.width - c - n.width / 2 - r.width / 2,
-    minY: g + n.height / 2 - r.height / 2,
+    minY: l + n.height / 2 - r.height / 2,
     maxY: r.height - d - n.height / 2 - r.height / 2
   }, s = t.map((h) => {
     const p = S({
       position: h,
       viewportRect: r,
-      paddingTop: g,
+      paddingTop: l,
       paddingBottom: d
     });
     return {

package/dist/components/Modal/useModalContentBlockTransition.js

@@ -0,0 +1,64 @@
+import { useRef as r, useCallback as d, useLayoutEffect as S, useEffect as N } from "react";
+const w = 600, E = 4;
+function v(t) {
+  const n = Number.parseFloat(window.getComputedStyle(t).height);
+  return Number.isFinite(n) && n > 0 ? n : t.getBoundingClientRect().height;
+}
+function B({
+  enabled: t,
+  node: n
+}) {
+  const s = r(null), i = r(null), a = r(null), T = r(null), l = r(!1), o = r(0), g = r(!1), f = d(() => {
+    T.current?.(), T.current = null;
+  }, []), u = d(() => {
+    i.current !== null && (window.cancelAnimationFrame(i.current), i.current = null), a.current !== null && (window.clearTimeout(a.current), a.current = null), f();
+  }, [f]), h = d(() => {
+    const e = s.current;
+    e && (u(), e.style.removeProperty("height"), e.dataset.ocContentTransitionState = "idle", l.current = !1, o.current = v(e));
+  }, [u]), C = d(() => {
+    const e = s.current;
+    !e || !t || l.current || i.current === null && (i.current = window.requestAnimationFrame(() => {
+      i.current = null;
+      const m = o.current, c = v(e);
+      if (!g.current) {
+        g.current = !0, o.current = c;
+        return;
+      }
+      if (m <= 0 || Math.abs(c - m) <= E) {
+        o.current = c;
+        return;
+      }
+      l.current = !0, e.dataset.ocContentTransitionState = "changing", e.style.height = `${m}px`, e.getBoundingClientRect(), e.style.height = `${c}px`, o.current = c;
+      const p = (R) => {
+        R.target !== e || R.propertyName !== "height" || (e.removeEventListener("transitionend", p), h());
+      };
+      f(), e.addEventListener("transitionend", p), T.current = () => {
+        e.removeEventListener("transitionend", p);
+      }, a.current = window.setTimeout(() => {
+        h();
+      }, w);
+    }));
+  }, [t, h, f]);
+  S(() => {
+    s.current = n;
+    const e = s.current;
+    e && (o.current = v(e), g.current = !1, t || (u(), e.style.removeProperty("height"), e.dataset.ocContentTransitionState = "idle", l.current = !1));
+  }, [u, t, n]), N(() => {
+    if (!n || !t || typeof ResizeObserver > "u")
+      return;
+    const e = new ResizeObserver(() => {
+      C();
+    });
+    return e.observe(n), () => {
+      e.disconnect();
+    };
+  }, [t, n, C]), N(
+    () => () => {
+      u();
+    },
+    [u]
+  );
+}
+export {
+  B as useModalContentBlockTransition
+};