@manta-eu/react 0.1.2 → 0.1.3

package/README.md

@@ -62,7 +62,6 @@ pnpm manta-codegen generate \
   --datastore your-datastore \
   --keycloak-url https://auth.hiremanta.com \
   --keycloak-realm your-realm \
-  --client-id your-realm-app \
   --out ./.ldkit
 ```
 

package/dist/components/brand-icons/index.d.ts

@@ -0,0 +1,6 @@
+export declare const Facebook: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Instagram: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Linkedin: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Slack: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Twitter: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/brand-icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/brand-icons/index.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,2IAEnB,CAAC;AAEH,eAAO,MAAM,SAAS,2IAIpB,CAAC;AAEH,eAAO,MAAM,QAAQ,2IAInB,CAAC;AAEH,eAAO,MAAM,KAAK,2IAShB,CAAC;AAEH,eAAO,MAAM,OAAO,2IAQlB,CAAC"}

package/dist/components/brand-icons/index.js

@@ -0,0 +1,34 @@
+import { createLucideIcon } from "lucide-react";
+// lucide-react 1.0 removed its brand icons. These are the lucide-react 0.525.0 paths (ISC license).
+export const Facebook = createLucideIcon("facebook", [
+    ["path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z", key: "1jg4f8" }],
+]);
+export const Instagram = createLucideIcon("instagram", [
+    ["rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5", key: "2e1cvw" }],
+    ["path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z", key: "9exkf1" }],
+    ["line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5", key: "r4j83e" }],
+]);
+export const Linkedin = createLucideIcon("linkedin", [
+    ["path", { d: "M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z", key: "c2jq9f" }],
+    ["rect", { width: "4", height: "12", x: "2", y: "9", key: "mk3on5" }],
+    ["circle", { cx: "4", cy: "4", r: "2", key: "bt5ra8" }],
+]);
+export const Slack = createLucideIcon("slack", [
+    ["rect", { width: "3", height: "8", x: "13", y: "2", rx: "1.5", key: "diqz80" }],
+    ["path", { d: "M19 8.5V10h1.5A1.5 1.5 0 1 0 19 8.5", key: "183iwg" }],
+    ["rect", { width: "3", height: "8", x: "8", y: "14", rx: "1.5", key: "hqg7r1" }],
+    ["path", { d: "M5 15.5V14H3.5A1.5 1.5 0 1 0 5 15.5", key: "76g71w" }],
+    ["rect", { width: "8", height: "3", x: "14", y: "13", rx: "1.5", key: "1kmz0a" }],
+    ["path", { d: "M15.5 19H14v1.5a1.5 1.5 0 1 0 1.5-1.5", key: "jc4sz0" }],
+    ["rect", { width: "8", height: "3", x: "2", y: "8", rx: "1.5", key: "1omvl4" }],
+    ["path", { d: "M8.5 5H10V3.5A1.5 1.5 0 1 0 8.5 5", key: "16f3cl" }],
+]);
+export const Twitter = createLucideIcon("twitter", [
+    [
+        "path",
+        {
+            d: "M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z",
+            key: "pff0z6",
+        },
+    ],
+]);

package/dist/globals.css

@@ -1433,6 +1433,9 @@
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
+  .min-h-5 {
+    min-height: calc(var(--spacing) * 5);
+  }
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }

package/dist/graph/nodes/AdMockupCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdMockupCard.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/AdMockupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,8BAA8B,CAAC;AAQxD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAC;CAC3B,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC,CAAC;AAEtF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAYxD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAiFpD"}
+{"version":3,"file":"AdMockupCard.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/AdMockupCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,8BAA8B,CAAC;AASxD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC;IACV,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,GAAG,CAAA;KAAE,CAAC;CAC3B,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC,CAAC;AAEtF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAYxD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAiFpD"}

package/dist/graph/nodes/AdMockupCard.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Facebook, Infinity as InfinityIcon, Instagram } from "lucide-react";
+import { Infinity as InfinityIcon } from "lucide-react";
 import { useState } from "react";
 import { match } from "ts-pattern";
 import { OpenInPlatformLink } from "../OpenInPlatformLink.js";
 import { FacebookAdPreview, InstagramAdPreview } from "#components/ad-preview/index";
+import { Facebook, Instagram } from "#components/brand-icons/index";
 import { cn } from "#style";
 export function AdMockupHeader(props) {
     const { label, iri, schema } = props;

package/dist/graph/nodes/AttioCompanyView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttioCompanyView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/AttioCompanyView.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA0BhD,eAAO,MAAM,gBAAgB,uDA2I3B,CAAC"}
+{"version":3,"file":"AttioCompanyView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/AttioCompanyView.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA2BhD,eAAO,MAAM,gBAAgB,uDA2I3B,CAAC"}

package/dist/graph/nodes/AttioCompanyView.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AttioCompanySchema } from "@manta-eu/ldo";
 import { humanCount, humanNumber } from "@manta-eu/lib/humanize";
 import { isPresent } from "@manta-eu/lib/present";
-import { Building2, Calendar, Coins, Facebook, Handshake, Linkedin, Tags, TrendingUp, Twitter, Users, } from "lucide-react";
+import { Building2, Calendar, Coins, Handshake, Tags, TrendingUp, Users } from "lucide-react";
 import { Fragment, memo } from "react";
 import { formatCurrency, formatNumber } from "../property-formatters.js";
 import { AttioNodeBody, attioPurple } from "./attio-shared.js";
@@ -10,6 +10,7 @@ import { CardRows, row } from "./card-rows.js";
 import { EntityCardShell } from "./EntityCardShell.js";
 import { EntityImage } from "./EntityImage.js";
 import { firstValue, readEntityIri, toIriArray } from "./typed-node-helpers.js";
+import { Facebook, Linkedin, Twitter } from "#components/brand-icons/index";
 import { useEntity } from "#hooks/use-entity";
 import { formatGraphDate } from "#lib/format-date";
 function socialLink(href, label, icon) {

package/dist/graph/nodes/LinkedinAdAccountView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkedinAdAccountView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/LinkedinAdAccountView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD,eAAO,MAAM,qBAAqB,uDAEhC,CAAC"}
+{"version":3,"file":"LinkedinAdAccountView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/LinkedinAdAccountView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,eAAO,MAAM,qBAAqB,uDAEhC,CAAC"}

package/dist/graph/nodes/LinkedinAdAccountView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Linkedin } from "lucide-react";
 import { memo } from "react";
 import { ConnectedAccountCard } from "./ConnectedAccountCard.js";
+import { Linkedin } from "#components/brand-icons/index";
 export const LinkedinAdAccountView = memo(function LinkedinAdAccountView(props) {
     return _jsx(ConnectedAccountCard, { icon: Linkedin, noun: "Ad account", accent: "#0A66C2", ...props });
 });

package/dist/graph/nodes/SlackChannelView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlackChannelView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/SlackChannelView.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAShD,eAAO,MAAM,gBAAgB,uDA0D3B,CAAC"}
+{"version":3,"file":"SlackChannelView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/SlackChannelView.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAUhD,eAAO,MAAM,gBAAgB,uDA0D3B,CAAC"}

package/dist/graph/nodes/SlackChannelView.js

@@ -2,13 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SlackChannelSchema } from "@manta-eu/ldo";
 import { humanCount } from "@manta-eu/lib/humanize";
 import { isPresent } from "@manta-eu/lib/present";
-import { CalendarPlus, Hash, MessageSquareText, Slack, Users } from "lucide-react";
+import { CalendarPlus, Hash, MessageSquareText, Users } from "lucide-react";
 import { memo } from "react";
 import { CardRows, row } from "./card-rows.js";
 import { EntityCardShell } from "./EntityCardShell.js";
 import { slackAubergine } from "./slack-shared.js";
 import { ToneBadge } from "./tone-badge.js";
 import { readEntityIri } from "./typed-node-helpers.js";
+import { Slack } from "#components/brand-icons/index";
 import { useEntity } from "#hooks/use-entity";
 import { formatGraphDate, formatRelativeUpdated } from "#lib/format-date";
 export const SlackChannelView = memo(function SlackChannelView(props) {

package/dist/graph/nodes/SlackMessageView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlackMessageView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/SlackMessageView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAGhD,eAAO,MAAM,gBAAgB,uDAiB3B,CAAC"}
+{"version":3,"file":"SlackMessageView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/SlackMessageView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,eAAO,MAAM,gBAAgB,uDAiB3B,CAAC"}

package/dist/graph/nodes/SlackMessageView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Slack } from "lucide-react";
 import { memo } from "react";
 import { EntityCardShell } from "./EntityCardShell.js";
+import { Slack } from "#components/brand-icons/index";
 export const SlackMessageView = memo(function SlackMessageView(props) {
     const { selected, ringColor, onContextMenu } = props;
     return (_jsx(EntityCardShell, { icon: Slack, label: "Slack message", labelMaxWidth: "max-w-80", selected: selected, ringColor: ringColor, onContextMenu: onContextMenu, children: _jsx("div", { className: "w-[260px] bg-muted rounded-[6px] px-[10px] py-[8px]", children: _jsx("span", { className: "typography-tiny text-muted-foreground italic", children: "Sends the report to Slack on execution" }) }) }));

package/dist/graph/nodes/SlackUserView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlackUserView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/SlackUserView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAQhD,eAAO,MAAM,aAAa,uDA2CxB,CAAC"}
+{"version":3,"file":"SlackUserView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/SlackUserView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAShD,eAAO,MAAM,aAAa,uDA2CxB,CAAC"}

package/dist/graph/nodes/SlackUserView.js

@@ -1,13 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SlackUserSchema } from "@manta-eu/ldo";
 import { isPresent } from "@manta-eu/lib/present";
-import { AtSign, Briefcase, Clock, Slack } from "lucide-react";
+import { AtSign, Briefcase, Clock } from "lucide-react";
 import { memo } from "react";
 import { CardRows, row } from "./card-rows.js";
 import { EntityCardShell } from "./EntityCardShell.js";
 import { slackAubergine } from "./slack-shared.js";
 import { ToneBadge } from "./tone-badge.js";
 import { readEntityIri } from "./typed-node-helpers.js";
+import { Slack } from "#components/brand-icons/index";
 import { useEntity } from "#hooks/use-entity";
 export const SlackUserView = memo(function SlackUserView(props) {
     const { data, selected = false, ringColor, onContextMenu } = props;

package/dist/graph/nodes/SlackWorkspaceView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SlackWorkspaceView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/SlackWorkspaceView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAIhD,eAAO,MAAM,kBAAkB,uDAE7B,CAAC"}
+{"version":3,"file":"SlackWorkspaceView.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/SlackWorkspaceView.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKhD,eAAO,MAAM,kBAAkB,uDAE7B,CAAC"}

package/dist/graph/nodes/SlackWorkspaceView.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Slack } from "lucide-react";
 import { memo } from "react";
 import { ConnectedAccountCard } from "./ConnectedAccountCard.js";
 import { slackAubergine } from "./slack-shared.js";
+import { Slack } from "#components/brand-icons/index";
 export const SlackWorkspaceView = memo(function SlackWorkspaceView(props) {
     return _jsx(ConnectedAccountCard, { icon: Slack, noun: "Workspace", accent: slackAubergine, ...props });
 });

package/dist/routes/datastores/components/DatastoreFormDialog.d.ts

@@ -12,7 +12,9 @@ type DatastoreFormDialogProps = {
         name: string;
     }) => void;
     onCancel: () => void;
+    isSubmitting?: boolean;
 };
+export declare function provisioningNotice(target: DatastoreFormTarget): string;
 export declare function DatastoreFormDialog(props: DatastoreFormDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=DatastoreFormDialog.d.ts.map

package/dist/routes/datastores/components/DatastoreFormDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatastoreFormDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/DatastoreFormDialog.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEN,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CA2DlE"}
+{"version":3,"file":"DatastoreFormDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/DatastoreFormDialog.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,mBAAmB,GAC3B;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IACE,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEN,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,mBAAmB,GAAG,MAAM,CAKtE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAmElE"}

package/dist/routes/datastores/components/DatastoreFormDialog.js

@@ -4,24 +4,30 @@ import { match } from "ts-pattern";
 import { Button } from "#components/button/index";
 import { Input } from "#components/input/index";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "#components/modal/index";
+export function provisioningNotice(target) {
+    return match(target)
+        .with({ kind: "organization" }, () => "Creating the organization and its first datastore. This can take a minute.")
+        .with({ kind: "datastore" }, () => "Creating the datastore. This can take a minute.")
+        .exhaustive();
+}
 export function DatastoreFormDialog(props) {
-    const { target, onSubmit, onCancel } = props;
+    const { target, onSubmit, onCancel, isSubmitting = false } = props;
     const [name, setName] = useState("");
     const isOrganization = target.kind === "organization";
-    const canSubmit = !!name.trim();
+    const canSubmit = !!name.trim() && !isSubmitting;
     function submit() {
         if (!canSubmit)
             return;
         onSubmit({ name: name.trim() });
     }
-    return (_jsx(Dialog, { open: true, onOpenChange: (nextOpen) => !nextOpen && onCancel(), children: _jsxs(DialogContent, { className: "flex flex-col overflow-hidden", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: isOrganization ? "Add organization" : "Add datastore" }), _jsx(DialogDescription, { children: match(target)
+    return (_jsx(Dialog, { open: true, onOpenChange: (nextOpen) => !nextOpen && !isSubmitting && onCancel(), children: _jsxs(DialogContent, { className: "flex flex-col overflow-hidden", showCloseButton: !isSubmitting, children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: isOrganization ? "Add organization" : "Add datastore" }), _jsx(DialogDescription, { children: match(target)
                                 .with({ kind: "organization" }, () => "Sets up a new top-level organization with its own datastore and a fresh Manta you can build on.")
                                 .with({ kind: "datastore", parentPath: "/" }, (datastore) => `Adds a top-level datastore in ${datastore.organizationName}.`)
                                 .with({ kind: "datastore" }, (datastore) => `Adds a datastore nested under ${datastore.parentName}, in ${datastore.organizationName}.`)
-                                .exhaustive() })] }), _jsx(Input, { autoFocus: true, label: isOrganization ? "Organization name" : "Datastore name", placeholder: isOrganization ? "e.g. Other Reseller Co" : "e.g. Acme Corp", value: name, onChange: (event) => setName(event.target.value), onKeyDown: (event) => {
+                                .exhaustive() })] }), _jsx(Input, { autoFocus: true, label: isOrganization ? "Organization name" : "Datastore name", placeholder: isOrganization ? "e.g. Other Reseller Co" : "e.g. Acme Corp", value: name, disabled: isSubmitting, onChange: (event) => setName(event.target.value), onKeyDown: (event) => {
                         if (event.key === "Enter")
                             submit();
                         if (event.key === "Escape")
                             onCancel();
-                    } }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "tertiary", onClick: onCancel, children: "Cancel" }), _jsx(Button, { onClick: submit, disabled: !canSubmit, children: isOrganization ? "Add organization" : "Add datastore" })] })] }) }));
+                    } }), _jsx("p", { role: "status", "aria-live": "polite", className: "typography-caption text-muted-foreground min-h-5", children: isSubmitting ? provisioningNotice(target) : "" }), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "tertiary", onClick: onCancel, disabled: isSubmitting, children: "Cancel" }), _jsx(Button, { onClick: submit, disabled: !canSubmit, isLoading: isSubmitting, label: isOrganization ? "Add organization" : "Add datastore" })] })] }) }));
 }

package/dist/routes/datastores/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/routes/datastores/index.tsx"],"names":[],"mappings":"AAqFA,wBAAgB,eAAe,4CAypB9B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/routes/datastores/index.tsx"],"names":[],"mappings":"AAqFA,wBAAgB,eAAe,4CAsqB9B"}

package/dist/routes/datastores/index.js

@@ -70,7 +70,7 @@ export function DatastoresRoute() {
     const toggleVisibility = useCallback((key) => {
         setVisibility((current) => ({ ...current, [key]: !current[key] }));
     }, []);
-    const { data, isLoading, isFetching, refetch } = useDatastoreTreeQuery(mantaClient, undefined, {
+    const { data, isLoading, isFetching } = useDatastoreTreeQuery(mantaClient, undefined, {
         enabled: !!isOperator,
     });
     const { data: unlinkedData, error: unlinkedError, isLoading: isUnlinkedLoading, } = useUnlinkedDatastoresQuery(mantaClient, undefined, {
@@ -82,22 +82,27 @@ export function DatastoresRoute() {
     function invalidateTree() {
         void queryClient.invalidateQueries({ queryKey: useDatastoreTreeQuery.getKey() });
     }
+    const refreshDatastores = useCallback(async () => {
+        await queryClient.invalidateQueries({ queryKey: useDatastoreTreeQuery.getKey() });
+        await Promise.all([
+            queryClient.refetchQueries({ queryKey: ["DatastoreProvisioningStatuses"] }),
+            queryClient.refetchQueries({ queryKey: useUnlinkedDatastoresQuery.getKey() }),
+        ]);
+    }, [queryClient]);
     const handleRefresh = useCallback(() => {
-        void refetch();
-        void queryClient.refetchQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
-        void queryClient.refetchQueries({ queryKey: useUnlinkedDatastoresQuery.getKey() });
-    }, [refetch, queryClient]);
+        void refreshDatastores();
+    }, [refreshDatastores]);
     const provisionMutation = useProvisionDatastoreMutation(mantaClient, {
-        onSuccess: (result) => {
-            invalidateTree();
+        onSuccess: async (result) => {
             const { success, name, error, pending } = result.provisionDatastore;
             if (!success) {
+                void refreshDatastores();
                 toast.error("Couldn't create the datastore", { description: error ?? undefined });
                 return;
             }
             // The datastore is usually ready by the time this returns, so read its status now rather
             // than leaving the row stale until the next poll.
-            void queryClient.refetchQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
+            await refreshDatastores();
             // pending means only that its Dagster run outlived the wait.
             if (pending) {
                 toast.success(`Datastore "${name}" is being created`, {
@@ -442,13 +447,12 @@ export function DatastoresRoute() {
                 name,
                 atOrganizationRoot: false,
             };
-        provisionMutation.mutate({ input });
-        setFormTarget(null);
+        provisionMutation.mutate({ input }, { onSuccess: (result) => result.provisionDatastore.success && setFormTarget(null) });
     }
     return (_jsxs(RouteLayout, { user: user, datastore: datastore, datastores: datastores, isOperator: isOperator, canSwitchDatastore: canSwitchDatastore, logout: logout, children: [_jsx(PageHeader, { title: "Datastores", icon: Database, actions: _jsxs(_Fragment, { children: [_jsx(Button, { iconOnly: true, variant: "tertiary", onClick: handleRefresh, disabled: isFetching, icon: RefreshCcw, "aria-label": "Refresh datastores" }), activeTab === "organizations" && (_jsxs(_Fragment, { children: [filterToggles.map((toggle) => (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", "aria-pressed": toggle.active, onClick: toggle.onToggle, icon: toggle.icon, children: toggle.label }) }), _jsx(TooltipContent, { children: toggle.description })] }, toggle.key))), _jsx(Button, { icon: Plus, onClick: () => setFormTarget({ kind: "organization" }), children: "Add organization" })] }))] }) }), _jsxs(Tabs, { value: activeTab, onValueChange: (tab) => setSearchParams({ tab }, { replace: true }), className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [_jsxs(TabsContent, { value: "organizations", className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: [_jsx("div", { className: "border-b border-muted-border px-5 py-3 shrink-0", children: _jsx(DatastoresToolbar, { tabs: tabsList, searchQuery: searchQuery, onSearchQueryChange: onSearchQueryChange, statusFilter: statusFilter, onStatusFilterChange: handleStatusFilterChange, table: table }) }), _jsxs("div", { className: "flex-1 overflow-auto p-4", children: [isLoading && _jsx(DatastoreTableSkeleton, {}), !isLoading && !isPresent(rows) && (_jsx(EmptyState, { icon: Database, title: "No organizations yet", description: "Provision an organization to give it its first datastore.", children: _jsx(Button, { icon: Plus, onClick: () => setFormTarget({ kind: "organization" }), children: "Add organization" }) })), !isLoading && isPresent(rows) && (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsx("div", { className: "rounded-xl border border-muted-border bg-card overflow-hidden", children: _jsx(DataTable, { table: table, noResultsMessage: "No datastores match your filters." }) }), _jsx(TablePagination, { table: table, total: rows.length })] }))] })] }), _jsx(TabsContent, { value: "unlinked", className: "flex flex-col flex-1 min-h-0 overflow-hidden", children: _jsx(UnlinkedDatastoresPanel, { tabs: tabsList, table: unlinkedTable, rows: unlinkedRows, searchQuery: unlinkedSearchQuery, onSearchQueryChange: onUnlinkedSearchQueryChange, statusFilter: unlinkedStatusFilter, onStatusFilterChange: onUnlinkedStatusFilterChange, columnLabels: unlinkedColumnLabels, columnDefaultOrder: unlinkedColumnOrder, isLoading: isUnlinkedLoading, errorMessage: unlinkedError != null
                                 ? (parseError(unlinkedError, "Couldn't list unlinked datastores").description ??
                                     "Couldn't list unlinked datastores")
-                                : null }) })] }), formTarget && (_jsx(DatastoreFormDialog, { target: formTarget, onSubmit: submitForm, onCancel: () => setFormTarget(null) })), linkDialogTarget && (_jsx(LinkUnlinkedDatastoreDialog, { datastoreId: linkDialogTarget, suggestedMatch: suggestedLinkTarget(linkDialogTarget), organizationNames: organizationNameOptions, existingOrganizationNames: existingOrganizationNames, onClose: () => setLinkDialogTarget(null) })), renameTarget && (_jsx(RenameDatastoreGroupDialog, { target: renameTarget, onSubmit: (name) => {
+                                : null }) })] }), formTarget && (_jsx(DatastoreFormDialog, { target: formTarget, onSubmit: submitForm, onCancel: () => setFormTarget(null), isSubmitting: provisionMutation.isPending })), linkDialogTarget && (_jsx(LinkUnlinkedDatastoreDialog, { datastoreId: linkDialogTarget, suggestedMatch: suggestedLinkTarget(linkDialogTarget), organizationNames: organizationNameOptions, existingOrganizationNames: existingOrganizationNames, onClose: () => setLinkDialogTarget(null) })), renameTarget && (_jsx(RenameDatastoreGroupDialog, { target: renameTarget, onSubmit: (name) => {
                     renameMutation.mutate({
                         input: {
                             id: renameTarget.id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@manta-eu/react",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "The Manta design system, knowledge-graph UI and agent components",
   "license": "MIT",
   "type": "module",
@@ -1046,8 +1046,8 @@
     "@tanstack/react-table": "^8.21.3",
     "@types/json-schema": "^7.0.15",
     "@unpic/react": "^1.0.2",
-    "agents": "0.22.0",
-    "ai": "7.0.98",
+    "agents": "^0.22.0",
+    "ai": "^7.0.98",
     "change-case": "^5.4.4",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -1060,9 +1060,9 @@
     "hono": "^4.9.8",
     "input-otp": "^1.4.2",
     "js-cookie": "^3.0.5",
-    "ldkit": "2.8.0",
+    "ldkit": "^2.8.0",
     "libphonenumber-js": "^1.11.15",
-    "lucide-react": "^0.525.0",
+    "lucide-react": "^1.17.0",
     "mime": "^4.1.0",
     "motion": "^12.23.5",
     "mustache": "^4.2.0",
@@ -1081,15 +1081,15 @@
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",
     "tailwindcss-animate": "^1.0.7",
-    "ts-pattern": "^5.8.0",
+    "ts-pattern": "^5.9.0",
     "usehooks-ts": "^3.1.1",
     "zod": "^4.5.0",
     "zustand": "^5.0.2",
-    "@manta-eu/client": "0.1.2",
-    "@manta-eu/ldo": "0.1.2",
-    "@manta-eu/lib": "0.1.2",
-    "@manta-eu/datalog-parser": "0.1.2",
-    "@manta-eu/rdf-lib": "0.1.2"
+    "@manta-eu/client": "0.1.3",
+    "@manta-eu/ldo": "0.1.3",
+    "@manta-eu/datalog-parser": "0.1.3",
+    "@manta-eu/rdf-lib": "0.1.3",
+    "@manta-eu/lib": "0.1.3"
   },
   "peerDependencies": {
     "@ulb-darmstadt/shacl-form": "^2.1.1-rc1",
@@ -1111,7 +1111,7 @@
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
     "ajv": "^8.17.1",
-    "eslint": "^9.0.0",
+    "eslint": "^9.39.2",
     "happy-dom": "^15.11.7",
     "jsdom": "^28.1.0",
     "next-themes": "^0.4.6",
@@ -1122,10 +1122,10 @@
     "storybook": "^10.2.1",
     "tailwindcss": "^4.1.17",
     "tsc-alias": "^1.9.5",
-    "typescript": "^5.0.0",
+    "typescript": "^5.9.3",
     "uuid": "^13.0.0",
-    "vite": "^6.0.0",
-    "vitest": "^3.0.0",
+    "vite": "^7.3.1",
+    "vitest": "^4.1.8",
     "@manta-eu/eslint-config": "0.1.0"
   },
   "imports": {