@code0-tech/pictor 0.0.0-mvp.45 → 0.0.0-mvp.46

package/dist/components/form/InputSuggestion.js

@@ -4,50 +4,50 @@ 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((u) => {
+const D = i.memo((l) => {
   const e = x.c(17), {
     suggestion: n,
-    visibleIndex: l,
+    visibleIndex: u,
     isActive: p,
     inputRef: d,
     onSelect: v,
     onActivate: c,
     itemRef: f
-  } = u;
-  if (l === null)
+  } = l;
+  if (u === null)
     return null;
   let m;
-  if (e[0] !== d || e[1] !== c || e[2] !== l) {
+  if (e[0] !== d || e[1] !== c || e[2] !== u) {
     const b = () => {
-      c(l), d?.current?.focus({
+      c(u), d?.current?.focus({
         preventScroll: !0
       });
     };
     m = (M) => {
       M.preventDefault(), b();
-    }, e[0] = d, e[1] = c, e[2] = l, e[3] = m;
+    }, 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] !== l ? (a = (b) => {
-    b.preventDefault(), b.stopPropagation(), c(l);
-  }, e[4] = c, e[5] = l, e[6] = a) : a = e[6];
+  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;
-}, (u, e) => u.suggestion === e.suggestion && u.visibleIndex === e.visibleIndex && u.isActive === e.isActive && u.inputRef === e.inputRef && u.onSelect === e.onSelect && u.onActivate === e.onActivate && u.itemRef === e.itemRef);
+}, (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((u, e) => {
+const P = i.forwardRef((l, e) => {
   const n = x.c(12);
-  let l, p, d;
-  n[0] !== u ? ({
-    children: l,
+  let u, p, d;
+  n[0] !== l ? ({
+    children: u,
     inputRef: p,
     ...d
-  } = u, n[0] = u, n[1] = l, n[2] = p, n[3] = d) : (l = n[1], p = n[2], d = n[3]);
+  } = 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) => {
@@ -58,17 +58,17 @@ const P = i.forwardRef((u, e) => {
     preventScroll: !0
   }), n[4] = p, n[5] = c, n[6] = f) : (c = n[5], f = n[6]);
   let m;
-  return n[7] !== l || n[8] !== d || n[9] !== c || n[10] !== f ? (m = /* @__PURE__ */ I(F, { ref: v, forceMount: !0, onContextMenuCapture: H, onInteractOutside: U, onCloseAutoFocus: q, onOpenAutoFocus: c, onFocusCapture: f, align: "start", sideOffset: 8, ...d, children: l }), n[7] = l, n[8] = d, n[9] = c, n[10] = f, n[11] = m) : m = n[11], 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((u, e) => {
+const Z = i.memo(P), V = i.forwardRef((l, e) => {
   const {
     suggestions: n,
-    onSuggestionSelect: l = () => {
+    onSuggestionSelect: u = () => {
     },
     inputRef: p,
     ...d
-  } = u, v = i.useRef([]), c = i.useRef(/* @__PURE__ */ new Map()), [f, m] = i.useState({}), g = i.useRef(null), a = i.useCallback((t, r) => {
+  } = 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];
@@ -155,10 +155,10 @@ const Z = i.memo(P), V = i.forwardRef((u, e) => {
       const t = g.current;
       if (t === null || !o[t]) return;
       const r = o[t];
-      return setTimeout(() => l(r), 0), r;
+      return setTimeout(() => u(r), 0), r;
     },
     clearActiveItem: () => a(null)
-  }), [l, a, o]);
+  }), [u, a, o]);
   const b = (t) => {
     m((r) => ({
       ...r,
@@ -191,7 +191,7 @@ const Z = i.memo(P), V = i.forwardRef((u, e) => {
             visibleIndex: S,
             isActive: w,
             inputRef: p,
-            onSelect: l,
+            onSelect: u,
             onActivate: a,
             itemRef: S !== null ? M(S) : void 0
           }
@@ -203,14 +203,14 @@ const Z = i.memo(P), V = i.forwardRef((u, e) => {
 });
 V.displayName = "InputSuggestionMenuContentItems";
 const _ = i.memo(V);
-function H(u) {
-  return u.stopPropagation();
+function H(l) {
+  return l.stopPropagation();
 }
-function U(u) {
-  return u.target instanceof HTMLInputElement && u.preventDefault();
+function U(l) {
+  return l.target instanceof HTMLInputElement && l.preventDefault();
 }
-function q(u) {
-  return u.preventDefault();
+function q(l) {
+  return l.preventDefault();
 }
 export {
   Z as InputSuggestionMenuContent,

package/dist/components/form/useForm.d.ts

@@ -8,9 +8,9 @@ export interface FormValidationProps<Values> {
     onSubmit?: (values: Values) => void;
 }
 export interface ValidationProps<Value> {
-    initialValue?: Value | null;
-    defaultValue?: Value | null;
-    value?: Value | null;
+    initialValue?: Value | undefined;
+    defaultValue?: Value | undefined;
+    value?: Value | undefined;
     required?: boolean;
     formValidation?: {
         setValue: (value: any) => void;

package/dist/components/form/useForm.js

@@ -10,15 +10,15 @@ function S(r, t) {
   if (typeof r != "object" || !r) return r;
   var e = r[Symbol.toPrimitive];
   if (e !== void 0) {
-    var n = e.call(r, t);
-    if (typeof n != "object") return n;
+    var i = e.call(r, t);
+    if (typeof i != "object") return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
   return (t === "string" ? String : Number)(r);
 }
 class f {
-  constructor(t, e, n) {
-    c(this, "changeValue", void 0), c(this, "currentValues", void 0), c(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = n;
+  constructor(t, e, i) {
+    c(this, "changeValue", void 0), c(this, "currentValues", void 0), c(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = i;
   }
   isValid() {
     if (!this.currentValidations) return !0;
@@ -30,14 +30,14 @@ class f {
     return !0;
   }
   getInputProps(t) {
-    const e = this.currentValues[t], n = e ?? null, u = t, a = (this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (i) => null)(e, this.currentValues);
+    const e = this.currentValues[t], i = e ?? null, u = t, a = (this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (n) => null)(e, this.currentValues);
     return {
       // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
-      defaultValue: n,
-      initialValue: n,
+      defaultValue: i,
+      initialValue: i || void 0,
       formValidation: {
-        setValue: (i) => {
-          this.changeValue(u, i);
+        setValue: (n) => {
+          this.changeValue(u, n);
         },
         notValidMessage: a,
         valid: a === null
@@ -52,11 +52,11 @@ const _ = (r) => {
   const {
     initialValues: t,
     validate: e = {},
-    truthyValidationBeforeSubmit: n = !0,
+    truthyValidationBeforeSubmit: i = !0,
     onSubmit: u
-  } = r, [o, a] = b(t), i = p(t);
+  } = r, [o, a] = b(t), n = p(t);
   y(() => {
-    a(t), i.current = t;
+    a(t), n.current = t;
   }, [t]);
   const s = d((l, m) => {
     a((g) => {
@@ -64,12 +64,12 @@ const _ = (r) => {
         ...g,
         [l]: m
       };
-      return i.current = V, V;
+      return n.current = V, V;
     });
   }, []), h = P(() => new f(s, o, e), [s, o, e]), v = d(() => {
-    const l = new f(s, i.current, e);
-    u && (!n || l.isValid()) && u(i.current);
-  }, [s, e, u, n]);
+    const l = new f(s, n.current, e);
+    u && (!i || l.isValid()) && u(n.current);
+  }, [s, e, u, i]);
   return [h, v];
 };
 export {