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/combobox/item-indicator/ComboboxItemIndicator.js ADDED Viewed

@@ -0,0 +1,54 @@
+import * as t from "react";
+import { useComboboxItemContext as u } from "../item/ComboboxItemContext.js";
+import { useTransitionStatus as x } from "../../utils/useTransitionStatus.js";
+import { useOpenChangeComplete as I } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement as R } from "../../utils/useRenderElement.js";
+import { transitionStatusMapping as C } from "../../utils/stateAttributesMapping.js";
+import { j as M } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const N = /* @__PURE__ */ t.forwardRef(function(o, r) {
+  const s = o.keepMounted ?? !1, {
+    selected: i
+  } = u();
+  return s || i ? /* @__PURE__ */ M.jsx(p, {
+    ...o,
+    ref: r
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (N.displayName = "ComboboxItemIndicator");
+const p = /* @__PURE__ */ t.memo(/* @__PURE__ */ t.forwardRef((n, o) => {
+  const {
+    render: r,
+    className: s,
+    keepMounted: i,
+    ...m
+  } = n, {
+    selected: e
+  } = u(), a = t.useRef(null), {
+    mounted: c,
+    transitionStatus: d,
+    setMounted: f
+  } = x(e), l = t.useMemo(() => ({
+    selected: e,
+    transitionStatus: d
+  }), [e, d]), b = R("span", n, {
+    ref: [o, a],
+    state: l,
+    props: [{
+      hidden: !c,
+      "aria-hidden": !0,
+      children: "✔️"
+    }, m],
+    stateAttributesMapping: C
+  });
+  return I({
+    open: e,
+    ref: a,
+    onComplete() {
+      e || f(!1);
+    }
+  }), b;
+}));
+process.env.NODE_ENV !== "production" && (p.displayName = "Inner");
+export {
+  N as ComboboxItemIndicator
+};

@@ -0,0 +1,67 @@
+import * as f from "react";
+import { useEventCallback 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/useEventCallback.js";
+import { useIsoLayoutEffect as k } 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 L } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext as M, useComboboxFloatingContext as N } from "../root/ComboboxRootContext.js";
+import { useComboboxPositionerContext as j } from "../positioner/ComboboxPositionerContext.js";
+import { selectors as o } from "../store.js";
+import { ComboboxCollection as w } from "../collection/ComboboxCollection.js";
+import { j as D } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useStore as n } 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/store/useStore.js";
+import { stopEvent as O } from "../../floating-ui-react/utils/event.js";
+const A = /* @__PURE__ */ f.forwardRef(function(i, d) {
+  var l;
+  const {
+    render: S,
+    className: _,
+    children: r,
+    ...b
+  } = i, e = M(), x = N(), s = !!j(!0), C = n(e, o.selectionMode), E = n(e, o.grid), c = n(e, o.popupRef), v = n(e, o.popupProps), R = n(e, o.disabled), y = n(e, o.readOnly), g = C === "multiple", h = p((t) => {
+    e.set("positionerElement", t);
+  }), I = p((t) => {
+    e.set("listElement", t);
+  });
+  k(() => {
+    if (!(s || c.current))
+      return e.set("inline", !0), () => {
+        e.set("inline", !1);
+      };
+  }, [s, e, c]);
+  const P = f.useMemo(() => typeof r == "function" ? l || (l = /* @__PURE__ */ D.jsx(w, {
+    children: r
+  })) : r, [r]);
+  return L("div", i, {
+    ref: [d, I, s ? null : h],
+    props: [v, {
+      children: P,
+      tabIndex: -1,
+      id: x.floatingId,
+      role: E ? "grid" : "listbox",
+      "aria-multiselectable": g ? "true" : void 0,
+      onKeyDown(t) {
+        if (!(R || y) && t.key === "Enter") {
+          const u = e.state.activeIndex;
+          if (u == null)
+            return;
+          O(t);
+          const a = t.nativeEvent, m = e.state.listRef.current[u];
+          if (m) {
+            e.state.selectionEventRef.current = a, m.click(), e.state.selectionEventRef.current = null;
+            return;
+          }
+          e.state.handleSelection(a);
+        }
+      },
+      onKeyDownCapture() {
+        e.state.keyboardActiveRef.current = !0;
+      },
+      onPointerMoveCapture() {
+        e.state.keyboardActiveRef.current = !1;
+      }
+    }, b]
+  });
+});
+process.env.NODE_ENV !== "production" && (A.displayName = "ComboboxList");
+export {
+  A as ComboboxList
+};

@@ -0,0 +1,69 @@
+import * as g from "react";
+import { useRenderElement as P } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext as T, useComboboxFloatingContext as D, useComboboxDerivedItemsContext as N } from "../root/ComboboxRootContext.js";
+import { selectors as o } from "../store.js";
+import { popupStateMapping as O } from "../../utils/popupStateMapping.js";
+import { useComboboxPositionerContext as _ } from "../positioner/ComboboxPositionerContext.js";
+import { useOpenChangeComplete as j } from "../../utils/useOpenChangeComplete.js";
+import { DISABLED_TRANSITIONS_STYLE as y } from "../../utils/constants.js";
+import { transitionStatusMapping as A } from "../../utils/stateAttributesMapping.js";
+import { j as H } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { FloatingFocusManager as B } 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";
+import { useStore as e } 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/store/useStore.js";
+import { getTarget as Y, contains as w } from "../../floating-ui-react/utils/element.js";
+const J = {
+  ...O,
+  ...A
+}, V = /* @__PURE__ */ g.forwardRef(function(m, x) {
+  const {
+    render: q,
+    className: z,
+    initialFocus: u,
+    finalFocus: c,
+    ...C
+  } = m, t = T(), n = _(), b = D(), {
+    filteredItems: E
+  } = N(), F = e(t, o.mounted), s = e(t, o.open), l = e(t, o.openMethod), i = e(t, o.transitionStatus), r = e(t, o.inputInsidePopup), I = e(t, o.inputElement), h = e(t, o.listElement), f = E.length === 0;
+  j({
+    open: s,
+    ref: t.state.popupRef,
+    onComplete() {
+      s && t.state.onOpenChangeComplete(!0);
+    }
+  });
+  const R = g.useMemo(() => ({
+    open: s,
+    side: n.side,
+    align: n.align,
+    anchorHidden: n.anchorHidden,
+    transitionStatus: i,
+    empty: f
+  }), [s, n.side, n.align, n.anchorHidden, i, f]), S = P("div", m, {
+    state: R,
+    ref: [x, t.state.popupRef],
+    props: [{
+      tabIndex: -1,
+      onFocus(a) {
+        var d;
+        const v = Y(a.nativeEvent);
+        l !== "touch" && !w(h, v) && ((d = t.state.inputRef.current) == null || d.focus());
+      }
+    }, i === "starting" ? y : L, C],
+    stateAttributesMapping: J
+  }), M = u === void 0 ? r ? (a) => a === "touch" ? t.state.popupRef.current : I : !1 : u;
+  let p;
+  return c != null ? p = c : p = r ? void 0 : !1, /* @__PURE__ */ H.jsx(B, {
+    context: b,
+    disabled: !F,
+    modal: !r,
+    openInteractionType: l,
+    initialFocus: M,
+    returnFocus: p,
+    children: S
+  });
+});
+process.env.NODE_ENV !== "production" && (V.displayName = "ComboboxPopup");
+export {
+  V as ComboboxPopup
+};

@@ -0,0 +1,24 @@
+import "react";
+import { useComboboxRootContext as c } from "../root/ComboboxRootContext.js";
+import { ComboboxPortalContext as d } from "./ComboboxPortalContext.js";
+import { selectors as r } from "../store.js";
+import { j as e } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { FloatingPortal as f } from "../../floating-ui-react/components/FloatingPortal.js";
+import { useStore as n } 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/store/useStore.js";
+function R(m) {
+  const {
+    children: s,
+    keepMounted: o = !1,
+    container: i
+  } = m, t = c(), u = n(t, r.mounted), l = n(t, r.forceMounted);
+  return u || o || l ? /* @__PURE__ */ e.jsx(d.Provider, {
+    value: o,
+    children: /* @__PURE__ */ e.jsx(f, {
+      root: i,
+      children: s
+    })
+  }) : null;
+}
+export {
+  R as ComboboxPortal
+};

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

@@ -0,0 +1,101 @@
+import * as a from "react";
+import { useEventCallback 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/useEventCallback.js";
+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 { useComboboxRootContext as B, useComboboxDerivedItemsContext as F, useComboboxFloatingContext as z } from "../root/ComboboxRootContext.js";
+import { ComboboxPositionerContext as W } from "./ComboboxPositionerContext.js";
+import { useAnchorPositioning as q } from "../../utils/useAnchorPositioning.js";
+import { popupStateMapping as G } from "../../utils/popupStateMapping.js";
+import { useComboboxPortalContext as J } from "../portal/ComboboxPortalContext.js";
+import { DROPDOWN_COLLISION_AVOIDANCE as K } from "../../utils/constants.js";
+import { useRenderElement as Q } from "../../utils/useRenderElement.js";
+import { selectors as n } from "../store.js";
+import { InternalBackdrop as T } from "../../utils/InternalBackdrop.js";
+import { useScrollLock as X } from "../../utils/useScrollLock.js";
+import { j as u } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useStore as r } 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/store/useStore.js";
+const Y = /* @__PURE__ */ a.forwardRef(function(c, f) {
+  const {
+    render: $,
+    className: oo,
+    anchor: g,
+    positionMethod: b = "absolute",
+    side: x = "bottom",
+    align: h = "center",
+    sideOffset: C = 0,
+    alignOffset: P = 0,
+    collisionBoundary: E = "clipping-ancestors",
+    collisionPadding: w = 5,
+    arrowPadding: y = 5,
+    sticky: v = !1,
+    trackAnchor: R = !0,
+    collisionAvoidance: M = K,
+    ...S
+  } = c, e = B(), {
+    filteredItems: A
+  } = F(), I = z(), O = J(), d = r(e, n.modal), t = r(e, n.open), i = r(e, n.mounted), N = r(e, n.openMethod), m = r(e, n.triggerElement), l = r(e, n.inputElement), k = r(e, n.inputInsidePopup), p = A.length === 0, o = q({
+    anchor: g ?? (k ? m : l),
+    floatingRootContext: I,
+    positionMethod: b,
+    mounted: i,
+    side: x,
+    sideOffset: C,
+    align: h,
+    alignOffset: P,
+    arrowPadding: y,
+    collisionBoundary: E,
+    collisionPadding: w,
+    sticky: v,
+    trackAnchor: R,
+    keepMounted: O,
+    collisionAvoidance: M,
+    lazyFlip: !0
+  });
+  X({
+    enabled: t && d && N !== "touch",
+    mounted: i,
+    open: t,
+    referenceElement: m
+  });
+  const H = a.useMemo(() => {
+    const s = {
+      ...o.positionerStyles
+    };
+    return t || (s.pointerEvents = "none"), {
+      role: "presentation",
+      hidden: !i,
+      style: s
+    };
+  }, [t, i, o.positionerStyles]), D = a.useMemo(() => ({
+    open: t,
+    side: o.side,
+    align: o.align,
+    anchorHidden: o.anchorHidden,
+    empty: p
+  }), [t, o.side, o.align, o.anchorHidden, p]), j = a.useMemo(() => ({
+    side: o.side,
+    align: o.align,
+    arrowRef: o.arrowRef,
+    arrowUncentered: o.arrowUncentered,
+    arrowStyles: o.arrowStyles,
+    anchorHidden: o.anchorHidden,
+    isPositioned: o.isPositioned
+  }), [o.side, o.align, o.arrowRef, o.arrowUncentered, o.arrowStyles, o.anchorHidden, o.isPositioned]), V = U((s) => {
+    e.set("positionerElement", s);
+  }), L = Q("div", c, {
+    state: D,
+    ref: [f, V],
+    props: [H, S],
+    stateAttributesMapping: G
+  });
+  return /* @__PURE__ */ u.jsxs(W.Provider, {
+    value: j,
+    children: [i && d && /* @__PURE__ */ u.jsx(T, {
+      inert: _(!t),
+      cutout: l ?? m
+    }), L]
+  });
+});
+process.env.NODE_ENV !== "production" && (Y.displayName = "ComboboxPositioner");
+export {
+  Y as ComboboxPositioner
+};

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/combobox/positioner/ComboboxPositionerContext.js ADDED Viewed

@@ -0,0 +1,13 @@
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "ComboboxPositionerContext");
+function i(n) {
+  const o = e.useContext(t);
+  if (o === void 0 && !n)
+    throw new Error("Base UI: <Combobox.Popup> and <Combobox.Arrow> must be used within the <Combobox.Positioner> component");
+  return o;
+}
+export {
+  t as ComboboxPositionerContext,
+  i as useComboboxPositionerContext
+};

@@ -0,0 +1,22 @@
+import "react";
+import { ComboboxRootInternal as u } from "./ComboboxRootInternal.js";
+import { j as r } from "../../../../../../../../../_virtual/jsx-runtime.js";
+function p(e) {
+  const {
+    multiple: o = !1,
+    defaultValue: t,
+    value: l,
+    onValueChange: a,
+    ...n
+  } = e;
+  return /* @__PURE__ */ r.jsx(u, {
+    ...n,
+    selectionMode: o ? "multiple" : "single",
+    selectedValue: l,
+    defaultSelectedValue: t,
+    onSelectedValueChange: a
+  });
+}
+export {
+  p as ComboboxRoot
+};

@@ -0,0 +1,40 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxRootContext");
+const n = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "ComboboxFloatingContext");
+const s = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (s.displayName = "ComboboxDerivedItemsContext");
+const x = /* @__PURE__ */ t.createContext("");
+process.env.NODE_ENV !== "production" && (x.displayName = "ComboboxInputValueContext");
+function b() {
+  const o = t.useContext(e);
+  if (!o)
+    throw new Error("Base UI: ComboboxRootContext is missing. Combobox parts must be placed within <Combobox.Root>.");
+  return o;
+}
+function i() {
+  const o = t.useContext(n);
+  if (!o)
+    throw new Error("Base UI: ComboboxFloatingContext is missing. Combobox parts must be placed within <Combobox.Root>.");
+  return o;
+}
+function C() {
+  const o = t.useContext(s);
+  if (!o)
+    throw new Error("Base UI: ComboboxItemsContext is missing. Combobox parts must be placed within <Combobox.Root>.");
+  return o;
+}
+function r() {
+  return t.useContext(x);
+}
+export {
+  s as ComboboxDerivedItemsContext,
+  n as ComboboxFloatingContext,
+  x as ComboboxInputValueContext,
+  e as ComboboxRootContext,
+  C as useComboboxDerivedItemsContext,
+  i as useComboboxFloatingContext,
+  r as useComboboxInputValueContext,
+  b as useComboboxRootContext
+};