@code0-tech/pictor 0.0.0-mvp.20 → 0.0.0-mvp.21

package/dist/components/d-project/DNamespaceProjectList.js

@@ -3,21 +3,21 @@ import f from "react";
 import { Card as u } from "../card/Card.js";
 import { useService as S, useStore as l } from "../../utils/contextStore.js";
 import "merge-props";
-import { DNamespaceProjectReactiveService as o } from "./DNamespaceProject.service.js";
+import { DNamespaceProjectReactiveService as i } from "./DNamespaceProject.service.js";
 import v from "../card/CardSection.js";
 import { DNamespaceProjectContent as j } from "./DNamespaceProjectContent.js";
-const b = (i) => {
+const b = (c) => {
   const {
-    namespaceId: c,
+    namespaceId: t,
     filter: m = () => !0,
     onSetting: s,
-    onSelect: t,
+    onSelect: o,
     ...n
-  } = i, p = S(o), a = l(o), d = f.useMemo(() => p.values({
-    namespaceId: c
-  }), [a]);
+  } = c, p = S(i), a = l(i), d = f.useMemo(() => p.values({
+    namespaceId: t
+  }), [a, t]);
   return /* @__PURE__ */ r(u, { ...n, children: d.filter(m).map((e) => e.id && /* @__PURE__ */ r(v, { border: !0, hover: !0, onClick: () => {
-    t && t(e.id);
+    o && o(e.id);
   }, children: /* @__PURE__ */ r(j, { onSetting: s, projectId: e?.id }) }, e.id)) });
 };
 export {

package/dist/components/form/useForm.js

@@ -1,47 +1,49 @@
-import { useState as c, useMemo as p, useCallback as g } from "react";
-function l(e, t, i) {
-  return (t = b(t)) in e ? Object.defineProperty(e, t, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = i, e;
+import { c as j } from "../../_virtual/compiler-runtime.js";
+import { useState as w, useEffect as E } from "react";
+function h(i, t, e) {
+  return (t = x(t)) in i ? Object.defineProperty(i, t, { value: e, enumerable: !0, configurable: !0, writable: !0 }) : i[t] = e, i;
 }
-function b(e) {
-  var t = P(e, "string");
+function x(i) {
+  var t = N(i, "string");
   return typeof t == "symbol" ? t : t + "";
 }
-function P(e, t) {
-  if (typeof e != "object" || !e) return e;
-  var i = e[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var r = i.call(e, t);
+function N(i, t) {
+  if (typeof i != "object" || !i) return i;
+  var e = i[Symbol.toPrimitive];
+  if (e !== void 0) {
+    var r = e.call(i, t);
     if (typeof r != "object") return r;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (t === "string" ? String : Number)(e);
+  return (t === "string" ? String : Number)(i);
 }
-class d {
-  constructor(t, i, r, n) {
-    l(this, "changeValue", void 0), l(this, "initialRender", void 0), l(this, "currentValues", void 0), l(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = i, this.currentValidations = r, this.initialRender = n;
+class _ {
+  constructor(t, e, r, s) {
+    h(this, "changeValue", void 0), h(this, "initialRender", void 0), h(this, "currentValues", void 0), h(this, "currentValidations", void 0), this.changeValue = t, this.currentValues = e, this.currentValidations = r, this.initialRender = s;
   }
   isValid() {
     if (!this.currentValidations) return !0;
     for (const t in this.currentValidations) {
-      const i = this.currentValidations[t];
-      if (i && i(this.currentValues[t], this.currentValues) !== null)
+      const e = this.currentValidations[t];
+      if (e && e(this.currentValues[t], this.currentValues) !== null)
         return !1;
     }
     return !0;
   }
   getInputProps(t) {
-    const i = this.currentValues[t] || null, r = t, n = this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (u) => null, s = this.initialRender ? null : n(i, this.currentValues);
+    const e = this.currentValues[t], r = e ?? null, s = t, l = this.currentValidations && this.currentValidations[t] ? this.currentValidations[t] : (n) => null, a = this.initialRender ? null : l(e, this.currentValues);
     return {
-      initialValue: i,
+      // @ts-ignore – z.B. wenn dein Input `defaultValue` kennt
+      defaultValue: r,
       formValidation: {
-        setValue: (u) => {
-          this.changeValue(r, u);
+        setValue: (n) => {
+          this.changeValue(s, n);
         },
         ...this.initialRender ? {
           valid: !0
         } : {
-          notValidMessage: s,
-          valid: s === null ? !0 : !s
+          notValidMessage: a,
+          valid: a === null
         }
       },
       ...this.currentValidations && this.currentValidations[t] ? {
@@ -50,17 +52,40 @@ class d {
     };
   }
 }
-const w = (e) => {
-  const {
-    initialValues: t,
-    validate: i = {},
-    onSubmit: r
-  } = e, [n, s] = c(t), u = (a, m) => s((o) => (o[a] = m, o)), V = p(() => new d(u, t, i, !0), []), [h, f] = c(V), v = g(() => {
-    let a = new d(u, n, i, !1);
-    f(() => a), r && a.isValid() && r(n);
-  }, []);
-  return [h, v];
+const I = (i) => {
+  const t = j.c(17), {
+    initialValues: e,
+    validate: r,
+    onSubmit: s
+  } = i;
+  let l;
+  t[0] !== r ? (l = r === void 0 ? {} : r, t[0] = r, t[1] = l) : l = t[1];
+  const a = l, [n, b] = w(e), [R, y] = w(!1);
+  let u, o;
+  t[2] !== e ? (u = () => {
+    b(e), y(!1);
+  }, o = [e], t[2] = e, t[3] = u, t[4] = o) : (u = t[3], o = t[4]), E(u, o);
+  let c;
+  t[5] === Symbol.for("react.memo_cache_sentinel") ? (c = (g, S) => {
+    b((F) => ({
+      ...F,
+      [g]: S
+    }));
+  }, t[5] = c) : c = t[5];
+  const P = c, m = !R;
+  let d;
+  t[6] !== m || t[7] !== a || t[8] !== n ? (d = new _(P, n, a, m), t[6] = m, t[7] = a, t[8] = n, t[9] = d) : d = t[9];
+  const v = d;
+  let f;
+  t[10] !== s || t[11] !== a || t[12] !== n ? (f = () => {
+    y(!0);
+    const g = new _(P, n, a, !1);
+    s && g.isValid() && s(n);
+  }, t[10] = s, t[11] = a, t[12] = n, t[13] = f) : f = t[13];
+  const p = f;
+  let V;
+  return t[14] !== p || t[15] !== v ? (V = [v, p], t[14] = p, t[15] = v, t[16] = V) : V = t[16], V;
 };
 export {
-  w as useForm
+  I as useForm
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@code0-tech/pictor",
-  "version": "0.0.0-mvp.20",
+  "version": "0.0.0-mvp.21",
   "type": "module",
   "description": "A simple template for a custom React component library",
   "scripts": {