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

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

@@ -1,55 +1,206 @@
-const e = "_Trigger_y8p83_7", t = "_TriggerIcon_y8p83_55", o = "_Positioner_y8p83_65", r = "_Popup_y8p83_71", _ = "_Arrow_y8p83_91", n = "_ArrowFill_y8p83_115", I = "_ArrowOuterStroke_y8p83_119", c = "_ArrowInnerStroke_y8p83_123", m = "_Item_y8p83_128", p = "_ItemIcon_y8p83_200", i = "_ItemLabel_y8p83_215", a = "_ItemShortcut_y8p83_220", g = "_Separator_y8p83_229", s = "_GroupLabel_y8p83_236", u = "_CheckboxItem_y8p83_250", y = "_CheckboxItemIndicator_y8p83_286", b = "_CheckboxItemText_y8p83_295", S = "_RadioItem_y8p83_300", T = "_RadioItemIndicator_y8p83_336", d = "_RadioItemText_y8p83_345", l = "_SubmenuTrigger_y8p83_350", x = "_SubmenuTriggerLabel_y8p83_393", k = "_SubmenuTriggerIcon_y8p83_397", h = {
-  Trigger: e,
-  TriggerIcon: t,
-  Positioner: o,
-  Popup: r,
-  Arrow: _,
-  ArrowFill: n,
-  ArrowOuterStroke: I,
-  ArrowInnerStroke: c,
-  Item: m,
-  "Item--sm": "_Item--sm_y8p83_165",
-  "Item--md": "_Item--md_y8p83_171",
-  "Item--lg": "_Item--lg_y8p83_177",
-  "Item--danger": "_Item--danger_y8p83_184",
-  ItemIcon: p,
-  ItemLabel: i,
-  ItemShortcut: a,
-  Separator: g,
-  GroupLabel: s,
-  CheckboxItem: u,
-  CheckboxItemIndicator: y,
-  CheckboxItemText: b,
-  RadioItem: S,
-  RadioItemIndicator: T,
-  RadioItemText: d,
-  SubmenuTrigger: l,
-  SubmenuTriggerLabel: x,
-  SubmenuTriggerIcon: k
-};
+import be from "./als-react-ts-ui242.js";
+import * as n from "react";
+import * as D from "react-dom";
+import { useTimeout as L } from "./als-react-ts-ui297.js";
+import { ownerDocument as B } from "./als-react-ts-ui352.js";
+import { useStableCallback as h } from "./als-react-ts-ui266.js";
+import { useIsoLayoutEffect as Te } from "./als-react-ts-ui267.js";
+import { EMPTY_OBJECT as xe } from "./als-react-ts-ui304.js";
+import { useMenuRootContext as G } from "./als-react-ts-ui472.js";
+import { pressableTriggerOpenStateMapping as H } from "./als-react-ts-ui227.js";
+import { useRenderElement as ye } from "./als-react-ts-ui226.js";
+import { useButton as Me } from "./als-react-ts-ui230.js";
+import { getPseudoElementBounds as Oe } from "./als-react-ts-ui410.js";
+import { CompositeItem as Re } from "./als-react-ts-ui487.js";
+import { useCompositeRootContext as he } from "./als-react-ts-ui322.js";
+import { findRootOwnerId as Ee } from "./als-react-ts-ui473.js";
+import { useBaseUiId as ve } from "./als-react-ts-ui232.js";
+import { useMixedToggleClickHandler as Ce } from "./als-react-ts-ui488.js";
+import { useContextMenuRootContext as Ie } from "./als-react-ts-ui471.js";
+import { useMenubarContext as Fe } from "./als-react-ts-ui447.js";
+import { PATIENT_CLICK_THRESHOLD as Pe } from "./als-react-ts-ui243.js";
+import { FocusGuard as A } from "./als-react-ts-ui360.js";
+import { createChangeEventDetails as U } from "./als-react-ts-ui229.js";
+import { jsx as g, jsxs as Se } from "react/jsx-runtime";
+import { useFloatingTree as we, useFloatingNodeId as ke, useFloatingParentNodeId as Ne } from "./als-react-ts-ui364.js";
+import { FloatingTreeStore as De } from "./als-react-ts-ui368.js";
+import { useHoverReferenceInteraction as Be } from "./als-react-ts-ui377.js";
+import { safePolygon as He } from "./als-react-ts-ui383.js";
+import { useClick as Ae } from "./als-react-ts-ui245.js";
+import { useFocus as Ue } from "./als-react-ts-ui374.js";
+import { useInteractions as _e } from "./als-react-ts-ui246.js";
+import { getTabbableBeforeElement as Le, isOutsideEvent as Ge, getTabbableAfterElement as Ye, getNextTabbable as je } from "./als-react-ts-ui366.js";
+import { useTriggerDataForwarding as Ke } from "./als-react-ts-ui244.js";
+import { contains as E } from "./als-react-ts-ui312.js";
+import { cancelOpen as Ve, triggerHover as Xe, focusOut as _ } from "./als-react-ts-ui231.js";
+const T = 2, $e = /* @__PURE__ */ n.forwardRef(function(c, u) {
+  const {
+    render: d,
+    className: f,
+    disabled: Y = !1,
+    nativeButton: j = !0,
+    id: K,
+    openOnHover: V,
+    delay: X = 100,
+    closeDelay: v = 0,
+    handle: $,
+    payload: J,
+    ...q
+  } = c, z = G(!0), e = $?.store ?? z?.store;
+  if (!e)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.Trigger> must be either used within a <Menu.Root> component or provided with a handle." : be(85));
+  const l = ve(K), Q = e.useState("isTriggerActive", l), x = e.useState("floatingRootContext"), s = e.useState("isOpenedByTrigger", l), [y, W] = n.useState(null), t = qe(), Z = he(!0), C = we(), b = n.useMemo(() => C ?? new De(), [C]), ee = ke(b), te = Ne(), {
+    registerTrigger: oe,
+    isMountedByThisTrigger: I
+  } = Ke(l, y, e, {
+    payload: J,
+    closeDelay: v,
+    parent: t,
+    floatingTreeRoot: b,
+    floatingNodeId: ee,
+    floatingParentNodeId: te,
+    keyboardEventRelay: Z?.relayKeyboardEvent
+  }), re = e.useState("disabled"), p = Y || re || t.type === "menubar" && t.context.disabled, {
+    getButtonProps: ne,
+    buttonRef: se
+  } = Me({
+    disabled: p,
+    native: j
+  });
+  n.useEffect(() => {
+    !s && t.type === void 0 && (e.context.allowMouseUpTriggerRef.current = !1);
+  }, [e, s, t.type]);
+  const m = n.useRef(null), F = L(), M = h((o) => {
+    if (!m.current)
+      return;
+    F.clear(), e.context.allowMouseUpTriggerRef.current = !1;
+    const i = o.target;
+    if (E(m.current, i) || E(e.select("positionerElement"), i) || i === m.current || i != null && Ee(i) === e.select("rootId"))
+      return;
+    const r = Oe(m.current);
+    o.clientX >= r.left - T && o.clientX <= r.right + T && o.clientY >= r.top - T && o.clientY <= r.bottom + T || b.events.emit("close", {
+      domEvent: o,
+      reason: Ve
+    });
+  });
+  n.useEffect(() => {
+    s && e.select("lastOpenChangeReason") === Xe && B(m.current).addEventListener("mouseup", M, {
+      once: !0
+    });
+  }, [s, M, e]);
+  const O = t.type === "menubar" && t.context.hasSubmenuOpen, ie = Be(x, {
+    enabled: (V ?? O ?? !1) && !p && t.type !== "context-menu" && (t.type !== "menubar" || O && !I),
+    handleClose: He({
+      blockPointerEvents: t.type !== "menubar"
+    }),
+    mouseOnly: !0,
+    move: !1,
+    restMs: t.type === void 0 ? X : void 0,
+    delay: {
+      close: v
+    },
+    triggerElement: y,
+    externalTree: b,
+    isActiveTrigger: Q
+  }), ue = Je(s, e.select("lastOpenChangeReason")), ae = Ae(x, {
+    enabled: !p && t.type !== "context-menu",
+    event: s && t.type === "menubar" ? "click" : "mousedown",
+    toggle: !0,
+    ignoreMouse: !1,
+    stickIfOpen: t.type === void 0 ? ue : !1
+  }), ce = Ue(x, {
+    enabled: !p && (t.type !== "menubar" && s || O)
+  }), le = Ce({
+    open: s,
+    enabled: t.type === "menubar",
+    mouseDownAction: "open"
+  }), pe = _e([ae, ce]), R = t.type === "menubar", P = n.useMemo(() => ({
+    disabled: p,
+    open: s
+  }), [p, s]), me = e.useState("triggerProps", I), S = [m, u, se, oe, W], w = [pe.getReferenceProps(), ie ?? xe, me, {
+    "aria-haspopup": "menu",
+    id: l,
+    onMouseDown: (o) => {
+      if (e.select("open"))
+        return;
+      F.start(200, () => {
+        e.context.allowMouseUpTriggerRef.current = !0;
+      }), B(o.currentTarget).addEventListener("mouseup", M, {
+        once: !0
+      });
+    }
+  }, R ? {
+    role: "menuitem"
+  } : {}, le, q, ne], k = n.useRef(null), fe = h((o) => {
+    D.flushSync(() => {
+      e.setOpen(!1, U(_, o.nativeEvent, o.currentTarget));
+    }), Le(k.current)?.focus();
+  }), ge = h((o) => {
+    const i = e.select("positionerElement");
+    if (i && Ge(o, i))
+      e.context.beforeContentFocusGuardRef.current?.focus();
+    else {
+      D.flushSync(() => {
+        e.setOpen(!1, U(_, o.nativeEvent, o.currentTarget));
+      });
+      let r = Ye(y);
+      for (; r !== null && E(i, r) || r?.hasAttribute("aria-hidden"); ) {
+        const de = r;
+        if (r = je(r), r === de)
+          break;
+      }
+      r?.focus();
+    }
+  }), N = ye("button", c, {
+    enabled: !R,
+    stateAttributesMapping: H,
+    state: P,
+    ref: S,
+    props: w
+  });
+  return R ? /* @__PURE__ */ g(Re, {
+    tag: "button",
+    render: d,
+    className: f,
+    state: P,
+    refs: S,
+    props: w,
+    stateAttributesMapping: H
+  }) : s ? /* @__PURE__ */ Se(n.Fragment, {
+    children: [/* @__PURE__ */ g(A, {
+      ref: k,
+      onFocus: fe
+    }, `${l}-pre-focus-guard`), /* @__PURE__ */ g(n.Fragment, {
+      children: N
+    }, l), /* @__PURE__ */ g(A, {
+      ref: e.context.triggerFocusTargetRef,
+      onFocus: ge
+    }, `${l}-post-focus-guard`)]
+  }) : /* @__PURE__ */ g(n.Fragment, {
+    children: N
+  }, l);
+});
+process.env.NODE_ENV !== "production" && ($e.displayName = "MenuTrigger");
+function Je(a, c) {
+  const u = L(), [d, f] = n.useState(!1);
+  return Te(() => {
+    a && c === "trigger-hover" ? (f(!0), u.start(Pe, () => {
+      f(!1);
+    })) : a || (u.clear(), f(!1));
+  }, [a, c, u]), d;
+}
+function qe() {
+  const a = Ie(!0), c = G(!0), u = Fe(!0);
+  return n.useMemo(() => u ? {
+    type: "menubar",
+    context: u
+  } : a && !c ? {
+    type: "context-menu",
+    context: a
+  } : {
+    type: void 0
+  }, [a, c, u]);
+}
 export {
-  _ as Arrow,
-  n as ArrowFill,
-  c as ArrowInnerStroke,
-  I as ArrowOuterStroke,
-  u as CheckboxItem,
-  y as CheckboxItemIndicator,
-  b as CheckboxItemText,
-  s as GroupLabel,
-  m as Item,
-  p as ItemIcon,
-  i as ItemLabel,
-  a as ItemShortcut,
-  r as Popup,
-  o as Positioner,
-  S as RadioItem,
-  T as RadioItemIndicator,
-  d as RadioItemText,
-  g as Separator,
-  l as SubmenuTrigger,
-  k as SubmenuTriggerIcon,
-  x as SubmenuTriggerLabel,
-  e as Trigger,
-  t as TriggerIcon,
-  h as default
+  $e as MenuTrigger
 };