@cognite/reveal-components 1.0.0

package/dist/ui/components/Reveal3DResources/hooks/useCalculateCadStyling.js

@@ -0,0 +1,144 @@
+import { createInstanceKey as e, createModelRevisionKey as t } from "../../../../data-providers/cache/idAndKeyTranslation.js";
+import { isDefined as n } from "../../../../utilities/isDefined.js";
+import { DEFAULT_QUERY_STALE_TIME as r } from "../../../../utilities/constants.js";
+import { useCadMappingsCache as i } from "../../../../data-providers/cache/CacheProvider.js";
+import { isSameModel as a } from "../../../../utilities/isSameModel.js";
+import { createContext as o, useContext as s, useMemo as c } from "react";
+import { useQuery as l } from "@tanstack/react-query";
+import { IndexSet as u, NumericRange as d } from "@cognite/reveal";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/hooks/useCalculateCadStyling.tsx
+var f = { useCadMappingsCache: i }, p = o(f), m = (e, t, n, r = "base") => {
+	let i = h(e, n?.cad?.mapped, r), a = g(e, t);
+	return {
+		styledModels: y(e, i.combinedMappedStyleGroups, a.combinedMappedStyleGroups),
+		isModelMappingsLoading: a.isModelMappingsLoading || i.isModelMappingsLoading
+	};
+};
+function h(e, r, i = "base") {
+	let { useCadMappingsCache: a } = s(p), o = a(), u = r !== void 0 || e.some((e) => e.styling?.mapped !== void 0), d = l({
+		queryKey: [
+			"reveal",
+			"react-components",
+			"models-instance-mappings-base",
+			...e.map(({ modelId: e, revisionId: n }) => t(e, n))
+		],
+		queryFn: async ({ signal: t }) => await o.getAllModelMappings(e, t),
+		enabled: u && i === "base"
+	}), f = l({
+		queryKey: [
+			"reveal",
+			"react-components",
+			"models-instance-mappings-with-views",
+			...e.map(({ modelId: e, revisionId: n }) => t(e, n))
+		],
+		queryFn: async ({ signal: t }) => await o.getAllModelMappingsWithViews(e, t),
+		enabled: u && i === "withViews"
+	}), m = i === "withViews" ? f : d, h = m.data;
+	return {
+		combinedMappedStyleGroups: c(() => h === void 0 ? [] : e.map((e) => {
+			let n = e.styling?.mapped ?? r;
+			if (n === void 0) return;
+			let i = h.get(t(e.modelId, e.revisionId));
+			if (i !== void 0) return {
+				model: e,
+				styleGroups: [x(i, n)]
+			};
+		}).filter(n), [
+			e,
+			r,
+			h
+		]),
+		isModelMappingsLoading: m.isInitialLoading,
+		isError: m.isError
+	};
+}
+function g(e, t) {
+	let { useCadMappingsCache: n } = s(p), i = n(), { data: a, isInitialLoading: o, isError: u } = l({
+		queryKey: [
+			"reveal",
+			"react-components",
+			"cad-asset-mappings",
+			t,
+			e.map((e) => [e.modelId, e.revisionId])
+		],
+		queryFn: ({ signal: n }) => v(e, t, i, n),
+		staleTime: r
+	});
+	return c(() => ({
+		combinedMappedStyleGroups: _(e, a),
+		isModelMappingsLoading: o,
+		isError: u
+	}), [
+		e,
+		a,
+		o,
+		u
+	]);
+}
+function _(e, r) {
+	return e.map((e) => {
+		let n = t(e.modelId, e.revisionId), i = r?.find((e) => t(e.model.modelId, e.model.revisionId) === n);
+		if (i !== void 0) return {
+			...i,
+			model: e
+		};
+	}).filter(n);
+}
+async function v(e, r, i, a) {
+	let o = r.flatMap((e) => e.instanceIds), s = await i.getMappingsForModelsAndInstances(o, e, a);
+	return e.map((e) => {
+		let n = t(e.modelId, e.revisionId), i = s.get(n);
+		if (i !== void 0 && i.size !== 0) return {
+			model: e,
+			styleGroups: S(r, i)
+		};
+	}).filter(n);
+}
+function y(e, t, n) {
+	return c(() => n.length === 0 && t.length === 0 ? b(e) : e.map((e) => {
+		let r = t.find((t) => a(t.model, e))?.styleGroups ?? [], i = n.filter((t) => a(t.model, e)).flatMap((e) => e.styleGroups);
+		return e.styling?.nodeGroups !== void 0 && i.push(...e.styling.nodeGroups), {
+			model: e,
+			styleGroups: [...r, ...i]
+		};
+	}), [
+		e,
+		n,
+		t
+	]);
+}
+function b(e) {
+	return e.map((e) => ({
+		model: e,
+		styleGroups: []
+	}));
+}
+function x(e, t) {
+	let n = new u();
+	return [...e.values()].flat().forEach((e) => {
+		n.addRange(C(e));
+	}), {
+		treeIndexSet: n,
+		style: t
+	};
+}
+function S(t, r) {
+	return r === void 0 || r.size === 0 ? [] : t.map((t) => {
+		let n = new u(), i = t.style.cad, a = t.instanceIds.map(e);
+		if (i !== void 0 && a.length !== 0) {
+			for (let e of a) {
+				let t = r.get(e);
+				if (t !== void 0 && t.length !== 0) for (let e of t) n.addRange(C(e));
+			}
+			return n.count > 0 ? {
+				treeIndexSet: n,
+				style: i
+			} : void 0;
+		}
+	}).filter(n);
+}
+function C(e) {
+	return new d(e.treeIndex, e.subtreeSize);
+}
+//#endregion
+export { p as UseCalculateCadStylingContext, v as calculateCadInstanceStylingGroups, f as defaultUseCalculateCadStylingDependencies, m as useCalculateCadStyling };

package/dist/ui/components/Reveal3DResources/hooks/useCalculateImage360Styling.d.ts

@@ -0,0 +1,3 @@
+import { InstanceStylingGroup } from '../../../../utilities/modelIds/types';
+import { AnnotationIdStylingGroup } from '../../Image360CollectionContainer/useApply360AnnotationStyling';
+export declare const useCalculateImage360Styling: (instanceStyling: InstanceStylingGroup[] | undefined) => AnnotationIdStylingGroup[];

package/dist/ui/components/Reveal3DResources/hooks/useCalculateImage360Styling.js

@@ -0,0 +1,11 @@
+import { isDefined as e } from "../../../../utilities/isDefined.js";
+import { EMPTY_ARRAY as t } from "../../../../utilities/constants.js";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/hooks/useCalculateImage360Styling.ts
+var n = (n) => n === void 0 || n.length === 0 ? t : n.map((e) => {
+	if (e.style.image360 !== void 0) return {
+		assetRefs: e.instanceIds,
+		style: e.style.image360
+	};
+}).filter(e);
+//#endregion
+export { n as useCalculateImage360Styling };

package/dist/ui/components/Reveal3DResources/hooks/useCalculatePointCloudStyling.context.d.ts

@@ -0,0 +1,7 @@
+import { Context } from 'react';
+import { use3dModels } from '../../../hooks/use3dModels';
+export type UseCalculatePointCloudStylingDependendencies = {
+    use3dModels: typeof use3dModels;
+};
+export declare const defaultUseCalculatePointCloudStylingDependencies: UseCalculatePointCloudStylingDependendencies;
+export declare const UseCalculatePointCloudStylingContext: Context<UseCalculatePointCloudStylingDependendencies>;

package/dist/ui/components/Reveal3DResources/hooks/useCalculatePointCloudStyling.context.js

@@ -0,0 +1,6 @@
+import { use3dModels as e } from "../../../hooks/use3dModels.js";
+import { createContext as t } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/hooks/useCalculatePointCloudStyling.context.ts
+var n = { use3dModels: e }, r = t(n);
+//#endregion
+export { r as UseCalculatePointCloudStylingContext, n as defaultUseCalculatePointCloudStylingDependencies };

package/dist/ui/components/Reveal3DResources/hooks/useCalculatePointCloudStyling.d.ts

@@ -0,0 +1,2 @@
+import { DefaultResourceStyling, TypedReveal3DModel, StyledPointCloudModel, InstanceStylingGroup } from '../../../../utilities/modelIds/types';
+export declare const useCalculatePointCloudStyling: (models: TypedReveal3DModel[], instanceGroups: InstanceStylingGroup[], defaultResourceStyling?: DefaultResourceStyling) => StyledPointCloudModel[];

package/dist/ui/components/Reveal3DResources/hooks/useCalculatePointCloudStyling.js

@@ -0,0 +1,102 @@
+import { createInstanceKey as e } from "../../../../data-providers/cache/idAndKeyTranslation.js";
+import { createInstanceReferenceKey as t } from "../../../../utilities/instanceIds/toKey.js";
+import "../../../../utilities/instanceIds/index.js";
+import { isDefined as n } from "../../../../utilities/isDefined.js";
+import { getInstanceReferencesFromPointCloudVolume as r, getPointCloudVolumeId as i } from "../../../../data-providers/cache/utils.js";
+import { EMPTY_ARRAY as a } from "../../../../utilities/constants.js";
+import { isSameModel as o } from "../../../../utilities/isSameModel.js";
+import { UseCalculatePointCloudStylingContext as s } from "./useCalculatePointCloudStyling.context.js";
+import { useContext as c, useMemo as l } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/hooks/useCalculatePointCloudStyling.tsx
+var u = (e, t, n) => {
+	let r = l(() => e.filter((e) => e.type === "pointcloud"), [e]), i = h(r, n?.pointcloud?.mapped), a = d(r, t);
+	return l(() => y(r, [...i, ...a]), [
+		i,
+		a,
+		r
+	]);
+};
+function d(e, t) {
+	return f(g(e), e, t);
+}
+function f(e, t, n) {
+	return l(() => e.length === 0 ? a : e.map((e) => p(n, e)), [
+		e,
+		t,
+		n
+	]);
+}
+function p(e, t) {
+	let r = e.map((e) => m(t, e)).filter(n);
+	return {
+		model: t.model,
+		styleGroups: r
+	};
+}
+function m(n, r) {
+	let i = new Set(r.instanceIds.map(e)), a = n.volumesWithAsset.filter(({ instance: e }) => i.has(t(e))).map(({ pointCloudVolumeId: e }) => e);
+	if (a.length !== 0) return {
+		pointCloudVolumes: a,
+		style: r.style.pointcloud ?? {}
+	};
+}
+function h(e, t) {
+	return _(e, g(e), t);
+}
+function g(e) {
+	let { use3dModels: t } = c(s), n = t().filter((e) => e.type === "pointcloud"), u = l(() => n.flatMap((t) => {
+		let n = e.find((e) => o(t.modelIdentifier, e));
+		return n === void 0 ? a : [{
+			viewerModel: t,
+			model: n
+		}];
+	}), [n, e]);
+	return l(() => u.length === 0 || n.length === 0 ? e.map((e) => ({
+		model: e,
+		volumesWithAsset: []
+	})) : u.map(({ viewerModel: e, model: t }) => {
+		let n = e.stylableObjects.flatMap((e) => r(e).map((t) => ({
+			pointCloudVolumeId: i(e),
+			instance: t
+		})));
+		return {
+			model: {
+				...t,
+				type: "pointcloud"
+			},
+			volumesWithAsset: n
+		};
+	}), [
+		u,
+		n,
+		e
+	]);
+}
+function _(e, t, n) {
+	return l(() => e.length === 0 || t.length === 0 ? a : t.map((e) => {
+		let t = e.model.styling?.mapped ?? n, r = t === void 0 ? a : [v([e], t)];
+		return {
+			model: e.model,
+			styleGroups: r
+		};
+	}), [
+		e,
+		t,
+		n
+	]);
+}
+function v(e, t) {
+	return {
+		pointCloudVolumes: e.flatMap((e) => e.volumesWithAsset.map(({ pointCloudVolumeId: e }) => e)),
+		style: t
+	};
+}
+function y(e, t) {
+	let n = e.map((e) => ({
+		model: e,
+		styleGroups: []
+	}));
+	return t.reduce((e, t) => (e.find((e) => o(e.model, t.model))?.styleGroups.push(...t.styleGroups), e), n);
+}
+//#endregion
+export { u as useCalculatePointCloudStyling };

package/dist/ui/components/Reveal3DResources/hooks/useCallCallbackOnFinishedLoading.d.ts

@@ -0,0 +1,2 @@
+import { AddReveal3DResource } from '../../../../data-providers/types/resources';
+export declare function useCallCallbackOnFinishedLoading(resources: AddReveal3DResource[], onResourcesAdded: (() => void) | undefined): void;

package/dist/ui/components/Reveal3DResources/hooks/useCallCallbackOnFinishedLoading.js

@@ -0,0 +1,11 @@
+import { useReveal3DResourceLoadFailCount as e, useReveal3DResourcesCount as t, useReveal3DResourcesExpectedInViewerCount as n } from "../Reveal3DResourcesInfoContext.js";
+import { useEffect as r } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/hooks/useCallCallbackOnFinishedLoading.ts
+function i(i, a) {
+	let o = t().reveal3DResourcesCount, s = n(), { reveal3DResourceLoadFailCount: c } = e();
+	r(() => {
+		o === i.length - c && a?.();
+	}, [o, s]);
+}
+//#endregion
+export { i as useCallCallbackOnFinishedLoading };

package/dist/ui/components/Reveal3DResources/hooks/useRemoveNonReferencedModels.d.ts

@@ -0,0 +1,3 @@
+import { RevealRenderTarget } from '../../../../domains';
+import { AddImage360CollectionOptions, AddResourceOptions } from '../../../../utilities/modelIds/types';
+export declare function useRemoveNonReferencedModels(reveal3DModelAddOptions: AddResourceOptions[], addImage360CollectionOptions: AddImage360CollectionOptions[], renderTarget: RevealRenderTarget): void;

package/dist/ui/components/Reveal3DResources/hooks/useRemoveNonReferencedModels.js

@@ -0,0 +1,51 @@
+import { useReveal3DResourcesCount as e } from "../Reveal3DResourcesInfoContext.js";
+import { createFdmKey as t } from "../../../../data-providers/cache/idAndKeyTranslation.js";
+import { is360ImageAddOptions as n, is360ImageDataModelAddOptions as r, is360ImageEventsAddOptions as i } from "../../../../utilities/modelIds/typeGuards.js";
+import { RevealDomainObjectUtils as a } from "../../../../domains/reveal/RevealDomainObjectUtils.js";
+import { getViewerResourceCount as o } from "../../../../utilities/getViewerResourceCount.js";
+import { isSameModel as s } from "../../../../utilities/isSameModel.js";
+import { useEffect as c } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/hooks/useRemoveNonReferencedModels.ts
+function l(t, n, r) {
+	let { setRevealResourcesCount: i } = e();
+	c(() => {
+		let e = r.viewer;
+		u(t, e).forEach((e) => {
+			a.remove(r, e);
+		}), d(n, e).forEach((e) => {
+			a.remove(r, e);
+		}), i(o(e));
+	}, [
+		t,
+		n,
+		r,
+		i
+	]);
+}
+function u(e, t) {
+	let r = t.models, i = new Set(e.filter((e) => !n(e)));
+	return r.filter((e) => {
+		let t = (() => {
+			for (let t of i) if (!n(t) && s(t, {
+				modelId: e.modelId,
+				revisionId: e.revisionId,
+				transform: e.getModelTransformation()
+			})) return t;
+		})();
+		return t === void 0 || (i.delete(t), !1);
+	});
+}
+function d(e, n) {
+	let a = n.get360ImageCollections(), o = new Set(e);
+	return a.filter((e) => {
+		let n = (() => {
+			for (let n of o) {
+				let a = r(n) && e.id === t(n), o = i(n) && e.id === n.siteId;
+				if (a || o) return n;
+			}
+		})();
+		return n === void 0 || (o.delete(n), !1);
+	});
+}
+//#endregion
+export { l as useRemoveNonReferencedModels };

package/dist/ui/components/Reveal3DResources/hooks/useSetExpectedLoadCount.d.ts

@@ -0,0 +1,2 @@
+import { AddReveal3DResource } from '../../../../data-providers/types/resources';
+export declare function useSetExpectedLoadCount(resources: AddReveal3DResource[]): void;

package/dist/ui/components/Reveal3DResources/hooks/useSetExpectedLoadCount.js

@@ -0,0 +1,11 @@
+import { useReveal3DResourcesCount as e, useReveal3DResourcesSetExpectedToLoadCount as t } from "../Reveal3DResourcesInfoContext.js";
+import { useEffect as n } from "react";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/hooks/useSetExpectedLoadCount.ts
+function r(r) {
+	let i = t(), { setRevealResourcesCount: a } = e();
+	n(() => {
+		i(r.length);
+	}, [r, a]);
+}
+//#endregion
+export { r as useSetExpectedLoadCount };

package/dist/ui/components/Reveal3DResources/hooks/useTypedModels.d.ts

@@ -0,0 +1,5 @@
+import { UseQueryResult } from '@tanstack/react-query';
+import { DataSourceType, Cognite3DViewer } from '@cognite/reveal';
+import { AddReveal3DResource } from '../../../../data-providers/types/resources';
+import { TypedReveal3DModel, AddResourceOptions } from '../../../../utilities/modelIds/types';
+export declare const useTypedModels: (viewer: Cognite3DViewer<DataSourceType>, resources: AddReveal3DResource[], onLoadFail?: (resource: AddResourceOptions, error: Error) => void) => UseQueryResult<TypedReveal3DModel[]>;

package/dist/ui/components/Reveal3DResources/hooks/useTypedModels.js

@@ -0,0 +1,35 @@
+import { useReveal3DResourceLoadFailCount as e } from "../Reveal3DResourcesInfoContext.js";
+import { useModelIdRevisionIdFromModelOptions as t } from "../../../hooks/useModelIdRevisionIdFromModelOptions.js";
+import { getTypedModels as n } from "../../../../data-providers/network/common/getTypedModels.js";
+import { useEffect as r, useMemo as i } from "react";
+import { useQuery as a } from "@tanstack/react-query";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/hooks/useTypedModels.ts
+var o = (e, r, o) => {
+	let c = i(() => r.filter((e) => e.modelCategory === "model3d"), [r]), l = t(c), u = a({
+		queryKey: [
+			"typedModels",
+			l,
+			c
+		],
+		queryFn: async () => await n(l, e, c, o),
+		staleTime: Infinity,
+		enabled: l.length > 0 && c.length > 0
+	});
+	return s(u, c), u;
+};
+function s(t, n) {
+	let { setReveal3DResourceLoadFailCount: i } = e();
+	r(() => {
+		if (t.data === void 0 || t.isInitialLoading) return;
+		let e = n.length - t.data.length;
+		return i((t) => t + e), () => {
+			i((t) => t - e);
+		};
+	}, [
+		t.data,
+		t.isInitialLoading,
+		n
+	]);
+}
+//#endregion
+export { o as useTypedModels };

package/dist/ui/components/Reveal3DResources/instanceStyleTranslation.d.ts

@@ -0,0 +1,4 @@
+import { NodeAppearance } from '@cognite/reveal';
+import { InstanceReference } from '../../../utilities/instanceIds';
+import { InstanceStylingGroup } from '../../../utilities/modelIds';
+export declare function createInstanceStyleGroup(instances: InstanceReference[], style: NodeAppearance): InstanceStylingGroup;

package/dist/ui/components/Reveal3DResources/instanceStyleTranslation.js

@@ -0,0 +1,15 @@
+import { isDmsInstance as e, isInternalId as t } from "../../../utilities/instanceIds/typeGuards.js";
+import "../../../utilities/instanceIds/index.js";
+//#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/instanceStyleTranslation.ts
+function n(n, r) {
+	return {
+		instanceIds: n.filter((n) => t(n) || e(n)).map((e) => t(e) ? e.id : e),
+		style: {
+			cad: r,
+			pointcloud: r,
+			image360: r
+		}
+	};
+}
+//#endregion
+export { n as createInstanceStyleGroup };

package/dist/ui/components/RevealCanvas/ComponentFactoryContext.d.ts

@@ -0,0 +1,9 @@
+import { Context, PropsWithChildren, ReactElement } from 'react';
+import { ComponentFactory } from '../commandBased/Factories/ComponentFactory';
+type ComponentFactoryContextContent = {
+    componentFactory: ComponentFactory;
+};
+export declare const ComponentFactoryContext: Context<ComponentFactoryContextContent | undefined>;
+export declare const ComponentFactoryContextProvider: ({ children, }: PropsWithChildren) => ReactElement;
+export declare const useComponentFactory: () => ComponentFactory;
+export {};

package/dist/ui/components/RevealCanvas/ComponentFactoryContext.js

@@ -0,0 +1,17 @@
+import { createComponentFactory as e } from "../commandBased/Factories/createComponentFactory.js";
+import { createContext as t, useContext as n, useMemo as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/RevealCanvas/ComponentFactoryContext.tsx
+var a = t(void 0), o = ({ children: t }) => {
+	let n = r(() => e(), []);
+	return /* @__PURE__ */ i(a.Provider, {
+		value: { componentFactory: n },
+		children: t
+	});
+}, s = () => {
+	let e = n(a)?.componentFactory;
+	if (e === void 0) throw Error("useComponentFactory must be used within a ComponentFactoryContextProvider");
+	return e;
+};
+//#endregion
+export { a as ComponentFactoryContext, o as ComponentFactoryContextProvider, s as useComponentFactory };

package/dist/ui/components/RevealCanvas/FdmDataProviderContext.d.ts

@@ -0,0 +1,11 @@
+import { Context } from 'react';
+import { FdmSDK } from '../../../data-providers/FdmSDK';
+/**
+ * Includes both the low-level SDK and a higher-level fdm3dDataprovider.
+ * The latter is adviced used (and extended) for all 3D-related queries, while the
+ * FdmSDK can be used for all other queries
+ */
+export type FdmDataProviderContextContent = {
+    fdmSdk: FdmSDK;
+};
+export declare const FdmSdkContext: Context<FdmDataProviderContextContent | null>;

package/dist/ui/components/RevealCanvas/FdmDataProviderContext.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+//#region libs/shared/reveal-components/src/ui/components/RevealCanvas/FdmDataProviderContext.ts
+var t = e(null);
+//#endregion
+export { t as FdmSdkContext };

package/dist/ui/components/RevealCanvas/FeatureDataLoadPerformanceMetricsContext.d.ts

@@ -0,0 +1,3 @@
+import { Context } from 'react';
+import { LoadMetricsRecorder } from '../../../utilities/loadMetricsParameters';
+export declare const FeatureDataLoadPerformanceMetricsContext: Context<LoadMetricsRecorder | undefined>;

package/dist/ui/components/RevealCanvas/FeatureDataLoadPerformanceMetricsContext.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+//#region libs/shared/reveal-components/src/ui/components/RevealCanvas/FeatureDataLoadPerformanceMetricsContext.tsx
+var t = e(void 0);
+//#endregion
+export { t as FeatureDataLoadPerformanceMetricsContext };

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

@@ -0,0 +1,4 @@
+import { ReactNode, ReactElement } from 'react';
+export declare function RevealCanvas({ children, }: {
+    children?: ReactNode;
+}): ReactElement;

package/dist/ui/components/RevealCanvas/RevealCanvas.js

@@ -0,0 +1,22 @@
+import { useReveal as e } from "./ViewerContext.js";
+import { useDisableBodyTextSelectionOnViewerDragging as t } from "./hooks/useDisableBodyTextSelectionOnViewerDragging.js";
+import { useEffect as n, useRef as r } from "react";
+import { createPortal as i } from "react-dom";
+import { jsx as a } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/RevealCanvas/RevealCanvas.tsx
+function o({ children: o }) {
+	let s = e(), c = r(null);
+	return n(() => {
+		c.current !== null && c.current.appendChild(s.domElement);
+	}, [c.current]), t(), /* @__PURE__ */ a("div", {
+		style: {
+			width: "100%",
+			height: "100%",
+			overflow: "hidden"
+		},
+		ref: c,
+		children: i(o, s.domElement)
+	});
+}
+//#endregion
+export { o as RevealCanvas };

package/dist/ui/components/RevealCanvas/SDKProvider.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CogniteClient } from '@cognite/sdk';
+import { FdmSDK } from '../../../data-providers/FdmSDK';
+type SDKProviderProps = {
+    sdk: CogniteClient;
+    children: any;
+};
+export declare function SDKProvider({ sdk, children, }: SDKProviderProps): React.ReactElement;
+export declare const useSDK: (userSdk?: CogniteClient) => CogniteClient;
+export declare const useFdmSdk: () => FdmSDK;
+export {};

package/dist/ui/components/RevealCanvas/SDKProvider.js

@@ -0,0 +1,32 @@
+import { FdmSDK as e } from "../../../data-providers/FdmSDK.js";
+import { FdmSdkContext as t } from "./FdmDataProviderContext.js";
+import { FeatureDataLoadPerformanceMetricsContext as n } from "./FeatureDataLoadPerformanceMetricsContext.js";
+import { createContext as r, useContext as i, useMemo as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/RevealCanvas/SDKProvider.tsx
+var s = r(null);
+s.displayName = "CogniteSdkProvider", t.displayName = "FdmSdkProvider";
+function c({ sdk: r, children: c }) {
+	let l = i(n), u = a(() => ({ fdmSdk: new e(r, { featureDataLoadPerformanceMetrics: l }) }), [r, l]);
+	return /* @__PURE__ */ o(s.Provider, {
+		value: r,
+		children: /* @__PURE__ */ o(t.Provider, {
+			value: u,
+			children: c
+		})
+	});
+}
+var l = (e) => {
+	let t = i(s);
+	if (t === null) {
+		if (e !== void 0) return e;
+		throw Error("SdkContext not found, add '<SDKProvider value={sdk}>' around your component/app");
+	}
+	return t;
+}, u = () => {
+	let e = i(t);
+	if (e === null) throw Error("FdmSdkContext not found, add '<SDKProvider value={sdk}>' around your component/app");
+	return e.fdmSdk;
+};
+//#endregion
+export { c as SDKProvider, u as useFdmSdk, l as useSDK };

package/dist/ui/components/RevealCanvas/ViewerContext.d.ts

@@ -0,0 +1,11 @@
+import { Context, ReactElement, ReactNode } from 'react';
+import { DataSourceType, Cognite3DViewer } from '@cognite/reveal';
+import { RevealRenderTarget } from '../../../foundation/renderTarget/RevealRenderTarget';
+export declare const ViewerContext: Context<RevealRenderTarget | undefined>;
+export type ViewerContextProviderProps = {
+    renderTarget: RevealRenderTarget;
+    children: ReactNode;
+};
+export declare const ViewerContextProvider: ({ renderTarget: value, children, }: ViewerContextProviderProps) => ReactElement;
+export declare const useReveal: () => Cognite3DViewer<DataSourceType>;
+export declare const useRenderTarget: () => RevealRenderTarget;

package/dist/ui/components/RevealCanvas/ViewerContext.js

@@ -0,0 +1,28 @@
+import { createContext as e, useContext as t, useEffect as n } from "react";
+import { remove as r } from "lodash-es";
+import { jsx as i } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/RevealCanvas/ViewerContext.tsx
+var a = e(void 0), o = ({ renderTarget: e, children: t }) => (u(e ?? void 0), l(e ?? void 0), /* @__PURE__ */ i(a.Provider, {
+	value: e,
+	children: t
+})), s = () => c().viewer, c = () => {
+	let e = t(a);
+	if (e === void 0) throw Error("useRenderTarget must be used within a ViewerProvider");
+	return e;
+};
+function l(e) {
+	n(() => {
+		if (e !== void 0) return window.renderTargets === void 0 ? window.renderTargets = [e] : window.renderTargets.push(e), () => {
+			window.renderTargets !== void 0 && r(window.renderTargets, (t) => t === e);
+		};
+	}, [e]);
+}
+function u(e) {
+	n(() => {
+		if (e !== void 0 && window.renderTarget === void 0 && window.viewer === void 0) return window.renderTarget = e, window.viewer = e.viewer, () => {
+			window.renderTarget?.viewer === e.viewer && (window.viewer = void 0), window.renderTarget === e && (window.renderTarget = void 0);
+		};
+	}, [e]);
+}
+//#endregion
+export { a as ViewerContext, o as ViewerContextProvider, c as useRenderTarget, s as useReveal };

package/dist/ui/components/RevealCanvas/hooks/useCameraStateControl.d.ts

@@ -0,0 +1,3 @@
+import { CameraState } from '@cognite/reveal';
+export type CameraStateParameters = Omit<Required<CameraState>, 'rotation'> & Pick<CameraState, 'rotation'>;
+export declare const useCameraStateControl: (externalCameraState?: CameraStateParameters, setCameraState?: (cameraState?: CameraStateParameters) => void) => void;