@orioncactuscorp/ui 1.0.0

package/dist/components/Modal/modalScrollArbitration.js

@@ -0,0 +1,134 @@
+const L = "ocModalTouchScrollLock", r = {
+  allowDrag: !1,
+  preventDefault: !1,
+  resetAnchor: !1
+}, S = {
+  allowDrag: !1,
+  preventDefault: !1,
+  resetAnchor: !0
+}, O = {
+  allowDrag: !0,
+  preventDefault: !1,
+  resetAnchor: !1
+}, i = {
+  allowDrag: !0,
+  preventDefault: !0,
+  resetAnchor: !1
+};
+function T(e) {
+  return e ? i : O;
+}
+function c(e) {
+  return !!(e && e.scrollHeight > e.clientHeight + 1);
+}
+function f(e) {
+  return !c(e) || e.scrollTop <= 1;
+}
+function d(e) {
+  return !c(e) || e.scrollHeight - e.clientHeight - e.scrollTop <= 1;
+}
+function _(e) {
+  return {
+    canScroll: c(e),
+    scrolledFromTop: !f(e),
+    scrolledToBottom: d(e)
+  };
+}
+function m(e, n) {
+  let t = e;
+  for (; t && t !== n; ) {
+    if (t instanceof HTMLElement && c(t))
+      return t;
+    t = t.parentElement;
+  }
+  return n;
+}
+function p(e, n) {
+  if (e) {
+    if (n) {
+      e.dataset[L] = "true";
+      return;
+    }
+    delete e.dataset[L];
+  }
+}
+function s(e) {
+  return typeof Element > "u" || !(e instanceof Element) ? !0 : !!e.closest(
+    [
+      "[data-oc-modal-no-drag]",
+      "a",
+      "button",
+      "input",
+      "select",
+      "textarea",
+      '[contenteditable="true"]',
+      '[role="button"]',
+      '[role="link"]',
+      '[role="checkbox"]',
+      '[role="menuitem"]',
+      '[role="option"]',
+      '[role="radio"]',
+      '[role="switch"]',
+      '[role="tab"]'
+    ].join(",")
+  );
+}
+function A(e, n) {
+  return n ? n.ownerDocument : typeof Node < "u" && e instanceof Node ? e.ownerDocument : typeof document > "u" ? null : document;
+}
+function a({
+  boundary: e,
+  target: n
+}) {
+  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))
+      return !0;
+  }
+  return !1;
+}
+function h({
+  target: e,
+  chrome: n,
+  bodyNode: t
+}) {
+  if (n || typeof Element > "u" || !(e instanceof Element) || s(e) || a({ target: e, boundary: t })) return !1;
+  const o = m(e, t);
+  return c(o) && f(o);
+}
+function E({
+  target: e,
+  deltaY: n,
+  chrome: t,
+  bodyNode: o
+}) {
+  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);
+}
+function R({
+  target: e,
+  bodyNode: n
+}) {
+  return typeof Element > "u" || !(e instanceof Element) || s(e) || a({ target: e, boundary: n }) ? r : i;
+}
+export {
+  E as getBottomTouchDragDecision,
+  _ as getModalScrollState,
+  R as getPopupTouchDragDecision,
+  m as getScrollableAncestor,
+  d as isAtScrollBottom,
+  f as isAtScrollTop,
+  c as isScrollableElement,
+  p as setModalBodyTouchScrollLock,
+  s as shouldIgnoreDragTarget,
+  h as shouldLockModalBodyTouchScroll
+};

package/dist/components/Modal/snapPoints.js

@@ -0,0 +1,79 @@
+function x(e, t) {
+  return typeof e == "string" ? Number.parseFloat(e) : e > 1 ? e : e * t;
+}
+function v(e) {
+  return Number.isFinite(e) && e > 0;
+}
+function w({
+  snapPoints: e,
+  defaultSnapPoint: t,
+  viewportHeight: a
+}) {
+  if (!e?.length) return;
+  const o = e.map(
+    (c) => x(c, a)
+  ), i = o.filter(v).sort((c, u) => c - u);
+  if (!i.length) return;
+  const n = Math.max(...i), r = t !== void 0 ? e.findIndex((c) => c === t) : -1, d = r >= 0 && o[r] ? o[r] : n;
+  return {
+    snapHeights: i,
+    sheetHeight: n,
+    visibleTranslate: Math.max(0, n - d)
+  };
+}
+function h(e, t) {
+  const a = Number.parseFloat(e.getPropertyValue(t));
+  return Number.isFinite(a) ? a : 0;
+}
+function y(e, t) {
+  switch (e) {
+    case "left":
+      return { x: t.minX, y: 0 };
+    case "right":
+      return { x: t.maxX, y: 0 };
+    case "top":
+      return { x: 0, y: t.minY };
+    case "bottom":
+      return { x: 0, y: t.maxY };
+    case "top-left":
+      return { x: t.minX, y: t.minY };
+    case "top-right":
+      return { x: t.maxX, y: t.minY };
+    case "bottom-left":
+      return { x: t.minX, y: t.maxY };
+    case "bottom-right":
+      return { x: t.maxX, y: t.maxY };
+    default:
+      return { x: 0, y: 0 };
+  }
+}
+function X({
+  defaultSnapPosition: e,
+  snapPositions: t,
+  surfaceMotion: a
+}) {
+  const o = a.parentElement;
+  if (!o || !t.length) return;
+  const i = o.getBoundingClientRect(), n = a.getBoundingClientRect();
+  if (i.width <= 0 || i.height <= 0 || n.width <= 0 || n.height <= 0)
+    return;
+  const r = window.getComputedStyle(o), d = h(r, "padding-left"), c = h(r, "padding-right"), u = h(r, "padding-top"), f = h(r, "padding-bottom"), s = {
+    minX: d + n.width / 2 - i.width / 2,
+    maxX: i.width - c - n.width / 2 - i.width / 2,
+    minY: u + n.height / 2 - i.height / 2,
+    maxY: i.height - f - n.height / 2 - i.height / 2
+  }, l = t.map((g) => ({
+    key: g,
+    ...y(g, s)
+  })), p = e ?? t[0], m = l.find((g) => g.key === p) ?? l[0];
+  if (m)
+    return {
+      bounds: s,
+      defaultTarget: m,
+      targets: l
+    };
+}
+export {
+  X as resolveModalPopupSnapPositions,
+  w as resolveModalSnapMetrics
+};

package/dist/components/Modal/useControllableState.js

@@ -0,0 +1,17 @@
+import { useState as a, useCallback as d } from "react";
+function f({
+  value: o,
+  defaultValue: n,
+  onChange: e
+}) {
+  const [r, c] = a(n), t = o !== void 0, s = t ? o : r, u = d(
+    (l) => {
+      t || c(l), e?.(l);
+    },
+    [t, e]
+  );
+  return [s, u];
+}
+export {
+  f as useControllableState
+};

package/dist/components/Modal/useElementSize.js

@@ -0,0 +1,23 @@
+import { useState as o, useCallback as c, useLayoutEffect as a } from "react";
+function m() {
+  const [e, s] = o(null), [u, r] = o(0), t = c((n) => {
+    if (!n) {
+      r(0);
+      return;
+    }
+    r(n.getBoundingClientRect().height);
+  }, []);
+  return a(() => {
+    if (!e) return;
+    const n = window.requestAnimationFrame(() => t(e));
+    if (typeof ResizeObserver > "u")
+      return () => window.cancelAnimationFrame(n);
+    const i = new ResizeObserver(() => t(e));
+    return i.observe(e), () => {
+      window.cancelAnimationFrame(n), i.disconnect();
+    };
+  }, [t, e]), { node: e, setNode: s, height: u };
+}
+export {
+  m as useMeasuredElement
+};