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

@px-ui/core 1.23.0 → 1.25.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 (379) 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/checkbox-group/CheckboxGroup.js ADDED Viewed

@@ -0,0 +1,82 @@
+import * as l from "react";
+import { useControlled as j } 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 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/useEventCallback.js";
+import { useBaseUiId as y } from "../utils/useBaseUiId.js";
+import { useRenderElement as A } from "../utils/useRenderElement.js";
+import { CheckboxGroupContext as F } from "./CheckboxGroupContext.js";
+import { useFieldRootContext as w } from "../field/root/FieldRootContext.js";
+import { fieldValidityMapping as B } from "../field/utils/constants.js";
+import { useField as I } from "../field/useField.js";
+import { useFieldControlValidation as O } from "../field/control/useFieldControlValidation.js";
+import { PARENT_CHECKBOX as U } from "../checkbox/root/CheckboxRoot.js";
+import { useCheckboxGroupParent as _ } from "./useCheckboxGroupParent.js";
+import { j as D } from "../../../../../../../../_virtual/jsx-runtime.js";
+const H = /* @__PURE__ */ l.forwardRef(function(d, V) {
+  const {
+    allValues: a,
+    className: S,
+    defaultValue: i,
+    disabled: R = !1,
+    id: h,
+    onValueChange: o,
+    render: T,
+    value: u,
+    ...k
+  } = d, {
+    disabled: v,
+    labelId: E,
+    name: m,
+    state: p
+  } = w(), t = v || R, s = O(), [r, G] = j({
+    controlled: u,
+    default: i,
+    name: "CheckboxGroup",
+    state: "value"
+  }), c = x((e, C) => {
+    o == null || o(e, C), !C.isCanceled && G(e);
+  }), f = _({
+    allValues: a,
+    value: u,
+    onValueChange: o
+  }), N = y(h), n = l.useRef(null), b = x((e) => {
+    n.current == null && e != null && !e.hasAttribute(U) && (n.current = e);
+  });
+  I({
+    enabled: !!m,
+    id: N,
+    commitValidation: s.commitValidation,
+    value: r,
+    controlRef: n,
+    name: m,
+    getValue: () => r
+  });
+  const P = l.useMemo(() => ({
+    ...p,
+    disabled: t
+  }), [p, t]), g = l.useMemo(() => ({
+    allValues: a,
+    value: r,
+    defaultValue: i,
+    setValue: c,
+    parent: f,
+    disabled: t,
+    fieldControlValidation: s,
+    registerControlRef: b
+  }), [a, r, i, c, f, t, s, b]), M = A("div", d, {
+    state: P,
+    ref: V,
+    props: [{
+      role: "group",
+      "aria-labelledby": E
+    }, k],
+    stateAttributesMapping: B
+  });
+  return /* @__PURE__ */ D.jsx(F.Provider, {
+    value: g,
+    children: M
+  });
+});
+process.env.NODE_ENV !== "production" && (H.displayName = "CheckboxGroup");
+export {
+  H as CheckboxGroup
+};

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

@@ -0,0 +1,42 @@
+import * as a from "react";
+import { useEventCallback as b } 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 { useBaseUiId as R } from "../utils/useBaseUiId.js";
+const x = [];
+function M(O) {
+  const {
+    allValues: r = x,
+    value: e = x,
+    onValueChange: P
+  } = O, p = a.useRef(e), i = a.useRef(/* @__PURE__ */ new Map()), [f, h] = a.useState("mixed"), l = R(), C = e.length === r.length, d = e.length !== r.length && e.length > 0, n = b(P), m = a.useCallback(() => ({
+    id: l,
+    indeterminate: d,
+    checked: C,
+    "aria-controls": r.map((t) => `${l}-${t}`).join(" "),
+    onCheckedChange(t, s) {
+      const c = p.current, o = r.filter((u) => i.current.get(u) && c.includes(u)), g = r.filter((u) => !i.current.get(u) || i.current.get(u) && c.includes(u));
+      if (c.length === g.length || c.length === 0) {
+        e.length === g.length ? n(o, s) : n(g, s);
+        return;
+      }
+      f === "mixed" ? (n(g, s), h("on")) : f === "on" ? (n(o, s), h("off")) : f === "off" && (n(c, s), h("mixed"));
+    }
+  }), [r, C, l, d, n, f, e.length]), k = a.useCallback((t) => ({
+    name: t,
+    id: `${l}-${t}`,
+    checked: e.includes(t),
+    onCheckedChange(s, c) {
+      const o = e.slice();
+      s ? o.push(t) : o.splice(o.indexOf(t), 1), p.current = o, n(o, c), h("mixed");
+    }
+  }), [l, n, e]);
+  return a.useMemo(() => ({
+    id: l,
+    indeterminate: d,
+    getParentProps: m,
+    getChildProps: k,
+    disabledStatesRef: i
+  }), [l, d, m, k]);
+}
+export {
+  M as useCheckboxGroupParent
+};

@@ -0,0 +1,78 @@
+import * as l from "react";
+import * as E from "react-dom";
+import { useRenderElement as I } from "../../utils/useRenderElement.js";
+import { useComboboxChipsContext as K } from "../chips/ComboboxChipsContext.js";
+import { useComboboxRootContext as N } from "../root/ComboboxRootContext.js";
+import { useCompositeListItem as O } from "../../composite/list/useCompositeListItem.js";
+import { ComboboxChipContext as V } from "./ComboboxChipContext.js";
+import { selectors as a } from "../store.js";
+import { createChangeEventDetails as p } from "../../utils/createBaseUIEventDetails.js";
+import { j as A } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useStore 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/store/useStore.js";
+import { stopEvent as c } from "../../floating-ui-react/utils/event.js";
+const M = /* @__PURE__ */ l.forwardRef(function(m, x) {
+  const {
+    render: S,
+    className: L,
+    ...y
+  } = m, n = N(), {
+    setHighlightedChipIndex: h,
+    chipsRef: b
+  } = K(), r = u(n, a.disabled), d = u(n, a.readOnly), i = u(n, a.selectedValue), {
+    ref: C,
+    index: o
+  } = O();
+  function k(e) {
+    let t = o;
+    if (e.key === "ArrowLeft")
+      e.preventDefault(), o > 0 ? t = o - 1 : t = void 0;
+    else if (e.key === "ArrowRight")
+      e.preventDefault(), o < i.length - 1 ? t = o + 1 : t = void 0;
+    else if (e.key === "Backspace" || e.key === "Delete") {
+      const s = o >= i.length - 1 ? i.length - 2 : o;
+      t = s >= 0 ? s : void 0, c(e), n.state.setIndices({
+        activeIndex: null,
+        selectedIndex: null,
+        type: "keyboard"
+      }), n.state.setSelectedValue(i.filter((f, w) => w !== o), p("none", e.nativeEvent));
+    } else e.key === "Enter" || e.key === " " ? (c(e), t = void 0) : e.key === "ArrowDown" || e.key === "ArrowUp" ? (c(e), n.state.setOpen(!0, p("list-navigation", e.nativeEvent)), t = void 0) : (
+      // Check for printable characters (letters, numbers, symbols)
+      e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && (t = void 0)
+    );
+    return t;
+  }
+  const D = l.useMemo(() => ({
+    disabled: r
+  }), [r]), R = I("div", m, {
+    ref: [x, C],
+    state: D,
+    props: [{
+      tabIndex: -1,
+      "aria-disabled": r || void 0,
+      "aria-readonly": d || void 0,
+      onKeyDown(e) {
+        var s, f;
+        if (r || d)
+          return;
+        const t = k(e);
+        E.flushSync(() => {
+          h(t);
+        }), t === void 0 ? (s = n.state.inputRef.current) == null || s.focus() : (f = b.current[t]) == null || f.focus();
+      },
+      onMouseDown(e) {
+        var t;
+        r || d || (e.preventDefault(), (t = n.state.inputRef.current) == null || t.focus());
+      }
+    }, y]
+  }), g = l.useMemo(() => ({
+    index: o
+  }), [o]);
+  return /* @__PURE__ */ A.jsx(V.Provider, {
+    value: g,
+    children: R
+  });
+});
+process.env.NODE_ENV !== "production" && (M.displayName = "ComboboxChip");
+export {
+  M as ComboboxChip
+};

@@ -0,0 +1,13 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (e.displayName = "ComboboxChipContext");
+function n() {
+  const o = t.useContext(e);
+  if (!o)
+    throw new Error("useComboboxChipContext must be used within a ComboboxChip");
+  return o;
+}
+export {
+  e as ComboboxChipContext,
+  n as useComboboxChipContext
+};

@@ -0,0 +1,65 @@
+import * as x from "react";
+import { useRenderElement as g } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext as w } from "../root/ComboboxRootContext.js";
+import { useComboboxChipContext as A } from "../chip/ComboboxChipContext.js";
+import { selectors as s } from "../store.js";
+import { createChangeEventDetails as I } from "../../utils/createBaseUIEventDetails.js";
+import { findItemIndex as R } from "../../utils/itemEquality.js";
+import { useButton as N } from "../../use-button/useButton.js";
+import { useStore as i } 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 P } from "../../floating-ui-react/utils/event.js";
+const B = /* @__PURE__ */ x.forwardRef(function(p, y) {
+  const {
+    render: S,
+    className: _,
+    nativeButton: C = !0,
+    ...E
+  } = p, e = w(), {
+    index: a
+  } = A(), o = i(e, s.disabled), c = i(e, s.readOnly), v = i(e, s.valuesRef), d = i(e, s.selectedValue), b = i(e, s.isItemEqualToValue), {
+    buttonRef: h,
+    getButtonProps: k
+  } = N({
+    native: C,
+    disabled: o || c,
+    focusableWhenDisabled: !0
+  }), V = x.useMemo(() => ({
+    disabled: o
+  }), [o]);
+  return g("button", p, {
+    ref: [y, h],
+    state: V,
+    props: [{
+      tabIndex: -1,
+      disabled: o,
+      "aria-readonly": c || void 0,
+      onClick(t) {
+        var r;
+        if (o || c)
+          return;
+        const n = I("chip-remove-press", t.nativeEvent), m = e.state.activeIndex, u = d[a], l = R(v.current, u, b);
+        l !== -1 && m === l && e.state.setIndices({
+          activeIndex: null,
+          type: e.state.keyboardActiveRef.current ? "pointer" : "keyboard"
+        }), e.state.setSelectedValue(d.filter((D, f) => f !== a), n), n.isPropagationAllowed || t.stopPropagation(), (r = e.state.inputRef.current) == null || r.focus();
+      },
+      onKeyDown(t) {
+        var m;
+        if (o || c)
+          return;
+        const n = I("chip-remove-press", t.nativeEvent);
+        if (t.key === "Enter" || t.key === " ") {
+          const u = e.state.activeIndex, l = d[a], r = R(v.current, l, b);
+          r !== -1 && u === r && e.state.setIndices({
+            activeIndex: null,
+            type: e.state.keyboardActiveRef.current ? "pointer" : "keyboard"
+          }), e.state.setSelectedValue(d.filter((D, f) => f !== a), n), n.isPropagationAllowed || P(t), (m = e.state.inputRef.current) == null || m.focus();
+        }
+      }
+    }, E, k]
+  });
+});
+process.env.NODE_ENV !== "production" && (B.displayName = "ComboboxChipRemove");
+export {
+  B as ComboboxChipRemove
+};

@@ -0,0 +1,35 @@
+import * as e from "react";
+import { useRenderElement as x } from "../../utils/useRenderElement.js";
+import { ComboboxChipsContext as a } from "./ComboboxChipsContext.js";
+import { CompositeList as l } from "../../composite/list/CompositeList.js";
+import { useComboboxRootContext as b } from "../root/ComboboxRootContext.js";
+import { selectors as r } from "../store.js";
+import { j as m } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useStore 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/store/useStore.js";
+const R = /* @__PURE__ */ e.forwardRef(function(i, f) {
+  const {
+    render: j,
+    className: v,
+    ...c
+  } = i, n = b(), d = p(n, r.chipsContainerRef), h = p(n, r.open), [o, t] = e.useState(void 0);
+  h && o !== void 0 && t(void 0);
+  const s = e.useRef([]), C = x("div", i, {
+    ref: [f, d],
+    props: c
+  }), u = e.useMemo(() => ({
+    highlightedChipIndex: o,
+    setHighlightedChipIndex: t,
+    chipsRef: s
+  }), [o, t, s]);
+  return /* @__PURE__ */ m.jsx(a.Provider, {
+    value: u,
+    children: /* @__PURE__ */ m.jsx(l, {
+      elementsRef: s,
+      children: C
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (R.displayName = "ComboboxChips");
+export {
+  R as ComboboxChips
+};

@@ -0,0 +1,10 @@
+import * as o from "react";
+const t = /* @__PURE__ */ o.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "ComboboxChipsContext");
+function e() {
+  return o.useContext(t);
+}
+export {
+  t as ComboboxChipsContext,
+  e as useComboboxChipsContext
+};

@@ -0,0 +1,86 @@
+import * as C from "react";
+import { useComboboxRootContext as O, useComboboxInputValueContext as N } from "../root/ComboboxRootContext.js";
+import { useRenderElement as B } from "../../utils/useRenderElement.js";
+import { selectors as o } from "../store.js";
+import { useFieldRootContext as w } from "../../field/root/FieldRootContext.js";
+import { useTransitionStatus as P } from "../../utils/useTransitionStatus.js";
+import { transitionStatusMapping as F } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete as T } from "../../utils/useOpenChangeComplete.js";
+import { createChangeEventDetails as x } from "../../utils/createBaseUIEventDetails.js";
+import { triggerOpenStateMapping as _ } from "../../utils/popupStateMapping.js";
+import { useButton as j } from "../../use-button/useButton.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";
+const q = {
+  ...F,
+  ..._
+}, z = /* @__PURE__ */ C.forwardRef(function(l, y) {
+  const {
+    render: H,
+    className: J,
+    disabled: v = !1,
+    nativeButton: R = !0,
+    keepMounted: g = !1,
+    ...M
+  } = l, {
+    disabled: I
+  } = w(), e = O(), i = n(e, o.selectionMode), h = n(e, o.disabled), u = n(e, o.readOnly), d = n(e, o.clearRef), c = n(e, o.open), r = n(e, o.selectedValue), A = N();
+  let t = !1;
+  i === "none" ? t = A !== "" : i === "single" ? t = r != null : t = Array.isArray(r) && r.length > 0;
+  const s = I || h || v, {
+    buttonRef: V,
+    getButtonProps: k
+  } = j({
+    native: R,
+    disabled: s
+  }), {
+    mounted: p,
+    transitionStatus: f,
+    setMounted: D
+  } = P(t), E = C.useMemo(() => ({
+    disabled: s,
+    open: c,
+    transitionStatus: f
+  }), [s, c, f]);
+  T({
+    open: t,
+    ref: d,
+    onComplete() {
+      t || D(!1);
+    }
+  });
+  const S = B("button", l, {
+    state: E,
+    ref: [y, V, d],
+    props: [{
+      tabIndex: -1,
+      hidden: !p,
+      children: "x",
+      disabled: s,
+      "aria-readonly": u || void 0,
+      // Avoid stealing focus from the input.
+      onMouseDown(a) {
+        a.preventDefault();
+      },
+      onClick(a) {
+        var b;
+        if (s || u)
+          return;
+        const m = e.state.keyboardActiveRef;
+        e.state.setInputValue("", x("clear-press", a.nativeEvent)), i !== "none" ? (e.state.setSelectedValue(Array.isArray(r) ? [] : null, x("clear-press", a.nativeEvent)), e.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: m.current ? "keyboard" : "pointer"
+        })) : e.state.setIndices({
+          activeIndex: null,
+          type: m.current ? "keyboard" : "pointer"
+        }), (b = e.state.inputRef.current) == null || b.focus();
+      }
+    }, M, k],
+    stateAttributesMapping: q
+  });
+  return g || p ? S : null;
+});
+process.env.NODE_ENV !== "production" && (z.displayName = "ComboboxClear");
+export {
+  z as ComboboxClear
+};

@@ -0,0 +1,17 @@
+import * as m from "react";
+import { useComboboxDerivedItemsContext as i } from "../root/ComboboxRootContext.js";
+import { useGroupCollectionContext as s } from "./GroupCollectionContext.js";
+import { j as c } from "../../../../../../../../../_virtual/jsx-runtime.js";
+function x(e) {
+  const {
+    children: r
+  } = e, {
+    filteredItems: n
+  } = i(), o = s(), t = o ? o.items : n;
+  return t ? /* @__PURE__ */ c.jsx(m.Fragment, {
+    children: t.map(r)
+  }) : null;
+}
+export {
+  x as ComboboxCollection
+};

@@ -0,0 +1,10 @@
+import * as o from "react";
+import "../../../../../../../../../_virtual/jsx-runtime.js";
+const t = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (t.displayName = "GroupCollectionContext");
+function n() {
+  return o.useContext(t);
+}
+export {
+  n as useGroupCollectionContext
+};

@@ -0,0 +1,26 @@
+import * as n from "react";
+import { useRenderElement as s } from "../../utils/useRenderElement.js";
+import { useComboboxDerivedItemsContext as l } from "../root/ComboboxRootContext.js";
+const a = /* @__PURE__ */ n.forwardRef(function(e, o) {
+  const {
+    render: c,
+    className: d,
+    children: r,
+    ...t
+  } = e, {
+    filteredItems: m
+  } = l(), i = m.length === 0 ? r : null;
+  return s("div", e, {
+    ref: o,
+    props: [{
+      children: i,
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": !0
+    }, t]
+  });
+});
+process.env.NODE_ENV !== "production" && (a.displayName = "ComboboxEmpty");
+export {
+  a as ComboboxEmpty
+};