@manta-eu/react 0.1.0

package/dist/graph/nodes/brand-shared.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NfoFileDataObjectSchema } from "@manta-eu/ldo";
+import { redirectPath } from "@manta-eu/ldo/redirect-queries";
+import { humanizeEnum } from "@manta-eu/lib/humanize";
+import { isPresent } from "@manta-eu/lib/present";
+import { Palette } from "lucide-react";
+import { ToneBadge } from "./tone-badge.js";
+import { firstValue } from "./typed-node-helpers.js";
+import { useEntity } from "#hooks/use-entity";
+import { cn } from "#style";
+export const brandAmber = "#d97706";
+// Every `sh:in` value on the brand status paths in kgc/shacl/shapes/brand.ttl; an unlisted one means a shape moved on.
+const toneByStatus = {
+    approved: "positive",
+    accepted: "positive",
+    pass: "positive",
+    "on-guidelines": "positive",
+    draft: "neutral",
+    "not-checkable": "neutral",
+    info: "neutral",
+    superseded: "neutral",
+    "insufficient-data": "caution",
+    deviation: "caution",
+    minor: "caution",
+    rejected: "negative",
+    violation: "negative",
+    "off-guidelines": "negative",
+    blocker: "negative",
+    major: "negative",
+};
+export const brandStatusValues = Object.keys(toneByStatus);
+export function BrandStatusBadge(props) {
+    const { status, className } = props;
+    if (!isPresent(status))
+        return null;
+    return (_jsx(ToneBadge, { tone: toneByStatus[status] ?? "neutral", className: className, children: humanizeEnum(status) }));
+}
+export function BrandNodeBody(props) {
+    const { right, className, children } = props;
+    return (_jsxs("div", { className: cn("bg-muted rounded-md px-3 py-2.5 flex min-w-80 max-w-140 flex-col gap-2", className), children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-1.25", children: [_jsx(Palette, { size: 11, className: "shrink-0", style: { color: brandAmber } }), _jsx("span", { className: "typography-tiny-semibold text-default-foreground whitespace-nowrap", children: "Brand" })] }), right] }), children] }));
+}
+const fetchableUrl = /^https?:\/\//i;
+// The mime type is optional in both asset shapes, so absence can't mean "not an image".
+export function assetImageUrl(file, mimeType, endpoint) {
+    const isImage = !isPresent(mimeType) || mimeType.toLowerCase().startsWith("image/");
+    if (!isPresent(file) || !isImage)
+        return undefined;
+    // /redirect resolves an s3:// pointer into a presigned URL; an http(s) one needs no resolving.
+    return fetchableUrl.test(file) ? file : redirectPath(file, endpoint);
+}
+// The file's real name lives on its nfo:FileDataObject record — never parsed out of the IRI.
+export function useAssetFileName(file) {
+    const { data } = useEntity({ schema: NfoFileDataObjectSchema, iri: file ?? "", enabled: isPresent(file) });
+    return firstValue(data?.fileName)?.toString();
+}

package/dist/graph/nodes/card-rows.d.ts

@@ -0,0 +1,13 @@
+import type { LucideIcon } from "lucide-react";
+import type { ReactElement } from "react";
+export type Row = {
+    icon: ReactElement;
+    text: string;
+};
+export declare function row(Icon: LucideIcon, text: string): Row;
+type CardRowsProps = {
+    rows: Row[];
+};
+export declare function CardRows(props: CardRowsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=card-rows.d.ts.map

package/dist/graph/nodes/card-rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-rows.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/card-rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,GAAG,GAAG;IAAE,IAAI,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEvD,wBAAgB,GAAG,CAAC,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,GAAG,GAAG,CAKvD;AAED,KAAK,aAAa,GAAG;IAAE,IAAI,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC;AAErC,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAa5C"}

package/dist/graph/nodes/card-rows.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function row(Icon, text) {
+    return {
+        icon: _jsx(Icon, { size: 11, className: "text-muted-foreground shrink-0" }),
+        text,
+    };
+}
+export function CardRows(props) {
+    const { rows } = props;
+    return (_jsx(_Fragment, { children: rows.map((r, idx) => (_jsxs("div", { className: "flex items-center gap-1.25", children: [r.icon, _jsx("span", { className: "typography-tiny text-default-foreground whitespace-nowrap truncate max-w-65", children: r.text })] }, idx))) }));
+}

package/dist/graph/nodes/coresignal-utils.d.ts

@@ -0,0 +1,4 @@
+export declare const coresignalTeal = "#0d9488";
+export declare function joinNonEmpty(parts: ReadonlyArray<string | undefined>, sep: string): string | undefined;
+export declare function formatDuration(months: number | null | undefined): string | undefined;
+//# sourceMappingURL=coresignal-utils.d.ts.map

package/dist/graph/nodes/coresignal-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"coresignal-utils.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/coresignal-utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,YAAY,CAAC;AAExC,wBAAgB,YAAY,CAAC,KAAK,EAAE,aAAa,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAGtG;AAGD,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAOpF"}

package/dist/graph/nodes/coresignal-utils.js

@@ -0,0 +1,17 @@
+export const coresignalTeal = "#0d9488";
+export function joinNonEmpty(parts, sep) {
+    const kept = parts.filter((p) => Boolean(p && p.trim()));
+    return kept.length > 0 ? kept.join(sep) : undefined;
+}
+// Compact "yr/mo" abbreviation tuned for the card row;
+export function formatDuration(months) {
+    if (typeof months !== "number" || months <= 0)
+        return undefined;
+    const years = Math.floor(months / 12);
+    const rem = months % 12;
+    if (years === 0)
+        return `${months} mo`;
+    if (rem === 0)
+        return `${years} yr`;
+    return `${years} yr ${rem} mo`;
+}

package/dist/graph/nodes/ga4-shared.d.ts

@@ -0,0 +1,2 @@
+export declare const ga4Orange = "#e37400";
+//# sourceMappingURL=ga4-shared.d.ts.map

package/dist/graph/nodes/ga4-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ga4-shared.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/ga4-shared.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,YAAY,CAAC"}

package/dist/graph/nodes/ga4-shared.js

@@ -0,0 +1 @@
+export const ga4Orange = "#e37400";

package/dist/graph/nodes/google-campaign-utils.d.ts

@@ -0,0 +1,34 @@
+import { type LucideIcon } from "lucide-react";
+import { formatGraphDate } from "#lib/format-date";
+export declare const formatDate: typeof formatGraphDate;
+export declare const googleRed = "#ea4335";
+export declare const statusColors: Record<string, string>;
+export declare const channelLabels: {
+    readonly SEARCH: {
+        readonly label: "Search";
+        readonly Icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    readonly DISPLAY: {
+        readonly label: "Display";
+        readonly Icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    readonly PERFORMANCE_MAX: {
+        readonly label: "Performance Max";
+        readonly Icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    readonly SHOPPING: {
+        readonly label: "Shopping";
+        readonly Icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+    readonly VIDEO: {
+        readonly label: "Video";
+        readonly Icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    };
+};
+export declare function getChannelDescriptor(value: string | undefined): {
+    label: string;
+    Icon: LucideIcon;
+} | undefined;
+export declare function formatBidStrategy(raw: string | undefined): string | undefined;
+export declare function formatNetworksSummary(typed: Record<string, unknown>): string | undefined;
+//# sourceMappingURL=google-campaign-utils.d.ts.map

package/dist/graph/nodes/google-campaign-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-campaign-utils.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/google-campaign-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsD,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AACnG,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,UAAU,wBAAkB,CAAC;AAE1C,eAAO,MAAM,SAAS,YAAY,CAAC;AAEnC,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAS/C,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;CAMhB,CAAC;AAEX,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG,SAAS,CAK/G;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAM7E;AASD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,GAAG,SAAS,CAKxF"}

package/dist/graph/nodes/google-campaign-utils.js

@@ -0,0 +1,48 @@
+import { Goal, Image as ImageIcon, Search, Sparkles, Wallet } from "lucide-react";
+import { formatGraphDate } from "#lib/format-date";
+export const formatDate = formatGraphDate;
+export const googleRed = "#ea4335";
+export const statusColors = {
+    enabled: "#22c55e",
+    active: "#22c55e",
+    ready: "#22c55e",
+    paused: "#f59e0b",
+    removed: "#ef4444",
+    error: "#ef4444",
+    draft: "#6b7280",
+    unknown: "#6b7280",
+};
+export const channelLabels = {
+    SEARCH: { label: "Search", Icon: Search },
+    DISPLAY: { label: "Display", Icon: ImageIcon },
+    PERFORMANCE_MAX: { label: "Performance Max", Icon: Sparkles },
+    SHOPPING: { label: "Shopping", Icon: Wallet },
+    VIDEO: { label: "Video", Icon: ImageIcon },
+};
+export function getChannelDescriptor(value) {
+    if (!value)
+        return undefined;
+    const key = value.toUpperCase();
+    const labels = channelLabels;
+    return labels[key] ?? { label: value, Icon: Goal };
+}
+export function formatBidStrategy(raw) {
+    if (!raw)
+        return undefined;
+    return raw
+        .replace(/_/g, " ")
+        .toLowerCase()
+        .replace(/\b\w/g, (c) => c.toUpperCase());
+}
+const networkLabels = {
+    campaignNetworkSettingsTargetGoogleSearch: "Google Search",
+    campaignNetworkSettingsTargetSearchNetwork: "Search Partners",
+    campaignNetworkSettingsTargetContentNetwork: "Display",
+    campaignNetworkSettingsTargetPartnerSearchNetwork: "Partner Search",
+};
+export function formatNetworksSummary(typed) {
+    const labels = Object.entries(networkLabels)
+        .filter(([key]) => typed[key])
+        .map(([, label]) => label);
+    return labels.length > 0 ? labels.join(" · ") : undefined;
+}

package/dist/graph/nodes/insight-shared.d.ts

@@ -0,0 +1,12 @@
+import type { LucideIcon } from "lucide-react";
+import { type ReactNode } from "react";
+type InsightNodeBodyProps = {
+    brandIcon: LucideIcon;
+    brandColor: string;
+    brandLabel: string;
+    right?: ReactNode;
+    children?: ReactNode;
+};
+export declare const InsightNodeBody: import("react").NamedExoticComponent<InsightNodeBodyProps>;
+export {};
+//# sourceMappingURL=insight-shared.d.ts.map

package/dist/graph/nodes/insight-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"insight-shared.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/insight-shared.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7C,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,UAAU,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,eAAe,4DAgB1B,CAAC"}

package/dist/graph/nodes/insight-shared.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo } from "react";
+export const InsightNodeBody = memo(function InsightNodeBody(props) {
+    const { brandIcon: BrandIcon, brandColor, brandLabel, right, children } = props;
+    return (_jsxs("div", { className: "bg-muted rounded-md px-3 py-2.5 flex min-w-60 max-w-90 flex-col gap-2", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsxs("div", { className: "flex items-center gap-1.25", children: [_jsx(BrandIcon, { size: 11, className: "shrink-0", style: { color: brandColor } }), _jsx("span", { className: "typography-tiny-semibold text-default-foreground whitespace-nowrap", children: brandLabel })] }), right] }), children] }));
+});

package/dist/graph/nodes/meta-campaign-utils.d.ts

@@ -0,0 +1,17 @@
+import { type LucideIcon } from "lucide-react";
+import { formatGraphDate } from "#lib/format-date";
+export declare const formatDate: typeof formatGraphDate;
+export declare const metaBlue = "#1877F2";
+export declare const statusColors: Record<string, string>;
+export declare function getObjectiveDescriptor(value: string | undefined): {
+    label: string;
+    Icon: LucideIcon;
+} | undefined;
+export declare function formatBidStrategy(raw: string | undefined): string | undefined;
+export declare function getBuyingTypeDescriptor(value: string | undefined): {
+    label: string;
+    Icon: LucideIcon;
+} | undefined;
+export declare function statusKey(value: string | undefined): string | undefined;
+export declare function statusLabel(value: string | undefined): string | undefined;
+//# sourceMappingURL=meta-campaign-utils.d.ts.map

package/dist/graph/nodes/meta-campaign-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta-campaign-utils.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/meta-campaign-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAaL,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,eAAO,MAAM,UAAU,wBAAkB,CAAC;AAE1C,eAAO,MAAM,QAAQ,YAAY,CAAC;AAElC,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAW/C,CAAC;AAuBF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG,SAAS,CAKjH;AAED,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAG7E;AAOD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,UAAU,CAAA;CAAE,GAAG,SAAS,CAIlH;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAGvE;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAGzE"}

package/dist/graph/nodes/meta-campaign-utils.js

@@ -0,0 +1,82 @@
+import { Coins, Crosshair, Eye, Gavel, Goal, Megaphone, MessageCircle, MousePointerClick, Play, Smartphone, Store, ThumbsUp, } from "lucide-react";
+import { formatGraphDate } from "#lib/format-date";
+export const formatDate = formatGraphDate;
+export const metaBlue = "#1877F2";
+export const statusColors = {
+    active: "#22c55e",
+    preapproved: "#22c55e",
+    paused: "#f59e0b",
+    pending_review: "#f59e0b",
+    campaign_paused: "#f59e0b",
+    archived: "#6b7280",
+    unknown: "#6b7280",
+    deleted: "#ef4444",
+    disapproved: "#ef4444",
+    with_issues: "#ef4444",
+};
+const objectiveLabels = {
+    OUTCOME_SALES: { label: "Sales", Icon: Coins },
+    OUTCOME_LEADS: { label: "Leads", Icon: Crosshair },
+    OUTCOME_TRAFFIC: { label: "Traffic", Icon: MousePointerClick },
+    OUTCOME_AWARENESS: { label: "Awareness", Icon: Megaphone },
+    OUTCOME_ENGAGEMENT: { label: "Engagement", Icon: ThumbsUp },
+    OUTCOME_APP_PROMOTION: { label: "App Promotion", Icon: Smartphone },
+    CONVERSIONS: { label: "Conversions", Icon: Coins },
+    LINK_CLICKS: { label: "Link Clicks", Icon: MousePointerClick },
+    POST_ENGAGEMENT: { label: "Post Engagement", Icon: ThumbsUp },
+    PAGE_LIKES: { label: "Page Likes", Icon: ThumbsUp },
+    REACH: { label: "Reach", Icon: Eye },
+    BRAND_AWARENESS: { label: "Brand Awareness", Icon: Megaphone },
+    VIDEO_VIEWS: { label: "Video Views", Icon: Play },
+    LEAD_GENERATION: { label: "Lead Generation", Icon: Crosshair },
+    MESSAGES: { label: "Messages", Icon: MessageCircle },
+    APP_INSTALLS: { label: "App Installs", Icon: Smartphone },
+    PRODUCT_CATALOG_SALES: { label: "Catalog Sales", Icon: Store },
+    STORE_VISITS: { label: "Store Visits", Icon: Store },
+};
+export function getObjectiveDescriptor(value) {
+    if (!value)
+        return undefined;
+    const key = localPart(value).toUpperCase();
+    const labels = objectiveLabels;
+    return labels[key] ?? { label: humanize(key), Icon: Goal };
+}
+export function formatBidStrategy(raw) {
+    if (!raw)
+        return undefined;
+    return humanize(localPart(raw));
+}
+const buyingTypeLabels = {
+    AUCTION: "Auction",
+    RESERVED: "Reserved",
+};
+export function getBuyingTypeDescriptor(value) {
+    if (!value)
+        return undefined;
+    const key = localPart(value).toUpperCase();
+    return { label: buyingTypeLabels[key] ?? humanize(key), Icon: Gavel };
+}
+export function statusKey(value) {
+    if (!value)
+        return undefined;
+    return localPart(value).toLowerCase();
+}
+export function statusLabel(value) {
+    const key = statusKey(value);
+    return key ? key.replace(/_/g, " ") : undefined;
+}
+function localPart(iriOrValue) {
+    const hashIdx = iriOrValue.lastIndexOf("#");
+    if (hashIdx >= 0)
+        return iriOrValue.slice(hashIdx + 1);
+    const slashIdx = iriOrValue.lastIndexOf("/");
+    if (slashIdx >= 0)
+        return iriOrValue.slice(slashIdx + 1);
+    return iriOrValue;
+}
+function humanize(raw) {
+    return raw
+        .replace(/_/g, " ")
+        .toLowerCase()
+        .replace(/\b\w/g, (c) => c.toUpperCase());
+}

package/dist/graph/nodes/node-property-display.d.ts

@@ -0,0 +1,30 @@
+export type PropertyDisplay = {
+    kind: "tags";
+    values: string[];
+} | {
+    kind: "color";
+    hex: string;
+} | {
+    kind: "ratio";
+    fraction: number;
+    text: string;
+} | {
+    kind: "number";
+    text: string;
+} | {
+    kind: "boolean";
+    value: boolean;
+} | {
+    kind: "prose";
+    text: string;
+} | {
+    kind: "text";
+    text: string;
+};
+export declare function isHexColor(value: string): boolean;
+export declare function classifyPropertyDisplay(args: {
+    label: string;
+    formatted: string;
+    raw: unknown;
+}): PropertyDisplay;
+//# sourceMappingURL=node-property-display.d.ts.map

package/dist/graph/nodes/node-property-display.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-property-display.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/node-property-display.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,EAAE,CAAA;CAAE,GAClC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACjD;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,GACnC;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAKnC,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAEjD;AAYD,wBAAgB,uBAAuB,CAAC,IAAI,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,OAAO,CAAA;CAAE,GAAG,eAAe,CA4BjH"}

package/dist/graph/nodes/node-property-display.js

@@ -0,0 +1,42 @@
+import { formatPercent, parseNumeric } from "../property-formatters.js";
+const hexPattern = /^#(?:[0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+// Shared with the palette swatch: both guard a style sink, so the two must not drift.
+export function isHexColor(value) {
+    return hexPattern.test(value);
+}
+const prosePhraseLength = 60;
+// Wider than formatDisplayValue's isPercentLabel, which excludes score — merging them would change both.
+function ratioFraction(label, numeric) {
+    if (numeric < 0 || numeric > 1)
+        return undefined;
+    // An aspect ratio is a width-to-height proportion, not a share of a whole.
+    if (/aspect/i.test(label))
+        return undefined;
+    return /share|ratio|score|rate|confidence|gate/i.test(label) ? numeric : undefined;
+}
+export function classifyPropertyDisplay(args) {
+    const { label, formatted, raw } = args;
+    if (Array.isArray(raw)) {
+        const values = raw
+            .filter((item) => typeof item === "string" || typeof item === "number" || typeof item === "boolean")
+            .map(String);
+        if (values.length > 1)
+            return { kind: "tags", values };
+    }
+    if (hexPattern.test(formatted))
+        return { kind: "color", hex: formatted };
+    // RDF booleans arrive as the literals "true"/"false" from the graph, as real booleans from fixtures.
+    if (raw === true || raw === false)
+        return { kind: "boolean", value: raw };
+    if (formatted === "true" || formatted === "false")
+        return { kind: "boolean", value: formatted === "true" };
+    const numeric = typeof raw === "number" ? raw : typeof raw === "string" ? parseNumeric(raw) : null;
+    if (numeric !== null) {
+        const fraction = ratioFraction(label, numeric);
+        // The bar and its label agree: 0.6 renders as a 60% bar captioned "60%".
+        if (fraction !== undefined)
+            return { kind: "ratio", fraction, text: formatPercent(fraction) };
+        return { kind: "number", text: formatted };
+    }
+    return formatted.length > prosePhraseLength ? { kind: "prose", text: formatted } : { kind: "text", text: formatted };
+}

package/dist/graph/nodes/slack-shared.d.ts

@@ -0,0 +1,2 @@
+export declare const slackAubergine = "#4a154b";
+//# sourceMappingURL=slack-shared.d.ts.map

package/dist/graph/nodes/slack-shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slack-shared.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/slack-shared.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,YAAY,CAAC"}

package/dist/graph/nodes/slack-shared.js

@@ -0,0 +1 @@
+export const slackAubergine = "#4a154b";

package/dist/graph/nodes/tone-badge.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export type BadgeTone = "positive" | "neutral" | "caution" | "negative";
+export type ToneBadgeProps = {
+    tone: BadgeTone;
+    className?: string;
+    children: ReactNode;
+};
+export declare function ToneBadge(props: ToneBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tone-badge.d.ts.map

package/dist/graph/nodes/tone-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone-badge.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/tone-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AASxE,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC;AAE1F,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAc9C"}

package/dist/graph/nodes/tone-badge.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#style";
+const classByTone = {
+    positive: "bg-success text-success-foreground ring-success",
+    neutral: "bg-info text-info-foreground ring-info",
+    caution: "bg-warning text-warning-foreground ring-warning",
+    negative: "bg-error text-error-foreground ring-error",
+};
+export function ToneBadge(props) {
+    const { tone, className, children } = props;
+    return (_jsx("span", { className: cn("inline-flex items-center rounded-full px-1.5 py-[1px] typography-tiny-semibold ring-1 ring-inset", classByTone[tone], className), children: children }));
+}

package/dist/graph/nodes/typed-node-helpers.d.ts

@@ -0,0 +1,10 @@
+export declare function toIriArray(value: unknown): string[];
+export declare function firstValue<T>(value: T | readonly T[] | null | undefined): T | undefined;
+export declare function readEntityIri(jsonLd: Record<string, unknown>): string;
+export declare function readVocabString(jsonLd: Record<string, unknown>, term: string): string | undefined;
+export declare function readVocabValue(jsonLd: Record<string, unknown>, term: string): unknown;
+export declare function readNamespacedString(jsonLd: Record<string, unknown>, namespace: string, prefix: string, term: string): string | undefined;
+export declare function readSchemaOrgString(jsonLd: Record<string, unknown>, term: string): string | undefined;
+export declare function readBrandString(jsonLd: Record<string, unknown>, term: string): string | undefined;
+export declare function readNmoString(jsonLd: Record<string, unknown>, term: string): string | undefined;
+//# sourceMappingURL=typed-node-helpers.d.ts.map

package/dist/graph/nodes/typed-node-helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typed-node-helpers.d.ts","sourceRoot":"","sources":["../../../src/graph/nodes/typed-node-helpers.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,EAAE,CAInD;AAID,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,GAAG,SAAS,CAIvF;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAErE;AAOD,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEjG;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAErF;AAGD,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GACX,MAAM,GAAG,SAAS,CAGpB;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAErG;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAEjG;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAE/F"}

package/dist/graph/nodes/typed-node-helpers.js

@@ -0,0 +1,43 @@
+import { vocabBase } from "@manta-eu/ldo/realm";
+import { namespaces } from "@manta-eu/rdf-lib/namespaces";
+export function toIriArray(value) {
+    if (Array.isArray(value))
+        return value.filter((v) => typeof v === "string" && v !== "");
+    if (typeof value === "string")
+        return [value];
+    return [];
+}
+// A list-sourced property gets `sh:minCount 0` and no `sh:maxCount` from the inferred shapes, so
+// LDkit types it as an array even where the data is single-valued.
+export function firstValue(value) {
+    if (value === null || value === undefined)
+        return undefined;
+    return Array.isArray(value) ? value[0] : value;
+}
+export function readEntityIri(jsonLd) {
+    return typeof jsonLd["@id"] === "string" ? jsonLd["@id"] : "";
+}
+// The graph canvas expands keys to full IRIs, chat JSON-LD keeps them prefixed. Read either, in the active realm.
+function vocabCandidates(jsonLd, term) {
+    return [`${vocabBase}${term}`, `m:${term}`, `:${term}`].map((key) => jsonLd[key]);
+}
+export function readVocabString(jsonLd, term) {
+    return vocabCandidates(jsonLd, term).find((value) => typeof value === "string");
+}
+export function readVocabValue(jsonLd, term) {
+    return vocabCandidates(jsonLd, term).find((value) => value !== undefined);
+}
+// Same expanded/prefixed pair as vocabCandidates, for the namespaces that carry no realm base.
+export function readNamespacedString(jsonLd, namespace, prefix, term) {
+    const candidates = [`${namespace}${term}`, `${prefix}:${term}`].map((key) => jsonLd[key]);
+    return candidates.find((value) => typeof value === "string");
+}
+export function readSchemaOrgString(jsonLd, term) {
+    return readNamespacedString(jsonLd, namespaces.schema, "schema", term);
+}
+export function readBrandString(jsonLd, term) {
+    return readNamespacedString(jsonLd, namespaces.brand, "brand", term);
+}
+export function readNmoString(jsonLd, term) {
+    return readNamespacedString(jsonLd, namespaces.nmo, "nmo", term);
+}

package/dist/graph/ontology-labels.d.ts

@@ -0,0 +1,9 @@
+import type { OntologyTerm } from "../lib/ontology-terms.js";
+import type { NodePropertyChange } from "./graph-list-utils.js";
+import type { NodeProperty } from "./types.js";
+export declare function ontologyPropertyIri(value: string | undefined): string | undefined;
+export declare function ontologyTermIrisForProperties(properties: NodeProperty[]): string[];
+export declare function ontologyTermIrisForChanges(changes: NodePropertyChange[]): string[];
+export declare function withOntologyLabels(properties: NodeProperty[], terms: Map<string, OntologyTerm>): NodeProperty[];
+export declare function withOntologyPredicateLabels(changes: NodePropertyChange[], terms: Map<string, OntologyTerm>): NodePropertyChange[];
+//# sourceMappingURL=ontology-labels.d.ts.map

package/dist/graph/ontology-labels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ontology-labels.d.ts","sourceRoot":"","sources":["../../src/graph/ontology-labels.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAMjF;AAED,wBAAgB,6BAA6B,CAAC,UAAU,EAAE,YAAY,EAAE,GAAG,MAAM,EAAE,CAElF;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,kBAAkB,EAAE,GAAG,MAAM,EAAE,CAElF;AAED,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,YAAY,EAAE,CAe/G;AAED,wBAAgB,2BAA2B,CACzC,OAAO,EAAE,kBAAkB,EAAE,EAC7B,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,GAC/B,kBAAkB,EAAE,CAetB"}

package/dist/graph/ontology-labels.js

@@ -0,0 +1,45 @@
+import { isQueryableTermIri } from "@manta-eu/datalog-parser";
+import { isPresent } from "@manta-eu/lib/present";
+import { expandPrefix } from "@manta-eu/rdf-lib/namespaces";
+export function ontologyPropertyIri(value) {
+    if (!value)
+        return undefined;
+    const expanded = expandPrefix(value);
+    return isQueryableTermIri(expanded) ? expanded : undefined;
+}
+export function ontologyTermIrisForProperties(properties) {
+    return properties.map((property) => ontologyPropertyIri(property.iri)).filter((iri) => isPresent(iri));
+}
+export function ontologyTermIrisForChanges(changes) {
+    return changes.map((change) => ontologyPropertyIri(change.predicate)).filter((iri) => isPresent(iri));
+}
+export function withOntologyLabels(properties, terms) {
+    if (terms.size === 0)
+        return properties;
+    return properties.map((property) => {
+        const iri = ontologyPropertyIri(property.iri);
+        const term = iri ? terms.get(iri) : undefined;
+        if (!term)
+            return property;
+        const label = property.label || term.label;
+        const valueScale = property.valueScale ?? term.valueScale;
+        if (label === property.label && valueScale === property.valueScale)
+            return property;
+        return { ...property, label, valueScale };
+    });
+}
+export function withOntologyPredicateLabels(changes, terms) {
+    if (terms.size === 0)
+        return changes;
+    return changes.map((change) => {
+        const iri = ontologyPropertyIri(change.predicate);
+        const term = iri ? terms.get(iri) : undefined;
+        if (!term)
+            return change;
+        const predicateLabel = change.predicateLabel || term.label;
+        const valueScale = change.valueScale ?? term.valueScale;
+        if (predicateLabel === change.predicateLabel && valueScale === change.valueScale)
+            return change;
+        return { ...change, predicateLabel, valueScale };
+    });
+}

package/dist/graph/property-formatters.d.ts

@@ -0,0 +1,16 @@
+import type { OntologyTerm } from "../lib/ontology-terms.js";
+export declare function parseNumeric(value: string): number | null;
+export declare function normalizeCurrencyCode(value: string | null | undefined): string | null;
+export declare function formatCurrency(value: number, currencyCode: string | null): string;
+export declare function formatNumber(value: number | null | undefined): string | undefined;
+export declare function formatTermCurrency(value: number | null | undefined, term: OntologyTerm | undefined, currency?: string | null): string | undefined;
+export declare function formatPercentValue(value: number): string;
+export declare function formatPercentFraction(value: number): string;
+export declare function formatPercent(value: number): string;
+export declare function formatDisplayValue(value: string, options?: {
+    predicate?: string;
+    predicateLabel?: string | null;
+    currencyCode?: string | null;
+    valueScale?: number;
+}): string;
+//# sourceMappingURL=property-formatters.d.ts.map

package/dist/graph/property-formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"property-formatters.d.ts","sourceRoot":"","sources":["../../src/graph/property-formatters.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AA0C1D,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAYzD;AAgBD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,IAAI,CAIrF;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI,UAIxE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAEjF;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,IAAI,EAAE,YAAY,GAAG,SAAS,EAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,sBAOzB;AAGD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAExD;AAGD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE3D;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAEnD;AAwBD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE;IACR,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACA,MAAM,CA0BR"}