@code0-tech/pictor 0.0.0-mvp.10 → 0.0.0-mvp.11

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.
@@ -1 +1 @@
1
- .card{display:block;padding:.7rem;position:relative;font-size:.8rem}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.card>.card__section>img{border-radius:.5rem}.card>.card__section:first-child{margin-top:0}.card>.card__section--border:first-child{padding-top:0;border-top:none}.card>.card__section:not(:has(~.card__section)){margin-bottom:0}.card>.card__section--border:not(:has(~.card__section)){padding-bottom:0;border-bottom:none}.card *.card__section>img{border-radius:.5rem}.card__section{margin-bottom:.7rem;margin-top:.7rem;position:relative}.card__section--border{margin-right:-.7rem;margin-left:-.7rem;padding:.7rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.card__section--border+.card__section--border{border-top:none;margin-top:-.5em}.card--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--primary.card--none{background:transparent;border-color:transparent}.card--primary.card--filled{border-color:transparent}.card--primary.card--outlined{background:transparent}.card--outline-primary{outline-offset:.35rem;margin:.35rem;outline:rgba(3,0,20,.25) solid 1px}.card--border-primary{box-shadow:inset 0 0 0 1px #03001440}.card--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--secondary.card--none{background:transparent;border-color:transparent}.card--secondary.card--filled{border-color:transparent}.card--secondary.card--outlined{background:transparent}.card--outline-secondary{outline-offset:.35rem;margin:.35rem;outline:rgba(255,255,255,.1) solid 1px}.card--border-secondary{box-shadow:inset 0 0 0 1px #ffffff1a}.card--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--success.card--none{background:transparent;border-color:transparent}.card--success.card--filled{border-color:transparent}.card--success.card--outlined{background:transparent}.card--outline-success{outline-offset:.35rem;margin:.35rem;outline:rgba(41,191,18,.25) solid 1px}.card--border-success{box-shadow:inset 0 0 0 1px #29bf1240}.card--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--warning.card--none{background:transparent;border-color:transparent}.card--warning.card--filled{border-color:transparent}.card--warning.card--outlined{background:transparent}.card--outline-warning{outline-offset:.35rem;margin:.35rem;outline:rgba(255,190,11,.25) solid 1px}.card--border-warning{box-shadow:inset 0 0 0 1px #ffbe0b40}.card--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--error.card--none{background:transparent;border-color:transparent}.card--error.card--filled{border-color:transparent}.card--error.card--outlined{background:transparent}.card--outline-error{outline-offset:.35rem;margin:.35rem;outline:rgba(217,4,41,.25) solid 1px}.card--border-error{box-shadow:inset 0 0 0 1px #d9042940}.card--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--info.card--none{background:transparent;border-color:transparent}.card--info.card--filled{border-color:transparent}.card--info.card--outlined{background:transparent}.card--outline-info{outline-offset:.35rem;margin:.35rem;outline:rgba(112,255,178,.25) solid 1px}.card--border-info{box-shadow:inset 0 0 0 1px #70ffb240}.card--border--dashed{border-style:dashed}
1
+ .card{display:block;padding:1.3rem;position:relative;font-size:.8rem}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.card>.card__section>img{border-radius:.5rem}.card>.card__section:first-child{margin-top:0}.card>.card__section--border:first-child{padding-top:0;border-top:none}.card>.card__section:not(:has(~.card__section)){margin-bottom:0}.card>.card__section--border:not(:has(~.card__section)){padding-bottom:0;border-bottom:none}.card *.card__section>img{border-radius:.5rem}.card__section{margin-bottom:1.3rem;margin-top:1.3rem;position:relative}.card__section--border{margin-right:-1.3rem;margin-left:-1.3rem;padding:1.3rem;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.card__section--border+.card__section--border{border-top:none;margin-top:-.5em}.card--primary{border:none;background:#030014;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--primary.card--none{background:transparent;border-color:transparent}.card--primary.card--filled{border-color:transparent}.card--primary.card--outlined{background:transparent}.card--outline-primary{outline-offset:.65rem;margin:.65rem;outline:rgba(3,0,20,.25) solid 1px}.card--border-primary{box-shadow:inset 0 0 0 1px #03001440}.card--secondary{border:none;background:#1c1a2c;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--secondary.card--none{background:transparent;border-color:transparent}.card--secondary.card--filled{border-color:transparent}.card--secondary.card--outlined{background:transparent}.card--outline-secondary{outline-offset:.65rem;margin:.65rem;outline:rgba(255,255,255,.1) solid 1px}.card--border-secondary{box-shadow:inset 0 0 0 1px #ffffff1a}.card--success{border:none;background:#071314;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--success.card--none{background:transparent;border-color:transparent}.card--success.card--filled{border-color:transparent}.card--success.card--outlined{background:transparent}.card--outline-success{outline-offset:.65rem;margin:.65rem;outline:rgba(41,191,18,.25) solid 1px}.card--border-success{box-shadow:inset 0 0 0 1px #29bf1240}.card--warning{border:none;background:#1c1313;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--warning.card--none{background:transparent;border-color:transparent}.card--warning.card--filled{border-color:transparent}.card--warning.card--outlined{background:transparent}.card--outline-warning{outline-offset:.65rem;margin:.65rem;outline:rgba(255,190,11,.25) solid 1px}.card--border-warning{box-shadow:inset 0 0 0 1px #ffbe0b40}.card--error{border:none;background:#180016;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--error.card--none{background:transparent;border-color:transparent}.card--error.card--filled{border-color:transparent}.card--error.card--outlined{background:transparent}.card--outline-error{outline-offset:.65rem;margin:.65rem;outline:rgba(217,4,41,.25) solid 1px}.card--border-error{box-shadow:inset 0 0 0 1px #d9042940}.card--info{border:none;background:#0e1a24;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:1rem}.card--info.card--none{background:transparent;border-color:transparent}.card--info.card--filled{border-color:transparent}.card--info.card--outlined{background:transparent}.card--outline-info{outline-offset:.65rem;margin:.65rem;outline:rgba(112,255,178,.25) solid 1px}.card--border-info{box-shadow:inset 0 0 0 1px #70ffb240}.card--border--dashed{border-style:dashed}
@@ -1,62 +1,78 @@
1
- import { jsxs as r, jsx as e } from "react/jsx-runtime";
2
- import j from "react";
3
- import { Card as k } from "../card/Card.js";
4
- import { Text as i } from "../text/Text.js";
5
- import { useStore as t, useService as c } from "../../utils/contextStore.js";
6
- import { DOrganizationReactiveService as f } from "./DOrganization.service.js";
7
- import { IconSettings as $, IconLogout as B, IconFolder as D, IconUser as L, IconServer as R } from "@tabler/icons-react";
8
- import { Badge as s } from "../badge/Badge.js";
9
- import { Flex as a } from "../flex/Flex.js";
10
- import { Button as u } from "../button/Button.js";
11
- import w from "../card/CardSection.js";
12
- import { DNamespaceReactiveService as g } from "../d-namespace/DNamespace.service.js";
13
- import { DNamespaceLicenseReactiveService as h } from "../d-namespace/license/DNamespaceLicense.service.js";
14
- const K = (z) => {
1
+ import { jsx as e, jsxs as r } from "react/jsx-runtime";
2
+ import b from "react";
3
+ import { Card as j } from "../card/Card.js";
4
+ import { Text as t } from "../text/Text.js";
5
+ import { useStore as c, useService as a } from "../../utils/contextStore.js";
6
+ import { DOrganizationReactiveService as g } from "./DOrganization.service.js";
7
+ import { IconFolder as $, IconUser as k, IconServer as D, IconSettings as L, IconLogout as R } from "@tabler/icons-react";
8
+ import { Flex as i } from "../flex/Flex.js";
9
+ import { Button as d } from "../button/Button.js";
10
+ import { DNamespaceReactiveService as h } from "../d-namespace/DNamespace.service.js";
11
+ import { DNamespaceLicenseReactiveService as y } from "../d-namespace/license/DNamespaceLicense.service.js";
12
+ import { Spacing as B } from "../spacing/Spacing.js";
13
+ import { Avatar as w } from "../avatar/Avatar.js";
14
+ const K = (u) => {
15
15
  const {
16
- organizationId: n,
17
- onSettingsClick: S = () => {
16
+ organizationId: o,
17
+ onSettingsClick: f = () => {
18
18
  },
19
- onLeaveClick: y = () => {
19
+ onLeaveClick: z = () => {
20
20
  }
21
- } = z, v = t(f), x = c(f), C = t(g), I = c(g), b = t(h);
22
- c(h);
23
- const o = x.getById(n);
24
- if (!o?.namespace?.id) return;
25
- const m = I.getById(o?.namespace?.id), l = o?.namespace?.projects?.count, p = m?.members?.count, d = m?.runtimes?.count;
26
- return j.useMemo(() => /* @__PURE__ */ r(k, { maw: "400px", children: [
27
- /* @__PURE__ */ r(a, { align: "center", style: {
28
- gap: "0.7rem"
29
- }, justify: "space-between", children: [
30
- /* @__PURE__ */ e(i, { size: "lg", hierarchy: "primary", display: "block", children: o?.name }),
31
- /* @__PURE__ */ r(a, { align: "center", style: {
32
- gap: "0.35rem"
21
+ } = u, S = c(g), v = a(g), x = c(h), C = a(h), I = c(y);
22
+ a(y);
23
+ const n = v.getById(o);
24
+ if (!n?.namespace?.id) return;
25
+ const s = C.getById(n?.namespace?.id), m = n?.namespace?.projects?.count, l = s?.members?.count, p = s?.runtimes?.count;
26
+ return b.useMemo(() => /* @__PURE__ */ e(j, { children: /* @__PURE__ */ r(i, { align: "center", style: {
27
+ gap: "1.3rem"
28
+ }, justify: "space-between", children: [
29
+ /* @__PURE__ */ r(i, { align: "center", style: {
30
+ gap: "1.3rem"
31
+ }, children: [
32
+ /* @__PURE__ */ e(w, { bg: "transparent", identifier: n?.name ?? "" }),
33
+ /* @__PURE__ */ r(i, { style: {
34
+ flexDirection: "column"
33
35
  }, children: [
34
- /* @__PURE__ */ e(u, { color: "secondary", onClick: () => S(n), children: /* @__PURE__ */ e($, { size: 16 }) }),
35
- /* @__PURE__ */ r(u, { color: "error", onClick: () => y(n), children: [
36
- /* @__PURE__ */ e(B, { size: 16 }),
37
- " Leave"
36
+ /* @__PURE__ */ e(t, { size: "lg", hierarchy: "primary", display: "block", children: n?.name }),
37
+ /* @__PURE__ */ e(B, { spacing: "xxs" }),
38
+ /* @__PURE__ */ r(i, { align: "center", style: {
39
+ gap: "1.3rem",
40
+ flexWrap: "wrap"
41
+ }, children: [
42
+ /* @__PURE__ */ r(i, { align: "center", style: {
43
+ gap: "0.35rem"
44
+ }, children: [
45
+ /* @__PURE__ */ e($, { size: 18 }),
46
+ /* @__PURE__ */ e(t, { size: "xs", hierarchy: "tertiary", children: `${m ?? 0} project${(m ?? 0) !== 1 ? "s" : ""}` })
47
+ ] }),
48
+ /* @__PURE__ */ r(i, { align: "center", style: {
49
+ gap: "0.35rem"
50
+ }, children: [
51
+ /* @__PURE__ */ e(k, { size: 18 }),
52
+ /* @__PURE__ */ r(t, { size: "xs", hierarchy: "tertiary", children: [
53
+ " ",
54
+ `${l ?? 0} member${(l ?? 0) !== 1 ? "s" : ""}`
55
+ ] })
56
+ ] }),
57
+ /* @__PURE__ */ r(i, { align: "center", style: {
58
+ gap: "0.35rem"
59
+ }, children: [
60
+ /* @__PURE__ */ e(D, { size: 18 }),
61
+ /* @__PURE__ */ e(t, { size: "xs", hierarchy: "tertiary", children: `${p ?? 0} runtime${(p ?? 0) !== 1 ? "s" : ""}` })
62
+ ] })
38
63
  ] })
39
64
  ] })
40
65
  ] }),
41
- /* @__PURE__ */ e(i, { size: "sm", hierarchy: "tertiary", display: "block", children: o?.name }),
42
- /* @__PURE__ */ e(w, { border: !0, children: /* @__PURE__ */ r(a, { align: "center", style: {
43
- gap: "0.35rem",
44
- flexWrap: "wrap"
66
+ /* @__PURE__ */ r(i, { align: "center", style: {
67
+ gap: "0.35rem"
45
68
  }, children: [
46
- /* @__PURE__ */ r(s, { color: "info", children: [
47
- /* @__PURE__ */ e(D, { size: 18 }),
48
- /* @__PURE__ */ e(i, { size: "xs", children: `${l ?? 0} project${(l ?? 0) !== 1 ? "s" : ""}` })
49
- ] }),
50
- /* @__PURE__ */ r(s, { color: "info", children: [
51
- /* @__PURE__ */ e(L, { size: 18 }),
52
- /* @__PURE__ */ e(i, { size: "xs", children: `${p ?? 0} member${(p ?? 0) !== 1 ? "s" : ""}` })
53
- ] }),
54
- /* @__PURE__ */ r(s, { color: "info", children: [
55
- /* @__PURE__ */ e(R, { size: 18 }),
56
- /* @__PURE__ */ e(i, { size: "xs", children: `${d ?? 0} runtime${(d ?? 0) !== 1 ? "s" : ""}` })
69
+ /* @__PURE__ */ e(d, { color: "secondary", onClick: () => f(o), children: /* @__PURE__ */ e(L, { size: 16 }) }),
70
+ /* @__PURE__ */ r(d, { color: "error", onClick: () => z(o), children: [
71
+ /* @__PURE__ */ e(R, { size: 16 }),
72
+ " Leave"
57
73
  ] })
58
- ] }) })
59
- ] }), [v, C, b]);
74
+ ] })
75
+ ] }) }), [S, x, I]);
60
76
  };
61
77
  export {
62
78
  K as default
@@ -1,19 +1,21 @@
1
- import { DOrganizationReactiveService as D } from "./DOrganization.service.js";
2
- import { DOrganizationView as w } from "./DOrganization.view.js";
1
+ import { DOrganizationReactiveService as w } from "./DOrganization.service.js";
2
+ import { DOrganizationView as S } from "./DOrganization.view.js";
3
3
  import "react/jsx-runtime";
4
4
  import "react";
5
5
  import "../../_virtual/compiler-runtime.js";
6
- import '../../assets/components/menu/Menu.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/badge/Badge.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/card/Card.style.css';/* empty css */
6
+ import '../../assets/components/menu/Menu.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/card/Card.style.css';/* empty css */
7
7
  import "merge-props";
8
8
  /* empty css */
9
9
  import "../../utils/contextStore.js";
10
10
  import "@tabler/icons-react";
11
- /* empty css */
12
11
  /* empty css */
13
12
  import "../button/Button.js";
13
+ /* empty css */
14
+ import "js-md5";
15
+ /* empty css */
14
16
  /* empty css */
15
17
  import "@radix-ui/react-dropdown-menu";
16
18
  export {
17
- D as DOrganizationReactiveService,
18
- w as DOrganizationView
19
+ w as DOrganizationReactiveService,
20
+ S as DOrganizationView
19
21
  };
@@ -1,9 +1,7 @@
1
1
  import { ReactiveArrayService } from '../../utils/reactiveArrayService';
2
- import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, UserSession, UsersIdentityLinkInput, UsersIdentityLinkPayload, UsersIdentityLoginInput, UsersIdentityLoginPayload, UsersIdentityRegisterInput, UsersIdentityRegisterPayload, UsersIdentityUnlinkInput, UsersIdentityUnlinkPayload, UsersLoginInput, UsersLoginPayload, UsersLogoutInput, UsersLogoutPayload, UsersMfaBackupCodesRotateInput, UsersMfaBackupCodesRotatePayload, UsersMfaTotpGenerateSecretInput, UsersMfaTotpGenerateSecretPayload, UsersMfaTotpValidateSecretInput, UsersMfaTotpValidateSecretPayload, UsersPasswordResetInput, UsersPasswordResetPayload, UsersPasswordResetRequestInput, UsersPasswordResetRequestPayload, UsersRegisterInput, UsersRegisterPayload } from '@code0-tech/sagittarius-graphql-types';
2
+ import { User, UsersEmailVerificationInput, UsersEmailVerificationPayload, UsersIdentityLinkInput, UsersIdentityLinkPayload, UsersIdentityLoginInput, UsersIdentityLoginPayload, UsersIdentityRegisterInput, UsersIdentityRegisterPayload, UsersIdentityUnlinkInput, UsersIdentityUnlinkPayload, UsersLoginInput, UsersLoginPayload, UsersLogoutInput, UsersLogoutPayload, UsersMfaBackupCodesRotateInput, UsersMfaBackupCodesRotatePayload, UsersMfaTotpGenerateSecretInput, UsersMfaTotpGenerateSecretPayload, UsersMfaTotpValidateSecretInput, UsersMfaTotpValidateSecretPayload, UsersPasswordResetInput, UsersPasswordResetPayload, UsersPasswordResetRequestInput, UsersPasswordResetRequestPayload, UsersRegisterInput, UsersRegisterPayload } from '@code0-tech/sagittarius-graphql-types';
3
3
  import { DUserView } from './DUser.view';
4
4
  export declare abstract class DUserReactiveService extends ReactiveArrayService<DUserView> {
5
- createUserSession(payload: UserSession): void;
6
- getUserSession(): UserSession | undefined;
7
5
  getById(id: User['id']): DUserView | undefined;
8
6
  abstract usersEmailVerification(payload: UsersEmailVerificationInput): Promise<UsersEmailVerificationPayload | undefined>;
9
7
  abstract usersIdentityLink(payload: UsersIdentityLinkInput): Promise<UsersIdentityLinkPayload | undefined>;
@@ -1,17 +1,11 @@
1
- import { ReactiveArrayService as s } from "../../utils/reactiveArrayService.js";
2
- class o extends s {
1
+ import { ReactiveArrayService as i } from "../../utils/reactiveArrayService.js";
2
+ class a extends i {
3
3
  //TODO: inject UI error handler for toasts
4
4
  //no id's need to be injected here because the root query has a users field
5
- createUserSession(e) {
6
- window.localStorage.setItem("ide_code-zero_session", JSON.stringify(e));
7
- }
8
- getUserSession() {
9
- return JSON.parse(window.localStorage.getItem("ide_code-zero_session"));
10
- }
11
5
  getById(e) {
12
6
  return this.values().find((r) => r.id === e);
13
7
  }
14
8
  }
15
9
  export {
16
- o as DUserReactiveService
10
+ a as DUserReactiveService
17
11
  };
@@ -0,0 +1,3 @@
1
+ import { UserSession } from '@code0-tech/sagittarius-graphql-types';
2
+ export declare const useUserSession: () => UserSession | null;
3
+ export declare const setUserSession: (userSession: UserSession) => void;
@@ -0,0 +1,16 @@
1
+ import { c } from "../../_virtual/compiler-runtime.js";
2
+ import r from "react";
3
+ const a = () => {
4
+ const e = c.c(2), [n, i] = r.useState(null);
5
+ let s, o;
6
+ return e[0] === Symbol.for("react.memo_cache_sentinel") ? (s = () => {
7
+ const t = JSON.parse(localStorage.getItem("ide_code-zero_session"));
8
+ t && t.token && i(t);
9
+ }, o = [], e[0] = s, e[1] = o) : (s = e[0], o = e[1]), r.useEffect(s, o), n;
10
+ }, S = (e) => {
11
+ localStorage.setItem("ide_code-zero_session", JSON.stringify(e));
12
+ };
13
+ export {
14
+ S as setUserSession,
15
+ a as useUserSession
16
+ };
@@ -1,3 +1,4 @@
1
1
  export * from './DUser.service';
2
2
  export * from './DUser.view';
3
3
  export * from './DUserMenu';
4
+ export * from './DUser.session.hook';
@@ -1,5 +1,5 @@
1
- import { DUserReactiveService as U } from "./DUser.service.js";
2
- import { DUserView as w } from "./DUser.view.js";
1
+ import { DUserReactiveService as n } from "./DUser.service.js";
2
+ import { DUserView as D } from "./DUser.view.js";
3
3
  import "react/jsx-runtime";
4
4
  import "react";
5
5
  import "../../_virtual/compiler-runtime.js";
@@ -11,7 +11,10 @@ import "js-md5";
11
11
  /* empty css */
12
12
  /* empty css */
13
13
  /* empty css */
14
+ import { setUserSession as u, useUserSession as w } from "./DUser.session.hook.js";
14
15
  export {
15
- U as DUserReactiveService,
16
- w as DUserView
16
+ n as DUserReactiveService,
17
+ D as DUserView,
18
+ u as setUserSession,
19
+ w as useUserSession
17
20
  };
package/dist/index.d.ts CHANGED
@@ -24,6 +24,7 @@ export * from './components/row/Row';
24
24
  export * from './components/scroll-area/ScrollArea';
25
25
  export * from './components/segmented-control/SegmentedControl';
26
26
  export * from './components/spacing/Spacing';
27
+ export * from './components/tab/Tab';
27
28
  export * from './components/text/Text';
28
29
  export * from './components/tooltip/Tooltip';
29
30
  export * from './utils/index';
package/dist/index.js CHANGED
@@ -1,16 +1,16 @@
1
1
  import { Avatar as m } from "./components/avatar/Avatar.js";
2
2
  import { Badge as n } from "./components/badge/Badge.js";
3
- import { Breadcrumb as x } from "./components/breadcrumb/Breadcrumb.js";
3
+ import { Breadcrumb as l } from "./components/breadcrumb/Breadcrumb.js";
4
4
  import { Button as c } from "./components/button/Button.js";
5
- import { ButtonGroup as D } from "./components/button-group/ButtonGroup.js";
5
+ import { ButtonGroup as s } from "./components/button-group/ButtonGroup.js";
6
6
  import { Card as g } from "./components/card/Card.js";
7
7
  import { Col as w } from "./components/col/Col.js";
8
- import { Command as d, CommandDialog as F, CommandEmpty as C, CommandGroup as R, CommandInput as I, CommandItem as V, CommandList as M, CommandSeparator as T, CommandShortcut as P } from "./components/command/Command.js";
8
+ import { Command as d, CommandDialog as F, CommandEmpty as C, CommandGroup as R, CommandInput as I, CommandItem as T, CommandList as b, CommandSeparator as V, CommandShortcut as M } from "./components/command/Command.js";
9
9
  import { Container as N } from "./components/container/Container.js";
10
- import { FlowSettingView as A, FlowView as G, NodeFunctionView as L, NodeParameterView as O } from "./components/d-flow/DFlow.view.js";
10
+ import { FlowSettingView as A, FlowView as L, NodeFunctionView as G, NodeParameterView as O } from "./components/d-flow/DFlow.view.js";
11
11
  import { DFlowReactiveService as h } from "./components/d-flow/DFlow.service.js";
12
- import { FLOW_EDGE_RAINBOW as B, useFlowEdges as j } from "./components/d-flow/DFlow.edges.hook.js";
13
- import { useFlowNodes as U } from "./components/d-flow/DFlow.nodes.hook.js";
12
+ import { FLOW_EDGE_RAINBOW as B, useFlowEdges as U } from "./components/d-flow/DFlow.edges.hook.js";
13
+ import { useFlowNodes as H } from "./components/d-flow/DFlow.nodes.hook.js";
14
14
  import { DFlow as _ } from "./components/d-flow/DFlow.js";
15
15
  import { DFlowControl as K } from "./components/d-flow/control/DFlowControl.js";
16
16
  import { DFlowDataTypeReactiveService as q } from "./components/d-flow/data-type/DFlowDataType.service.js";
@@ -19,89 +19,91 @@ import { DFlowFolder as Z, DFlowFolderGroup as $, DFlowFolderItem as ee } from "
19
19
  import { DFlowFunctionReactiveService as re } from "./components/d-flow/function/DFlowFunction.service.js";
20
20
  import { FunctionDefinitionView as ie, ParameterDefinitionView as pe } from "./components/d-flow/function/DFlowFunction.view.js";
21
21
  import { DFlowMiniMap as ae } from "./components/d-flow/minimap/DFlowMiniMap.js";
22
- import { DFlowReactiveSuggestionService as le } from "./components/d-flow/suggestion/DFlowSuggestion.service.js";
22
+ import { DFlowReactiveSuggestionService as xe } from "./components/d-flow/suggestion/DFlowSuggestion.service.js";
23
23
  import { DFlowSuggestion as fe, DFlowSuggestionType as ce } from "./components/d-flow/suggestion/DFlowSuggestion.view.js";
24
- import { DFlowTypeReactiveService as De } from "./components/d-flow/type/DFlowType.service.js";
24
+ import { DFlowTypeReactiveService as se } from "./components/d-flow/type/DFlowType.service.js";
25
25
  import { FlowTypeView as ge } from "./components/d-flow/type/DFlowType.view.js";
26
26
  import { useDFlowValidations as we } from "./components/d-flow/validation/DFlowValidation.hook.js";
27
27
  import { DFlowValidation as de } from "./components/d-flow/validation/DFlowValidation.js";
28
28
  import { DFullScreen as Ce } from "./components/d-fullscreen/DFullScreen.js";
29
29
  import { DLayout as Ie } from "./components/d-layout/DLayout.js";
30
- import { DNamespaceLicenseReactiveService as Me } from "./components/d-namespace/license/DNamespaceLicense.service.js";
31
- import { DNamespaceLicenseView as Pe } from "./components/d-namespace/license/DNamespaceLicense.view.js";
30
+ import { DNamespaceLicenseReactiveService as be } from "./components/d-namespace/license/DNamespaceLicense.service.js";
31
+ import { DNamespaceLicenseView as Me } from "./components/d-namespace/license/DNamespaceLicense.view.js";
32
32
  import { DNamespaceMemberReactiveService as Ne } from "./components/d-namespace/member/DNamespaceMember.service.js";
33
33
  import { DNamespaceMemberView as Ae } from "./components/d-namespace/member/DNamespaceMember.view.js";
34
- import { DNamespaceProjectReactiveService as Le } from "./components/d-namespace/project/DNamespaceProject.service.js";
34
+ import { DNamespaceProjectReactiveService as Ge } from "./components/d-namespace/project/DNamespaceProject.service.js";
35
35
  import { DNamespaceProjectView as Ee } from "./components/d-namespace/project/DNamespaceProject.view.js";
36
36
  import "react/jsx-runtime";
37
37
  import "react";
38
38
  import { Text as ze } from "./components/text/Text.js";
39
39
  import "@tabler/icons-react";
40
- import { ContextStore as je, ContextStoreProvider as He, useService as Ue, useStore as We } from "./utils/contextStore.js";
40
+ import { ContextStore as Ue, ContextStoreProvider as je, useService as He, useStore as We } from "./utils/contextStore.js";
41
41
  import { Flex as ke } from "./components/flex/Flex.js";
42
42
  import "./_virtual/compiler-runtime.js";
43
43
  import { getChild as Qe, getContent as qe, getPositionAroundTarget as Je, getPositioning as Xe, getWindowPositioning as Ye, mergeCode0Props as Ze, parseUnit as $e } from "./utils/utils.js";
44
44
  import { DNamespaceReactiveService as oo } from "./components/d-namespace/DNamespace.service.js";
45
45
  import { DRuntimeReactiveService as to } from "./components/d-runtime/DRuntime.service.js";
46
- import { Menu as po, MenuArrow as mo, MenuContent as ao, MenuGroup as no, MenuItem as lo, MenuLabel as xo, MenuPortal as fo, MenuSeparator as co, MenuSub as uo, MenuSubContent as Do, MenuSubTrigger as so, MenuTrigger as go } from "./components/menu/Menu.js";
46
+ import { Menu as po, MenuArrow as mo, MenuContent as ao, MenuGroup as no, MenuItem as xo, MenuLabel as lo, MenuPortal as fo, MenuSeparator as co, MenuSub as uo, MenuSubContent as so, MenuSubTrigger as Do, MenuTrigger as go } from "./components/menu/Menu.js";
47
47
  import { DNamespaceRoleReactiveService as wo } from "./components/d-namespace/role/DNamespaceRole.service.js";
48
48
  import { DNamespaceRoleView as Fo } from "./components/d-namespace/role/DNamespaceRole.view.js";
49
49
  import { DNamespaceView as Ro } from "./components/d-namespace/DNamespace.view.js";
50
- import { DOrganizationReactiveService as Vo } from "./components/d-organization/DOrganization.service.js";
51
- import { DOrganizationView as To } from "./components/d-organization/DOrganization.view.js";
52
- import { DResizableHandle as bo, DResizablePanel as No, DResizablePanelGroup as yo } from "./components/d-resizable/DResizable.js";
53
- import { DRuntimeView as Go } from "./components/d-runtime/DRuntime.view.js";
54
- import { DUserReactiveService as Oo } from "./components/d-user/DUser.service.js";
55
- import { DUserView as ho } from "./components/d-user/DUser.view.js";
56
- import { Dialog as Bo, DialogClose as jo, DialogContent as Ho, DialogDescription as Uo, DialogFooter as Wo, DialogHeader as _o, DialogOverlay as ko, DialogPortal as Ko, DialogTitle as Qo, DialogTrigger as qo } from "./components/dialog/Dialog.js";
57
- import { CheckboxInput as Xo } from "./components/form/CheckboxInput.js";
58
- import { EmailInput as Zo, emailValidation as $o } from "./components/form/EmailInput.js";
59
- import { Input as or, setElementKey as rr } from "./components/form/Input.js";
60
- import { InputDescription as ir } from "./components/form/InputDescription.js";
61
- import { InputLabel as mr } from "./components/form/InputLabel.js";
62
- import { InputMessage as nr } from "./components/form/InputMessage.js";
63
- import { InputSuggestionMenuContent as xr, InputSuggestionMenuContentItems as fr } from "./components/form/InputSuggestion.js";
64
- import { NumberInput as ur } from "./components/form/NumberInput.js";
65
- import { PasswordInput as sr } from "./components/form/PasswordInput.js";
66
- import { PinInput as Sr, PinInputField as wr, PinInputHiddenField as vr } from "./components/form/PinInput.js";
67
- import { RadioGroup as Fr } from "./components/form/RadioGroup.js";
68
- import { RadioInput as Rr } from "./components/form/RadioInput.js";
69
- import { SwitchInput as Vr } from "./components/form/SwitchInput.js";
70
- import { TextInput as Tr } from "./components/form/TextInput.js";
71
- import { useForm as br } from "./components/form/useForm.js";
72
- import { Quote as yr } from "./components/quote/Quote.js";
73
- import { Row as Gr } from "./components/row/Row.js";
74
- import { ScrollArea as Or, ScrollAreaCorner as Er, ScrollAreaScrollbar as hr, ScrollAreaThumb as zr, ScrollAreaViewport as Br } from "./components/scroll-area/ScrollArea.js";
75
- import { SegmentedControl as Hr, SegmentedControlItem as Ur } from "./components/segmented-control/SegmentedControl.js";
76
- import { Spacing as _r } from "./components/spacing/Spacing.js";
77
- import { Tooltip as Kr, TooltipArrow as Qr, TooltipContent as qr, TooltipPortal as Jr, TooltipTrigger as Xr } from "./components/tooltip/Tooltip.js";
78
- import { InspectionSeverity as Zr } from "./utils/inspection.js";
79
- import { NonReactiveArrayService as et, createNonReactiveArrayService as ot } from "./utils/nonReactiveArrayService.js";
80
- import { ObjectService as tt, createObjectService as it } from "./utils/objectStore.js";
81
- import { ReactiveArrayService as mt, useReactiveArrayService as at } from "./utils/reactiveArrayService.js";
82
- import { Colors as lt } from "./utils/types.js";
50
+ import { DOrganizationReactiveService as To } from "./components/d-organization/DOrganization.service.js";
51
+ import { DOrganizationView as Vo } from "./components/d-organization/DOrganization.view.js";
52
+ import { Spacing as Po } from "./components/spacing/Spacing.js";
53
+ import { DResizableHandle as yo, DResizablePanel as Ao, DResizablePanelGroup as Lo } from "./components/d-resizable/DResizable.js";
54
+ import { DRuntimeView as Oo } from "./components/d-runtime/DRuntime.view.js";
55
+ import { DUserReactiveService as ho } from "./components/d-user/DUser.service.js";
56
+ import { DUserView as Bo } from "./components/d-user/DUser.view.js";
57
+ import { setUserSession as jo, useUserSession as Ho } from "./components/d-user/DUser.session.hook.js";
58
+ import { Dialog as _o, DialogClose as ko, DialogContent as Ko, DialogDescription as Qo, DialogFooter as qo, DialogHeader as Jo, DialogOverlay as Xo, DialogPortal as Yo, DialogTitle as Zo, DialogTrigger as $o } from "./components/dialog/Dialog.js";
59
+ import { CheckboxInput as or } from "./components/form/CheckboxInput.js";
60
+ import { EmailInput as tr, emailValidation as ir } from "./components/form/EmailInput.js";
61
+ import { Input as mr, setElementKey as ar } from "./components/form/Input.js";
62
+ import { InputDescription as xr } from "./components/form/InputDescription.js";
63
+ import { InputLabel as fr } from "./components/form/InputLabel.js";
64
+ import { InputMessage as ur } from "./components/form/InputMessage.js";
65
+ import { InputSuggestionMenuContent as Dr, InputSuggestionMenuContentItems as gr } from "./components/form/InputSuggestion.js";
66
+ import { NumberInput as wr } from "./components/form/NumberInput.js";
67
+ import { PasswordInput as dr } from "./components/form/PasswordInput.js";
68
+ import { PinInput as Cr, PinInputField as Rr, PinInputHiddenField as Ir } from "./components/form/PinInput.js";
69
+ import { RadioGroup as br } from "./components/form/RadioGroup.js";
70
+ import { RadioInput as Mr } from "./components/form/RadioInput.js";
71
+ import { SwitchInput as Nr } from "./components/form/SwitchInput.js";
72
+ import { TextInput as Ar } from "./components/form/TextInput.js";
73
+ import { useForm as Gr } from "./components/form/useForm.js";
74
+ import { Quote as Er } from "./components/quote/Quote.js";
75
+ import { Row as zr } from "./components/row/Row.js";
76
+ import { ScrollArea as Ur, ScrollAreaCorner as jr, ScrollAreaScrollbar as Hr, ScrollAreaThumb as Wr, ScrollAreaViewport as _r } from "./components/scroll-area/ScrollArea.js";
77
+ import { SegmentedControl as Kr, SegmentedControlItem as Qr } from "./components/segmented-control/SegmentedControl.js";
78
+ import { Tab as Jr, TabContent as Xr, TabList as Yr, TabTrigger as Zr } from "./components/tab/Tab.js";
79
+ import { Tooltip as et, TooltipArrow as ot, TooltipContent as rt, TooltipPortal as tt, TooltipTrigger as it } from "./components/tooltip/Tooltip.js";
80
+ import { InspectionSeverity as mt } from "./utils/inspection.js";
81
+ import { NonReactiveArrayService as nt, createNonReactiveArrayService as xt } from "./utils/nonReactiveArrayService.js";
82
+ import { ObjectService as ft, createObjectService as ct } from "./utils/objectStore.js";
83
+ import { ReactiveArrayService as st, useReactiveArrayService as Dt } from "./utils/reactiveArrayService.js";
84
+ import { Colors as St } from "./utils/types.js";
83
85
  export {
84
86
  m as Avatar,
85
87
  n as Badge,
86
- x as Breadcrumb,
88
+ l as Breadcrumb,
87
89
  c as Button,
88
- D as ButtonGroup,
90
+ s as ButtonGroup,
89
91
  g as Card,
90
- Xo as CheckboxInput,
92
+ or as CheckboxInput,
91
93
  w as Col,
92
- lt as Colors,
94
+ St as Colors,
93
95
  d as Command,
94
96
  F as CommandDialog,
95
97
  C as CommandEmpty,
96
98
  R as CommandGroup,
97
99
  I as CommandInput,
98
- V as CommandItem,
99
- M as CommandList,
100
- T as CommandSeparator,
101
- P as CommandShortcut,
100
+ T as CommandItem,
101
+ b as CommandList,
102
+ V as CommandSeparator,
103
+ M as CommandShortcut,
102
104
  N as Container,
103
- je as ContextStore,
104
- He as ContextStoreProvider,
105
+ Ue as ContextStore,
106
+ je as ContextStoreProvider,
105
107
  _ as DFlow,
106
108
  K as DFlowControl,
107
109
  q as DFlowDataTypeReactiveService,
@@ -111,103 +113,107 @@ export {
111
113
  re as DFlowFunctionReactiveService,
112
114
  ae as DFlowMiniMap,
113
115
  h as DFlowReactiveService,
114
- le as DFlowReactiveSuggestionService,
116
+ xe as DFlowReactiveSuggestionService,
115
117
  fe as DFlowSuggestion,
116
118
  ce as DFlowSuggestionType,
117
- De as DFlowTypeReactiveService,
119
+ se as DFlowTypeReactiveService,
118
120
  de as DFlowValidation,
119
121
  Ce as DFullScreen,
120
122
  Ie as DLayout,
121
- Me as DNamespaceLicenseReactiveService,
122
- Pe as DNamespaceLicenseView,
123
+ be as DNamespaceLicenseReactiveService,
124
+ Me as DNamespaceLicenseView,
123
125
  Ne as DNamespaceMemberReactiveService,
124
126
  Ae as DNamespaceMemberView,
125
- Le as DNamespaceProjectReactiveService,
127
+ Ge as DNamespaceProjectReactiveService,
126
128
  Ee as DNamespaceProjectView,
127
129
  oo as DNamespaceReactiveService,
128
130
  wo as DNamespaceRoleReactiveService,
129
131
  Fo as DNamespaceRoleView,
130
132
  Ro as DNamespaceView,
131
- Vo as DOrganizationReactiveService,
132
- To as DOrganizationView,
133
- bo as DResizableHandle,
134
- No as DResizablePanel,
135
- yo as DResizablePanelGroup,
133
+ To as DOrganizationReactiveService,
134
+ Vo as DOrganizationView,
135
+ yo as DResizableHandle,
136
+ Ao as DResizablePanel,
137
+ Lo as DResizablePanelGroup,
136
138
  to as DRuntimeReactiveService,
137
- Go as DRuntimeView,
138
- Oo as DUserReactiveService,
139
- ho as DUserView,
139
+ Oo as DRuntimeView,
140
+ ho as DUserReactiveService,
141
+ Bo as DUserView,
140
142
  X as DataTypeView,
141
- Bo as Dialog,
142
- jo as DialogClose,
143
- Ho as DialogContent,
144
- Uo as DialogDescription,
145
- Wo as DialogFooter,
146
- _o as DialogHeader,
147
- ko as DialogOverlay,
148
- Ko as DialogPortal,
149
- Qo as DialogTitle,
150
- qo as DialogTrigger,
151
- Zo as EmailInput,
143
+ _o as Dialog,
144
+ ko as DialogClose,
145
+ Ko as DialogContent,
146
+ Qo as DialogDescription,
147
+ qo as DialogFooter,
148
+ Jo as DialogHeader,
149
+ Xo as DialogOverlay,
150
+ Yo as DialogPortal,
151
+ Zo as DialogTitle,
152
+ $o as DialogTrigger,
153
+ tr as EmailInput,
152
154
  B as FLOW_EDGE_RAINBOW,
153
155
  ke as Flex,
154
156
  A as FlowSettingView,
155
157
  ge as FlowTypeView,
156
- G as FlowView,
158
+ L as FlowView,
157
159
  ie as FunctionDefinitionView,
158
- or as Input,
159
- ir as InputDescription,
160
- mr as InputLabel,
161
- nr as InputMessage,
162
- xr as InputSuggestionMenuContent,
163
- fr as InputSuggestionMenuContentItems,
164
- Zr as InspectionSeverity,
160
+ mr as Input,
161
+ xr as InputDescription,
162
+ fr as InputLabel,
163
+ ur as InputMessage,
164
+ Dr as InputSuggestionMenuContent,
165
+ gr as InputSuggestionMenuContentItems,
166
+ mt as InspectionSeverity,
165
167
  po as Menu,
166
168
  mo as MenuArrow,
167
169
  ao as MenuContent,
168
170
  no as MenuGroup,
169
- lo as MenuItem,
170
- xo as MenuLabel,
171
+ xo as MenuItem,
172
+ lo as MenuLabel,
171
173
  fo as MenuPortal,
172
174
  co as MenuSeparator,
173
175
  uo as MenuSub,
174
- Do as MenuSubContent,
175
- so as MenuSubTrigger,
176
+ so as MenuSubContent,
177
+ Do as MenuSubTrigger,
176
178
  go as MenuTrigger,
177
- L as NodeFunctionView,
179
+ G as NodeFunctionView,
178
180
  O as NodeParameterView,
179
- et as NonReactiveArrayService,
180
- ur as NumberInput,
181
- tt as ObjectService,
181
+ nt as NonReactiveArrayService,
182
+ wr as NumberInput,
183
+ ft as ObjectService,
182
184
  pe as ParameterDefinitionView,
183
- sr as PasswordInput,
184
- Sr as PinInput,
185
- wr as PinInputField,
186
- vr as PinInputHiddenField,
187
- yr as Quote,
188
- Fr as RadioGroup,
189
- Rr as RadioInput,
190
- mt as ReactiveArrayService,
191
- Gr as Row,
192
- Or as ScrollArea,
193
- Er as ScrollAreaCorner,
194
- hr as ScrollAreaScrollbar,
195
- zr as ScrollAreaThumb,
196
- Br as ScrollAreaViewport,
197
- Hr as SegmentedControl,
198
- Ur as SegmentedControlItem,
199
- _r as Spacing,
200
- Vr as SwitchInput,
185
+ dr as PasswordInput,
186
+ Cr as PinInput,
187
+ Rr as PinInputField,
188
+ Ir as PinInputHiddenField,
189
+ Er as Quote,
190
+ br as RadioGroup,
191
+ Mr as RadioInput,
192
+ st as ReactiveArrayService,
193
+ zr as Row,
194
+ Ur as ScrollArea,
195
+ jr as ScrollAreaCorner,
196
+ Hr as ScrollAreaScrollbar,
197
+ Wr as ScrollAreaThumb,
198
+ _r as ScrollAreaViewport,
199
+ Kr as SegmentedControl,
200
+ Qr as SegmentedControlItem,
201
+ Po as Spacing,
202
+ Nr as SwitchInput,
203
+ Jr as Tab,
204
+ Xr as TabContent,
205
+ Yr as TabList,
206
+ Zr as TabTrigger,
201
207
  ze as Text,
202
- Tr as TextInput,
203
- Kr as Tooltip,
204
- Qr as TooltipArrow,
205
- qr as TooltipContent,
206
- Jr as TooltipPortal,
207
- Xr as TooltipTrigger,
208
- ot as createNonReactiveArrayService,
209
- it as createObjectService,
210
- $o as emailValidation,
208
+ Ar as TextInput,
209
+ et as Tooltip,
210
+ ot as TooltipArrow,
211
+ rt as TooltipContent,
212
+ tt as TooltipPortal,
213
+ it as TooltipTrigger,
214
+ xt as createNonReactiveArrayService,
215
+ ct as createObjectService,
216
+ ir as emailValidation,
211
217
  Qe as getChild,
212
218
  qe as getContent,
213
219
  Je as getPositionAroundTarget,
@@ -215,12 +221,14 @@ export {
215
221
  Ye as getWindowPositioning,
216
222
  Ze as mergeCode0Props,
217
223
  $e as parseUnit,
218
- rr as setElementKey,
224
+ ar as setElementKey,
225
+ jo as setUserSession,
219
226
  we as useDFlowValidations,
220
- j as useFlowEdges,
221
- U as useFlowNodes,
222
- br as useForm,
223
- at as useReactiveArrayService,
224
- Ue as useService,
225
- We as useStore
227
+ U as useFlowEdges,
228
+ H as useFlowNodes,
229
+ Gr as useForm,
230
+ Dt as useReactiveArrayService,
231
+ He as useService,
232
+ We as useStore,
233
+ Ho as useUserSession
226
234
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@code0-tech/pictor",
3
- "version": "0.0.0-mvp.10",
3
+ "version": "0.0.0-mvp.11",
4
4
  "type": "module",
5
5
  "description": "A simple template for a custom React component library",
6
6
  "scripts": {
@@ -69,7 +69,7 @@
69
69
  "react-resizable-panels": "^3.0.6",
70
70
  "react-zoom-pan-pinch": "^3.7.0",
71
71
  "rimraf": "^6.1.0",
72
- "sass": "^1.93.3",
72
+ "sass": "^1.94.0",
73
73
  "sass-loader": "^16.0.6",
74
74
  "storybook": "^10.0.6",
75
75
  "style-loader": "^4.0.0",