@manta-eu/react 0.1.0

package/dist/shacl/ShaclForm.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { applyFormStyles, observeFormLabels, sortShapeProperties } from "./form-appearance.js";
+// Loads <shacl-form> JSX + module augmentation for @ulb-darmstadt/shacl-form.
+import "./shacl-form-types.js";
+// Explicit return type: the locally declared <shacl-form> intrinsic would otherwise infer as `unknown`.
+export function ShaclForm(props) {
+    const { shapes, shapeSubject, values, valuesSubject, language, viewMode, collapse, onValidityChange, formRef: callerRef, className, } = props;
+    const ownRef = useRef(null);
+    const [element, setElement] = useState(null);
+    const attachForm = useCallback((next) => {
+        ownRef.current = next;
+        setElement(next);
+        if (typeof callerRef === "function")
+            callerRef(next);
+        else if (callerRef)
+            callerRef.current = next;
+    }, [callerRef]);
+    useEffect(() => {
+        if (!element)
+            return;
+        const form = element;
+        applyFormStyles(form.shadowRoot);
+        let stopObservingLabels = observeFormLabels(form.shadowRoot);
+        // The form renders its rows after `ready`, and a re-render can drop the sheet, so re-assert both.
+        function onReady() {
+            applyFormStyles(form.shadowRoot);
+            stopObservingLabels();
+            stopObservingLabels = observeFormLabels(form.shadowRoot);
+        }
+        form.addEventListener("ready", onReady);
+        return () => {
+            form.removeEventListener("ready", onReady);
+            stopObservingLabels();
+        };
+    }, [element]);
+    useEffect(() => {
+        if (!element || !onValidityChange)
+            return;
+        function handleChange(event) {
+            const customEvent = event;
+            onValidityChange?.(customEvent.detail.valid);
+        }
+        element.addEventListener("change", handleChange);
+        return () => element.removeEventListener("change", handleChange);
+    }, [element, onValidityChange]);
+    const sortedShapes = useMemo(() => sortShapeProperties(shapes), [shapes]);
+    const collapseValue = collapse === undefined ? undefined : collapse === "open" ? "open" : String(collapse);
+    return (_jsx("shacl-form", { ref: attachForm, "data-shapes": sortedShapes, "data-shape-subject": shapeSubject, "data-values": values, "data-values-subject": valuesSubject, "data-language": language, "data-view": viewMode ? "true" : undefined, "data-collapse": collapseValue, className: className }));
+}

package/dist/shacl/ShaclFormProvider.d.ts

@@ -0,0 +1,37 @@
+import type { IRI } from "@manta-eu/rdf-lib/namespaces";
+import type { SerializationFormat, ShaclFormElement } from "@ulb-darmstadt/shacl-form";
+import type { ReactNode, RefObject } from "react";
+export type ShaclShapesSource = {
+    turtle: string | null;
+    shapeIris: readonly IRI[];
+    isLoading: boolean;
+    error: string | null;
+    onSelectShape: (shapeIri?: IRI) => void;
+    refetch: () => void;
+};
+export type ShaclFormContextValue = {
+    shapesGraph: string | null;
+    valuesGraph: string | null;
+    valuesSubject: string | null;
+    isValid: boolean;
+    viewMode: boolean;
+    formRef: RefObject<ShaclFormElement | null>;
+    availableShapeIris: Set<IRI>;
+    isLoadingShapes: boolean;
+    shapesError: string | null;
+    setShapesGraph: (shapes: string) => void;
+    setValuesGraph: (values: string | null, subject?: string) => void;
+    setViewMode: (viewMode: boolean) => void;
+    setIsValid: (isValid: boolean) => void;
+    serialize: (format?: SerializationFormat) => string | null;
+    validate: () => Promise<boolean>;
+    loadShapes: (shapeIri?: IRI) => void;
+    refetchShapes: () => void;
+};
+export type ShaclFormProviderProps = {
+    children: ReactNode;
+    shapes: ShaclShapesSource;
+};
+export declare function ShaclFormProvider(props: ShaclFormProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useShaclForm(): ShaclFormContextValue;
+//# sourceMappingURL=ShaclFormProvider.d.ts.map

package/dist/shacl/ShaclFormProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShaclFormProvider.d.ts","sourceRoot":"","sources":["../../src/shacl/ShaclFormProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACvF,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,SAAS,GAAG,EAAE,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,aAAa,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAC5C,kBAAkB,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IAC7B,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,MAAM,CAAC,EAAE,mBAAmB,KAAK,MAAM,GAAG,IAAI,CAAC;IAC3D,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IACjC,UAAU,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,iBAAiB,CAAC;CAC3B,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA6D9D;AAED,wBAAgB,YAAY,IAAI,qBAAqB,CAQpD"}

package/dist/shacl/ShaclFormProvider.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, use, useCallback, useEffect, useMemo, useState, useRef } from "react";
+const ShaclFormContext = createContext(undefined);
+export function ShaclFormProvider(props) {
+    const { children, shapes } = props;
+    const formRef = useRef(null);
+    const [shapesGraph, setShapesGraphState] = useState(null);
+    const [valuesGraph, setValuesGraphState] = useState(null);
+    const [valuesSubject, setValuesSubject] = useState(null);
+    const [isValid, setIsValid] = useState(false);
+    const [viewMode, setViewMode] = useState(false);
+    const availableShapeIris = useMemo(() => new Set(shapes.shapeIris), [shapes.shapeIris]);
+    useEffect(() => {
+        if (shapes.turtle) {
+            setShapesGraphState(shapes.turtle);
+        }
+    }, [shapes.turtle]);
+    const setShapesGraph = useCallback((next) => {
+        setShapesGraphState(next);
+    }, []);
+    const setValuesGraph = useCallback((values, subject) => {
+        setValuesGraphState(values);
+        if (subject !== undefined) {
+            setValuesSubject(subject);
+        }
+    }, []);
+    const serialize = useCallback((format) => {
+        if (!formRef.current)
+            return null;
+        return formRef.current.serialize(format);
+    }, []);
+    const validate = useCallback(async () => {
+        if (!formRef.current)
+            return false;
+        const report = await formRef.current.validate();
+        return report.conforms;
+    }, []);
+    const value = {
+        shapesGraph,
+        valuesGraph,
+        valuesSubject,
+        isValid,
+        viewMode,
+        formRef,
+        availableShapeIris,
+        isLoadingShapes: shapes.isLoading,
+        shapesError: shapes.error,
+        setShapesGraph,
+        setValuesGraph,
+        setViewMode,
+        setIsValid,
+        serialize,
+        validate,
+        loadShapes: shapes.onSelectShape,
+        refetchShapes: shapes.refetch,
+    };
+    return _jsx(ShaclFormContext.Provider, { value: value, children: children });
+}
+export function useShaclForm() {
+    const context = use(ShaclFormContext);
+    if (!context) {
+        throw new Error("useShaclForm must be used within a ShaclFormProvider");
+    }
+    return context;
+}

package/dist/shacl/form-appearance.d.ts

@@ -0,0 +1,12 @@
+/** Adopts the sheet instead of swapping the theme, which would re-initialize the form and lose in-progress edits. */
+export declare function applyFormStyles(root: ShadowRoot | null | undefined): void;
+/** Generated shapes carry no `sh:name`, so the form labels rows with the raw property IRI; restate it as a name. */
+export declare function formLabelText(raw: string): string | null;
+/** RDFox emits `sh:property` in arbitrary order, reshuffling fields on every open; reorder by path local name. */
+export declare function sortShapeProperties(turtle: string): string;
+/**
+ * Rows arrive after `ready`, so one pass misses some. A rewritten label no longer looks like an
+ * IRI, so there is no re-entry.
+ */
+export declare function observeFormLabels(root: ShadowRoot | null | undefined): () => void;
+//# sourceMappingURL=form-appearance.d.ts.map

package/dist/shacl/form-appearance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-appearance.d.ts","sourceRoot":"","sources":["../../src/shacl/form-appearance.ts"],"names":[],"mappings":"AA2HA,qHAAqH;AACrH,wBAAgB,eAAe,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,CAazE;AAOD,oHAAoH;AACpH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAMxD;AAmBD,kHAAkH;AAClH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAgB1D;AAaD;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,IAAI,CASjF"}

package/dist/shacl/form-appearance.js

@@ -0,0 +1,194 @@
+import { isFullIri } from "@manta-eu/rdf-lib/namespaces";
+import { formatPropertyLabel } from "../lib/iri-labels.js";
+/** Shadow-root styling: page-level `shacl-form` rules cannot reach inside, but the app's color tokens do inherit. */
+const shaclFormCss = `
+form {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+/* A grid gives the label its own line; the shipped fixed-width side label overruns generated names. */
+.property-instance {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 0.25rem 0.5rem;
+  padding: 0;
+}
+
+.property-instance > label {
+  grid-column: 1 / -1;
+}
+
+/* Booleans ship as a native checkbox; restyle as a switch so on/off rows read like every other field. */
+.property-instance > .editor[type="checkbox"] {
+  appearance: none;
+  justify-self: start;
+  width: 2rem;
+  height: 1.125rem;
+  margin: 0.125rem 0;
+  padding: 0;
+  position: relative;
+  border: 1px solid var(--color-input-border);
+  border-radius: 9999px;
+  background-color: var(--color-input);
+  cursor: pointer;
+  transition: background-color 120ms ease, border-color 120ms ease;
+}
+
+.property-instance > .editor[type="checkbox"]::before {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 2px;
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: 9999px;
+  background-color: var(--color-muted-foreground);
+  transform: translateY(-50%);
+  transition: left 120ms ease, background-color 120ms ease;
+}
+
+.property-instance > .editor[type="checkbox"]:checked {
+  border-color: var(--color-accent-foreground);
+  background-color: var(--color-accent-foreground);
+}
+
+.property-instance > .editor[type="checkbox"]:checked::before {
+  left: calc(100% - 0.75rem - 2px);
+  background-color: var(--color-base-background);
+}
+
+.property-instance label,
+.mode-view .property-instance label {
+  width: auto;
+  padding: 0;
+  color: var(--color-muted-foreground);
+  font-size: var(--text-sm);
+  font-weight: 500;
+  line-height: 1.4;
+}
+
+/* Labels carry the property IRI as a tooltip; the shipped "help" underline made every row look like a warning. */
+.property-instance label[title] {
+  cursor: default;
+  text-decoration: none;
+}
+
+.editor:not([type="checkbox"]) {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid var(--color-input-border);
+  border-radius: var(--radius);
+  background-color: var(--color-input);
+  color: var(--color-default-foreground);
+  font-size: var(--text-sm);
+  padding: 0.375rem 0.625rem;
+}
+
+.editor:focus {
+  border-color: var(--color-active-border);
+  outline: none;
+  box-shadow: 0 0 0 1px var(--color-active-border);
+}
+
+.property-instance.valid::before,
+.validation-error {
+  left: 0;
+}
+
+.collapsible::part(label) {
+  color: var(--color-default-foreground);
+  font-size: var(--text-sm);
+  font-weight: 600;
+}
+
+/* Remove-value and add-value controls are secondary to the fields themselves. */
+.add-button,
+button {
+  color: var(--color-muted-foreground);
+  font-size: var(--text-sm);
+  opacity: 0.6;
+}
+
+.add-button:hover,
+button:hover {
+  opacity: 1;
+}
+`;
+let formSheet = null;
+/** Adopts the sheet instead of swapping the theme, which would re-initialize the form and lose in-progress edits. */
+export function applyFormStyles(root) {
+    if (!root)
+        return;
+    if (!formSheet) {
+        formSheet = new CSSStyleSheet();
+        formSheet.replaceSync(shaclFormCss);
+    }
+    const adopted = root.adoptedStyleSheets ?? [];
+    if (adopted.includes(formSheet))
+        return;
+    root.adoptedStyleSheets = [...adopted, formSheet];
+}
+/** View mode renders the label as `<iri>:`, which would humanize to nothing. */
+function labelIri(raw) {
+    return raw.trim().replace(/:$/, "");
+}
+/** Generated shapes carry no `sh:name`, so the form labels rows with the raw property IRI; restate it as a name. */
+export function formLabelText(raw) {
+    const text = labelIri(raw);
+    if (!isFullIri(text))
+        return null;
+    return formatPropertyLabel(text);
+}
+function propertyPathsByBlankNode(turtle) {
+    const paths = new Map();
+    let current = null;
+    for (const line of turtle.split("\n")) {
+        const subject = /^(\S+)(?:\s|$)/.exec(line)?.[1];
+        if (subject)
+            current = subject.startsWith("_:") ? subject : null;
+        const path = /\bsh:path\s+<?([^\s;>]+)>?\s*;?/.exec(line)?.[1];
+        if (current && path)
+            paths.set(current, path);
+    }
+    return paths;
+}
+/** RDFox emits `sh:property` in arbitrary order, reshuffling fields on every open; reorder by path local name. */
+export function sortShapeProperties(turtle) {
+    const paths = propertyPathsByBlankNode(turtle);
+    const localName = (node) => {
+        const path = paths.get(node) ?? node;
+        return path.split(/[#/:]/).pop()?.toLowerCase() ?? path;
+    };
+    // The label stops at Turtle punctuation: `\S+` would swallow an adjacent `.` or `;` into the list.
+    return turtle.replace(/\bsh:property\s+((?:_:[^\s,;.]+\s*,\s*)*_:[^\s,;.]+)/g, (_match, list) => {
+        const nodes = list
+            .split(",")
+            .map((node) => node.trim())
+            .sort((a, b) => localName(a).localeCompare(localName(b)));
+        return `sh:property ${nodes.join(" , ")}`;
+    });
+}
+function humanizeFormLabels(root) {
+    for (const label of root.querySelectorAll("label")) {
+        const humanized = formLabelText(label.textContent ?? "");
+        if (!humanized)
+            continue;
+        label.title = labelIri(label.textContent ?? "");
+        label.textContent = humanized;
+    }
+}
+/**
+ * Rows arrive after `ready`, so one pass misses some. A rewritten label no longer looks like an
+ * IRI, so there is no re-entry.
+ */
+export function observeFormLabels(root) {
+    if (!root)
+        return () => { };
+    humanizeFormLabels(root);
+    const observer = new MutationObserver(() => humanizeFormLabels(root));
+    observer.observe(root, { childList: true, subtree: true });
+    return () => observer.disconnect();
+}

package/dist/shacl/index.d.ts

@@ -0,0 +1,5 @@
+export { findShapeForTypes, getAllRegisteredShapes, getShapeForType, hasShapeForType, registerShape, type ShapeRegistryEntry, } from "./shape-registry.js";
+export { jsonLdToTurtle } from "./jsonld-to-turtle.js";
+export { ShaclForm, type ShaclFormProps } from "./ShaclForm.js";
+export { ShaclFormProvider, useShaclForm, type ShaclFormContextValue, type ShaclFormProviderProps, type ShaclShapesSource, } from "./ShaclFormProvider.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/shacl/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/shacl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EACf,eAAe,EACf,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACL,iBAAiB,EACjB,YAAY,EACZ,KAAK,qBAAqB,EAC1B,KAAK,sBAAsB,EAC3B,KAAK,iBAAiB,GACvB,MAAM,qBAAqB,CAAC"}

package/dist/shacl/index.js

@@ -0,0 +1,4 @@
+export { findShapeForTypes, getAllRegisteredShapes, getShapeForType, hasShapeForType, registerShape, } from "./shape-registry.js";
+export { jsonLdToTurtle } from "./jsonld-to-turtle.js";
+export { ShaclForm } from "./ShaclForm.js";
+export { ShaclFormProvider, useShaclForm, } from "./ShaclFormProvider.js";

package/dist/shacl/jsonld-to-turtle.d.ts

@@ -0,0 +1,2 @@
+export declare function jsonLdToTurtle(jsonLd: Record<string, unknown>, subjectIri: string): string;
+//# sourceMappingURL=jsonld-to-turtle.d.ts.map

package/dist/shacl/jsonld-to-turtle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"jsonld-to-turtle.d.ts","sourceRoot":"","sources":["../../src/shacl/jsonld-to-turtle.ts"],"names":[],"mappings":"AAYA,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CAgC1F"}

package/dist/shacl/jsonld-to-turtle.js

@@ -0,0 +1,74 @@
+import { arrayWrap } from "@manta-eu/lib/array";
+import { compactUri, isFullIri, isIsoDatetime, isPrefixedIri, toTurtlePrefixes } from "@manta-eu/rdf-lib/namespaces";
+function compactIriForTurtle(iri) {
+    const compacted = compactUri(iri);
+    if (compacted === iri && isFullIri(iri)) {
+        return `<${iri}>`;
+    }
+    return compacted;
+}
+export function jsonLdToTurtle(jsonLd, subjectIri) {
+    const lines = [toTurtlePrefixes(), ""];
+    const formattedSubject = isFullIri(subjectIri) ? `<${subjectIri}>` : subjectIri;
+    const predicates = [];
+    const typeValue = jsonLd["@type"];
+    if (typeValue) {
+        const types = arrayWrap(typeValue);
+        for (const t of types) {
+            if (typeof t === "string") {
+                predicates.push(`  a ${compactIriForTurtle(t)}`);
+            }
+        }
+    }
+    for (const [key, value] of Object.entries(jsonLd)) {
+        if (key.startsWith("@"))
+            continue;
+        const formattedValue = formatValue(value);
+        if (formattedValue !== null) {
+            const predicate = compactIriForTurtle(key);
+            predicates.push(`  ${predicate} ${formattedValue}`);
+        }
+    }
+    if (predicates.length > 0) {
+        lines.push(`${formattedSubject}`);
+        lines.push(predicates.join(" ;\n") + " .");
+    }
+    return lines.join("\n");
+}
+function formatValue(value) {
+    if (value === null || value === undefined) {
+        return null;
+    }
+    if (typeof value === "string") {
+        if (isFullIri(value)) {
+            return `<${value}>`;
+        }
+        if (isIsoDatetime(value)) {
+            return `"${value}"^^xsd:dateTime`;
+        }
+        if (isPrefixedIri(value)) {
+            return value;
+        }
+        const escaped = value.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\n/g, "\\n");
+        return `"${escaped}"`;
+    }
+    if (typeof value === "number") {
+        return Number.isInteger(value) ? String(value) : `"${value}"^^xsd:decimal`;
+    }
+    if (typeof value === "boolean") {
+        return value ? "true" : "false";
+    }
+    if (typeof value === "object" && !Array.isArray(value)) {
+        if (value["@id"]) {
+            const id = value["@id"];
+            if (isFullIri(id)) {
+                return `<${id}>`;
+            }
+            return id;
+        }
+        if (value["@value"] !== undefined) {
+            return formatValue(value["@value"]);
+        }
+    }
+    return null;
+}

package/dist/shacl/shacl-form-types.d.ts

@@ -0,0 +1,57 @@
+import "react";
+declare module "@ulb-darmstadt/shacl-form" {
+    type SerializationFormat = "text/turtle" | "application/ld+json" | "application/n-triples" | "application/n-quads";
+    /** Mirrors the shipped ValidationReport; `validate` resolves this, never a boolean. */
+    interface ShaclFormValidationReport {
+        conforms: boolean;
+        results: unknown[];
+    }
+    interface ShaclFormQuad {
+        subject: {
+            value: string;
+            termType: string;
+        };
+        predicate: {
+            value: string;
+        };
+        object: {
+            value: string;
+            termType: string;
+            datatype?: {
+                value: string;
+            };
+        };
+    }
+    /** The n3 Store `toRDF` returns, narrowed to the quad access this repo needs. */
+    interface ShaclFormStore {
+        getQuads(subject: unknown, predicate: unknown, object: unknown, graph: unknown): ShaclFormQuad[];
+    }
+    interface ShaclFormElement extends HTMLElement {
+        serialize(format?: SerializationFormat, graph?: ShaclFormStore): string;
+        toRDF(graph?: ShaclFormStore): ShaclFormStore;
+        validate(ignoreEmptyValues?: boolean): Promise<ShaclFormValidationReport>;
+    }
+    interface ShaclFormChangeEvent extends CustomEvent {
+        detail: {
+            valid: boolean;
+            report?: ShaclFormValidationReport;
+        };
+    }
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "shacl-form": import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement> & {
+                "data-shape-subject"?: string;
+                "data-shapes"?: string;
+                "data-values"?: string;
+                "data-values-subject"?: string;
+                "data-language"?: string;
+                "data-view"?: string;
+                "data-collapse"?: string;
+                "data-value-subject"?: string;
+            }, HTMLElement>;
+        }
+    }
+}
+//# sourceMappingURL=shacl-form-types.d.ts.map

package/dist/shacl/shacl-form-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shacl-form-types.d.ts","sourceRoot":"","sources":["../../src/shacl/shacl-form-types.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,CAAC;AAEf,OAAO,QAAQ,2BAA2B,CAAC;IACzC,KAAY,mBAAmB,GAC3B,aAAa,GACb,qBAAqB,GACrB,uBAAuB,GACvB,qBAAqB,CAAC;IAE1B,uFAAuF;IACvF,UAAiB,yBAAyB;QACxC,QAAQ,EAAE,OAAO,CAAC;QAClB,OAAO,EAAE,OAAO,EAAE,CAAC;KACpB;IAED,UAAiB,aAAa;QAC5B,OAAO,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAA;SAAE,CAAC;QAC7C,SAAS,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC;QAC7B,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,EAAE;gBAAE,KAAK,EAAE,MAAM,CAAA;aAAE,CAAA;SAAE,CAAC;KAC3E;IAED,iFAAiF;IACjF,UAAiB,cAAc;QAC7B,QAAQ,CAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,GAAG,aAAa,EAAE,CAAC;KAClG;IAED,UAAiB,gBAAiB,SAAQ,WAAW;QACnD,SAAS,CAAC,MAAM,CAAC,EAAE,mBAAmB,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,MAAM,CAAC;QACxE,KAAK,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,cAAc,CAAC;QAC9C,QAAQ,CAAC,iBAAiB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;KAC3E;IAED,UAAiB,oBAAqB,SAAQ,WAAW;QACvD,MAAM,EAAE;YACN,KAAK,EAAE,OAAO,CAAC;YACf,MAAM,CAAC,EAAE,yBAAyB,CAAC;SACpC,CAAC;KACH;CACF;AAED,OAAO,QAAQ,OAAO,CAAC;IAErB,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,YAAY,EAAE,OAAO,OAAO,EAAE,iBAAiB,CAC7C,OAAO,OAAO,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;gBAC5C,oBAAoB,CAAC,EAAE,MAAM,CAAC;gBAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;gBAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;gBACzB,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,eAAe,CAAC,EAAE,MAAM,CAAC;gBACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;aAC/B,EACD,WAAW,CACZ,CAAC;SACH;KACF;CACF"}

package/dist/shacl/shacl-form-types.js

@@ -0,0 +1,2 @@
+// Loaded via side-effect import in ShaclForm.tsx.
+import "react";

package/dist/shacl/shape-registry.d.ts

@@ -0,0 +1,10 @@
+export type ShapeRegistryEntry = {
+    shapeTurtle: string;
+    targetClass: string;
+};
+export declare function registerShape(targetClass: string, shapeTurtle: string): void;
+export declare function getShapeForType(rdfType: string): ShapeRegistryEntry | undefined;
+export declare function hasShapeForType(rdfType: string): boolean;
+export declare function findShapeForTypes(rdfTypes: string[]): ShapeRegistryEntry | undefined;
+export declare function getAllRegisteredShapes(): ShapeRegistryEntry[];
+//# sourceMappingURL=shape-registry.d.ts.map

package/dist/shacl/shape-registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape-registry.d.ts","sourceRoot":"","sources":["../../src/shacl/shape-registry.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAIF,wBAAgB,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI,CAM5E;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,kBAAkB,GAAG,SAAS,CAG/E;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAGxD;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,kBAAkB,GAAG,SAAS,CAQpF;AAED,wBAAgB,sBAAsB,IAAI,kBAAkB,EAAE,CAE7D"}

package/dist/shacl/shape-registry.js

@@ -0,0 +1,29 @@
+import { expandPrefix } from "@manta-eu/rdf-lib/namespaces";
+const shapeRegistry = new Map();
+export function registerShape(targetClass, shapeTurtle) {
+    const expandedClass = expandPrefix(targetClass);
+    shapeRegistry.set(expandedClass, {
+        shapeTurtle,
+        targetClass: expandedClass,
+    });
+}
+export function getShapeForType(rdfType) {
+    const expandedType = expandPrefix(rdfType);
+    return shapeRegistry.get(expandedType);
+}
+export function hasShapeForType(rdfType) {
+    const expandedType = expandPrefix(rdfType);
+    return shapeRegistry.has(expandedType);
+}
+export function findShapeForTypes(rdfTypes) {
+    for (const rdfType of rdfTypes) {
+        const shape = getShapeForType(rdfType);
+        if (shape) {
+            return shape;
+        }
+    }
+    return undefined;
+}
+export function getAllRegisteredShapes() {
+    return Array.from(shapeRegistry.values());
+}

package/dist/shared/query-keys.d.ts

@@ -0,0 +1,4 @@
+export declare const actionPlanByIriQueryKey = "ActionPlanByIri";
+import type { QueryClient } from "@tanstack/react-query";
+export declare function invalidateActionPlanQueries(queryClient: QueryClient, planGraphIri?: string): Promise<void>;
+//# sourceMappingURL=query-keys.d.ts.map

package/dist/shared/query-keys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-keys.d.ts","sourceRoot":"","sources":["../../src/shared/query-keys.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB,oBAAoB,CAAC;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIzD,wBAAsB,2BAA2B,CAAC,WAAW,EAAE,WAAW,EAAE,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAMhH"}

package/dist/shared/query-keys.js

@@ -0,0 +1,11 @@
+export const actionPlanByIriQueryKey = "ActionPlanByIri";
+import { useGetActionPlansSummaryQuery } from "@manta-eu/client";
+import { useActionPlansQueryKeyRoot } from "../hooks/useActionPlans.js";
+import { invalidateQueries } from "#lib/tanstack-query";
+export async function invalidateActionPlanQueries(queryClient, planGraphIri) {
+    const keys = [useActionPlansQueryKeyRoot, useGetActionPlansSummaryQuery, [actionPlanByIriQueryKey]];
+    if (planGraphIri) {
+        keys.push(["ldo-ui", planGraphIri]);
+    }
+    await invalidateQueries(queryClient, keys);
+}

package/dist/storybook/StoryPreview.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export type StoryPreviewArgs = {
+    title: string;
+    children: ReactNode;
+    contentClassName?: string;
+    parentClassName?: string;
+};
+export declare function StoryPreview(props: StoryPreviewArgs): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StoryPreview.d.ts.map

package/dist/storybook/StoryPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryPreview.d.ts","sourceRoot":"","sources":["../../src/storybook/StoryPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAIF,wBAAgB,YAAY,CAAC,KAAK,EAAE,gBAAgB,2CAUnD"}

package/dist/storybook/StoryPreview.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../style.js";
+const defaultContentClassName = "flex flex-wrap gap-6";
+export function StoryPreview(props) {
+    const { title, children, contentClassName = defaultContentClassName, parentClassName } = props;
+    return (_jsx("div", { className: "flex flex-col gap-8 p-8 bg-background text-default-foreground", children: _jsxs("div", { className: cn("bg-card w-fit p-6 rounded-md", parentClassName), children: [_jsx("h2", { className: "mb-6 typography-small-header", children: title }), _jsx("div", { className: contentClassName, children: children })] }) }));
+}

package/dist/storybook/index.d.ts

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

package/dist/storybook/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/storybook/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/storybook/index.js

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

package/dist/style.d.ts

@@ -0,0 +1,17 @@
+import { type ClassValue } from "clsx";
+import { type ClassNameValue } from "tailwind-merge";
+export type { ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export type VariantPropsOf<Config extends {
+    variants: Record<string, Record<string, unknown>>;
+}> = {
+    [Key in keyof Config["variants"]]?: keyof Config["variants"][Key] extends "true" | "false" ? boolean : keyof Config["variants"][Key];
+};
+export type ClassProp = {
+    class?: ClassNameValue;
+    className?: never;
+} | {
+    class?: never;
+    className?: ClassNameValue;
+};
+//# sourceMappingURL=style.d.ts.map