@manta-eu/react 0.1.0

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useState } from "react";
+const SelectionContext = createContext(undefined);
+export function SelectionProvider(props) {
+    const { children } = props;
+    const [activeClassIri, setActiveClassIri] = useState();
+    const value = useMemo(() => ({ activeClassIri, setActiveClassIri }), [activeClassIri]);
+    return _jsx(SelectionContext.Provider, { value: value, children: children });
+}
+export function useSelectedClassIri() {
+    return useContext(SelectionContext)?.activeClassIri;
+}
+export function useActiveClass(classIri) {
+    const setActiveClassIri = useContext(SelectionContext)?.setActiveClassIri;
+    useEffect(() => {
+        setActiveClassIri?.(classIri);
+        return () => setActiveClassIri?.(undefined);
+    }, [setActiveClassIri, classIri]);
+}

package/dist/routes/data-explorer/components/TruncateTooltip.d.ts

@@ -0,0 +1,7 @@
+type TruncateTooltipProps = {
+    text: string;
+    className: string;
+};
+export declare function TruncateTooltip(props: TruncateTooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TruncateTooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TruncateTooltip.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/TruncateTooltip.tsx"],"names":[],"mappings":"AAGA,KAAK,oBAAoB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAEhE,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAmB1D"}

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Tooltip, TooltipContent, TooltipTrigger } from "#components/tooltip/index";
+export function TruncateTooltip(props) {
+    const { text, className } = props;
+    const [isTruncated, setIsTruncated] = useState(false);
+    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("span", { className: className, onMouseEnter: (event) => setIsTruncated(event.currentTarget.scrollWidth > event.currentTarget.clientWidth), children: text }) }), isTruncated && _jsx(TooltipContent, { children: text })] }));
+}

package/dist/routes/data-explorer/components/TypeNotice.d.ts

@@ -0,0 +1,10 @@
+type NoticeStatus = "attention" | "info";
+type TypeNoticeProps = {
+    status: NoticeStatus;
+    title: string;
+    description: string;
+    fix?: string;
+};
+export declare function TypeNotice(props: TypeNoticeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TypeNotice.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TypeNotice.d.ts","sourceRoot":"","sources":["../../../../src/routes/data-explorer/components/TypeNotice.tsx"],"names":[],"mappings":"AAGA,KAAK,YAAY,GAAG,WAAW,GAAG,MAAM,CAAC;AAiBzC,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAyBhD"}

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Info, TriangleAlert } from "lucide-react";
+import { cn } from "#lib/utils";
+const noticeStyles = {
+    attention: {
+        icon: TriangleAlert,
+        card: "border-warning-foreground/20 bg-warning/40",
+        circle: "bg-warning-foreground/15 text-warning-foreground",
+    },
+    info: {
+        icon: Info,
+        card: "border-muted-border bg-muted/30",
+        circle: "bg-muted text-muted-foreground",
+    },
+};
+export function TypeNotice(props) {
+    const { status, title, description, fix } = props;
+    const style = noticeStyles[status];
+    const Icon = style.icon;
+    return (_jsxs("div", { className: cn("flex gap-3 rounded-xl border p-4", style.card), children: [_jsx("span", { className: cn("mt-0.5 flex size-7 shrink-0 items-center justify-center rounded-full", style.circle), children: _jsx(Icon, { className: "size-4" }) }), _jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [_jsx("p", { className: "typography-small-medium text-default-foreground", children: title }), _jsx("p", { className: "typography-small max-w-prose text-muted-foreground", children: description }), fix && (_jsxs("span", { className: "mt-1.5 inline-flex w-fit items-center gap-1.5 rounded-md border border-dashed border-muted-border px-2 py-1 typography-tiny text-muted-foreground", children: [_jsx("span", { className: "typography-tiny-semibold text-default-foreground", children: "Fix" }), fix] }))] })] }));
+}

package/dist/routes/data-explorer/components/class-detail/Checks.d.ts

@@ -0,0 +1,6 @@
+type ChecksProps = {
+    classIri: string;
+};
+export declare function Checks(props: ChecksProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Checks.d.ts.map

package/dist/routes/data-explorer/components/class-detail/Checks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checks.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/class-detail/Checks.tsx"],"names":[],"mappings":"AAoFA,KAAK,WAAW,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAExC,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAqExC"}

package/dist/routes/data-explorer/components/class-detail/Checks.js

@@ -0,0 +1,101 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRulesQuery } from "@manta-eu/client";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { Check, Minus, TriangleAlert } from "lucide-react";
+import { LoadingRows, StatusText } from "../RawTriples.js";
+import { Badge } from "#components/badge/index";
+import { useOntologyTerm } from "#ldo-ui";
+import { cn } from "#lib/utils";
+import { useMantaClient } from "#providers/index";
+import { useClassProperties } from "#routes/data-explorer/class-properties";
+import { useInstanceCounts } from "#routes/data-explorer/classes";
+import { useHasIdentifiers } from "#routes/data-explorer/records";
+const checkStatusMeta = {
+    pass: {
+        icon: Check,
+        circle: "bg-success-foreground/15 text-success-foreground",
+        badge: "success",
+        badgeLabel: "Pass",
+    },
+    attention: {
+        icon: TriangleAlert,
+        circle: "bg-warning-foreground/15 text-warning-foreground",
+        badge: "warning",
+        badgeLabel: "Attention",
+    },
+    info: { icon: Minus, circle: "bg-muted-foreground/15 text-muted-foreground", badge: "info", badgeLabel: "Info" },
+};
+function definitionCheck(comment) {
+    return comment
+        ? { key: "definition", label: "Definition", detail: "Has an rdfs:comment.", status: "pass" }
+        : { key: "definition", label: "Definition", detail: "No rdfs:comment on this type.", status: "attention" };
+}
+function browsableCheck(recordCount, hasIdentifiers) {
+    if (recordCount === 0) {
+        return { key: "browsable", label: "Stable identifiers", detail: "No records of this type yet.", status: "info" };
+    }
+    if (!hasIdentifiers) {
+        return {
+            key: "browsable",
+            label: "Stable identifiers",
+            detail: "Records are browsable by IRI but carry no schema:identifier for stable addressing.",
+            status: "info",
+        };
+    }
+    return {
+        key: "browsable",
+        label: "Stable identifiers",
+        detail: "Records carry a schema:identifier.",
+        status: "pass",
+    };
+}
+function propertyCheck(count) {
+    return count > 0
+        ? {
+            key: "properties",
+            label: "Property docs",
+            detail: `${humanCount(count, "property")} defined on this type.`,
+            status: "pass",
+        }
+        : { key: "properties", label: "Property docs", detail: "No properties defined on this type.", status: "info" };
+}
+function ruleCheck(count) {
+    return count > 0
+        ? {
+            key: "rules",
+            label: "Rule coverage",
+            detail: `Referenced by ${humanCount(count, "rule")}.`,
+            status: "pass",
+        }
+        : { key: "rules", label: "Rule coverage", detail: "Not referenced by any rules.", status: "info" };
+}
+export function Checks(props) {
+    const { classIri } = props;
+    const term = useOntologyTerm(classIri);
+    const { counts, isLoading: countsLoading } = useInstanceCounts();
+    const { hasIdentifiers, isLoading: identifiersLoading, error: identifiersError } = useHasIdentifiers(classIri);
+    const { properties, isLoading: propertiesLoading, error: propertiesError } = useClassProperties(classIri);
+    const { mantaClient } = useMantaClient();
+    const { data: rulesData, isLoading: rulesLoading, error: rulesError } = useRulesQuery(mantaClient, {});
+    if (countsLoading || identifiersLoading || propertiesLoading || rulesLoading)
+        return _jsx(LoadingRows, { rows: 4 });
+    if (identifiersError || propertiesError || rulesError)
+        return _jsx(StatusText, { children: "Failed to load checks." });
+    const recordCount = counts.get(classIri) ?? 0;
+    const ruleCount = (rulesData?.rules.rules ?? []).filter((rule) => rule.mentionedTypes.includes(classIri)).length;
+    const checks = [
+        definitionCheck(term?.comment),
+        browsableCheck(recordCount, hasIdentifiers),
+        propertyCheck(properties.length),
+        ruleCheck(ruleCount),
+    ];
+    const issues = checks.filter((check) => check.status === "attention").length;
+    const summary = issues > 0 ? `${humanCount(issues, "issue")} to resolve.` : "Nothing to resolve on this type.";
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx("div", { className: cn("rounded-xl border px-4 py-3 typography-small-medium", issues > 0
+                    ? "border-warning-foreground/20 bg-warning/40 text-warning-foreground"
+                    : "border-success-foreground/20 bg-success/40 text-success-foreground"), children: summary }), _jsx("div", { className: "overflow-hidden rounded-xl border border-muted-border", children: checks.map((check, index) => {
+                    const meta = checkStatusMeta[check.status];
+                    const Icon = meta.icon;
+                    return (_jsxs("div", { className: cn("flex items-start gap-3 px-4 py-3.5", index > 0 && "border-t border-muted-border/50"), children: [_jsx("span", { className: cn("mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-full", meta.circle), children: _jsx(Icon, { className: "size-3.5" }) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "typography-small-medium text-default-foreground", children: check.label }), _jsx("p", { className: "typography-small text-muted-foreground", children: check.detail })] }), _jsx(Badge, { variant: meta.badge, size: "sm", children: meta.badgeLabel })] }, check.key));
+                }) })] }));
+}

package/dist/routes/data-explorer/components/class-detail/ClassDetail.d.ts

@@ -0,0 +1,7 @@
+type ClassDetailProps = {
+    prefix: string;
+    typeName: string;
+};
+export declare function ClassDetail(props: ClassDetailProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ClassDetail.d.ts.map

package/dist/routes/data-explorer/components/class-detail/ClassDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassDetail.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/class-detail/ClassDetail.tsx"],"names":[],"mappings":"AAoBA,KAAK,gBAAgB,GAAG;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAUF,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAuElD"}

package/dist/routes/data-explorer/components/class-detail/ClassDetail.js

@@ -0,0 +1,40 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { ontologyGraphIri } from "@manta-eu/client/shared/rdf-namespaces";
+import { generateHexColorBasedOnName } from "@manta-eu/lib/color";
+import { classIriFor, explorerCrumb, namespaceLabel, groupKeyFor, groupCrumb } from "../../namespaces.js";
+import { Breadcrumbs } from "../Breadcrumbs.js";
+import { DetailHeader, TypeBadge } from "../DetailHeader.js";
+import { RawTriples, StatusText } from "../RawTriples.js";
+import { ScrollableTabsList } from "../ScrollableTabsList.js";
+import { useActiveClass } from "../SelectionProvider.js";
+import { Checks } from "./Checks.js";
+import { CreateRecordAction } from "./CreateRecordAction.js";
+import { Instances } from "./Instances.js";
+import { Overview } from "./Overview.js";
+import { ShapeConstraints } from "./ShapeConstraints.js";
+import { UsedByRules } from "./UsedByRules.js";
+import { Badge } from "#components/badge/index";
+import { Tabs, TabsContent, TabsTrigger } from "#components/tabs/index";
+import { useTabParam } from "#hooks/useTabParam";
+import { sectionLabelClass, useOntologyTerm } from "#ldo-ui";
+import { cn } from "#lib/utils";
+const classDetailTabs = [
+    { value: "overview", label: "Overview" },
+    { value: "instances", label: "Instances" },
+    { value: "checks", label: "Checks" },
+    { value: "rules", label: "Used by rules" },
+    { value: "raw", label: "Raw" },
+];
+export function ClassDetail(props) {
+    const { prefix, typeName } = props;
+    const classIri = classIriFor(prefix, typeName);
+    const term = useOntologyTerm(classIri);
+    const [activeTab, selectTab] = useTabParam(classDetailTabs, "overview");
+    useActiveClass(classIri);
+    if (!classIri)
+        return _jsxs(StatusText, { children: ["Unknown type ", typeName, "."] });
+    const group = groupKeyFor(prefix);
+    const { color } = generateHexColorBasedOnName(group);
+    const trail = [explorerCrumb, groupCrumb(prefix), { label: term?.label ?? typeName }];
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [_jsx(Breadcrumbs, { trail: trail }), _jsx(DetailHeader, { title: term?.label ?? typeName, iri: classIri, actions: _jsx(CreateRecordAction, { classIri: classIri, label: term?.label ?? typeName }), badges: _jsxs(_Fragment, { children: [_jsx(TypeBadge, { color: color, className: "capitalize", children: namespaceLabel(group) }), _jsx(Badge, { variant: "secondary", size: "sm", children: "Class" })] }) }), _jsxs(Tabs, { value: activeTab, onValueChange: selectTab, size: "small", children: [_jsx(ScrollableTabsList, { activeValue: activeTab, children: classDetailTabs.map((tab) => (_jsx(TabsTrigger, { value: tab.value, children: tab.label }, tab.value))) }), _jsx(TabsContent, { value: "overview", className: "pt-2", children: _jsx(Overview, { classIri: classIri, comment: term?.comment, isDefinitionLoaded: term !== undefined }) }), _jsx(TabsContent, { value: "instances", className: "pt-2", children: _jsx(Instances, { classIri: classIri, prefix: prefix, typeName: typeName }) }), _jsx(TabsContent, { value: "checks", className: "pt-2", children: _jsx(Checks, { classIri: classIri }) }), _jsx(TabsContent, { value: "rules", className: "pt-2", children: _jsx(UsedByRules, { classIri: classIri }) }), _jsxs(TabsContent, { value: "raw", className: "flex flex-col gap-6 pt-2", children: [_jsxs("section", { children: [_jsx("h3", { className: cn(sectionLabelClass, "mb-1.5 text-muted-foreground"), children: "Triples" }), _jsx(RawTriples, { subjectIri: classIri, graphIri: ontologyGraphIri })] }), _jsxs("section", { children: [_jsx("h3", { className: cn(sectionLabelClass, "mb-1.5 text-muted-foreground"), children: "Shape constraints" }), _jsx(ShapeConstraints, { classIri: classIri })] })] })] }, classIri)] }));
+}

package/dist/routes/data-explorer/components/class-detail/CreateRecordAction.d.ts

@@ -0,0 +1,7 @@
+type CreateRecordActionProps = {
+    classIri: string;
+    label: string;
+};
+export declare function CreateRecordAction(props: CreateRecordActionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CreateRecordAction.d.ts.map

package/dist/routes/data-explorer/components/class-detail/CreateRecordAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateRecordAction.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/class-detail/CreateRecordAction.tsx"],"names":[],"mappings":"AAGA,KAAK,uBAAuB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnE,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAehE"}

package/dist/routes/data-explorer/components/class-detail/CreateRecordAction.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRecordActionShapes } from "../record-detail/action-shapes.js";
+import { CreateAction } from "../record-detail/CreateAction.js";
+export function CreateRecordAction(props) {
+    const { classIri, label } = props;
+    const { shapes, error } = useRecordActionShapes([classIri]);
+    const creatable = shapes.filter((shape) => shape.supportsCreate);
+    if (error)
+        return _jsx("span", { className: "typography-tiny text-muted-foreground", children: "Actions unavailable" });
+    return (_jsx(_Fragment, { children: creatable.map((shape) => (_jsx(CreateAction, { shape: shape, label: label, qualifyLabel: creatable.length > 1 }, shape.actionShape))) }));
+}

package/dist/routes/data-explorer/components/class-detail/Instances.d.ts

@@ -0,0 +1,8 @@
+type InstancesProps = {
+    classIri: string;
+    prefix: string;
+    typeName: string;
+};
+export declare function Instances(props: InstancesProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Instances.d.ts.map

package/dist/routes/data-explorer/components/class-detail/Instances.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Instances.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/class-detail/Instances.tsx"],"names":[],"mappings":"AAcA,KAAK,cAAc,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7E,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAmD9C"}

package/dist/routes/data-explorer/components/class-detail/Instances.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { useState } from "react";
+import { useDebounceValue } from "usehooks-ts";
+import { entityPath, recordPath } from "../../namespaces.js";
+import { CountLabel } from "../CountLabel.js";
+import { LoadMoreButton } from "../LoadMoreButton.js";
+import { ModifiedAgo } from "../ModifiedAgo.js";
+import { entityNameClass, EntityName, LinkList, LinkRow, LoadingRows, StatusText } from "../RawTriples.js";
+import { SegmentBuilder } from "../SegmentBuilder.js";
+import { TruncateTooltip } from "../TruncateTooltip.js";
+import { encodeBlankKey, useBlankInstances } from "#routes/data-explorer/blank-record";
+import { useFilteredCount, useFilteredInstances } from "#routes/data-explorer/filter-hooks";
+import { classAnchor, hasActiveConditions } from "#routes/data-explorer/filter-query";
+export function Instances(props) {
+    const { classIri, prefix, typeName } = props;
+    const [filter, setFilter] = useState({ groups: [] });
+    const [debouncedFilter] = useDebounceValue(filter, 300);
+    const { count, error: countError } = useFilteredCount(classIri, debouncedFilter);
+    const { rows, isLoading, isRefetching, error, hasMore, isLoadingMore, loadMore } = useFilteredInstances(classIri, debouncedFilter);
+    const { instances: blankInstances, isLoading: blankLoading } = useBlankInstances(classIri, debouncedFilter);
+    const isFiltered = hasActiveConditions(debouncedFilter);
+    const isEmpty = !isPresent(rows) && !isPresent(blankInstances);
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(SegmentBuilder, { anchor: classAnchor(classIri), classIri: classIri, filter: filter, onChange: setFilter }), _jsx(CountLabel, { count: count, isFiltered: isFiltered, hasError: isPresent(countError) }), isLoading && _jsx(LoadingRows, {}), error && _jsx(StatusText, { children: "Failed to load records." }), !isLoading && !blankLoading && !error && isEmpty && (_jsx(StatusText, { children: isFiltered ? "No records match this filter." : "No records of this type yet." })), !isLoading && !error && !isEmpty && (_jsxs(LinkList, { isStale: isRefetching, children: [rows.map((row) => (_jsxs(LinkRow, { to: entityPath(row.iri), children: [_jsx(EntityName, { iri: row.iri }), _jsx(ModifiedAgo, { modified: row.modified })] }, row.iri))), blankInstances.map((instance, index) => (_jsx(LinkRow, { to: recordPath(prefix, typeName, encodeBlankKey(instance.key)), children: _jsx(TruncateTooltip, { text: instance.title, className: entityNameClass }) }, `blank-${index}`)))] })), _jsx(LoadMoreButton, { hasMore: hasMore, isLoading: isLoadingMore, onClick: () => loadMore() })] }));
+}

package/dist/routes/data-explorer/components/class-detail/Overview.d.ts

@@ -0,0 +1,8 @@
+type OverviewProps = {
+    classIri: string;
+    comment?: string;
+    isDefinitionLoaded: boolean;
+};
+export declare function Overview(props: OverviewProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Overview.d.ts.map

package/dist/routes/data-explorer/components/class-detail/Overview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/class-detail/Overview.tsx"],"names":[],"mappings":"AAsGA,KAAK,aAAa,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,kBAAkB,EAAE,OAAO,CAAA;CAAE,CAAC;AAEzF,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAiD5C"}

package/dist/routes/data-explorer/components/class-detail/Overview.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { iriLocalName } from "@manta-eu/client/shared/rdf-namespaces";
+import { isPresent } from "@manta-eu/lib/present";
+import { useMemo } from "react";
+import { Link } from "react-router";
+import { classPath, classRef } from "../../namespaces.js";
+import { LinkList, LinkRow, LoadingRows, StatusText } from "../RawTriples.js";
+import { TypeNotice } from "../TypeNotice.js";
+import { PropertyList } from "./PropertyList.js";
+import { formatPropertyLabel, OntologyComment, sectionLabelClass } from "#ldo-ui";
+import { cn } from "#lib/utils";
+import { mergeDeclaredAndObserved, useClassProperties, useObservedProperties, } from "#routes/data-explorer/class-properties";
+import { useClassRelations, useRelatedClasses, } from "#routes/data-explorer/class-relations";
+import { useInstanceCounts } from "#routes/data-explorer/classes";
+import { classAnchor } from "#routes/data-explorer/filter-query";
+function ClassPillRow(props) {
+    const { title, classes } = props;
+    if (!isPresent(classes))
+        return null;
+    return (_jsxs("div", { children: [_jsx("h3", { className: cn(sectionLabelClass, "mb-1.5 text-muted-foreground"), children: title }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: classes.map((cls) => (_jsx(Link, { to: classPath(cls.prefix, cls.localName), className: "inline-flex items-center rounded-full border border-muted-border px-2.5 py-1 typography-tiny text-primary transition-colors hover:bg-muted/60", children: cls.label ?? cls.localName }, cls.iri))) })] }));
+}
+function classLink(iri) {
+    const ref = classRef(iri);
+    return ref ? { to: ref.path, label: ref.localName } : { label: iriLocalName(iri) };
+}
+function RelationRow(props) {
+    const { relation } = props;
+    const link = classLink(relation.otherClassIri);
+    const content = (_jsxs(_Fragment, { children: [_jsxs("span", { className: "min-w-0 flex-1", children: [_jsx("span", { className: "typography-small-medium block truncate text-default-foreground", children: link.label }), _jsxs("span", { className: "typography-tiny block text-muted-foreground", children: ["via ", formatPropertyLabel(relation.predicate)] })] }), !!relation.count && (_jsx("span", { className: "typography-tiny tabular-nums text-muted-foreground", children: relation.count.toLocaleString() }))] }));
+    if (!link.to)
+        return _jsx("div", { className: "flex items-center gap-3 px-4 py-3", children: content });
+    return _jsx(LinkRow, { to: link.to, children: content });
+}
+function RelationList(props) {
+    const { title, relations } = props;
+    if (!isPresent(relations))
+        return null;
+    return (_jsxs("div", { children: [_jsx("h3", { className: cn(sectionLabelClass, "mb-1.5 text-muted-foreground"), children: title }), _jsx(LinkList, { children: relations.map((relation) => (_jsx(RelationRow, { relation: relation }, `${relation.predicate}:${relation.otherClassIri}`))) })] }));
+}
+export function Overview(props) {
+    const { classIri, comment, isDefinitionLoaded } = props;
+    const { properties: declaredProperties, isLoading, error } = useClassProperties(classIri);
+    const { observed } = useObservedProperties(classAnchor(classIri));
+    const { outgoing, incoming } = useClassRelations(classIri);
+    const { parents, children } = useRelatedClasses(classIri);
+    const { counts } = useInstanceCounts();
+    const recordTotal = counts.get(classIri) ?? 0;
+    const relationPredicateIris = useMemo(() => new Set(outgoing.map((relation) => relation.predicate)), [outgoing]);
+    const properties = useMemo(() => mergeDeclaredAndObserved(declaredProperties, observed, relationPredicateIris), [declaredProperties, observed, relationPredicateIris]);
+    return (_jsxs("div", { className: "flex flex-col gap-6", children: [comment && (_jsx(OntologyComment, { comment: comment, className: "typography-body max-w-prose leading-relaxed text-default-foreground" })), !comment && isDefinitionLoaded && (_jsx(TypeNotice, { status: "attention", title: "Undocumented", description: "This type has no rdfs:comment, so team members can't tell what it represents.", fix: "Add an rdfs:comment" })), _jsx(ClassPillRow, { title: "Subclass of", classes: parents }), _jsx(ClassPillRow, { title: "Subclasses", classes: children }), _jsx(RelationList, { title: "References", relations: outgoing }), _jsx(RelationList, { title: "Referenced by", relations: incoming }), isLoading && _jsx(LoadingRows, {}), error && _jsx(StatusText, { children: "Failed to load properties." }), isPresent(properties) && _jsx(PropertyList, { properties: properties, recordTotal: recordTotal })] }));
+}

package/dist/routes/data-explorer/components/class-detail/PropertyList.d.ts

@@ -0,0 +1,8 @@
+import { type MergedProperty } from "#routes/data-explorer/class-properties";
+type PropertyListProps = {
+    properties: MergedProperty[];
+    recordTotal: number;
+};
+export declare function PropertyList(props: PropertyListProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PropertyList.d.ts.map

package/dist/routes/data-explorer/components/class-detail/PropertyList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyList.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/class-detail/PropertyList.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAmB7E,KAAK,iBAAiB,GAAG;IAAE,UAAU,EAAE,cAAc,EAAE,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/E,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA2DpD"}

package/dist/routes/data-explorer/components/class-detail/PropertyList.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { useState } from "react";
+import { FamilySection } from "../FamilySection.js";
+import { StatusText } from "../RawTriples.js";
+import { Badge } from "#components/badge/index";
+import { SearchInput } from "#components/input/index";
+import { measureFromUnitCode, OntologyComment, sectionLabelClass } from "#ldo-ui";
+import { cn } from "#lib/utils";
+import { labelWithinFamily, matchesNameQuery, nameFamilySections } from "#routes/data-explorer/families";
+import { propertyDisplayLabel } from "#routes/data-explorer/filter-hooks";
+import { formatLiteralValue } from "#routes/data-explorer/values";
+function previewValue(value) {
+    const collapsed = value.replace(/\s+/g, " ").trim();
+    return collapsed.length > 80 ? `${collapsed.slice(0, 80)}…` : collapsed;
+}
+function formatExample(property) {
+    const { example, exampleDatatype, unitCode } = property;
+    if (!example)
+        return "";
+    return previewValue(formatLiteralValue(example, exampleDatatype, measureFromUnitCode(unitCode)));
+}
+export function PropertyList(props) {
+    const { properties, recordTotal } = props;
+    const [filter, setFilter] = useState("");
+    const query = filter.trim();
+    const matched = properties.filter((property) => matchesNameQuery(propertyDisplayLabel(property), query));
+    const sections = nameFamilySections(matched, propertyDisplayLabel);
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-2 flex items-baseline justify-between gap-3", children: [_jsxs("h3", { className: cn(sectionLabelClass, "text-muted-foreground"), children: ["Properties (", properties.length, ")", recordTotal > 0 && (_jsx("span", { className: "before:mx-1.5 before:content-['\u00B7']", children: humanCount(recordTotal, "record") }))] }), _jsx("div", { className: "w-full sm:w-56", children: _jsx(SearchInput, { placeholder: "Filter properties\u2026", value: filter, onChange: (e) => setFilter(e.target.value) }) })] }), !isPresent(matched) && _jsx(StatusText, { children: "No properties match your filter." }), _jsx("div", { className: "flex flex-col", children: sections.map((section) => {
+                    const [single] = section.items;
+                    if (section.items.length === 1 && single) {
+                        return (_jsx("div", { className: "pl-8", children: _jsx(PropertyCard, { property: single, recordTotal: recordTotal }) }, single.iri));
+                    }
+                    return (_jsx(FamilySection, { title: section.family, count: section.items.length, forceOpen: isPresent(query), children: section.items.map((property) => (_jsx(PropertyCard, { property: property, recordTotal: recordTotal, family: section.family }, property.iri))) }, section.family));
+                }) })] }));
+}
+function PropertyCard(props) {
+    const { property, recordTotal, family } = props;
+    const fullLabel = propertyDisplayLabel(property);
+    const label = family ? labelWithinFamily(fullLabel, family) : fullLabel;
+    return (_jsxs("div", { className: "-mx-2 rounded-md border-t border-muted-border/50 px-2 py-3.5 transition-colors hover:bg-muted/30", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx("span", { className: "typography-small-medium text-default-foreground first-letter:uppercase", children: label }), _jsxs("span", { className: "flex shrink-0 items-center gap-1.5", children: [property.required && (_jsx(Badge, { variant: "secondary", size: "sm", children: "required" })), property.observed && !!property.usageCount && recordTotal > property.usageCount && (_jsxs("span", { className: "typography-tiny tabular-nums text-muted-foreground", children: [property.usageCount.toLocaleString(), " / ", recordTotal.toLocaleString()] })), !property.observed && _jsx("span", { className: "typography-tiny text-muted-foreground/50", children: "no data" })] })] }), property.example && (_jsxs("p", { className: "typography-tiny mt-1 truncate font-mono text-muted-foreground/70", children: ["e.g. ", formatExample(property)] })), property.comment && (_jsx(OntologyComment, { comment: property.comment, className: "typography-small mt-1 max-w-prose text-muted-foreground" })), isPresent(property.allowedValues) && (_jsxs("div", { className: "mt-2.5 flex flex-wrap items-baseline gap-1.5", children: [_jsx("span", { className: "typography-tiny text-muted-foreground", children: "One of:" }), property.allowedValues.map((value) => (_jsx(Badge, { variant: "secondary", size: "sm", children: value }, value)))] }))] }));
+}

package/dist/routes/data-explorer/components/class-detail/ShapeConstraints.d.ts

@@ -0,0 +1,6 @@
+type ShapeConstraintsProps = {
+    classIri: string;
+};
+export declare function ShapeConstraints(props: ShapeConstraintsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ShapeConstraints.d.ts.map

package/dist/routes/data-explorer/components/class-detail/ShapeConstraints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShapeConstraints.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/class-detail/ShapeConstraints.tsx"],"names":[],"mappings":"AAKA,KAAK,qBAAqB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAElD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAoB5D"}

package/dist/routes/data-explorer/components/class-detail/ShapeConstraints.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isPresent } from "@manta-eu/lib/present";
+import { LoadingRows, rawBlockClass, StatusText } from "../RawTriples.js";
+import { useClassShapes } from "#routes/data-explorer/shapes";
+import { turtleForShape } from "#routes/data-explorer/turtle";
+export function ShapeConstraints(props) {
+    const { classIri } = props;
+    const { shapes, isLoading, error } = useClassShapes(classIri);
+    if (isLoading)
+        return _jsx(LoadingRows, {});
+    if (error)
+        return _jsx(StatusText, { className: "typography-small", children: "Failed to load shape constraints." });
+    if (!isPresent(shapes))
+        return _jsx(StatusText, { className: "typography-small", children: "No shapes target this class." });
+    return (_jsx("div", { className: "flex flex-col gap-3", children: shapes.map((shape) => (_jsx("pre", { className: rawBlockClass, children: turtleForShape(shape, classIri) }, shape.iri))) }));
+}

package/dist/routes/data-explorer/components/class-detail/UsedByRules.d.ts

@@ -0,0 +1,6 @@
+type UsedByRulesProps = {
+    classIri: string;
+};
+export declare function UsedByRules(props: UsedByRulesProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UsedByRules.d.ts.map

package/dist/routes/data-explorer/components/class-detail/UsedByRules.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UsedByRules.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/class-detail/UsedByRules.tsx"],"names":[],"mappings":"AA4BA,KAAK,gBAAgB,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE7C,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAgElD"}

package/dist/routes/data-explorer/components/class-detail/UsedByRules.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRulesQuery } from "@manta-eu/client";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { useState } from "react";
+import { FamilySection } from "../FamilySection.js";
+import { LinkList, LinkRow, LoadingRows, StatusText } from "../RawTriples.js";
+import { SearchInput } from "#components/input/index";
+import { sectionLabelClass } from "#ldo-ui";
+import { cn } from "#lib/utils";
+import { useMantaClient } from "#providers/index";
+import { labelWithinFamily, matchesNameQuery, nameFamilySections } from "#routes/data-explorer/families";
+import { getRuleDisplayName, getRuleRouteName } from "#routes/rules/components/rules.utils";
+function RuleLink(props) {
+    const { ruleIri, family } = props;
+    const fullLabel = getRuleDisplayName(ruleIri);
+    const label = family ? labelWithinFamily(fullLabel, family) : fullLabel;
+    return (_jsx(LinkRow, { to: `/rules/${getRuleRouteName(ruleIri)}`, children: _jsx("span", { className: "typography-small-medium min-w-0 flex-1 truncate text-default-foreground", children: label }) }));
+}
+export function UsedByRules(props) {
+    const { classIri } = props;
+    const { mantaClient } = useMantaClient();
+    const { data, isLoading, error } = useRulesQuery(mantaClient, {});
+    const [filter, setFilter] = useState("");
+    if (isLoading)
+        return _jsx(LoadingRows, {});
+    if (error)
+        return _jsx(StatusText, { children: "Failed to load rules." });
+    const rules = (data?.rules.rules ?? [])
+        .filter((rule) => rule.mentionedTypes.includes(classIri))
+        .sort((a, b) => getRuleDisplayName(a.ruleIri).localeCompare(getRuleDisplayName(b.ruleIri)));
+    if (!isPresent(rules))
+        return _jsx(StatusText, { children: "No rules reference this type." });
+    const query = filter.trim();
+    const matched = rules.filter((rule) => matchesNameQuery(getRuleDisplayName(rule.ruleIri), query));
+    const sections = nameFamilySections(matched, (rule) => getRuleDisplayName(rule.ruleIri));
+    return (_jsxs("div", { className: "flex flex-col gap-3", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsx("span", { className: cn(sectionLabelClass, "text-muted-foreground"), children: humanCount(rules.length, "rule") }), _jsx("div", { className: "w-full sm:w-56", children: _jsx(SearchInput, { placeholder: "Filter rules\u2026", value: filter, onChange: (e) => setFilter(e.target.value) }) })] }), !isPresent(matched) && _jsx(StatusText, { children: "No rules match your filter." }), _jsx("div", { className: "flex flex-col", children: sections.map((section) => {
+                    const [single] = section.items;
+                    if (section.items.length === 1 && single) {
+                        return (_jsx("div", { className: "rounded-md border-t border-muted-border/50 pl-4", children: _jsx(RuleLink, { ruleIri: single.ruleIri }) }, single.ruleIri));
+                    }
+                    return (_jsx(FamilySection, { title: section.family, count: section.items.length, forceOpen: isPresent(query), children: _jsx(LinkList, { children: section.items.map((rule) => (_jsx(RuleLink, { ruleIri: rule.ruleIri, family: section.family }, rule.ruleIri))) }) }, section.family));
+                }) })] }));
+}

package/dist/routes/data-explorer/components/class-detail/index.d.ts

@@ -0,0 +1,2 @@
+export { ClassDetail } from "./ClassDetail.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/routes/data-explorer/components/class-detail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/class-detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/routes/data-explorer/components/class-detail/index.js

@@ -0,0 +1 @@
+export { ClassDetail } from "./ClassDetail.js";

package/dist/routes/data-explorer/components/namespace-detail/NamespaceClassRow.d.ts

@@ -0,0 +1,8 @@
+import type { ExplorerClass } from "#routes/data-explorer/classes";
+type NamespaceClassRowProps = {
+    entry: ExplorerClass;
+    count?: number;
+};
+export declare function NamespaceClassRow(props: NamespaceClassRowProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NamespaceClassRow.d.ts.map

package/dist/routes/data-explorer/components/namespace-detail/NamespaceClassRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NamespaceClassRow.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/namespace-detail/NamespaceClassRow.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAEnE,KAAK,sBAAsB,GAAG;IAAE,KAAK,EAAE,aAAa,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvE,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAgB9D"}

package/dist/routes/data-explorer/components/namespace-detail/NamespaceClassRow.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { humanCount } from "@manta-eu/lib/humanize";
+import { classPath } from "../../namespaces.js";
+import { entityNameClass, LinkRow } from "../RawTriples.js";
+import { TruncateTooltip } from "../TruncateTooltip.js";
+export function NamespaceClassRow(props) {
+    const { entry, count } = props;
+    return (_jsxs(LinkRow, { to: classPath(entry.prefix, entry.localName), children: [_jsxs("div", { className: "min-w-0 flex-1", children: [_jsx(TruncateTooltip, { text: entry.label ?? entry.localName, className: entityNameClass }), entry.comment && _jsx("span", { className: "typography-tiny line-clamp-1 text-muted-foreground", children: entry.comment })] }), _jsx("span", { className: "typography-tiny shrink-0 tabular-nums text-muted-foreground", children: count ? humanCount(count, "record") : "no records" })] }));
+}

package/dist/routes/data-explorer/components/namespace-detail/NamespaceDetail.d.ts

@@ -0,0 +1,6 @@
+type NamespaceDetailProps = {
+    prefix: string;
+};
+export declare function NamespaceDetail(props: NamespaceDetailProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NamespaceDetail.d.ts.map

package/dist/routes/data-explorer/components/namespace-detail/NamespaceDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NamespaceDetail.d.ts","sourceRoot":"","sources":["../../../../../src/routes/data-explorer/components/namespace-detail/NamespaceDetail.tsx"],"names":[],"mappings":"AAWA,KAAK,oBAAoB,GAAG;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAE/C,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAwC1D"}