@cognite/reveal-components 1.0.0 → 1.0.2

package/dist/ui/components/Widget/RevealWidgetController.js

@@ -2,44 +2,46 @@ import { assertNever as e } from "../../../utilities/assertNever.js";
 import { RevealDomainObject as t } from "../../../domains/reveal/RevealDomainObject.js";
 import { Image360CollectionDomainObject as n } from "../../../domains/reveal/Image360Collection/Image360CollectionDomainObject.js";
 import { PointCloudDomainObject as r } from "../../../domains/reveal/pointCloud/PointCloudDomainObject.js";
-import { findViewerAnnotationInfo as i } from "../../../data-providers/cache/utils.js";
+import { noopUsageMetricsTracker as i } from "../../../utilities/usageMetricsTracker.js";
 import { convertNewImage360AddOptionToRevealAddOptions as a, convertNewModel3dAddOptionToRevealAddOptions as o } from "../../../data-providers/types/typeAdapters.js";
-import { CadDomainObject as s } from "../../../domains/reveal/cad/CadDomainObject.js";
-import { RevealDomainObjectUtils as c } from "../../../domains/reveal/RevealDomainObjectUtils.js";
-import { SceneDomainObject as l } from "../../../domains/scene/SceneDomainObject.js";
-import "../../../domains/index.js";
+import { findViewerAnnotationInfo as s } from "../../../data-providers/cache/utils.js";
 import "../../../data-providers/cache/index.js";
-import { getBoundsForInstance as u } from "../../../data-providers/network/bounds/getBoundsForInstance.js";
-import { getResourceIdentifiersFromResourceOptions as d } from "../../../data-providers/network/common/getResourceIdentifierFromResourceOptions.js";
-import { getResourceIdentifierWithType as f } from "../../../data-providers/network/common/getResourceIdentifierWithType.js";
-import { RevealWidgetCameraController as p } from "./RevealWidgetCameraController.js";
-import { applyCadDefaultStyling as m } from "./styling/applyCadDefaultStyling.js";
-import { applyCadInstanceStyling as h } from "./styling/applyCadInstanceStyling.js";
-import { applyImage360InstanceStyling as g } from "./styling/applyImage360InstanceStyling.js";
-import { applyPointCloudDefaultStyling as _ } from "./styling/applyPointCloudDefaultStyling.js";
-import { applyPointCloudInstanceStyling as v } from "./styling/applyPointCloudInstanceStyling.js";
+import { CadDomainObject as c } from "../../../domains/reveal/cad/CadDomainObject.js";
+import { RevealDomainObjectUtils as l } from "../../../domains/reveal/RevealDomainObjectUtils.js";
+import { SceneDomainObject as u } from "../../../domains/scene/SceneDomainObject.js";
+import "../../../domains/index.js";
+import { getBoundsForInstance as d } from "../../../data-providers/network/bounds/getBoundsForInstance.js";
+import { getResourceIdentifiersFromResourceOptions as f } from "../../../data-providers/network/common/getResourceIdentifierFromResourceOptions.js";
+import { getResourceIdentifierWithType as p } from "../../../data-providers/network/common/getResourceIdentifierWithType.js";
+import { RevealWidgetCameraController as m } from "./RevealWidgetCameraController.js";
+import { applyCadDefaultStyling as h } from "./styling/applyCadDefaultStyling.js";
+import { applyCadInstanceStyling as g } from "./styling/applyCadInstanceStyling.js";
+import { applyImage360InstanceStyling as _ } from "./styling/applyImage360InstanceStyling.js";
+import { applyPointCloudDefaultStyling as v } from "./styling/applyPointCloudDefaultStyling.js";
+import { applyPointCloudInstanceStyling as y } from "./styling/applyPointCloudInstanceStyling.js";
 //#region libs/shared/reveal-components/src/ui/components/Widget/RevealWidgetController.ts
-var y = {
-	addCadModel: c.addCadDomainObject,
-	addPointCloud: c.addPointCloudDomainObject,
-	addImage360: c.addImage360CollectionDomainObject,
-	sceneFactory: (e) => new l(e),
-	getBoundsForInstance: u,
-	findViewerAnnotationInfo: i,
-	applyCadDefaultStyling: m,
-	applyPointCloudDefaultStyling: _
-}, b = class {
+var b = {
+	addCadModel: l.addCadDomainObject,
+	addPointCloud: l.addPointCloudDomainObject,
+	addImage360: l.addImage360CollectionDomainObject,
+	sceneFactory: (e) => new u(e),
+	getBoundsForInstance: d,
+	findViewerAnnotationInfo: s,
+	applyCadDefaultStyling: h,
+	applyPointCloudDefaultStyling: v
+}, x = class {
 	_renderTarget;
 	_dependencies;
+	_usageMetricsTracker;
 	_cameraController;
-	constructor(e, t = y) {
-		this._renderTarget = e, this._dependencies = t, this._cameraController = new p(this._renderTarget);
+	constructor(e, t = b, n = i) {
+		this._renderTarget = e, this._dependencies = t, this._usageMetricsTracker = n, this._cameraController = new m(this._renderTarget, this._usageMetricsTracker);
 	}
 	get cameraController() {
 		return this._cameraController;
 	}
 	async addResource(t) {
-		if (t.type === "scene") {
+		if (this._usageMetricsTracker.track("reveal-widget.resource.add", { resourceType: t.type }), t.type === "scene") {
 			let e = this._dependencies.sceneFactory(t);
 			return this._renderTarget.root.addChild(e), await e.load(this._renderTarget), e;
 		}
@@ -73,16 +75,21 @@ var y = {
 		return this.getModels().filter((e) => e.isVisible(this._renderTarget));
 	}
 	styleByInstance(e, t) {
-		let i = h(e, t.filter((e) => e instanceof s), this._renderTarget.cdfCaches.cogniteClient, this._renderTarget.cdfCaches.cadMappingsCache);
-		return v(e, t.filter((e) => e instanceof r)), g(e, t.filter((e) => e instanceof n)), i;
+		this._usageMetricsTracker.track("reveal-widget.style.byInstance", {
+			instanceGroupCount: e.length,
+			modelCount: t.length
+		});
+		let i = g(e, t.filter((e) => e instanceof c), this._renderTarget.cdfCaches.cogniteClient, this._renderTarget.cdfCaches.cadMappingsCache);
+		return y(e, t.filter((e) => e instanceof r)), _(e, t.filter((e) => e instanceof n)), i;
 	}
 	async applyDefaultStyling(e, t) {
-		let i = this._dependencies.applyCadDefaultStyling(e, t.filter((e) => e instanceof s), this._renderTarget.cdfCaches.cadMappingsCache);
+		let i = this._dependencies.applyCadDefaultStyling(e, t.filter((e) => e instanceof c), this._renderTarget.cdfCaches.cadMappingsCache);
 		this._dependencies.applyPointCloudDefaultStyling(e, t.filter((e) => e instanceof r));
 		let a = e.contextualizedAppearance ?? e.defaultAppearance ?? {};
 		t.filter((e) => e instanceof n).forEach((e) => e.setDefaultStyling(a)), await i;
 	}
 	async focusInstances(e) {
+		this._usageMetricsTracker.track("reveal-widget.camera.focusInstances", { instanceCount: e.length });
 		let t = await this._dependencies.getBoundsForInstance(e, this.getVisibleModels(), this._renderTarget.viewer, this._renderTarget.cdfCaches.cadMappingsCache, this._renderTarget.cdfCaches.image360Cache);
 		if (t.length === 0) return;
 		let n = t[0];
@@ -97,14 +104,14 @@ var y = {
 		}
 	}
 	async getResourceIdentifierWithType(e) {
-		return f(e, this._renderTarget.viewer, this._renderTarget.root.fdmSdk);
+		return p(e, this._renderTarget.viewer, this._renderTarget.root.fdmSdk);
 	}
 	async getResourceIdentifiersFromResourceOptions(e) {
-		return d(e, this._renderTarget.viewer, this._renderTarget.root.fdmSdk);
+		return f(e, this._renderTarget.viewer, this._renderTarget.root.fdmSdk);
 	}
 	async getScreenshot(e, t, n) {
 		return this._renderTarget.viewer.getScreenshot(e, t, n);
 	}
 };
 //#endregion
-export { b as RevealWidgetController, y as defaultRevealWidgetControllerDependencies };
+export { x as RevealWidgetController, b as defaultRevealWidgetControllerDependencies };

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

@@ -1,4 +1,4 @@
-export { RevealWidget, type RevealWidgetProps } from './RevealWidget';
+export { RevealWidget, type RevealWidgetProps, type RevealWidgetTrackingProps, } from './RevealWidget';
 export { RevealWidgetController } from './RevealWidgetController';
 export { Default3DStyles } from './styling/constants';
 export { RevealWidgetCameraController } from './RevealWidgetCameraController';

package/dist/ui/components/Widget/styling/applyPointCloudInstanceStyling.js

@@ -2,18 +2,18 @@ import { createInstanceKey as e } from "../../../../data-providers/cache/idAndKe
 import { createInstanceReferenceKey as t } from "../../../../utilities/instanceIds/toKey.js";
 import "../../../../utilities/instanceIds/index.js";
 import { isDefined as n } from "../../../../utilities/isDefined.js";
-import { concatenateMapValues as r } from "../../../../utilities/map/concatenateMapValues.js";
-import { getInstanceReferencesFromPointCloudVolume as i, getPointCloudVolumeId as a } from "../../../../data-providers/cache/utils.js";
+import { getInstanceReferencesFromPointCloudVolume as r, getPointCloudVolumeId as i } from "../../../../data-providers/cache/utils.js";
+import { concatenateMapValues as a } from "../../../../utilities/map/concatenateMapValues.js";
 import { createPointCloudObjectCollectionFromVolumeIds as o } from "../../PointCloudContainer/useApplyPointCloudStyling.js";
 //#region libs/shared/reveal-components/src/ui/components/Widget/styling/applyPointCloudInstanceStyling.ts
 var s = Symbol("widget-instance-styling");
 function c(c, l) {
 	let u = new Map(c.flatMap((t) => t.instanceIds.map((n) => t.style.pointcloud === void 0 ? void 0 : [e(n), t.style.pointcloud]).filter(n)));
 	l.forEach((e) => {
-		let c = e.model.stylableObjects.flatMap((e) => i(e).map((n) => {
+		let c = e.model.stylableObjects.flatMap((e) => r(e).map((n) => {
 			let r = u.get(t(n));
-			return r === void 0 ? void 0 : [r, a(e)];
-		}).filter(n)), l = r(c), d = l.entries().map(([e, t]) => {
+			return r === void 0 ? void 0 : [r, i(e)];
+		}).filter(n)), l = a(c), d = l.entries().map(([e, t]) => {
 			let n = o(t);
 			return n === void 0 ? void 0 : {
 				collection: n,

package/dist/ui/components/Widget/useRevealWidgetMetricsTracking.d.ts

@@ -0,0 +1,21 @@
+import { createMixpanelUsageMetricsTracker } from '../../../utilities/createMixpanelUsageMetricsTracker';
+import { UsageMetricsTracker } from '../../../utilities/usageMetricsTracker';
+export type UseRevealWidgetMetricsTrackingDeps = {
+    createMixpanelUsageMetricsTracker: typeof createMixpanelUsageMetricsTracker;
+};
+export type RevealWidgetTrackingProps = {
+    /**
+     * Mixpanel project token used to report usage events.
+     * Defaults to a Cognite-owned reveal-widget project if omitted.
+     */
+    mixpanelToken?: string;
+}
+/** Routes events into the host application's own tracker instead of Mixpanel. */
+ | {
+    usageMetricsTracker: UsageMetricsTracker;
+}
+/** Opts out of usage tracking entirely, including the default Mixpanel sink. */
+ | {
+    disabled: true;
+};
+export declare function useRevealWidgetMetricsTracking(appIdentifier: string, tracking: RevealWidgetTrackingProps | undefined, deps?: UseRevealWidgetMetricsTrackingDeps): UsageMetricsTracker;

package/dist/ui/components/Widget/useRevealWidgetMetricsTracking.js

@@ -0,0 +1,33 @@
+import { noopUsageMetricsTracker as e } from "../../../utilities/usageMetricsTracker.js";
+import { DEFAULT_REVEAL_WIDGET_MIXPANEL_TOKEN as t, createMixpanelUsageMetricsTracker as n } from "../../../utilities/createMixpanelUsageMetricsTracker.js";
+import { useMemo as r } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Widget/useRevealWidgetMetricsTracking.ts
+var i = { createMixpanelUsageMetricsTracker: n };
+function a(t, n, a = i) {
+	let { disabled: s, usageMetricsTracker: c, mixpanelToken: l } = o(n);
+	return r(() => s ? e : c === void 0 ? a.createMixpanelUsageMetricsTracker(l, t) : c, [
+		s,
+		c,
+		l,
+		t,
+		a
+	]);
+}
+function o(e) {
+	let n = {
+		disabled: !1,
+		mixpanelToken: t
+	};
+	return e === void 0 ? n : "disabled" in e ? {
+		...n,
+		disabled: e.disabled
+	} : "usageMetricsTracker" in e ? {
+		...n,
+		usageMetricsTracker: e.usageMetricsTracker
+	} : {
+		...n,
+		mixpanelToken: e.mixpanelToken ?? "35470288c6070af490c9c1aa3c487d9d"
+	};
+}
+//#endregion
+export { a as useRevealWidgetMetricsTracking };

package/dist/ui/components/commandBased/Factories/DefaultIcons.js

@@ -1,42 +1,42 @@
-import { IconAlertTriangle as e, IconAngle as t, IconArrowLeft as n, IconArrowRight as r, IconAsset as i, IconBorderHorizontal as a, IconBorderVertical as o, IconBug as s, IconChartScatter3d as c, IconCircle as l, IconClearAll as u, IconCloudFog as d, IconCopy as f, IconCrop as p, IconCube as m, IconCubeSend as h, IconCubeUnfolded as g, IconCursorText as _, IconCylinder as v, IconDeviceFloppy as y, IconDrone as b, IconEye as x, IconFilter as S, IconFlag as C, IconFlipHorizontal as w, IconFlipVertical as T, IconFolder as E, IconFolderFilled as D, IconGripVertical as O, IconHelp as k, IconHierarchy as A, IconInfoCircle as j, IconLeaf as ee, IconLine as M, IconListTree as N, IconMapPin as P, IconMaximize as F, IconPerspective as I, IconPhotoScan as L, IconPlus as R, IconPoint as z, IconPolygon as B, IconRefresh as V, IconRestore as H, IconRuler as U, IconRulerMeasure as W, IconSettings as G, IconShape as K, IconShare as q, IconSnowflake as J, IconStack2 as Y, IconSun as X, IconTrash as Z, IconVectorBezier as Q, IconX as $ } from "@tabler/icons-react";
+import { IconAlertTriangle as e, IconAngle as t, IconArrowLeft as n, IconArrowRight as r, IconBorderHorizontal as i, IconBorderVertical as a, IconBug as o, IconChartScatter3d as s, IconCircle as c, IconClearAll as l, IconCloudFog as u, IconCopy as d, IconCrop as f, IconCube as p, IconCubeSend as m, IconCubeUnfolded as h, IconCursorText as g, IconCylinder as _, IconDeviceFloppy as v, IconDrone as y, IconEye as b, IconFilter as x, IconFlag as S, IconFlipHorizontal as C, IconFlipVertical as w, IconFolder as T, IconFolderFilled as E, IconGripVertical as D, IconHelp as O, IconHexagon as k, IconHierarchy as A, IconInfoCircle as j, IconLeaf as ee, IconLine as M, IconListTree as N, IconMapPin as P, IconMaximize as F, IconPerspective as I, IconPhotoScan as L, IconPlus as R, IconPoint as z, IconPolygon as B, IconRefresh as V, IconRestore as H, IconRuler as U, IconRulerMeasure as W, IconSettings as G, IconShape as K, IconShare as q, IconSnowflake as J, IconStack2 as Y, IconSun as X, IconTrash as Z, IconVectorBezier as Q, IconX as $ } from "@tabler/icons-react";
 //#region libs/shared/reveal-components/src/ui/components/commandBased/Factories/DefaultIcons.tsx
 var te = [
 	["Angle", t],
-	["AssetsIcon", i],
+	["AssetsIcon", k],
 	["ArrowLeft", n],
 	["ArrowRight", r],
-	["Axis3D", c],
-	["BorderHorizontal", a],
-	["BorderVertical", o],
-	["Bug", s],
-	["Circle", l],
-	["ClearAll", u],
+	["Axis3D", s],
+	["BorderHorizontal", i],
+	["BorderVertical", a],
+	["Bug", o],
+	["Circle", c],
+	["ClearAll", l],
 	["CloseLarge", $],
-	["CloudFog", d],
+	["CloudFog", u],
 	["Coordinates", P],
-	["Copy", f],
-	["Crop", p],
-	["Cube", m],
-	["CubeFrontLeft", h],
-	["CubeFrontRight", h],
-	["Cubes", g],
-	["CubeTop", m],
-	["Cursor", _],
-	["CylinderArbitrary", v],
-	["CylinderHorizontal", v],
-	["CylinderVertical", v],
+	["Copy", d],
+	["Crop", f],
+	["Cube", p],
+	["CubeFrontLeft", m],
+	["CubeFrontRight", m],
+	["Cubes", h],
+	["CubeTop", p],
+	["Cursor", g],
+	["CylinderArbitrary", _],
+	["CylinderHorizontal", _],
+	["CylinderVertical", _],
 	["Delete", Z],
-	["Drone", b],
+	["Drone", y],
 	["ExpandAlternative", F],
-	["EyeShow", x],
-	["Filter", S],
-	["Flag", C],
-	["FlipHorizontal", w],
-	["FlipVertical", T],
-	["Folder", E],
-	["FolderFilled", D],
-	["Grab", O],
-	["Help", k],
+	["EyeShow", b],
+	["Filter", x],
+	["Flag", S],
+	["FlipHorizontal", C],
+	["FlipVertical", w],
+	["Folder", T],
+	["FolderFilled", E],
+	["Grab", D],
+	["Help", O],
 	["Info", j],
 	["Layers", Y],
 	["Leaf", ee],
@@ -53,7 +53,7 @@ var te = [
 	["Restore", H],
 	["Ruler", U],
 	["RulerAlternative", W],
-	["Save", y],
+	["Save", v],
 	["Settings", G],
 	["Shapes", K],
 	["Share", q],

package/dist/ui/components/commandBased/buttons/DropdownButton.d.ts

@@ -1,7 +1,9 @@
 import { ReactElement } from 'react';
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
 import { BaseCommand } from '../../../../foundation/commands/BaseCommand';
 import { BaseOptionCommand } from '../../../../foundation/commands/BaseOptionCommand';
 import { PlacementType } from '../utils/types';
+export declare function isSpuriousTriggerClickClose(open: boolean, { reason, event }: MenuPrimitive.Root.ChangeEventDetails): boolean;
 export declare function createDropdownButton(command: BaseCommand, placement: PlacementType): ReactElement | undefined;
 export declare const DropdownButton: ({ inputCommand, placement, usedInSettings, }: {
     inputCommand: BaseOptionCommand;

package/dist/ui/components/commandBased/buttons/DropdownButton.js

@@ -1,75 +1,94 @@
 import { useCommand as e } from "../hooks/useCommand.js";
 import { useCommandProps as t, useCommandVisible as n } from "../hooks/useCommandProps.js";
-import { mapButtonType as r } from "../utils/utilities.js";
-import { BaseOptionCommand as i, OptionType as a } from "../../../../foundation/commands/BaseOptionCommand.js";
-import { useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Button as u } from "@cognite/aura/components/button";
-import { IconChevronDown as d, IconChevronUp as f } from "@tabler/icons-react";
-import { DropdownMenu as p, DropdownMenuCheckboxItem as m, DropdownMenuContent as h, DropdownMenuTrigger as g } from "@cognite/aura/components/dropdown-menu";
+import { LabelWithShortcut as r } from "../utils/LabelWithShortcut.js";
+import { mapButtonType as i } from "../utils/utilities.js";
+import { BaseOptionCommand as a, OptionType as o } from "../../../../foundation/commands/BaseOptionCommand.js";
+import { useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "@cognite/aura/components/tooltip";
+import { Button as h } from "@cognite/aura/components/button";
+import { IconChevronDown as g, IconChevronUp as _ } from "@tabler/icons-react";
+import { DropdownMenu as v, DropdownMenuCheckboxItem as y, DropdownMenuContent as b, DropdownMenuTrigger as x } from "@cognite/aura/components/dropdown-menu";
 //#region libs/shared/reveal-components/src/ui/components/commandBased/buttons/DropdownButton.tsx
-function _(e, t) {
-	if (e instanceof i && e.optionType === a.Dropdown) return /* @__PURE__ */ c(v, {
+function S(e, { reason: t, event: n }) {
+	return !e && t === "trigger-press" && n instanceof MouseEvent && n.type === "click" && n.detail > 0;
+}
+function C(e, t) {
+	if (e instanceof a && e.optionType === o.Dropdown) return /* @__PURE__ */ l(w, {
 		inputCommand: e,
 		placement: t
 	}, e.uniqueId);
 }
-var v = ({ inputCommand: t, placement: r, usedInSettings: i = !1 }) => {
+var w = ({ inputCommand: t, placement: r, usedInSettings: i = !1 }) => {
 	let a = e(t);
-	return n(a) ? i ? /* @__PURE__ */ c(b, { command: a }) : /* @__PURE__ */ c(y, {
+	return n(a) ? i ? /* @__PURE__ */ l(E, { command: a }) : /* @__PURE__ */ l(T, {
 		command: a,
 		placement: r
-	}) : /* @__PURE__ */ c(s, {});
-}, y = ({ command: e, placement: n }) => {
-	let { uniqueId: i, isEnabled: a } = t(e), [m, _] = o(!1);
-	if (!e.children?.length) return /* @__PURE__ */ c(s, {});
-	let v = e.selectedChild?.label, y = r(e.buttonType);
+	}) : /* @__PURE__ */ l(c, {});
+}, T = ({ command: e, placement: n }) => {
+	let { uniqueId: a, isEnabled: o } = t(e), [y, C] = s(!1);
+	if (!e.children?.length) return /* @__PURE__ */ l(c, {});
+	let w = e.selectedChild?.label, T = i(e.buttonType), E = e.label;
 	return /* @__PURE__ */ l(p, {
-		open: m,
-		onOpenChange: _,
-		children: [/* @__PURE__ */ c(g, { render: /* @__PURE__ */ l(u, {
-			variant: y,
-			size: "sm",
-			disabled: !a,
-			"aria-label": e.label,
-			className: `pl-1 pr-2 py-1 ${m ? "bg-accent-background" : ""}`,
-			children: [c(m ? f : d, {}), v]
-		}, i) }), /* @__PURE__ */ c(h, {
-			side: n,
-			align: "start",
-			children: e.children.map((e) => /* @__PURE__ */ c(x, {
-				command: e,
-				setOpen: _
-			}, e.uniqueId))
-		})]
+		delayDuration: 500,
+		children: /* @__PURE__ */ u(d, {
+			disabled: E === void 0 || y,
+			children: [/* @__PURE__ */ u(v, {
+				open: y,
+				onOpenChange: (e, t) => {
+					S(e, t) || C(e);
+				},
+				children: [/* @__PURE__ */ l(m, { render: /* @__PURE__ */ l(x, { render: /* @__PURE__ */ u(h, {
+					variant: T,
+					size: "sm",
+					disabled: !o,
+					"aria-label": E,
+					className: `pl-1 pr-2 py-1 ${y ? "bg-accent-background" : ""}`,
+					children: [l(y ? _ : g, {}), w]
+				}, a) }) }), /* @__PURE__ */ l(b, {
+					side: n,
+					align: "start",
+					children: e.children.map((e) => /* @__PURE__ */ l(D, {
+						command: e,
+						setOpen: C
+					}, e.uniqueId))
+				})]
+			}), /* @__PURE__ */ l(f, {
+				side: n,
+				children: /* @__PURE__ */ l(r, {
+					label: E,
+					command: e
+				})
+			})]
+		})
 	});
-}, b = ({ command: e }) => {
-	let [t, n] = o(!1);
-	if (!e.children?.length) return /* @__PURE__ */ c(s, {});
+}, E = ({ command: e }) => {
+	let [t, n] = s(!1);
+	if (!e.children?.length) return /* @__PURE__ */ l(c, {});
 	let r = e.label, i = e.selectedChild?.label;
-	return /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ u("div", {
 		className: "flex flex-row self-stretch items-center gap-3",
-		children: [/* @__PURE__ */ c("p", {
+		children: [/* @__PURE__ */ l("p", {
 			title: r,
 			className: "w-[80px] truncate text-sm",
 			children: r
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "flex-1",
-			children: /* @__PURE__ */ l(p, {
+			children: /* @__PURE__ */ u(v, {
 				open: t,
 				onOpenChange: n,
-				children: [/* @__PURE__ */ c(g, { render: /* @__PURE__ */ l(u, {
+				children: [/* @__PURE__ */ l(x, { render: /* @__PURE__ */ u(h, {
 					variant: "ghost",
 					"aria-label": r,
 					className: `w-full justify-between border border-transparent rounded-lg bg-background py-2 pl-2 pr-1 text-sm hover:bg-accent-background hover:border-border-emphasized${t ? " bg-accent-background" : ""}`,
-					children: [/* @__PURE__ */ c("span", {
+					children: [/* @__PURE__ */ l("span", {
 						className: "font-normal",
 						children: i
-					}), c(t ? f : d, {})]
-				}) }), /* @__PURE__ */ c(h, {
+					}), l(t ? _ : g, {})]
+				}) }), /* @__PURE__ */ l(b, {
 					side: "bottom",
 					align: "start",
-					children: e.children.map((e) => /* @__PURE__ */ c(x, {
+					children: e.children.map((e) => /* @__PURE__ */ l(D, {
 						command: e,
 						setOpen: n
 					}, e.uniqueId))
@@ -77,9 +96,9 @@ var v = ({ inputCommand: t, placement: r, usedInSettings: i = !1 }) => {
 			})
 		})]
 	});
-}, x = ({ command: e, setOpen: n }) => {
+}, D = ({ command: e, setOpen: n }) => {
 	let { isEnabled: r, isChecked: i } = t(e);
-	return /* @__PURE__ */ c(m, {
+	return /* @__PURE__ */ l(y, {
 		disabled: !r,
 		checked: i,
 		onCheckedChange: () => {
@@ -89,4 +108,4 @@ var v = ({ inputCommand: t, placement: r, usedInSettings: i = !1 }) => {
 	});
 };
 //#endregion
-export { v as DropdownButton, _ as createDropdownButton };
+export { w as DropdownButton, C as createDropdownButton, S as isSpuriousTriggerClickClose };

package/dist/ui/components/commandBased/pointsOfInterest/PoiCommentSection.js

@@ -9,8 +9,8 @@ import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { IconLoader2 as u, IconSend as d } from "@tabler/icons-react";
 import { Separator as f } from "@cognite/aura/components/separator";
 import { Label as p } from "@cognite/aura/components/label";
-import { Avatar as m, AvatarFallback as h } from "@cognite/aura/components/avatar";
-import { EmptyState as g, EmptyStateIcon as _, EmptyStateTitle as v } from "@cognite/aura/components/empty-state";
+import { EmptyState as m, EmptyStateIcon as h, EmptyStateTitle as g } from "@cognite/aura/components/empty-state";
+import { Avatar as _, AvatarFallback as v } from "@cognite/aura/components/avatar";
 import { InputGroup as y, InputGroupAddon as b, InputGroupButton as x, InputGroupTextarea as S } from "@cognite/aura/components/input-group";
 //#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/PoiCommentSection.tsx
 var C = () => {
@@ -51,10 +51,10 @@ var C = () => {
 		})]
 	}) : /* @__PURE__ */ c("div", {
 		className: "flex min-h-full flex-col items-center justify-center px-2 py-3",
-		children: /* @__PURE__ */ l(g, {
+		children: /* @__PURE__ */ l(m, {
 			variant: "compact",
 			type: "new-chat",
-			children: [/* @__PURE__ */ c(_, {}), /* @__PURE__ */ c(v, {
+			children: [/* @__PURE__ */ c(h, {}), /* @__PURE__ */ c(g, {
 				as: "p",
 				children: n({ key: "POINT_OF_INTEREST_NO_COMMENTS_YET" })
 			})]
@@ -67,9 +67,9 @@ var C = () => {
 	let { currentLanguage: o } = e();
 	return /* @__PURE__ */ l("div", {
 		className: "flex flex-row gap-2 items-start",
-		children: [/* @__PURE__ */ c(m, {
+		children: [/* @__PURE__ */ c(_, {
 			variant: i(a.ownerId),
-			children: /* @__PURE__ */ c(h, { children: r(a.ownerId) })
+			children: /* @__PURE__ */ c(v, { children: r(a.ownerId) })
 		}), /* @__PURE__ */ l("div", {
 			className: "flex min-w-0 flex-1 flex-col gap-1",
 			children: [/* @__PURE__ */ c("div", {

package/dist/ui/components/commandBased/treeView/DomainObjectTreeView/CadNodeInfoDialog.context.d.ts

@@ -0,0 +1,16 @@
+import { Context, ReactElement } from 'react';
+import { ColumnDef } from '@tanstack/react-table';
+import { PropertyRow } from './CadNodeInfoDialog';
+export type PropertyDataGridProps = {
+    data: PropertyRow[];
+    columns: ColumnDef<PropertyRow>[];
+    rowHeight: number;
+    getRowId: (row: PropertyRow) => string;
+    'aria-label': string;
+    className?: string;
+};
+export type CadNodeInfoDialogDependencies = {
+    DataGrid: (props: PropertyDataGridProps) => ReactElement;
+};
+export declare const defaultCadNodeInfoDialogDependencies: CadNodeInfoDialogDependencies;
+export declare const CadNodeInfoDialogContext: Context<CadNodeInfoDialogDependencies>;

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

@@ -0,0 +1,6 @@
+import { createContext as e } from "react";
+import { DataGrid as t } from "@cognite/aura/data-grid";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/DomainObjectTreeView/CadNodeInfoDialog.context.ts
+var n = { DataGrid: t }, r = e(n);
+//#endregion
+export { r as CadNodeInfoDialogContext, n as defaultCadNodeInfoDialogDependencies };

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

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { Node3D } from '@cognite/sdk';
+export type CadNodeInfoDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    node: Node3D | undefined;
+    isLoading: boolean;
+    isError: boolean;
+};
+export declare const CadNodeInfoDialog: ({ open, onOpenChange, node, isLoading, isError, }: CadNodeInfoDialogProps) => ReactElement;
+export type PropertyRow = {
+    id: string;
+    key: string;
+    value: string;
+};

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

@@ -0,0 +1,5 @@
+import { Node3D } from '@cognite/sdk';
+export declare const PRIORITY_CATEGORY = "Item";
+export declare function getOtherCategories(node: Node3D | undefined): string[];
+export declare function getCdfMetadataEntries(node: Node3D): Array<[string, unknown]>;
+export declare function formatPropertyValue(value: unknown): string;

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

@@ -0,0 +1,14 @@
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/DomainObjectTreeView/CadNodeInfoDialog.function.tsx
+var e = "Item";
+function t(t) {
+	return Object.keys(t?.properties ?? {}).filter((t) => t !== e).sort();
+}
+function n(e) {
+	let { properties: t, ...n } = e;
+	return Object.entries(n);
+}
+function r(e) {
+	return typeof e == "object" && e ? JSON.stringify(e, null, 2) : String(e ?? "");
+}
+//#endregion
+export { e as PRIORITY_CATEGORY, r as formatPropertyValue, n as getCdfMetadataEntries, t as getOtherCategories };