@als-tp/als-react-ts-ui 0.5.2 → 0.5.4

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
-};

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

@@ -1,15 +0,0 @@
-function d(r, i, e = !0) {
-  return r.filter((t) => t.parentId === i && (!e || t.context?.open)).flatMap((t) => [t, ...d(r, t.id, e)]);
-}
-function o(r, i) {
-  let e = [], n = r.find((t) => t.id === i)?.parentId;
-  for (; n; ) {
-    const t = r.find((c) => c.id === n);
-    n = t?.parentId, t && (e = e.concat(t));
-  }
-  return e;
-}
-export {
-  o as getNodeAncestors,
-  d as getNodeChildren
-};

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

@@ -1,17 +0,0 @@
-import { createEventEmitter as n } from "./als-react-ts-ui382.js";
-class d {
-  nodesRef = {
-    current: []
-  };
-  events = n();
-  addNode(e) {
-    this.nodesRef.current.push(e);
-  }
-  removeNode(e) {
-    const t = this.nodesRef.current.findIndex((r) => r === e);
-    t !== -1 && this.nodesRef.current.splice(t, 1);
-  }
-}
-export {
-  d as FloatingTreeStore
-};

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

@@ -1,17 +0,0 @@
-function o() {
-  const t = /* @__PURE__ */ new Map();
-  return {
-    emit(e, a) {
-      t.get(e)?.forEach((n) => n(a));
-    },
-    on(e, a) {
-      t.has(e) || t.set(e, /* @__PURE__ */ new Set()), t.get(e).add(a);
-    },
-    off(e, a) {
-      t.get(e)?.delete(a);
-    }
-  };
-}
-export {
-  o as createEventEmitter
-};

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

@@ -1,78 +0,0 @@
-import * as o from "react";
-import { useFloating as P } from "./als-react-ts-ui384.js";
-import { isElement as s } from "./als-react-ts-ui338.js";
-import { useIsoLayoutEffect as F } from "./als-react-ts-ui224.js";
-import { useFloatingTree as V } from "./als-react-ts-ui352.js";
-import { useFloatingRootContext as v } from "./als-react-ts-ui385.js";
-function w(c = {}) {
-  const {
-    nodeId: m,
-    externalTree: y
-  } = c, I = v(c), t = c.rootContext || I, r = {
-    reference: t.useState("referenceElement"),
-    floating: t.useState("floatingElement"),
-    domReference: t.useState("domReferenceElement")
-  }, [g, M] = o.useState(null), i = o.useRef(null), b = V(y);
-  F(() => {
-    r.domReference && (i.current = r.domReference);
-  }, [r.domReference]);
-  const n = P({
-    ...c,
-    elements: {
-      ...r,
-      ...g && {
-        reference: g
-      }
-    }
-  }), d = o.useCallback((e) => {
-    const u = s(e) ? {
-      getBoundingClientRect: () => e.getBoundingClientRect(),
-      getClientRects: () => e.getClientRects(),
-      contextElement: e
-    } : e;
-    M(u), n.refs.setReference(u);
-  }, [n.refs]), [R, S] = o.useState(null), [k, L] = o.useState(null);
-  t.useSyncedValue("referenceElement", R), t.useSyncedValue("domReferenceElement", s(R) ? R : null), t.useSyncedValue("floatingElement", k);
-  const x = o.useCallback((e) => {
-    (s(e) || e === null) && (i.current = e, S(e)), (s(n.refs.reference.current) || n.refs.reference.current === null || // Don't allow setting virtual elements using the old technique back to
-    // `null` to support `positionReference` + an unstable `reference`
-    // callback ref.
-    e !== null && !s(e)) && n.refs.setReference(e);
-  }, [n.refs, S]), C = o.useCallback((e) => {
-    L(e), n.refs.setFloating(e);
-  }, [n.refs]), l = o.useMemo(() => ({
-    ...n.refs,
-    setReference: x,
-    setFloating: C,
-    setPositionReference: d,
-    domReference: i
-  }), [n.refs, x, C, d]), f = o.useMemo(() => ({
-    ...n.elements,
-    domReference: r.domReference
-  }), [n.elements, r.domReference]), E = t.useState("open"), p = t.useState("floatingId"), a = o.useMemo(() => ({
-    ...n,
-    dataRef: t.context.dataRef,
-    open: E,
-    onOpenChange: t.setOpen,
-    events: t.context.events,
-    floatingId: p,
-    refs: l,
-    elements: f,
-    nodeId: m,
-    rootStore: t
-  }), [n, l, f, m, t, E, p]);
-  return F(() => {
-    t.context.dataRef.current.floatingContext = a;
-    const e = b?.nodesRef.current.find((u) => u.id === m);
-    e && (e.context = a);
-  }), o.useMemo(() => ({
-    ...n,
-    context: a,
-    refs: l,
-    elements: f,
-    rootStore: t
-  }), [n, l, f, a, t]);
-}
-export {
-  w as useFloating
-};

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

@@ -1,183 +0,0 @@
-import { flip as H, offset as I, size as J, hide as K, computePosition as N, shift as Q, limitShift as T } from "./als-react-ts-ui394.js";
-import { autoUpdate as ae, platform as de } from "./als-react-ts-ui394.js";
-import * as r from "react";
-import { useLayoutEffect as X } from "react";
-import * as Y from "react-dom";
-var Z = typeof document < "u", b = function() {
-}, R = Z ? X : b;
-function w(e, t) {
-  if (e === t)
-    return !0;
-  if (typeof e != typeof t)
-    return !1;
-  if (typeof e == "function" && e.toString() === t.toString())
-    return !0;
-  let n, f, c;
-  if (e && t && typeof e == "object") {
-    if (Array.isArray(e)) {
-      if (n = e.length, n !== t.length) return !1;
-      for (f = n; f-- !== 0; )
-        if (!w(e[f], t[f]))
-          return !1;
-      return !0;
-    }
-    if (c = Object.keys(e), n = c.length, n !== Object.keys(t).length)
-      return !1;
-    for (f = n; f-- !== 0; )
-      if (!{}.hasOwnProperty.call(t, c[f]))
-        return !1;
-    for (f = n; f-- !== 0; ) {
-      const p = c[f];
-      if (!(p === "_owner" && e.$$typeof) && !w(e[p], t[p]))
-        return !1;
-    }
-    return !0;
-  }
-  return e !== e && t !== t;
-}
-function L(e) {
-  return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
-}
-function z(e, t) {
-  const n = L(e);
-  return Math.round(t * n) / n;
-}
-function k(e) {
-  const t = r.useRef(e);
-  return R(() => {
-    t.current = e;
-  }), t;
-}
-function ne(e) {
-  e === void 0 && (e = {});
-  const {
-    placement: t = "bottom",
-    strategy: n = "absolute",
-    middleware: f = [],
-    platform: c,
-    elements: {
-      reference: p,
-      floating: A
-    } = {},
-    transform: D = !0,
-    whileElementsMounted: E,
-    open: x
-  } = e, [s, C] = r.useState({
-    x: 0,
-    y: 0,
-    strategy: n,
-    placement: t,
-    middlewareData: {},
-    isPositioned: !1
-  }), [M, q] = r.useState(f);
-  w(M, f) || q(f);
-  const [B, U] = r.useState(null), [V, W] = r.useState(null), _ = r.useCallback((o) => {
-    o !== a.current && (a.current = o, U(o));
-  }, []), v = r.useCallback((o) => {
-    o !== d.current && (d.current = o, W(o));
-  }, []), i = p || B, u = A || V, a = r.useRef(null), d = r.useRef(null), y = r.useRef(s), G = E != null, S = k(E), P = k(c), F = k(x), g = r.useCallback(() => {
-    if (!a.current || !d.current)
-      return;
-    const o = {
-      placement: t,
-      strategy: n,
-      middleware: M
-    };
-    P.current && (o.platform = P.current), N(a.current, d.current, o).then((h) => {
-      const m = {
-        ...h,
-        // The floating element's position may be recomputed while it's closed
-        // but still mounted (such as when transitioning out). To ensure
-        // `isPositioned` will be `false` initially on the next open, avoid
-        // setting it to `true` when `open === false` (must be specified).
-        isPositioned: F.current !== !1
-      };
-      $.current && !w(y.current, m) && (y.current = m, Y.flushSync(() => {
-        C(m);
-      }));
-    });
-  }, [M, t, n, P, F]);
-  R(() => {
-    x === !1 && y.current.isPositioned && (y.current.isPositioned = !1, C((o) => ({
-      ...o,
-      isPositioned: !1
-    })));
-  }, [x]);
-  const $ = r.useRef(!1);
-  R(() => ($.current = !0, () => {
-    $.current = !1;
-  }), []), R(() => {
-    if (i && (a.current = i), u && (d.current = u), i && u) {
-      if (S.current)
-        return S.current(i, u, g);
-      g();
-    }
-  }, [i, u, g, S, G]);
-  const O = r.useMemo(() => ({
-    reference: a,
-    floating: d,
-    setReference: _,
-    setFloating: v
-  }), [_, v]), l = r.useMemo(() => ({
-    reference: i,
-    floating: u
-  }), [i, u]), j = r.useMemo(() => {
-    const o = {
-      position: n,
-      left: 0,
-      top: 0
-    };
-    if (!l.floating)
-      return o;
-    const h = z(l.floating, s.x), m = z(l.floating, s.y);
-    return D ? {
-      ...o,
-      transform: "translate(" + h + "px, " + m + "px)",
-      ...L(l.floating) >= 1.5 && {
-        willChange: "transform"
-      }
-    } : {
-      position: n,
-      left: h,
-      top: m
-    };
-  }, [n, D, l.floating, s.x, s.y]);
-  return r.useMemo(() => ({
-    ...s,
-    update: g,
-    refs: O,
-    elements: l,
-    floatingStyles: j
-  }), [s, g, O, l, j]);
-}
-const re = (e, t) => ({
-  ...I(e),
-  options: [e, t]
-}), oe = (e, t) => ({
-  ...Q(e),
-  options: [e, t]
-}), fe = (e, t) => ({
-  ...T(e),
-  options: [e, t]
-}), se = (e, t) => ({
-  ...H(e),
-  options: [e, t]
-}), ie = (e, t) => ({
-  ...J(e),
-  options: [e, t]
-}), ue = (e, t) => ({
-  ...K(e),
-  options: [e, t]
-});
-export {
-  ae as autoUpdate,
-  N as computePosition,
-  se as flip,
-  ue as hide,
-  fe as limitShift,
-  re as offset,
-  de as platform,
-  oe as shift,
-  ie as size,
-  ne as useFloating
-};

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

@@ -1,38 +0,0 @@
-import { isElement as s } from "./als-react-ts-ui338.js";
-import { useId as m } from "./als-react-ts-ui335.js";
-import { useRefWithInit as c } from "./als-react-ts-ui267.js";
-import { useIsoLayoutEffect as a } from "./als-react-ts-ui224.js";
-import { useFloatingParentNodeId as u } from "./als-react-ts-ui352.js";
-import { FloatingRootStore as g } from "./als-react-ts-ui386.js";
-import { PopupTriggerMap as p } from "./als-react-ts-ui333.js";
-function O(o) {
-  const {
-    open: r = !1,
-    onOpenChange: i,
-    elements: e = {}
-  } = o, f = m(), l = u() != null;
-  if (process.env.NODE_ENV !== "production") {
-    const n = e.reference;
-    n && !s(n) && console.error("Cannot pass a virtual element to the `elements.reference` option,", "as it must be a real DOM element. Use `context.setPositionReference()`", "instead.");
-  }
-  const t = c(() => new g({
-    open: r,
-    onOpenChange: i,
-    referenceElement: e.reference ?? null,
-    floatingElement: e.floating ?? null,
-    triggerElements: e.triggers ?? new p(),
-    floatingId: f,
-    nested: l,
-    noEmit: o.noEmit || !1
-  })).current;
-  return a(() => {
-    const n = {
-      open: r,
-      floatingId: f
-    };
-    e.reference !== void 0 && (n.referenceElement = e.reference, n.domReferenceElement = s(e.reference) ? e.reference : null), e.floating !== void 0 && (n.floatingElement = e.floating), t.update(n);
-  }, [r, f, e.reference, e.floating, t]), t.context.onOpenChange = i, t.context.nested = l, t.context.noEmit = o.noEmit || !1, t;
-}
-export {
-  O as useFloatingRootContext
-};

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

@@ -1,57 +0,0 @@
-import { createEventEmitter as s } from "./als-react-ts-ui382.js";
-import { ReactStore as f } from "./als-react-ts-ui332.js";
-import { createSelector as o } from "./als-react-ts-ui334.js";
-const a = {
-  open: o((e) => e.open),
-  domReferenceElement: o((e) => e.domReferenceElement),
-  referenceElement: o((e) => e.positionReference ?? e.referenceElement),
-  floatingElement: o((e) => e.floatingElement),
-  floatingId: o((e) => e.floatingId)
-};
-class g extends f {
-  constructor(n) {
-    const {
-      nested: t,
-      noEmit: r,
-      onOpenChange: i,
-      triggerElements: m,
-      ...c
-    } = n;
-    super({
-      ...c,
-      positionReference: c.referenceElement,
-      domReferenceElement: c.referenceElement
-    }, {
-      onOpenChange: i,
-      dataRef: {
-        current: {}
-      },
-      events: s(),
-      nested: t,
-      noEmit: r,
-      triggerElements: m
-    }, a);
-  }
-  /**
-   * Emits the `openchange` event through the internal event emitter and calls the `onOpenChange` handler with the provided arguments.
-   *
-   * @param newOpen The new open state.
-   * @param eventDetails Details about the event that triggered the open state change.
-   */
-  setOpen = (n, t) => {
-    if (this.context.dataRef.current.openEvent = n ? t.event : void 0, !this.context.noEmit) {
-      const r = {
-        open: n,
-        reason: t.reason,
-        nativeEvent: t.event,
-        nested: this.context.nested,
-        triggerElement: t.trigger
-      };
-      this.context.events.emit("openchange", r);
-    }
-    this.context.onOpenChange?.(n, t);
-  };
-}
-export {
-  g as FloatingRootStore
-};