docthub-core-components 2.99.2 → 3.1.0

package/dist/hooks/use-exclusive-dropdown.js

@@ -0,0 +1,53 @@
+"use client";
+import { c as D } from "react-compiler-runtime";
+import { useState as b, useEffect as d } from "react";
+import { openDropdown as p, releaseDropdown as u } from "../lib/dropdown-manager.js";
+function x() {
+  const e = D(9), [f, _] = b(0);
+  let n;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = () => {
+    _(C);
+  }, e[0] = n) : n = e[0];
+  const t = n;
+  let r, c;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (r = () => () => {
+    u(t);
+  }, c = [t], e[1] = r, e[2] = c) : (r = e[1], c = e[2]), d(r, c);
+  let l;
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (l = () => {
+    p(t);
+  }, e[3] = l) : l = e[3];
+  const y = l;
+  let s;
+  e[4] === Symbol.for("react.memo_cache_sentinel") ? (s = (o) => {
+    o ? p(t) : u(t);
+  }, e[4] = s) : s = e[4];
+  const h = s;
+  let i;
+  e[5] === Symbol.for("react.memo_cache_sentinel") ? (i = (o) => {
+    (o.key === "Enter" || o.key === " " || o.key === "ArrowDown" || o.key === "ArrowUp") && p(t);
+  }, e[5] = i) : i = e[5];
+  const w = i;
+  let a;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (a = {
+    style: {
+      display: "contents"
+    },
+    onPointerDownCapture: y,
+    onFocusCapture: y,
+    onKeyDownCapture: w
+  }, e[6] = a) : a = e[6];
+  const S = a;
+  let m;
+  return e[7] !== f ? (m = {
+    instanceKey: f,
+    containerProps: S,
+    onOpenChange: h
+  }, e[7] = f, e[8] = m) : m = e[8], m;
+}
+function C(e) {
+  return e + 1;
+}
+export {
+  x as useExclusiveDropdown
+};

package/dist/hooks/use-mobile.js

@@ -0,0 +1,19 @@
+"use client";
+import { c } from "react-compiler-runtime";
+import * as r from "react";
+const n = 1024;
+function h() {
+  const e = c(2), [a, o] = r.useState(void 0);
+  let t, i;
+  return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = () => {
+    if (globalThis.window === void 0)
+      return;
+    const s = globalThis.window.matchMedia(`(max-width: ${n - 1}px)`), l = () => {
+      o(globalThis.window.innerWidth < n);
+    };
+    return s.addEventListener("change", l), o(globalThis.window.innerWidth < n), () => s.removeEventListener("change", l);
+  }, i = [], e[0] = t, e[1] = i) : (t = e[0], i = e[1]), r.useEffect(t, i), !!a;
+}
+export {
+  h as useIsMobile
+};

package/dist/hooks/useAutocompleteCheckbox.js

@@ -0,0 +1,204 @@
+"use client";
+import { useState as A, useRef as O, useMemo as U, useCallback as a, useEffect as V } from "react";
+import { getFloatingDropdownPosition as C } from "../lib/get-floating-dropdown-position.js";
+import { getScrollParentClipRects as ee, getScrollParents as te } from "../lib/get-scroll-parents.js";
+const re = (r, u) => u && typeof r == "object" && r !== null ? r[u.text] : typeof r == "string" ? r : (r == null ? void 0 : r.label) || "", se = (r, u) => u && typeof r == "object" && r !== null ? r[u.value] : typeof r == "string" ? r : (r == null ? void 0 : r.value) || r, ce = (r, u, o, s) => o(r, s) === o(u, s), K = (r) => {
+  if (r == null) return "";
+  try {
+    return String(r).toLowerCase().replace(/[^a-z0-9]/g, "");
+  } catch {
+    return "";
+  }
+}, oe = (r, u, o, s) => {
+  if (!u) return r;
+  const w = K(u);
+  return r.filter((P) => {
+    const R = o(P, s);
+    return K(R).includes(w);
+  });
+};
+function ue({
+  // Core props
+  options: r = [],
+  value: u = [],
+  onChange: o,
+  onInputChange: s,
+  // Behavior props
+  disabled: w = !1,
+  disableCloseOnSelect: P = !0,
+  freeSolo: R,
+  // Advanced props
+  fields: p,
+  getOptionLabel: z = (c) => re(c, p),
+  getOptionValue: q = (c) => se(c, p),
+  isOptionEqualToValue: G,
+  filterOptions: g
+}) {
+  const [c, d] = A(!1), [i, b] = A(""), [x, S] = A(-1), [, k] = A(!1), [M, J] = A({
+    top: 0,
+    left: 0,
+    width: 0,
+    maxHeight: 0,
+    placement: "bottom"
+  }), T = O(null), j = O(null), L = O(null), H = O(null), B = O(!1), y = U(() => G || ((e, t) => ce(e, t, q, p)), [G, q, p]), N = a((e) => {
+    try {
+      return z(e);
+    } catch {
+      return String(e);
+    }
+  }, [z]), E = U(() => u ?? [], [u]), v = r ?? [], D = U(() => {
+    const e = v;
+    if (g)
+      return g(e, {
+        inputValue: i
+      });
+    const t = oe(e, i, z, p);
+    if (R && i && i.trim() !== "")
+      if (v.length === 0 || v.every((l) => typeof l == "string")) {
+        if (!t.some((n) => N(n).toLowerCase() === i.toLowerCase()))
+          return [...t, i];
+      } else
+        process.env.NODE_ENV !== "production" && console.warn("[useAutocompleteCheckbox] freeSolo is only supported for string types. For object types, consider using a different approach or constraining your generic to string.");
+    return t;
+  }, [v, i, g, z, p, R, N]), Q = a((e) => E.some((t) => y(e, t)), [E, y]), m = a(() => {
+    const e = H.current || L.current;
+    if (e) {
+      const t = ee(e);
+      J(C({
+        anchorRect: e.getBoundingClientRect(),
+        placement: "auto",
+        strategy: "fixed",
+        clipRects: t
+      }));
+    }
+  }, []), W = a((e) => {
+    const t = e.target.value;
+    k(!0), b(t), s == null || s(e, t), !c && t && d(!0);
+  }, [c, s]), F = a((e) => {
+    if (w) return;
+    const t = E, f = t.some((n) => y(e, n));
+    let l;
+    f ? l = t.filter((n) => !y(e, n)) : l = [...t, e], o == null || o(null, l), k(!1), P || d(!1), setTimeout(() => {
+      var n;
+      (n = T.current) == null || n.focus();
+    }, 0), S(-1);
+  }, [w, E, y, o, P]), X = a((e) => {
+    if (w) return;
+    const t = E.filter((f) => !y(e, f));
+    o == null || o(null, t);
+  }, [w, E, y, o]), Y = a((e) => {
+    e.stopPropagation(), b(""), k(!1), s == null || s({
+      target: {
+        value: ""
+      }
+    }, ""), setTimeout(() => {
+      T.current && (T.current.value = "", T.current.focus());
+    }, 0), d(!1);
+  }, [s]), Z = a(() => {
+    w || (o == null || o(null, []), b(""));
+  }, [w, o]), $ = a((e) => {
+    if (!c && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
+      d(!0);
+      return;
+    }
+    if (c)
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), S((t) => t < D.length - 1 ? t + 1 : 0);
+          break;
+        case "ArrowUp":
+          e.preventDefault(), S((t) => t > 0 ? t - 1 : D.length - 1);
+          break;
+        case "Enter":
+          e.preventDefault(), x >= 0 && D[x] ? F(D[x]) : R && i && (v.length === 0 || v.every((f) => typeof f == "string") ? F(i) : process.env.NODE_ENV !== "production" && console.warn("[useAutocompleteCheckbox] freeSolo Enter key is only supported for string types. For object types, consider using a different approach or constraining your generic to string."));
+          break;
+        case "Escape":
+          d(!1), S(-1);
+          break;
+        case "Tab":
+          d(!1);
+          break;
+      }
+  }, [c, D, x, F, R, i, v]), _ = a(() => {
+    c || i === "" && (s == null || s({
+      target: {
+        value: ""
+      }
+    }, "")), d(!c);
+  }, [c, i, s]), h = a(() => {
+    m(), d(!0), k(!1);
+  }, [m]);
+  return V(() => {
+    B.current && !c && (b(""), k(!1), s == null || s({
+      target: {
+        value: ""
+      }
+    }, "")), B.current = c;
+  }, [c, s]), V(() => {
+    if (!(c || i !== "")) return;
+    const t = (f) => {
+      const l = f.target, n = L.current ? !L.current.contains(l) : !0, I = j.current ? !j.current.contains(l) : !0;
+      n && I && (d(!1), b(""), k(!1), s == null || s({
+        target: {
+          value: ""
+        }
+      }, ""));
+    };
+    return typeof window < "u" && document.addEventListener("pointerdown", t, !0), () => {
+      typeof window < "u" && document.removeEventListener("pointerdown", t, !0);
+    };
+  }, [c, i, s]), V(() => {
+    c && (m(), requestAnimationFrame(() => {
+      m();
+    }));
+  }, [c, m]), V(() => {
+    if (!c || typeof window > "u") return;
+    const e = () => {
+      m();
+    }, t = H.current ?? L.current, f = te(t), l = typeof ResizeObserver > "u" ? null : new ResizeObserver(() => {
+      m();
+    });
+    return l == null || l.observe(t ?? document.body), f.forEach((n) => {
+      n.addEventListener("scroll", e, {
+        passive: !0
+      });
+    }), window.addEventListener("resize", e), () => {
+      l == null || l.disconnect(), f.forEach((n) => {
+        n.removeEventListener("scroll", e);
+      }), window.removeEventListener("resize", e);
+    };
+  }, [c, m]), {
+    // State
+    open: c,
+    inputValue: i,
+    highlightedIndex: x,
+    filteredOptions: D,
+    selectedOptions: E,
+    dropdownPosition: M,
+    // Refs
+    inputRef: T,
+    listRef: j,
+    containerRef: L,
+    triggerRef: H,
+    // Actions
+    setOpen: d,
+    setInputValue: b,
+    setHighlightedIndex: S,
+    handleInputChange: W,
+    handleOptionSelect: F,
+    handleTagRemove: X,
+    handleClear: Y,
+    handleClearAll: Z,
+    handleKeyDown: $,
+    handleToggle: _,
+    handleFocus: h,
+    updateDropdownPosition: m,
+    // Utilities
+    isOptionSelected: Q,
+    getOptionLabelSafe: N,
+    memoizedIsOptionEqualToValue: y
+  };
+}
+export {
+  ue as useAutocompleteCheckbox
+};