npm - @code0-tech/pictor - Versions diffs - 0.0.0-mvp.25 → 0.0.0-mvp.26 - Mend

@code0-tech/pictor 0.0.0-mvp.25 → 0.0.0-mvp.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/components/d-member/DNamespaceMemberContent.js +140 -92
package/dist/components/d-organization/DOrganizatonContent.js +23 -23
package/dist/components/d-project/DNamespaceProjectMenu.js +51 -22
package/dist/components/d-project/index.js +10 -9
package/dist/components/d-role/DNamespaceRoleContent.js +11 -11
package/dist/components/d-runtime/DRuntimeContent.js +10 -10
package/dist/components/d-user/DUserContent.js +9 -9
package/package.json +1 -1

package/dist/components/d-member/DNamespaceMemberContent.js CHANGED Viewed

@@ -1,21 +1,21 @@
-import { jsxs as r, jsx as e, Fragment as K } from "react/jsx-runtime";
-import c from "react";
-import { Flex as n } from "../flex/Flex.js";
-import { useService as g, useStore as y } from "../../utils/contextStore.js";
+import { jsxs as r, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import a from "react";
+import { Flex as i } from "../flex/Flex.js";
+import { useService as y, useStore as f } from "../../utils/contextStore.js";
 import "merge-props";
-import { DNamespaceMemberReactiveService as D } from "./DNamespaceMember.service.js";
-import { DUserReactiveService as x } from "../d-user/DUser.service.js";
-import { Menu as z, MenuTrigger as I, MenuPortal as T, MenuContent as w, MenuLabel as O, MenuItem as f, MenuSeparator as Q } from "../menu/Menu.js";
-import { Avatar as W } from "../avatar/Avatar.js";
+import { DNamespaceMemberReactiveService as M } from "./DNamespaceMember.service.js";
+import { DUserReactiveService as I } from "../d-user/DUser.service.js";
+import { Menu as w, MenuTrigger as T, MenuPortal as O, MenuContent as j, MenuLabel as m, MenuItem as b, MenuSeparator as _ } from "../menu/Menu.js";
+import { Avatar as ee } from "../avatar/Avatar.js";
 import { Text as o } from "../text/Text.js";
 import "../../_virtual/compiler-runtime.js";
-import { Card as X } from "../card/Card.js";
-import { Badge as m } from "../badge/Badge.js";
-import { IconTrash as Z, IconMailCheck as $, IconDots as _, IconUserOff as ee, IconUserCog as re } from "@tabler/icons-react";
-import { Button as l } from "../button/Button.js";
-import j from "../card/CardSection.js";
+import { Card as v } from "../card/Card.js";
+import { Badge as l } from "../badge/Badge.js";
+import { IconTrash as re, IconArrowUp as B, IconArrowDown as k, IconCornerDownLeft as N, IconMailCheck as ie, IconDots as ne, IconUserOff as oe, IconUserCog as te } from "@tabler/icons-react";
+import { Button as s } from "../button/Button.js";
+import P from "../card/CardSection.js";
 import "@radix-ui/react-checkbox";
-import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/form/Input.style.css';/* empty css                       */
+import '../../assets/components/form/Input.style.css';/* empty css                       */
 import "../form/EmailInput.js";
 import "../form/Input.js";
 import "../form/InputSuggestion.js";
@@ -25,152 +25,200 @@ import "@radix-ui/react-one-time-password-field";
 import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
-/* empty css                            */
-import { DNamespaceRoleReactiveService as B } from "../d-role/DNamespaceRole.service.js";
-import { DNamespaceRolePermissions as b } from "../d-role/DNamespaceRolePermissions.js";
-import { Tooltip as ie, TooltipTrigger as ne, TooltipPortal as oe, TooltipContent as te, TooltipArrow as le } from "../tooltip/Tooltip.js";
-import { Dialog as k, DialogPortal as N, DialogContent as P, DialogClose as d } from "../dialog/Dialog.js";
-const Le = (F) => {
+import { Spacing as U } from "../spacing/Spacing.js";
+import { DNamespaceRoleReactiveService as F } from "../d-role/DNamespaceRole.service.js";
+import { DNamespaceRolePermissions as x } from "../d-role/DNamespaceRolePermissions.js";
+import { Tooltip as le, TooltipTrigger as se, TooltipPortal as ce, TooltipContent as ae, TooltipArrow as de } from "../tooltip/Tooltip.js";
+import { Dialog as L, DialogPortal as W, DialogContent as Y, DialogClose as h } from "../dialog/Dialog.js";
+const Ve = (E) => {
   const {
-    memberId: v,
-    onAssignRole: U = () => {
+    memberId: S,
+    onAssignRole: V = () => {
     },
-    onRemove: L = () => {
+    onRemove: q = () => {
     }
-  } = F, Y = g(D), E = y(D), V = g(x), q = y(x), C = g(B), G = y(B), t = c.useMemo(() => Y.getById(v), [E, v]), s = c.useMemo(() => V.getById(t?.user?.id), [q, t]), h = c.useMemo(() => t?.roles?.nodes?.map((i) => C.getById(i?.id, {
+  } = E, G = y(M), H = f(M), J = y(I), K = f(I), C = y(F), Q = f(F), t = a.useMemo(() => G.getById(S), [H, S]), c = a.useMemo(() => J.getById(t?.user?.id), [K, t]), p = a.useMemo(() => t?.roles?.nodes?.map((n) => C.getById(n?.id, {
     namespaceId: t?.namespace?.id
-  })) || [], [G, t]), [p, S] = c.useState(h), [H, A] = c.useState(!1), [J, R] = c.useState(!1), M = C.values({
+  })) || [], [Q, t]), [g, z] = a.useState(p), [X, A] = a.useState(!1), [Z, R] = a.useState(!1), D = C.values({
     namespaceId: t?.namespace?.id
-  }).filter((i) => !p.find((a) => a?.id === i.id));
-  return /* @__PURE__ */ r(n, { align: "center", style: {
+  }).filter((n) => !g.find((d) => d?.id === n.id));
+  return /* @__PURE__ */ r(i, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
-    /* @__PURE__ */ e(k, { open: H, onOpenChange: (i) => A(i), children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(P, { showCloseButton: !0, title: "Remove member", children: [
+    /* @__PURE__ */ e(L, { open: X, onOpenChange: (n) => A(n), children: /* @__PURE__ */ e(W, { children: /* @__PURE__ */ r(Y, { showCloseButton: !0, title: "Remove member", children: [
       /* @__PURE__ */ r(o, { size: "md", hierarchy: "secondary", children: [
         "Are you sure you want to remove ",
         " ",
-        /* @__PURE__ */ e(m, { color: "info", children: /* @__PURE__ */ r(o, { size: "md", style: {
+        /* @__PURE__ */ e(l, { color: "info", children: /* @__PURE__ */ r(o, { size: "md", style: {
           color: "inherit"
         }, children: [
           "@",
-          s?.username
+          c?.username
         ] }) }),
         " ",
         " ",
         "from the namespace members?"
       ] }),
-      /* @__PURE__ */ r(n, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "secondary", children: "No, go back!" }) }),
-        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "error", onClick: () => L(t), children: "Yes, remove!" }) })
+      /* @__PURE__ */ r(i, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(s, { color: "secondary", children: "No, go back!" }) }),
+        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(s, { color: "error", onClick: () => q(t), children: "Yes, remove!" }) })
       ] })
     ] }) }) }),
-    /* @__PURE__ */ e(k, { open: J, onOpenChange: (i) => R(i), children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ r(P, { autoFocus: !0, showCloseButton: !0, title: "Assign roles", children: [
+    /* @__PURE__ */ e(L, { open: Z, onOpenChange: (n) => R(n), children: /* @__PURE__ */ e(W, { children: /* @__PURE__ */ r(Y, { autoFocus: !0, showCloseButton: !0, title: "Assign roles", children: [
       /* @__PURE__ */ e(o, { size: "md", hierarchy: "tertiary", children: "Assign, remove and manage the roles of a active member" }),
-      /* @__PURE__ */ r(X, { paddingSize: "xs", color: "secondary", children: [
-        p.map((i) => /* @__PURE__ */ e(j, { border: !0, children: /* @__PURE__ */ r(n, { style: {
+      /* @__PURE__ */ r(v, { paddingSize: "xs", color: "secondary", children: [
+        g.map((n) => /* @__PURE__ */ e(P, { border: !0, children: /* @__PURE__ */ r(i, { style: {
           gap: "0.7rem"
         }, align: "center", justify: "space-between", children: [
-          /* @__PURE__ */ r(n, { align: "center", style: {
+          /* @__PURE__ */ r(i, { align: "center", style: {
             gap: "1.3rem"
           }, children: [
-            /* @__PURE__ */ e(o, { hierarchy: "primary", children: i?.name }),
-            /* @__PURE__ */ e(b, { abilities: i?.abilities })
+            /* @__PURE__ */ e(o, { hierarchy: "primary", children: n?.name }),
+            /* @__PURE__ */ e(x, { abilities: n?.abilities })
           ] }),
-          /* @__PURE__ */ e(l, { color: "error", paddingSize: "xxs", onClick: () => {
-            S((a) => a.filter((u) => u?.id != i?.id));
-          }, children: /* @__PURE__ */ e(Z, { size: 16 }) })
-        ] }) }, i?.id)),
-        /* @__PURE__ */ r(z, { children: [
-          /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(j, { hover: !0, p: 0.35, border: !0, display: "flex", justify: "center", children: /* @__PURE__ */ e(l, { paddingSize: "xxs", variant: "none", children: "Assign roles" }) }) }),
-          /* @__PURE__ */ e(T, { children: /* @__PURE__ */ r(w, { side: "bottom", sideOffset: 8, align: "center", children: [
-            /* @__PURE__ */ e(O, { children: "Roles to add" }),
-            M.map((i, a) => /* @__PURE__ */ r(K, { children: [
-              /* @__PURE__ */ e(f, { onSelect: () => {
-                S((u) => [...u, i]);
-              }, children: /* @__PURE__ */ r(n, { align: "center", style: {
-                gap: "1.3rem"
+          /* @__PURE__ */ e(s, { color: "error", variant: "filled", paddingSize: "xxs", onClick: () => {
+            z((d) => d.filter((u) => u?.id != n?.id));
+          }, children: /* @__PURE__ */ e(re, { size: 16 }) })
+        ] }) }, n?.id)),
+        /* @__PURE__ */ r(w, { children: [
+          /* @__PURE__ */ e(T, { asChild: !0, children: /* @__PURE__ */ e(P, { hover: !0, p: 0.35, border: !0, display: "flex", justify: "center", children: /* @__PURE__ */ e(s, { paddingSize: "xxs", variant: "none", children: "Assign roles" }) }) }),
+          /* @__PURE__ */ e(O, { children: /* @__PURE__ */ r(j, { side: "bottom", sideOffset: 8, align: "center", color: "secondary", maw: "300px", children: [
+            /* @__PURE__ */ r(v, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: {
+              borderWidth: "2px"
+            }, children: [
+              /* @__PURE__ */ e(m, { children: "Roles to add" }),
+              D.map((n, d) => /* @__PURE__ */ r($, { children: [
+                /* @__PURE__ */ e(b, { onSelect: () => {
+                  z((u) => [...u, n]);
+                }, children: /* @__PURE__ */ r(i, { align: "center", style: {
+                  gap: "1.3rem"
+                }, children: [
+                  /* @__PURE__ */ e(o, { hierarchy: "primary", children: n?.name }),
+                  /* @__PURE__ */ e(x, { abilities: n?.abilities })
+                ] }) }),
+                d < D.length - 1 && /* @__PURE__ */ e(_, {})
+              ] }))
+            ] }),
+            /* @__PURE__ */ e(m, { children: /* @__PURE__ */ r(i, { style: {
+              gap: ".35rem"
+            }, children: [
+              /* @__PURE__ */ r(i, { align: "center", style: {
+                gap: "0.35rem"
               }, children: [
-                /* @__PURE__ */ e(o, { hierarchy: "primary", children: i?.name }),
-                /* @__PURE__ */ e(b, { abilities: i?.abilities })
-              ] }) }),
-              a < M.length - 1 && /* @__PURE__ */ e(Q, {})
-            ] }))
+                /* @__PURE__ */ r(i, { children: [
+                  /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(B, { size: 12 }) }),
+                  /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(k, { size: 12 }) })
+                ] }),
+                "move"
+              ] }),
+              /* @__PURE__ */ e(U, { spacing: "xxs" }),
+              /* @__PURE__ */ r(i, { align: "center", style: {
+                gap: ".35rem"
+              }, children: [
+                /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(N, { size: 12 }) }),
+                "insert"
+              ] })
+            ] }) })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ r(n, { justify: "space-between", align: "center", children: [
-        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "secondary", children: "No, go back!" }) }),
-        /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(l, { onClick: () => U(t, p), color: "success", children: "Yes, save!" }) })
+      /* @__PURE__ */ r(i, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(s, { color: "secondary", children: "No, go back!" }) }),
+        /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e(s, { onClick: () => V(t, g), color: "success", children: "Yes, save!" }) })
       ] })
     ] }) }) }),
-    /* @__PURE__ */ r(n, { style: {
+    /* @__PURE__ */ r(i, { style: {
       gap: "1.3rem"
     }, align: "center", children: [
-      /* @__PURE__ */ r(n, { align: "center", style: {
+      /* @__PURE__ */ r(i, { align: "center", style: {
         gap: ".7rem"
       }, children: [
-        /* @__PURE__ */ e(W, { identifier: s?.username, bg: "transparent" }),
-        /* @__PURE__ */ r(n, { style: {
+        /* @__PURE__ */ e(ee, { identifier: c?.username, bg: "transparent" }),
+        /* @__PURE__ */ r(i, { style: {
           flexDirection: "column",
           gap: "0.35rem"
         }, children: [
           /* @__PURE__ */ r(o, { size: "md", hierarchy: "primary", children: [
             "@",
-            s?.username
+            c?.username
           ] }),
-          /* @__PURE__ */ e(o, { size: "sm", hierarchy: "tertiary", children: s?.email })
+          /* @__PURE__ */ e(o, { size: "sm", hierarchy: "tertiary", children: c?.email })
         ] })
       ] }),
-      h.length > 0 ? /* @__PURE__ */ r(n, { style: {
+      p.length > 0 ? /* @__PURE__ */ r(i, { style: {
         flexDirection: "column",
         gap: "0.35rem"
       }, children: [
         /* @__PURE__ */ e(o, { size: "xs", hierarchy: "tertiary", children: "Assigned roles" }),
-        /* @__PURE__ */ e(n, { align: "center", style: {
+        /* @__PURE__ */ e(i, { align: "center", style: {
           gap: "0.35rem"
-        }, children: h.map((i) => /* @__PURE__ */ r(ie, { children: [
-          /* @__PURE__ */ e(ne, { asChild: !0, children: /* @__PURE__ */ e(m, { color: "info", children: /* @__PURE__ */ e(o, { style: {
+        }, children: p.map((n) => /* @__PURE__ */ r(le, { children: [
+          /* @__PURE__ */ e(se, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "info", children: /* @__PURE__ */ e(o, { style: {
             color: "inherit"
-          }, hierarchy: "tertiary", children: i?.name }) }) }),
-          /* @__PURE__ */ e(oe, { children: /* @__PURE__ */ r(te, { side: "bottom", children: [
-            /* @__PURE__ */ e(b, { abilities: i?.abilities }),
-            /* @__PURE__ */ e(le, {})
+          }, hierarchy: "tertiary", children: n?.name }) }) }),
+          /* @__PURE__ */ e(ce, { children: /* @__PURE__ */ r(ae, { side: "bottom", children: [
+            /* @__PURE__ */ e(x, { abilities: n?.abilities }),
+            /* @__PURE__ */ e(de, {})
           ] }) })
         ] })) })
       ] }) : null
     ] }),
-    /* @__PURE__ */ r(n, { align: "center", style: {
+    /* @__PURE__ */ r(i, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ e(n, { style: {
+      /* @__PURE__ */ e(i, { style: {
         flexDirection: "column",
         gap: "0.35rem"
-      }, children: /* @__PURE__ */ r(n, { style: {
+      }, children: /* @__PURE__ */ r(i, { style: {
         gap: "0.35rem"
       }, align: "center", children: [
-        s?.admin ? /* @__PURE__ */ e(m, { border: !0, color: "primary", children: /* @__PURE__ */ e(o, { hierarchy: "tertiary", children: "Owner" }) }) : null,
-        s?.emailVerifiedAt ? /* @__PURE__ */ r(m, { border: !0, color: "primary", children: [
-          /* @__PURE__ */ e($, { size: 16 }),
+        c?.admin ? /* @__PURE__ */ e(l, { border: !0, color: "primary", children: /* @__PURE__ */ e(o, { hierarchy: "tertiary", children: "Owner" }) }) : null,
+        c?.emailVerifiedAt ? /* @__PURE__ */ r(l, { border: !0, color: "primary", children: [
+          /* @__PURE__ */ e(ie, { size: 16 }),
           /* @__PURE__ */ e(o, { hierarchy: "tertiary", children: "Email verified" })
         ] }) : null
       ] }) }),
-      t?.userAbilities?.deleteMember || t?.userAbilities?.assignMemberRoles ? /* @__PURE__ */ r(z, { children: [
-        /* @__PURE__ */ e(I, { asChild: !0, children: /* @__PURE__ */ e(l, { color: "secondary", children: /* @__PURE__ */ e(_, { size: 16 }) }) }),
-        /* @__PURE__ */ e(T, { children: /* @__PURE__ */ r(w, { align: "end", side: "bottom", sideOffset: 8, children: [
-          /* @__PURE__ */ e(O, { children: "Actions" }),
-          t?.userAbilities?.deleteMember && /* @__PURE__ */ r(f, { onSelect: () => A(!0), children: [
-            /* @__PURE__ */ e(ee, { size: 16 }),
-            /* @__PURE__ */ e(o, { children: "Remove member" })
+      t?.userAbilities?.deleteMember || t?.userAbilities?.assignMemberRoles ? /* @__PURE__ */ r(w, { children: [
+        /* @__PURE__ */ e(T, { asChild: !0, children: /* @__PURE__ */ e(s, { variant: "filled", color: "secondary", children: /* @__PURE__ */ e(ne, { size: 16 }) }) }),
+        /* @__PURE__ */ e(O, { children: /* @__PURE__ */ r(j, { align: "end", side: "bottom", sideOffset: 8, color: "secondary", children: [
+          /* @__PURE__ */ r(v, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: {
+            borderWidth: "2px"
+          }, children: [
+            /* @__PURE__ */ e(m, { children: "Actions" }),
+            t?.userAbilities?.deleteMember && /* @__PURE__ */ r(b, { onSelect: () => A(!0), children: [
+              /* @__PURE__ */ e(oe, { size: 16 }),
+              /* @__PURE__ */ e(o, { children: "Remove member" })
+            ] }),
+            t?.userAbilities?.assignMemberRoles && /* @__PURE__ */ r(b, { onSelect: () => R(!0), children: [
+              /* @__PURE__ */ e(te, { size: 16 }),
+              /* @__PURE__ */ e(o, { children: "Assign role" })
+            ] })
           ] }),
-          t?.userAbilities?.assignMemberRoles && /* @__PURE__ */ r(f, { onSelect: () => R(!0), children: [
-            /* @__PURE__ */ e(re, { size: 16 }),
-            /* @__PURE__ */ e(o, { children: "Assign role" })
-          ] })
+          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ r(i, { style: {
+            gap: ".35rem"
+          }, children: [
+            /* @__PURE__ */ r(i, { align: "center", style: {
+              gap: "0.35rem"
+            }, children: [
+              /* @__PURE__ */ r(i, { children: [
+                /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(B, { size: 12 }) }),
+                /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(k, { size: 12 }) })
+              ] }),
+              "move"
+            ] }),
+            /* @__PURE__ */ e(U, { spacing: "xxs" }),
+            /* @__PURE__ */ r(i, { align: "center", style: {
+              gap: ".35rem"
+            }, children: [
+              /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(N, { size: 12 }) }),
+              "perform"
+            ] })
+          ] }) })
         ] }) })
       ] }) : null
     ] })
   ] });
 };
 export {
-  Le as DNamespaceMemberContent
+  Ve as DNamespaceMemberContent
 };

package/dist/components/d-organization/DOrganizatonContent.js CHANGED Viewed

@@ -3,18 +3,18 @@ import n from "react";
 import { useStore as c, useService as s } from "../../utils/contextStore.js";
 import "merge-props";
 import { Text as m } from "../text/Text.js";
-import { DOrganizationReactiveService as S } from "./DOrganization.service.js";
-import { IconFolder as k, IconUser as L, IconServer as N, IconSettings as w, IconLogout as F } from "@tabler/icons-react";
-import { Flex as o } from "../flex/Flex.js";
-import { Button as v } from "../button/Button.js";
+import { DOrganizationReactiveService as v } from "./DOrganization.service.js";
+import { IconFolders as k, IconUsers as L, IconServer as N, IconEdit as w, IconLogout as F } from "@tabler/icons-react";
+import { Flex as t } from "../flex/Flex.js";
+import { Button as S } from "../button/Button.js";
 import { Spacing as P } from "../spacing/Spacing.js";
-import { Avatar as T } from "../avatar/Avatar.js";
-import { DUserReactiveService as z } from "../d-user/DUser.service.js";
+import { Avatar as E } from "../avatar/Avatar.js";
+import { DUserReactiveService as b } from "../d-user/DUser.service.js";
 import "../../_virtual/compiler-runtime.js";
 import '../../assets/components/dialog/Dialog.style.css';import '../../assets/components/tooltip/Tooltip.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/card/Card.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "@radix-ui/react-dropdown-menu";
 /* empty css                      */
-import { useUserSession as W } from "../d-user/DUser.session.hook.js";
+import { useUserSession as T } from "../d-user/DUser.session.hook.js";
 import { Badge as d } from "../badge/Badge.js";
 import "@radix-ui/react-checkbox";
 /* empty css                       */
@@ -27,7 +27,7 @@ import "@radix-ui/react-one-time-password-field";
 import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import "../form/TextInput.js";
-import { DNamespaceReactiveService as b } from "../d-namespace/DNamespace.service.js";
+import { DNamespaceReactiveService as z } from "../d-namespace/DNamespace.service.js";
 import { DNamespaceMemberReactiveService as x } from "../d-member/DNamespaceMember.service.js";
 import "@radix-ui/react-tooltip";
 /* empty css                            */
@@ -40,39 +40,39 @@ const Ie = (I) => {
     },
     onSetting: j = () => {
     }
-  } = I, B = c(S), C = s(S), D = c(b), $ = s(b), A = c(x), R = s(x), U = s(z), O = c(z), g = W(), p = n.useMemo(() => U.getById(g?.user?.id), [O, g]), r = n.useMemo(() => a ? C.getById(a) : null, [B, a]), t = n.useMemo(() => r ? $.getById(r.namespace?.id) : null, [D, r]), u = n.useMemo(() => t && p ? R.getByNamespaceIdAndUserId(t.id, p.id) : null, [A, t, p]), y = t?.projects?.count, h = t?.members?.count, f = t?.runtimes?.count;
-  return /* @__PURE__ */ i(o, { align: "center", style: {
+  } = I, B = c(v), C = s(v), D = c(z), $ = s(z), A = c(x), R = s(x), U = s(b), O = c(b), u = T(), p = n.useMemo(() => U.getById(u?.user?.id), [O, u]), r = n.useMemo(() => a ? C.getById(a) : null, [B, a]), o = n.useMemo(() => r ? $.getById(r.namespace?.id) : null, [D, r]), g = n.useMemo(() => o && p ? R.getByNamespaceIdAndUserId(o.id, p.id) : null, [A, o, p]), h = o?.projects?.count, y = o?.members?.count, f = o?.runtimes?.count;
+  return /* @__PURE__ */ i(t, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
-    /* @__PURE__ */ i(o, { align: "center", style: {
+    /* @__PURE__ */ i(t, { align: "center", style: {
       gap: "1.3rem"
     }, children: [
-      /* @__PURE__ */ e(T, { bg: "transparent", identifier: r?.name ?? "" }),
-      /* @__PURE__ */ i(o, { style: {
+      /* @__PURE__ */ e(E, { bg: "transparent", identifier: r?.name ?? "" }),
+      /* @__PURE__ */ i(t, { style: {
         flexDirection: "column"
       }, children: [
         /* @__PURE__ */ e(m, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
         /* @__PURE__ */ e(P, { spacing: "xxs" }),
-        /* @__PURE__ */ i(o, { align: "center", style: {
+        /* @__PURE__ */ i(t, { align: "center", style: {
           gap: "0.35rem",
           flexWrap: "wrap"
         }, children: [
-          /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ i(t, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(k, { size: 16 }),
-            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${y ?? 0} project${(y ?? 0) !== 1 ? "s" : ""}` })
+            /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${h ?? 0} project${(h ?? 0) !== 1 ? "s" : ""}` })
           ] }) }),
-          /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ i(t, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(L, { size: 16 }),
             /* @__PURE__ */ i(m, { size: "xs", hierarchy: "tertiary", children: [
               " ",
-              `${h ?? 0} member${(h ?? 0) !== 1 ? "s" : ""}`
+              `${y ?? 0} member${(y ?? 0) !== 1 ? "s" : ""}`
             ] })
           ] }) }),
-          /* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
+          /* @__PURE__ */ e(d, { border: !0, children: /* @__PURE__ */ i(t, { align: "center", style: {
             gap: "0.35rem"
           }, children: [
             /* @__PURE__ */ e(N, { size: 16 }),
@@ -81,13 +81,13 @@ const Ie = (I) => {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ i(o, { align: "center", style: {
-      gap: "0.35rem"
+    /* @__PURE__ */ i(t, { align: "center", style: {
+      gap: "0.7rem"
     }, children: [
-      r?.userAbilities?.deleteOrganization || r?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(v, { color: "secondary", onClick: (l) => {
+      r?.userAbilities?.deleteOrganization || r?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(S, { variant: "filled", color: "secondary", onClick: (l) => {
         l.stopPropagation(), j(r);
       }, children: /* @__PURE__ */ e(w, { size: 16 }) }) : null,
-      u && u.userAbilities?.deleteMember ? /* @__PURE__ */ i(v, { color: "error", onClick: (l) => {
+      g && g.userAbilities?.deleteMember ? /* @__PURE__ */ i(S, { variant: "filled", color: "error", onClick: (l) => {
         l.stopPropagation(), r && M(r);
       }, children: [
         /* @__PURE__ */ e(F, { size: 16 }),

package/dist/components/d-project/DNamespaceProjectMenu.js CHANGED Viewed

@@ -1,28 +1,57 @@
-import { jsxs as a, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { jsxs as r, jsx as e, Fragment as M } from "react/jsx-runtime";
 import s from "react";
-import { Menu as S, MenuTrigger as g, MenuPortal as v, MenuContent as x, MenuItem as P, MenuSeparator as I } from "../menu/Menu.js";
-import { DNamespaceProjectReactiveService as d } from "./DNamespaceProject.service.js";
+import { Menu as S, MenuTrigger as I, MenuPortal as v, MenuContent as b, MenuItem as y, MenuSeparator as z, MenuLabel as P } from "../menu/Menu.js";
+import { DNamespaceProjectReactiveService as p } from "./DNamespaceProject.service.js";
 import { useService as u } from "../../utils/contextStore.js";
-import { Button as C } from "../button/Button.js";
-import { DNamespaceProjectContent as D } from "./DNamespaceProjectContent.js";
-const F = (t) => {
+import { Button as w } from "../button/Button.js";
+import { DNamespaceProjectContent as C } from "./DNamespaceProjectContent.js";
+import { Card as D } from "../card/Card.js";
+import { Flex as t } from "../flex/Flex.js";
+import { Badge as n } from "../badge/Badge.js";
+import { IconArrowUp as B, IconArrowDown as N, IconCornerDownLeft as A } from "@tabler/icons-react";
+import { Spacing as F } from "../spacing/Spacing.js";
+const K = (i) => {
   const {
-    onProjectSelect: l,
-    namespaceId: n,
-    filter: p = () => !0,
-    projectId: f,
-    children: o
-  } = t, c = u(d), i = u(d), h = c.getById(f), m = s.useMemo(() => c.values({
-    namespaceId: n
-  }).filter(p), [i, n]);
-  return s.useMemo(() => /* @__PURE__ */ a(S, { ...t, children: [
-    /* @__PURE__ */ e(g, { asChild: !0, children: o || /* @__PURE__ */ e(C, { variant: "none", paddingSize: "xxs", children: h?.name }) }),
-    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(x, { side: "bottom", align: "center", sideOffset: 8, maw: "200px", children: m.map((r, j) => /* @__PURE__ */ a(M, { children: [
-      /* @__PURE__ */ e(P, { onSelect: () => l(r), children: /* @__PURE__ */ e(D, { minimized: !0, projectId: r.id }) }, r.id),
-      j < m.length - 1 && /* @__PURE__ */ e(I, {})
-    ] })) }) })
-  ] }), [i]);
+    onProjectSelect: h,
+    namespaceId: c,
+    filter: f = () => !0,
+    projectId: g,
+    children: m
+  } = i, d = u(p), a = u(p), x = d.getById(g), l = s.useMemo(() => d.values({
+    namespaceId: c
+  }).filter(f), [a, c]);
+  return s.useMemo(() => /* @__PURE__ */ r(S, { ...i, children: [
+    /* @__PURE__ */ e(I, { asChild: !0, children: m || /* @__PURE__ */ e(w, { variant: "none", paddingSize: "xxs", children: x?.name }) }),
+    /* @__PURE__ */ e(v, { children: /* @__PURE__ */ r(b, { side: "bottom", align: "center", sideOffset: 8, maw: "210px", color: "secondary", children: [
+      /* @__PURE__ */ e(D, { paddingSize: "xxs", mt: -0.35, mx: -0.35, style: {
+        borderWidth: "2px"
+      }, children: l.map((o, j) => /* @__PURE__ */ r(M, { children: [
+        /* @__PURE__ */ e(y, { onSelect: () => h(o), children: /* @__PURE__ */ e(C, { minimized: !0, projectId: o.id }) }, o.id),
+        j < l.length - 1 && /* @__PURE__ */ e(z, {})
+      ] })) }),
+      /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(t, { style: {
+        gap: ".35rem"
+      }, children: [
+        /* @__PURE__ */ r(t, { align: "center", style: {
+          gap: "0.35rem"
+        }, children: [
+          /* @__PURE__ */ r(t, { children: [
+            /* @__PURE__ */ e(n, { border: !0, children: /* @__PURE__ */ e(B, { size: 12 }) }),
+            /* @__PURE__ */ e(n, { border: !0, children: /* @__PURE__ */ e(N, { size: 12 }) })
+          ] }),
+          "move"
+        ] }),
+        /* @__PURE__ */ e(F, { spacing: "xxs" }),
+        /* @__PURE__ */ r(t, { align: "center", style: {
+          gap: ".35rem"
+        }, children: [
+          /* @__PURE__ */ e(n, { border: !0, children: /* @__PURE__ */ e(A, { size: 12 }) }),
+          "add"
+        ] })
+      ] }) })
+    ] }) })
+  ] }), [a]);
 };
 export {
-  F as default
+  K as default
 };

package/dist/components/d-project/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { DNamespaceProjectReactiveService as d } from "./DNamespaceProject.service.js";
-import { DNamespaceProjectView as C } from "./DNamespaceProject.view.js";
-import { DNamespaceProjectCard as R } from "./DNamespaceProjectCard.js";
-import { DNamespaceProjectList as V } from "./DNamespaceProjectList.js";
+import { DNamespaceProjectReactiveService as w } from "./DNamespaceProject.service.js";
+import { DNamespaceProjectView as L } from "./DNamespaceProject.view.js";
+import { DNamespaceProjectCard as S } from "./DNamespaceProjectCard.js";
+import { DNamespaceProjectList as b } from "./DNamespaceProjectList.js";
 import "react/jsx-runtime";
 import "react";
 import "../../_virtual/compiler-runtime.js";
-import '../../assets/components/card/Card.style.css';import '../../assets/components/badge/Badge.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
+import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/card/Card.style.css';import '../../assets/components/badge/Badge.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "merge-props";
 import "@radix-ui/react-dropdown-menu";
 import "../../utils/contextStore.js";
@@ -17,9 +17,10 @@ import "js-md5";
 /* empty css                        */
 import "@tabler/icons-react";
 /* empty css                      */
+/* empty css                            */
 export {
-  R as DNamespaceProjectCard,
-  V as DNamespaceProjectList,
-  d as DNamespaceProjectReactiveService,
-  C as DNamespaceProjectView
+  S as DNamespaceProjectCard,
+  b as DNamespaceProjectList,
+  w as DNamespaceProjectReactiveService,
+  L as DNamespaceProjectView
 };

package/dist/components/d-role/DNamespaceRoleContent.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { jsxs as r, jsx as e, Fragment as y } from "react/jsx-runtime";
 import g from "react";
 import { Flex as o } from "../flex/Flex.js";
-import { useService as a, useStore as m } from "../../utils/contextStore.js";
+import { useService as a, useStore as d } from "../../utils/contextStore.js";
 import "merge-props";
 import { DNamespaceRoleReactiveService as x } from "./DNamespaceRole.service.js";
 import { Text as n } from "../text/Text.js";
 import { Button as u } from "../button/Button.js";
-import { IconFolders as G, IconUsers as H, IconSettings as J } from "@tabler/icons-react";
+import { IconFolders as G, IconUsers as H, IconEdit as J } from "@tabler/icons-react";
 import { DNamespaceRolePermissions as K } from "./DNamespaceRolePermissions.js";
 import { DNamespaceMemberReactiveService as f } from "../d-member/DNamespaceMember.service.js";
 import "../../_virtual/compiler-runtime.js";
@@ -15,7 +15,7 @@ import { DUserReactiveService as v } from "../d-user/DUser.service.js";
 import '../../assets/components/dialog/Dialog.style.css';import '../../assets/components/form/Input.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css                      */
 import "@radix-ui/react-dropdown-menu";
 import { Avatar as S } from "../avatar/Avatar.js";
-import { Badge as d } from "../badge/Badge.js";
+import { Badge as m } from "../badge/Badge.js";
 import p from "../card/CardSection.js";
 import "@radix-ui/react-checkbox";
 /* empty css                       */
@@ -42,11 +42,11 @@ const Ce = (w) => {
     },
     onProjectsViewMore: N = () => {
     }
-  } = w, T = a(x), k = m(x), B = a(P), V = m(P), F = a(f), U = m(f), W = a(v), E = m(v), i = g.useMemo(() => T.getById(h), [k, h]), s = g.useMemo(() => B.values({
+  } = w, T = a(x), k = d(x), B = a(P), V = d(P), F = a(f), U = d(f), E = a(v), W = d(v), i = g.useMemo(() => T.getById(h), [k, h]), s = g.useMemo(() => B.values({
     namespaceId: i?.namespace?.id
   }).filter((t) => i?.assignedProjects?.nodes?.map((l) => l?.id).includes(t.id)), [V, i]), c = g.useMemo(() => F.values({
     namespaceId: i?.namespace?.id
-  }).filter((t) => t.roles?.nodes?.map((l) => l?.id).includes(i?.id)), [U, E, h]), q = i?.userAbilities?.deleteNamespaceRole || i?.userAbilities?.updateNamespaceRole || i?.userAbilities?.assignRoleAbilities || i?.userAbilities?.assignRoleProjects;
+  }).filter((t) => t.roles?.nodes?.map((l) => l?.id).includes(i?.id)), [U, W, h]), q = i?.userAbilities?.deleteNamespaceRole || i?.userAbilities?.updateNamespaceRole || i?.userAbilities?.assignRoleAbilities || i?.userAbilities?.assignRoleProjects;
   return /* @__PURE__ */ r(o, { align: "center", style: {
     gap: "1.3rem"
   }, justify: "space-between", children: [
@@ -74,7 +74,7 @@ const Ce = (w) => {
           gap: "0.35rem"
         }, children: [
           /* @__PURE__ */ r(R, { children: [
-            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(d, { border: !0, style: {
+            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(m, { border: !0, style: {
               verticalAlign: "middle"
             }, children: [
               /* @__PURE__ */ e(G, { size: 16 }),
@@ -102,14 +102,14 @@ const Ce = (w) => {
                   ] }) }, t.id)),
                   i && s.slice(1, s.length).length > 0 ? /* @__PURE__ */ e(p, { border: !0, display: "flex", p: 0.35, justify: "center", hover: !0, children: /* @__PURE__ */ r(u, { paddingSize: "xxs", variant: "none", onClick: () => N(i), children: [
                     /* @__PURE__ */ e(n, { size: "xs", children: "View more" }),
-                    /* @__PURE__ */ e(d, { border: !0, children: s.slice(1, s.length).length })
+                    /* @__PURE__ */ e(m, { border: !0, children: s.slice(1, s.length).length })
                   ] }) }) : null
                 ] })
               ] }) : null
             ] }) })
           ] }),
           /* @__PURE__ */ r(R, { children: [
-            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(d, { border: !0, style: {
+            /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ r(m, { border: !0, style: {
               verticalAlign: "middle"
             }, children: [
               /* @__PURE__ */ e(H, { size: 16 }),
@@ -124,7 +124,7 @@ const Ce = (w) => {
                   borderWidth: "2px"
                 }, children: [
                   c.slice(0, 1).map((t) => {
-                    const l = W.getById(t.user?.id);
+                    const l = E.getById(t.user?.id);
                     return /* @__PURE__ */ e(p, { border: !0, children: /* @__PURE__ */ r(o, { align: "center", style: {
                       gap: "0.7rem"
                     }, children: [
@@ -143,7 +143,7 @@ const Ce = (w) => {
                   }),
                   i && c.slice(1, c.length).length > 0 ? /* @__PURE__ */ e(p, { border: !0, display: "flex", p: 0.35, justify: "center", hover: !0, children: /* @__PURE__ */ r(u, { paddingSize: "xxs", variant: "none", onClick: () => M(i), children: [
                     /* @__PURE__ */ e(n, { size: "xs", children: "View more" }),
-                    /* @__PURE__ */ e(d, { border: !0, children: c.length - 1 })
+                    /* @__PURE__ */ e(m, { border: !0, children: c.length - 1 })
                   ] }) }) : null
                 ] })
               ] }) : null
@@ -151,7 +151,7 @@ const Ce = (w) => {
           ] })
         ] })
       ] }),
-      q && /* @__PURE__ */ e(u, { color: "secondary", onClick: (t) => {
+      q && /* @__PURE__ */ e(u, { color: "secondary", variant: "filled", onClick: (t) => {
         t.stopPropagation(), I(i);
       }, children: /* @__PURE__ */ e(J, { size: 16 }) })
     ] })

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

@@ -2,19 +2,19 @@ import { jsxs as t, jsx as e } from "react/jsx-runtime";
 import h from "react";
 import { Text as n } from "../text/Text.js";
 import { Flex as i } from "../flex/Flex.js";
-import { IconSettings as y } from "@tabler/icons-react";
-import { Button as g } from "../button/Button.js";
-import { useService as f, useStore as C } from "../../utils/contextStore.js";
+import { IconEdit as y } from "@tabler/icons-react";
+import { Button as f } from "../button/Button.js";
+import { useService as g, useStore as C } from "../../utils/contextStore.js";
 import "merge-props";
-import { DRuntimeReactiveService as s } from "./DRuntime.service.js";
-import { Badge as l } from "../badge/Badge.js";
-const v = (m) => {
+import { DRuntimeReactiveService as l } from "./DRuntime.service.js";
+import { Badge as s } from "../badge/Badge.js";
+const T = (m) => {
   const {
     runtimeId: o,
     minimized: c = !1,
     onSetting: a = () => {
     }
-  } = m, p = f(s), d = C(s), r = h.useMemo(() => p.getById(o), [d, o]);
+  } = m, d = g(l), p = C(l), r = h.useMemo(() => d.getById(o), [p, o]);
   return /* @__PURE__ */ t(i, { justify: "space-between", align: "center", style: {
     gap: "1.3rem"
   }, children: [
@@ -33,13 +33,13 @@ const v = (m) => {
       /* @__PURE__ */ e(i, { align: "center", style: {
         gap: "0.35rem",
         flexWrap: "wrap"
-      }, children: r?.status === "CONNECTED" ? /* @__PURE__ */ e(l, { color: "success", children: "CONNECTED" }) : /* @__PURE__ */ e(l, { color: "error", children: "DISCONNECTED" }) }),
-      !c && (r?.userAbilities?.deleteRuntime || r?.userAbilities?.updateRuntime || r?.userAbilities?.rotateRuntimeToken) ? /* @__PURE__ */ e(g, { color: "secondary", onClick: (u) => {
+      }, children: r?.status === "CONNECTED" ? /* @__PURE__ */ e(s, { color: "success", children: "CONNECTED" }) : /* @__PURE__ */ e(s, { color: "error", children: "DISCONNECTED" }) }),
+      !c && (r?.userAbilities?.deleteRuntime || r?.userAbilities?.updateRuntime || r?.userAbilities?.rotateRuntimeToken) ? /* @__PURE__ */ e(f, { color: "secondary", variant: "filled", onClick: (u) => {
         u.stopPropagation(), a(r);
       }, children: /* @__PURE__ */ e(y, { size: 16 }) }) : null
     ] })
   ] });
 };
 export {
-  v as DRuntimeContent
+  T as DRuntimeContent
 };

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

@@ -43,24 +43,24 @@ const Z = (D) => {
     i,
     l
   ] }), e[12] = i, e[13] = l, e[14] = s) : s = e[14];
-  let m;
-  e[15] !== r.email ? (m = /* @__PURE__ */ d(R, { size: "sm", hierarchy: "tertiary", children: r.email }), e[15] = r.email, e[16] = m) : m = e[16];
   let n;
-  e[17] !== s || e[18] !== m ? (n = /* @__PURE__ */ p(u, { style: g, children: [
+  e[15] !== r.email ? (n = /* @__PURE__ */ d(R, { size: "sm", hierarchy: "tertiary", children: r.email }), e[15] = r.email, e[16] = n) : n = e[16];
+  let m;
+  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ p(u, { style: g, children: [
     s,
-    m
-  ] }), e[17] = s, e[18] = m, e[19] = n) : n = e[19];
+    n
+  ] }), e[17] = s, e[18] = n, e[19] = m) : m = e[19];
   let o;
-  e[20] !== n || e[21] !== t ? (o = /* @__PURE__ */ p(u, { style: y, align: "center", children: [
+  e[20] !== m || e[21] !== t ? (o = /* @__PURE__ */ p(u, { style: y, align: "center", children: [
     t,
-    n
-  ] }), e[20] = n, e[21] = t, e[22] = o) : o = e[22];
+    m
+  ] }), e[20] = m, e[21] = t, e[22] = o) : o = e[22];
   let S;
   e[23] === Symbol.for("react.memo_cache_sentinel") ? (S = {
     gap: "1.3rem"
   }, e[23] = S) : S = e[23];
   let c;
-  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ p(C, { color: "primary", children: [
+  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ p(C, { border: !0, children: [
     /* @__PURE__ */ d(M, { size: 16 }),
     /* @__PURE__ */ d(R, { size: "xs", hierarchy: "tertiary", children: "Email verified" })
   ] }) : null, e[24] = r.emailVerifiedAt, e[25] = c) : c = e[25];

package/package.json CHANGED Viewed

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