@als-tp/als-react-ts-ui 0.5.1 → 0.5.3

package/dist/als-react-ts-ui378.js

@@ -1,200 +0,0 @@
-import * as i from "react";
-import { isElement as ee } from "./als-react-ts-ui320.js";
-import { useTimeout as te } from "./als-react-ts-ui297.js";
-import { useValueAsRef as q } from "./als-react-ts-ui318.js";
-import { useStableCallback as D } from "./als-react-ts-ui266.js";
-import { useIsoLayoutEffect as ne } from "./als-react-ts-ui267.js";
-import { useFloatingTree as ce, useFloatingParentNodeId as fe } from "./als-react-ts-ui364.js";
-import { createChangeEventDetails as h } from "./als-react-ts-ui229.js";
-import { createAttribute as le } from "./als-react-ts-ui361.js";
-import { TYPEABLE_SELECTOR as ae } from "./als-react-ts-ui379.js";
-import { isMouseLikePointerType as K } from "./als-react-ts-ui280.js";
-import { getDocument as X, getTarget as me, contains as z } from "./als-react-ts-ui312.js";
-import { triggerHover as C } from "./als-react-ts-ui231.js";
-const re = le("safe-polygon"), de = `button,[role="button"],select,[tabindex]:not([tabindex="-1"]),${ae}`;
-function Ee(o) {
-  return o ? !!o.closest(de) : !1;
-}
-function G(o, w, n) {
-  if (n && !K(n))
-    return 0;
-  if (typeof o == "number")
-    return o;
-  if (typeof o == "function") {
-    const s = o();
-    return typeof s == "number" ? s : s?.[w];
-  }
-  return o?.[w];
-}
-function J(o) {
-  return typeof o == "function" ? o() : o;
-}
-function xe(o, w = {}) {
-  const n = "rootStore" in o ? o.rootStore : o, s = n.useState("open"), a = n.useState("floatingElement"), b = n.useState("domReferenceElement"), {
-    dataRef: p,
-    events: _
-  } = n.context, {
-    enabled: l = !0,
-    delay: oe = 0,
-    handleClose: se = null,
-    mouseOnly: A = !1,
-    restMs: ue = 0,
-    move: B = !0,
-    triggerElement: Q = null,
-    externalTree: ie
-  } = w, O = ce(ie), U = fe(), v = q(se), x = q(oe), P = q(ue), g = i.useRef(void 0), I = i.useRef(!1), f = te(), F = i.useRef(void 0), m = te(), N = i.useRef(!0), V = i.useRef(!1), W = i.useRef(() => {
-  }), S = i.useRef(!1), H = D(() => {
-    const t = p.current.openEvent?.type;
-    return t?.includes("mouse") && t !== "mousedown";
-  }), y = D(() => I.current ? !0 : p.current.openEvent ? ["click", "mousedown"].includes(p.current.openEvent.type) : !1);
-  i.useEffect(() => {
-    if (!l)
-      return;
-    function t(r) {
-      r.open || (f.clear(), m.clear(), N.current = !0, S.current = !1);
-    }
-    return _.on("openchange", t), () => {
-      _.off("openchange", t);
-    };
-  }, [l, _, f, m]), i.useEffect(() => {
-    if (!l || !v.current || !s)
-      return;
-    function t(u) {
-      y() || H() && n.setOpen(!1, h(C, u, u.currentTarget ?? void 0));
-    }
-    const r = X(a).documentElement;
-    return r.addEventListener("mouseleave", t), () => {
-      r.removeEventListener("mouseleave", t);
-    };
-  }, [a, s, n, l, v, H, y]);
-  const k = i.useCallback((t, r = !0) => {
-    const u = G(x.current, "close", g.current);
-    u && !F.current ? f.start(u, () => n.setOpen(!1, h(C, t))) : r && (f.clear(), n.setOpen(!1, h(C, t)));
-  }, [x, n, f]), R = D(() => {
-    W.current(), F.current = void 0;
-  }), d = D(() => {
-    if (V.current) {
-      const t = X(a).body;
-      t.style.pointerEvents = "", t.removeAttribute(re), V.current = !1;
-    }
-  }), $ = D((t) => {
-    const r = me(t);
-    if (!Ee(r)) {
-      I.current = !1;
-      return;
-    }
-    I.current = !0;
-  });
-  i.useEffect(() => {
-    if (!l)
-      return;
-    function t(e) {
-      if (f.clear(), N.current = !1, A && !K(g.current) || J(P.current) > 0 && !G(x.current, "open"))
-        return;
-      const M = G(x.current, "open", g.current), T = e.currentTarget ?? void 0, j = n.select("domReferenceElement"), Y = j && T && !z(j, T);
-      M ? f.start(M, () => {
-        n.select("open") || n.setOpen(!0, h(C, e, T));
-      }) : (!s || Y) && n.setOpen(!0, h(C, e, T));
-    }
-    function r(e) {
-      if (y()) {
-        d();
-        return;
-      }
-      W.current();
-      const M = X(a);
-      m.clear(), S.current = !1;
-      const T = n.context.triggerElements;
-      if (e.relatedTarget && T.hasElement(e.relatedTarget))
-        return;
-      if (v.current && p.current.floatingContext) {
-        s || f.clear(), F.current = v.current({
-          ...p.current.floatingContext,
-          tree: O,
-          x: e.clientX,
-          y: e.clientY,
-          onClose() {
-            d(), R(), y() || k(e, !0);
-          }
-        });
-        const Y = F.current;
-        M.addEventListener("mousemove", Y), W.current = () => {
-          M.removeEventListener("mousemove", Y);
-        };
-        return;
-      }
-      (g.current === "touch" ? !z(a, e.relatedTarget) : !0) && k(e);
-    }
-    function u(e) {
-      if (y() || !p.current.floatingContext)
-        return;
-      const M = n.context.triggerElements;
-      e.relatedTarget && M.hasElement(e.relatedTarget) || v.current?.({
-        ...p.current.floatingContext,
-        tree: O,
-        x: e.clientX,
-        y: e.clientY,
-        onClose() {
-          d(), R(), y() || k(e);
-        }
-      })(e);
-    }
-    function L() {
-      f.clear(), d();
-    }
-    function E(e) {
-      y() || k(e, !1);
-    }
-    const c = Q ?? b;
-    if (ee(c)) {
-      const e = a;
-      return s && c.addEventListener("mouseleave", u), B && c.addEventListener("mousemove", t, {
-        once: !0
-      }), c.addEventListener("mouseenter", t), c.addEventListener("mouseleave", r), e && (e.addEventListener("mouseleave", u), e.addEventListener("mouseenter", L), e.addEventListener("mouseleave", E), e.addEventListener("pointerdown", $, !0)), () => {
-        s && c.removeEventListener("mouseleave", u), B && c.removeEventListener("mousemove", t), c.removeEventListener("mouseenter", t), c.removeEventListener("mouseleave", r), e && (e.removeEventListener("mouseleave", u), e.removeEventListener("mouseenter", L), e.removeEventListener("mouseleave", E), e.removeEventListener("pointerdown", $, !0));
-      };
-    }
-  }, [l, A, B, b, a, Q, n, k, R, d, s, O, x, v, p, y, P, f, m, $]), ne(() => {
-    if (l && s && v.current?.__options?.blockPointerEvents && H()) {
-      V.current = !0;
-      const t = a;
-      if (ee(b) && t) {
-        const r = X(a).body;
-        r.setAttribute(re, "");
-        const u = b, L = O?.nodesRef.current.find((E) => E.id === U)?.context?.elements.floating;
-        return L && (L.style.pointerEvents = ""), r.style.pointerEvents = "none", u.style.pointerEvents = "auto", t.style.pointerEvents = "auto", () => {
-          r.style.pointerEvents = "", u.style.pointerEvents = "", t.style.pointerEvents = "";
-        };
-      }
-    }
-  }, [l, s, U, O, v, H, b, a]), ne(() => {
-    s || (g.current = void 0, S.current = !1, I.current = !1, R(), d());
-  }, [s, R, d]), i.useEffect(() => () => {
-    R(), f.clear(), m.clear(), I.current = !1;
-  }, [l, b, R, f, m]), i.useEffect(() => d, [d]);
-  const Z = i.useMemo(() => {
-    function t(r) {
-      g.current = r.pointerType;
-    }
-    return {
-      onPointerDown: t,
-      onPointerEnter: t,
-      onMouseMove(r) {
-        const {
-          nativeEvent: u
-        } = r, L = r.currentTarget, E = n.select("domReferenceElement") && !z(n.select("domReferenceElement"), r.target);
-        function c() {
-          !N.current && (!n.select("open") || E) && n.setOpen(!0, h(C, u, L));
-        }
-        A && !K(g.current) || n.select("open") && !E || J(P.current) === 0 || !E && S.current && r.movementX ** 2 + r.movementY ** 2 < 2 || (m.clear(), g.current === "touch" || E ? c() : (S.current = !0, m.start(J(P.current), c)));
-      }
-    };
-  }, [A, n, P, m]);
-  return i.useMemo(() => l ? {
-    reference: Z
-  } : {}, [l, Z]);
-}
-export {
-  G as getDelay,
-  xe as useHover
-};

package/dist/als-react-ts-ui379.js

@@ -1,11 +0,0 @@
-const t = "data-base-ui-focusable", e = "active", o = "selected", n = "input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])", s = "ArrowLeft", c = "ArrowRight", E = "ArrowUp", a = "ArrowDown";
-export {
-  e as ACTIVE_KEY,
-  a as ARROW_DOWN,
-  s as ARROW_LEFT,
-  c as ARROW_RIGHT,
-  E as ARROW_UP,
-  t as FOCUSABLE_ATTRIBUTE,
-  o as SELECTED_KEY,
-  n as TYPEABLE_SELECTOR
-};

package/dist/als-react-ts-ui38.js

@@ -1,257 +0,0 @@
-import { jsx as f, jsxs as D, Fragment as q } from "react/jsx-runtime";
-import v, { useState as u, useRef as E, useEffect as R, useCallback as S } from "react";
-import e from "./als-react-ts-ui125.js";
-const A = v.createContext({
-  asidePosition: "left",
-  asideHidden: !1,
-  asideCollapsed: !1,
-  asideFullHeight: !1,
-  headerBehavior: "sticky",
-  scrollY: 0,
-  mainRef: null,
-  registerAside: () => {
-  },
-  registerHeader: () => {
-  }
-}), te = () => v.useContext(A), G = (o, d = 10) => {
-  const [s, t] = u("up"), [r, i] = u(0), n = E(0);
-  return R(() => {
-    const a = o.current;
-    if (!a) return;
-    const c = () => {
-      const l = a.scrollTop;
-      i(l), !(Math.abs(l - n.current) < d) && (t(
-        l > n.current ? "down" : "up"
-      ), n.current = l);
-    };
-    return a.addEventListener("scroll", c, { passive: !0 }), () => a.removeEventListener("scroll", c);
-  }, [o, d]), { scrollDirection: s, scrollY: r };
-}, J = ({
-  children: o,
-  className: d = "",
-  behavior: s = "sticky",
-  scrollThreshold: t = 50,
-  elevated: r = !1,
-  transparent: i = !1,
-  height: n
-}) => {
-  const { scrollY: a, registerHeader: c, asideFullHeight: l } = v.useContext(A), [m, y] = u(!1), [p, x] = u(i);
-  R(() => {
-    c(s);
-  }, [s, c]), R(() => {
-    r && y(a > 0), i && x(a < t);
-  }, [a, s, t, r, i]);
-  const C = {
-    fixed: e.headerFixed,
-    sticky: e.headerSticky,
-    relative: e.headerRelative,
-    hideOnScroll: e.headerHideOnScroll
-  }[s], h = [
-    e.header,
-    C,
-    m && e.headerElevated,
-    p && e.headerTransparent,
-    l && e.headerWithFullHeightAside,
-    d
-  ].filter(Boolean).join(" "), F = n ? {
-    "--header-custom-height": typeof n == "number" ? `${n}px` : n
-  } : {};
-  return /* @__PURE__ */ f("header", { className: h, style: F, children: o });
-}, I = ({
-  children: o,
-  className: d = "",
-  collapsed: s = !1,
-  hidden: t = !1,
-  variant: r = "relative",
-  width: i,
-  collapsedWidth: n,
-  resizable: a = !1,
-  minWidth: c = 200,
-  maxWidth: l = 500,
-  onWidthChange: m,
-  overlay: y = !1,
-  onOverlayClose: p,
-  collapsedContent: x,
-  transitionDuration: C = 300,
-  fullHeight: h = !1
-}) => {
-  const { registerAside: F, asidePosition: L } = v.useContext(A), [g, H] = u(null), [M, j] = u(!1), [$, P] = u(!1), B = E(null);
-  R(() => {
-    F(s, t, h);
-  }, [s, t, h, F]);
-  const T = S(() => {
-    p && (P(!0), setTimeout(() => {
-      P(!1), p();
-    }, C));
-  }, [p, C]), z = S(
-    (N) => {
-      a && (N.preventDefault(), j(!0));
-    },
-    [a]
-  );
-  if (R(() => {
-    if (!M) return;
-    const N = (b) => {
-      if (!B.current) return;
-      const O = B.current.getBoundingClientRect();
-      let k;
-      L === "right" ? k = O.right - b.clientX : k = b.clientX - O.left;
-      const w = Math.min(
-        Math.max(k, c),
-        l
-      );
-      H(w), m?.(w);
-    }, Y = () => {
-      j(!1);
-    };
-    return document.addEventListener("mousemove", N), document.addEventListener("mouseup", Y), () => {
-      document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", Y);
-    };
-  }, [M, c, l, m, L]), t) return null;
-  const X = r === "fixed" ? e.asideFixed : e.asideRelative, V = [
-    e.aside,
-    X,
-    s && e.asideCollapsed,
-    y && e.asideOverlay,
-    y && $ && e.asideOverlayClosing,
-    M && e.asideResizing,
-    h && e.asideFullHeight,
-    d
-  ].filter(Boolean).join(" "), _ = {
-    ...i && !s && !g && {
-      "--aside-width": typeof i == "number" ? `${i}px` : i
-    },
-    ...n && s && {
-      "--aside-collapsed-width": typeof n == "number" ? `${n}px` : n
-    },
-    ...g && !s && {
-      "--aside-width": `${g}px`
-    },
-    "--aside-transition-duration": `${C}ms`
-  }, U = [
-    e.asideContent,
-    s && e.asideContentCollapsed
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ D(q, { children: [
-    y && /* @__PURE__ */ f(
-      "div",
-      {
-        className: `${e.asideOverlayBackdrop} ${$ ? e.asideOverlayBackdropClosing : ""}`,
-        onClick: T,
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ D("aside", { ref: B, className: V, style: _, children: [
-      /* @__PURE__ */ f("div", { className: U, children: s && x ? x : o }),
-      a && !s && /* @__PURE__ */ f(
-        "div",
-        {
-          className: e.asideResizeHandle,
-          onMouseDown: z,
-          role: "separator",
-          "aria-orientation": "vertical",
-          "aria-label": "Resize sidebar"
-        }
-      )
-    ] })
-  ] });
-}, K = ({
-  children: o,
-  className: d = "",
-  maxWidth: s,
-  centered: t = !1,
-  padding: r = "lg"
-}) => {
-  const { asideHidden: i, asideFullHeight: n, mainRef: a } = v.useContext(A), c = {
-    none: e.mainPaddingNone,
-    sm: e.mainPaddingSm,
-    md: e.mainPaddingMd,
-    lg: e.mainPaddingLg,
-    xl: e.mainPaddingXl
-  }[r], l = [
-    e.main,
-    i && e.mainFullWidth,
-    n && e.mainWithFullHeightAside,
-    c,
-    d
-  ].filter(Boolean).join(" "), m = {
-    ...s && {
-      maxWidth: typeof s == "number" ? `${s}px` : s
-    },
-    ...t && { margin: "0 auto" }
-  };
-  return /* @__PURE__ */ f(
-    "main",
-    {
-      ref: a,
-      className: l,
-      children: s || t ? /* @__PURE__ */ f("div", { style: m, children: o }) : o
-    }
-  );
-}, Q = ({
-  children: o,
-  className: d = "",
-  variant: s = "relative",
-  height: t
-}) => {
-  const { asideFullHeight: r } = v.useContext(A), i = {
-    fixed: e.footerFixed,
-    sticky: e.footerSticky,
-    relative: e.footerRelative
-  }[s], n = [
-    e.footer,
-    i,
-    r && e.footerWithFullHeightAside,
-    d
-  ].filter(Boolean).join(" "), a = t ? {
-    "--footer-custom-height": typeof t == "number" ? `${t}px` : t
-  } : {};
-  return /* @__PURE__ */ f("footer", { className: n, style: a, children: o });
-}, Z = ({
-  children: o,
-  className: d = "",
-  asidePosition: s = "left"
-}) => {
-  const [t, r] = u(!1), [i, n] = u(!1), [a, c] = u(!1), [l, m] = u("sticky"), y = E(null), { scrollY: p } = G(y), x = S(
-    (g, H, M) => {
-      n(g), r(H), c(M);
-    },
-    []
-  ), C = S((g) => {
-    m(g);
-  }, []);
-  R(() => {
-    v.Children.toArray(o).some(
-      (H) => v.isValidElement(H) && H.type === I && !H.props.hidden
-    ) || r(!0);
-  }, [o]);
-  const h = s === "right" ? e.layoutRight : e.layoutLeft, F = [
-    e.layout,
-    h,
-    i && e.layoutAsideCollapsed,
-    t && e.layoutAsideHidden,
-    a && e.layoutAsideFullHeight,
-    d
-  ].filter(Boolean).join(" "), L = {
-    asidePosition: s,
-    asideHidden: t,
-    asideCollapsed: i,
-    asideFullHeight: a,
-    headerBehavior: l,
-    scrollY: p,
-    mainRef: y,
-    registerAside: x,
-    registerHeader: C
-  };
-  return /* @__PURE__ */ f(A.Provider, { value: L, children: /* @__PURE__ */ f("div", { className: F, children: o }) });
-}, ne = Object.assign({
-  Root: Z,
-  Header: J,
-  Aside: I,
-  Main: K,
-  Footer: Q
-});
-export {
-  ne as MainLayout,
-  te as useLayout
-};