@cognite/reveal-components 1.0.0 → 1.0.1

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

@@ -0,0 +1,105 @@
+import { useTranslation as e } from "../../../i18n/I18n.js";
+import { CadNodeInfoDialogContext as t } from "./CadNodeInfoDialog.context.js";
+import { PRIORITY_CATEGORY as n, formatPropertyValue as r, getCdfMetadataEntries as i, getOtherCategories as a } from "./CadNodeInfoDialog.function.js";
+import { useContext as o, useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Dialog as u, DialogContent as d, DialogHeader as f, DialogTitle as p } from "@cognite/aura/components/dialog";
+import { EmptyState as m, EmptyStateIcon as h, EmptyStateTitle as g } from "@cognite/aura/components/empty-state";
+import { Loader as _ } from "@cognite/aura/components/loader";
+import { Tabs as v, TabsLabel as y, TabsList as b, TabsPanel as x, TabsTrigger as S } from "@cognite/aura/components/tabs";
+//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/DomainObjectTreeView/CadNodeInfoDialog.tsx
+var C = "cdf-metadata", w = ({ open: t, onOpenChange: r, node: o, isLoading: s, isError: w }) => {
+	let { t: T } = e(), D = Object.keys(o?.properties ?? {}).includes(n), O = a(o), k = D ? n : C;
+	return /* @__PURE__ */ c(u, {
+		open: t,
+		onOpenChange: r,
+		children: /* @__PURE__ */ l(d, {
+			className: "flex h-[560px] max-w-2xl flex-col sm:max-w-2xl",
+			children: [/* @__PURE__ */ c(f, { children: /* @__PURE__ */ c(p, { children: T({ key: "NODE_PROPERTIES" }) }) }), s ? /* @__PURE__ */ c(_, {}) : w ? /* @__PURE__ */ c("div", {
+				className: "flex min-h-full flex-1 flex-col items-center justify-center",
+				children: /* @__PURE__ */ l(m, {
+					variant: "compact",
+					type: "error-generic",
+					children: [/* @__PURE__ */ c(h, {}), /* @__PURE__ */ c(g, {
+						as: "p",
+						children: T({ key: "NODE_PROPERTIES_LOAD_ERROR" })
+					})]
+				})
+			}) : o === void 0 ? /* @__PURE__ */ c(_, {}) : /* @__PURE__ */ l(v, {
+				defaultValue: k,
+				className: "flex min-h-0 flex-1 flex-col",
+				children: [/* @__PURE__ */ l(b, {
+					size: "small",
+					children: [
+						D && /* @__PURE__ */ c(S, {
+							value: "Item",
+							size: "small",
+							children: /* @__PURE__ */ c(y, { children: "Item" })
+						}),
+						/* @__PURE__ */ c(S, {
+							value: C,
+							size: "small",
+							children: /* @__PURE__ */ c(y, { children: T({ key: "CDF_METADATA" }) })
+						}),
+						O.map((e) => /* @__PURE__ */ c(S, {
+							value: e,
+							size: "small",
+							children: /* @__PURE__ */ c(y, { children: e })
+						}, e))
+					]
+				}), /* @__PURE__ */ l("div", {
+					className: "min-h-0 flex-1 pt-2",
+					children: [
+						D && /* @__PURE__ */ c(x, {
+							value: "Item",
+							className: "h-full",
+							children: /* @__PURE__ */ c(E, { entries: Object.entries(o.properties?.Item ?? {}) })
+						}),
+						/* @__PURE__ */ c(x, {
+							value: C,
+							className: "h-full",
+							children: /* @__PURE__ */ c(E, { entries: i(o) })
+						}),
+						O.map((e) => /* @__PURE__ */ c(x, {
+							value: e,
+							className: "h-full",
+							children: /* @__PURE__ */ c(E, { entries: Object.entries(o.properties?.[e] ?? {}) })
+						}, e))
+					]
+				})]
+			}, o.id)]
+		})
+	});
+}, T = 64;
+function E({ entries: n }) {
+	let { DataGrid: i } = o(t), { t: a } = e(), l = n.map(([e, t]) => ({
+		id: e,
+		key: e,
+		value: r(t)
+	})), u = s(() => [{
+		accessorKey: "key",
+		header: a({ key: "PROPERTY" }),
+		size: 200
+	}, {
+		accessorKey: "value",
+		header: a({ key: "VALUE" }),
+		cell: ({ row: e }) => /* @__PURE__ */ c("span", {
+			className: "line-clamp-3 whitespace-normal break-words",
+			title: e.original.value,
+			children: e.original.value
+		})
+	}], [a]);
+	return /* @__PURE__ */ c("div", {
+		className: "h-full",
+		children: /* @__PURE__ */ c(i, {
+			data: l,
+			columns: u,
+			rowHeight: T,
+			getRowId: (e) => e.id,
+			"aria-label": "Node properties",
+			className: "bg-background"
+		})
+	});
+}
+//#endregion
+export { w as CadNodeInfoDialog };

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

@@ -1,19 +1,32 @@
 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";
+import { CadTreeNodeViewAdapter as n } from "../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node-view-adapter.js";
+import { useCadNode3DInfo as r } from "../../../../query/useCadNode3DInfo.js";
+import { TreeView as i } from "../TreeView/tree-view.js";
+import { CadNodeInfoDialog as a } from "./CadNodeInfoDialog.js";
+import { getContextMenu as o, onSelectDomainObject as s, onToggleDomainObject as c } from "./DomainObjectTreeView.function.js";
+import { useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } 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,
+var p = 20, m = () => {
+	let m = e(), [h, g] = l(void 0), [_, v] = l(!1), y = (e) => {
+		e instanceof n && (g(e), v(!0));
+	}, { data: b, isLoading: x, isError: S } = r(m.root.sdk, h?.revisionId, h?.node.nodeId);
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(i, {
+		maxLabelLength: p,
+		root: m.root,
+		onSelectNode: s,
+		onToggleNode: c,
+		onClickInfo: y,
+		getContextMenu: o,
 		getIconFromIconName: t.getIcon
-	});
+	}), /* @__PURE__ */ d(a, {
+		open: _,
+		onOpenChange: v,
+		node: b,
+		isLoading: x,
+		isError: S
+	})] });
 };
 //#endregion
-export { c as DomainObjectTreeView };
+export { m as DomainObjectTreeView };

package/dist/ui/components/commandBased/treeView/TreeView/extraComponents/CadTreeAssetMappingDropdown.js

@@ -39,7 +39,7 @@ function b({ cadTreeNode: p }) {
 					let i = n(t(r.instance)), a = b.get(i);
 					return /* @__PURE__ */ o(x, {
 						name: a?.name ?? `${i}`,
-						deleteDelegate: () => S(r)
+						deleteDelegate: p.canDelete ? () => S(r) : void 0
 					}, e(r.instance));
 				})
 			})
@@ -56,7 +56,7 @@ function x({ name: e, deleteDelegate: t }) {
 		children: [/* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(d, { render: /* @__PURE__ */ o(m, {
 			className: "p-0",
 			children: n
-		}) }), /* @__PURE__ */ o(l, { children: e })] }) }), /* @__PURE__ */ o("div", {
+		}) }), /* @__PURE__ */ o(l, { children: e })] }) }), t !== void 0 && /* @__PURE__ */ o("div", {
 			role: "button",
 			tabIndex: 0,
 			className: v("inline-flex size-5 shrink-0 items-center justify-center rounded-sm", "text-destructive-foreground-on-critical", "hover:bg-destructive-background-hover", "cursor-pointer transition-all"),

package/dist/ui/query/useCadNode3DInfo.d.ts

@@ -0,0 +1,8 @@
+import { CogniteClient, Node3D } from '@cognite/sdk';
+import { RevisionId } from '../../foundation/treeNodes/cad-tree-node/cad-types';
+export type UseCadNode3DInfoResult = {
+    data: Node3D | undefined;
+    isLoading: boolean;
+    isError: boolean;
+};
+export declare function useCadNode3DInfo(sdk: CogniteClient, revisionId: RevisionId | undefined, nodeId: number | undefined): UseCadNode3DInfoResult;

package/dist/ui/query/useCadNode3DInfo.js

@@ -0,0 +1,24 @@
+import { queryKeys as e } from "../../utilities/queryKeys.js";
+import { useQuery as t } from "@tanstack/react-query";
+//#region libs/shared/reveal-components/src/ui/query/useCadNode3DInfo.ts
+var n = {
+	modelId: -1,
+	revisionId: -1
+};
+function r(r, i, a) {
+	let o = t({
+		queryKey: e.cadNode3DInfo(i ?? n, a),
+		queryFn: async () => {
+			if (i !== void 0 && a !== void 0) return (await r.revisions3D.retrieve3DNodes(i.modelId, i.revisionId, [{ id: a }]))[0];
+		},
+		staleTime: Infinity,
+		enabled: i !== void 0 && a !== void 0
+	});
+	return {
+		data: o.data,
+		isLoading: i !== void 0 && o.isLoading,
+		isError: i === void 0 || o.isError
+	};
+}
+//#endregion
+export { r as useCadNode3DInfo };

package/dist/utilities/queryKeys.d.ts

@@ -2,6 +2,7 @@ import { QueryKey } from '@tanstack/react-query';
 import { IdEither } from '@cognite/sdk';
 import { DmsUniqueIdentifier } from '../data-providers/FdmSDK';
 import { AllAssetFilterProps } from '../data-providers/network/common/filters';
+import { RevisionId } from '../foundation/treeNodes/cad-tree-node/cad-types';
 import { InstanceReference } from './instanceIds';
 import { CadModelOptions } from './modelIds/types';
 export declare const queryKeys: {
@@ -24,6 +25,7 @@ export declare const queryKeys: {
     readonly pointCloudDMModelIdRevisionIds: (modelKeys: string[]) => QueryKey;
     readonly pointCloudDMVolumeAssetMappingsWithViews: (assetRefKeys: string[]) => QueryKey;
     readonly modelRevisionId: (revisionKeys: string[]) => QueryKey;
+    readonly cadNode3DInfo: (revisionId: RevisionId, nodeId: number | undefined) => QueryKey;
     readonly timeseriesFromRelationship: () => QueryKey;
     readonly modelsForAssetPerInstanceReference: (instance: InstanceReference | undefined) => QueryKey;
     readonly hybridDmAssetMappingsForInstances: (modelKeys: string[], instances: DmsUniqueIdentifier[]) => QueryKey;

package/dist/utilities/queryKeys.js

@@ -71,6 +71,13 @@ var r = {
 		"model-revision-id",
 		e
 	],
+	cadNode3DInfo: (e, t) => [
+		...u,
+		"cad-node-3d-info",
+		e.modelId,
+		e.revisionId,
+		t
+	],
 	timeseriesFromRelationship: () => [...c, "timeseries-relationship"],
 	modelsForAssetPerInstanceReference: (e) => [
 		"react-components",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cognite/reveal-components",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React components, hooks, and data providers for building 3D applications on top of Cognite Reveal.",
   "license": "Apache-2.0",
   "type": "module",
@@ -80,6 +80,7 @@
     "@floating-ui/react": "^0.24.8",
     "@tabler/icons-react": "^3.35.0",
     "@tanstack/react-query": "^4.43.0",
+    "@tanstack/react-table": "^8.7.4",
     "dayjs": "^1.11.13",
     "lodash-es": "^4.18.1",
     "ml-matrix": "^6.12.1",
@@ -87,9 +88,9 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "three": "0.184.0",
-    "@cognite/underscore": "1.0.0",
-    "@cognite/signal-utils": "1.0.0",
-    "@cognite/aura": "0.3.5"
+    "@cognite/aura": "0.3.5",
+    "@cognite/signal-utils": "1.0.1",
+    "@cognite/underscore": "1.0.1"
   },
   "devDependencies": {
     "@azure/msal-browser": "^2.31.0",