@boxcustodia/library 0.5.4 → 0.5.6

package/dist/index.es487.js

@@ -1,170 +1,121 @@
-import y from "react";
-class z {
-  build(e, l) {
-    return this.context = l, p(() => this.iterateCollection(e));
-  }
-  *iterateCollection(e) {
-    let { children: l, items: u } = e;
-    if (y.isValidElement(l) && l.type === y.Fragment) yield* this.iterateCollection({
-      children: l.props.children,
-      items: u
-    });
-    else if (typeof l == "function") {
-      if (!u) throw new Error("props.children was a function but props.items is missing");
-      let n = 0;
-      for (let r of u)
-        yield* this.getFullNode({
-          value: r,
-          index: n
-        }, {
-          renderer: l
-        }), n++;
-    } else {
-      let n = [];
-      y.Children.forEach(l, (t) => {
-        t && n.push(t);
-      });
-      let r = 0;
-      for (let t of n) {
-        let d = this.getFullNode({
-          element: t,
-          index: r
-        }, {});
-        for (let m of d)
-          r++, yield m;
-      }
-    }
+import { DOMLayoutDelegate as n } from "./index.es488.js";
+import { isScrollable as r } from "./index.es438.js";
+class g {
+  isDisabled(t) {
+    var e;
+    return this.disabledBehavior === "all" && (((e = t.props) === null || e === void 0 ? void 0 : e.isDisabled) || this.disabledKeys.has(t.key));
   }
-  getKey(e, l, u, n) {
-    if (e.key != null) return e.key;
-    if (l.type === "cell" && l.key != null) return `${n}${l.key}`;
-    let r = l.value;
-    if (r != null) {
-      var t;
-      let d = (t = r.key) !== null && t !== void 0 ? t : r.id;
-      if (d == null) throw new Error("No key found for item");
-      return d;
-    }
-    return n ? `${n}.${l.index}` : `$.${l.index}`;
-  }
-  getChildState(e, l) {
-    return {
-      renderer: l.renderer || e.renderer
-    };
-  }
-  *getFullNode(e, l, u, n) {
-    if (y.isValidElement(e.element) && e.element.type === y.Fragment) {
-      let i = [];
-      y.Children.forEach(e.element.props.children, (s) => {
-        i.push(s);
-      });
-      var r;
-      let o = (r = e.index) !== null && r !== void 0 ? r : 0;
-      for (const s of i) yield* this.getFullNode({
-        element: s,
-        index: o++
-      }, l, u, n);
-      return;
+  findNextNonDisabled(t, e) {
+    let l = t;
+    for (; l != null; ) {
+      let i = this.collection.getItem(l);
+      if ((i == null ? void 0 : i.type) === "item" && !this.isDisabled(i)) return l;
+      l = e(l);
     }
-    let t = e.element;
-    if (!t && e.value && l && l.renderer) {
-      let i = this.cache.get(e.value);
-      if (i && (!i.shouldInvalidate || !i.shouldInvalidate(this.context))) {
-        i.index = e.index, i.parentKey = n ? n.key : null, yield i;
-        return;
-      }
-      t = l.renderer(e.value);
+    return null;
+  }
+  getNextKey(t) {
+    let e = t;
+    return e = this.collection.getKeyAfter(e), this.findNextNonDisabled(e, (l) => this.collection.getKeyAfter(l));
+  }
+  getPreviousKey(t) {
+    let e = t;
+    return e = this.collection.getKeyBefore(e), this.findNextNonDisabled(e, (l) => this.collection.getKeyBefore(l));
+  }
+  findKey(t, e, l) {
+    let i = t, s = this.layoutDelegate.getItemRect(i);
+    if (!s || i == null) return null;
+    let o = s;
+    do {
+      if (i = e(i), i == null) break;
+      s = this.layoutDelegate.getItemRect(i);
+    } while (s && l(o, s) && i != null);
+    return i;
+  }
+  isSameRow(t, e) {
+    return t.y === e.y || t.x !== e.x;
+  }
+  isSameColumn(t, e) {
+    return t.x === e.x || t.y !== e.y;
+  }
+  getKeyBelow(t) {
+    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getNextKey(e), this.isSameRow) : this.getNextKey(t);
+  }
+  getKeyAbove(t) {
+    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getPreviousKey(e), this.isSameRow) : this.getPreviousKey(t);
+  }
+  getNextColumn(t, e) {
+    return e ? this.getPreviousKey(t) : this.getNextKey(t);
+  }
+  getKeyRightOf(t) {
+    let e = this.direction === "ltr" ? "getKeyRightOf" : "getKeyLeftOf";
+    return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (l) => this.layoutDelegate[e](l))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "rtl") : this.findKey(t, (l) => this.getNextColumn(l, this.direction === "rtl"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "rtl") : null;
+  }
+  getKeyLeftOf(t) {
+    let e = this.direction === "ltr" ? "getKeyLeftOf" : "getKeyRightOf";
+    return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (l) => this.layoutDelegate[e](l))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "ltr") : this.findKey(t, (l) => this.getNextColumn(l, this.direction === "ltr"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "ltr") : null;
+  }
+  getFirstKey() {
+    let t = this.collection.getFirstKey();
+    return this.findNextNonDisabled(t, (e) => this.collection.getKeyAfter(e));
+  }
+  getLastKey() {
+    let t = this.collection.getLastKey();
+    return this.findNextNonDisabled(t, (e) => this.collection.getKeyBefore(e));
+  }
+  getKeyPageAbove(t) {
+    let e = this.ref.current, l = this.layoutDelegate.getItemRect(t);
+    if (!l) return null;
+    if (e && !r(e)) return this.getFirstKey();
+    let i = t;
+    if (this.orientation === "horizontal") {
+      let s = Math.max(0, l.x + l.width - this.layoutDelegate.getVisibleRect().width);
+      for (; l && l.x > s && i != null; )
+        i = this.getKeyAbove(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+    } else {
+      let s = Math.max(0, l.y + l.height - this.layoutDelegate.getVisibleRect().height);
+      for (; l && l.y > s && i != null; )
+        i = this.getKeyAbove(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
     }
-    if (y.isValidElement(t)) {
-      let i = t.type;
-      if (typeof i != "function" && typeof i.getCollectionNode != "function") {
-        let h = t.type;
-        throw new Error(`Unknown element <${h}> in collection.`);
-      }
-      let o = i.getCollectionNode(t.props, this.context);
-      var d;
-      let s = (d = e.index) !== null && d !== void 0 ? d : 0, v = o.next();
-      for (; !v.done && v.value; ) {
-        let h = v.value;
-        e.index = s;
-        var m;
-        let b = (m = h.key) !== null && m !== void 0 ? m : null;
-        b == null && (b = h.element ? null : this.getKey(t, e, l, u));
-        let V = [
-          ...this.getFullNode({
-            ...h,
-            key: b,
-            index: s,
-            wrapper: I(e.wrapper, h.wrapper)
-          }, this.getChildState(l, h), u ? `${u}${t.key}` : t.key, n)
-        ];
-        for (let c of V) {
-          var x, k;
-          c.value = (k = (x = h.value) !== null && x !== void 0 ? x : e.value) !== null && k !== void 0 ? k : null, c.value && this.cache.set(c.value, c);
-          var w;
-          if (e.type && c.type !== e.type) throw new Error(`Unsupported type <${E(c.type)}> in <${E((w = n == null ? void 0 : n.type) !== null && w !== void 0 ? w : "unknown parent type")}>. Only <${E(e.type)}> is supported.`);
-          s++, yield c;
-        }
-        v = o.next(V);
-      }
-      return;
+    return i ?? this.getFirstKey();
+  }
+  getKeyPageBelow(t) {
+    let e = this.ref.current, l = this.layoutDelegate.getItemRect(t);
+    if (!l) return null;
+    if (e && !r(e)) return this.getLastKey();
+    let i = t;
+    if (this.orientation === "horizontal") {
+      let s = Math.min(this.layoutDelegate.getContentSize().width, l.y - l.width + this.layoutDelegate.getVisibleRect().width);
+      for (; l && l.x < s && i != null; )
+        i = this.getKeyBelow(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
+    } else {
+      let s = Math.min(this.layoutDelegate.getContentSize().height, l.y - l.height + this.layoutDelegate.getVisibleRect().height);
+      for (; l && l.y < s && i != null; )
+        i = this.getKeyBelow(i), l = i == null ? null : this.layoutDelegate.getItemRect(i);
     }
-    if (e.key == null || e.type == null) return;
-    let F = this;
-    var g, C;
-    let $ = {
-      type: e.type,
-      props: e.props,
-      key: e.key,
-      parentKey: n ? n.key : null,
-      value: (g = e.value) !== null && g !== void 0 ? g : null,
-      level: n ? n.level + 1 : 0,
-      index: e.index,
-      rendered: e.rendered,
-      textValue: (C = e.textValue) !== null && C !== void 0 ? C : "",
-      "aria-label": e["aria-label"],
-      wrapper: e.wrapper,
-      shouldInvalidate: e.shouldInvalidate,
-      hasChildNodes: e.hasChildNodes || !1,
-      childNodes: p(function* () {
-        if (!e.hasChildNodes || !e.childNodes) return;
-        let i = 0;
-        for (let o of e.childNodes()) {
-          o.key != null && (o.key = `${$.key}${o.key}`);
-          let s = F.getFullNode({
-            ...o,
-            index: i
-          }, F.getChildState(l, o), $.key, $);
-          for (let v of s)
-            i++, yield v;
-        }
-      })
-    };
-    yield $;
-  }
-  constructor() {
-    this.cache = /* @__PURE__ */ new WeakMap();
+    return i ?? this.getLastKey();
   }
-}
-function p(f) {
-  let e = [], l = null;
-  return {
-    *[Symbol.iterator]() {
-      for (let u of e) yield u;
-      l || (l = f());
-      for (let u of l)
-        e.push(u), yield u;
+  getKeyForSearch(t, e) {
+    if (!this.collator) return null;
+    let l = this.collection, i = e || this.getFirstKey();
+    for (; i != null; ) {
+      let s = l.getItem(i);
+      if (!s) return null;
+      let o = s.textValue.slice(0, t.length);
+      if (s.textValue && this.collator.compare(o, t) === 0) return i;
+      i = this.getNextKey(i);
     }
-  };
-}
-function I(f, e) {
-  if (f && e) return (l) => f(e(l));
-  if (f) return f;
-  if (e) return e;
-}
-function E(f) {
-  return f[0].toUpperCase() + f.slice(1);
+    return null;
+  }
+  constructor(...t) {
+    if (t.length === 1) {
+      let e = t[0];
+      this.collection = e.collection, this.ref = e.ref, this.collator = e.collator, this.disabledKeys = e.disabledKeys || /* @__PURE__ */ new Set(), this.disabledBehavior = e.disabledBehavior || "all", this.orientation = e.orientation || "vertical", this.direction = e.direction, this.layout = e.layout || "stack", this.layoutDelegate = e.layoutDelegate || new n(e.ref);
+    } else
+      this.collection = t[0], this.disabledKeys = t[1], this.ref = t[2], this.collator = t[3], this.layout = "stack", this.orientation = "vertical", this.disabledBehavior = "all", this.layoutDelegate = new n(this.ref);
+    this.layout === "stack" && this.orientation === "vertical" && (this.getKeyLeftOf = void 0, this.getKeyRightOf = void 0);
+  }
 }
 export {
-  z as CollectionBuilder
+  g as ListKeyboardDelegate
 };

package/dist/index.es488.js

@@ -1,52 +1,39 @@
-class o {
-  *[Symbol.iterator]() {
-    yield* this.iterable;
-  }
-  get size() {
-    return this.keyMap.size;
-  }
-  getKeys() {
-    return this.keyMap.keys();
-  }
-  getKeyBefore(l) {
-    let e = this.keyMap.get(l);
-    var i;
-    return e && (i = e.prevKey) !== null && i !== void 0 ? i : null;
-  }
-  getKeyAfter(l) {
-    let e = this.keyMap.get(l);
-    var i;
-    return e && (i = e.nextKey) !== null && i !== void 0 ? i : null;
-  }
-  getFirstKey() {
-    return this.firstKey;
-  }
-  getLastKey() {
-    return this.lastKey;
-  }
-  getItem(l) {
-    var e;
-    return (e = this.keyMap.get(l)) !== null && e !== void 0 ? e : null;
+class r {
+  getItemRect(t) {
+    let e = this.ref.current;
+    if (!e) return null;
+    let l = t != null ? e.querySelector(`[data-key="${CSS.escape(t.toString())}"]`) : null;
+    if (!l) return null;
+    let o = e.getBoundingClientRect(), i = l.getBoundingClientRect();
+    return {
+      x: i.left - o.left + e.scrollLeft,
+      y: i.top - o.top + e.scrollTop,
+      width: i.width,
+      height: i.height
+    };
   }
-  at(l) {
-    const e = [
-      ...this.getKeys()
-    ];
-    return this.getItem(e[l]);
+  getContentSize() {
+    let t = this.ref.current;
+    var e, l;
+    return {
+      width: (e = t == null ? void 0 : t.scrollWidth) !== null && e !== void 0 ? e : 0,
+      height: (l = t == null ? void 0 : t.scrollHeight) !== null && l !== void 0 ? l : 0
+    };
   }
-  constructor(l, { expandedKeys: e } = {}) {
-    this.keyMap = /* @__PURE__ */ new Map(), this.firstKey = null, this.lastKey = null, this.iterable = l, e = e || /* @__PURE__ */ new Set();
-    let i = (t) => {
-      if (this.keyMap.set(t.key, t), t.childNodes && (t.type === "section" || e.has(t.key))) for (let r of t.childNodes) i(r);
+  getVisibleRect() {
+    let t = this.ref.current;
+    var e, l, o, i;
+    return {
+      x: (e = t == null ? void 0 : t.scrollLeft) !== null && e !== void 0 ? e : 0,
+      y: (l = t == null ? void 0 : t.scrollTop) !== null && l !== void 0 ? l : 0,
+      width: (o = t == null ? void 0 : t.offsetWidth) !== null && o !== void 0 ? o : 0,
+      height: (i = t == null ? void 0 : t.offsetHeight) !== null && i !== void 0 ? i : 0
     };
-    for (let t of l) i(t);
-    let s = null, n = 0;
-    for (let [t, r] of this.keyMap)
-      s ? (s.nextKey = t, r.prevKey = s.key) : (this.firstKey = t, r.prevKey = void 0), r.type === "item" && (r.index = n++), s = r, s.nextKey = void 0;
-    var y;
-    this.lastKey = (y = s == null ? void 0 : s.key) !== null && y !== void 0 ? y : null;
+  }
+  constructor(t) {
+    this.ref = t;
   }
 }
 export {
-  o as TreeCollection
+  r as DOMLayoutDelegate
 };

package/dist/index.es489.js

@@ -1,24 +1,23 @@
-import { __exports as r } from "./index.es490.js";
-import "./index.es567.js";
-import { __exports as n } from "./index.es568.js";
-Object.defineProperty(r, "__esModule", {
-  value: !0
-});
-r.default = u;
-var f = i(n);
-function i(t) {
-  return t && t.__esModule ? t : { default: t };
-}
-function o(t) {
-  "@babel/helpers - typeof";
-  return o = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
-    return typeof e;
-  } : function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, o(t);
-}
-function u(t, e) {
-  return typeof Symbol == "function" && o(Symbol.iterator) === "symbol" && Object.defineProperty(t, Symbol.iterator, {
-    value: f.default.bind(e)
-  }), t;
+import { CollectionBuilder as u } from "./index.es490.js";
+import { useMemo as n } from "react";
+function b(d, l, r) {
+  let t = n(() => new u(), []), { children: i, items: o, collection: e } = d;
+  return n(() => {
+    if (e) return e;
+    let c = t.build({
+      children: i,
+      items: o
+    }, r);
+    return l(c);
+  }, [
+    t,
+    i,
+    o,
+    e,
+    r,
+    l
+  ]);
 }
+export {
+  b as useCollection
+};

package/dist/index.es49.js

@@ -1,11 +1,121 @@
-import { useForm as e } from "./index.es126.js";
-import { zodResolver as m } from "./index.es183.js";
-function u(r, o) {
-  return e({
-    ...o,
-    resolver: m(r)
-  });
-}
+import { j as e } from "./index.es101.js";
+import { Slot as b } from "./index.es116.js";
+import { l as y } from "./index.es110.js";
+import * as i from "react";
+import { FormProvider as v, useFormContext as R, Controller as C } from "./index.es127.js";
+import { useFormField as l } from "./index.es51.js";
+import { FormFieldContextProvider as w } from "./index.es128.js";
+import { FormItemContextProvider as D } from "./index.es129.js";
+import { cn as d } from "./index.es90.js";
+import { Label as M } from "./index.es55.js";
+const B = ({
+  onSubmit: s,
+  id: t,
+  form: o,
+  children: r,
+  className: m
+}) => /* @__PURE__ */ e.jsx(v, { ...o, children: /* @__PURE__ */ e.jsx(
+  "form",
+  {
+    id: t,
+    onSubmit: o.handleSubmit(s),
+    className: m,
+    children: r
+  }
+) }), G = ({
+  name: s,
+  label: t,
+  description: o,
+  render: r,
+  itemProps: m,
+  labelProps: n,
+  controlProps: a,
+  descriptionProps: h,
+  messageProps: I
+}) => {
+  const { control: N } = R();
+  return /* @__PURE__ */ e.jsx(w, { value: { name: s }, children: /* @__PURE__ */ e.jsx(
+    C,
+    {
+      name: s,
+      control: N,
+      render: ({ field: c, fieldState: g }) => {
+        var u;
+        return /* @__PURE__ */ e.jsxs(f, { ...m, children: [
+          /* @__PURE__ */ e.jsx(x, { ...n, children: t }),
+          /* @__PURE__ */ e.jsx(p, { ...a, children: y.isFunction(r) ? r(c) : i.createElement(r, c) }),
+          o && /* @__PURE__ */ e.jsx(F, { ...h, children: o }),
+          /* @__PURE__ */ e.jsx(j, { ...I, children: (u = g.error) == null ? void 0 : u.message })
+        ] });
+      }
+    }
+  ) });
+}, f = i.forwardRef(({ className: s, ...t }, o) => {
+  const r = i.useId();
+  return /* @__PURE__ */ e.jsx(D, { value: { id: r }, children: /* @__PURE__ */ e.jsx("div", { ref: o, className: d("ui-space-y-2", s), ...t }) });
+});
+f.displayName = "FormItem";
+const x = i.forwardRef(({ className: s, ...t }, o) => {
+  const { error: r, formItemId: m } = l();
+  return /* @__PURE__ */ e.jsx(
+    M,
+    {
+      ref: o,
+      className: d(r && "ui-text-error", s),
+      htmlFor: m,
+      ...t
+    }
+  );
+});
+x.displayName = "FormLabel";
+const p = i.forwardRef(({ className: s, ...t }, o) => {
+  const { error: r, formItemId: m, formDescriptionId: n, formMessageId: a } = l();
+  return /* @__PURE__ */ e.jsx(
+    b,
+    {
+      ref: o,
+      id: m,
+      "aria-describedby": r ? `${n} ${a}` : `${n}`,
+      "aria-invalid": !!r,
+      className: d("group", s),
+      ...t
+    }
+  );
+});
+p.displayName = "FormControl";
+const F = i.forwardRef(({ className: s, ...t }, o) => {
+  const { formDescriptionId: r } = l();
+  return /* @__PURE__ */ e.jsx(
+    "p",
+    {
+      ref: o,
+      id: r,
+      className: d("ui-text-sm ui-text-muted-foreground", s),
+      ...t
+    }
+  );
+});
+F.displayName = "FormDescription";
+const j = i.forwardRef(({ className: s, children: t, ...o }, r) => {
+  const { error: m, formMessageId: n } = l(), a = m ? String(m == null ? void 0 : m.message) : t;
+  return a ? /* @__PURE__ */ e.jsx(
+    "p",
+    {
+      ref: r,
+      id: n,
+      className: d("ui-text-sm ui-font-medium ui-text-error", s),
+      ...o,
+      children: a
+    }
+  ) : null;
+});
+j.displayName = "FormMessage";
 export {
-  u as useForm
+  B as Form,
+  p as FormControl,
+  F as FormDescription,
+  G as FormField,
+  f as FormItem,
+  x as FormLabel,
+  j as FormMessage
 };