@code0-tech/pictor 0.15.0 → 0.17.0

package/dist/components/form/InputSuggestion.js

@@ -1,218 +0,0 @@
-import { jsx as I, jsxs as B } from "react/jsx-runtime";
-import { c as x } from "../../_virtual/compiler-runtime.js";
-import { MenuItem as L, MenuContent as F, MenuLabel as k } from "../menu/Menu.js";
-import i from "react";
-import { ScrollArea as N, ScrollAreaViewport as O, ScrollAreaScrollbar as T, ScrollAreaThumb as j } from "../scroll-area/ScrollArea.js";
-import { IconChevronDown as $, IconChevronUp as z } from "@tabler/icons-react";
-const D = i.memo((l) => {
-  const e = x.c(17), {
-    suggestion: n,
-    visibleIndex: u,
-    isActive: p,
-    inputRef: d,
-    onSelect: v,
-    onActivate: c,
-    itemRef: f
-  } = l;
-  if (u === null)
-    return null;
-  let m;
-  if (e[0] !== d || e[1] !== c || e[2] !== u) {
-    const b = () => {
-      c(u), d?.current?.focus({
-        preventScroll: !0
-      });
-    };
-    m = (M) => {
-      M.preventDefault(), b();
-    }, e[0] = d, e[1] = c, e[2] = u, e[3] = m;
-  } else
-    m = e[3];
-  const g = m;
-  let a;
-  e[4] !== c || e[5] !== u ? (a = (b) => {
-    b.preventDefault(), b.stopPropagation(), c(u);
-  }, e[4] = c, e[5] = u, e[6] = a) : a = e[6];
-  const y = a;
-  let C;
-  e[7] !== v || e[8] !== n ? (C = () => setTimeout(() => v(n), 0), e[7] = v, e[8] = n, e[9] = C) : C = e[9];
-  let o;
-  return e[10] !== g || e[11] !== y || e[12] !== p || e[13] !== f || e[14] !== n.children || e[15] !== C ? (o = /* @__PURE__ */ I(L, { textValue: "", onPointerDown: g, onPointerMove: y, onSelect: C, "data-focus": p, ref: f, children: n.children }), e[10] = g, e[11] = y, e[12] = p, e[13] = f, e[14] = n.children, e[15] = C, e[16] = o) : o = e[16], o;
-}, (l, e) => l.suggestion === e.suggestion && l.visibleIndex === e.visibleIndex && l.isActive === e.isActive && l.inputRef === e.inputRef && l.onSelect === e.onSelect && l.onActivate === e.onActivate && l.itemRef === e.itemRef);
-D.displayName = "SuggestionMenuItem";
-const P = i.forwardRef((l, e) => {
-  const n = x.c(12);
-  let u, p, d;
-  n[0] !== l ? ({
-    children: u,
-    inputRef: p,
-    ...d
-  } = l, n[0] = l, n[1] = u, n[2] = p, n[3] = d) : (u = n[1], p = n[2], d = n[3]);
-  const v = i.useRef(null);
-  let c, f;
-  n[4] !== p ? (c = (g) => {
-    g.preventDefault(), p?.current?.focus({
-      preventScroll: !0
-    });
-  }, f = () => p?.current?.focus({
-    preventScroll: !0
-  }), n[4] = p, n[5] = c, n[6] = f) : (c = n[5], f = n[6]);
-  let m;
-  return n[7] !== u || n[8] !== d || n[9] !== c || n[10] !== f ? (m = /* @__PURE__ */ I(F, { ref: v, onContextMenuCapture: H, onInteractOutside: U, onCloseAutoFocus: q, onOpenAutoFocus: c, onFocusCapture: f, align: "start", sideOffset: 8, ...d, children: u }), n[7] = u, n[8] = d, n[9] = c, n[10] = f, n[11] = m) : m = n[11], m;
-});
-P.displayName = "InputSuggestionMenuContent";
-const Z = i.memo(P), V = i.forwardRef((l, e) => {
-  const {
-    suggestions: n,
-    onSuggestionSelect: u = () => {
-    },
-    inputRef: p,
-    ...d
-  } = l, v = i.useRef([]), c = i.useRef(/* @__PURE__ */ new Map()), [f, m] = i.useState({}), g = i.useRef(null), a = i.useCallback((t, r) => {
-    const s = g.current;
-    if (!(!r?.force && s === t) && (s !== null && v.current[s]?.removeAttribute("data-focus"), g.current = t, t !== null)) {
-      const h = v.current[t];
-      h && (h.setAttribute("data-focus", "true"), r?.scrollIntoView && h.scrollIntoView({
-        block: "nearest"
-      }));
-    }
-  }, []);
-  i.useEffect(() => {
-    if (!n) {
-      m({});
-      return;
-    }
-    m((t) => {
-      const r = {};
-      return n.forEach((s) => {
-        s.groupBy && (t.hasOwnProperty(s.groupBy) ? r[s.groupBy] = t[s.groupBy] : r[s.groupBy] = !1);
-      }), r;
-    });
-  }, [n]);
-  const {
-    groupLabelCount: y,
-    visibleSuggestionCount: C,
-    visibleSuggestions: o
-  } = i.useMemo(() => {
-    if (!n) return {
-      groupLabelCount: 0,
-      visibleSuggestionCount: 0,
-      visibleSuggestions: []
-    };
-    let t = 0, r = 0;
-    const s = [];
-    return n.forEach((h, A, R) => {
-      const S = A > 0 ? R[A - 1]?.groupBy : void 0;
-      h.groupBy && h.groupBy !== S && (t += 1), h.groupBy && f[h.groupBy] || (r += 1, s.push(h));
-    }), {
-      groupLabelCount: t,
-      visibleSuggestionCount: r,
-      visibleSuggestions: s
-    };
-  }, [f, n]);
-  i.useEffect(() => {
-    const t = g.current;
-    if (t !== null) {
-      if (t > o.length - 1) {
-        a(o.length ? o.length - 1 : null, {
-          force: !0
-        });
-        return;
-      }
-      a(t, {
-        force: !0
-      });
-    }
-  }, [a, o]), i.useImperativeHandle(e, () => ({
-    focusFirstItem: () => {
-      if (o.length)
-        return a(0, {
-          scrollIntoView: !0
-        }), o[0];
-    },
-    focusLastItem: () => {
-      if (!o.length) return;
-      const t = o.length - 1;
-      return a(t, {
-        scrollIntoView: !0
-      }), o[t];
-    },
-    highlightNextItem: () => {
-      if (!o.length) return;
-      const t = g.current, r = t === null ? 0 : Math.min(t + 1, o.length - 1);
-      return a(r, {
-        scrollIntoView: !0
-      }), o[r];
-    },
-    highlightPreviousItem: () => {
-      if (!o.length) return;
-      const t = g.current, r = t === null ? o.length - 1 : Math.max(t - 1, 0);
-      return a(r, {
-        scrollIntoView: !0
-      }), o[r];
-    },
-    selectActiveItem: () => {
-      const t = g.current;
-      if (t === null || !o[t]) return;
-      const r = o[t];
-      return setTimeout(() => u(r), 0), r;
-    },
-    clearActiveItem: () => a(null)
-  }), [u, a, o]);
-  const b = (t) => {
-    m((r) => ({
-      ...r,
-      [t]: !r[t]
-    }));
-  }, M = i.useCallback((t) => {
-    let r = c.current.get(t);
-    return r || (r = (s) => {
-      v.current[t] = s;
-    }, c.current.set(t, r)), r;
-  }, []);
-  let E = -1;
-  return /* @__PURE__ */ B(N, { h: `${Math.max(C + y, 1) * 27}px`, mah: "calc(var(--radix-popper-available-height) - 3rem - 69px)", ...d, children: [
-    /* @__PURE__ */ I(O, { children: n?.map((t, r, s) => {
-      const h = r > 0 ? s[r - 1]?.groupBy : void 0, A = t.groupBy && t.groupBy !== h, R = t.groupBy ? f[t.groupBy] : !1, S = R ? null : ++E, w = S !== null && g.current === S;
-      return /* @__PURE__ */ B(i.Fragment, { children: [
-        A && t.groupBy && /* @__PURE__ */ B(k, { onPointerDown: (G) => G.preventDefault(), onClick: () => b(t.groupBy), style: {
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "space-between",
-          cursor: "pointer"
-        }, children: [
-          /* @__PURE__ */ I("span", { children: t.groupBy }),
-          R ? /* @__PURE__ */ I($, { size: 16 }) : /* @__PURE__ */ I(z, { size: 16 })
-        ] }),
-        !R && /* @__PURE__ */ I(
-          D,
-          {
-            suggestion: t,
-            visibleIndex: S,
-            isActive: w,
-            inputRef: p,
-            onSelect: u,
-            onActivate: a,
-            itemRef: S !== null ? M(S) : void 0
-          }
-        )
-      ] }, r);
-    }) }),
-    /* @__PURE__ */ I(T, { orientation: "vertical", children: /* @__PURE__ */ I(j, {}) })
-  ] });
-});
-V.displayName = "InputSuggestionMenuContentItems";
-const _ = i.memo(V);
-function H(l) {
-  return l.stopPropagation();
-}
-function U(l) {
-  return l.target instanceof HTMLInputElement && l.preventDefault();
-}
-function q(l) {
-  return l.preventDefault();
-}
-export {
-  Z as InputSuggestionMenuContent,
-  _ as InputSuggestionMenuContentItems
-};