@serendie/ui 3.2.0 → 3.2.1-dev.202604210459

package/dist/node_modules/@zag-js/select/dist/select.connect.js

@@ -0,0 +1,372 @@
+import { getEventTarget as V, getEventKey as D, getNativeEvent as q } from "../../dom-query/dist/event.js";
+import { isInternalChangeEvent as B } from "../../dom-query/dist/form.js";
+import { isValidTabEvent as Y } from "../../dom-query/dist/initial-focus.js";
+import { contains as j, isEditableElement as J } from "../../dom-query/dist/node.js";
+import { dataAttr as i, ariaAttr as $ } from "../../dom-query/dist/shared.js";
+import { getByTypeahead as k } from "../../dom-query/dist/typeahead.js";
+import { visuallyHiddenStyle as Q } from "../../dom-query/dist/visually-hidden.js";
+import { getPlacementStyles as X } from "../../popper/dist/get-styles.js";
+import { parts as o } from "./select.anatomy.js";
+import { getItemId as H, getTriggerId as x, getLabelId as v, getContentId as M, getPositionerId as Z, getTriggerEl as S, getHiddenSelectId as w, getClearTriggerId as z, getItemGroupLabelId as U, getItemGroupId as ee, getControlId as te, getRootId as re } from "./select.dom.js";
+import { ensure as ae } from "../../utils/dist/warning.js";
+function ye(m, n) {
+  const { context: c, prop: a, scope: d, state: R, computed: E, send: r } = m, _ = a("translations"), s = a("disabled") || c.get("fieldsetDisabled"), p = !!a("invalid"), L = !!a("required"), f = !!a("readOnly"), T = a("composite"), h = a("collection"), y = R.hasTag("open"), A = R.matches("focused"), I = c.get("highlightedValue"), K = c.get("highlightedItem"), W = E("selectedItems"), P = c.get("currentPlacement"), O = E("isTypingAhead"), G = E("isInteractive"), C = I ? H(d, I) : void 0;
+  function b(e) {
+    const t = h.getItemDisabled(e.item), l = h.getItemValue(e.item);
+    return ae(l, () => `[zag-js] No value found for item ${JSON.stringify(e.item)}`), {
+      value: l,
+      disabled: !!(s || t),
+      highlighted: I === l,
+      selected: c.get("value").includes(l)
+    };
+  }
+  const F = X({
+    ...a("positioning"),
+    placement: P
+  });
+  return {
+    open: y,
+    focused: A,
+    empty: c.get("value").length === 0,
+    highlightedItem: K,
+    highlightedValue: I,
+    selectedItems: W,
+    hasSelectedItems: E("hasSelectedItems"),
+    value: c.get("value"),
+    valueAsString: E("valueAsString"),
+    collection: h,
+    multiple: !!a("multiple"),
+    disabled: !!s,
+    reposition(e = {}) {
+      r({ type: "POSITIONING.SET", options: e });
+    },
+    focus() {
+      var e;
+      (e = S(d)) == null || e.focus({ preventScroll: !0 });
+    },
+    setOpen(e) {
+      R.hasTag("open") !== e && r({ type: e ? "OPEN" : "CLOSE" });
+    },
+    selectValue(e) {
+      r({ type: "ITEM.SELECT", value: e });
+    },
+    setValue(e) {
+      r({ type: "VALUE.SET", value: e });
+    },
+    selectAll() {
+      r({ type: "VALUE.SET", value: h.getValues() });
+    },
+    setHighlightValue(e) {
+      r({ type: "HIGHLIGHTED_VALUE.SET", value: e });
+    },
+    clearHighlightValue() {
+      r({ type: "HIGHLIGHTED_VALUE.CLEAR" });
+    },
+    clearValue(e) {
+      r(e ? { type: "ITEM.CLEAR", value: e } : { type: "VALUE.CLEAR" });
+    },
+    getItemState: b,
+    getRootProps() {
+      return n.element({
+        ...o.root.attrs,
+        dir: a("dir"),
+        id: re(d),
+        "data-invalid": i(p),
+        "data-readonly": i(f)
+      });
+    },
+    getLabelProps() {
+      return n.label({
+        dir: a("dir"),
+        id: v(d),
+        ...o.label.attrs,
+        "data-disabled": i(s),
+        "data-invalid": i(p),
+        "data-readonly": i(f),
+        "data-required": i(L),
+        htmlFor: w(d),
+        onClick(e) {
+          var t;
+          e.defaultPrevented || s || (t = S(d)) == null || t.focus({ preventScroll: !0 });
+        }
+      });
+    },
+    getControlProps() {
+      return n.element({
+        ...o.control.attrs,
+        dir: a("dir"),
+        id: te(d),
+        "data-state": y ? "open" : "closed",
+        "data-focus": i(A),
+        "data-disabled": i(s),
+        "data-invalid": i(p)
+      });
+    },
+    getValueTextProps() {
+      return n.element({
+        ...o.valueText.attrs,
+        dir: a("dir"),
+        "data-disabled": i(s),
+        "data-invalid": i(p),
+        "data-focus": i(A)
+      });
+    },
+    getTriggerProps() {
+      return n.button({
+        id: x(d),
+        disabled: s,
+        dir: a("dir"),
+        type: "button",
+        role: "combobox",
+        "aria-controls": M(d),
+        "aria-expanded": y,
+        "aria-haspopup": "listbox",
+        "data-state": y ? "open" : "closed",
+        "aria-invalid": p,
+        "aria-required": L,
+        "aria-labelledby": v(d),
+        ...o.trigger.attrs,
+        "data-disabled": i(s),
+        "data-invalid": i(p),
+        "data-readonly": i(f),
+        "data-placement": P,
+        "data-placeholder-shown": i(!E("hasSelectedItems")),
+        onClick(e) {
+          G && (e.defaultPrevented || r({ type: "TRIGGER.CLICK" }));
+        },
+        onFocus() {
+          r({ type: "TRIGGER.FOCUS" });
+        },
+        onBlur() {
+          r({ type: "TRIGGER.BLUR" });
+        },
+        onKeyDown(e) {
+          if (e.defaultPrevented || !G) return;
+          const l = {
+            ArrowUp() {
+              r({ type: "TRIGGER.ARROW_UP" });
+            },
+            ArrowDown(u) {
+              r({ type: u.altKey ? "OPEN" : "TRIGGER.ARROW_DOWN" });
+            },
+            ArrowLeft() {
+              r({ type: "TRIGGER.ARROW_LEFT" });
+            },
+            ArrowRight() {
+              r({ type: "TRIGGER.ARROW_RIGHT" });
+            },
+            Home() {
+              r({ type: "TRIGGER.HOME" });
+            },
+            End() {
+              r({ type: "TRIGGER.END" });
+            },
+            Enter() {
+              r({ type: "TRIGGER.ENTER" });
+            },
+            Space(u) {
+              r(O ? { type: "TRIGGER.TYPEAHEAD", key: u.key } : { type: "TRIGGER.ENTER" });
+            }
+          }[D(e, {
+            dir: a("dir"),
+            orientation: "vertical"
+          })];
+          if (l) {
+            l(e), e.preventDefault();
+            return;
+          }
+          k.isValidEvent(e) && (r({ type: "TRIGGER.TYPEAHEAD", key: e.key }), e.preventDefault());
+        }
+      });
+    },
+    getIndicatorProps() {
+      return n.element({
+        ...o.indicator.attrs,
+        dir: a("dir"),
+        "aria-hidden": !0,
+        "data-state": y ? "open" : "closed",
+        "data-disabled": i(s),
+        "data-invalid": i(p),
+        "data-readonly": i(f)
+      });
+    },
+    getItemProps(e) {
+      const t = b(e);
+      return n.element({
+        id: H(d, t.value),
+        role: "option",
+        ...o.item.attrs,
+        dir: a("dir"),
+        "data-value": t.value,
+        "aria-selected": t.selected,
+        "data-state": t.selected ? "checked" : "unchecked",
+        "data-highlighted": i(t.highlighted),
+        "data-disabled": i(t.disabled),
+        "aria-disabled": $(t.disabled),
+        onPointerMove(l) {
+          t.disabled || l.pointerType !== "mouse" || t.value !== I && r({ type: "ITEM.POINTER_MOVE", value: t.value });
+        },
+        onClick(l) {
+          l.defaultPrevented || t.disabled || r({ type: "ITEM.CLICK", src: "pointerup", value: t.value });
+        },
+        onPointerLeave(l) {
+          var g;
+          t.disabled || e.persistFocus || l.pointerType !== "mouse" || !((g = m.event.previous()) != null && g.type.includes("POINTER")) || r({ type: "ITEM.POINTER_LEAVE" });
+        }
+      });
+    },
+    getItemTextProps(e) {
+      const t = b(e);
+      return n.element({
+        ...o.itemText.attrs,
+        "data-state": t.selected ? "checked" : "unchecked",
+        "data-disabled": i(t.disabled),
+        "data-highlighted": i(t.highlighted)
+      });
+    },
+    getItemIndicatorProps(e) {
+      const t = b(e);
+      return n.element({
+        "aria-hidden": !0,
+        ...o.itemIndicator.attrs,
+        "data-state": t.selected ? "checked" : "unchecked",
+        hidden: !t.selected
+      });
+    },
+    getItemGroupLabelProps(e) {
+      const { htmlFor: t } = e;
+      return n.element({
+        ...o.itemGroupLabel.attrs,
+        id: U(d, t),
+        dir: a("dir"),
+        role: "presentation"
+      });
+    },
+    getItemGroupProps(e) {
+      const { id: t } = e;
+      return n.element({
+        ...o.itemGroup.attrs,
+        "data-disabled": i(s),
+        id: ee(d, t),
+        "aria-labelledby": U(d, t),
+        role: "group",
+        dir: a("dir")
+      });
+    },
+    getClearTriggerProps() {
+      return n.button({
+        ...o.clearTrigger.attrs,
+        id: z(d),
+        type: "button",
+        "aria-label": _.clearTriggerLabel,
+        "data-invalid": i(p),
+        disabled: s,
+        hidden: !E("hasSelectedItems"),
+        dir: a("dir"),
+        onClick(e) {
+          e.defaultPrevented || r({ type: "CLEAR.CLICK" });
+        }
+      });
+    },
+    getHiddenSelectProps() {
+      const e = c.get("value"), t = a("multiple") ? e : e == null ? void 0 : e[0], l = (u) => {
+        const g = q(u);
+        B(g) || r({ type: "VALUE.SET", value: ie(u.currentTarget) });
+      };
+      return n.select({
+        name: a("name"),
+        form: a("form"),
+        disabled: s,
+        multiple: a("multiple"),
+        required: a("required"),
+        "aria-hidden": !0,
+        id: w(d),
+        defaultValue: t,
+        style: Q,
+        tabIndex: -1,
+        autoComplete: a("autoComplete"),
+        onChange: l,
+        onInput: l,
+        // Some browser extensions will focus the hidden select.
+        // Let's forward the focus to the trigger.
+        onFocus() {
+          var u;
+          (u = S(d)) == null || u.focus({ preventScroll: !0 });
+        },
+        "aria-labelledby": v(d)
+      });
+    },
+    getPositionerProps() {
+      return n.element({
+        ...o.positioner.attrs,
+        dir: a("dir"),
+        id: Z(d),
+        style: F.floating
+      });
+    },
+    getContentProps() {
+      return n.element({
+        hidden: !y,
+        dir: a("dir"),
+        id: M(d),
+        role: T ? "listbox" : "dialog",
+        ...o.content.attrs,
+        "data-state": y ? "open" : "closed",
+        "data-placement": P,
+        "data-activedescendant": C,
+        "aria-activedescendant": T ? C : void 0,
+        "aria-multiselectable": a("multiple") && T ? !0 : void 0,
+        "aria-labelledby": v(d),
+        tabIndex: 0,
+        onKeyDown(e) {
+          if (!G || !j(e.currentTarget, V(e))) return;
+          if (e.key === "Tab" && !Y(e)) {
+            e.preventDefault();
+            return;
+          }
+          const t = {
+            ArrowUp() {
+              r({ type: "CONTENT.ARROW_UP" });
+            },
+            ArrowDown() {
+              r({ type: "CONTENT.ARROW_DOWN" });
+            },
+            Home() {
+              r({ type: "CONTENT.HOME" });
+            },
+            End() {
+              r({ type: "CONTENT.END" });
+            },
+            Enter() {
+              r({ type: "ITEM.CLICK", src: "keydown.enter" });
+            },
+            Space(g) {
+              var N;
+              O ? r({ type: "CONTENT.TYPEAHEAD", key: g.key }) : (N = t.Enter) == null || N.call(t, g);
+            }
+          }, l = t[D(e)];
+          if (l) {
+            l(e), e.preventDefault();
+            return;
+          }
+          const u = V(e);
+          J(u) || k.isValidEvent(e) && (r({ type: "CONTENT.TYPEAHEAD", key: e.key }), e.preventDefault());
+        }
+      });
+    },
+    getListProps() {
+      return n.element({
+        ...o.list.attrs,
+        tabIndex: 0,
+        role: T ? void 0 : "listbox",
+        "aria-labelledby": x(d),
+        "aria-activedescendant": T ? void 0 : C,
+        "aria-multiselectable": !T && a("multiple") ? !0 : void 0
+      });
+    }
+  };
+}
+var ie = (m) => m.multiple ? Array.from(m.selectedOptions, (n) => n.value) : m.value ? [m.value] : [];
+export {
+  ye as connect
+};

package/dist/node_modules/@zag-js/select/dist/select.dom.js

@@ -0,0 +1,53 @@
+var n = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.root) ?? `select:${e.id}`;
+}, d = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.content) ?? `select:${e.id}:content`;
+}, g = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.trigger) ?? `select:${e.id}:trigger`;
+}, l = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.clearTrigger) ?? `select:${e.id}:clear-trigger`;
+}, I = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.label) ?? `select:${e.id}:label`;
+}, v = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.control) ?? `select:${e.id}:control`;
+}, o = (e, r) => {
+  var t, i;
+  return ((i = (t = e.ids) == null ? void 0 : t.item) == null ? void 0 : i.call(t, r)) ?? `select:${e.id}:option:${r}`;
+}, a = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.hiddenSelect) ?? `select:${e.id}:select`;
+}, s = (e) => {
+  var r;
+  return ((r = e.ids) == null ? void 0 : r.positioner) ?? `select:${e.id}:positioner`;
+}, $ = (e, r) => {
+  var t, i;
+  return ((i = (t = e.ids) == null ? void 0 : t.itemGroup) == null ? void 0 : i.call(t, r)) ?? `select:${e.id}:optgroup:${r}`;
+}, p = (e, r) => {
+  var t, i;
+  return ((i = (t = e.ids) == null ? void 0 : t.itemGroupLabel) == null ? void 0 : i.call(t, r)) ?? `select:${e.id}:optgroup-label:${r}`;
+}, u = (e) => e.getById(a(e)), m = (e) => e.getById(d(e)), b = (e) => e.getById(g(e)), y = (e) => e.getById(l(e)), B = (e) => e.getById(s(e)), E = (e, r) => r == null ? null : e.getById(o(e, r));
+export {
+  y as getClearTriggerEl,
+  l as getClearTriggerId,
+  m as getContentEl,
+  d as getContentId,
+  v as getControlId,
+  u as getHiddenSelectEl,
+  a as getHiddenSelectId,
+  E as getItemEl,
+  $ as getItemGroupId,
+  p as getItemGroupLabelId,
+  o as getItemId,
+  I as getLabelId,
+  B as getPositionerEl,
+  s as getPositionerId,
+  n as getRootId,
+  b as getTriggerEl,
+  g as getTriggerId
+};