npm - @px-ui/core - Versions diffs - 1.23.0 → 1.24.0 - Mend

@px-ui/core 1.23.0 → 1.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (364) hide show

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/menu/positioner/MenuPositioner.js ADDED Viewed

@@ -0,0 +1,160 @@
+import * as f from "react";
+import { inertValue as $ } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/inertValue.js";
+import { MenuPositionerContext as ee } from "./MenuPositionerContext.js";
+import { useMenuRootContext as ne } from "../root/MenuRootContext.js";
+import { useAnchorPositioning as te } from "../../utils/useAnchorPositioning.js";
+import { useRenderElement as oe } from "../../utils/useRenderElement.js";
+import { popupStateMapping as re } from "../../utils/popupStateMapping.js";
+import { CompositeList as ie } from "../../composite/list/CompositeList.js";
+import { InternalBackdrop as se } from "../../utils/InternalBackdrop.js";
+import { useMenuPortalContext as ae } from "../portal/MenuPortalContext.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as fe } from "../../utils/constants.js";
+import { useContextMenuRootContext as le } from "../../context-menu/root/ContextMenuRootContext.js";
+import { createChangeEventDetails as P } from "../../utils/createBaseUIEventDetails.js";
+import { j as h } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useFloatingNodeId as de, useFloatingParentNodeId as pe, useFloatingTree as ue, FloatingNode as ce } from "../../floating-ui-react/components/FloatingTree.js";
+const me = /* @__PURE__ */ f.forwardRef(function(u, v) {
+  var N;
+  const {
+    anchor: C,
+    positionMethod: w = "absolute",
+    className: he,
+    render: xe,
+    side: E,
+    align: S,
+    sideOffset: A = 0,
+    alignOffset: k = 0,
+    collisionBoundary: D = "clipping-ancestors",
+    collisionPadding: j = 5,
+    arrowPadding: H = 5,
+    sticky: B = !1,
+    trackAnchor: F = !0,
+    collisionAvoidance: L = fe,
+    ...V
+  } = u, {
+    open: i,
+    setOpen: l,
+    floatingRootContext: U,
+    setPositionerElement: _,
+    itemDomElements: T,
+    itemLabels: W,
+    mounted: c,
+    modal: q,
+    lastOpenChangeReason: x,
+    parent: n,
+    setHoverEnabled: y,
+    triggerElement: m
+  } = ne(), z = ae(), a = de(), s = pe(), G = le(!0);
+  let O = C, R = A, b = k, g = S;
+  n.type === "context-menu" && (O = ((N = n.context) == null ? void 0 : N.anchor) ?? C, g = g ?? "start", !E && g !== "center" && (b = u.alignOffset ?? 2, R = u.sideOffset ?? -5));
+  let d = E, p = g;
+  n.type === "menu" ? (d = d ?? "inline-end", p = p ?? "start") : n.type === "menubar" && (d = d ?? "bottom", p = p ?? "start");
+  const I = n.type === "context-menu", e = te({
+    anchor: O,
+    floatingRootContext: U,
+    positionMethod: G ? "fixed" : w,
+    mounted: c,
+    side: d,
+    sideOffset: R,
+    align: p,
+    alignOffset: b,
+    arrowPadding: I ? 0 : H,
+    collisionBoundary: D,
+    collisionPadding: j,
+    sticky: B,
+    nodeId: a,
+    keepMounted: z,
+    trackAnchor: F,
+    collisionAvoidance: L,
+    shiftCrossAxis: I
+  }), {
+    events: r
+  } = ue(), J = f.useMemo(() => {
+    const o = {};
+    return i || (o.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !c,
+      style: {
+        ...e.positionerStyles,
+        ...o
+      }
+    };
+  }, [i, c, e.positionerStyles]);
+  f.useEffect(() => {
+    function o(t) {
+      t.open ? (t.parentNodeId === a && y(!1), t.nodeId !== a && t.parentNodeId === s && l(!1, P("sibling-open"))) : t.parentNodeId === a && t.reason !== "sibling-open" && y(!0);
+    }
+    return r.on("menuopenchange", o), () => {
+      r.off("menuopenchange", o);
+    };
+  }, [r, a, s, l, y]), f.useEffect(() => {
+    if (s == null)
+      return;
+    function o(t) {
+      if (t.open || t.nodeId !== s)
+        return;
+      const Z = t.reason ?? "sibling-open";
+      l(!1, P(Z));
+    }
+    return r.on("menuopenchange", o), () => {
+      r.off("menuopenchange", o);
+    };
+  }, [r, s, l]), f.useEffect(() => {
+    function o(t) {
+      !i || t.nodeId !== s || m && t.target && m !== t.target && l(!1, P("sibling-open"));
+    }
+    return r.on("itemhover", o), () => {
+      r.off("itemhover", o);
+    };
+  }, [r, s, m, i, l]), f.useEffect(() => {
+    const o = {
+      open: i,
+      nodeId: a,
+      parentNodeId: s,
+      reason: x
+    };
+    r.emit("menuopenchange", o);
+  }, [r, i, a, s, x]);
+  const K = f.useMemo(() => ({
+    open: i,
+    side: e.side,
+    align: e.align,
+    anchorHidden: e.anchorHidden,
+    nested: n.type === "menu"
+  }), [i, e.side, e.align, e.anchorHidden, n.type]), Q = f.useMemo(() => ({
+    side: e.side,
+    align: e.align,
+    arrowRef: e.arrowRef,
+    arrowUncentered: e.arrowUncentered,
+    arrowStyles: e.arrowStyles,
+    floatingContext: e.context
+  }), [e.side, e.align, e.arrowRef, e.arrowUncentered, e.arrowStyles, e.context]), X = oe("div", u, {
+    state: K,
+    stateAttributesMapping: re,
+    ref: [v, _],
+    props: {
+      ...J,
+      ...V
+    }
+  }), Y = c && n.type !== "menu" && (n.type !== "menubar" && q && x !== "trigger-hover" || n.type === "menubar" && n.context.modal);
+  let M = null;
+  return n.type === "menubar" ? M = n.context.contentElement : n.type === void 0 && (M = m), /* @__PURE__ */ h.jsxs(ee.Provider, {
+    value: Q,
+    children: [Y && /* @__PURE__ */ h.jsx(se, {
+      ref: n.type === "context-menu" || n.type === "nested-context-menu" ? n.context.internalBackdropRef : null,
+      inert: $(!i),
+      cutout: M
+    }), /* @__PURE__ */ h.jsx(ce, {
+      id: a,
+      children: /* @__PURE__ */ h.jsx(ie, {
+        elementsRef: T,
+        labelsRef: W,
+        children: X
+      })
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (me.displayName = "MenuPositioner");
+export {
+  me as MenuPositioner
+};

@@ -0,0 +1,13 @@
+import * as n from "react";
+const t = /* @__PURE__ */ n.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "MenuPositionerContext");
+function i(o) {
+  const e = n.useContext(t);
+  if (e === void 0 && !o)
+    throw new Error("Base UI: MenuPositionerContext is missing. MenuPositioner parts must be placed within <Menu.Positioner>.");
+  return e;
+}
+export {
+  t as MenuPositionerContext,
+  i as useMenuPositionerContext
+};

@@ -0,0 +1,45 @@
+import * as o from "react";
+import { useControlled as x } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useControlled.js";
+import { useEventCallback as d } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { MenuRadioGroupContext as C } from "./MenuRadioGroupContext.js";
+import { useRenderElement as E } from "../../utils/useRenderElement.js";
+import { j as G } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const N = /* @__PURE__ */ o.memo(/* @__PURE__ */ o.forwardRef(function(t, l) {
+  const {
+    render: b,
+    className: j,
+    value: i,
+    defaultValue: m,
+    onValueChange: p,
+    disabled: e = !1,
+    ...c
+  } = t, [n, f] = x({
+    controlled: i,
+    default: m,
+    name: "MenuRadioGroup"
+  }), r = d(p), a = d((u, s) => {
+    r == null || r(u, s), !s.isCanceled && f(u);
+  }), R = o.useMemo(() => ({
+    disabled: e
+  }), [e]), v = E("div", t, {
+    state: R,
+    ref: l,
+    props: {
+      role: "group",
+      "aria-disabled": e || void 0,
+      ...c
+    }
+  }), M = o.useMemo(() => ({
+    value: n,
+    setValue: a,
+    disabled: e
+  }), [n, a, e]);
+  return /* @__PURE__ */ G.jsx(C.Provider, {
+    value: M,
+    children: v
+  });
+}));
+process.env.NODE_ENV !== "production" && (N.displayName = "MenuRadioGroup");
+export {
+  N as MenuRadioGroup
+};

@@ -0,0 +1,13 @@
+import * as o from "react";
+const n = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "MenuRadioGroupContext");
+function t() {
+  const e = o.useContext(n);
+  if (e === void 0)
+    throw new Error("Base UI: MenuRadioGroupContext is missing. MenuRadioGroup parts must be placed within <Menu.RadioGroup>.");
+  return e;
+}
+export {
+  n as MenuRadioGroupContext,
+  t as useMenuRadioGroupContext
+};

@@ -0,0 +1,117 @@
+import * as e from "react";
+import { useMergedRefs as T } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useMergedRefs.js";
+import { useMenuRootContext as U } from "../root/MenuRootContext.js";
+import { useRenderElement as j } from "../../utils/useRenderElement.js";
+import { useBaseUiId as B } from "../../utils/useBaseUiId.js";
+import { useMenuRadioGroupContext as D } from "../radio-group/MenuRadioGroupContext.js";
+import { MenuRadioItemContext as _ } from "./MenuRadioItemContext.js";
+import { itemMapping as A } from "../utils/stateAttributesMapping.js";
+import { useCompositeListItem as G } from "../../composite/list/useCompositeListItem.js";
+import { useMenuItem as L, REGULAR_ITEM as F } from "../item/useMenuItem.js";
+import { useMenuPositionerContext as S } from "../positioner/MenuPositionerContext.js";
+import { createChangeEventDetails as q } from "../../utils/createBaseUIEventDetails.js";
+import { j as b } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useFloatingTree as z } from "../../floating-ui-react/components/FloatingTree.js";
+const N = /* @__PURE__ */ e.memo(/* @__PURE__ */ e.forwardRef(function(a, l) {
+  const {
+    checked: o,
+    setChecked: t,
+    className: C,
+    closeOnClick: u,
+    disabled: i = !1,
+    highlighted: n,
+    id: c,
+    menuEvents: p,
+    itemProps: d,
+    render: E,
+    allowMouseUpTriggerRef: f,
+    typingRef: R,
+    nativeButton: g,
+    nodeId: M,
+    ...s
+  } = a, {
+    getItemProps: I,
+    itemRef: r
+  } = L({
+    closeOnClick: u,
+    disabled: i,
+    highlighted: n,
+    id: c,
+    menuEvents: p,
+    allowMouseUpTriggerRef: f,
+    typingRef: R,
+    nativeButton: g,
+    itemMetadata: F,
+    nodeId: M
+  }), h = e.useMemo(() => ({
+    disabled: i,
+    highlighted: n,
+    checked: o
+  }), [i, n, o]);
+  return j("div", a, {
+    state: h,
+    stateAttributesMapping: A,
+    ref: [r, l],
+    props: [d, {
+      role: "menuitemradio",
+      "aria-checked": o,
+      onClick(m) {
+        t(q("item-press", m.nativeEvent));
+      }
+    }, s, I]
+  });
+}));
+process.env.NODE_ENV !== "production" && (N.displayName = "InnerMenuRadioItem");
+const H = /* @__PURE__ */ e.forwardRef(function(a, l) {
+  const {
+    id: o,
+    value: t,
+    label: C,
+    disabled: u = !1,
+    closeOnClick: i = !1,
+    nativeButton: n = !1,
+    ...c
+  } = a, p = e.useRef(null), d = G({
+    label: C
+  }), E = T(l, d.ref, p), {
+    itemProps: f,
+    activeIndex: R,
+    allowMouseUpTriggerRef: g,
+    typingRef: M
+  } = U(), s = S(!0), I = B(o), r = d.index === R, {
+    events: h
+  } = z(), {
+    value: m,
+    setValue: k,
+    disabled: V
+  } = D(), v = V || u, x = m === t, w = e.useCallback((O) => {
+    k(t, O);
+  }, [k, t]), y = e.useMemo(() => ({
+    checked: x,
+    highlighted: r,
+    disabled: v
+  }), [x, r, v]);
+  return /* @__PURE__ */ b.jsx(_.Provider, {
+    value: y,
+    children: /* @__PURE__ */ b.jsx(N, {
+      ...c,
+      id: I,
+      ref: E,
+      disabled: v,
+      highlighted: r,
+      menuEvents: h,
+      itemProps: f,
+      allowMouseUpTriggerRef: g,
+      checked: m === t,
+      setChecked: w,
+      typingRef: M,
+      closeOnClick: i,
+      nativeButton: n,
+      nodeId: s == null ? void 0 : s.floatingContext.nodeId
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (H.displayName = "MenuRadioItem");
+export {
+  H as MenuRadioItem
+};

@@ -0,0 +1,13 @@
+import * as t from "react";
+const n = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "MenuRadioItemContext");
+function o() {
+  const e = t.useContext(n);
+  if (e === void 0)
+    throw new Error("Base UI: MenuRadioItemContext is missing. MenuRadioItem parts must be placed within <Menu.RadioItem>.");
+  return e;
+}
+export {
+  n as MenuRadioItemContext,
+  o as useMenuRadioItemContext
+};

@@ -0,0 +1,44 @@
+import * as t from "react";
+import { useMenuRadioItemContext as m } from "../radio-item/MenuRadioItemContext.js";
+import { useRenderElement as p } from "../../utils/useRenderElement.js";
+import { itemMapping as u } from "../utils/stateAttributesMapping.js";
+import { useTransitionStatus as l } from "../../utils/useTransitionStatus.js";
+import { useOpenChangeComplete as h } from "../../utils/useOpenChangeComplete.js";
+const f = /* @__PURE__ */ t.forwardRef(function(o, d) {
+  const {
+    render: M,
+    className: R,
+    keepMounted: r = !1,
+    ...s
+  } = o, e = m(), n = t.useRef(null), {
+    transitionStatus: i,
+    setMounted: a
+  } = l(e.checked);
+  h({
+    open: e.checked,
+    ref: n,
+    onComplete() {
+      e.checked || a(!1);
+    }
+  });
+  const c = t.useMemo(() => ({
+    checked: e.checked,
+    disabled: e.disabled,
+    highlighted: e.highlighted,
+    transitionStatus: i
+  }), [e.checked, e.disabled, e.highlighted, i]);
+  return p("span", o, {
+    state: c,
+    stateAttributesMapping: u,
+    ref: [d, n],
+    props: {
+      "aria-hidden": !0,
+      ...s
+    },
+    enabled: r || e.checked
+  });
+});
+process.env.NODE_ENV !== "production" && (f.displayName = "MenuRadioItemIndicator");
+export {
+  f as MenuRadioItemIndicator
+};