@bitrise/bitkit-v2 0.3.53 → 0.3.55

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

@@ -0,0 +1,684 @@
+import { createAnatomy as S } from "../../anatomy/dist/index.js";
+import { ListCollection as C } from "../../collection/dist/index.js";
+import { raf as m, getInitialFocus as L, observeAttributes as y, trackFormControl as H, getByTypeahead as G, scrollIntoView as N } from "../../dom-query/dist/index.js";
+import { getPlacement as O } from "../../popper/dist/index.js";
+import { addOrRemove as f, isEqual as k } from "../../utils/dist/index.js";
+import { createMachine as P, createGuards as A } from "../../core/dist/index.js";
+import { trackDismissableElement as D } from "../../dismissable/dist/index.js";
+import { createProps as h } from "../../types/dist/index.js";
+var b = S("select").parts(
+  "label",
+  "positioner",
+  "trigger",
+  "indicator",
+  "clearTrigger",
+  "item",
+  "itemText",
+  "itemIndicator",
+  "itemGroup",
+  "itemGroupLabel",
+  "list",
+  "content",
+  "root",
+  "control",
+  "valueText"
+);
+b.build();
+var V = (e) => new C(e);
+V.empty = () => new C({ items: [] });
+var M = (e) => e.ids?.content ?? `select:${e.id}:content`, w = (e) => e.ids?.trigger ?? `select:${e.id}:trigger`, W = (e) => e.ids?.clearTrigger ?? `select:${e.id}:clear-trigger`, _ = (e, t) => e.ids?.item?.(t) ?? `select:${e.id}:option:${t}`, U = (e) => e.ids?.hiddenSelect ?? `select:${e.id}:select`, B = (e) => e.ids?.positioner ?? `select:${e.id}:positioner`, I = (e) => e.getById(U(e)), r = (e) => e.getById(M(e)), u = (e) => e.getById(w(e)), $ = (e) => e.getById(W(e)), p = (e) => e.getById(B(e)), v = (e, t) => t == null ? null : e.getById(_(e, t)), { and: c, not: o, or: K } = A();
+P({
+  props({ props: e }) {
+    return {
+      loopFocus: !1,
+      closeOnSelect: !e.multiple,
+      composite: !0,
+      defaultValue: [],
+      ...e,
+      collection: e.collection ?? V.empty(),
+      positioning: {
+        placement: "bottom-start",
+        gutter: 8,
+        ...e.positioning
+      }
+    };
+  },
+  context({ prop: e, bindable: t }) {
+    return {
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        isEqual: k,
+        onChange(l) {
+          const i = e("collection").findMany(l);
+          return e("onValueChange")?.({ value: l, items: i });
+        }
+      })),
+      highlightedValue: t(() => ({
+        defaultValue: e("defaultHighlightedValue") || null,
+        value: e("highlightedValue"),
+        onChange(l) {
+          e("onHighlightChange")?.({
+            highlightedValue: l,
+            highlightedItem: e("collection").find(l),
+            highlightedIndex: e("collection").indexOf(l)
+          });
+        }
+      })),
+      currentPlacement: t(() => ({
+        defaultValue: void 0
+      })),
+      fieldsetDisabled: t(() => ({
+        defaultValue: !1
+      })),
+      highlightedItem: t(() => ({
+        defaultValue: null
+      })),
+      selectedItems: t(() => {
+        const l = e("value") ?? e("defaultValue") ?? [];
+        return { defaultValue: e("collection").findMany(l) };
+      })
+    };
+  },
+  refs() {
+    return {
+      typeahead: { ...G.defaultOptions }
+    };
+  },
+  computed: {
+    hasSelectedItems: ({ context: e }) => e.get("value").length > 0,
+    isTypingAhead: ({ refs: e }) => e.get("typeahead").keysSoFar !== "",
+    isDisabled: ({ prop: e, context: t }) => !!e("disabled") || !!t.get("fieldsetDisabled"),
+    isInteractive: ({ prop: e }) => !(e("disabled") || e("readOnly")),
+    valueAsString: ({ context: e, prop: t }) => t("collection").stringifyItems(e.get("selectedItems"))
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") ? "open" : "idle";
+  },
+  entry: ["syncSelectElement"],
+  watch({ context: e, prop: t, track: l, action: i }) {
+    l([() => e.get("value").toString()], () => {
+      i(["syncSelectedItems", "syncSelectElement", "dispatchChangeEvent"]);
+    }), l([() => t("open")], () => {
+      i(["toggleVisibility"]);
+    }), l([() => e.get("highlightedValue")], () => {
+      i(["syncHighlightedItem"]);
+    }), l([() => t("collection").toString()], () => {
+      i(["syncCollection"]);
+    });
+  },
+  on: {
+    "HIGHLIGHTED_VALUE.SET": {
+      actions: ["setHighlightedItem"]
+    },
+    "HIGHLIGHTED_VALUE.CLEAR": {
+      actions: ["clearHighlightedItem"]
+    },
+    "ITEM.SELECT": {
+      actions: ["selectItem"]
+    },
+    "ITEM.CLEAR": {
+      actions: ["clearItem"]
+    },
+    "VALUE.SET": {
+      actions: ["setSelectedItems"]
+    },
+    "VALUE.CLEAR": {
+      actions: ["clearSelectedItems"]
+    },
+    "CLEAR.CLICK": {
+      actions: ["clearSelectedItems", "focusTriggerEl"]
+    }
+  },
+  effects: ["trackFormControlState"],
+  states: {
+    idle: {
+      tags: ["closed"],
+      on: {
+        "CONTROLLED.OPEN": [
+          {
+            guard: "isTriggerClickEvent",
+            target: "open",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setInitialFocus", "highlightFirstSelectedItem"]
+          }
+        ],
+        "TRIGGER.FOCUS": {
+          target: "focused"
+        },
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen"]
+          }
+        ]
+      }
+    },
+    focused: {
+      tags: ["closed"],
+      on: {
+        "CONTROLLED.OPEN": [
+          {
+            guard: "isTriggerClickEvent",
+            target: "open",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem"]
+          },
+          {
+            guard: "isTriggerArrowUpEvent",
+            target: "open",
+            actions: ["setInitialFocus", "highlightComputedLastItem"]
+          },
+          {
+            guard: K("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
+            target: "open",
+            actions: ["setInitialFocus", "highlightComputedFirstItem"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus"]
+          }
+        ],
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen"]
+          }
+        ],
+        "TRIGGER.BLUR": {
+          target: "idle"
+        },
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightFirstSelectedItem"]
+          }
+        ],
+        "TRIGGER.ENTER": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
+          }
+        ],
+        "TRIGGER.ARROW_UP": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedLastItem"]
+          }
+        ],
+        "TRIGGER.ARROW_DOWN": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
+          }
+        ],
+        "TRIGGER.ARROW_LEFT": [
+          {
+            guard: c(o("multiple"), "hasSelectedItems"),
+            actions: ["selectPreviousItem"]
+          },
+          {
+            guard: o("multiple"),
+            actions: ["selectLastItem"]
+          }
+        ],
+        "TRIGGER.ARROW_RIGHT": [
+          {
+            guard: c(o("multiple"), "hasSelectedItems"),
+            actions: ["selectNextItem"]
+          },
+          {
+            guard: o("multiple"),
+            actions: ["selectFirstItem"]
+          }
+        ],
+        "TRIGGER.HOME": {
+          guard: o("multiple"),
+          actions: ["selectFirstItem"]
+        },
+        "TRIGGER.END": {
+          guard: o("multiple"),
+          actions: ["selectLastItem"]
+        },
+        "TRIGGER.TYPEAHEAD": {
+          guard: o("multiple"),
+          actions: ["selectMatchingItem"]
+        }
+      }
+    },
+    open: {
+      tags: ["open"],
+      exit: ["scrollContentToTop"],
+      effects: ["trackDismissableElement", "computePlacement", "scrollToHighlightedItem"],
+      on: {
+        "CONTROLLED.CLOSE": [
+          {
+            guard: "restoreFocus",
+            target: "focused",
+            actions: ["focusTriggerEl", "clearHighlightedItem"]
+          },
+          {
+            target: "idle",
+            actions: ["clearHighlightedItem"]
+          }
+        ],
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: "restoreFocus",
+            target: "focused",
+            actions: ["invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose", "clearHighlightedItem"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["invokeOnClose", "clearHighlightedItem"]
+          }
+        ],
+        "ITEM.CLICK": [
+          {
+            guard: c("closeOnSelect", "isOpenControlled"),
+            actions: ["selectHighlightedItem", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "focused",
+            actions: ["selectHighlightedItem", "invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
+          },
+          {
+            actions: ["selectHighlightedItem"]
+          }
+        ],
+        "CONTENT.HOME": {
+          actions: ["highlightFirstItem"]
+        },
+        "CONTENT.END": {
+          actions: ["highlightLastItem"]
+        },
+        "CONTENT.ARROW_DOWN": [
+          {
+            guard: c("hasHighlightedItem", "loop", "isLastItemHighlighted"),
+            actions: ["highlightFirstItem"]
+          },
+          {
+            guard: "hasHighlightedItem",
+            actions: ["highlightNextItem"]
+          },
+          {
+            actions: ["highlightFirstItem"]
+          }
+        ],
+        "CONTENT.ARROW_UP": [
+          {
+            guard: c("hasHighlightedItem", "loop", "isFirstItemHighlighted"),
+            actions: ["highlightLastItem"]
+          },
+          {
+            guard: "hasHighlightedItem",
+            actions: ["highlightPreviousItem"]
+          },
+          {
+            actions: ["highlightLastItem"]
+          }
+        ],
+        "CONTENT.TYPEAHEAD": {
+          actions: ["highlightMatchingItem"]
+        },
+        "ITEM.POINTER_MOVE": {
+          actions: ["highlightItem"]
+        },
+        "ITEM.POINTER_LEAVE": {
+          actions: ["clearHighlightedItem"]
+        },
+        "POSITIONING.SET": {
+          actions: ["reposition"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      loop: ({ prop: e }) => !!e("loopFocus"),
+      multiple: ({ prop: e }) => !!e("multiple"),
+      hasSelectedItems: ({ computed: e }) => !!e("hasSelectedItems"),
+      hasHighlightedItem: ({ context: e }) => e.get("highlightedValue") != null,
+      isFirstItemHighlighted: ({ context: e, prop: t }) => e.get("highlightedValue") === t("collection").firstValue,
+      isLastItemHighlighted: ({ context: e, prop: t }) => e.get("highlightedValue") === t("collection").lastValue,
+      closeOnSelect: ({ prop: e, event: t }) => !!(t.closeOnSelect ?? e("closeOnSelect")),
+      restoreFocus: ({ event: e }) => T(e),
+      // guard assertions (for controlled mode)
+      isOpenControlled: ({ prop: e }) => e("open") !== void 0,
+      isTriggerClickEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.CLICK",
+      isTriggerEnterEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.ENTER",
+      isTriggerArrowUpEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.ARROW_UP",
+      isTriggerArrowDownEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.ARROW_DOWN"
+    },
+    effects: {
+      trackFormControlState({ context: e, scope: t }) {
+        return H(I(t), {
+          onFieldsetDisabledChange(l) {
+            e.set("fieldsetDisabled", l);
+          },
+          onFormReset() {
+            const l = e.initial("value");
+            e.set("value", l);
+          }
+        });
+      },
+      trackDismissableElement({ scope: e, send: t, prop: l }) {
+        const i = () => r(e);
+        let n = !0;
+        return D(i, {
+          type: "listbox",
+          defer: !0,
+          exclude: [u(e), $(e)],
+          onFocusOutside: l("onFocusOutside"),
+          onPointerDownOutside: l("onPointerDownOutside"),
+          onInteractOutside(s) {
+            l("onInteractOutside")?.(s), n = !(s.detail.focusable || s.detail.contextmenu);
+          },
+          onDismiss() {
+            t({ type: "CLOSE", src: "interact-outside", restoreFocus: n });
+          }
+        });
+      },
+      computePlacement({ context: e, prop: t, scope: l }) {
+        const i = t("positioning");
+        return e.set("currentPlacement", i.placement), O(() => u(l), () => p(l), {
+          defer: !0,
+          ...i,
+          onComplete(a) {
+            e.set("currentPlacement", a.placement);
+          }
+        });
+      },
+      scrollToHighlightedItem({ context: e, prop: t, scope: l, event: i }) {
+        const n = (a) => {
+          const g = e.get("highlightedValue");
+          if (g == null || i.current().type.includes("POINTER")) return;
+          const d = r(l), E = t("scrollToIndexFn");
+          if (E) {
+            const F = t("collection").indexOf(g);
+            E?.({
+              index: F,
+              immediate: a,
+              getElement: () => v(l, g)
+            });
+            return;
+          }
+          const R = v(l, g);
+          N(R, { rootEl: d, block: "nearest" });
+        };
+        return m(() => n(!0)), y(() => r(l), {
+          defer: !0,
+          attributes: ["data-activedescendant"],
+          callback() {
+            n(!1);
+          }
+        });
+      }
+    },
+    actions: {
+      reposition({ context: e, prop: t, scope: l, event: i }) {
+        const n = () => p(l);
+        O(u(l), n, {
+          ...t("positioning"),
+          ...i.options,
+          defer: !0,
+          listeners: !1,
+          onComplete(s) {
+            e.set("currentPlacement", s.placement);
+          }
+        });
+      },
+      toggleVisibility({ send: e, prop: t, event: l }) {
+        e({ type: t("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: l });
+      },
+      highlightPreviousItem({ context: e, prop: t }) {
+        const l = e.get("highlightedValue");
+        if (l == null) return;
+        const i = t("collection").getPreviousValue(l, 1, t("loopFocus"));
+        i != null && e.set("highlightedValue", i);
+      },
+      highlightNextItem({ context: e, prop: t }) {
+        const l = e.get("highlightedValue");
+        if (l == null) return;
+        const i = t("collection").getNextValue(l, 1, t("loopFocus"));
+        i != null && e.set("highlightedValue", i);
+      },
+      highlightFirstItem({ context: e, prop: t }) {
+        const l = t("collection").firstValue;
+        e.set("highlightedValue", l);
+      },
+      highlightLastItem({ context: e, prop: t }) {
+        const l = t("collection").lastValue;
+        e.set("highlightedValue", l);
+      },
+      setInitialFocus({ scope: e }) {
+        m(() => {
+          L({
+            root: r(e)
+          })?.focus({ preventScroll: !0 });
+        });
+      },
+      focusTriggerEl({ event: e, scope: t }) {
+        T(e) && m(() => {
+          u(t)?.focus({ preventScroll: !0 });
+        });
+      },
+      selectHighlightedItem({ context: e, prop: t, event: l }) {
+        let i = l.value ?? e.get("highlightedValue");
+        if (i == null || !t("collection").has(i)) return;
+        t("onSelect")?.({ value: i }), i = t("deselectable") && !t("multiple") && e.get("value").includes(i) ? null : i, e.set("value", (s) => i == null ? [] : t("multiple") ? f(s, i) : [i]);
+      },
+      highlightComputedFirstItem({ context: e, prop: t, computed: l }) {
+        const i = t("collection"), n = l("hasSelectedItems") ? i.sort(e.get("value"))[0] : i.firstValue;
+        e.set("highlightedValue", n);
+      },
+      highlightComputedLastItem({ context: e, prop: t, computed: l }) {
+        const i = t("collection"), n = l("hasSelectedItems") ? i.sort(e.get("value"))[0] : i.lastValue;
+        e.set("highlightedValue", n);
+      },
+      highlightFirstSelectedItem({ context: e, prop: t, computed: l }) {
+        if (!l("hasSelectedItems")) return;
+        const i = t("collection").sort(e.get("value"))[0];
+        e.set("highlightedValue", i);
+      },
+      highlightItem({ context: e, event: t }) {
+        e.set("highlightedValue", t.value);
+      },
+      highlightMatchingItem({ context: e, prop: t, event: l, refs: i }) {
+        const n = t("collection").search(l.key, {
+          state: i.get("typeahead"),
+          currentValue: e.get("highlightedValue")
+        });
+        n != null && e.set("highlightedValue", n);
+      },
+      setHighlightedItem({ context: e, event: t }) {
+        e.set("highlightedValue", t.value);
+      },
+      clearHighlightedItem({ context: e }) {
+        e.set("highlightedValue", null);
+      },
+      selectItem({ context: e, prop: t, event: l }) {
+        t("onSelect")?.({ value: l.value });
+        const n = t("deselectable") && !t("multiple") && e.get("value").includes(l.value) ? null : l.value;
+        e.set("value", (s) => n == null ? [] : t("multiple") ? f(s, n) : [n]);
+      },
+      clearItem({ context: e, event: t }) {
+        e.set("value", (l) => l.filter((i) => i !== t.value));
+      },
+      setSelectedItems({ context: e, event: t }) {
+        e.set("value", t.value);
+      },
+      clearSelectedItems({ context: e }) {
+        e.set("value", []);
+      },
+      selectPreviousItem({ context: e, prop: t }) {
+        const [l] = e.get("value"), i = t("collection").getPreviousValue(l);
+        i && e.set("value", [i]);
+      },
+      selectNextItem({ context: e, prop: t }) {
+        const [l] = e.get("value"), i = t("collection").getNextValue(l);
+        i && e.set("value", [i]);
+      },
+      selectFirstItem({ context: e, prop: t }) {
+        const l = t("collection").firstValue;
+        l && e.set("value", [l]);
+      },
+      selectLastItem({ context: e, prop: t }) {
+        const l = t("collection").lastValue;
+        l && e.set("value", [l]);
+      },
+      selectMatchingItem({ context: e, prop: t, event: l, refs: i }) {
+        const n = t("collection").search(l.key, {
+          state: i.get("typeahead"),
+          currentValue: e.get("value")[0]
+        });
+        n != null && e.set("value", [n]);
+      },
+      scrollContentToTop({ prop: e, scope: t }) {
+        if (e("scrollToIndexFn")) {
+          const l = e("collection").firstValue;
+          e("scrollToIndexFn")?.({
+            index: 0,
+            immediate: !0,
+            getElement: () => v(t, l)
+          });
+        } else
+          r(t)?.scrollTo(0, 0);
+      },
+      invokeOnOpen({ prop: e }) {
+        e("onOpenChange")?.({ open: !0 });
+      },
+      invokeOnClose({ prop: e }) {
+        e("onOpenChange")?.({ open: !1 });
+      },
+      syncSelectElement({ context: e, prop: t, scope: l }) {
+        const i = I(l);
+        if (i) {
+          if (e.get("value").length === 0 && !t("multiple")) {
+            i.selectedIndex = -1;
+            return;
+          }
+          for (const n of i.options)
+            n.selected = e.get("value").includes(n.value);
+        }
+      },
+      syncCollection({ context: e, prop: t }) {
+        const l = t("collection"), i = l.find(e.get("highlightedValue"));
+        i && e.set("highlightedItem", i);
+        const n = l.findMany(e.get("value"));
+        e.set("selectedItems", n);
+      },
+      syncSelectedItems({ context: e, prop: t }) {
+        const l = t("collection"), i = e.get("selectedItems"), s = e.get("value").map((a) => i.find((d) => l.getItemValue(d) === a) || l.find(a));
+        e.set("selectedItems", s);
+      },
+      syncHighlightedItem({ context: e, prop: t }) {
+        const l = t("collection"), i = e.get("highlightedValue"), n = i ? l.find(i) : null;
+        e.set("highlightedItem", n);
+      },
+      dispatchChangeEvent({ scope: e }) {
+        queueMicrotask(() => {
+          const t = I(e);
+          if (!t) return;
+          const l = e.getWin(), i = new l.Event("change", { bubbles: !0, composed: !0 });
+          t.dispatchEvent(i);
+        });
+      }
+    }
+  }
+});
+function T(e) {
+  const t = e.restoreFocus ?? e.previousEvent?.restoreFocus;
+  return t == null || !!t;
+}
+h()([
+  "closeOnSelect",
+  "collection",
+  "composite",
+  "defaultHighlightedValue",
+  "defaultOpen",
+  "defaultValue",
+  "deselectable",
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "highlightedValue",
+  "id",
+  "ids",
+  "invalid",
+  "loopFocus",
+  "multiple",
+  "name",
+  "onFocusOutside",
+  "onHighlightChange",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "onSelect",
+  "onValueChange",
+  "open",
+  "positioning",
+  "readOnly",
+  "required",
+  "scrollToIndexFn",
+  "value"
+]);
+h()(["item", "persistFocus"]);
+h()(["id"]);
+h()(["htmlFor"]);
+export {
+  b as anatomy,
+  V as collection
+};