@manta-eu/react 0.1.1 → 0.1.2

package/dist/ldo-ui.js

@@ -80,4 +80,4 @@ export { canPickDatastore, DatastorePicker, datastorePickerRows, DatastoreRowCon
 export * from "./lib/measure.js";
 export * from "./ontology/index.js";
 export * from "./rules/index.js";
-export * from "./rdfox-explain/index.js";
+export * from "./explain-fact/index.js";

package/dist/lib/datastore-route-paths.d.ts

@@ -1,5 +1,5 @@
-export { datastoreRoutePaths, notFoundRoutePath } from "@manta-eu/client/shared/datastore-route-table";
-export type { RouteElements } from "@manta-eu/client/shared/datastore-route-table";
+export { datastoreRoutePaths, notFoundRoutePath } from "./datastore-route-table.js";
+export type { RouteElements } from "./datastore-route-table.js";
 export declare function isDatastoreRoutePath(pathname: string): boolean;
 export declare function datastoreSwitchFallbackPath(pathname: string): string | undefined;
 //# sourceMappingURL=datastore-route-paths.d.ts.map

package/dist/lib/datastore-route-paths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datastore-route-paths.d.ts","sourceRoot":"","sources":["../../src/lib/datastore-route-paths.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AACvG,YAAY,EAAE,aAAa,EAAE,MAAM,+CAA+C,CAAC;AAGnF,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAG9D;AAED,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,sBAW3D"}
+{"version":3,"file":"datastore-route-paths.d.ts","sourceRoot":"","sources":["../../src/lib/datastore-route-paths.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AACjF,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAG9D;AAED,wBAAgB,2BAA2B,CAAC,QAAQ,EAAE,MAAM,sBAW3D"}

package/dist/lib/datastore-route-paths.js

@@ -1,7 +1,7 @@
-import { datastoreRoutes, notFoundRoutePath } from "@manta-eu/client/shared/datastore-route-table";
+import { datastoreRoutes, notFoundRoutePath } from "./datastore-route-table.js";
 import { length, maxBy } from "ramda";
 import { matchRoutes } from "react-router";
-export { datastoreRoutePaths, notFoundRoutePath } from "@manta-eu/client/shared/datastore-route-table";
+export { datastoreRoutePaths, notFoundRoutePath } from "./datastore-route-table.js";
 // The catch-all matches every path, so landing on it means no real route claims this one.
 export function isDatastoreRoutePath(pathname) {
     const matched = matchRoutes(datastoreRoutes, pathname)?.at(-1)?.route.path;

package/dist/lib/datastore-route-table.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from "react";
+export type RouteElements = {
+    Chat: ReactNode;
+    EnterDatastore?: ReactNode;
+    Plans?: ReactNode;
+    Rules?: ReactNode;
+    Explain?: ReactNode;
+    Streams?: ReactNode;
+    Datastores?: ReactNode;
+    Memories?: ReactNode;
+    Activity?: ReactNode;
+    ActivityDetail?: ReactNode;
+    Integrations?: ReactNode;
+    Team?: ReactNode;
+    DataExplorerLayout?: ReactNode;
+    DataExplorerIndex?: ReactNode;
+    DataExplorerRecent?: ReactNode;
+    DataExplorerCoverage?: ReactNode;
+    DataExplorerPrefix?: ReactNode;
+    DataExplorerType?: ReactNode;
+    DataEntity?: ReactNode;
+    DataDetail?: ReactNode;
+    NotFound?: ReactNode;
+};
+export declare function notFoundElement(elements: RouteElements): ReactNode;
+export type RouteDefinition = {
+    path: string;
+    render: (elements: RouteElements) => ReactNode;
+    children?: RouteDefinition[];
+};
+export declare const notFoundRoutePath = "*";
+export declare const globalRoutes: RouteDefinition[];
+export declare const datastoreRoutes: RouteDefinition[];
+export declare const datastoreRoutePaths: string[];
+export declare const globalRoutePaths: string[];
+//# sourceMappingURL=datastore-route-table.d.ts.map

package/dist/lib/datastore-route-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datastore-route-table.d.ts","sourceRoot":"","sources":["../../src/lib/datastore-route-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,QAAQ,EAAE,aAAa,aAEtD;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,MAAM,CAAC;AAErC,eAAO,MAAM,YAAY,EAAE,eAAe,EAEzC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,eAAe,EA4B5C,CAAC;AAMF,eAAO,MAAM,mBAAmB,EAAE,MAAM,EAEvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,MAAM,EAA+B,CAAC"}

package/dist/lib/datastore-route-table.js

@@ -0,0 +1,43 @@
+export function notFoundElement(elements) {
+    return elements.NotFound || elements.Chat;
+}
+export const notFoundRoutePath = "*";
+export const globalRoutes = [
+    { path: "/datastores", render: (e) => e.Datastores || notFoundElement(e) },
+];
+export const datastoreRoutes = [
+    { path: "/", render: (e) => e.Chat },
+    { path: "/plans", render: (e) => e.Plans || e.Chat },
+    { path: "/plans/:planName", render: (e) => e.Plans || e.Chat },
+    { path: "/rules", render: (e) => e.Rules || e.Chat },
+    { path: "/rules/:ruleName", render: (e) => e.Rules || e.Chat },
+    { path: "/explain", render: (e) => e.Explain || e.Chat },
+    { path: "/streams", render: (e) => e.Streams || notFoundElement(e) },
+    { path: "/memories", render: (e) => e.Memories || e.Chat },
+    { path: "/activity", render: (e) => e.Activity || notFoundElement(e) },
+    { path: "/activity/:id", render: (e) => e.ActivityDetail || notFoundElement(e) },
+    { path: "/integrations", render: (e) => e.Integrations || e.Chat },
+    { path: "/team", render: (e) => e.Team || notFoundElement(e) },
+    {
+        path: "/data",
+        render: (e) => e.DataExplorerLayout || e.Chat,
+        children: [
+            { path: "/data", render: (e) => e.DataExplorerIndex || notFoundElement(e) },
+            { path: "/data/recent", render: (e) => e.DataExplorerRecent || notFoundElement(e) },
+            { path: "/data/coverage", render: (e) => e.DataExplorerCoverage || notFoundElement(e) },
+            { path: "/data/entity/:iri", render: (e) => e.DataEntity || notFoundElement(e) },
+            { path: "/data/:prefix", render: (e) => e.DataExplorerPrefix || notFoundElement(e) },
+            { path: "/data/:prefix/:type", render: (e) => e.DataExplorerType || notFoundElement(e) },
+            { path: "/data/:prefix/:type/:id", render: (e) => e.DataDetail || notFoundElement(e) },
+        ],
+    },
+    { path: "/chat/:chatId", render: (e) => e.Chat },
+    { path: notFoundRoutePath, render: notFoundElement },
+];
+function flattenPaths(routes) {
+    return routes.flatMap((route) => [route.path, ...(route.children ? flattenPaths(route.children) : [])]);
+}
+export const datastoreRoutePaths = [
+    ...new Set(flattenPaths(datastoreRoutes).filter((path) => path !== "/" && path !== notFoundRoutePath)),
+];
+export const globalRoutePaths = flattenPaths(globalRoutes);

package/dist/lib/datastore-routes.d.ts

@@ -1,4 +1,4 @@
-import { type RouteElements } from "@manta-eu/client/shared/datastore-route-table";
+import { type RouteElements } from "./datastore-route-table.js";
 export declare function getDatastoreRoutes(elements: RouteElements): import("react/jsx-runtime").JSX.Element;
 export declare function getGlobalRoutes(elements: RouteElements): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=datastore-routes.d.ts.map

package/dist/lib/datastore-routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datastore-routes.d.ts","sourceRoot":"","sources":["../../src/lib/datastore-routes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,+CAA+C,CAAC;AAavD,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,aAAa,2CAEzD;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,aAAa,2CAOtD"}
+{"version":3,"file":"datastore-routes.d.ts","sourceRoot":"","sources":["../../src/lib/datastore-routes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EACnB,MAAM,yBAAyB,CAAC;AAajC,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,aAAa,2CAEzD;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,aAAa,2CAOtD"}

package/dist/lib/datastore-routes.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { datastoreRoutes, globalRoutes, notFoundElement, } from "@manta-eu/client/shared/datastore-route-table";
+import { datastoreRoutes, globalRoutes, notFoundElement, } from "./datastore-route-table.js";
 import { Route, Routes } from "react-router";
 function renderRoute(route, elements) {
     const { path, render, children } = route;

package/dist/lib/spa-routes.d.ts

@@ -0,0 +1,3 @@
+export declare const globalSpaRoutes: string[];
+export declare const scopedSpaRoutes: string[];
+//# sourceMappingURL=spa-routes.d.ts.map

package/dist/lib/spa-routes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spa-routes.d.ts","sourceRoot":"","sources":["../../src/lib/spa-routes.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,UAAwC,CAAC;AAErE,eAAO,MAAM,eAAe,UAAoD,CAAC"}

package/dist/lib/spa-routes.js

@@ -0,0 +1,5 @@
+const errorRoutePath = "/error";
+import { datastoreRoutePaths, globalRoutePaths } from "./datastore-route-table.js";
+// A wildcard instead of scopedSpaRoutes would answer /d/<id>/graphql, and every typo, with index.html.
+export const globalSpaRoutes = [errorRoutePath, ...globalRoutePaths];
+export const scopedSpaRoutes = ["", "/", errorRoutePath, ...datastoreRoutePaths];

package/dist/routes/data-explorer/components/Breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/Breadcrumbs.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,KAAK,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD,KAAK,gBAAgB,GAAG;IAAE,KAAK,EAAE,KAAK,EAAE,CAAA;CAAE,CAAC;AAE3C,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAoBlD"}
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/Breadcrumbs.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,KAAK,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnD,KAAK,gBAAgB,GAAG;IAAE,KAAK,EAAE,KAAK,EAAE,CAAA;CAAE,CAAC;AAE3C,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAclD"}

package/dist/routes/data-explorer/components/Breadcrumbs.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronRight } from "lucide-react";
-import { Fragment } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Link } from "react-router";
+import { Breadcrumbs as BreadcrumbsPrimitive } from "#components/breadcrumbs/index";
+import { cn } from "#style";
 export function Breadcrumbs(props) {
-    const { trail } = props;
-    return (_jsx("nav", { className: "scrollbar-hide typography-small flex min-w-0 items-center gap-1.5 overflow-x-auto text-muted-foreground", children: trail.map((crumb, index) => (_jsxs(Fragment, { children: [index > 0 && _jsx(ChevronRight, { className: "size-3.5 shrink-0 text-muted-foreground/40" }), crumb.to ? (_jsx(Link, { to: crumb.to, className: "shrink-0 capitalize hover:text-default-foreground hover:underline", children: crumb.label })) : (_jsx("span", { className: "shrink-0 whitespace-nowrap text-default-foreground", children: crumb.label }))] }, `${index}:${crumb.label}`))) }));
+    const items = props.trail.map((crumb) => ({ label: crumb.label, href: crumb.to }));
+    return (_jsx(BreadcrumbsPrimitive, { items: items, className: "min-w-0", renderLink: ({ href, className, children }) => (_jsx(Link, { to: href, className: cn(className, "capitalize"), children: children })) }));
 }

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

@@ -0,0 +1,18 @@
+export type DatastoreFormTarget = {
+    kind: "organization";
+} | {
+    kind: "datastore";
+    parentPath: string;
+    parentName: string;
+    organizationName: string;
+};
+type DatastoreFormDialogProps = {
+    target: DatastoreFormTarget;
+    onSubmit: (values: {
+        name: string;
+    }) => void;
+    onCancel: () => void;
+};
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+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 DatastoreFormDialog(props) {
+    const { target, onSubmit, onCancel } = props;
+    const [name, setName] = useState("");
+    const isOrganization = target.kind === "organization";
+    const canSubmit = !!name.trim();
+    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)
+                                .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) => {
+                        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" })] })] }) }));
+}

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

@@ -0,0 +1,2 @@
+export declare function DatastoreTableSkeleton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DatastoreTableSkeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatastoreTableSkeleton.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/DatastoreTableSkeleton.tsx"],"names":[],"mappings":"AAKA,wBAAgB,sBAAsB,4CAkBrC"}

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "#components/skeleton/index";
+import { TableSkeleton } from "#components/table-skeleton/index";
+const gridColsClassName = "grid-cols-[24fr_16fr_18fr_10fr_14fr_10fr_8fr]";
+export function DatastoreTableSkeleton() {
+    return (_jsx(TableSkeleton, { gridColsClassName: gridColsClassName, headerColumnCount: 7, renderRow: () => (_jsxs(_Fragment, { children: [_jsx(Skeleton, { className: "h-4 w-3/4 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-2/3 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-5/6 rounded-md" }), _jsx(Skeleton, { className: "h-5 w-2/3 rounded-full" }), _jsx(Skeleton, { className: "h-4 w-2/3 rounded-md" }), _jsx(Skeleton, { className: "h-4 w-1/2 rounded-md" }), _jsx(Skeleton, { className: "h-7 w-16 rounded-lg ml-auto" })] })) }));
+}

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

@@ -0,0 +1,18 @@
+import type { Table } from "@tanstack/react-table";
+import type { ReactNode } from "react";
+import type { DatastoreRow } from "../flatten.js";
+import type { StatusFilter } from "../hooks/useDatastoreTable.js";
+type DatastoresToolbarProps = {
+    tabs?: ReactNode;
+    searchQuery: string;
+    onSearchQueryChange: (query: string) => void;
+    searchPlaceholder?: string;
+    statusFilter: StatusFilter;
+    onStatusFilterChange: (status: StatusFilter) => void;
+    table: Table<DatastoreRow>;
+    columnLabels?: Record<string, string>;
+    columnDefaultOrder?: string[];
+};
+export declare function DatastoresToolbar(props: DatastoresToolbarProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DatastoresToolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatastoresToolbar.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/DatastoresToolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAQ/D,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACrD,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,kBAAkB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC/B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA6F9D"}

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { ChevronDown, X } from "lucide-react";
+import { defaultColumnOrder, datastoreColumnLabels } from "../hooks/useDatastoreColumns.js";
+import { datastoreStatusFilterOptions } from "./StatusBadge.js";
+import { Button } from "#components/button/index";
+import { Dropdown, DropdownContent, DropdownGroup, DropdownItem, DropdownTrigger } from "#components/dropdown/index";
+import { FilterSection, FilterSheet } from "#components/filter-sheet/index";
+import { Input } from "#components/input/index";
+import { TableColumnRearrangePopover } from "#components/table/index";
+export function DatastoresToolbar(props) {
+    const { tabs, searchQuery, onSearchQueryChange, searchPlaceholder = "Search by name or ID...", statusFilter, onStatusFilterChange, table, columnLabels = datastoreColumnLabels, columnDefaultOrder = defaultColumnOrder, } = props;
+    const allStatusesSelected = statusFilter === "ALL";
+    const selectedStatusLabel = datastoreStatusFilterOptions.find((option) => option.id === statusFilter)?.label;
+    const hasActiveFilters = isPresent(searchQuery) || !allStatusesSelected;
+    const activeFilterCount = (isPresent(searchQuery) ? 1 : 0) + (allStatusesSelected ? 0 : 1);
+    function handleClearFilters() {
+        onSearchQueryChange("");
+        onStatusFilterChange("ALL");
+    }
+    function statusDropdown(className) {
+        return (_jsxs(Dropdown, { children: [_jsx(DropdownTrigger, { asChild: true, children: _jsxs(Button, { variant: "tertiary", size: "base", rounded: "lg", className: className, children: [_jsx("span", { children: allStatusesSelected ? "Status" : selectedStatusLabel }), _jsx(ChevronDown, { className: "size-4" })] }) }), _jsx(DropdownContent, { align: "start", className: "w-48", children: _jsx(DropdownGroup, { label: "Filter by status", children: datastoreStatusFilterOptions.map((option) => (_jsx(DropdownItem, { selected: option.id === statusFilter, onClick: () => onStatusFilterChange(option.id), children: option.label }, option.id))) }) })] }));
+    }
+    function filterControls() {
+        return (_jsxs(_Fragment, { children: [statusDropdown(), hasActiveFilters && (_jsx(Button, { variant: "ghost", size: "base", rounded: "lg", onClick: handleClearFilters, icon: X, children: "Clear filters" }))] }));
+    }
+    const filterSheetContent = _jsx(FilterSection, { title: "Status", children: statusDropdown("w-full justify-between") });
+    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-3 3xl:flex-row 3xl:items-center", children: [isPresent(tabs) && _jsx("div", { className: "min-w-0", children: tabs }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 flex-1 min-w-0", children: [_jsx(Input, { containerClassName: "min-w-0 flex-1 sm:w-64 sm:flex-none", type: "search", variant: "search", placeholder: searchPlaceholder, value: searchQuery, onChange: (event) => onSearchQueryChange(event.target.value) }), _jsx("div", { className: "sm:hidden", children: _jsx(FilterSheet, { activeCount: activeFilterCount, onReset: handleClearFilters, children: filterSheetContent }) }), _jsx("div", { className: "hidden sm:contents", children: filterControls() }), _jsx("div", { className: "ml-auto hidden shrink-0 sm:block", children: _jsx(TableColumnRearrangePopover, { enableReset: true, table: table, columnLabels: columnLabels, defaultOrder: columnDefaultOrder }) })] })] }));
+}

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

@@ -0,0 +1,14 @@
+export type SuggestedLinkTarget = {
+    organizationName: string;
+    parentPath: string[];
+    name: string;
+};
+export type LinkUnlinkedDatastoreDialogProps = {
+    datastoreId: string;
+    organizationNames: string[];
+    existingOrganizationNames: Set<string>;
+    suggestedMatch?: SuggestedLinkTarget;
+    onClose: () => void;
+};
+export declare function LinkUnlinkedDatastoreDialog(props: LinkUnlinkedDatastoreDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinkUnlinkedDatastoreDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkUnlinkedDatastoreDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/LinkUnlinkedDatastoreDialog.tsx"],"names":[],"mappings":"AAqBA,MAAM,MAAM,mBAAmB,GAAG;IAChC,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,yBAAyB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACvC,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAIF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CAkIlF"}

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

@@ -0,0 +1,83 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useLinkUnlinkedDatastoreMutation, useDatastoreTreeQuery, useUnlinkedDatastoresQuery } from "@manta-eu/client";
+import { parseError } from "@manta-eu/client/shared/error-utils";
+import { isPresent } from "@manta-eu/lib/present";
+import { useQueryClient } from "@tanstack/react-query";
+import { useState } from "react";
+import { toast } from "sonner";
+import { organizationNameKey } from "../flatten.js";
+import { Button } from "#components/button/index";
+import { Input } from "#components/input/index";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "#components/modal/index";
+import { RadioGroup, RadioGroupItem } from "#components/radio/index";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "#components/select/index";
+import { useMantaClient } from "#providers/index";
+export function LinkUnlinkedDatastoreDialog(props) {
+    const { datastoreId, organizationNames, existingOrganizationNames, suggestedMatch, onClose } = props;
+    const { mantaClient } = useMantaClient();
+    const queryClient = useQueryClient();
+    const [mode, setMode] = useState(suggestedMatch ? "existing" : "new");
+    const [organizationName, setOrganizationName] = useState("");
+    const [existingOrganizationName, setExistingOrganizationName] = useState(suggestedMatch?.organizationName ?? "");
+    const [name, setName] = useState(suggestedMatch?.name ?? "");
+    const linkMutation = useLinkUnlinkedDatastoreMutation(mantaClient, {
+        onSuccess: (result) => {
+            if (result.linkUnlinkedDatastore.success) {
+                void queryClient.invalidateQueries({ queryKey: useDatastoreTreeQuery.getKey() });
+                void queryClient.invalidateQueries({ queryKey: useUnlinkedDatastoresQuery.getKey() });
+                void queryClient.invalidateQueries({ queryKey: ["DatastoreProvisioningStatuses"] });
+                toast.success(`Linked to the existing datastore '${datastoreId}'`);
+                onClose();
+            }
+            else {
+                toast.error("Couldn't link the datastore", {
+                    description: result.linkUnlinkedDatastore.error ?? undefined,
+                });
+            }
+        },
+        onError: (error) => {
+            const info = parseError(error, "Couldn't link the datastore");
+            toast.error(info.message, { description: info.description });
+        },
+    });
+    const canSubmit = mode === "new" ? !!organizationName.trim() : !!existingOrganizationName;
+    const atExistingOrganizationRoot = mode === "existing" && !name.trim();
+    const suggestedParentPath = suggestedMatch &&
+        existingOrganizationName === suggestedMatch.organizationName &&
+        name.trim() === suggestedMatch.name
+        ? suggestedMatch.parentPath
+        : [];
+    function submit() {
+        if (!canSubmit)
+            return;
+        if (mode === "new" && existingOrganizationNames.has(organizationNameKey(organizationName))) {
+            toast.error(`An organization named "${organizationName.trim()}" already exists`, {
+                description: "Choose a different name, or link this datastore under that organization instead.",
+            });
+            return;
+        }
+        const input = mode === "new"
+            ? {
+                datastoreId,
+                organizationName: organizationName.trim(),
+                name: organizationName.trim(),
+                atOrganizationRoot: true,
+            }
+            : atExistingOrganizationRoot
+                ? {
+                    datastoreId,
+                    organizationName: existingOrganizationName,
+                    name: existingOrganizationName,
+                    atOrganizationRoot: true,
+                }
+                : {
+                    datastoreId,
+                    organizationName: existingOrganizationName,
+                    ...(isPresent(suggestedParentPath) ? { parentPath: suggestedParentPath } : {}),
+                    name: name.trim(),
+                    atOrganizationRoot: false,
+                };
+        linkMutation.mutate({ input });
+    }
+    return (_jsx(Dialog, { open: true, onOpenChange: (nextOpen) => !nextOpen && onClose(), children: _jsxs(DialogContent, { className: "flex flex-col overflow-hidden", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { text: "Link datastore" }), _jsx(DialogDescription, { children: `Link the existing datastore '${datastoreId}' to an organization or group.` })] }), _jsxs(RadioGroup, { value: mode, onValueChange: (v) => setMode(v), className: "flex gap-4 items-center", children: [_jsx(RadioGroupItem, { value: "new", label: "New organization" }), _jsx(RadioGroupItem, { value: "existing", label: "Existing organization", disabled: !isPresent(organizationNames) })] }), mode === "new" ? (_jsx(Input, { autoFocus: true, label: "Organization name", placeholder: "e.g. Acme Corp", value: organizationName, onChange: (event) => setOrganizationName(event.target.value) })) : (_jsxs(_Fragment, { children: [_jsxs(Select, { value: existingOrganizationName, onValueChange: setExistingOrganizationName, children: [_jsx(SelectTrigger, { label: "Organization", id: "link-organization", children: _jsx(SelectValue, { placeholder: "Select an organization\u2026" }) }), _jsx(SelectContent, { children: organizationNames.map((orgName) => (_jsx(SelectItem, { value: orgName, children: orgName }, orgName))) })] }), _jsx(Input, { label: "Datastore name", placeholder: "Leave empty to link to the organization root", value: name, onChange: (event) => setName(event.target.value) })] })), _jsxs(DialogFooter, { children: [_jsx(Button, { variant: "tertiary", onClick: onClose, children: "Cancel" }), _jsx(Button, { onClick: submit, disabled: !canSubmit || linkMutation.isPending, children: "Link" })] })] }) }));
+}

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

@@ -0,0 +1,9 @@
+import type { DatastoreRow } from "../flatten.js";
+type RenameDatastoreGroupDialogProps = {
+    target: DatastoreRow;
+    onSubmit: (name: string) => void;
+    onCancel: () => void;
+};
+export declare function RenameDatastoreGroupDialog(props: RenameDatastoreGroupDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RenameDatastoreGroupDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenameDatastoreGroupDialog.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/RenameDatastoreGroupDialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAY/C,KAAK,+BAA+B,GAAG;IACrC,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,+BAA+B,2CA2ChF"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+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 RenameDatastoreGroupDialog(props) {
+    const { target, onSubmit, onCancel } = props;
+    const [name, setName] = useState(target.name);
+    const canSubmit = !!name.trim() && name.trim() !== target.name;
+    function submit() {
+        if (!canSubmit)
+            return;
+        onSubmit(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: target.isOrganization ? "Rename organization" : "Rename datastore" }), _jsx(DialogDescription, { children: "Only changes the display name - the datastore id stays the same, so nothing else needs updating." })] }), _jsx(Input, { autoFocus: true, label: target.isOrganization ? "Organization name" : "Name", value: name, 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: "Rename" })] })] }) }));
+}

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

@@ -0,0 +1,21 @@
+import { type DatastoreStatus, type DatastoreStatusCategory } from "#components/datastore-management/tree";
+export type DatastoreStatusFilterValue = "noDatastore" | "checking" | DatastoreStatusCategory;
+export declare function datastoreStatusFilterValue(node: {
+    datastoreId?: string;
+    removed: boolean;
+    isUnlinked?: boolean;
+}, status?: DatastoreStatus): DatastoreStatusFilterValue;
+export declare const datastoreStatusFilterOptions: {
+    id: "ALL" | DatastoreStatusFilterValue;
+    label: string;
+}[];
+export type DatastoreStatusBadgeProps = {
+    node: {
+        datastoreId?: string;
+        removed: boolean;
+        isUnlinked?: boolean;
+    };
+    status?: DatastoreStatus;
+};
+export declare function DatastoreStatusBadge(props: DatastoreStatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatusBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBadge.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/StatusBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,uBAAuB,EAC7B,MAAM,uCAAuC,CAAC;AAE/C,MAAM,MAAM,0BAA0B,GAAG,aAAa,GAAG,UAAU,GAAG,uBAAuB,CAAC;AAE9F,wBAAgB,0BAA0B,CACxC,IAAI,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,EACtE,MAAM,CAAC,EAAE,eAAe,GACvB,0BAA0B,CAG5B;AAkCD,eAAO,MAAM,4BAA4B,EAAE;IAAE,EAAE,EAAE,KAAK,GAAG,0BAA0B,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAGnG,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE;QAAE,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACvE,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CAapE"}

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

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { LoaderCircle } from "lucide-react";
+import { Badge } from "#components/badge/index";
+import { datastoreStatusCategory, } from "#components/datastore-management/tree";
+export function datastoreStatusFilterValue(node, status) {
+    if (!isPresent(node.datastoreId))
+        return "noDatastore";
+    return datastoreStatusCategory(node, status) ?? "checking";
+}
+// The only place these strings live: the badge and the filter dropdown both read from here.
+const badgeConfigByFilterValue = {
+    ready: { label: "Ready", variant: "success" },
+    materializing: {
+        label: "Materializing",
+        variant: "warning",
+        spinning: true,
+        title: "KGC is creating its knowledge graph. This can take a few minutes.",
+    },
+    notRegistered: {
+        label: "Not registered",
+        variant: "destructive",
+        title: "This id never reached the datastore registry, so nothing will build it. Provision it again.",
+    },
+    offline: { label: "Offline", variant: "destructive" },
+    unavailable: { label: "Status unavailable", variant: "copy" },
+    checking: { label: "Checking…", variant: "copy", spinning: true },
+    removed: { label: "Removed", variant: "copy" },
+    noDatastore: { label: "No datastore", variant: "copy" },
+};
+const filterOptionOrder = [
+    "ready",
+    "materializing",
+    "notRegistered",
+    "offline",
+    "unavailable",
+    "removed",
+];
+export const datastoreStatusFilterOptions = [
+    { id: "ALL", label: "All statuses" },
+    ...filterOptionOrder.map((id) => ({ id, label: badgeConfigByFilterValue[id].label })),
+];
+export function DatastoreStatusBadge(props) {
+    const { node, status } = props;
+    if (!isPresent(node.datastoreId))
+        return _jsx("span", { className: "typography-tiny text-muted-foreground", children: "\u2014" });
+    const config = badgeConfigByFilterValue[datastoreStatusFilterValue(node, status)];
+    return (_jsxs(Badge, { size: "sm", variant: config.variant, className: "cursor-default", title: config.title, children: [config.spinning && _jsx(LoaderCircle, { className: "size-3 animate-spin" }), config.label] }));
+}

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

@@ -0,0 +1,20 @@
+import type { Table } from "@tanstack/react-table";
+import type { ReactNode } from "react";
+import type { DatastoreRow } from "../flatten.js";
+import type { StatusFilter } from "../hooks/useDatastoreTable.js";
+type UnlinkedDatastoresPanelProps = {
+    tabs: ReactNode;
+    table: Table<DatastoreRow>;
+    rows: DatastoreRow[];
+    searchQuery: string;
+    onSearchQueryChange: (query: string) => void;
+    statusFilter: StatusFilter;
+    onStatusFilterChange: (status: StatusFilter) => void;
+    columnLabels: Record<string, string>;
+    columnDefaultOrder: string[];
+    isLoading: boolean;
+    errorMessage: string | null;
+};
+export declare function UnlinkedDatastoresPanel(props: UnlinkedDatastoresPanelProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UnlinkedDatastoresPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnlinkedDatastoresPanel.d.ts","sourceRoot":"","sources":["../../../../src/routes/datastores/components/UnlinkedDatastoresPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAQ/D,KAAK,4BAA4B,GAAG;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,YAAY,EAAE,YAAY,CAAC;IAC3B,oBAAoB,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;CAC7B,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,2CAmD1E"}

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

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { Unlink } from "lucide-react";
+import { DatastoresToolbar } from "./DatastoresToolbar.js";
+import { DatastoreTableSkeleton } from "./DatastoreTableSkeleton.js";
+import { Banner } from "#components/banner/index";
+import { EmptyState } from "#components/empty-state/index";
+import { DataTable } from "#components/table/index";
+import { TablePagination } from "#components/table-pagination/index";
+export function UnlinkedDatastoresPanel(props) {
+    const { tabs, table, rows, searchQuery, onSearchQueryChange, statusFilter, onStatusFilterChange, columnLabels, columnDefaultOrder, isLoading, errorMessage, } = props;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "border-b border-muted-border px-5 py-3 shrink-0", children: _jsx(DatastoresToolbar, { tabs: tabs, searchQuery: searchQuery, onSearchQueryChange: onSearchQueryChange, searchPlaceholder: "Search by datastore ID...", statusFilter: statusFilter, onStatusFilterChange: onStatusFilterChange, table: table, columnLabels: columnLabels, columnDefaultOrder: columnDefaultOrder }) }), _jsxs("div", { className: "flex-1 overflow-auto p-4", children: [isLoading && _jsx(DatastoreTableSkeleton, {}), errorMessage && _jsx(Banner, { label: errorMessage }), !isLoading && !isPresent(rows) && (_jsx(EmptyState, { icon: Unlink, title: "No unlinked datastores", description: "Datastores that exist without an organization or group pointing at them show up here, ready to be linked." })), !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 unlinked datastores match your filters." }) }), _jsx(TablePagination, { table: table, total: rows.length })] }))] })] }));
+}

package/dist/routes/datastores/flatten.d.ts

@@ -0,0 +1,33 @@
+import type { GQLDatastoreTreeNode } from "@manta-eu/client";
+import { type Realm } from "@manta-eu/ldo/realm";
+import type { DatastoreStatusFilterValue } from "./components/StatusBadge.js";
+export type DatastoreRow = {
+    id: string;
+    name: string;
+    depth: number;
+    organizationId: string;
+    organizationName: string;
+    organizationAlias: string;
+    path: string;
+    datastoreId?: string;
+    removed: boolean;
+    provisionedAt?: string;
+    provisionedBy?: string;
+    isOrganization: boolean;
+    isRealmDefault?: boolean;
+    isUnlinked?: boolean;
+};
+export declare function realmDefaultRow(datastoreId: Realm): DatastoreRow;
+export type DatastoreRowVisibility = {
+    showArchived: boolean;
+    showUnprovisioned: boolean;
+};
+export declare function visibleDatastoreRows(rows: DatastoreRow[], visibility: DatastoreRowVisibility): DatastoreRow[];
+export declare function hiddenRowCount(rows: DatastoreRow[], visibility: DatastoreRowVisibility, key: keyof DatastoreRowVisibility, shownCount: number): number;
+export declare function organizationNameKey(name: string): string;
+export declare function existingOrganizationNameKeys(rows: DatastoreRow[]): Set<string>;
+export declare function organizationNames(rows: DatastoreRow[]): string[];
+export declare function visibilityForStatusFilter(visibility: DatastoreRowVisibility, status: DatastoreStatusFilterValue | "ALL"): DatastoreRowVisibility;
+export declare function unlinkedDatastoreRow(datastoreId: string): DatastoreRow;
+export declare function toDatastoreRows(nodes: GQLDatastoreTreeNode[]): DatastoreRow[];
+//# sourceMappingURL=flatten.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flatten.d.ts","sourceRoot":"","sources":["../../../src/routes/datastores/flatten.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAmB,KAAK,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAGlE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAG3E,MAAM,MAAM,YAAY,GAAG;IAEzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAE1B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,cAAc,EAAE,OAAO,CAAC;IAExB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,wBAAgB,eAAe,CAAC,WAAW,EAAE,KAAK,GAAG,YAAY,CAchE;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;CAC5B,CAAC;AAcF,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,UAAU,EAAE,sBAAsB,GAAG,YAAY,EAAE,CAG7G;AAED,wBAAgB,cAAc,CAC5B,IAAI,EAAE,YAAY,EAAE,EACpB,UAAU,EAAE,sBAAsB,EAClC,GAAG,EAAE,MAAM,sBAAsB,EACjC,UAAU,EAAE,MAAM,GACjB,MAAM,CAIR;AAGD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAExD;AAED,wBAAgB,4BAA4B,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,CAE9E;AAED,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAEhE;AAED,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,sBAAsB,EAClC,MAAM,EAAE,0BAA0B,GAAG,KAAK,GACzC,sBAAsB,CAMxB;AAED,wBAAgB,oBAAoB,CAAC,WAAW,EAAE,MAAM,GAAG,YAAY,CActE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,EAAE,GAAG,YAAY,EAAE,CAe7E"}