@cognite/reveal-components 1.0.2 → 1.48552.0

package/dist/ui/components/commandBased/pointsOfInterest/usePoiCreateFlowState.d.ts

@@ -1,7 +1,7 @@
-import { PointOfInterest } from '../../../../domains/pointsOfInterest/types';
+import { type PointOfInterest } from "../../../../domains/pointsOfInterest/types";
 export type PoiCreateFlowState = {
-    isEditingPendingPoi: boolean;
-    lastCreatedPoi: PointOfInterest<unknown> | undefined;
-    clearLastCreatedPoi: () => void;
+	isEditingPendingPoi: boolean;
+	lastCreatedPoi: PointOfInterest<unknown> | undefined;
+	clearLastCreatedPoi: () => void;
 };
 export declare function usePoiCreateFlowState(): PoiCreateFlowState;

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

@@ -1,20 +1,24 @@
-import { PointsOfInterestStatus as e } from "../../../../domains/pointsOfInterest/types.js";
-import { useSelectedPoi as t } from "./useSelectedPoi.js";
-import { usePointsOfInterestTool as n } from "./usePointsOfInterestTool.js";
-import { useCallback as r } from "react";
-import { signal as i } from "@cognite/signal-utils";
-import { useSignalValue as a } from "@cognite/signal-utils/react";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/usePoiCreateFlowState.ts
-var o = i(void 0);
-function s() {
-	let i = n(), s = t(), c = a(i?.lastCreatedPointOfInterest ?? o), l = r(() => {
-		i?.clearLastCreatedPointOfInterest();
-	}, [i]);
-	return {
-		isEditingPendingPoi: s?.status === e.PendingCreation,
-		lastCreatedPoi: c,
-		clearLastCreatedPoi: l
-	};
+import { useCallback } from "react";
+import { signal } from "@cognite/signal-utils";
+import { useSignalValue } from "@cognite/signal-utils/react";
+import { PointsOfInterestStatus } from "../../../../domains/pointsOfInterest/types.js";
+import { usePointsOfInterestTool } from "./usePointsOfInterestTool.js";
+import { useSelectedPoi } from "./useSelectedPoi.js";
+const UNDEFINED_LAST_CREATED_POI = signal(undefined);
+export function usePoiCreateFlowState() {
+    const poiTool = usePointsOfInterestTool();
+    const selectedPoi = useSelectedPoi();
+    const lastCreatedPoi = useSignalValue(poiTool?.lastCreatedPointOfInterest ?? UNDEFINED_LAST_CREATED_POI);
+    const clearLastCreatedPoi = useCallback(()=>{
+        poiTool?.clearLastCreatedPointOfInterest();
+    }, [
+        poiTool
+    ]);
+    return {
+        isEditingPendingPoi: selectedPoi?.status === PointsOfInterestStatus.PendingCreation,
+        lastCreatedPoi,
+        clearLastCreatedPoi
+    };
 }
-//#endregion
-export { s as usePoiCreateFlowState };
+
+//# sourceMappingURL=usePoiCreateFlowState.js.map

package/dist/ui/components/commandBased/pointsOfInterest/usePoiCreateFlowState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/pointsOfInterest/usePoiCreateFlowState.ts"],"sourcesContent":["import { useCallback } from 'react';\n\nimport { signal } from '@cognite/signal-utils';\nimport { useSignalValue } from '@cognite/signal-utils/react';\n\nimport {\n  type PointOfInterest,\n  PointsOfInterestStatus,\n} from '../../../../domains/pointsOfInterest/types';\n\nimport { usePointsOfInterestTool } from './usePointsOfInterestTool';\nimport { useSelectedPoi } from './useSelectedPoi';\n\nconst UNDEFINED_LAST_CREATED_POI = signal<PointOfInterest<unknown> | undefined>(\n  undefined\n);\n\nexport type PoiCreateFlowState = {\n  isEditingPendingPoi: boolean;\n  lastCreatedPoi: PointOfInterest<unknown> | undefined;\n  clearLastCreatedPoi: () => void;\n};\n\nexport function usePoiCreateFlowState(): PoiCreateFlowState {\n  const poiTool = usePointsOfInterestTool();\n  const selectedPoi = useSelectedPoi();\n\n  const lastCreatedPoi = useSignalValue(\n    poiTool?.lastCreatedPointOfInterest ?? UNDEFINED_LAST_CREATED_POI\n  );\n\n  const clearLastCreatedPoi = useCallback(() => {\n    poiTool?.clearLastCreatedPointOfInterest();\n  }, [poiTool]);\n\n  return {\n    isEditingPendingPoi:\n      selectedPoi?.status === PointsOfInterestStatus.PendingCreation,\n    lastCreatedPoi,\n    clearLastCreatedPoi,\n  };\n}\n"],"names":["useCallback","signal","useSignalValue","PointsOfInterestStatus","usePointsOfInterestTool","useSelectedPoi","UNDEFINED_LAST_CREATED_POI","undefined","usePoiCreateFlowState","poiTool","selectedPoi","lastCreatedPoi","lastCreatedPointOfInterest","clearLastCreatedPoi","clearLastCreatedPointOfInterest","isEditingPendingPoi","status","PendingCreation"],"mappings":"AAAA,SAASA,WAAW,QAAQ,QAAQ;AAEpC,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,cAAc,QAAQ,8BAA8B;AAE7D,SAEEC,sBAAsB,QACjB,gDAA6C;AAEpD,SAASC,uBAAuB,QAAQ,+BAA4B;AACpE,SAASC,cAAc,QAAQ,sBAAmB;AAElD,MAAMC,6BAA6BL,OACjCM;AASF,OAAO,SAASC;IACd,MAAMC,UAAUL;IAChB,MAAMM,cAAcL;IAEpB,MAAMM,iBAAiBT,eACrBO,SAASG,8BAA8BN;IAGzC,MAAMO,sBAAsBb,YAAY;QACtCS,SAASK;IACX,GAAG;QAACL;KAAQ;IAEZ,OAAO;QACLM,qBACEL,aAAaM,WAAWb,uBAAuBc,eAAe;QAChEN;QACAE;IACF;AACF"}

package/dist/ui/components/commandBased/pointsOfInterest/usePoiDomainObject.d.ts

@@ -1,2 +1,2 @@
-import { PointsOfInterestDomainObject } from '../../../../domains';
+import { PointsOfInterestDomainObject } from "../../../../domains";
 export declare function usePoiDomainObject(): PointsOfInterestDomainObject<unknown> | undefined;

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

@@ -1,15 +1,17 @@
-import { useRenderTarget as e } from "../../RevealCanvas/ViewerContext.js";
-import "../../RevealCanvas/index.js";
-import { PointsOfInterestDomainObject as t } from "../../../../domains/pointsOfInterest/PointsOfInterestDomainObject.js";
-import "../../../../domains/index.js";
-import { useOnUpdateDomainObject as n } from "../hooks/useOnUpdateDomainObject.js";
-import { useState as r } from "react";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/usePoiDomainObject.ts
-function i() {
-	let i = e(), [a, o] = r(void 0);
-	return n(i.root, () => {
-		a === void 0 && o(i.root.getDescendantByType(t));
-	}), a;
+import { useState } from "react";
+import { PointsOfInterestDomainObject } from "../../../../domains/index.js";
+import { useRenderTarget } from "../../RevealCanvas/index.js";
+import { useOnUpdateDomainObject } from "../hooks/useOnUpdateDomainObject.js";
+export function usePoiDomainObject() {
+    const renderTarget = useRenderTarget();
+    const [poiDomainObject, setPoiDomainObject] = useState(undefined);
+    useOnUpdateDomainObject(renderTarget.root, ()=>{
+        if (poiDomainObject !== undefined) {
+            return;
+        }
+        setPoiDomainObject(renderTarget.root.getDescendantByType(PointsOfInterestDomainObject));
+    });
+    return poiDomainObject;
 }
-//#endregion
-export { i as usePoiDomainObject };
+
+//# sourceMappingURL=usePoiDomainObject.js.map

package/dist/ui/components/commandBased/pointsOfInterest/usePoiDomainObject.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/pointsOfInterest/usePoiDomainObject.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { PointsOfInterestDomainObject } from '../../../../domains';\nimport { useRenderTarget } from '../../RevealCanvas';\nimport { useOnUpdateDomainObject } from '../hooks/useOnUpdateDomainObject';\n\nexport function usePoiDomainObject():\n  PointsOfInterestDomainObject<unknown> | undefined {\n  const renderTarget = useRenderTarget();\n\n  const [poiDomainObject, setPoiDomainObject] = useState<\n    PointsOfInterestDomainObject<unknown> | undefined\n  >(undefined);\n\n  useOnUpdateDomainObject(renderTarget.root, () => {\n    if (poiDomainObject !== undefined) {\n      return;\n    }\n    setPoiDomainObject(\n      renderTarget.root.getDescendantByType(PointsOfInterestDomainObject)\n    );\n  });\n\n  return poiDomainObject;\n}\n"],"names":["useState","PointsOfInterestDomainObject","useRenderTarget","useOnUpdateDomainObject","usePoiDomainObject","renderTarget","poiDomainObject","setPoiDomainObject","undefined","root","getDescendantByType"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,QAAQ;AAEjC,SAASC,4BAA4B,QAAQ,+BAAsB;AACnE,SAASC,eAAe,QAAQ,8BAAqB;AACrD,SAASC,uBAAuB,QAAQ,sCAAmC;AAE3E,OAAO,SAASC;IAEd,MAAMC,eAAeH;IAErB,MAAM,CAACI,iBAAiBC,mBAAmB,GAAGP,SAE5CQ;IAEFL,wBAAwBE,aAAaI,IAAI,EAAE;QACzC,IAAIH,oBAAoBE,WAAW;YACjC;QACF;QACAD,mBACEF,aAAaI,IAAI,CAACC,mBAAmB,CAACT;IAE1C;IAEA,OAAOK;AACT"}

package/dist/ui/components/commandBased/pointsOfInterest/usePointsOfInterest.d.ts

@@ -1,2 +1,2 @@
-import { PointOfInterest } from '../../../../domains';
+import { type PointOfInterest } from "../../../../domains";
 export declare const usePointsOfInterest: () => Array<PointOfInterest<unknown>>;

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

@@ -1,13 +1,16 @@
-import { EMPTY_ARRAY as e } from "../../../../utilities/constants.js";
-import { useOnUpdateDomainObject as t } from "../hooks/useOnUpdateDomainObject.js";
-import { usePoiDomainObject as n } from "./usePoiDomainObject.js";
-import { useState as r } from "react";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/usePointsOfInterest.ts
-var i = () => {
-	let i = n(), [a, o] = r([]);
-	return t(i, () => {
-		o([...i?.pointsOfInterest ?? e]);
-	}), a;
+import { useState } from "react";
+import { EMPTY_ARRAY } from "../../../../utilities/constants.js";
+import { useOnUpdateDomainObject } from "../hooks/useOnUpdateDomainObject.js";
+import { usePoiDomainObject } from "./usePoiDomainObject.js";
+export const usePointsOfInterest = ()=>{
+    const poiDomainObject = usePoiDomainObject();
+    const [pois, setPois] = useState([]);
+    useOnUpdateDomainObject(poiDomainObject, ()=>{
+        setPois([
+            ...poiDomainObject?.pointsOfInterest ?? EMPTY_ARRAY
+        ]);
+    });
+    return pois;
 };
-//#endregion
-export { i as usePointsOfInterest };
+
+//# sourceMappingURL=usePointsOfInterest.js.map

package/dist/ui/components/commandBased/pointsOfInterest/usePointsOfInterest.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/pointsOfInterest/usePointsOfInterest.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { type PointOfInterest } from '../../../../domains';\nimport { EMPTY_ARRAY } from '../../../../utilities/constants';\nimport { useOnUpdateDomainObject } from '../hooks/useOnUpdateDomainObject';\n\nimport { usePoiDomainObject } from './usePoiDomainObject';\n\nexport const usePointsOfInterest = (): Array<PointOfInterest<unknown>> => {\n  const poiDomainObject = usePoiDomainObject();\n\n  const [pois, setPois] = useState<Array<PointOfInterest<unknown>>>([]);\n\n  useOnUpdateDomainObject(poiDomainObject, () => {\n    setPois([...(poiDomainObject?.pointsOfInterest ?? EMPTY_ARRAY)]);\n  });\n\n  return pois;\n};\n"],"names":["useState","EMPTY_ARRAY","useOnUpdateDomainObject","usePoiDomainObject","usePointsOfInterest","poiDomainObject","pois","setPois","pointsOfInterest"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,QAAQ;AAGjC,SAASC,WAAW,QAAQ,qCAAkC;AAC9D,SAASC,uBAAuB,QAAQ,sCAAmC;AAE3E,SAASC,kBAAkB,QAAQ,0BAAuB;AAE1D,OAAO,MAAMC,sBAAsB;IACjC,MAAMC,kBAAkBF;IAExB,MAAM,CAACG,MAAMC,QAAQ,GAAGP,SAA0C,EAAE;IAEpEE,wBAAwBG,iBAAiB;QACvCE,QAAQ;eAAKF,iBAAiBG,oBAAoBP;SAAa;IACjE;IAEA,OAAOK;AACT,EAAE"}

package/dist/ui/components/commandBased/pointsOfInterest/usePointsOfInterestTool.d.ts

@@ -1,3 +1,3 @@
-import { PointsOfInterestTool } from '../../../../domains/pointsOfInterest/PointsOfInterestTool';
+import { PointsOfInterestTool } from "../../../../domains/pointsOfInterest/PointsOfInterestTool";
 export declare function usePointsOfInterestTool(): PointsOfInterestTool<unknown> | undefined;
 export declare function usePoiToolIsSaving(): boolean;

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

@@ -1,16 +1,17 @@
-import { useRenderTarget as e } from "../../RevealCanvas/ViewerContext.js";
-import "../../RevealCanvas/index.js";
-import { PointsOfInterestTool as t } from "../../../../domains/pointsOfInterest/PointsOfInterestTool.js";
-import { signal as n } from "@cognite/signal-utils";
-import { useSignalValue as r } from "@cognite/signal-utils/react";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/usePointsOfInterestTool.ts
-var i = n(!1);
-function a() {
-	return e().commandsController.getToolByType(t);
+import { signal } from "@cognite/signal-utils";
+import { useSignalValue } from "@cognite/signal-utils/react";
+import { PointsOfInterestTool } from "../../../../domains/pointsOfInterest/PointsOfInterestTool.js";
+import { useRenderTarget } from "../../RevealCanvas/index.js";
+// Stable fallback so useSignalValue is not passed a new signal each render
+// when the tool is missing.
+const notSaving = signal(false);
+export function usePointsOfInterestTool() {
+    const renderTarget = useRenderTarget();
+    return renderTarget.commandsController.getToolByType(PointsOfInterestTool);
 }
-function o() {
-	let e = a();
-	return r(e?.isSaving ?? i);
+export function usePoiToolIsSaving() {
+    const poiTool = usePointsOfInterestTool();
+    return useSignalValue(poiTool?.isSaving ?? notSaving);
 }
-//#endregion
-export { o as usePoiToolIsSaving, a as usePointsOfInterestTool };
+
+//# sourceMappingURL=usePointsOfInterestTool.js.map

package/dist/ui/components/commandBased/pointsOfInterest/usePointsOfInterestTool.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/pointsOfInterest/usePointsOfInterestTool.ts"],"sourcesContent":["import { signal } from '@cognite/signal-utils';\nimport { useSignalValue } from '@cognite/signal-utils/react';\n\nimport { PointsOfInterestTool } from '../../../../domains/pointsOfInterest/PointsOfInterestTool';\nimport { useRenderTarget } from '../../RevealCanvas';\n\n// Stable fallback so useSignalValue is not passed a new signal each render\n// when the tool is missing.\nconst notSaving = signal(false);\n\nexport function usePointsOfInterestTool():\n  PointsOfInterestTool<unknown> | undefined {\n  const renderTarget = useRenderTarget();\n  return renderTarget.commandsController.getToolByType(PointsOfInterestTool);\n}\n\nexport function usePoiToolIsSaving(): boolean {\n  const poiTool = usePointsOfInterestTool();\n  return useSignalValue(poiTool?.isSaving ?? notSaving);\n}\n"],"names":["signal","useSignalValue","PointsOfInterestTool","useRenderTarget","notSaving","usePointsOfInterestTool","renderTarget","commandsController","getToolByType","usePoiToolIsSaving","poiTool","isSaving"],"mappings":"AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,SAASC,cAAc,QAAQ,8BAA8B;AAE7D,SAASC,oBAAoB,QAAQ,+DAA4D;AACjG,SAASC,eAAe,QAAQ,8BAAqB;AAErD,2EAA2E;AAC3E,4BAA4B;AAC5B,MAAMC,YAAYJ,OAAO;AAEzB,OAAO,SAASK;IAEd,MAAMC,eAAeH;IACrB,OAAOG,aAAaC,kBAAkB,CAACC,aAAa,CAACN;AACvD;AAEA,OAAO,SAASO;IACd,MAAMC,UAAUL;IAChB,OAAOJ,eAAeS,SAASC,YAAYP;AAC7C"}

package/dist/ui/components/commandBased/pointsOfInterest/useSelectedPoi.d.ts

@@ -1,2 +1,2 @@
-import { PointOfInterest } from '../../../../domains';
+import { type PointOfInterest } from "../../../../domains";
 export declare function useSelectedPoi(): PointOfInterest<any> | undefined;

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

@@ -1,12 +1,13 @@
-import { useOnUpdateDomainObject as e } from "../hooks/useOnUpdateDomainObject.js";
-import { usePoiDomainObject as t } from "./usePoiDomainObject.js";
-import { useState as n } from "react";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/useSelectedPoi.ts
-function r() {
-	let r = t(), [i, a] = n(r?.selectedPointsOfInterest);
-	return e(r, () => {
-		a(r?.selectedPointsOfInterest);
-	}), i;
+import { useState } from "react";
+import { useOnUpdateDomainObject } from "../hooks/useOnUpdateDomainObject.js";
+import { usePoiDomainObject } from "./usePoiDomainObject.js";
+export function useSelectedPoi() {
+    const poiDomainObject = usePoiDomainObject();
+    const [selectedPoi, setSelectedPoi] = useState(poiDomainObject?.selectedPointsOfInterest);
+    useOnUpdateDomainObject(poiDomainObject, ()=>{
+        setSelectedPoi(poiDomainObject?.selectedPointsOfInterest);
+    });
+    return selectedPoi;
 }
-//#endregion
-export { r as useSelectedPoi };
+
+//# sourceMappingURL=useSelectedPoi.js.map

package/dist/ui/components/commandBased/pointsOfInterest/useSelectedPoi.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/pointsOfInterest/useSelectedPoi.ts"],"sourcesContent":["import { useState } from 'react';\n\nimport { type PointOfInterest } from '../../../../domains';\nimport { useOnUpdateDomainObject } from '../hooks/useOnUpdateDomainObject';\n\nimport { usePoiDomainObject } from './usePoiDomainObject';\n\nexport function useSelectedPoi(): PointOfInterest<any> | undefined {\n  const poiDomainObject = usePoiDomainObject();\n\n  const [selectedPoi, setSelectedPoi] = useState<\n    PointOfInterest<any> | undefined\n  >(poiDomainObject?.selectedPointsOfInterest);\n\n  useOnUpdateDomainObject(poiDomainObject, () => {\n    setSelectedPoi(poiDomainObject?.selectedPointsOfInterest);\n  });\n\n  return selectedPoi;\n}\n"],"names":["useState","useOnUpdateDomainObject","usePoiDomainObject","useSelectedPoi","poiDomainObject","selectedPoi","setSelectedPoi","selectedPointsOfInterest"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,QAAQ;AAGjC,SAASC,uBAAuB,QAAQ,sCAAmC;AAE3E,SAASC,kBAAkB,QAAQ,0BAAuB;AAE1D,OAAO,SAASC;IACd,MAAMC,kBAAkBF;IAExB,MAAM,CAACG,aAAaC,eAAe,GAAGN,SAEpCI,iBAAiBG;IAEnBN,wBAAwBG,iBAAiB;QACvCE,eAAeF,iBAAiBG;IAClC;IAEA,OAAOF;AACT"}

package/dist/ui/components/commandBased/pointsOfInterest/useSyncSelectedPoi.d.ts

@@ -1,2 +1,2 @@
-import { PointOfInterest } from '../../../../domains';
+import { type PointOfInterest } from "../../../../domains";
 export declare const useSyncSelectedPoi: (selectedPoi: PointOfInterest<unknown> | undefined, setSelectedPoi: (poi: PointOfInterest<unknown> | undefined) => void) => void;

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

@@ -1,29 +1,39 @@
-import { useRenderTarget as e } from "../../RevealCanvas/ViewerContext.js";
-import "../../RevealCanvas/index.js";
-import { PointsOfInterestStatus as t } from "../../../../domains/pointsOfInterest/types.js";
-import { useOnUpdateDomainObject as n } from "../hooks/useOnUpdateDomainObject.js";
-import { usePoiDomainObject as r } from "./usePoiDomainObject.js";
-import { useEffect as i, useRef as a } from "react";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/useSyncSelectedPoi.ts
-var o = (o, s) => {
-	let c = e(), l = r(), u = a(void 0);
-	n(l, () => {
-		let e = l?.selectedPointsOfInterest;
-		if (u.current !== e && l !== void 0) {
-			if (u.current = e, e?.status === t.PendingCreation) {
-				s(void 0);
-				return;
-			}
-			s(e);
-		}
-	}), i(() => {
-		let e = l?.selectedPointsOfInterest;
-		(o !== void 0 || e?.status !== t.PendingCreation && e?.status !== t.PendingEditing) && (l?.setSelectedPointOfInterest(o), o !== void 0 && l?.ensureVisible(c));
-	}, [
-		o,
-		l,
-		c
-	]);
+import { useEffect, useRef } from "react";
+import { PointsOfInterestStatus } from "../../../../domains/pointsOfInterest/types.js";
+import { useRenderTarget } from "../../RevealCanvas/index.js";
+import { useOnUpdateDomainObject } from "../hooks/useOnUpdateDomainObject.js";
+import { usePoiDomainObject } from "./usePoiDomainObject.js";
+export const useSyncSelectedPoi = (selectedPoi, setSelectedPoi)=>{
+    const renderTarget = useRenderTarget();
+    const domainObject = usePoiDomainObject();
+    const lastSelectedPoiInternal = useRef(undefined);
+    useOnUpdateDomainObject(domainObject, ()=>{
+        const internalPoi = domainObject?.selectedPointsOfInterest;
+        if (lastSelectedPoiInternal.current === internalPoi || domainObject === undefined) {
+            return;
+        }
+        lastSelectedPoiInternal.current = internalPoi;
+        // Draft POIs stay domain-only; do not write them to the `poi3d` URL hash.
+        if (internalPoi?.status === PointsOfInterestStatus.PendingCreation) {
+            setSelectedPoi(undefined);
+            return;
+        }
+        setSelectedPoi(internalPoi);
+    });
+    useEffect(()=>{
+        const currentSelection = domainObject?.selectedPointsOfInterest;
+        if (selectedPoi === undefined && (currentSelection?.status === PointsOfInterestStatus.PendingCreation || currentSelection?.status === PointsOfInterestStatus.PendingEditing)) {
+            return;
+        }
+        domainObject?.setSelectedPointOfInterest(selectedPoi);
+        if (selectedPoi !== undefined) {
+            domainObject?.ensureVisible(renderTarget);
+        }
+    }, [
+        selectedPoi,
+        domainObject,
+        renderTarget
+    ]);
 };
-//#endregion
-export { o as useSyncSelectedPoi };
+
+//# sourceMappingURL=useSyncSelectedPoi.js.map

package/dist/ui/components/commandBased/pointsOfInterest/useSyncSelectedPoi.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/ui/components/commandBased/pointsOfInterest/useSyncSelectedPoi.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { type PointOfInterest } from '../../../../domains';\nimport { PointsOfInterestStatus } from '../../../../domains/pointsOfInterest/types';\nimport { useRenderTarget } from '../../RevealCanvas';\nimport { useOnUpdateDomainObject } from '../hooks/useOnUpdateDomainObject';\n\nimport { usePoiDomainObject } from './usePoiDomainObject';\n\nexport const useSyncSelectedPoi = (\n  selectedPoi: PointOfInterest<unknown> | undefined,\n  setSelectedPoi: (poi: PointOfInterest<unknown> | undefined) => void\n): void => {\n  const renderTarget = useRenderTarget();\n  const domainObject = usePoiDomainObject();\n\n  const lastSelectedPoiInternal = useRef<PointOfInterest<unknown> | undefined>(\n    undefined\n  );\n\n  useOnUpdateDomainObject(domainObject, () => {\n    const internalPoi = domainObject?.selectedPointsOfInterest;\n    if (\n      lastSelectedPoiInternal.current === internalPoi ||\n      domainObject === undefined\n    ) {\n      return;\n    }\n\n    lastSelectedPoiInternal.current = internalPoi;\n\n    // Draft POIs stay domain-only; do not write them to the `poi3d` URL hash.\n    if (internalPoi?.status === PointsOfInterestStatus.PendingCreation) {\n      setSelectedPoi(undefined);\n      return;\n    }\n\n    setSelectedPoi(internalPoi);\n  });\n\n  useEffect(() => {\n    const currentSelection = domainObject?.selectedPointsOfInterest;\n    if (\n      selectedPoi === undefined &&\n      (currentSelection?.status === PointsOfInterestStatus.PendingCreation ||\n        currentSelection?.status === PointsOfInterestStatus.PendingEditing)\n    ) {\n      return;\n    }\n\n    domainObject?.setSelectedPointOfInterest(selectedPoi);\n    if (selectedPoi !== undefined) {\n      domainObject?.ensureVisible(renderTarget);\n    }\n  }, [selectedPoi, domainObject, renderTarget]);\n};\n"],"names":["useEffect","useRef","PointsOfInterestStatus","useRenderTarget","useOnUpdateDomainObject","usePoiDomainObject","useSyncSelectedPoi","selectedPoi","setSelectedPoi","renderTarget","domainObject","lastSelectedPoiInternal","undefined","internalPoi","selectedPointsOfInterest","current","status","PendingCreation","currentSelection","PendingEditing","setSelectedPointOfInterest","ensureVisible"],"mappings":"AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAG1C,SAASC,sBAAsB,QAAQ,gDAA6C;AACpF,SAASC,eAAe,QAAQ,8BAAqB;AACrD,SAASC,uBAAuB,QAAQ,sCAAmC;AAE3E,SAASC,kBAAkB,QAAQ,0BAAuB;AAE1D,OAAO,MAAMC,qBAAqB,CAChCC,aACAC;IAEA,MAAMC,eAAeN;IACrB,MAAMO,eAAeL;IAErB,MAAMM,0BAA0BV,OAC9BW;IAGFR,wBAAwBM,cAAc;QACpC,MAAMG,cAAcH,cAAcI;QAClC,IACEH,wBAAwBI,OAAO,KAAKF,eACpCH,iBAAiBE,WACjB;YACA;QACF;QAEAD,wBAAwBI,OAAO,GAAGF;QAElC,0EAA0E;QAC1E,IAAIA,aAAaG,WAAWd,uBAAuBe,eAAe,EAAE;YAClET,eAAeI;YACf;QACF;QAEAJ,eAAeK;IACjB;IAEAb,UAAU;QACR,MAAMkB,mBAAmBR,cAAcI;QACvC,IACEP,gBAAgBK,aACfM,CAAAA,kBAAkBF,WAAWd,uBAAuBe,eAAe,IAClEC,kBAAkBF,WAAWd,uBAAuBiB,cAAc,AAAD,GACnE;YACA;QACF;QAEAT,cAAcU,2BAA2Bb;QACzC,IAAIA,gBAAgBK,WAAW;YAC7BF,cAAcW,cAAcZ;QAC9B;IACF,GAAG;QAACF;QAAaG;QAAcD;KAAa;AAC9C,EAAE"}

package/dist/ui/components/commandBased/treeView/CadTreeView/CadTreeView.d.ts

@@ -1,17 +1,17 @@
-import { Context, ReactElement } from 'react';
-import { CadDomainObject } from '../../../../../domains/reveal/cad/CadDomainObject';
-import { CadTreeNode } from '../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node';
-import { ILazyLoader } from '../../../../../foundation/treeNodes/tree-node-type/i-lazy-loader';
-import { TreeView } from '../TreeView/tree-view';
+import type { Context, ReactElement } from "react";
+import type { CadDomainObject } from "../../../../../domains/reveal/cad/CadDomainObject";
+import { CadTreeNode } from "../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node";
+import type { ILazyLoader } from "../../../../../foundation/treeNodes/tree-node-type/i-lazy-loader";
+import { TreeView } from "../TreeView/tree-view";
 export type CadTreeViewProps = {
-    showRoot?: boolean;
-    maxLabelLength?: number;
-    loader: ILazyLoader;
-    domainObject: CadDomainObject;
-    onClickInfo?: (node: CadTreeNode) => void;
+	showRoot?: boolean;
+	maxLabelLength?: number;
+	loader: ILazyLoader;
+	domainObject: CadDomainObject;
+	onClickInfo?: (node: CadTreeNode) => void;
 };
 export type CadTreeViewDependencies = {
-    TreeView: typeof TreeView;
+	TreeView: typeof TreeView;
 };
 export declare const defaultCadTreeViewDependencies: CadTreeViewDependencies;
 export declare const CadTreeViewContext: Context<CadTreeViewDependencies>;

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

@@ -1,45 +1,68 @@
-import { useRenderTarget as e } from "../../../RevealCanvas/ViewerContext.js";
-import "../../../RevealCanvas/index.js";
-import { IconFactory as t } from "../../Factories/IconFactory.js";
-import { CadTreeNode as n } from "../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node.js";
-import { TreeView as r } from "../TreeView/tree-view.js";
-import { onKeyDownFunc as i, onSelectNodeFunc as a, onToggleNodeFunc as o, updateTreeByClickInViewer as s } from "./CadTreeViewCallbacks.js";
-import { createContext as c, useCallback as l, useContext as u, useEffect as d, useRef as f } from "react";
-import { jsx as p } from "react/jsx-runtime";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/CadTreeView/CadTreeView.tsx
-var m = { TreeView: r }, h = c(m), g = (r) => {
-	let { TreeView: c } = u(h), m = e(), g = f(void 0), _ = f(null), { loader: v, domainObject: y } = r, { commandsController: b } = m;
-	d(() => {
-		let e = async (e, t, n) => {
-			await s(e, t, n, y, v, g, _);
-		};
-		return b.addEventListener(e), () => {
-			b.removeEventListener(e);
-		};
-	}, [
-		v,
-		y,
-		b
-	]);
-	let x = l((e, t) => i(e, t, y, g, _), [y]), S = l((e, t, n) => {
-		a(e, t, n, y, g);
-	}, [y]), C = l((e) => {
-		o(e, y);
-	}, [y]), w = l((e) => {
-		r.onClickInfo !== void 0 && e instanceof n && r.onClickInfo(e);
-	}, [r]);
-	return /* @__PURE__ */ p(c, {
-		ref: _,
-		onSelectNode: S,
-		onToggleNode: C,
-		onKeyDown: x,
-		onClickInfo: w,
-		getIconFromIconName: t.getIcon,
-		loader: v,
-		maxLabelLength: r.maxLabelLength,
-		hasCheckboxes: !0,
-		showRoot: r.showRoot
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useEffect, useRef } from "react";
+import { CadTreeNode } from "../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node.js";
+import { useRenderTarget } from "../../../RevealCanvas/index.js";
+import { IconFactory } from "../../Factories/IconFactory.js";
+import { TreeView } from "../TreeView/tree-view.js";
+import { updateTreeByClickInViewer, onKeyDownFunc, onSelectNodeFunc, onToggleNodeFunc } from "./CadTreeViewCallbacks.js";
+export const defaultCadTreeViewDependencies = {
+    TreeView
 };
-//#endregion
-export { g as CadTreeView, h as CadTreeViewContext, m as defaultCadTreeViewDependencies };
+export const CadTreeViewContext = /*#__PURE__*/ createContext(defaultCadTreeViewDependencies);
+export const CadTreeView = (props)=>{
+    const { TreeView } = useContext(CadTreeViewContext);
+    const renderTarget = useRenderTarget();
+    const lastSelectedNode = useRef(undefined);
+    const treeViewRef = useRef(null);
+    const { loader, domainObject } = props;
+    const { commandsController } = renderTarget;
+    useEffect(()=>{
+        const handleEvent = async (eventType, event, tool)=>{
+            await updateTreeByClickInViewer(eventType, event, tool, domainObject, loader, lastSelectedNode, treeViewRef);
+        };
+        commandsController.addEventListener(handleEvent);
+        return ()=>{
+            commandsController.removeEventListener(handleEvent);
+        };
+    }, [
+        loader,
+        domainObject,
+        commandsController
+    ]);
+    const onKeyDown = useCallback((root, event)=>{
+        return onKeyDownFunc(root, event, domainObject, lastSelectedNode, treeViewRef);
+    }, [
+        domainObject
+    ]);
+    const onSelectNode = useCallback((node, isShift, isControl)=>{
+        onSelectNodeFunc(node, isShift, isControl, domainObject, lastSelectedNode);
+    }, [
+        domainObject
+    ]);
+    const onToggleNode = useCallback((node)=>{
+        onToggleNodeFunc(node, domainObject);
+    }, [
+        domainObject
+    ]);
+    const onClickInfo = useCallback((node)=>{
+        if (props.onClickInfo !== undefined && node instanceof CadTreeNode) {
+            props.onClickInfo(node);
+        }
+    }, [
+        props
+    ]);
+    return /*#__PURE__*/ _jsx(TreeView, {
+        ref: treeViewRef,
+        onSelectNode: onSelectNode,
+        onToggleNode: onToggleNode,
+        onKeyDown: onKeyDown,
+        onClickInfo: onClickInfo,
+        getIconFromIconName: IconFactory.getIcon,
+        loader: loader,
+        maxLabelLength: props.maxLabelLength,
+        hasCheckboxes: true,
+        showRoot: props.showRoot
+    });
+};
+
+//# sourceMappingURL=CadTreeView.js.map

package/dist/ui/components/commandBased/treeView/CadTreeView/CadTreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/ui/components/commandBased/treeView/CadTreeView/CadTreeView.tsx"],"sourcesContent":["import type { Context, ReactElement } from 'react';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n} from 'react';\n\nimport type { CadDomainObject } from '../../../../../domains/reveal/cad/CadDomainObject';\nimport type { BaseTool } from '../../../../../foundation/commands/BaseTool';\nimport type { EventType } from '../../../../../foundation/renderTarget/CommandsController';\nimport { CadTreeNode } from '../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node';\nimport type { TreeNode } from '../../../../../foundation/treeNodes/tree-node/tree-node';\nimport type { ILazyLoader } from '../../../../../foundation/treeNodes/tree-node-type/i-lazy-loader';\nimport type { TreeNodeType } from '../../../../../foundation/treeNodes/tree-node-type/tree-node-type';\nimport { useRenderTarget } from '../../../RevealCanvas';\nimport { IconFactory } from '../../Factories/IconFactory';\nimport { TreeView } from '../TreeView/tree-view';\n\nimport {\n  updateTreeByClickInViewer,\n  onKeyDownFunc,\n  onSelectNodeFunc,\n  onToggleNodeFunc,\n} from './CadTreeViewCallbacks';\n\nexport type CadTreeViewProps = {\n  showRoot?: boolean; // Show root, default is true\n  maxLabelLength?: number; // Max length of label before it is truncated and a tooltip will appear\n  loader: ILazyLoader;\n  domainObject: CadDomainObject;\n  onClickInfo?: (node: CadTreeNode) => void; // Called when user click the info icon, if undefined, no info icon will appear\n};\n\nexport type CadTreeViewDependencies = {\n  TreeView: typeof TreeView;\n};\n\nexport const defaultCadTreeViewDependencies: CadTreeViewDependencies = {\n  TreeView,\n};\n\nexport const CadTreeViewContext: Context<CadTreeViewDependencies> =\n  createContext(defaultCadTreeViewDependencies);\n\nexport const CadTreeView = (props: CadTreeViewProps): ReactElement => {\n  const { TreeView } = useContext(CadTreeViewContext);\n\n  const renderTarget = useRenderTarget();\n  const lastSelectedNode = useRef<TreeNode | undefined>(undefined);\n  const treeViewRef = useRef<HTMLDivElement>(null);\n  const { loader, domainObject } = props;\n  const { commandsController } = renderTarget;\n\n  useEffect(() => {\n    const handleEvent = async (\n      eventType: EventType,\n      event: PointerEvent | KeyboardEvent,\n      tool: BaseTool\n    ) => {\n      await updateTreeByClickInViewer(\n        eventType,\n        event,\n        tool,\n        domainObject,\n        loader,\n        lastSelectedNode,\n        treeViewRef\n      );\n    };\n    commandsController.addEventListener(handleEvent);\n    return () => {\n      commandsController.removeEventListener(handleEvent);\n    };\n  }, [loader, domainObject, commandsController]);\n\n  const onKeyDown = useCallback(\n    (root: TreeNodeType, event: KeyboardEvent) => {\n      return onKeyDownFunc(\n        root,\n        event,\n        domainObject,\n        lastSelectedNode,\n        treeViewRef\n      );\n    },\n    [domainObject]\n  );\n\n  const onSelectNode = useCallback(\n    (node: TreeNodeType, isShift: boolean, isControl: boolean) => {\n      onSelectNodeFunc(\n        node,\n        isShift,\n        isControl,\n        domainObject,\n        lastSelectedNode\n      );\n    },\n    [domainObject]\n  );\n\n  const onToggleNode = useCallback(\n    (node: TreeNodeType) => {\n      onToggleNodeFunc(node, domainObject);\n    },\n    [domainObject]\n  );\n\n  const onClickInfo = useCallback(\n    (node: TreeNodeType) => {\n      if (props.onClickInfo !== undefined && node instanceof CadTreeNode) {\n        props.onClickInfo(node);\n      }\n    },\n    [props]\n  );\n\n  return (\n    <TreeView\n      ref={treeViewRef}\n      onSelectNode={onSelectNode}\n      onToggleNode={onToggleNode}\n      onKeyDown={onKeyDown}\n      onClickInfo={onClickInfo}\n      getIconFromIconName={IconFactory.getIcon}\n      loader={loader}\n      maxLabelLength={props.maxLabelLength}\n      hasCheckboxes\n      showRoot={props.showRoot}\n    />\n  );\n};\n"],"names":["createContext","useCallback","useContext","useEffect","useRef","CadTreeNode","useRenderTarget","IconFactory","TreeView","updateTreeByClickInViewer","onKeyDownFunc","onSelectNodeFunc","onToggleNodeFunc","defaultCadTreeViewDependencies","CadTreeViewContext","CadTreeView","props","renderTarget","lastSelectedNode","undefined","treeViewRef","loader","domainObject","commandsController","handleEvent","eventType","event","tool","addEventListener","removeEventListener","onKeyDown","root","onSelectNode","node","isShift","isControl","onToggleNode","onClickInfo","ref","getIconFromIconName","getIcon","maxLabelLength","hasCheckboxes","showRoot"],"mappings":";AACA,SACEA,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,MAAM,QACD,QAAQ;AAKf,SAASC,WAAW,QAAQ,qEAAkE;AAI9F,SAASC,eAAe,QAAQ,iCAAwB;AACxD,SAASC,WAAW,QAAQ,iCAA8B;AAC1D,SAASC,QAAQ,QAAQ,2BAAwB;AAEjD,SACEC,yBAAyB,EACzBC,aAAa,EACbC,gBAAgB,EAChBC,gBAAgB,QACX,4BAAyB;AAchC,OAAO,MAAMC,iCAA0D;IACrEL;AACF,EAAE;AAEF,OAAO,MAAMM,mCACXd,cAAca,gCAAgC;AAEhD,OAAO,MAAME,cAAc,CAACC;IAC1B,MAAM,EAAER,QAAQ,EAAE,GAAGN,WAAWY;IAEhC,MAAMG,eAAeX;IACrB,MAAMY,mBAAmBd,OAA6Be;IACtD,MAAMC,cAAchB,OAAuB;IAC3C,MAAM,EAAEiB,MAAM,EAAEC,YAAY,EAAE,GAAGN;IACjC,MAAM,EAAEO,kBAAkB,EAAE,GAAGN;IAE/Bd,UAAU;QACR,MAAMqB,cAAc,OAClBC,WACAC,OACAC;YAEA,MAAMlB,0BACJgB,WACAC,OACAC,MACAL,cACAD,QACAH,kBACAE;QAEJ;QACAG,mBAAmBK,gBAAgB,CAACJ;QACpC,OAAO;YACLD,mBAAmBM,mBAAmB,CAACL;QACzC;IACF,GAAG;QAACH;QAAQC;QAAcC;KAAmB;IAE7C,MAAMO,YAAY7B,YAChB,CAAC8B,MAAoBL;QACnB,OAAOhB,cACLqB,MACAL,OACAJ,cACAJ,kBACAE;IAEJ,GACA;QAACE;KAAa;IAGhB,MAAMU,eAAe/B,YACnB,CAACgC,MAAoBC,SAAkBC;QACrCxB,iBACEsB,MACAC,SACAC,WACAb,cACAJ;IAEJ,GACA;QAACI;KAAa;IAGhB,MAAMc,eAAenC,YACnB,CAACgC;QACCrB,iBAAiBqB,MAAMX;IACzB,GACA;QAACA;KAAa;IAGhB,MAAMe,cAAcpC,YAClB,CAACgC;QACC,IAAIjB,MAAMqB,WAAW,KAAKlB,aAAac,gBAAgB5B,aAAa;YAClEW,MAAMqB,WAAW,CAACJ;QACpB;IACF,GACA;QAACjB;KAAM;IAGT,qBACE,KAACR;QACC8B,KAAKlB;QACLY,cAAcA;QACdI,cAAcA;QACdN,WAAWA;QACXO,aAAaA;QACbE,qBAAqBhC,YAAYiC,OAAO;QACxCnB,QAAQA;QACRoB,gBAAgBzB,MAAMyB,cAAc;QACpCC,aAAa;QACbC,UAAU3B,MAAM2B,QAAQ;;AAG9B,EAAE"}

package/dist/ui/components/commandBased/treeView/CadTreeView/CadTreeViewCallbacks.d.ts

@@ -1,65 +1,65 @@
-import { CadDomainObject } from '../../../../../domains/reveal/cad/CadDomainObject';
-import { BaseTool } from '../../../../../foundation/commands/BaseTool';
-import { EventType } from '../../../../../foundation/renderTarget/CommandsController';
-import { TreeNode } from '../../../../../foundation/treeNodes/tree-node/tree-node';
-import { ILazyLoader } from '../../../../../foundation/treeNodes/tree-node-type/i-lazy-loader';
-import { TreeNodeType } from '../../../../../foundation/treeNodes/tree-node-type/tree-node-type';
+import type { CadDomainObject } from "../../../../../domains/reveal/cad/CadDomainObject";
+import type { BaseTool } from "../../../../../foundation/commands/BaseTool";
+import type { EventType } from "../../../../../foundation/renderTarget/CommandsController";
+import type { TreeNode } from "../../../../../foundation/treeNodes/tree-node/tree-node";
+import type { ILazyLoader } from "../../../../../foundation/treeNodes/tree-node-type/i-lazy-loader";
+import type { TreeNodeType } from "../../../../../foundation/treeNodes/tree-node-type/tree-node-type";
 /**
- * Handles node selection in a CAD tree view with support for shift and control key modifiers.
- *
- * @param node - The CAD tree node being selected
- * @param isShift - Whether the shift key is pressed during selection (for range selection)
- * @param isControl - Whether the control key is pressed during selection (for multi-selection)
- * @param domainObject - The CAD domain object containing the tree structure
- * @param lastSelectedNode - Mutable reference to track the last selected node for range selection
- * @returns `true` if the selection state changed and nodes were updated, `false` otherwise
- */
+* Handles node selection in a CAD tree view with support for shift and control key modifiers.
+*
+* @param node - The CAD tree node being selected
+* @param isShift - Whether the shift key is pressed during selection (for range selection)
+* @param isControl - Whether the control key is pressed during selection (for multi-selection)
+* @param domainObject - The CAD domain object containing the tree structure
+* @param lastSelectedNode - Mutable reference to track the last selected node for range selection
+* @returns `true` if the selection state changed and nodes were updated, `false` otherwise
+*/
 export declare function onSelectNodeFunc(node: TreeNodeType, isShift: boolean, isControl: boolean, domainObject: CadDomainObject, lastSelectedNode: {
-    current: TreeNode | undefined;
+	current: TreeNode | undefined;
 }): boolean;
 /**
- * Toggles the visibility state of a CAD tree node and updates the hidden nodes in the domain object.
- *
- * @param node - The CAD tree node to toggle.
- * @param domainObject - The CAD domain object containing the node hierarchy.
- * @returns `true` if the node was successfully toggled and hidden nodes were updated, `false` otherwise.
- */
+* Toggles the visibility state of a CAD tree node and updates the hidden nodes in the domain object.
+*
+* @param node - The CAD tree node to toggle.
+* @param domainObject - The CAD domain object containing the node hierarchy.
+* @returns `true` if the node was successfully toggled and hidden nodes were updated, `false` otherwise.
+*/
 export declare function onToggleNodeFunc(node: TreeNodeType, domainObject: CadDomainObject): boolean;
 /**
- * Handles keyboard interactions for the CAD tree view component.
- *
- * This function processes keyboard events on tree nodes, updates node visibility or selection state
- * based on the key pressed, and ensures the affected node is scrolled into view.
- *
- * @param root - The root tree node of the CAD tree structure
- * @param event - The keyboard event triggered by user interaction
- * @param domainObject - The CAD domain object managing the tree state
- * @param lastSelectedNode - A mutable reference to the most recently selected tree node
- * @param treeViewRef - A mutable reference to the tree view's DOM container element
- * @returns `true` if the keyboard event was successfully processed, `false` if the root is not a CadTreeNode or if the base onKeyDown handler failed
- */
+* Handles keyboard interactions for the CAD tree view component.
+*
+* This function processes keyboard events on tree nodes, updates node visibility or selection state
+* based on the key pressed, and ensures the affected node is scrolled into view.
+*
+* @param root - The root tree node of the CAD tree structure
+* @param event - The keyboard event triggered by user interaction
+* @param domainObject - The CAD domain object managing the tree state
+* @param lastSelectedNode - A mutable reference to the most recently selected tree node
+* @param treeViewRef - A mutable reference to the tree view's DOM container element
+* @returns `true` if the keyboard event was successfully processed, `false` if the root is not a CadTreeNode or if the base onKeyDown handler failed
+*/
 export declare function onKeyDownFunc(root: TreeNodeType, event: KeyboardEvent, domainObject: CadDomainObject, lastSelectedNode: {
-    current: TreeNode | undefined;
+	current: TreeNode | undefined;
 }, treeViewRef: {
-    current: HTMLDivElement | null;
+	current: HTMLDivElement | null;
 }): boolean;
 /**
- * Updates the tree view based on a click event in the 3D viewer.
- * This function handles click interactions in the viewer by finding the corresponding CAD node,
- * selecting it in the tree view, and scrolling to make it visible.
- *
- * @param eventType - The type of event
- * @param event - The pointer event containing interaction details
- * @param tool - The active tool being used (must be a NavigationTool)
- * @param domainObject - The CAD domain object containing the model data
- * @param loader - Lazy loader for loading CAD data on demand
- * @param treeViewRef - React ref to the tree view DOM element for scrolling
- * @param lastSelectedNode - React ref to track the most recently selected tree node
- *
- * @returns A promise that resolves to `true` if the tree was successfully updated, `false` otherwise
- */
+* Updates the tree view based on a click event in the 3D viewer.
+* This function handles click interactions in the viewer by finding the corresponding CAD node,
+* selecting it in the tree view, and scrolling to make it visible.
+*
+* @param eventType - The type of event
+* @param event - The pointer event containing interaction details
+* @param tool - The active tool being used (must be a NavigationTool)
+* @param domainObject - The CAD domain object containing the model data
+* @param loader - Lazy loader for loading CAD data on demand
+* @param treeViewRef - React ref to the tree view DOM element for scrolling
+* @param lastSelectedNode - React ref to track the most recently selected tree node
+*
+* @returns A promise that resolves to `true` if the tree was successfully updated, `false` otherwise
+*/
 export declare function updateTreeByClickInViewer(eventType: EventType, event: PointerEvent | KeyboardEvent, tool: BaseTool, domainObject: CadDomainObject, loader: ILazyLoader, lastSelectedNode: {
-    current: TreeNode | undefined;
+	current: TreeNode | undefined;
 }, treeViewRef: {
-    current: HTMLDivElement | null;
+	current: HTMLDivElement | null;
 }): Promise<boolean>;