@cognite/reveal-components 1.0.0

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

@@ -0,0 +1,45 @@
+import { useTranslation as e } from "../../i18n/I18n.js";
+import { usePoiDomainObject as t } from "./usePoiDomainObject.js";
+import { usePoiToolIsSaving as n, usePointsOfInterestTool as r } from "./usePointsOfInterestTool.js";
+import { useState as i } from "react";
+import { signal as a } from "@cognite/signal-utils";
+import { useSignalValue as o } from "@cognite/signal-utils/react";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/pointsOfInterest/usePendingPoiInfoSection.ts
+var s = a(void 0);
+function c(a) {
+	let { t: c } = e(), l = t(), u = r(), d = n(), [f, p] = i(a.properties.name), [m, h] = i(a.properties.description ?? ""), g = o(u?.pendingAssociatedInstance ?? s), [_, v] = i();
+	return {
+		name: f,
+		setName: p,
+		description: m,
+		setDescription: h,
+		instanceRef: g,
+		isSubmitting: d,
+		errorMessage: _,
+		canSubmit: f.trim() !== "" && !d,
+		handleSave: () => {
+			if (l === void 0 || f.trim() === "" || u?.isSaving()) return;
+			let e = l;
+			u?.setIsSaving(!0), v(void 0), (async () => {
+				try {
+					a.properties.name = f.trim(), a.properties.description = m.trim();
+					let t = (await e.save()).find((e) => e.id === a.id);
+					if (t === void 0) {
+						v(c({ key: "POINT_OF_INTEREST_CREATE_FAILED" }));
+						return;
+					}
+					u?.notifyPointOfInterestCreated(t), e.setSelectedPointOfInterest(void 0);
+				} catch (e) {
+					console.error(e), v(c({ key: "POINT_OF_INTEREST_CREATE_FAILED" }));
+				} finally {
+					u?.setIsSaving(!1);
+				}
+			})();
+		},
+		handleCancel: () => {
+			u?.cancelPendingPointOfInterest();
+		}
+	};
+}
+//#endregion
+export { c as usePendingPoiInfoSection };

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

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

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

@@ -0,0 +1,20 @@
+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
+	};
+}
+//#endregion
+export { s as usePoiCreateFlowState };

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

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

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

@@ -0,0 +1,15 @@
+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;
+}
+//#endregion
+export { i as usePoiDomainObject };

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

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

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

@@ -0,0 +1,13 @@
+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;
+};
+//#endregion
+export { i as usePointsOfInterest };

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,16 @@
+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);
+}
+function o() {
+	let e = a();
+	return r(e?.isSaving ?? i);
+}
+//#endregion
+export { o as usePoiToolIsSaving, a as usePointsOfInterestTool };

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

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

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

@@ -0,0 +1,12 @@
+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;
+}
+//#endregion
+export { r as useSelectedPoi };

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

@@ -0,0 +1,2 @@
+import { 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

@@ -0,0 +1,29 @@
+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
+	]);
+};
+//#endregion
+export { o as useSyncSelectedPoi };

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

@@ -0,0 +1,18 @@
+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';
+export type CadTreeViewProps = {
+    showRoot?: boolean;
+    maxLabelLength?: number;
+    loader: ILazyLoader;
+    domainObject: CadDomainObject;
+    onClickInfo?: (node: CadTreeNode) => void;
+};
+export type CadTreeViewDependencies = {
+    TreeView: typeof TreeView;
+};
+export declare const defaultCadTreeViewDependencies: CadTreeViewDependencies;
+export declare const CadTreeViewContext: Context<CadTreeViewDependencies>;
+export declare const CadTreeView: (props: CadTreeViewProps) => ReactElement;

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

@@ -0,0 +1,45 @@
+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
+	});
+};
+//#endregion
+export { g as CadTreeView, h as CadTreeViewContext, m as defaultCadTreeViewDependencies };

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

@@ -0,0 +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';
+/**
+ * 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;
+}): 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.
+ */
+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
+ */
+export declare function onKeyDownFunc(root: TreeNodeType, event: KeyboardEvent, domainObject: CadDomainObject, lastSelectedNode: {
+    current: TreeNode | undefined;
+}, treeViewRef: {
+    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
+ */
+export declare function updateTreeByClickInViewer(eventType: EventType, event: PointerEvent | KeyboardEvent, tool: BaseTool, domainObject: CadDomainObject, loader: ILazyLoader, lastSelectedNode: {
+    current: TreeNode | undefined;
+}, treeViewRef: {
+    current: HTMLDivElement | null;
+}): Promise<boolean>;

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

@@ -0,0 +1,44 @@
+import { NavigationTool as e } from "../../../../../foundation/concreteCommands/navigation/NavigationTool.js";
+import { clearSelection as t, onSelectNode as n, onToggleNode as r } from "../../../../../foundation/treeNodes/tree-node/tree-node-functions.js";
+import { CadTreeNode as i } from "../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node.js";
+import { updateHiddenNodes as a, updateSelectedNodes as o } from "../../../../../foundation/treeNodes/cad-tree-node/cad-node-update-styling.js";
+import { onKeyDown as s } from "../../../../../foundation/treeNodes/tree-node/tree-node-functions-on-key-down.js";
+import { scrollToNode as c } from "../TreeView/tree-view-scrolling.js";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/CadTreeView/CadTreeViewCallbacks.ts
+function l(e, t, r, a, s) {
+	if (!(e instanceof i)) return !1;
+	let c = n(e, t, r, s.current);
+	return t || (s.current = e), c ? (o(a, e.getRoot()), !0) : !1;
+}
+function u(e, t) {
+	return !(e instanceof i) || !r(e) ? !1 : (a(t, e.getRoot()), !0);
+}
+function d(e, t, n, r, l) {
+	return !(e instanceof i) || !s(e, t, r) ? !1 : (t.key === "Enter" || t.key === " " ? a(n, e) : o(n, e), c(l.current ?? void 0, r.current), !0);
+}
+async function f(r, a, s, l, u, d, f) {
+	if (Object.getPrototypeOf(s) !== e.prototype) return !1;
+	if (a instanceof KeyboardEvent) return r === "keyDown" && a.key === "Escape" && h(u);
+	if (r !== "click") return !1;
+	let m = await p(a, s, u, l);
+	if (m === void 0) return h(u);
+	if (!n(m, !1, !1)) return !1;
+	return o(l, m.getRoot()), c(f.current ?? void 0, m), d.current = m, !0;
+	function h(e) {
+		let n = e.root;
+		return !(n instanceof i) || !t(n) ? !1 : (o(l, n), !0);
+	}
+}
+async function p(e, t, n, r) {
+	if (n.forceNodeInTree === void 0) return;
+	let a = await t.getIntersection(e);
+	if (a === void 0 || a.type !== "cad") return;
+	let o = a.model;
+	if (r.model !== o) return;
+	let s;
+	s = o.revisionId < 0 && o.modelId < 0 ? a.treeIndex : await o.mapTreeIndexToNodeId(a.treeIndex);
+	let c = await n.forceNodeInTree(s);
+	if (c !== void 0 && c instanceof i) return c;
+}
+//#endregion
+export { d as onKeyDownFunc, l as onSelectNodeFunc, u as onToggleNodeFunc, f as updateTreeByClickInViewer };

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

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export declare const DomainObjectTreeView: () => ReactElement;

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

@@ -0,0 +1,9 @@
+import { BaseCommand } from '../../../../../domains';
+import { TreeNodeType } from '../../../../../foundation/treeNodes/tree-node-type/tree-node-type';
+/**
+ * Handles the selection of a domain object node.
+ * @param node - The tree node to be selected or deselected.
+ */
+export declare function onSelectDomainObject(node: TreeNodeType): void;
+export declare function onToggleDomainObject(node: TreeNodeType): void;
+export declare function getContextMenu(node: TreeNodeType): BaseCommand[] | undefined;

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

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

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

@@ -0,0 +1,19 @@
+import { useRenderTarget as e } from "../../../RevealCanvas/ViewerContext.js";
+import { IconFactory as t } from "../../Factories/IconFactory.js";
+import { TreeView as n } from "../TreeView/tree-view.js";
+import { getContextMenu as r, onSelectDomainObject as i, onToggleDomainObject as a } from "./DomainObjectTreeView.function.js";
+import { jsx as o } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.tsx
+var s = 20, c = () => {
+	let c = e();
+	return /* @__PURE__ */ o(n, {
+		maxLabelLength: s,
+		root: c.root,
+		onSelectNode: i,
+		onToggleNode: a,
+		getContextMenu: r,
+		getIconFromIconName: t.getIcon
+	});
+};
+//#endregion
+export { c as DomainObjectTreeView };

package/dist/ui/components/commandBased/treeView/TreeView/components/get-children-as-array.d.ts

@@ -0,0 +1,3 @@
+import { ILazyLoader } from '../../../../../../foundation/treeNodes/tree-node-type/i-lazy-loader';
+import { TreeNodeType } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-type';
+export declare function getChildrenAsArray(node: TreeNodeType, loader?: ILazyLoader, shouldUseExpanded?: boolean): TreeNodeType[] | undefined;

package/dist/ui/components/commandBased/treeView/TreeView/components/get-children-as-array.js

@@ -0,0 +1,6 @@
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/TreeView/components/get-children-as-array.ts
+function e(e, t, n = !0) {
+	if (!(n && !e.isExpanded) && e.getChildren(t).next().value !== void 0) return Array.from(e.getChildren(t));
+}
+//#endregion
+export { e as getChildrenAsArray };

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

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { TreeNodeType } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-type';
+export type TreeViewCaretProps = {
+    node: TreeNodeType;
+};
+export declare const TreeViewCaret: ({ node }: TreeViewCaretProps) => ReactElement;

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

@@ -0,0 +1,37 @@
+import { CARET_COLOR as e, HOVER_CARET_COLOR as t } from "../constants.js";
+import { useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+import { IconCaretDown as i, IconCaretRight as a } from "@tabler/icons-react";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/TreeView/components/tree-view-caret.tsx
+var o = ({ node: e }) => {
+	let [t, o] = n(!1), c = s(t), l = "16px", u = {
+		color: c,
+		marginTop: "0px",
+		width: l,
+		height: l
+	};
+	if (e.isParent) {
+		let t = e.isExpanded ? i : a;
+		return /* @__PURE__ */ r(t, {
+			onClick: () => {
+				e.isExpanded = !e.isExpanded;
+			},
+			onMouseEnter: () => {
+				o(!0);
+			},
+			onMouseLeave: () => {
+				o(!1);
+			},
+			style: u
+		});
+	}
+	return /* @__PURE__ */ r("div", {
+		style: u,
+		className: "tree-view-caret"
+	});
+};
+function s(n) {
+	return n ? t : e;
+}
+//#endregion
+export { o as TreeViewCaret };

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

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { TreeNodeAction } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-actions';
+import { TreeNodeType } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-type';
+export type TreeViewCheckboxProps = {
+    node: TreeNodeType;
+    onToggleNode?: TreeNodeAction;
+};
+export declare const TreeViewCheckbox: ({ node, onToggleNode, }: TreeViewCheckboxProps) => ReactElement;

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

@@ -0,0 +1,27 @@
+import { CheckboxState as e } from "../../../../../../foundation/utilities/types.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+import { CheckboxItemControl as r } from "@cognite/aura/components/checkbox";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/TreeView/components/tree-view-checkbox.tsx
+var i = ({ node: i, onToggleNode: a }) => {
+	if (i.checkboxState === void 0) return /* @__PURE__ */ n(t, {});
+	if (i.checkboxState === e.Some) return /* @__PURE__ */ n(r, {
+		indeterminate: !0,
+		checked: !0,
+		disabled: i.isCheckboxEnabled !== !0,
+		"aria-disabled": i.isCheckboxEnabled !== !0,
+		onCheckedChange: () => {
+			a !== void 0 && a(i);
+		}
+	});
+	let o = i.checkboxState === e.All;
+	return /* @__PURE__ */ n(r, {
+		checked: o,
+		disabled: i.isCheckboxEnabled !== !0,
+		"aria-disabled": i.isCheckboxEnabled !== !0,
+		onCheckedChange: () => {
+			a !== void 0 && a(i);
+		}
+	});
+};
+//#endregion
+export { i as TreeViewCheckbox };

package/dist/ui/components/commandBased/treeView/TreeView/components/tree-view-context-menu-item.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { BaseCommand } from '../../../../../../foundation/commands/BaseCommand';
+export declare const TreeViewContextMenuItem: ({ command, onClose, }: {
+    command: BaseCommand;
+    onClose: () => void;
+}) => ReactElement | null;

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

@@ -0,0 +1,60 @@
+import { useCommandProps as e } from "../../../hooks/useCommandProps.js";
+import { IconComponent as t } from "../../../Factories/IconFactory.js";
+import { mapButtonType as n } from "../../../utils/utilities.js";
+import { useCallback as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconCheck as o } from "@tabler/icons-react";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/TreeView/components/tree-view-context-menu-item.tsx
+var s = ({ command: s, onClose: c }) => {
+	let { isVisible: l, isEnabled: u, icon: d } = e(s), f = r(() => {
+		s.isEnabled && (s.invoke(), c());
+	}, [s, c]);
+	if (!l) return null;
+	let p = s.getShortCutKeys(), m = "flex items-center gap-2 w-full px-3 py-1.5 text-sm text-left hover:bg-accent-background disabled:opacity-50 disabled:cursor-not-allowed";
+	if (s.isToggle) return /* @__PURE__ */ a("button", {
+		type: "button",
+		role: "menuitemcheckbox",
+		"aria-checked": s.isChecked === !0,
+		disabled: !u,
+		className: m,
+		onClick: f,
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: "size-4 flex items-center justify-center",
+				children: s.isChecked === !0 && /* @__PURE__ */ i(o, { className: "size-3" })
+			}),
+			/* @__PURE__ */ i("span", {
+				className: "flex-1",
+				children: s.label
+			}),
+			p !== void 0 && p.length > 0 && /* @__PURE__ */ i("span", {
+				className: "ml-auto text-xs text-foreground/50",
+				children: p.join("+")
+			})
+		]
+	});
+	let h = n(s.buttonType) === "destructive";
+	return /* @__PURE__ */ a("button", {
+		type: "button",
+		role: "menuitem",
+		disabled: !u,
+		className: `${m}${h ? " text-destructive-foreground" : " text-foreground"}`,
+		onClick: f,
+		children: [
+			d !== void 0 && /* @__PURE__ */ i("span", {
+				className: "size-4 flex items-center justify-center",
+				children: /* @__PURE__ */ i(t, { iconName: d })
+			}),
+			/* @__PURE__ */ i("span", {
+				className: "flex-1",
+				children: s.label
+			}),
+			p !== void 0 && p.length > 0 && /* @__PURE__ */ i("span", {
+				className: "ml-auto text-xs text-foreground/50",
+				children: p.join("+")
+			})
+		]
+	});
+};
+//#endregion
+export { s as TreeViewContextMenuItem };

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

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { ContextMenuState } from '../types';
+export type TreeViewContextMenuProps = {
+    state: ContextMenuState | undefined;
+    onClose: () => void;
+};
+export declare const TreeViewContextMenu: ({ state, onClose, }: TreeViewContextMenuProps) => ReactElement | null;

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

@@ -0,0 +1,29 @@
+import { TreeViewContextMenuItem as e } from "./tree-view-context-menu-item.js";
+import { useEffect as t } from "react";
+import { createPortal as n } from "react-dom";
+import { jsx as r } from "react/jsx-runtime";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/TreeView/components/tree-view-context-menu.tsx
+var i = ({ state: i, onClose: a }) => {
+	if (t(() => (document.addEventListener("click", a), document.addEventListener("contextmenu", a), document.addEventListener("scroll", a, !0), () => {
+		document.removeEventListener("click", a), document.removeEventListener("contextmenu", a), document.removeEventListener("scroll", a, !0);
+	}), [a]), i === void 0 || i.commands.length === 0) return null;
+	let o = /* @__PURE__ */ r("div", {
+		role: "menu",
+		"aria-orientation": "vertical",
+		className: "rounded-lg border border-border bg-background shadow-md py-1 min-w-[200px] fixed z-[10000]",
+		style: {
+			top: i.position.y,
+			left: i.position.x
+		},
+		onClick: (e) => {
+			e.stopPropagation();
+		},
+		children: i.commands.map((t) => /* @__PURE__ */ r(e, {
+			command: t,
+			onClose: a
+		}, t.uniqueId))
+	});
+	return n(o, document.body);
+};
+//#endregion
+export { i as TreeViewContextMenu };

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

@@ -0,0 +1,8 @@
+import { ReactElement } from 'react';
+import { TreeNodeType } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-type';
+import { GetIconFromIconNameFn } from '../tree-view-props';
+export type TreeViewIconProps = {
+    node: TreeNodeType;
+    getIconFromIconName: GetIconFromIconNameFn;
+};
+export declare const TreeViewIcon: ({ node, getIconFromIconName, }: TreeViewIconProps) => ReactElement;