@code0-tech/pictor 0.0.0-mvp.41 → 0.0.0-mvp.43

package/dist/assets/components/avatar/Avatar.style.css

@@ -1 +1 @@
-.avatar{aspect-ratio:1/1;padding:.35rem;display:flex;width:38px;align-items:center;justify-content:center;overflow:hidden}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;background:transparent;box-shadow:none}.avatar--image{padding:0}
+.avatar{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;background:transparent;box-shadow:none}.avatar--image{padding:0}

package/dist/assets/components/data-table/DataTable.style.css

@@ -0,0 +1 @@
+.data-table{width:100%;-webkit-border-horizontal-spacing:0;-webkit-border-vertical-spacing:0;border-spacing:0}.data-table__row td{border-bottom:.5px solid rgba(191,191,191,.1);border-top:.5px solid rgba(191,191,191,.1);padding:.7rem .35rem}.data-table__row:hover{background:#191825;cursor:pointer}.data-table__row td:last-child{width:1px;white-space:nowrap}

package/dist/assets/components/menu/Menu.style.css

@@ -1 +1 @@
-.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999}.menu__content,.menu__sub-content{border-radius:1rem}.menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item,.menu__sub-trigger{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.menu__item,.menu__sub-trigger{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__item:focus,.menu__sub-trigger:focus{outline:none}.menu__item,.menu__sub-trigger{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item:disabled,.menu__item[data-disabled],.menu__item[aria-disabled=true],.menu__item--disabled,.menu__sub-trigger:disabled,.menu__sub-trigger[data-disabled],.menu__sub-trigger[aria-disabled=true],.menu__sub-trigger--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.menu__item,.menu__sub-trigger{box-shadow:none}.menu__item:focus,.menu__item[data-focus=true],.menu__sub-trigger:focus,.menu__sub-trigger[data-focus=true]{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.menu__content--primary,.menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--secondary,.menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--tertiary,.menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--success,.menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--warning,.menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--error,.menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--info,.menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}
+.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box;z-index:999}.menu__content,.menu__sub-content{border-radius:1rem}.menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item,.menu__sub-trigger,.menu__checkbox-item{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.menu__item,.menu__sub-trigger,.menu__checkbox-item{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__item:focus,.menu__sub-trigger:focus,.menu__checkbox-item:focus{outline:none}.menu__item,.menu__sub-trigger,.menu__checkbox-item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.menu__item:disabled,.menu__item[data-disabled],.menu__item[aria-disabled=true],.menu__item--disabled,.menu__sub-trigger:disabled,.menu__sub-trigger[data-disabled],.menu__sub-trigger[aria-disabled=true],.menu__sub-trigger--disabled,.menu__checkbox-item:disabled,.menu__checkbox-item[data-disabled],.menu__checkbox-item[aria-disabled=true],.menu__checkbox-item--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.menu__item,.menu__sub-trigger,.menu__checkbox-item{box-shadow:none}.menu__item:focus,.menu__item[data-focus=true],.menu__sub-trigger:focus,.menu__sub-trigger[data-focus=true],.menu__checkbox-item:focus,.menu__checkbox-item[data-focus=true]{background:#201e2c;box-shadow:inset 0 1px 1px #ffffff1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}.menu__content--primary,.menu__sub-content--primary{background:#070514;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--secondary,.menu__sub-content--secondary{background:#191825;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--tertiary,.menu__sub-content--tertiary{background:#201e2c;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--success,.menu__sub-content--success{background:#0a1814;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--warning,.menu__sub-content--warning{background:#201813;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--error,.menu__sub-content--error{background:#1c0516;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}.menu__content--info,.menu__sub-content--info{background:#121e24;box-shadow:inset 0 1px 1px #bfbfbf1a;border:none;color:#ffffffbf;position:relative;box-sizing:border-box}

package/dist/components/avatar/Avatar.d.ts

@@ -4,5 +4,6 @@ export interface AvatarProps extends Code0Component<HTMLDivElement> {
     identifier?: string;
     src?: string;
     size?: number;
+    color?: string;
 }
 export declare const Avatar: React.FC<AvatarProps>;

package/dist/components/avatar/Avatar.js

@@ -1,56 +1,58 @@
-import { jsx as m } from "react/jsx-runtime";
-import { c as p } from "../../_virtual/compiler-runtime.js";
-import d from "react";
-import { md5 as v } from "js-md5";
+import { jsx as u } from "react/jsx-runtime";
+import { c as v } from "../../_virtual/compiler-runtime.js";
+import g from "react";
+import { md5 as R } from "js-md5";
 import '../../assets/components/avatar/Avatar.style.css';/* empty css                  */
-import { mergeCode0Props as R } from "../../utils/utils.js";
-import { hashToColor as x } from "../d-flow/DFlow.util.js";
-const C = (s) => {
-  const t = p.c(3), {
-    src: e,
-    size: o
-  } = s;
-  let i;
-  return t[0] !== o || t[1] !== e ? (i = /* @__PURE__ */ m("img", { src: e, width: o, height: o, alt: "Avatar image" }), t[0] = o, t[1] = e, t[2] = i) : i = t[2], i;
-}, E = ({
-  identifier: s,
-  size: t
+import { mergeCode0Props as x } from "../../utils/utils.js";
+import { hashToColor as C } from "../d-flow/DFlow.util.js";
+const E = (l) => {
+  const t = v.c(3), {
+    src: c,
+    size: e
+  } = l;
+  let o;
+  return t[0] !== e || t[1] !== c ? (o = /* @__PURE__ */ u("img", { src: c, width: e, height: e, alt: "Avatar image" }), t[0] = e, t[1] = c, t[2] = o) : o = t[2], o;
+}, z = ({
+  identifier: l,
+  size: t,
+  color: c
 }) => {
-  const e = d.useRef(null);
-  d.useEffect(() => {
+  const e = g.useRef(null);
+  g.useEffect(() => {
     o();
   });
   const o = () => {
-    const i = v(s), r = Math.floor(t / 5), a = x(s);
+    const i = R(l), r = Math.floor(t / 5), s = c ?? C(l);
     e.current.width = r * 5, e.current.height = r * 5;
-    let c = i.split("").map((f) => (f = parseInt(f, 16), f < 8 ? 0 : 1)), l = [];
-    l[0] = l[4] = c.slice(0, 5), l[1] = l[3] = c.slice(5, 10), l[2] = c.slice(10, 15);
-    const n = e.current.getContext("2d");
-    n.imageSmoothingEnabled = !1, n.clearRect(0, 0, e.current.width, e.current.height), l.forEach((f, h) => {
-      f.forEach((g, u) => {
-        g ? (n.fillStyle = a, n.fillRect(r * h, r * u, r, r)) : (n.fillStyle = "transparent", n.fillRect(r * h, r * u, r, r));
+    let a = i.split("").map((m) => (m = parseInt(m, 16), m < 8 ? 0 : 1)), n = [];
+    n[0] = n[4] = a.slice(0, 5), n[1] = n[3] = a.slice(5, 10), n[2] = a.slice(10, 15);
+    const f = e.current.getContext("2d");
+    f.imageSmoothingEnabled = !1, f.clearRect(0, 0, e.current.width, e.current.height), n.forEach((m, h) => {
+      m.forEach((d, p) => {
+        d ? (f.fillStyle = s, f.fillRect(r * h, r * p, r, r)) : (f.fillStyle = "transparent", f.fillRect(r * h, r * p, r, r));
       });
     });
   };
-  return /* @__PURE__ */ m("canvas", { ref: e });
-}, y = (s) => {
-  const t = p.c(12);
-  let e, o, i, r;
-  if (t[0] !== s) {
+  return /* @__PURE__ */ u("canvas", { ref: e });
+}, k = (l) => {
+  const t = v.c(14);
+  let c, e, o, i, r;
+  if (t[0] !== l) {
     const {
-      identifier: l,
-      src: n,
-      size: f,
-      ...h
-    } = s;
-    e = l, i = n, o = f === void 0 ? 25 : f, r = R(`avatar ${!e && i ? "avatar--image" : ""}`, h), t[0] = s, t[1] = e, t[2] = o, t[3] = i, t[4] = r;
+      identifier: n,
+      color: f,
+      src: m,
+      size: h,
+      ...d
+    } = l;
+    e = n, c = f, i = m, o = h === void 0 ? 25 : h, r = x(`avatar ${!e && i ? "avatar--image" : ""}`, d), t[0] = l, t[1] = c, t[2] = e, t[3] = o, t[4] = i, t[5] = r;
   } else
-    e = t[1], o = t[2], i = t[3], r = t[4];
+    c = t[1], e = t[2], o = t[3], i = t[4], r = t[5];
+  let s;
+  t[6] !== c || t[7] !== e || t[8] !== o || t[9] !== i ? (s = e ? /* @__PURE__ */ u(z, { color: c, identifier: e, size: o }) : i ? /* @__PURE__ */ u(E, { src: i, size: o + 13 }) : null, t[6] = c, t[7] = e, t[8] = o, t[9] = i, t[10] = s) : s = t[10];
   let a;
-  t[5] !== e || t[6] !== o || t[7] !== i ? (a = e ? /* @__PURE__ */ m(E, { identifier: e, size: o }) : i ? /* @__PURE__ */ m(C, { src: i, size: o + 13 }) : null, t[5] = e, t[6] = o, t[7] = i, t[8] = a) : a = t[8];
-  let c;
-  return t[9] !== r || t[10] !== a ? (c = /* @__PURE__ */ m("div", { ...r, children: a }), t[9] = r, t[10] = a, t[11] = c) : c = t[11], c;
+  return t[11] !== r || t[12] !== s ? (a = /* @__PURE__ */ u("div", { ...r, children: s }), t[11] = r, t[12] = s, t[13] = a) : a = t[13], a;
 };
 export {
-  y as Avatar
+  k as Avatar
 };

package/dist/components/d-flow-input/DFlowInputDataTypeEditDialog.js

@@ -14,7 +14,7 @@ import { hashToColor as s } from "../d-flow/DFlow.util.js";
 import { ScrollArea as U, ScrollAreaViewport as X, ScrollAreaScrollbar as f, ScrollAreaThumb as h } from "../scroll-area/ScrollArea.js";
 import { Spacing as g } from "../spacing/Spacing.js";
 import { Badge as c } from "../badge/Badge.js";
-import { syntaxTree as T } from "../../node_modules/@codemirror/language/dist/index.js";
+import { syntaxTree as T } from "@codemirror/language";
 import { Button as q } from "../button/Button.js";
 import { IconX as J } from "@tabler/icons-react";
 const ue = (i) => {

package/dist/components/d-flow-suggestion/DFlowReferenceSuggestions.hook.js

@@ -10,7 +10,7 @@ import "../d-flow/DFlow.js";
 import { DFlowReactiveService as R } from "../d-flow/DFlow.service.js";
 import { useReturnTypes as j } from "../d-flow-node/DFlowNode.return.hook.js";
 const re = (n, t, o, u = []) => {
-  const f = I(x), r = N(x), v = I(R), T = N(R), M = $(n), S = g.useMemo(() => t ? M?.find((i) => i.nodeFunctionId === t) : void 0, [M, t]), B = g.useMemo(() => t ? v.getNodeById(n, t)?.parameters?.nodes?.map((a) => a?.value).filter((a) => a?.__typename === "NodeFunctionIdWrapper") ?? [] : [], [n, t, v, T]), c = g.useMemo(() => o ? C(P(o, f), u) : void 0, [o, f, r, u]), p = U(n), m = j(n);
+  const m = I(x), r = N(x), v = I(R), T = N(R), M = $(n), S = g.useMemo(() => t ? M?.find((i) => i.nodeFunctionId === t) : void 0, [M, t]), B = g.useMemo(() => t ? v.getNodeById(n, t)?.parameters?.nodes?.map((a) => a?.value).filter((a) => a?.__typename === "NodeFunctionIdWrapper") ?? [] : [], [n, t, v, T]), c = g.useMemo(() => o ? C(P(o, m), u) : void 0, [o, m, r, u]), p = U(n), f = j(n);
   return g.useMemo(() => {
     if (!c || !S) return [];
     const {
@@ -28,7 +28,7 @@ const re = (n, t, o, u = []) => {
       if (!d && e.node >= l) return [];
       if (e.depth > i) return [];
       if (e.scope.some((s) => !a.includes(s))) return [];
-      const h = m.get(e.nodeFunctionId), E = C(P(h, f), []);
+      const h = f.get(e.nodeFunctionId), E = C(P(h, m), []);
       return V(c, E) ? [{
         path: [],
         type: A.REF_OBJECT,
@@ -36,13 +36,13 @@ const re = (n, t, o, u = []) => {
         value: e
       }] : [];
     });
-  }, [f, S, B, p, c]);
+  }, [m, S, B, p, c, f]);
 }, U = (n) => {
   const t = I(x);
   N(x);
-  const o = I(O), u = I(R), f = N(R), r = g.useMemo(() => u.getById(n), [n, f]), v = $(n), T = j(n), M = g.useMemo(() => r?.nodes?.nodes?.map((c) => {
-    const p = T.get(c?.id), m = v?.find((i) => i.nodeFunctionId === c?.id);
-    return p && m ? G(m, p, t) : {};
+  const o = I(O), u = I(R), m = N(R), r = g.useMemo(() => u.getById(n), [n, m]), v = $(n), T = j(n), M = g.useMemo(() => r?.nodes?.nodes?.map((c) => {
+    const p = T.get(c?.id), f = v?.find((i) => i.nodeFunctionId === c?.id);
+    return p && f ? G(f, p, t) : {};
   }) ?? [], [r]), S = g.useMemo(() => G({
     node: 0,
     depth: 0,
@@ -54,7 +54,7 @@ const re = (n, t, o, u = []) => {
   return [...g.useMemo(() => r?.nodes?.nodes?.length ? r.nodes.nodes.flatMap((c) => {
     const p = o.getById(c?.functionDefinition?.id);
     if (!p) return [];
-    const m = c?.parameters?.nodes?.map((i) => i?.value).filter(Boolean) ?? [];
+    const f = c?.parameters?.nodes?.map((i) => i?.value).filter(Boolean) ?? [];
     return (p.parameterDefinitions ?? []).flatMap((i, a) => {
       const l = i?.dataTypeIdentifier;
       if (!l) return [];
@@ -64,7 +64,7 @@ const re = (n, t, o, u = []) => {
       if (!d?.value || d.value.__typename !== "NodeFunctionIdWrapper") return [];
       const D = v?.find((y) => d?.value?.__typename === "NodeFunctionIdWrapper" && y.nodeFunctionId === d.value?.id);
       if (!D) return [];
-      const h = e.rules?.nodes?.filter((y) => y?.variant === "INPUT_TYPES") ?? [], E = Y(p, m, t, o), s = k(p, l), F = new Map([...E].map(([y, b]) => [s.get(y) ?? y, b]));
+      const h = e.rules?.nodes?.filter((y) => y?.variant === "INPUT_TYPES") ?? [], E = Y(p, f, t, o), s = k(p, l), F = new Map([...E].map(([y, b]) => [s.get(y) ?? y, b]));
       return h.flatMap((y) => (y?.config?.inputTypes ?? []).flatMap((W, K) => {
         const w = J(W.dataTypeIdentifier, F);
         return w ? G({
@@ -93,13 +93,13 @@ const re = (n, t, o, u = []) => {
     ...n
   }] : [];
 }, $ = (n) => {
-  const t = I(x), o = I(R), u = I(O), f = N(R), r = N(O), v = N(x), T = g.useMemo(() => o.getById(n), [n, f]);
+  const t = I(x), o = I(R), u = I(O), m = N(R), r = N(O), v = N(x), T = g.useMemo(() => o.getById(n), [n, m]);
   return g.useMemo(() => {
     if (!t || !o || !u || !T?.startingNodeId) return;
     let M = 0;
     const S = () => ++M;
     let B = 0;
-    const c = () => ++B, p = [], m = (i, a, l) => {
+    const c = () => ++B, p = [], f = (i, a, l) => {
       if (!i) return;
       let e = i.__typename === "NodeFunctionIdWrapper" ? o.getNodeById(n, i.id) : i;
       for (; e; ) {
@@ -111,9 +111,9 @@ const re = (n, t, o, u = []) => {
             if (E?.variant === "NODE") {
               if (s?.value && s.value.__typename === "NodeFunctionIdWrapper") {
                 const F = [...l, S()];
-                m(s.value, a + 1, F);
+                f(s.value, a + 1, F);
               }
-            } else s?.value && s.value.__typename === "NodeFunctionIdWrapper" && m(s.value, a, l);
+            } else s?.value && s.value.__typename === "NodeFunctionIdWrapper" && f(s.value, a, l);
           }
         const D = c();
         p.push({
@@ -124,8 +124,8 @@ const re = (n, t, o, u = []) => {
         }), e = o.getNodeById(T.id, e.nextNodeId);
       }
     };
-    return m(o.getNodeById(T.id, T.startingNodeId), 0, [0]), p;
-  }, [t, T, n, o, u, v, f, r]) ?? [];
+    return f(o.getNodeById(T.id, T.startingNodeId), 0, [0]), p;
+  }, [t, T, n, o, u, v, m, r]) ?? [];
 };
 export {
   re as useReferenceSuggestions

package/dist/components/d-project/DNamespaceProject.service.d.ts

@@ -1,4 +1,4 @@
-import { Namespace, NamespaceProject, NamespacesProjectsAssignRuntimesInput, NamespacesProjectsAssignRuntimesPayload, NamespacesProjectsCreateInput, NamespacesProjectsCreatePayload, NamespacesProjectsDeleteInput, NamespacesProjectsDeletePayload } from '@code0-tech/sagittarius-graphql-types';
+import { Namespace, NamespaceProject, NamespacesProjectsAssignRuntimesInput, NamespacesProjectsAssignRuntimesPayload, NamespacesProjectsCreateInput, NamespacesProjectsCreatePayload, NamespacesProjectsDeleteInput, NamespacesProjectsDeletePayload, NamespacesProjectsUpdateInput, NamespacesProjectsUpdatePayload } from '@code0-tech/sagittarius-graphql-types';
 import { DNamespaceProjectView } from './DNamespaceProject.view';
 import { ReactiveArrayService } from '../../utils';
 export type DProjectDependencies = {
@@ -7,6 +7,7 @@ export type DProjectDependencies = {
 export declare abstract class DNamespaceProjectReactiveService extends ReactiveArrayService<DNamespaceProjectView, DProjectDependencies> {
     getById(id: NamespaceProject['id'], dependencies?: DProjectDependencies): DNamespaceProjectView | undefined;
     abstract projectAssignRuntimes(payload: NamespacesProjectsAssignRuntimesInput): Promise<NamespacesProjectsAssignRuntimesPayload | undefined>;
+    abstract projectUpdate(payload: NamespacesProjectsUpdateInput): Promise<NamespacesProjectsUpdatePayload | undefined>;
     abstract projectCreate(payload: NamespacesProjectsCreateInput): Promise<NamespacesProjectsCreatePayload | undefined>;
     abstract projectDelete(payload: NamespacesProjectsDeleteInput): Promise<NamespacesProjectsDeletePayload | undefined>;
 }

package/dist/components/data-table/DataTable.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { Code0Component } from '../../utils';
+export type DataTableFilterOperator = "isOneOf" | "isNotOneOf";
+export interface DataTableFilterProps {
+    [key: string]: {
+        operator: DataTableFilterOperator;
+        value: string | string[];
+    };
+}
+export interface DataTableSortProps {
+    [key: string]: 'asc' | 'desc' | undefined;
+}
+export interface DataTableProps<T> extends Omit<Code0Component<HTMLTableElement>, 'data' | 'children' | 'onSelect'> {
+    data: Array<T>;
+    sort?: DataTableSortProps;
+    filter?: DataTableFilterProps;
+    loading?: boolean;
+    loadingComponent?: React.ReactNode;
+    emptyComponent?: React.ReactNode;
+    onSelect?: (item: T | undefined) => void;
+    children?: (item: T, index: number) => React.ReactNode;
+}
+export declare const DataTable: <T>(props: DataTableProps<T>) => React.JSX.Element;

package/dist/components/data-table/DataTable.js

@@ -0,0 +1,41 @@
+import { jsxs as g, jsx as O } from "react/jsx-runtime";
+import h from "react";
+import '../../assets/components/data-table/DataTable.style.css';/* empty css                     */
+import "../../utils/contextStore.js";
+import { mergeCode0Props as C } from "../../utils/utils.js";
+const d = (l, y) => y.split(".").reduce((t, f) => {
+  if (t != null)
+    return Array.isArray(t) ? t.map((a) => a?.[f]).filter((a) => a !== void 0) : t[f];
+}, l), N = (l) => {
+  const {
+    data: y,
+    sort: t,
+    filter: f,
+    loading: a,
+    loadingComponent: j,
+    emptyComponent: A,
+    onSelect: u,
+    children: p,
+    ...b
+  } = l, m = y.filter((i) => Object.entries(f || {}).every(([o, {
+    operator: n,
+    value: r
+  }]) => {
+    const e = d(i, o);
+    return n === "isOneOf" && !Array.isArray(r) && !Array.isArray(e) ? e === r : n === "isOneOf" && !Array.isArray(r) && Array.isArray(e) ? Array.from(e).includes(r) : n === "isOneOf" && Array.isArray(r) && !Array.isArray(e) ? Array.from(r).some((s) => s === e) : n === "isOneOf" && Array.isArray(r) && Array.isArray(e) ? Array.from(r).some((s) => Array.from(e).includes(s)) : !1;
+  })), c = h.useMemo(() => t ? [...m].sort((i, o) => {
+    for (const [n, r] of Object.entries(t)) {
+      const e = d(i, n), s = d(o, n);
+      if (e < s) return r === "asc" ? -1 : 1;
+      if (e > s) return r === "asc" ? 1 : -1;
+    }
+    return 0;
+  }) : m, [m, t]);
+  return /* @__PURE__ */ g("table", { ...C("data-table", b), children: [
+    c.map((i, o) => /* @__PURE__ */ O("tr", { className: "data-table__row", onClick: () => u?.(i), children: p?.(i, o) })),
+    c.length === 0 && !a && A ? /* @__PURE__ */ O("tr", { className: "data-table__row", onClick: () => u?.(void 0), children: A }) : null
+  ] });
+};
+export {
+  N as DataTable
+};

package/dist/components/data-table/DataTableColumn.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { Code0Component } from '../../utils';
+export interface DataTableColumnProps extends Code0Component<HTMLTableCellElement> {
+    children?: React.ReactNode | React.ReactNode[];
+}
+export declare const DataTableColumn: React.FC<DataTableColumnProps>;

package/dist/components/data-table/DataTableColumn.js

@@ -0,0 +1,22 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeCode0Props as s } from "../../utils/utils.js";
+const x = (m) => {
+  const t = n.c(6);
+  let e, r;
+  if (t[0] !== m) {
+    const {
+      children: i,
+      ...l
+    } = m;
+    e = i, r = s("", l), t[0] = m, t[1] = e, t[2] = r;
+  } else
+    e = t[1], r = t[2];
+  let o;
+  return t[3] !== e || t[4] !== r ? (o = /* @__PURE__ */ c("td", { ...r, children: e }), t[3] = e, t[4] = r, t[5] = o) : o = t[5], o;
+};
+export {
+  x as DataTableColumn
+};

package/dist/components/data-table/DataTableFilterInput.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { StreamLanguage } from '@codemirror/language';
+import { CompletionContext } from '@codemirror/autocomplete';
+import { DataTableFilterOperator, DataTableFilterProps } from './DataTable';
+export interface DataTableFilterTokens {
+    token: string;
+    key: string;
+    operators: DataTableFilterOperator[];
+    suggestion?: (context: CompletionContext, operator: DataTableFilterOperator, currentValue: string, applySuggestion: (value: string, silently?: boolean) => void) => React.ReactNode;
+}
+export interface DataTableFilterInputProps {
+    filterTokens?: DataTableFilterTokens[];
+    onChange?: (filter: DataTableFilterProps) => void;
+}
+export declare const createFilterQueryLanguage: (validTokens: string[]) => StreamLanguage<{
+    tokens: string[];
+}>;
+export declare const DataTableFilterInput: React.FC<DataTableFilterInputProps>;

package/dist/components/data-table/DataTableFilterInput.js

@@ -0,0 +1,210 @@
+import { jsx as u } from "react/jsx-runtime";
+import { c as Q } from "../../_virtual/compiler-runtime.js";
+import { Editor as z } from "../editor/Editor.js";
+import { StreamLanguage as U, syntaxTree as J } from "@codemirror/language";
+import { EditorState as K } from "@uiw/react-codemirror";
+import { Badge as b } from "../badge/Badge.js";
+import { hashToColor as X } from "../d-flow/DFlow.util.js";
+import { DataTableFilterSuggestionMenu as j } from "./DataTableFilterSuggestionMenu.js";
+import { MenuItem as G } from "../menu/Menu.js";
+const $ = {
+  "=": "isOneOf",
+  "!=": "isNotOneOf"
+}, H = {
+  isOneOf: "is one of",
+  isNotOneOf: "is not one of"
+}, Y = {
+  isOneOf: "=",
+  isNotOneOf: "!="
+}, y = (r) => r.replace(/^\\|\\$/g, ""), Z = (r) => U.define({
+  startState: () => ({
+    tokens: []
+  }),
+  token(e, n) {
+    if (e.eatSpace()) return null;
+    if (e.match("!=") || e.match("=") && e.peek() !== "=")
+      return n.tokens.push("operator"), "operator";
+    if (e.peek() === "\\") {
+      e.next();
+      const k = [];
+      for (; !e.eol() && e.peek() !== "\\"; ) k.push(e.next());
+      if (e.peek() === "\\") {
+        e.next();
+        const S = k.join("");
+        if (r.includes(S) && n.tokens[n.tokens.length - 1] !== "propertyName")
+          return n.tokens.push("propertyName"), "propertyName";
+        if (n.tokens[n.tokens.length - 1] !== "literal")
+          return n.tokens.push("literal"), "literal";
+      }
+      return null;
+    }
+    return e.next(), null;
+  }
+}), he = (r) => {
+  const e = Q.c(17), {
+    filterTokens: n,
+    onChange: k
+  } = r;
+  let S;
+  e[0] !== n ? (S = Z(n?.map(q) || []), e[0] = n, e[1] = S) : S = e[1];
+  const A = S;
+  let v;
+  e[2] !== n ? (v = (o) => {
+    if (!o.trim())
+      return {};
+    const d = {}, l = o.split(/\\/).filter(Boolean);
+    for (let i = 0; i + 2 < l.length; i = i + 3, i) {
+      const p = l[i], a = l[i + 1], _ = l[i + 2];
+      if (!p || !a || !_)
+        continue;
+      const L = n?.find((t) => t.token === p);
+      if (!L)
+        continue;
+      const h = $[a];
+      if (!h)
+        continue;
+      const O = _.split(",").map(x).filter(Boolean);
+      O.length > 0 && (d[L.key] = {
+        operator: h,
+        value: O
+      });
+    }
+    return d;
+  }, e[2] = n, e[3] = v) : v = e[3];
+  const B = v;
+  let w;
+  e[4] !== k || e[5] !== B ? (w = (o) => {
+    const d = B(o);
+    k?.(d);
+  }, e[4] = k, e[5] = B, e[6] = w) : w = e[6];
+  const F = w;
+  let C;
+  e[7] !== n ? (C = (o) => {
+    const d = J(o.state), l = d.resolveInner(o.pos, -1), i = d.resolveInner(o.pos, 1), {
+      propertyNode: p,
+      operatorNode: a
+    } = (() => {
+      const t = {
+        propertyNode: null,
+        operatorNode: null
+      };
+      for (let s = l; s; s = s.prevSibling)
+        s.name === "propertyName" && !t.propertyNode && (t.propertyNode = s), s.name === "operator" && !t.operatorNode && (t.operatorNode = s);
+      return t;
+    })(), _ = p ? o.pos < p.to ? "propertyName" : o.pos === p.to ? "operator" : a ? o.pos < a.to ? "operator" : o.pos === a.to ? "literal" : l.name === "literal" ? "propertyName" : l.name === "invalid" && o.state.sliceDoc(l.from, l.to).startsWith("\\") ? "literal" : (() => {
+      const t = o.state.sliceDoc(a.to, o.pos);
+      return t.trim() ? t.includes(" ") ? "propertyName" : "literal" : t.length > 0 ? "propertyName" : "literal";
+    })() : (i.name === "operator", "operator") : "propertyName", L = p ? y(o.state.sliceDoc(p.from, p.to)) : "", h = n?.find((t) => t.token === L), O = (t, s, c, g) => {
+      g ? o.view?.dispatch({
+        changes: {
+          from: t,
+          to: s,
+          insert: c
+        },
+        selection: {
+          anchor: o.pos
+        },
+        scrollIntoView: !1
+      }) : (o.view?.dispatch({
+        changes: {
+          from: t,
+          to: s,
+          insert: c
+        },
+        selection: {
+          anchor: t + c.length
+        },
+        scrollIntoView: !0
+      }), o.view?.focus());
+    };
+    if (_ === "propertyName") {
+      const t = /* @__PURE__ */ new Set(), s = o.matchBefore(/\\?[\w-]*/), c = s ? s.from : o.pos, g = p && o.pos <= p.to, N = i.name === "propertyName" ? i.to : g ? p.to : o.pos, m = g && p.from < c ? p.from : c, W = y(o.state.sliceDoc(m, o.pos)), R = n?.filter((f) => f.token.startsWith(W) && !t.has(f.token)) || [];
+      if (d.iterate({
+        enter: (f) => {
+          f.name === "propertyName" && t.add(y(o.state.sliceDoc(f.from, f.to)));
+        }
+      }), R.length)
+        return /* @__PURE__ */ u(j, { context: o, children: R.map((f) => /* @__PURE__ */ u(G, { onSelect: () => {
+          let M = `\\${f.token}\\`;
+          l.name === "literal" && o.state.sliceDoc(N, N + 1) !== "\\" && (M = "\\" + M), O(m, N, M);
+        }, children: f.token }, f.token)) });
+    }
+    if (_ === "operator" && h) {
+      const t = o.matchBefore(/[!=]+/), s = t ? t.from : o.pos, c = a && o.pos <= a.to, g = i.name === "operator" ? i.to : c ? a.to : o.pos, N = c && a.from < s ? a.from : s;
+      return /* @__PURE__ */ u(j, { context: o, children: h.operators.map((m) => /* @__PURE__ */ u(G, { onSelect: () => O(N, g, Y[m]), children: H[m] }, m)) });
+    }
+    if (_ === "literal" && h?.suggestion) {
+      const t = a ? o.state.sliceDoc(a.from, a.to) : "", s = $[t];
+      if (s && h.operators.includes(s)) {
+        const c = i.name === "literal" ? o.state.sliceDoc(i.from, i.to) : "";
+        return h.suggestion(o, s, y(c), (g, N) => {
+          const m = l.name === "literal" || l.name === "invalid" && o.state.sliceDoc(l.from, l.to).startsWith("\\"), W = m ? l.from : o.pos, R = m ? l.to : i.name === "literal" ? i.to : o.pos;
+          O(W, R, `\\${g}\\`, N);
+        });
+      }
+    }
+    return null;
+  }, e[7] = n, e[8] = C) : C = e[8];
+  const V = C;
+  let D, I;
+  e[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = {
+    backgroundColor: "rgba(255,255,255,.1)",
+    padding: "0.35rem",
+    boxSizing: "border-box",
+    borderRadius: "1rem",
+    boxShadow: "inset 0 1px 1px 0 rgba(255,255,255,.2)"
+  }, I = {
+    literal: oe,
+    operator: te,
+    propertyName: re
+  }, e[9] = D, e[10] = I) : (D = e[9], I = e[10]);
+  let T, E;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = [K.transactionFilter.of(ne)], E = {
+    lineNumbers: !1,
+    foldGutter: !1,
+    highlightActiveLine: !1,
+    highlightActiveLineGutter: !1,
+    dropCursor: !1,
+    indentOnInput: !1
+  }, e[11] = T, e[12] = E) : (T = e[11], E = e[12]);
+  let P;
+  return e[13] !== V || e[14] !== F || e[15] !== A ? (P = /* @__PURE__ */ u(z, { w: "100%", initialValue: "", onChange: F, style: D, tokenHighlights: I, showTooltips: !1, showValidation: !1, customSuggestionComponent: !0, suggestions: V, extensions: T, basicSetup: E, language: A }), e[13] = V, e[14] = F, e[15] = A, e[16] = P) : P = e[16], P;
+};
+function q(r) {
+  return r.token;
+}
+function x(r) {
+  return r.trim();
+}
+function ee(r) {
+  return /* @__PURE__ */ u(b, { style: {
+    boxShadow: "none"
+  }, color: "secondary", children: r }, r);
+}
+function oe(r) {
+  const {
+    content: e
+  } = r, n = y(e).split(",");
+  return n.length > 1 ? /* @__PURE__ */ u(b, { p: 0.175, mx: 0.175, children: n.map(ee) }) : /* @__PURE__ */ u(b, { mx: 0.175, children: y(e) });
+}
+function te(r) {
+  const {
+    content: e
+  } = r;
+  return /* @__PURE__ */ u(b, { color: "tertiary", style: {
+    boxShadow: "none"
+  }, children: H[$[e]] || e });
+}
+function re(r) {
+  const {
+    content: e
+  } = r;
+  return /* @__PURE__ */ u(b, { mx: 0.175, color: X(y(e)), children: y(e) });
+}
+function ne(r) {
+  return r.docChanged && r.newDoc.lines > 1 ? [] : r;
+}
+export {
+  he as DataTableFilterInput,
+  Z as createFilterQueryLanguage
+};

package/dist/components/data-table/DataTableFilterSuggestionMenu.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { CompletionContext } from '@codemirror/autocomplete';
+export interface DataTableFilterSuggestionMenuProps {
+    children?: React.ReactNode;
+    context?: CompletionContext;
+}
+export declare const DataTableFilterSuggestionMenu: React.FC<DataTableFilterSuggestionMenuProps>;

package/dist/components/data-table/DataTableFilterSuggestionMenu.js

@@ -0,0 +1,53 @@
+import { jsx as f, jsxs as d } from "react/jsx-runtime";
+import { c as v } from "../../_virtual/compiler-runtime.js";
+import w from "react";
+import { MenuTrigger as y, MenuContent as _, Menu as g } from "../menu/Menu.js";
+const T = (t) => {
+  const e = v.c(11), {
+    children: l,
+    context: m
+  } = t, [u, p] = w.useState(!0), h = _;
+  let r;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = (a) => p(a), e[0] = r) : r = e[0];
+  let i;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ f(y, { asChild: !0, children: /* @__PURE__ */ f("div", { style: {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    width: 0,
+    height: 0
+  } }) }), e[1] = i) : i = e[1];
+  let n;
+  e[2] !== m?.view ? (n = (a) => {
+    ["Escape", "ArrowUp", "ArrowDown"].includes(a.key) || m?.view?.focus();
+  }, e[2] = m?.view, e[3] = n) : n = e[3];
+  let s;
+  e[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    pointerEvents: "auto"
+  }, e[4] = s) : s = e[4];
+  let o;
+  e[5] !== l || e[6] !== n ? (o = /* @__PURE__ */ f(h, { miw: "200px", onInteractOutside: b, onOpenAutoFocus: D, onKeyDown: n, style: s, children: l }), e[5] = l, e[6] = n, e[7] = o) : o = e[7];
+  let c;
+  return e[8] !== u || e[9] !== o ? (c = /* @__PURE__ */ d(g, { open: u, onOpenChange: r, modal: !1, children: [
+    i,
+    o
+  ] }), e[8] = u, e[9] = o, e[10] = c) : c = e[10], c;
+};
+function x(t) {
+  return t;
+}
+function S(t) {
+  return t.startsWith("cm-");
+}
+function b(t) {
+  Array.from(t.currentTarget.classList).map(x).some(S) && t.preventDefault();
+}
+function D(t) {
+  t.preventDefault(), t.currentTarget.querySelector('[role="menuitem"]')?.focus();
+}
+export {
+  T as DataTableFilterSuggestionMenu
+};

package/dist/components/data-table/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DataTable';
+export * from './DataTableColumn';
+export * from './DataTableFilterInput';
+export * from './DataTableFilterSuggestionMenu';