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/checkbox-item/MenuCheckboxItem.js ADDED Viewed

@@ -0,0 +1,109 @@
+import * as r 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 { useControlled as U } 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 { MenuCheckboxItemContext as j } from "./MenuCheckboxItemContext.js";
+import { useMenuItem as B, REGULAR_ITEM as D } from "../item/useMenuItem.js";
+import { useCompositeListItem as _ } from "../../composite/list/useCompositeListItem.js";
+import { useMenuRootContext as A } from "../root/MenuRootContext.js";
+import { useRenderElement as L } from "../../utils/useRenderElement.js";
+import { useBaseUiId as V } from "../../utils/useBaseUiId.js";
+import { itemMapping as F } from "../utils/stateAttributesMapping.js";
+import { useMenuPositionerContext as G } from "../positioner/MenuPositionerContext.js";
+import { createChangeEventDetails as q } from "../../utils/createBaseUIEventDetails.js";
+import { j as R } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useFloatingTree as z } from "../../floating-ui-react/components/FloatingTree.js";
+const v = /* @__PURE__ */ r.memo(/* @__PURE__ */ r.forwardRef(function(i, m) {
+  const {
+    checked: c,
+    defaultChecked: a,
+    onCheckedChange: t,
+    className: M,
+    closeOnClick: l,
+    disabled: o = !1,
+    highlighted: e,
+    id: d,
+    menuEvents: u,
+    itemProps: f,
+    render: k,
+    allowMouseUpTriggerRef: p,
+    typingRef: n,
+    nativeButton: h,
+    nodeId: g,
+    ...I
+  } = i, [s, b] = U({
+    controlled: c,
+    default: a ?? !1,
+    name: "MenuCheckboxItem",
+    state: "checked"
+  }), {
+    getItemProps: N,
+    itemRef: P
+  } = B({
+    closeOnClick: l,
+    disabled: o,
+    highlighted: e,
+    id: d,
+    menuEvents: u,
+    allowMouseUpTriggerRef: p,
+    typingRef: n,
+    nativeButton: h,
+    nodeId: g,
+    itemMetadata: D
+  }), x = r.useMemo(() => ({
+    disabled: o,
+    highlighted: e,
+    checked: s
+  }), [o, e, s]), w = L("div", i, {
+    state: x,
+    stateAttributesMapping: F,
+    props: [f, {
+      role: "menuitemcheckbox",
+      "aria-checked": s,
+      onClick(y) {
+        const C = q("item-press", y.nativeEvent);
+        t == null || t(!s, C), !C.isCanceled && b((O) => !O);
+      }
+    }, I, N],
+    ref: [P, m]
+  });
+  return /* @__PURE__ */ R.jsx(j.Provider, {
+    value: x,
+    children: w
+  });
+}));
+process.env.NODE_ENV !== "production" && (v.displayName = "InnerMenuCheckboxItem");
+const H = /* @__PURE__ */ r.forwardRef(function(i, m) {
+  const {
+    id: c,
+    label: a,
+    closeOnClick: t = !1,
+    nativeButton: M = !1,
+    ...l
+  } = i, o = r.useRef(null), e = _({
+    label: a
+  }), d = T(m, e.ref, o), {
+    itemProps: u,
+    activeIndex: f,
+    allowMouseUpTriggerRef: k,
+    typingRef: p
+  } = A(), n = G(!0), h = V(c), g = e.index === f, {
+    events: I
+  } = z();
+  return /* @__PURE__ */ R.jsx(v, {
+    ...l,
+    id: h,
+    ref: d,
+    highlighted: g,
+    menuEvents: I,
+    itemProps: u,
+    allowMouseUpTriggerRef: k,
+    typingRef: p,
+    closeOnClick: t,
+    nativeButton: M,
+    nodeId: n == null ? void 0 : n.floatingContext.nodeId
+  });
+});
+process.env.NODE_ENV !== "production" && (H.displayName = "MenuCheckboxItem");
+export {
+  H as MenuCheckboxItem
+};

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

@@ -0,0 +1,6 @@
+let h = /* @__PURE__ */ function(d) {
+  return d.checked = "data-checked", d.unchecked = "data-unchecked", d.disabled = "data-disabled", d.highlighted = "data-highlighted", d;
+}({});
+export {
+  h as MenuCheckboxItemDataAttributes
+};

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

@@ -0,0 +1,28 @@
+import * as e from "react";
+import { useRenderElement as p } from "../../utils/useRenderElement.js";
+import { MenuGroupContext as i } from "./MenuGroupContext.js";
+import { j as l } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const m = /* @__PURE__ */ e.forwardRef(function(r, t) {
+  const {
+    render: c,
+    className: f,
+    ...n
+  } = r, [s, o] = e.useState(void 0), u = e.useMemo(() => ({
+    setLabelId: o
+  }), [o]), a = p("div", r, {
+    ref: t,
+    props: {
+      role: "group",
+      "aria-labelledby": s,
+      ...n
+    }
+  });
+  return /* @__PURE__ */ l.jsx(i.Provider, {
+    value: u,
+    children: a
+  });
+});
+process.env.NODE_ENV !== "production" && (m.displayName = "MenuGroup");
+export {
+  m as MenuGroup
+};

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

@@ -0,0 +1,29 @@
+import * as u from "react";
+import { useIsoLayoutEffect as p } 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/useIsoLayoutEffect.js";
+import { useRenderElement as i } from "../../utils/useRenderElement.js";
+import { useBaseUiId as a } from "../../utils/useBaseUiId.js";
+import { useMenuGroupRootContext as m } from "../group/MenuGroupContext.js";
+const d = /* @__PURE__ */ u.forwardRef(function(r, t) {
+  const {
+    className: c,
+    render: l,
+    id: n,
+    ...s
+  } = r, e = a(n), {
+    setLabelId: o
+  } = m();
+  return p(() => (o(e), () => {
+    o(void 0);
+  }), [o, e]), i("div", r, {
+    ref: t,
+    props: {
+      id: e,
+      role: "presentation",
+      ...s
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (d.displayName = "MenuGroupLabel");
+export {
+  d as MenuGroupLabel
+};

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/index.parts.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { MenuArrow as e } from "./arrow/MenuArrow.js";
+import { MenuBackdrop as a } from "./backdrop/MenuBackdrop.js";
+import { MenuCheckboxItem as m } from "./checkbox-item/MenuCheckboxItem.js";
+import { MenuCheckboxItemIndicator as n } from "./checkbox-item-indicator/MenuCheckboxItemIndicator.js";
+import { MenuGroup as s } from "./group/MenuGroup.js";
+import { MenuGroupLabel as i } from "./group-label/MenuGroupLabel.js";
+import { MenuItem as I } from "./item/MenuItem.js";
+import { MenuPopup as b } from "./popup/MenuPopup.js";
+import { MenuPortal as R } from "./portal/MenuPortal.js";
+import { MenuPositioner as k } from "./positioner/MenuPositioner.js";
+import { MenuRadioGroup as P } from "./radio-group/MenuRadioGroup.js";
+import { MenuRadioItem as h } from "./radio-item/MenuRadioItem.js";
+import { MenuRadioItemIndicator as C } from "./radio-item-indicator/MenuRadioItemIndicator.js";
+import { MenuRoot as w } from "./root/MenuRoot.js";
+import { MenuSubmenuRoot as B } from "./submenu-root/MenuSubmenuRoot.js";
+import { MenuTrigger as j } from "./trigger/MenuTrigger.js";
+import { Separator as v } from "../separator/Separator.js";
+import { MenuSubmenuTrigger as z } from "./submenu-trigger/MenuSubmenuTrigger.js";
+export {
+  e as Arrow,
+  a as Backdrop,
+  m as CheckboxItem,
+  n as CheckboxItemIndicator,
+  s as Group,
+  i as GroupLabel,
+  I as Item,
+  b as Popup,
+  R as Portal,
+  k as Positioner,
+  P as RadioGroup,
+  h as RadioItem,
+  C as RadioItemIndicator,
+  w as Root,
+  v as Separator,
+  B as SubmenuRoot,
+  z as SubmenuTrigger,
+  j as Trigger
+};

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/item/MenuItem.js ADDED Viewed

@@ -0,0 +1,83 @@
+import * as n from "react";
+import { useMergedRefs as h } 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 { useMenuItem as x, REGULAR_ITEM as N } from "./useMenuItem.js";
+import { useMenuRootContext as w } from "../root/MenuRootContext.js";
+import { useRenderElement as y } from "../../utils/useRenderElement.js";
+import { useBaseUiId as P } from "../../utils/useBaseUiId.js";
+import { useCompositeListItem as T } from "../../composite/list/useCompositeListItem.js";
+import { useMenuPositionerContext as U } from "../positioner/MenuPositionerContext.js";
+import { j as B } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useFloatingTree as C } from "../../floating-ui-react/components/FloatingTree.js";
+const M = /* @__PURE__ */ n.memo(/* @__PURE__ */ n.forwardRef(function(r, i) {
+  const {
+    className: I,
+    closeOnClick: m = !0,
+    disabled: e = !1,
+    highlighted: t,
+    id: u,
+    menuEvents: s,
+    itemProps: f,
+    render: R,
+    allowMouseUpTriggerRef: d,
+    typingRef: p,
+    nativeButton: a,
+    nodeId: o,
+    ...l
+  } = r, {
+    getItemProps: c,
+    itemRef: g
+  } = x({
+    closeOnClick: m,
+    disabled: e,
+    highlighted: t,
+    id: u,
+    menuEvents: s,
+    allowMouseUpTriggerRef: d,
+    typingRef: p,
+    nativeButton: a,
+    nodeId: o,
+    itemMetadata: N
+  }), E = n.useMemo(() => ({
+    disabled: e,
+    highlighted: t
+  }), [e, t]);
+  return y("div", r, {
+    state: E,
+    ref: [g, i],
+    props: [f, l, c]
+  });
+}));
+process.env.NODE_ENV !== "production" && (M.displayName = "InnerMenuItem");
+const j = /* @__PURE__ */ n.forwardRef(function(r, i) {
+  const {
+    id: I,
+    label: m,
+    nativeButton: e = !1,
+    ...t
+  } = r, u = n.useRef(null), s = T({
+    label: m
+  }), f = h(i, s.ref, u), {
+    itemProps: R,
+    activeIndex: d,
+    allowMouseUpTriggerRef: p,
+    typingRef: a
+  } = w(), o = U(!0), l = P(I), c = s.index === d, {
+    events: g
+  } = C();
+  return /* @__PURE__ */ B.jsx(M, {
+    ...t,
+    id: l,
+    ref: f,
+    highlighted: c,
+    menuEvents: g,
+    itemProps: R,
+    allowMouseUpTriggerRef: p,
+    typingRef: a,
+    nativeButton: e,
+    nodeId: o == null ? void 0 : o.floatingContext.nodeId
+  });
+});
+process.env.NODE_ENV !== "production" && (j.displayName = "MenuItem");
+export {
+  j as MenuItem
+};

@@ -0,0 +1,62 @@
+import * as u from "react";
+import { useMergedRefs as C } 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 { useContextMenuRootContext as v } from "../../context-menu/root/ContextMenuRootContext.js";
+import { useButton as y } from "../../use-button/useButton.js";
+import { mergeProps as I } from "../../merge-props/mergeProps.js";
+const P = {
+  type: "regular-item"
+};
+function T(d) {
+  const {
+    closeOnClick: i,
+    disabled: M = !1,
+    highlighted: s,
+    id: m,
+    menuEvents: n,
+    allowMouseUpTriggerRef: c,
+    typingRef: f,
+    nativeButton: R,
+    itemMetadata: t,
+    nodeId: o
+  } = d, r = u.useRef(null), a = v(!0) !== void 0, {
+    getButtonProps: l,
+    buttonRef: x
+  } = y({
+    disabled: M,
+    focusableWhenDisabled: !0,
+    native: R
+  }), p = u.useCallback((b) => I({
+    id: m,
+    role: "menuitem",
+    tabIndex: s ? 0 : -1,
+    onMouseMove(e) {
+      o && n.emit("itemhover", {
+        nodeId: o,
+        target: e.currentTarget
+      });
+    },
+    onMouseEnter() {
+      t.type === "submenu-trigger" && t.setActive();
+    },
+    onKeyUp(e) {
+      e.key === " " && f.current && e.preventBaseUIHandler();
+    },
+    onClick(e) {
+      i && n.emit("close", {
+        domEvent: e,
+        reason: "item-press"
+      });
+    },
+    onMouseUp(e) {
+      r.current && c.current && (!a || e.button === 2) && t.type === "regular-item" && r.current.click();
+    }
+  }, b, l), [m, s, l, f, i, n, c, a, t, o]), g = C(r, x);
+  return u.useMemo(() => ({
+    getItemProps: p,
+    itemRef: g
+  }), [p, g]);
+}
+export {
+  P as REGULAR_ITEM,
+  T as useMenuItem
+};

@@ -0,0 +1,94 @@
+import * as i from "react";
+import { useMenuRootContext as N } from "../root/MenuRootContext.js";
+import { useMenuPositionerContext as b } from "../positioner/MenuPositionerContext.js";
+import { useRenderElement as h } from "../../utils/useRenderElement.js";
+import { popupStateMapping as D } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping as I } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete as _ } from "../../utils/useOpenChangeComplete.js";
+import { DISABLED_TRANSITIONS_STYLE as v } from "../../utils/constants.js";
+import { createChangeEventDetails as j } from "../../utils/createBaseUIEventDetails.js";
+import { useToolbarRootContext as w } from "../../toolbar/root/ToolbarRootContext.js";
+import { COMPOSITE_KEYS as A } from "../../composite/composite.js";
+import { j as Y } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useFloatingTree as B } from "../../floating-ui-react/components/FloatingTree.js";
+import { FloatingFocusManager as K } from "../../floating-ui-react/components/FloatingFocusManager.js";
+import { EMPTY_OBJECT as L } 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/empty.js";
+const k = {
+  ...D,
+  ...I
+}, J = /* @__PURE__ */ i.forwardRef(function(p, g) {
+  const {
+    render: q,
+    className: z,
+    finalFocus: a,
+    ...M
+  } = p, {
+    open: o,
+    setOpen: u,
+    popupRef: m,
+    transitionStatus: n,
+    popupProps: x,
+    mounted: y,
+    instantType: f,
+    triggerElement: C,
+    onOpenChangeComplete: r,
+    parent: e,
+    lastOpenChangeReason: T,
+    rootId: R
+  } = N(), {
+    side: l,
+    align: c,
+    floatingContext: S
+  } = b(), F = w() != null;
+  _({
+    open: o,
+    ref: m,
+    onComplete() {
+      o && (r == null || r(!0));
+    }
+  });
+  const {
+    events: s
+  } = B();
+  i.useEffect(() => {
+    function t(E) {
+      u(!1, j(E.reason, E.domEvent));
+    }
+    return s.on("close", t), () => {
+      s.off("close", t);
+    };
+  }, [s, u]);
+  const P = i.useMemo(() => ({
+    transitionStatus: n,
+    side: l,
+    align: c,
+    open: o,
+    nested: e.type === "menu",
+    instant: f
+  }), [n, l, c, o, e.type, f]), O = h("div", p, {
+    state: P,
+    ref: [g, m],
+    stateAttributesMapping: k,
+    props: [x, {
+      onKeyDown(t) {
+        F && A.has(t.key) && t.stopPropagation();
+      }
+    }, n === "starting" ? v : L, M, {
+      "data-rootownerid": R
+    }]
+  });
+  let d = e.type === void 0 || e.type === "context-menu";
+  return (C || e.type === "menubar" && T !== "outside-press") && (d = !0), /* @__PURE__ */ Y.jsx(K, {
+    context: S,
+    modal: !1,
+    disabled: !y,
+    returnFocus: a === void 0 ? d : a,
+    initialFocus: e.type !== "menu",
+    restoreFocus: !0,
+    children: O
+  });
+});
+process.env.NODE_ENV !== "production" && (J.displayName = "MenuPopup");
+export {
+  J as MenuPopup
+};

@@ -0,0 +1,24 @@
+import "react";
+import { useMenuRootContext as u } from "../root/MenuRootContext.js";
+import { MenuPortalContext as l } from "./MenuPortalContext.js";
+import { j as r } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { FloatingPortal as s } from "../../floating-ui-react/components/FloatingPortal.js";
+function x(t) {
+  const {
+    children: e,
+    keepMounted: o = !1,
+    container: n
+  } = t, {
+    mounted: i
+  } = u();
+  return i || o ? /* @__PURE__ */ r.jsx(l.Provider, {
+    value: o,
+    children: /* @__PURE__ */ r.jsx(s, {
+      root: n,
+      children: e
+    })
+  }) : null;
+}
+export {
+  x as MenuPortal
+};

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