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

package/dist/components/d-runtime/DRuntimeContent.d.ts

@@ -1,7 +1,8 @@
 import { Runtime } from '@code0-tech/sagittarius-graphql-types';
 import { default as React } from 'react';
+import { DRuntimeView } from './DRuntime.view';
 export interface DRuntimeContentProps {
     runtimeId: Runtime['id'];
-    onSetting?: (runtimeId: Runtime['id']) => void;
+    onSetting?: (runtime: DRuntimeView) => void;
 }
 export declare const DRuntimeContent: React.FC<DRuntimeContentProps>;

package/dist/components/d-runtime/DRuntimeContent.js

@@ -1,4 +1,4 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import d from "react";
 import { Text as n } from "../text/Text.js";
 import { Flex as t } from "../flex/Flex.js";
@@ -10,28 +10,28 @@ import { DRuntimeReactiveService as c } from "./DRuntime.service.js";
 import { Badge as s } from "../badge/Badge.js";
 const v = (m) => {
   const {
-    runtimeId: i,
+    runtimeId: o,
     onSetting: l = () => {
     }
-  } = m, a = g(c), p = y(c), r = d.useMemo(() => a.getById(i), [p, i]);
-  return /* @__PURE__ */ o(t, { justify: "space-between", align: "center", children: [
-    /* @__PURE__ */ o(t, { style: {
+  } = m, a = g(c), p = y(c), e = d.useMemo(() => a.getById(o), [p, o]);
+  return /* @__PURE__ */ i(t, { justify: "space-between", align: "center", children: [
+    /* @__PURE__ */ i(t, { style: {
       flexDirection: "column",
       gap: "0.35rem"
     }, children: [
-      /* @__PURE__ */ e(n, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
-      /* @__PURE__ */ e(n, { size: "sm", hierarchy: "tertiary", display: "block", children: r?.description })
+      /* @__PURE__ */ r(n, { size: "lg", hierarchy: "primary", display: "block", children: e?.name }),
+      /* @__PURE__ */ r(n, { size: "sm", hierarchy: "tertiary", display: "block", children: e?.description })
     ] }),
-    /* @__PURE__ */ o(t, { align: "center", style: {
+    /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ e(t, { align: "center", style: {
+      /* @__PURE__ */ r(t, { align: "center", style: {
         gap: "0.35rem",
         flexWrap: "wrap"
-      }, children: r?.status === "CONNECTED" ? /* @__PURE__ */ e(s, { color: "success", children: "CONNECTED" }) : /* @__PURE__ */ e(s, { color: "error", children: "DISCONNECTED" }) }),
-      r?.userAbilities?.deleteRuntime || r?.userAbilities?.updateRuntime || r?.userAbilities?.rotateRuntimeToken ? /* @__PURE__ */ e(f, { color: "secondary", onClick: (u) => {
-        u.stopPropagation(), l(i);
-      }, children: /* @__PURE__ */ e(h, { size: 16 }) }) : null
+      }, children: e?.status === "CONNECTED" ? /* @__PURE__ */ r(s, { color: "success", children: "CONNECTED" }) : /* @__PURE__ */ r(s, { color: "error", children: "DISCONNECTED" }) }),
+      e?.userAbilities?.deleteRuntime || e?.userAbilities?.updateRuntime || e?.userAbilities?.rotateRuntimeToken ? /* @__PURE__ */ r(f, { color: "secondary", onClick: (u) => {
+        u.stopPropagation(), l(e);
+      }, children: /* @__PURE__ */ r(h, { size: 16 }) }) : null
     ] })
   ] });
 };

package/dist/components/d-runtime/DRuntimeList.d.ts

@@ -1,10 +1,11 @@
-import { Runtime } from '@code0-tech/sagittarius-graphql-types';
+import { Namespace } from '@code0-tech/sagittarius-graphql-types';
 import { DRuntimeView } from './DRuntime.view';
 import { Card } from '../card/Card';
 import { default as React } from 'react';
 export interface DRuntimeListProps extends Omit<Card, "children" | "onSelect"> {
+    namespaceId: Namespace["id"];
     filter?: (runtime: DRuntimeView, index: number) => boolean;
-    onSelect?: (userId: Runtime['id']) => void;
-    onSetting?: (runtimeId: Runtime['id']) => void;
+    onSelect?: (runtime: DRuntimeView) => void;
+    onSetting?: (runtime: DRuntimeView) => void;
 }
 export declare const DRuntimeList: React.FC<DRuntimeListProps>;

package/dist/components/d-runtime/DRuntimeList.js

@@ -1,21 +1,24 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Card as f } from "../card/Card.js";
-import p from "react";
+import a from "react";
 import { useService as S, useStore as l } from "../../utils/contextStore.js";
 import "merge-props";
-import { DRuntimeReactiveService as o } from "./DRuntime.service.js";
-import a from "../card/CardSection.js";
-import { DRuntimeContent as v } from "./DRuntimeContent.js";
-const k = (i) => {
+import { DRuntimeReactiveService as i } from "./DRuntime.service.js";
+import v from "../card/CardSection.js";
+import { DRuntimeContent as R } from "./DRuntimeContent.js";
+const k = (m) => {
   const {
-    filter: m = () => !0,
-    onSetting: n,
-    onSelect: t,
-    ...c
-  } = i, s = S(o), u = l(o), d = p.useMemo(() => s.values(), [u]);
-  return /* @__PURE__ */ r(f, { ...c, children: d.filter(m).map((e) => e.id && /* @__PURE__ */ r(a, { border: !0, hover: !0, onClick: () => {
-    t && t(e.id);
-  }, children: /* @__PURE__ */ r(v, { onSetting: n, runtimeId: e?.id }) }, e.id)) });
+    namespaceId: t,
+    filter: n = () => !0,
+    onSetting: c,
+    onSelect: o,
+    ...s
+  } = m, u = S(i), p = l(i), d = a.useMemo(() => u.values({
+    namespaceId: t
+  }), [p, t]);
+  return /* @__PURE__ */ r(f, { ...s, children: d.filter(n).map((e) => e.id && /* @__PURE__ */ r(v, { border: !0, hover: !0, onClick: () => {
+    o && o(e);
+  }, children: /* @__PURE__ */ r(R, { onSetting: c, runtimeId: e?.id }) }, e.id)) });
 };
 export {
   k as DRuntimeList

package/dist/components/d-user/DUserCard.d.ts

@@ -1,7 +1,8 @@
 import { User } from '@code0-tech/sagittarius-graphql-types';
 import { default as React } from 'react';
+import { DUserView } from './DUser.view';
 export interface DUserCardProps {
     userId: User['id'];
-    onRemove?: (userId: User['id']) => void;
+    onRemove?: (user: DUserView) => void;
 }
 export declare const DUserCard: React.FC<DUserCardProps>;

package/dist/components/d-user/DUserContent.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
 import { User } from '@code0-tech/sagittarius-graphql-types';
+import { DUserView } from './DUser.view';
 export interface DUserContentProps {
     userId: User['id'];
-    onRemove?: (userId: User['id']) => void;
+    onRemove?: (user: DUserView) => void;
 }
 export declare const DUserContent: React.FC<DUserContentProps>;

package/dist/components/d-user/DUserContent.js

@@ -1,7 +1,7 @@
 import { jsx as d, jsxs as p } from "react/jsx-runtime";
 import { c as V } from "../../_virtual/compiler-runtime.js";
 import B from "react";
-import { Flex as h } from "../flex/Flex.js";
+import { Flex as u } from "../flex/Flex.js";
 import { Avatar as E } from "../avatar/Avatar.js";
 import { useUserSession as k } from "./DUser.session.hook.js";
 import { useService as w } from "../../utils/contextStore.js";
@@ -13,69 +13,69 @@ import { IconMailCheck as M } from "@tabler/icons-react";
 import "../button/Button.js";
 const Z = (D) => {
   const e = V.c(37), {
-    userId: u,
+    userId: x,
     onRemove: A
   } = D, z = A === void 0 ? T : A, b = w(F), I = k(), [U, $] = B.useState(!1);
+  let h;
+  e[0] !== x || e[1] !== b ? (h = b.getById(x), e[0] = x, e[1] = b, e[2] = h) : h = e[2];
+  const t = h, j = I?.user?.id === t.id;
   let y;
-  e[0] !== u || e[1] !== b ? (y = b.getById(u), e[0] = u, e[1] = b, e[2] = y) : y = e[2];
-  const t = y, j = I?.user?.id === t.id;
-  let g;
-  e[3] === Symbol.for("react.memo_cache_sentinel") ? (g = {
+  e[3] === Symbol.for("react.memo_cache_sentinel") ? (y = {
     gap: ".7rem"
-  }, e[3] = g) : g = e[3];
+  }, e[3] = y) : y = e[3];
   let r;
   e[4] !== t.username ? (r = /* @__PURE__ */ d(E, { identifier: t.username, bg: "transparent" }), e[4] = t.username, e[5] = r) : r = e[5];
-  let v;
-  e[6] === Symbol.for("react.memo_cache_sentinel") ? (v = {
+  let g;
+  e[6] === Symbol.for("react.memo_cache_sentinel") ? (g = {
     gap: ".35rem",
     flexDirection: "column"
-  }, e[6] = v) : v = e[6];
-  let S;
-  e[7] === Symbol.for("react.memo_cache_sentinel") ? (S = {
+  }, e[6] = g) : g = e[6];
+  let v;
+  e[7] === Symbol.for("react.memo_cache_sentinel") ? (v = {
     gap: "0.35rem"
-  }, e[7] = S) : S = e[7];
+  }, e[7] = v) : v = e[7];
   let i;
   e[8] !== t.username ? (i = /* @__PURE__ */ d(R, { size: "md", hierarchy: "primary", children: t.username }), e[8] = t.username, e[9] = i) : i = e[9];
   let l;
   e[10] !== t.admin ? (l = t.admin ? /* @__PURE__ */ d(C, { color: "secondary", children: "Admin" }) : null, e[10] = t.admin, e[11] = l) : l = e[11];
   let s;
-  e[12] !== i || e[13] !== l ? (s = /* @__PURE__ */ p(h, { align: "center", style: S, children: [
+  e[12] !== i || e[13] !== l ? (s = /* @__PURE__ */ p(u, { align: "center", style: v, children: [
     i,
     l
   ] }), e[12] = i, e[13] = l, e[14] = s) : s = e[14];
   let n;
   e[15] !== t.email ? (n = /* @__PURE__ */ d(R, { size: "md", hierarchy: "tertiary", children: t.email }), e[15] = t.email, e[16] = n) : n = e[16];
   let m;
-  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ p(h, { style: v, children: [
+  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ p(u, { style: g, children: [
     s,
     n
   ] }), e[17] = s, e[18] = n, e[19] = m) : m = e[19];
   let o;
-  e[20] !== m || e[21] !== r ? (o = /* @__PURE__ */ p(h, { style: g, align: "center", children: [
+  e[20] !== m || e[21] !== r ? (o = /* @__PURE__ */ p(u, { style: y, align: "center", children: [
     r,
     m
   ] }), e[20] = m, e[21] = r, e[22] = o) : o = e[22];
-  let _;
-  e[23] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
+  let S;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (S = {
     gap: "1.3rem"
-  }, e[23] = _) : _ = e[23];
+  }, e[23] = S) : S = e[23];
   let c;
   e[24] !== t.emailVerifiedAt ? (c = t.emailVerifiedAt ? /* @__PURE__ */ p(C, { color: "secondary", children: [
     /* @__PURE__ */ d(M, { size: 16 }),
     /* @__PURE__ */ d(R, { size: "xs", children: "Email verified" })
   ] }) : null, e[24] = t.emailVerifiedAt, e[25] = c) : c = e[25];
   let a;
-  e[26] !== j || e[27] !== z || e[28] !== U || e[29] !== u ? (a = null, e[26] = j, e[27] = z, e[28] = U, e[29] = u, e[30] = a) : a = e[30];
+  e[26] !== j || e[27] !== z || e[28] !== U || e[29] !== t ? (a = null, e[26] = j, e[27] = z, e[28] = U, e[29] = t, e[30] = a) : a = e[30];
   let f;
-  e[31] !== c || e[32] !== a ? (f = /* @__PURE__ */ p(h, { style: _, align: "center", children: [
+  e[31] !== c || e[32] !== a ? (f = /* @__PURE__ */ p(u, { style: S, align: "center", children: [
     c,
     a
   ] }), e[31] = c, e[32] = a, e[33] = f) : f = e[33];
-  let x;
-  return e[34] !== o || e[35] !== f ? (x = /* @__PURE__ */ p(h, { justify: "space-between", align: "center", children: [
+  let _;
+  return e[34] !== o || e[35] !== f ? (_ = /* @__PURE__ */ p(u, { justify: "space-between", align: "center", children: [
     o,
     f
-  ] }), e[34] = o, e[35] = f, e[36] = x) : x = e[36], x;
+  ] }), e[34] = o, e[35] = f, e[36] = _) : _ = e[36], _;
 };
 function T() {
 }

package/dist/components/d-user/DUserList.d.ts

@@ -1,10 +1,9 @@
-import { User } from '@code0-tech/sagittarius-graphql-types';
 import { DUserView } from './DUser.view';
 import { default as React } from 'react';
 import { Card } from '../card/Card';
 export interface DUserListProps extends Omit<Card, "children" | "onSelect"> {
     filter?: (user: DUserView, index: number) => boolean;
-    onSelect?: (userId: User['id']) => void;
-    onRemove?: (userId: User['id']) => void;
+    onSelect?: (user: DUserView) => void;
+    onRemove?: (user: DUserView) => void;
 }
 export declare const DUserList: React.FC<DUserListProps>;

package/dist/components/d-user/DUserList.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import p from "react";
+import d from "react";
 import { useService as u, useStore as l } from "../../utils/contextStore.js";
 import "merge-props";
 import { DUserReactiveService as t } from "./DUser.service.js";
@@ -12,9 +12,9 @@ const k = (i) => {
     onRemove: s,
     onSelect: o,
     ...c
-  } = i, n = u(t), d = l(t), f = p.useMemo(() => n.values(), [d]);
-  return /* @__PURE__ */ e(v, { ...c, children: f.filter(m).map((r) => r && r.id && /* @__PURE__ */ e(S, { border: !0, hover: !0, onClick: () => {
-    o && o(r.id);
+  } = i, n = u(t), f = l(t), p = d.useMemo(() => n.values(), [f]);
+  return /* @__PURE__ */ e(v, { ...c, children: p.filter(m).map((r) => r && r.id && /* @__PURE__ */ e(S, { border: !0, hover: !0, onClick: () => {
+    o && o(r);
   }, children: /* @__PURE__ */ e(a, { onRemove: s, userId: r?.id }) }, r.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
 };