@cognite/reveal-components 1.0.1 → 1.0.2

package/dist/ui/components/RevealToolbar/AssetContextualizedButton.js

@@ -23,7 +23,7 @@ var p = {
 	return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(d, { render: /* @__PURE__ */ o(f, {
 		variant: S,
 		size: "icon-sm",
-		"aria-label": "Reset camera to home",
+		"aria-label": h(x),
 		onClick: E,
 		children: /* @__PURE__ */ o(t, {
 			iconName: "AssetsIcon",

package/dist/ui/components/RuleBasedOutputs/hooks/useGetDMConnectionWithNodeFromHybridMappingsQuery.js

@@ -1,11 +1,11 @@
 import { createFdmKey as e } from "../../../../data-providers/cache/idAndKeyTranslation.js";
 import { restrictToDmsId as t } from "../../../../utilities/restrictToDmsId.js";
-import { executeParallel as n } from "../../../../utilities/executeParallel.js";
+import { queryKeys as n } from "../../../../utilities/queryKeys.js";
 import { isDefined as r } from "../../../../utilities/isDefined.js";
-import { inspectNodes as i } from "../../../../data-providers/cache/requests.js";
-import { EMPTY_ARRAY as a } from "../../../../utilities/constants.js";
-import { queryKeys as o } from "../../../../utilities/queryKeys.js";
 import "../../../../data-providers/cache/index.js";
+import { executeParallel as i } from "../../../../utilities/executeParallel.js";
+import { inspectNodes as a } from "../../../../data-providers/cache/requests.js";
+import { EMPTY_ARRAY as o } from "../../../../utilities/constants.js";
 import { UseGetDMConnectionWithNodeFromHybridMappingsQueryContext as s } from "./useGetDMConnectionWithNodeFromHybridMappingsQuery.context.js";
 import { useContext as c, useMemo as l } from "react";
 import { uniqBy as u } from "lodash-es";
@@ -14,16 +14,16 @@ import { useQuery as d } from "@tanstack/react-query";
 function f(e, t) {
 	let { useClassicCadAssetMappingCache: f, useFdmSdk: h } = c(s), g = f(), _ = h(), v = l(() => e.map((e) => e.instanceId).filter(r), [e]);
 	return d({
-		queryKey: o.fdmConnectionWithNode(v, t),
+		queryKey: n.fdmConnectionWithNode(v, t),
 		queryFn: async () => {
-			if (v.length === 0 || t.length === 0) return a;
-			let e = await i(_, v);
-			if (e.items.length === 0) return a;
-			let o = await n(t.map(({ modelId: t, revisionId: n }) => async () => {
+			if (v.length === 0 || t.length === 0) return o;
+			let e = await a(_, v);
+			if (e.items.length === 0) return o;
+			let n = await i(t.map(({ modelId: t, revisionId: n }) => async () => {
 				let r = await g.getNodesForInstanceIds(t, n, v);
-				return r.size === 0 ? a : m(e, r, t, n);
+				return r.size === 0 ? o : m(e, r, t, n);
 			}), 2);
-			return u(o.filter(r).flat(), p);
+			return u(n.filter(r).flat(), p);
 		},
 		enabled: v.length > 0 && t.length > 0,
 		staleTime: Infinity

package/dist/ui/components/Widget/RevealWidget.context.d.ts

@@ -1,9 +1,10 @@
 import { Context } from 'react';
 import { RevealRenderTarget } from '../../../domains';
+import { UsageMetricsTracker } from '../../../utilities/usageMetricsTracker';
 import { RevealCanvas, useRenderTarget } from '../RevealCanvas';
 import { RevealContext } from '../RevealContext';
 import { RevealWidgetController } from './RevealWidgetController';
-type RevealWidgetFactory = (renderTarget: RevealRenderTarget) => RevealWidgetController;
+type RevealWidgetFactory = (renderTarget: RevealRenderTarget, usageMetricsTracker: UsageMetricsTracker) => RevealWidgetController;
 export type RevealWidgetDependencies = {
     createRevealWidgetController: RevealWidgetFactory;
     RevealCanvas: typeof RevealCanvas;

package/dist/ui/components/Widget/RevealWidget.context.js

@@ -7,7 +7,7 @@ import { RevealWidgetController as r } from "./RevealWidgetController.js";
 import { createContext as i } from "react";
 //#region libs/shared/reveal-components/src/ui/components/Widget/RevealWidget.context.ts
 var a = {
-	createRevealWidgetController: (e) => new r(e),
+	createRevealWidgetController: (e, t) => new r(e, void 0, t),
 	RevealCanvas: t,
 	RevealContext: n,
 	useRenderTarget: e

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

@@ -1,6 +1,8 @@
 import { PropsWithChildren, ReactElement } from 'react';
 import { Cognite3DViewerOptions } from '@cognite/reveal';
 import { RevealWidgetController } from './RevealWidgetController';
+import { RevealWidgetTrackingProps } from './useRevealWidgetMetricsTracking';
+export type { RevealWidgetTrackingProps };
 /**
  * React-properties for the RevealWidget
  */
@@ -25,12 +27,19 @@ export type RevealWidgetProps = {
      * The widget calls this with `undefined` when the component unmounts or this callback changes
      */
     setControllerRef?: (controller: RevealWidgetController | undefined) => void;
+    /**
+     * Reports which application is using the widget and which of its features are being triggered
+     * (e.g. adding a resource, moving the camera). See `RevealWidgetTrackingProps` for the options.
+     */
+    tracking?: RevealWidgetTrackingProps;
+    /** Identifies the host application */
+    appIdentifier: string;
 };
 /**
  * RevealWidget component - the React entry point for the Reveal Widget.
  * An example with some custom UI components:
  * ```
- *       <RevealWidget setControllerRef={setControllerRef} viewerOptions={{ sdk, useCoreDm: true }}>
+ *       <RevealWidget setControllerRef={setControllerRef} viewerOptions={{ sdk, useCoreDm: true }} appIdentifier="YourAppId">
  *         <RevealToolbar
  *           toolBarContent={
  *             <CommandButtons
@@ -59,4 +68,4 @@ export type RevealWidgetProps = {
  * }, []);
  * ```
  */
-export declare function RevealWidget({ viewerOptions, setControllerRef, children, }: PropsWithChildren<RevealWidgetProps>): ReactElement;
+export declare function RevealWidget({ viewerOptions, setControllerRef, tracking, appIdentifier, children, }: PropsWithChildren<RevealWidgetProps>): ReactElement;

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

@@ -1,31 +1,46 @@
 import { ToolUI as e } from "../commandBased/main/ToolUI.js";
 import "../commandBased/index.js";
-import { RevealWidgetContext as t } from "./RevealWidget.context.js";
-import { useContext as n, useEffect as r, useMemo as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { UsageMetricsTrackerContext as t } from "../RevealCanvas/UsageMetricsTrackerContext.js";
+import { RevealWidgetContext as n } from "./RevealWidget.context.js";
+import { useRevealWidgetMetricsTracking as r } from "./useRevealWidgetMetricsTracking.js";
+import { useContext as i, useEffect as a, useMemo as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/Widget/RevealWidget.tsx
-function s({ viewerOptions: e, setControllerRef: r, children: i }) {
-	let { RevealContext: o } = n(t);
-	if ("inheritFromRevealContext" in e) return /* @__PURE__ */ a(c, {
-		setControllerRef: r,
-		children: i
+function u({ viewerOptions: e, setControllerRef: t, tracking: a, appIdentifier: o, children: s }) {
+	let { RevealContext: l } = i(n), u = r(o, a);
+	if ("inheritFromRevealContext" in e) return /* @__PURE__ */ c(d, {
+		setControllerRef: t,
+		usageMetricsTracker: u,
+		children: s
 	});
 	{
-		let { sdk: t, useCoreDm: n, ...s } = e;
-		return /* @__PURE__ */ a(o, {
-			viewerOptions: s,
-			sdk: t,
-			useCoreDm: n,
-			children: /* @__PURE__ */ a(c, {
-				setControllerRef: r,
-				children: i
+		let { sdk: n, useCoreDm: r, ...i } = e;
+		return /* @__PURE__ */ c(l, {
+			viewerOptions: i,
+			sdk: n,
+			useCoreDm: r,
+			children: /* @__PURE__ */ c(d, {
+				setControllerRef: t,
+				usageMetricsTracker: u,
+				children: s
 			})
 		});
 	}
 }
-function c({ setControllerRef: s, children: c }) {
-	let { createRevealWidgetController: l, RevealCanvas: u, useRenderTarget: d } = n(t), f = d(), p = i(() => l(f), [f, l]);
-	return r(() => (s?.(p), () => s?.(void 0)), [s, p]), /* @__PURE__ */ o(u, { children: [c, /* @__PURE__ */ a(e, {})] });
+function d({ setControllerRef: r, usageMetricsTracker: u, children: d }) {
+	let { createRevealWidgetController: f, RevealCanvas: p, useRenderTarget: m } = i(n), h = m(), g = s(u);
+	a(() => {
+		g.current = u;
+	}, [u]);
+	let _ = o(() => ({ track: (e, t) => g.current.track(e, t) }), []), v = o(() => f(h, _), [
+		h,
+		f,
+		_
+	]);
+	return a(() => (r?.(v), () => r?.(void 0)), [r, v]), /* @__PURE__ */ c(t.Provider, {
+		value: _,
+		children: /* @__PURE__ */ l(p, { children: [d, /* @__PURE__ */ c(e, {})] })
+	});
 }
 //#endregion
-export { s as RevealWidget };
+export { u as RevealWidget };

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

@@ -1,12 +1,14 @@
 import { CameraState } from '@cognite/reveal';
 import { RevealDomainObject, RevealRenderTarget } from '../../../domains';
+import { UsageMetricsTracker } from '../../../utilities/usageMetricsTracker';
 /**
  * Controller class for simple camera manipulation in
  * the RevealWidget
  */
 export declare class RevealWidgetCameraController {
     private _renderTarget;
-    constructor(_renderTarget: RevealRenderTarget);
+    private readonly _usageMetricsTracker;
+    constructor(_renderTarget: RevealRenderTarget, _usageMetricsTracker?: UsageMetricsTracker);
     /**
      * Focus all visible models in the scene
      */

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

@@ -1,27 +1,29 @@
-import { enterNearby360Image as e } from "../../../utilities/navigation/enterNearby360Image.js";
+import { noopUsageMetricsTracker as e } from "../../../utilities/usageMetricsTracker.js";
+import { enterNearby360Image as t } from "../../../utilities/navigation/enterNearby360Image.js";
 import "../../../utilities/navigation/index.js";
-import { CDF_TO_VIEWER_TRANSFORMATION as t } from "@cognite/reveal";
+import { CDF_TO_VIEWER_TRANSFORMATION as n } from "@cognite/reveal";
 //#region libs/shared/reveal-components/src/ui/components/Widget/RevealWidgetCameraController.ts
-var n = class {
+var r = class {
 	_renderTarget;
-	constructor(e) {
-		this._renderTarget = e;
+	_usageMetricsTracker;
+	constructor(t, n = e) {
+		this._renderTarget = t, this._usageMetricsTracker = n;
 	}
 	focusCameraAll() {
-		this._renderTarget.fitView();
+		this._usageMetricsTracker.track("reveal-widget.camera.focusCameraAll"), this._renderTarget.fitView();
 	}
 	focusModel(e) {
-		this._renderTarget.viewer.fitCameraToBoundingBox(e.getBoundingBox().applyMatrix4(t));
+		this._usageMetricsTracker.track("reveal-widget.camera.focusModel"), this._renderTarget.viewer.fitCameraToBoundingBox(e.getBoundingBox().applyMatrix4(n));
 	}
 	getCameraState() {
 		return this._renderTarget.viewer.cameraManager.getCameraState();
 	}
 	setCameraState(e) {
-		return this._renderTarget.viewer.cameraManager.setCameraState(e);
+		return this._usageMetricsTracker.track("reveal-widget.camera.setCameraState"), this._renderTarget.viewer.cameraManager.setCameraState(e);
 	}
 	enterNearby360Image() {
-		return e(this._renderTarget.viewer);
+		return this._usageMetricsTracker.track("reveal-widget.camera.enterNearby360Image"), t(this._renderTarget.viewer);
 	}
 };
 //#endregion
-export { n as RevealWidgetCameraController };
+export { r as RevealWidgetCameraController };

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

@@ -8,6 +8,7 @@ import { RevealDomainObjectUtils } from '../../../domains/reveal/RevealDomainObj
 import { SceneDomainObject } from '../../../domains/scene/SceneDomainObject';
 import { InstanceId } from '../../../utilities/instanceIds';
 import { InstanceStylingGroup } from '../../../utilities/modelIds';
+import { UsageMetricsTracker } from '../../../utilities/usageMetricsTracker';
 import { RevealWidgetCameraController } from './RevealWidgetCameraController';
 import { applyCadDefaultStyling } from './styling/applyCadDefaultStyling';
 import { applyPointCloudDefaultStyling } from './styling/applyPointCloudDefaultStyling';
@@ -28,8 +29,9 @@ export declare const defaultRevealWidgetControllerDependencies: RevealWidgetCont
 export declare class RevealWidgetController {
     private readonly _renderTarget;
     private readonly _dependencies;
+    private readonly _usageMetricsTracker;
     private readonly _cameraController;
-    constructor(_renderTarget: RevealRenderTarget, _dependencies?: RevealWidgetControllerDependencies);
+    constructor(_renderTarget: RevealRenderTarget, _dependencies?: RevealWidgetControllerDependencies, _usageMetricsTracker?: UsageMetricsTracker);
     /**
      * Access the RevealWidgetCameraController for camera controls
      */

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;