@manta-eu/react 0.1.0 → 0.1.1

package/dist/routes/memories/memory-mutation-input.d.ts

@@ -0,0 +1,6 @@
+import { GQLMemoryScope, type GQLCreateMemoryInput, type GQLUpdateMemoryInput } from "@manta-eu/client";
+import type { MemoryFormState } from "./components/MemoryFields.js";
+export declare function deriveLabel(description: string): string;
+export declare function buildCreateMemoryInput(form: MemoryFormState, scope: GQLMemoryScope, supersedesMemoryIris?: string[]): GQLCreateMemoryInput;
+export declare function buildUpdateMemoryInput(iri: string, form: MemoryFormState, scope: GQLMemoryScope, supersedesMemoryIris?: string[]): GQLUpdateMemoryInput;
+//# sourceMappingURL=memory-mutation-input.d.ts.map

package/dist/routes/memories/memory-mutation-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"memory-mutation-input.d.ts","sourceRoot":"","sources":["../../../src/routes/memories/memory-mutation-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,oBAAoB,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAExG,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,wBAAgB,WAAW,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAIvD;AAWD,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,cAAc,EACrB,oBAAoB,CAAC,EAAE,MAAM,EAAE,GAC9B,oBAAoB,CAYtB;AAED,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,cAAc,EACrB,oBAAoB,CAAC,EAAE,MAAM,EAAE,GAC9B,oBAAoB,CAYtB"}

package/dist/routes/memories/memory-mutation-input.js

@@ -0,0 +1,41 @@
+import { GQLMemoryScope } from "@manta-eu/client";
+import { isPresent } from "@manta-eu/lib/present";
+export function deriveLabel(description) {
+    const words = description.trim().split(/\s+/).filter(Boolean);
+    const label = words.slice(0, 5).join(" ");
+    return label.length > 45 ? label.slice(0, 42) + "…" : label;
+}
+function commonMemoryFormFields(form, scope) {
+    return {
+        importance: form.importance,
+        confidence: 1,
+        kind: form.kind,
+        ...(scope === GQLMemoryScope.Team ? { teams: form.teams } : {}),
+    };
+}
+export function buildCreateMemoryInput(form, scope, supersedesMemoryIris) {
+    return {
+        ...commonMemoryFormFields(form, scope),
+        label: form.label.trim() || deriveLabel(form.description ?? ""),
+        description: form.description ?? null,
+        scope,
+        ...(form.memorySubclass ? { memorySubclass: form.memorySubclass } : {}),
+        ...(isPresent(form.customProperties) ? { customProperties: form.customProperties } : {}),
+        ...(form.memoryValidUntil != null ? { memoryValidUntil: form.memoryValidUntil } : {}),
+        ...(form.memoryTrustedUntil != null ? { memoryTrustedUntil: form.memoryTrustedUntil } : {}),
+        ...(supersedesMemoryIris !== undefined ? { supersedesMemoryIris } : {}),
+    };
+}
+export function buildUpdateMemoryInput(iri, form, scope, supersedesMemoryIris) {
+    return {
+        ...commonMemoryFormFields(form, scope),
+        iri,
+        label: form.label,
+        description: form.description,
+        memoryValidUntil: form.memoryValidUntil,
+        memoryTrustedUntil: form.memoryTrustedUntil,
+        customProperties: form.customProperties,
+        ...(form.memorySubclass !== undefined ? { memorySubclass: form.memorySubclass } : {}),
+        ...(isPresent(supersedesMemoryIris) ? { supersedesMemoryIris } : {}),
+    };
+}

package/dist/routes/plans/components/actionPlansTableConfig.d.ts

@@ -73,9 +73,9 @@ export declare const typeFilterOptions: readonly [{
     readonly label: "None";
 }];
 export type TypeFilter = (typeof typeFilterOptions)[number]["id"];
-export declare const parseAsTypeFilter: Omit<import("nuqs").SingleParserBuilder<("META" | "SNAPCHAT" | "SHOPIFY" | "GOOGLE" | "NONE" | "LINKEDIN" | "WOOCOMMERCE")[]>, "parseServerSide"> & {
-    readonly defaultValue: ("META" | "SNAPCHAT" | "SHOPIFY" | "GOOGLE" | "NONE" | "LINKEDIN" | "WOOCOMMERCE")[];
-    parseServerSide(value: string | string[] | undefined): ("META" | "SNAPCHAT" | "SHOPIFY" | "GOOGLE" | "NONE" | "LINKEDIN" | "WOOCOMMERCE")[];
+export declare const parseAsTypeFilter: Omit<import("nuqs").SingleParserBuilder<("META" | "SNAPCHAT" | "SHOPIFY" | "NONE" | "GOOGLE" | "LINKEDIN" | "WOOCOMMERCE")[]>, "parseServerSide"> & {
+    readonly defaultValue: ("META" | "SNAPCHAT" | "SHOPIFY" | "NONE" | "GOOGLE" | "LINKEDIN" | "WOOCOMMERCE")[];
+    parseServerSide(value: string | string[] | undefined): ("META" | "SNAPCHAT" | "SHOPIFY" | "NONE" | "GOOGLE" | "LINKEDIN" | "WOOCOMMERCE")[];
 };
 export declare const approvalFilterOptions: readonly [{
     readonly id: "ALL";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manta-eu/react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "The Manta design system, knowledge-graph UI and agent components",
   "license": "MIT",
   "type": "module",
@@ -732,6 +732,11 @@
       "types": "./dist/routes/integrations/types.d.ts",
       "import": "./dist/routes/integrations/types.js"
     },
+    "./routes/memories": {
+      "manta-source": "./src/routes/memories/index.tsx",
+      "types": "./dist/routes/memories/index.d.ts",
+      "import": "./dist/routes/memories/index.js"
+    },
     "./routes/plans": {
       "manta-source": "./src/routes/plans/index.tsx",
       "types": "./dist/routes/plans/index.d.ts",
@@ -1042,11 +1047,11 @@
     "uuid": "^13.0.0",
     "zod": "^4.5.0",
     "zustand": "^5.0.2",
-    "@manta-eu/lib": "0.1.0",
-    "@manta-eu/rdf-lib": "0.1.0",
-    "@manta-eu/ldo": "0.1.0",
-    "@manta-eu/client": "0.1.0",
-    "@manta-eu/datalog-parser": "0.1.0"
+    "@manta-eu/client": "0.1.1",
+    "@manta-eu/datalog-parser": "0.1.1",
+    "@manta-eu/ldo": "0.1.1",
+    "@manta-eu/lib": "0.1.1",
+    "@manta-eu/rdf-lib": "0.1.1"
   },
   "peerDependencies": {
     "@ulb-darmstadt/shacl-form": "^2.1.1-rc1",
@@ -1107,7 +1112,7 @@
   "scripts": {
     "build": "pnpm run build:lib",
     "build-storybook": "NODE_OPTIONS=\"$NODE_OPTIONS --max-old-space-size=6144\" storybook build",
-    "build:lib": "node -e \"require('fs').mkdirSync('dist',{recursive:true})\" && postcss src/globals.css -o dist/globals.css && tsc --project tsconfig.build.json && tsc-alias --project tsconfig.build.json --resolve-full-paths",
+    "build:lib": "node -e \"const fs=require('fs');fs.rmSync('dist',{recursive:true,force:true});fs.mkdirSync('dist',{recursive:true})\" && postcss src/globals.css -o dist/globals.css && tsc --project tsconfig.build.json && tsc-alias --project tsconfig.build.json --resolve-full-paths",
     "lint": "eslint .",
     "storybook": "storybook dev -p 6007",
     "test": "vitest --run",

package/src/globals.css

@@ -2,7 +2,6 @@
 @import "./themes/standard.css";
 @import "./themes/manta.css";
 @import "./themes/manta-dark.css";
-@import "./themes/marketer-dark.css";
 @plugin "tailwindcss-animate";
 
 @layer base {
@@ -39,10 +38,6 @@
   body {
     height: 100%;
   }
-
-  .channel-icon-marketer {
-    color: var(--color-marketer-800);
-  }
 }
 
 @layer utilities {
@@ -123,7 +118,7 @@
   -ms-overflow-style: none;
 }
 
-@utility shadow-marketerlight {
+@utility shadow-light {
   box-shadow:
     0 1px 3px 0 rgba(0, 0, 0, 0.1),
     0 1px 2px -1px rgba(0, 0, 0, 0.1);
@@ -133,7 +128,7 @@
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.05);
 }
 
-@utility shadow-marketerlarge {
+@utility shadow-large {
   box-shadow: 0 8px 32px -16px rgba(0, 0, 0, 0.3);
 }
 
@@ -334,13 +329,13 @@
   --font-ad-preview: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif, var(--font-roobertpro);
 
   --color-white: #ffffff;
-  --color-marketer-50: #f0fff5;
-  --color-marketer-200: #98ecb7;
-  --color-marketer-300: #60c686;
-  --color-marketer-400: #2fa974;
-  --color-marketer-500: #037152;
-  --color-marketer-800: #0d2c21;
-  --color-marketer-950: #071812;
+  --color-brand-50: #f0fff5;
+  --color-brand-200: #98ecb7;
+  --color-brand-300: #60c686;
+  --color-brand-400: #2fa974;
+  --color-brand-500: #037152;
+  --color-brand-800: #0d2c21;
+  --color-brand-950: #071812;
 
   --color-neutral-50: #fafafa;
   --color-neutral-100: #f5f5f5;
@@ -366,8 +361,8 @@
   --color-input: #ffffff;
   --color-input-hover: var(--color-neutral-50);
   --color-disabled: var(--color-neutral-100);
-  --color-primary: var(--color-marketer-300, #60c686);
-  --color-primary-hover: var(--color-marketer-400, #2fa974);
+  --color-primary: var(--color-brand-300, #60c686);
+  --color-primary-hover: var(--color-brand-400, #2fa974);
   --color-secondary: var(--color-neutral-950, #0a0a0a);
   --color-secondary-hover: var(--color-neutral-800, #262626);
   --color-warning: #ffedd5;
@@ -385,7 +380,7 @@
   --color-muted-foreground: var(--color-neutral-500);
   --color-disabled-foreground: var(--color-neutral-400);
   --color-placeholder-foreground: var(--color-neutral-400);
-  --color-accent-foreground: var(--color-marketer-500, #037152);
+  --color-accent-foreground: var(--color-brand-500, #037152);
   --color-primary-foreground: var(--color-neutral-900, #171717);
   --color-secondary-foreground: #ffffff;
   --color-success-foreground: #16a34a;
@@ -409,7 +404,7 @@
   --color-muted-border: var(--color-neutral-150);
   --color-input-border: var(--color-neutral-200);
   --color-disabled-border: var(--color-neutral-100);
-  --color-active-border: var(--color-marketer-500);
+  --color-active-border: var(--color-brand-500);
   --color-error-border: #ef4444;
 
   --radius-xs-v4: 0.25rem;

package/src/themes/manta-dark.css

@@ -65,7 +65,3 @@
   --font-weight-semibold: 620;
   --font-weight-bold: 700;
 }
-
-[data-theme="manta-dark"] .channel-icon-marketer {
-  color: white;
-}

package/src/themes/standard.css

@@ -2,13 +2,13 @@
   --font-gellix: var(--font-gellix), sans-serif;
   --font-roobertpro: var(--font-roobertpro), sans-serif;
 
-  --color-marketer-50: #f0fff5;
-  --color-marketer-200: #98ecb7;
-  --color-marketer-300: #60c686;
-  --color-marketer-400: #2fa974;
-  --color-marketer-500: #037152;
-  --color-marketer-800: #0d2c21;
-  --color-marketer-950: #071812;
+  --color-brand-50: #f0fff5;
+  --color-brand-200: #98ecb7;
+  --color-brand-300: #60c686;
+  --color-brand-400: #2fa974;
+  --color-brand-500: #037152;
+  --color-brand-800: #0d2c21;
+  --color-brand-950: #071812;
 
   --color-neutral-50: #fafafa;
   --color-neutral-100: #f5f5f5;
@@ -32,8 +32,8 @@
   --color-input: #ffffff;
   --color-input-hover: var(--color-neutral-50);
   --color-disabled: var(--color-neutral-100);
-  --color-primary: var(--color-marketer-300, #60c686);
-  --color-primary-hover: var(--color-marketer-400, #2fa974);
+  --color-primary: var(--color-brand-300, #60c686);
+  --color-primary-hover: var(--color-brand-400, #2fa974);
   --color-secondary: var(--color-neutral-950, #0a0a0a);
   --color-secondary-hover: var(--color-neutral-800, #262626);
   --color-warning: #ffedd5;
@@ -50,7 +50,7 @@
   --color-muted-foreground: var(--color-neutral-500);
   --color-disabled-foreground: var(--color-neutral-400);
   --color-placeholder-foreground: var(--color-neutral-400);
-  --color-accent-foreground: var(--color-marketer-500, #037152);
+  --color-accent-foreground: var(--color-brand-500, #037152);
   --color-primary-foreground: var(--color-neutral-900, #171717);
   --color-secondary-foreground: #ffffff;
   --color-success-foreground: #16a34a;
@@ -65,7 +65,7 @@
   --color-muted-border: var(--color-neutral-150);
   --color-input-border: var(--color-neutral-200);
   --color-disabled-border: var(--color-neutral-100);
-  --color-active-border: var(--color-marketer-500);
+  --color-active-border: var(--color-brand-500);
   --color-error-border: #ef4444;
 
   --color-google-accent-foreground: #1a0dab;

package/dist/components/channel-icon/marketer-icon.d.ts

@@ -1,4 +0,0 @@
-export declare function MarketerIcon(props: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=marketer-icon.d.ts.map

package/dist/components/channel-icon/marketer-icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"marketer-icon.d.ts","sourceRoot":"","sources":["../../../src/components/channel-icon/marketer-icon.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAuBzD"}

package/dist/components/channel-icon/marketer-icon.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { cn } from "#style";
-export function MarketerIcon(props) {
-    const { className } = props;
-    return (_jsxs("svg", { viewBox: "0 0 45 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn("channel-icon-marketer", className), children: [_jsx("path", { d: "M6.31933 31.9945C9.80939 31.9945 12.6387 29.1626 12.6387 25.6691C12.6387 22.1757 9.80939 19.3438 6.31933 19.3438C2.82926 19.3438 0 22.1757 0 25.6691C0 29.1626 2.82926 31.9945 6.31933 31.9945Z", fill: "currentColor" }), _jsx("path", { d: "M27.083 14.7531L33.1495 28.4159C34.4856 31.4521 38.0244 32.8256 41.0216 31.4883C44.0549 30.1509 45.4271 26.6087 44.091 23.6086L33.619 0.0419922L27.0469 14.7892L27.083 14.7531Z", fill: "currentColor" }), _jsx("path", { d: "M25.9627 17.247L19.8961 3.58414C18.56 0.54795 15.0212 -0.825565 12.0241 0.511805C8.99078 1.84918 7.61859 5.3914 8.95467 8.39145L19.4267 31.9581L25.9988 17.2109L25.9627 17.247Z", fill: "currentColor" })] }));
-}

package/src/themes/marketer-dark.css

@@ -1,70 +0,0 @@
-[data-theme="marketer-dark"] {
-  --color-background: #070807;
-  --color-faint: #151716;
-  --color-muted: #181b19;
-  --color-accent: #1f2321;
-  --color-card: #111211;
-  --color-base-background: var(--color-background);
-  --color-sidebar: var(--color-card);
-  --color-input: #111211;
-  --color-input-hover: #151716;
-  --color-disabled: #151716;
-  --color-primary: #60c686;
-  --color-primary-hover: #2fa974;
-  --color-secondary: #28342d;
-  --color-secondary-hover: #1f2823;
-  --color-warning: #331e0b;
-  --color-error: #3b1219;
-  --color-error-hover: #3b1219;
-  --color-success: #132d21;
-  --color-info: #111727;
-  --color-info-accent: #0c1021;
-  --color-rank-1: #422006;
-  --color-rank-2: #1e293b;
-  --color-rank-3: #431407;
-
-  --color-default-foreground: #ffffff;
-  --color-muted-foreground: #808a84;
-  --color-placeholder-foreground: #4e5551;
-  --color-disabled-foreground: #4e5551;
-  --color-primary-foreground: #171717;
-  --color-secondary-foreground: #ffffff;
-  --color-accent-foreground: #60c686;
-  --color-success-foreground: #3dd68c;
-  --color-warning-foreground: #ffa057;
-  --color-error-foreground: #ff9592;
-  --color-info-foreground: #7094ff;
-  --color-creative-accent: #0c1021;
-  --color-creative-accent-foreground: #1ea1f7;
-  --color-rank-1-foreground: #fbbf24;
-  --color-rank-2-foreground: #cbd5e1;
-  --color-rank-3-foreground: #fb923c;
-
-  --color-default-border: #2a322d;
-  --color-muted-border: #1c221e;
-  --color-input-border: #2a322d;
-  --color-disabled-border: #1c221e;
-  --color-active-border: #2fa974;
-  --color-error-border: #ff9592;
-
-  --color-google-accent-foreground: #ffffff;
-  --color-google-primary-background: #ffffff;
-  --color-google-primary-foreground: #171717;
-  --color-google-rating: #fbbc04;
-
-  --radius-xs-v4: 0.25rem;
-  --radius-sm-v4: 0.5rem;
-  --radius-md-v4: 0.75rem;
-  --radius-lg-v4: 1rem;
-  --radius-xl-v4: 1.5rem;
-  --radius-2xl-v4: 2rem;
-
-  --font-weight-normal: 470;
-  --font-weight-medium: 540;
-  --font-weight-semibold: 620;
-  --font-weight-bold: 720;
-}
-
-[data-theme="marketer-dark"] .channel-icon-marketer {
-  color: #ffffff;
-}