@cognite/reveal-components 1.0.0 → 1.0.2

package/dist/ui/components/commandBased/treeView/DomainObjectTreeView/CadNodeInfoDialog.js

@@ -0,0 +1,105 @@
+import { useTranslation as e } from "../../../i18n/I18n.js";
+import { CadNodeInfoDialogContext as t } from "./CadNodeInfoDialog.context.js";
+import { PRIORITY_CATEGORY as n, formatPropertyValue as r, getCdfMetadataEntries as i, getOtherCategories as a } from "./CadNodeInfoDialog.function.js";
+import { useContext as o, useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Dialog as u, DialogContent as d, DialogHeader as f, DialogTitle as p } from "@cognite/aura/components/dialog";
+import { EmptyState as m, EmptyStateIcon as h, EmptyStateTitle as g } from "@cognite/aura/components/empty-state";
+import { Loader as _ } from "@cognite/aura/components/loader";
+import { Tabs as v, TabsLabel as y, TabsList as b, TabsPanel as x, TabsTrigger as S } from "@cognite/aura/components/tabs";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/DomainObjectTreeView/CadNodeInfoDialog.tsx
+var C = "cdf-metadata", w = ({ open: t, onOpenChange: r, node: o, isLoading: s, isError: w }) => {
+	let { t: T } = e(), D = Object.keys(o?.properties ?? {}).includes(n), O = a(o), k = D ? n : C;
+	return /* @__PURE__ */ c(u, {
+		open: t,
+		onOpenChange: r,
+		children: /* @__PURE__ */ l(d, {
+			className: "flex h-[560px] max-w-2xl flex-col sm:max-w-2xl",
+			children: [/* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(p, { children: T({ key: "NODE_PROPERTIES" }) }) }), s ? /* @__PURE__ */ c(_, {}) : w ? /* @__PURE__ */ c("div", {
+				className: "flex min-h-full flex-1 flex-col items-center justify-center",
+				children: /* @__PURE__ */ l(m, {
+					variant: "compact",
+					type: "error-generic",
+					children: [/* @__PURE__ */ c(h, {}), /* @__PURE__ */ c(g, {
+						as: "p",
+						children: T({ key: "NODE_PROPERTIES_LOAD_ERROR" })
+					})]
+				})
+			}) : o === void 0 ? /* @__PURE__ */ c(_, {}) : /* @__PURE__ */ l(v, {
+				defaultValue: k,
+				className: "flex min-h-0 flex-1 flex-col",
+				children: [/* @__PURE__ */ l(b, {
+					size: "small",
+					children: [
+						D && /* @__PURE__ */ c(S, {
+							value: "Item",
+							size: "small",
+							children: /* @__PURE__ */ c(y, { children: "Item" })
+						}),
+						/* @__PURE__ */ c(S, {
+							value: C,
+							size: "small",
+							children: /* @__PURE__ */ c(y, { children: T({ key: "CDF_METADATA" }) })
+						}),
+						O.map((e) => /* @__PURE__ */ c(S, {
+							value: e,
+							size: "small",
+							children: /* @__PURE__ */ c(y, { children: e })
+						}, e))
+					]
+				}), /* @__PURE__ */ l("div", {
+					className: "min-h-0 flex-1 pt-2",
+					children: [
+						D && /* @__PURE__ */ c(x, {
+							value: "Item",
+							className: "h-full",
+							children: /* @__PURE__ */ c(E, { entries: Object.entries(o.properties?.Item ?? {}) })
+						}),
+						/* @__PURE__ */ c(x, {
+							value: C,
+							className: "h-full",
+							children: /* @__PURE__ */ c(E, { entries: i(o) })
+						}),
+						O.map((e) => /* @__PURE__ */ c(x, {
+							value: e,
+							className: "h-full",
+							children: /* @__PURE__ */ c(E, { entries: Object.entries(o.properties?.[e] ?? {}) })
+						}, e))
+					]
+				})]
+			}, o.id)]
+		})
+	});
+}, T = 64;
+function E({ entries: n }) {
+	let { DataGrid: i } = o(t), { t: a } = e(), l = n.map(([e, t]) => ({
+		id: e,
+		key: e,
+		value: r(t)
+	})), u = s(() => [{
+		accessorKey: "key",
+		header: a({ key: "PROPERTY" }),
+		size: 200
+	}, {
+		accessorKey: "value",
+		header: a({ key: "VALUE" }),
+		cell: ({ row: e }) => /* @__PURE__ */ c("span", {
+			className: "line-clamp-3 whitespace-normal break-words",
+			title: e.original.value,
+			children: e.original.value
+		})
+	}], [a]);
+	return /* @__PURE__ */ c("div", {
+		className: "h-full",
+		children: /* @__PURE__ */ c(i, {
+			data: l,
+			columns: u,
+			rowHeight: T,
+			getRowId: (e) => e.id,
+			"aria-label": "Node properties",
+			className: "bg-background"
+		})
+	});
+}
+//#endregion
+export { w as CadNodeInfoDialog };

package/dist/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.function.d.ts

@@ -1,9 +1,20 @@
-import { BaseCommand } from '../../../../../domains';
+import { BaseCommand, DomainObject } from '../../../../../domains';
 import { TreeNodeType } from '../../../../../foundation/treeNodes/tree-node-type/tree-node-type';
 /**
  * Handles the selection of a domain object node.
  * @param node - The tree node to be selected or deselected.
+ * @param root - The root of the domain object tree, used to clear other selections.
  */
-export declare function onSelectDomainObject(node: TreeNodeType): void;
+export declare function onSelectDomainObject(node: TreeNodeType, root: DomainObject): void;
+/**
+ * Clears the highlight/selection of the node currently selected in any CAD node hierarchy
+ * @param root - The root of the domain object tree to search for CAD models.
+ */
+export declare function clearAllCadNodeSelections(root: DomainObject): void;
 export declare function onToggleDomainObject(node: TreeNodeType): void;
+/**
+ * Clears all selection/highlight state in the tree
+ * @param root - The root of the domain object tree.
+ */
+export declare function onClickTreeViewBackground(root: DomainObject): void;
 export declare function getContextMenu(node: TreeNodeType): BaseCommand[] | undefined;

package/dist/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.function.js

@@ -1,21 +1,29 @@
 import { DomainObject as e } from "../../../../../foundation/domainObjects/DomainObject.js";
+import { CadDomainObject as t } from "../../../../../domains/reveal/cad/CadDomainObject.js";
 import "../../../../../domains/index.js";
 //#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.function.tsx
-function t(t) {
-	if (t.onSelect !== void 0) {
+function n(t, n) {
+	if (r(n), t.onSelect !== void 0) {
 		t.onSelect();
 		return;
 	}
-	if (!(t instanceof e)) return;
-	let n = t.root;
-	for (let e of n.getThisAndDescendants()) e !== t && e.setSelected(!1);
-	t.setSelected(!t.isSelected);
+	if (t instanceof e) {
+		for (let e of n.getThisAndDescendants()) e !== t && e.setSelected(!1);
+		t.setSelected(!t.isSelected);
+	}
+}
+function r(e) {
+	for (let n of e.getDescendantsByType(t)) n.clearNodeSelection();
 }
-function n(e) {
+function i(e) {
 	e.toggleVisible?.();
 }
-function r(t) {
+function a(e) {
+	r(e);
+	for (let t of e.getThisAndDescendants()) t.setSelected(!1);
+}
+function o(t) {
 	if (t instanceof e) return t.getContextMenu();
 }
 //#endregion
-export { r as getContextMenu, t as onSelectDomainObject, n as onToggleDomainObject };
+export { r as clearAllCadNodeSelections, o as getContextMenu, a as onClickTreeViewBackground, n as onSelectDomainObject, i as onToggleDomainObject };

package/dist/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.js

@@ -1,19 +1,33 @@
 import { useRenderTarget as e } from "../../../RevealCanvas/ViewerContext.js";
 import { IconFactory as t } from "../../Factories/IconFactory.js";
-import { TreeView as n } from "../TreeView/tree-view.js";
-import { getContextMenu as r, onSelectDomainObject as i, onToggleDomainObject as a } from "./DomainObjectTreeView.function.js";
-import { jsx as o } from "react/jsx-runtime";
+import { CadTreeNodeViewAdapter as n } from "../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node-view-adapter.js";
+import { useCadNode3DInfo as r } from "../../../../query/useCadNode3DInfo.js";
+import { TreeView as i } from "../TreeView/tree-view.js";
+import { CadNodeInfoDialog as a } from "./CadNodeInfoDialog.js";
+import { getContextMenu as o, onClickTreeViewBackground as s, onSelectDomainObject as c, onToggleDomainObject as l } from "./DomainObjectTreeView.function.js";
+import { useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.tsx
-var s = 20, c = () => {
-	let c = e();
-	return /* @__PURE__ */ o(n, {
-		maxLabelLength: s,
-		root: c.root,
-		onSelectNode: i,
-		onToggleNode: a,
-		getContextMenu: r,
+var m = 20, h = () => {
+	let h = e(), [g, _] = u(void 0), [v, y] = u(!1), b = (e) => {
+		e instanceof n && (_(e), y(!0));
+	}, { data: x, isLoading: S, isError: C } = r(h.root.sdk, g?.revisionId, g?.node.nodeId);
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(i, {
+		maxLabelLength: m,
+		root: h.root,
+		onSelectNode: (e) => c(e, h.root),
+		onToggleNode: l,
+		onClickInfo: b,
+		onClickBackground: () => s(h.root),
+		getContextMenu: o,
 		getIconFromIconName: t.getIcon
-	});
+	}), /* @__PURE__ */ f(a, {
+		open: v,
+		onOpenChange: y,
+		node: x,
+		isLoading: S,
+		isError: C
+	})] });
 };
 //#endregion
-export { c as DomainObjectTreeView };
+export { h as DomainObjectTreeView };

package/dist/ui/components/commandBased/treeView/TreeView/components/tree-view-info.js

@@ -14,8 +14,8 @@ var c = ({ node: c, onClick: l }) => {
 				size: "icon-sm",
 				"aria-label": "Info",
 				className: "tree-view-info text-medium-foreground",
-				onClick: () => {
-					d(c);
+				onClick: (e) => {
+					e.stopPropagation(), d(c);
 				},
 				children: /* @__PURE__ */ e(o, {})
 			}) }), /* @__PURE__ */ e(r, {

package/dist/ui/components/commandBased/treeView/TreeView/extraComponents/CadTreeAssetMappingDropdown.js

@@ -1,69 +1,70 @@
 import { createInstanceKey as e, instanceIdToInstanceReference as t } from "../../../../../../data-providers/cache/idAndKeyTranslation.js";
 import { createInstanceReferenceKey as n } from "../../../../../../utilities/instanceIds/toKey.js";
+import { useMemoWithUpdateSignal as r } from "../../../../../../utilities/signal/useMemoWithUpdateSignal.js";
 import "../../../../../../utilities/index.js";
-import { CadTreeAssetMappingDropdownContext as r } from "./CadTreeAssetMappingDropdown.context.js";
-import { useContext as i } from "react";
-import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Tooltip as c, TooltipContent as l, TooltipProvider as u, TooltipTrigger as d } from "@cognite/aura/components/tooltip";
-import { IconLink as f, IconTrash as p } from "@tabler/icons-react";
-import { Label as m } from "@cognite/aura/components/label";
-import { Popover as h, PopoverContent as g, PopoverTrigger as _ } from "@cognite/aura/components/popover";
-import { cn as v } from "@cognite/aura/utils";
+import { CadTreeAssetMappingDropdownContext as i } from "./CadTreeAssetMappingDropdown.context.js";
+import { useContext as a, useMemo as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Tooltip as u, TooltipContent as d, TooltipProvider as f, TooltipTrigger as p } from "@cognite/aura/components/tooltip";
+import { IconLink as m, IconTrash as h } from "@tabler/icons-react";
+import { Label as g } from "@cognite/aura/components/label";
+import { Popover as _, PopoverContent as v, PopoverTrigger as y } from "@cognite/aura/components/popover";
+import { cn as b } from "@cognite/aura/utils";
 //#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/TreeView/extraComponents/CadTreeAssetMappingDropdown.tsx
-var y = 28;
-function b({ cadTreeNode: p }) {
-	let { useInstancesByIdsQuery: m } = i(r), y = p.getInstanceMappings(), { data: b } = m(y.map((e) => t(e.instance)));
-	if (y === void 0 || b === void 0 || b.size === 0) return /* @__PURE__ */ o(a, {});
-	let S = async (e) => {
+var x = 28;
+function S({ cadTreeNode: h }) {
+	let { useInstancesByIdsQuery: g } = a(i), x = r(() => h.getInstanceMappings(), h.updateSignal, [h]), { data: S } = g(o(() => x.map((e) => t(e.instance)), [x]));
+	if (S === void 0 || S.size === 0) return /* @__PURE__ */ c(s, {});
+	let w = async (e) => {
 		try {
-			await p.deleteInstanceMapping(e);
+			await h.deleteInstanceMapping(e);
 		} catch (e) {
 			console.error("CAD Instance mapping deletion failed: ", e);
 		}
 	};
-	return /* @__PURE__ */ o(a, { children: /* @__PURE__ */ o(u, {
+	return /* @__PURE__ */ c(s, { children: /* @__PURE__ */ c(f, {
 		delayDuration: 500,
-		children: /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(d, { children: /* @__PURE__ */ s(h, { children: [/* @__PURE__ */ o(_, { render: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ l(u, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ l(_, { children: [/* @__PURE__ */ c(y, { render: /* @__PURE__ */ c("div", {
 			role: "button",
 			tabIndex: 0,
-			className: v("flex shrink-0 items-center justify-center rounded-lg", "hover:bg-accent-background", "cursor-pointer transition-all"),
-			children: /* @__PURE__ */ o(f, { className: "size-4" })
-		}) }), /* @__PURE__ */ o(g, {
+			className: b("flex shrink-0 items-center justify-center rounded-lg", "hover:bg-accent-background", "cursor-pointer transition-all"),
+			children: /* @__PURE__ */ c(m, { className: "size-4" })
+		}) }), /* @__PURE__ */ c(v, {
 			side: "right",
 			align: "start",
 			sideOffset: 2,
 			className: "p-0 flex justify-between",
-			children: /* @__PURE__ */ o("div", {
+			children: /* @__PURE__ */ c("div", {
 				className: "max-h-[600px] w-full overflow-x-hidden overflow-y-auto flex p-1.5 flex-col gap-1.5 rounded-lg bg-white shadow-[0px_1px_16px_4px_rgba(79,82,104,0.1),0px_1px_8px_0px_rgba(79,82,104,0.08),0px_1px_2px_0px_rgba(79,82,104,0.24)]",
-				children: y.map((r) => {
-					let i = n(t(r.instance)), a = b.get(i);
-					return /* @__PURE__ */ o(x, {
+				children: x.map((r) => {
+					let i = n(t(r.instance)), a = S.get(i);
+					return /* @__PURE__ */ c(C, {
 						name: a?.name ?? `${i}`,
-						deleteDelegate: () => S(r)
+						deleteDelegate: h.canDelete ? () => w(r) : void 0
 					}, e(r.instance));
 				})
 			})
-		})] }) }), /* @__PURE__ */ o(l, {
+		})] }) }), /* @__PURE__ */ c(d, {
 			side: "right",
 			children: "Show asset mappings"
 		})] })
 	}) });
 }
-function x({ name: e, deleteDelegate: t }) {
-	let n = e.length !== void 0 && e.length > y ? `${e.slice(0, y)}...` : e;
-	return /* @__PURE__ */ s("div", {
+function C({ name: e, deleteDelegate: t }) {
+	let n = e.length !== void 0 && e.length > x ? `${e.slice(0, x)}...` : e;
+	return /* @__PURE__ */ l("div", {
 		className: "flex flex-row justify-between",
-		children: [/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(d, { render: /* @__PURE__ */ o(m, {
+		children: [/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(u, { children: [/* @__PURE__ */ c(p, { render: /* @__PURE__ */ c(g, {
 			className: "p-0",
 			children: n
-		}) }), /* @__PURE__ */ o(l, { children: e })] }) }), /* @__PURE__ */ o("div", {
+		}) }), /* @__PURE__ */ c(d, { children: e })] }) }), t !== void 0 && /* @__PURE__ */ c("div", {
 			role: "button",
 			tabIndex: 0,
-			className: v("inline-flex size-5 shrink-0 items-center justify-center rounded-sm", "text-destructive-foreground-on-critical", "hover:bg-destructive-background-hover", "cursor-pointer transition-all"),
+			className: b("inline-flex size-5 shrink-0 items-center justify-center rounded-sm", "text-destructive-foreground-on-critical", "hover:bg-destructive-background-hover", "cursor-pointer transition-all"),
 			onClick: t,
-			children: /* @__PURE__ */ o(p, {})
+			children: /* @__PURE__ */ c(h, {})
 		})]
 	});
 }
 //#endregion
-export { b as CadTreeAssetMappingDropdown };
+export { S as CadTreeAssetMappingDropdown };

package/dist/ui/components/commandBased/treeView/TreeView/tree-view-node.js

@@ -32,6 +32,7 @@ var u = ({ node: r, level: u, props: d, openContextMenu: p }) => {
 				/* @__PURE__ */ c("div", {
 					className: "flex flex-row items-center tree-view-node-row gap-1.5",
 					role: "row",
+					onClick: (e) => e.stopPropagation(),
 					children: [
 						/* @__PURE__ */ s(_, { node: r }),
 						E && /* @__PURE__ */ s(v, {

package/dist/ui/components/commandBased/treeView/TreeView/tree-view-props.d.ts

@@ -13,6 +13,7 @@ export type TreeViewProps = {
     maxLabelLength?: number;
     onSelectNode?: TreeNodeSelectAction;
     onToggleNode?: TreeNodeAction;
+    onClickBackground?: () => void;
     onClickInfo?: TreeNodeAction;
     getContextMenu?: GetTreeNodeContextMenu;
     onKeyDown?: (root: TreeNodeType, event: KeyboardEvent) => boolean;

package/dist/ui/components/commandBased/treeView/TreeView/tree-view.js

@@ -4,50 +4,52 @@ import { forwardRef as n, useCallback as r, useContext as i, useState as a } fro
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/TreeView/tree-view.tsx
 var l = n((n, l) => {
-	let { loader: u, onKeyDown: d, getContextMenu: f, showRoot: p, className: m } = n, h = u?.root ?? n.root, { Loader: g, TreeViewNode: _, TreeViewContextMenu: v } = i(t), [y, b] = a(0), [x, S] = a(void 0);
-	h === void 0 && u?.loadInitialRoot !== void 0 && u.loadInitialRoot().then(() => {
-		b((e) => e + 1);
+	let { loader: u, onKeyDown: d, onClickBackground: f, getContextMenu: p, showRoot: m, className: h } = n, g = u?.root ?? n.root, { Loader: _, TreeViewNode: v, TreeViewContextMenu: y } = i(t), [b, x] = a(0), [S, C] = a(void 0);
+	g === void 0 && u?.loadInitialRoot !== void 0 && u.loadInitialRoot().then(() => {
+		x((e) => e + 1);
 	});
-	let C = r((e, t) => {
-		if (f !== void 0) {
-			let n = f(e);
-			n !== void 0 && n.length > 0 && S({
+	let w = r((e, t) => {
+		if (p !== void 0) {
+			let n = p(e);
+			n !== void 0 && n.length > 0 && C({
 				commands: n,
 				position: t
 			});
 		}
-	}, [f]), w = r((e) => {
-		h !== void 0 && d !== void 0 && d(h, e.nativeEvent) && e.preventDefault();
-	}, [d, h]);
-	if (h === void 0) return /* @__PURE__ */ s(g, {});
-	let T = p === !1 ? /* @__PURE__ */ s("div", {
+	}, [p]), T = r((e) => {
+		g !== void 0 && d !== void 0 && d(g, e.nativeEvent) && e.preventDefault();
+	}, [d, g]);
+	if (g === void 0) return /* @__PURE__ */ s(_, {});
+	let E = m === !1 ? /* @__PURE__ */ s("div", {
 		ref: l,
-		className: `overflow-auto m-2 outline-none w-auto h-auto whitespace-nowrap pb-1${m === void 0 ? "" : ` ${m}`}`,
-		onKeyDown: w,
+		className: `overflow-auto m-2 outline-none w-auto h-auto whitespace-nowrap pb-1${h === void 0 ? "" : ` ${h}`}`,
+		onKeyDown: T,
+		onClick: f,
 		tabIndex: 0,
 		role: "tree",
-		children: e(h, u, !1)?.map((e) => /* @__PURE__ */ s(_, {
+		children: e(g, u, !1)?.map((e) => /* @__PURE__ */ s(v, {
 			node: e,
 			level: 0,
 			props: n,
-			openContextMenu: C
+			openContextMenu: w
 		}, e.id))
 	}) : /* @__PURE__ */ s("div", {
 		ref: l,
-		className: `overflow-auto m-2 outline-none w-auto h-auto whitespace-nowrap pb-1${m === void 0 ? "" : ` ${m}`}`,
-		onKeyDown: w,
+		className: `overflow-auto m-2 outline-none w-auto h-auto whitespace-nowrap pb-1${h === void 0 ? "" : ` ${h}`}`,
+		onKeyDown: T,
+		onClick: f,
 		tabIndex: 0,
 		role: "tree",
-		children: /* @__PURE__ */ s(_, {
-			node: h,
+		children: /* @__PURE__ */ s(v, {
+			node: g,
 			level: 0,
 			props: n,
-			openContextMenu: C
-		}, h.id)
+			openContextMenu: w
+		}, g.id)
 	});
-	return /* @__PURE__ */ c(o, { children: [T, x !== void 0 && /* @__PURE__ */ s(v, {
-		state: x,
-		onClose: () => S(void 0)
+	return /* @__PURE__ */ c(o, { children: [E, S !== void 0 && /* @__PURE__ */ s(y, {
+		state: S,
+		onClose: () => C(void 0)
 	})] });
 });
 //#endregion

package/dist/ui/components/i18n/I18n.js

@@ -7,7 +7,7 @@ import { createContext as a, useContext as o, useEffect as s, useState as c } fr
 import { jsx as l } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/i18n/I18n.tsx
 var u = a(null), d = (i, a = !0) => {
-	let o = i ?? r() ?? "en", [l, u] = c(o), [d, f] = c({});
+	let o = i ?? r() ?? "en", [l, u] = c(o), [d, f] = c({}), p = l === "en" ? t : d;
 	return s(() => {
 		if (!a) return;
 		let e = () => {
@@ -18,7 +18,7 @@ var u = a(null), d = (i, a = !0) => {
 			window.removeEventListener("languagechange", e);
 		};
 	}, [a, l]), s(() => {
-		a && (async () => {
+		!a || l === "en" || (async () => {
 			try {
 				let t = await e(/* #__PURE__ */ Object.assign({
 					"../../../common/i18n/de/reveal-components.json": () => import("../../../common/i18n/de/reveal-components.js"),
@@ -44,7 +44,7 @@ var u = a(null), d = (i, a = !0) => {
 		});
 	}, [l, a]), {
 		currentLanguage: l,
-		t: (e) => n(e) ? d[e.key] === void 0 ? t[e.key] : d[e.key] : e.untranslated
+		t: (e) => n(e) ? p[e.key] === void 0 ? t[e.key] : p[e.key] : e.untranslated
 	};
 }, f = (e) => {
 	let t = o(u), n = r() ?? "en", i = d(e ?? n, t === null);

package/dist/ui/components/index.d.ts

@@ -15,4 +15,4 @@ export { RevealContext, type RevealContextProps } from './RevealContext';
 export { RevealToolbar } from './RevealToolbar';
 export { SceneContainer, type SceneContainerProps, type SceneIdentifiers, useLoadedScene, } from './SceneContainer';
 export { type BooleanCondition, type BooleanConditionTypes, type BooleanExpression, type ColorRuleOutput, type ConcreteExpression, type CriteriaTypes, type DatetimeBetweenConditionType, type DatetimeCondition, type DatetimeConditionTypes, type DatetimeExpression, type DatetimeUniqueConditionTypes, type Expression, type ExpressionOperator, type ExpressionOperatorsTypes, type FdmInstanceNodeDataKey, type FdmKeyRuleTriggerTyping, type FdmRuleTrigger, type FdmRuleTriggerTyping, getRuleTriggerTypes, type MetadataRuleTrigger, type NumericCondition, type NumericConditionTypes, type NumericExpression, type NumericOutsideConditionType, type NumericUniqueConditionTypes, type NumericWithinConditionType, type Rule, type RuleAndEnabled, RuleBasedOutputsPanel, type RuleOutput, type RuleOutputSet, type RuleWithOutputs, type StringCondition, type StringConditionTypes, type StringExpression, type TimeseriesRuleTrigger, type TriggerType, useCreateRuleInstance, useDeleteRuleInstance, useEditRuleInstance, useFetchRuleInstances, useSearchRuleInstance, } from './RuleBasedOutputs';
-export { RevealWidget, RevealWidgetCameraController, RevealWidgetController, type RevealWidgetProps, Default3DStyles, } from './Widget';
+export { RevealWidget, RevealWidgetCameraController, RevealWidgetController, type RevealWidgetProps, type RevealWidgetTrackingProps, Default3DStyles, } from './Widget';

package/dist/ui/hooks/network/fetchLinkFromRelationshipsByTimeseries.js

@@ -1,14 +1,14 @@
-import { executeParallel as e } from "../../../utilities/executeParallel.js";
-import { isDefined as t } from "../../../utilities/isDefined.js";
+import { isDefined as e } from "../../../utilities/isDefined.js";
+import { executeParallel as t } from "../../../utilities/executeParallel.js";
 import { getRelationships as n } from "./getRelationships.js";
 import { chunk as r } from "lodash-es";
 //#region libs/shared/reveal-components/src/ui/hooks/network/fetchLinkFromRelationshipsByTimeseries.ts
 var i = 1e3, a = async (a, o, s) => {
 	let c = r(o, i);
-	return (await e(c.map((e) => async () => await n(a, {
+	return (await t(c.map((e) => async () => await n(a, {
 		resourceExternalIds: e,
 		relationshipResourceTypes: s
-	})), 2)).filter(t).flat()?.map((e) => {
+	})), 2)).filter(e).flat()?.map((e) => {
 		let t = {
 			assetIds: { externalId: "" },
 			timeseriesIds: { externalId: "" }

package/dist/ui/hooks/network/getImage360CollectionsForDmInstance.js

@@ -1,11 +1,11 @@
 import { restrictToDmsId as e } from "../../../utilities/restrictToDmsId.js";
-import { createDmsQueryDataAccumulator as t } from "../../../utilities/dms-cursoring/dmsAccumulator.js";
-import { COGNITE_IMAGE_360_SOURCE as n, COGNITE_VISUALIZABLE_SOURCE as r } from "../../../data-providers/core-dm-provider/dataModels.js";
+import { COGNITE_IMAGE_360_SOURCE as t, COGNITE_VISUALIZABLE_SOURCE as n } from "../../../data-providers/core-dm-provider/dataModels.js";
+import { createDmsQueryDataAccumulator as r } from "../../../utilities/dms-cursoring/dmsAccumulator.js";
 import { hasDataImage360AnnotationContainerFilter as i, hasDataImage360ContainerFilter as a, hasDataObject3DContainerFilter as o, hasDataVisualizableContainerFilter as s, isCoreDmImage360CollectionFilter as c } from "../../../data-providers/core-dm-provider/utils/filters.js";
 //#region libs/shared/reveal-components/src/ui/hooks/network/getImage360CollectionsForDmInstance.ts
-async function l(n, r) {
-	let i = u(n);
-	return (await t(r, i, { serial: [
+async function l(t, n) {
+	let i = u(t);
+	return (await r(n, i, { serial: [
 		"image_360_annotations",
 		"image_360s",
 		"image_360_collections"
@@ -22,7 +22,7 @@ function u(e) {
 			object_3ds: { nodes: {
 				from: "asset",
 				through: {
-					view: r,
+					view: n,
 					identifier: "object3D"
 				},
 				direction: "outwards",
@@ -41,7 +41,7 @@ function u(e) {
 			image_360_collections: { nodes: {
 				from: "image_360s",
 				through: {
-					view: n,
+					view: t,
 					identifier: "collection360"
 				},
 				direction: "outwards",

package/dist/ui/hooks/network/getTimeseriesLatestDatapoints.js

@@ -1,10 +1,10 @@
-import { executeParallel as e } from "../../../utilities/executeParallel.js";
-import { isDefined as t } from "../../../utilities/isDefined.js";
+import { isDefined as e } from "../../../utilities/isDefined.js";
+import { executeParallel as t } from "../../../utilities/executeParallel.js";
 import { chunk as n } from "lodash-es";
 //#region libs/shared/reveal-components/src/ui/hooks/network/getTimeseriesLatestDatapoints.ts
 var r = 100, i = async (i, a) => {
 	let o = n(a, r);
-	return (await e(o.map((e) => async () => await i.datapoints.retrieveLatest(e)), 2)).filter(t).flat();
+	return (await t(o.map((e) => async () => await i.datapoints.retrieveLatest(e)), 2)).filter(e).flat();
 };
 //#endregion
 export { i as getTimeseriesLatestDatapoints };

package/dist/ui/hooks/pointClouds/fetchAnnotationsForModel.js

@@ -1,10 +1,10 @@
-import { isDefined as e } from "../../../utilities/isDefined.js";
-import { isDmAsset as t } from "../../../utilities/instances/typeGuards.js";
+import { isDmAsset as e } from "../../../utilities/instances/typeGuards.js";
 import "../../../utilities/instances/index.js";
+import { isDefined as t } from "../../../utilities/isDefined.js";
 //#region libs/shared/reveal-components/src/ui/hooks/pointClouds/fetchAnnotationsForModel.ts
 var n = async (n, r, i, a) => {
-	if (n !== void 0 && r !== void 0 && i !== void 0) return (await Promise.all(i.map(async (e) => await a.matchPointCloudAnnotationsForModel(n, r, e)))).filter(e).flatMap((e) => Array.from(e.entries()).flatMap(([e, n]) => n.map((n) => (t(n), {
-		annotationId: e,
+	if (n !== void 0 && r !== void 0 && i !== void 0) return (await Promise.all(i.map(async (e) => await a.matchPointCloudAnnotationsForModel(n, r, e)))).filter(t).flatMap((t) => Array.from(t.entries()).flatMap(([t, n]) => n.map((n) => (e(n), {
+		annotationId: t,
 		asset: n
 	}))));
 };

package/dist/ui/hooks/pointClouds/usePointCloudAnnotationMappingForIntersection.js

@@ -1,25 +1,25 @@
 import { isDmsInstance as e, isExternalId as t, isInternalId as n } from "../../../utilities/instanceIds/typeGuards.js";
 import "../../../utilities/instanceIds/index.js";
-import { inspectNodes as r } from "../../../data-providers/cache/requests.js";
-import { isDmAsset as i } from "../../../utilities/instances/typeGuards.js";
+import { isDmAsset as r } from "../../../utilities/instances/typeGuards.js";
 import "../../../utilities/instances/index.js";
-import { EMPTY_ARRAY as a } from "../../../utilities/constants.js";
-import { queryKeys as o } from "../../../utilities/queryKeys.js";
+import { queryKeys as i } from "../../../utilities/queryKeys.js";
+import { inspectNodes as a } from "../../../data-providers/cache/requests.js";
+import { EMPTY_ARRAY as o } from "../../../utilities/constants.js";
 import { getPointCloudInstanceFromIntersection as s } from "./getPointCloudInstanceFromIntersection.js";
 import { UsePointCloudAnnotationMappingForIntersectionContext as c } from "./usePointCloudAnnotationMappingForIntersection.context.js";
 import { useContext as l } from "react";
 import { useQuery as u } from "@tanstack/react-query";
 //#region libs/shared/reveal-components/src/ui/hooks/pointClouds/usePointCloudAnnotationMappingForIntersection.ts
 var d = (e) => {
-	let { useFdmSdk: t, usePointCloudAnnotationCache: n, fetchAnnotationsForModel: r } = l(c), d = t(), m = n(), h = e?.type === "pointcloud", g = s(e), _ = g?.classicModelIdentifier, v = g?.instanceReference, y = _ === void 0 ? "" : `${_.modelId}/${_.revisionId}`, b = f(v);
+	let { useFdmSdk: t, usePointCloudAnnotationCache: n, fetchAnnotationsForModel: a } = l(c), d = t(), m = n(), h = e?.type === "pointcloud", g = s(e), _ = g?.classicModelIdentifier, v = g?.instanceReference, y = _ === void 0 ? "" : `${_.modelId}/${_.revisionId}`, b = f(v);
 	return u({
-		queryKey: [o.pointCloudAnnotationForAssetId(y, b)],
+		queryKey: [i.pointCloudAnnotationForAssetId(y, b)],
 		queryFn: async () => {
-			if (_ === void 0 || v === void 0) return a;
-			let e = await r(_.modelId, _.revisionId, [v], m);
-			if (e === void 0 || e.length === 0) return a;
+			if (_ === void 0 || v === void 0) return o;
+			let e = await a(_.modelId, _.revisionId, [v], m);
+			if (e === void 0 || e.length === 0) return o;
 			let t = await p(v, d);
-			return t === void 0 || t.length === 0 ? e : e.map((e) => i(e.asset) ? {
+			return t === void 0 || t.length === 0 ? e : e.map((e) => r(e.asset) ? {
 				...e,
 				views: t
 			} : e);
@@ -33,7 +33,7 @@ function f(r) {
 }
 async function p(t, n) {
 	if (e(t)) try {
-		return (await r(n, [t])).items[0]?.inspectionResults.involvedViews;
+		return (await a(n, [t])).items[0]?.inspectionResults.involvedViews;
 	} catch {
 		return;
 	}

package/dist/ui/hooks/pointClouds/usePointCloudAnnotationMappingsForAssetInstances.js

@@ -1,7 +1,7 @@
 import { createInstanceReferenceKey as e } from "../../../utilities/instanceIds/toKey.js";
 import "../../../utilities/instanceIds/index.js";
-import { EMPTY_ARRAY as t } from "../../../utilities/constants.js";
-import { queryKeys as n } from "../../../utilities/queryKeys.js";
+import { queryKeys as t } from "../../../utilities/queryKeys.js";
+import { EMPTY_ARRAY as n } from "../../../utilities/constants.js";
 import { fetchAnnotationsForModel as r } from "./fetchAnnotationsForModel.js";
 import { UsePointCloudAnnotationMappingsForAssetInstancesContext as i } from "./usePointCloudAnnotationMappingsForAssetInstances.context.js";
 import { useContext as a } from "react";
@@ -10,8 +10,8 @@ import { useQuery as o } from "@tanstack/react-query";
 var s = (s, c) => {
 	let { usePointCloudAnnotationCache: l, useModelIdRevisionIdFromModelOptions: u } = a(i), d = l(), f = u(s);
 	return o({
-		queryKey: [n.pointCloudAnnotationForAssetInstances(f.map((e) => `${e.modelId}/${e.revisionId}`).sort(), c?.map((t) => String(e(t))).sort() ?? [])],
-		queryFn: async () => (await Promise.all(f.map(async (e) => await r(e.modelId, e.revisionId, c, d) ?? t))).flat(),
+		queryKey: [t.pointCloudAnnotationForAssetInstances(f.map((e) => `${e.modelId}/${e.revisionId}`).sort(), c?.map((t) => String(e(t))).sort() ?? [])],
+		queryFn: async () => (await Promise.all(f.map(async (e) => await r(e.modelId, e.revisionId, c, d) ?? n))).flat(),
 		staleTime: Infinity,
 		enabled: c !== void 0 && c.length > 0
 	});