@cognite/reveal-components 1.0.2 → 1.48552.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/ui/components/commandBased/treeView/DomainObjectTreeView/CadNodeInfoDialog.tsx"],"sourcesContent":["import { useContext, useMemo, type ReactElement } from 'react';\n\nimport type { ColumnDef } from '@tanstack/react-table';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n} from '@cognite/aura/components/dialog';\nimport {\n  EmptyState,\n  EmptyStateIcon,\n  EmptyStateTitle,\n} from '@cognite/aura/components/empty-state';\nimport { Loader } from '@cognite/aura/components/loader';\nimport {\n  Tabs,\n  TabsLabel,\n  TabsList,\n  TabsPanel,\n  TabsTrigger,\n} from '@cognite/aura/components/tabs';\nimport type { Node3D } from '@cognite/sdk';\n\nimport { useTranslation } from '../../../i18n/I18n';\n\nimport { CadNodeInfoDialogContext } from './CadNodeInfoDialog.context';\nimport {\n  formatPropertyValue,\n  getCdfMetadataEntries,\n  getOtherCategories,\n  PRIORITY_CATEGORY,\n} from './CadNodeInfoDialog.function';\n\nconst CDF_METADATA_TAB_KEY = 'cdf-metadata';\n\nexport type CadNodeInfoDialogProps = {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  node: Node3D | undefined;\n  isLoading: boolean;\n  isError: boolean;\n};\n\nexport const CadNodeInfoDialog = ({\n  open,\n  onOpenChange,\n  node,\n  isLoading,\n  isError,\n}: CadNodeInfoDialogProps): ReactElement => {\n  const { t } = useTranslation();\n  const hasPriorityCategory = Object.keys(node?.properties ?? {}).includes(\n    PRIORITY_CATEGORY\n  );\n  const otherCategories = getOtherCategories(node);\n  const defaultTab = hasPriorityCategory\n    ? PRIORITY_CATEGORY\n    : CDF_METADATA_TAB_KEY;\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"flex h-[560px] max-w-2xl flex-col sm:max-w-2xl\">\n        <DialogHeader>\n          <DialogTitle>{t({ key: 'NODE_PROPERTIES' })}</DialogTitle>\n        </DialogHeader>\n        {isLoading ? (\n          <Loader />\n        ) : isError ? (\n          <div className=\"flex min-h-full flex-1 flex-col items-center justify-center\">\n            <EmptyState variant=\"compact\" type=\"error-generic\">\n              <EmptyStateIcon />\n              <EmptyStateTitle as=\"p\">\n                {t({ key: 'NODE_PROPERTIES_LOAD_ERROR' })}\n              </EmptyStateTitle>\n            </EmptyState>\n          </div>\n        ) : node === undefined ? (\n          <Loader />\n        ) : (\n          <Tabs\n            key={node.id}\n            defaultValue={defaultTab}\n            className=\"flex min-h-0 flex-1 flex-col\"\n          >\n            <TabsList size=\"small\">\n              {hasPriorityCategory && (\n                <TabsTrigger value={PRIORITY_CATEGORY} size=\"small\">\n                  <TabsLabel>{PRIORITY_CATEGORY}</TabsLabel>\n                </TabsTrigger>\n              )}\n              <TabsTrigger value={CDF_METADATA_TAB_KEY} size=\"small\">\n                <TabsLabel>{t({ key: 'CDF_METADATA' })}</TabsLabel>\n              </TabsTrigger>\n              {otherCategories.map((category) => (\n                <TabsTrigger key={category} value={category} size=\"small\">\n                  <TabsLabel>{category}</TabsLabel>\n                </TabsTrigger>\n              ))}\n            </TabsList>\n            <div className=\"min-h-0 flex-1 pt-2\">\n              {hasPriorityCategory && (\n                <TabsPanel value={PRIORITY_CATEGORY} className=\"h-full\">\n                  <NodePropertiesTable\n                    entries={Object.entries(\n                      node.properties?.[PRIORITY_CATEGORY] ?? {}\n                    )}\n                  />\n                </TabsPanel>\n              )}\n              <TabsPanel value={CDF_METADATA_TAB_KEY} className=\"h-full\">\n                <NodePropertiesTable entries={getCdfMetadataEntries(node)} />\n              </TabsPanel>\n              {otherCategories.map((category) => (\n                <TabsPanel key={category} value={category} className=\"h-full\">\n                  <NodePropertiesTable\n                    entries={Object.entries(node.properties?.[category] ?? {})}\n                  />\n                </TabsPanel>\n              ))}\n            </div>\n          </Tabs>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nexport type PropertyRow = {\n  id: string;\n  key: string;\n  value: string;\n};\n\n// DataGrid needs one fixed row height for every row, so long values wrap up\n// to 3 lines (`line-clamp-3` below) instead of overflowing; the full value\n// is still available via the native title tooltip.\nconst ROW_HEIGHT_PX = 64;\n\nfunction NodePropertiesTable({\n  entries,\n}: {\n  entries: Array<[string, unknown]>;\n}): ReactElement {\n  const { DataGrid } = useContext(CadNodeInfoDialogContext);\n  const { t } = useTranslation();\n  const rows: PropertyRow[] = entries.map(([key, value]) => ({\n    id: key,\n    key,\n    value: formatPropertyValue(value),\n  }));\n  const propertyColumns = useMemo<Array<ColumnDef<PropertyRow>>>(\n    () => [\n      { accessorKey: 'key', header: t({ key: 'PROPERTY' }), size: 200 },\n      {\n        accessorKey: 'value',\n        header: t({ key: 'VALUE' }),\n        cell: ({ row }) => (\n          <span\n            className=\"line-clamp-3 whitespace-normal break-words\"\n            title={row.original.value}\n          >\n            {row.original.value}\n          </span>\n        ),\n      },\n    ],\n    [t]\n  );\n\n  return (\n    <div className=\"h-full\">\n      <DataGrid\n        data={rows}\n        columns={propertyColumns}\n        rowHeight={ROW_HEIGHT_PX}\n        getRowId={(row: PropertyRow) => row.id}\n        aria-label=\"Node properties\"\n        className=\"bg-background\"\n      />\n    </div>\n  );\n}\n"],"names":["useContext","useMemo","Dialog","DialogContent","DialogHeader","DialogTitle","EmptyState","EmptyStateIcon","EmptyStateTitle","Loader","Tabs","TabsLabel","TabsList","TabsPanel","TabsTrigger","useTranslation","CadNodeInfoDialogContext","formatPropertyValue","getCdfMetadataEntries","getOtherCategories","PRIORITY_CATEGORY","CDF_METADATA_TAB_KEY","CadNodeInfoDialog","open","onOpenChange","node","isLoading","isError","t","hasPriorityCategory","Object","keys","properties","includes","otherCategories","defaultTab","className","key","div","variant","type","as","undefined","defaultValue","size","value","map","category","NodePropertiesTable","entries","id","ROW_HEIGHT_PX","DataGrid","rows","propertyColumns","accessorKey","header","cell","row","span","title","original","data","columns","rowHeight","getRowId","aria-label"],"mappings":"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"}

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

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

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

@@ -1,20 +1,21 @@
-import { BaseCommand, DomainObject } from '../../../../../domains';
-import { TreeNodeType } from '../../../../../foundation/treeNodes/tree-node-type/tree-node-type';
+import type { BaseCommand } from "../../../../../domains";
+import { DomainObject } from "../../../../../domains";
+import type { 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.
- * @param root - The root of the domain object tree, used to clear other selections.
- */
+* Handles the selection of a domain object node.
+* @param node - The tree node to be selected or deselected.
+* @param root - The root of the domain object tree, used to clear other selections.
+*/
 export declare function onSelectDomainObject(node: TreeNodeType, root: DomainObject): void;
 /**
- * Clears the highlight/selection of the node currently selected in any CAD node hierarchy
- * @param root - The root of the domain object tree to search for CAD models.
- */
+* Clears the highlight/selection of the node currently selected in any CAD node hierarchy
+* @param root - The root of the domain object tree to search for CAD models.
+*/
 export declare function clearAllCadNodeSelections(root: DomainObject): void;
 export declare function onToggleDomainObject(node: TreeNodeType): void;
 /**
- * Clears all selection/highlight state in the tree
- * @param root - The root of the domain object tree.
- */
+* Clears all selection/highlight state in the tree
+* @param root - The root of the domain object tree.
+*/
 export declare function onClickTreeViewBackground(root: DomainObject): void;
 export declare function getContextMenu(node: TreeNodeType): BaseCommand[] | undefined;

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

@@ -1,29 +1,50 @@
-import { DomainObject as e } from "../../../../../foundation/domainObjects/DomainObject.js";
-import { CadDomainObject as t } from "../../../../../domains/reveal/cad/CadDomainObject.js";
-import "../../../../../domains/index.js";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.function.tsx
-function n(t, n) {
-	if (r(n), t.onSelect !== void 0) {
-		t.onSelect();
-		return;
-	}
-	if (t instanceof e) {
-		for (let e of n.getThisAndDescendants()) e !== t && e.setSelected(!1);
-		t.setSelected(!t.isSelected);
-	}
+import { CadDomainObject, DomainObject } from "../../../../../domains/index.js";
+/**
+ * Handles the selection of a domain object node.
+ * @param node - The tree node to be selected or deselected.
+ * @param root - The root of the domain object tree, used to clear other selections.
+ */ export function onSelectDomainObject(node, root) {
+    clearAllCadNodeSelections(root);
+    if (node.onSelect !== undefined) {
+        node.onSelect();
+        return;
+    }
+    if (!(node instanceof DomainObject)) {
+        return;
+    }
+    // Deselect all others
+    for (const descendant of root.getThisAndDescendants()){
+        if (descendant !== node) {
+            descendant.setSelected(false);
+        }
+    }
+    node.setSelected(!node.isSelected);
 }
-function r(e) {
-	for (let n of e.getDescendantsByType(t)) n.clearNodeSelection();
+/**
+ * Clears the highlight/selection of the node currently selected in any CAD node hierarchy
+ * @param root - The root of the domain object tree to search for CAD models.
+ */ export function clearAllCadNodeSelections(root) {
+    for (const cadDomainObject of root.getDescendantsByType(CadDomainObject)){
+        cadDomainObject.clearNodeSelection();
+    }
 }
-function i(e) {
-	e.toggleVisible?.();
+export function onToggleDomainObject(node) {
+    node.toggleVisible?.();
 }
-function a(e) {
-	r(e);
-	for (let t of e.getThisAndDescendants()) t.setSelected(!1);
+/**
+ * Clears all selection/highlight state in the tree
+ * @param root - The root of the domain object tree.
+ */ export function onClickTreeViewBackground(root) {
+    clearAllCadNodeSelections(root);
+    for (const descendant of root.getThisAndDescendants()){
+        descendant.setSelected(false);
+    }
 }
-function o(t) {
-	if (t instanceof e) return t.getContextMenu();
+export function getContextMenu(node) {
+    if (!(node instanceof DomainObject)) {
+        return undefined;
+    }
+    return node.getContextMenu();
 }
-//#endregion
-export { r as clearAllCadNodeSelections, o as getContextMenu, a as onClickTreeViewBackground, n as onSelectDomainObject, i as onToggleDomainObject };
+
+//# sourceMappingURL=DomainObjectTreeView.function.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.function.tsx"],"sourcesContent":["import type { BaseCommand } from '../../../../../domains';\nimport { CadDomainObject, DomainObject } from '../../../../../domains';\nimport type { TreeNodeType } from '../../../../../foundation/treeNodes/tree-node-type/tree-node-type';\n\n/**\n * Handles the selection of a domain object node.\n * @param node - The tree node to be selected or deselected.\n * @param root - The root of the domain object tree, used to clear other selections.\n */\nexport function onSelectDomainObject(\n  node: TreeNodeType,\n  root: DomainObject\n): void {\n  clearAllCadNodeSelections(root);\n  if (node.onSelect !== undefined) {\n    node.onSelect();\n    return;\n  }\n  if (!(node instanceof DomainObject)) {\n    return;\n  }\n  // Deselect all others\n  for (const descendant of root.getThisAndDescendants()) {\n    if (descendant !== node) {\n      descendant.setSelected(false);\n    }\n  }\n  node.setSelected(!node.isSelected);\n}\n\n/**\n * Clears the highlight/selection of the node currently selected in any CAD node hierarchy\n * @param root - The root of the domain object tree to search for CAD models.\n */\nexport function clearAllCadNodeSelections(root: DomainObject): void {\n  for (const cadDomainObject of root.getDescendantsByType(CadDomainObject)) {\n    cadDomainObject.clearNodeSelection();\n  }\n}\n\nexport function onToggleDomainObject(node: TreeNodeType): void {\n  node.toggleVisible?.();\n}\n\n/**\n * Clears all selection/highlight state in the tree\n * @param root - The root of the domain object tree.\n */\nexport function onClickTreeViewBackground(root: DomainObject): void {\n  clearAllCadNodeSelections(root);\n  for (const descendant of root.getThisAndDescendants()) {\n    descendant.setSelected(false);\n  }\n}\n\nexport function getContextMenu(node: TreeNodeType): BaseCommand[] | undefined {\n  if (!(node instanceof DomainObject)) {\n    return undefined;\n  }\n  return node.getContextMenu();\n}\n"],"names":["CadDomainObject","DomainObject","onSelectDomainObject","node","root","clearAllCadNodeSelections","onSelect","undefined","descendant","getThisAndDescendants","setSelected","isSelected","cadDomainObject","getDescendantsByType","clearNodeSelection","onToggleDomainObject","toggleVisible","onClickTreeViewBackground","getContextMenu"],"mappings":"AACA,SAASA,eAAe,EAAEC,YAAY,QAAQ,kCAAyB;AAGvE;;;;CAIC,GACD,OAAO,SAASC,qBACdC,IAAkB,EAClBC,IAAkB;IAElBC,0BAA0BD;IAC1B,IAAID,KAAKG,QAAQ,KAAKC,WAAW;QAC/BJ,KAAKG,QAAQ;QACb;IACF;IACA,IAAI,CAAEH,CAAAA,gBAAgBF,YAAW,GAAI;QACnC;IACF;IACA,sBAAsB;IACtB,KAAK,MAAMO,cAAcJ,KAAKK,qBAAqB,GAAI;QACrD,IAAID,eAAeL,MAAM;YACvBK,WAAWE,WAAW,CAAC;QACzB;IACF;IACAP,KAAKO,WAAW,CAAC,CAACP,KAAKQ,UAAU;AACnC;AAEA;;;CAGC,GACD,OAAO,SAASN,0BAA0BD,IAAkB;IAC1D,KAAK,MAAMQ,mBAAmBR,KAAKS,oBAAoB,CAACb,iBAAkB;QACxEY,gBAAgBE,kBAAkB;IACpC;AACF;AAEA,OAAO,SAASC,qBAAqBZ,IAAkB;IACrDA,KAAKa,aAAa;AACpB;AAEA;;;CAGC,GACD,OAAO,SAASC,0BAA0Bb,IAAkB;IAC1DC,0BAA0BD;IAC1B,KAAK,MAAMI,cAAcJ,KAAKK,qBAAqB,GAAI;QACrDD,WAAWE,WAAW,CAAC;IACzB;AACF;AAEA,OAAO,SAASQ,eAAef,IAAkB;IAC/C,IAAI,CAAEA,CAAAA,gBAAgBF,YAAW,GAAI;QACnC,OAAOM;IACT;IACA,OAAOJ,KAAKe,cAAc;AAC5B"}

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

@@ -1,33 +1,46 @@
-import { useRenderTarget as e } from "../../../RevealCanvas/ViewerContext.js";
-import { IconFactory as t } from "../../Factories/IconFactory.js";
-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, onClickTreeViewBackground as s, onSelectDomainObject as c, onToggleDomainObject as l } from "./DomainObjectTreeView.function.js";
-import { useState as u } from "react";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-//#region libs/shared/reveal-components/src/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.tsx
-var m = 20, h = () => {
-	let h = e(), [g, _] = u(void 0), [v, y] = u(!1), b = (e) => {
-		e instanceof n && (_(e), y(!0));
-	}, { data: x, isLoading: S, isError: C } = r(h.root.sdk, g?.revisionId, g?.node.nodeId);
-	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(i, {
-		maxLabelLength: m,
-		root: h.root,
-		onSelectNode: (e) => c(e, h.root),
-		onToggleNode: l,
-		onClickInfo: b,
-		onClickBackground: () => s(h.root),
-		getContextMenu: o,
-		getIconFromIconName: t.getIcon
-	}), /* @__PURE__ */ f(a, {
-		open: v,
-		onOpenChange: y,
-		node: x,
-		isLoading: S,
-		isError: C
-	})] });
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { CadTreeNodeViewAdapter } from "../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node-view-adapter.js";
+import { useRenderTarget } from "../../../RevealCanvas/ViewerContext.js";
+import { useCadNode3DInfo } from "../../../../query/useCadNode3DInfo.js";
+import { IconFactory } from "../../Factories/IconFactory.js";
+import { TreeView } from "../TreeView/tree-view.js";
+import { CadNodeInfoDialog } from "./CadNodeInfoDialog.js";
+import { getContextMenu, onClickTreeViewBackground, onSelectDomainObject, onToggleDomainObject } from "./DomainObjectTreeView.function.js";
+const MAX_LABEL_LENGTH = 20;
+export const DomainObjectTreeView = ()=>{
+    const renderTarget = useRenderTarget();
+    const [infoNode, setInfoNode] = useState(undefined);
+    const [isInfoDialogOpen, setIsInfoDialogOpen] = useState(false);
+    const onClickInfo = (node)=>{
+        if (!(node instanceof CadTreeNodeViewAdapter)) {
+            return;
+        }
+        setInfoNode(node);
+        setIsInfoDialogOpen(true);
+    };
+    const { data: node3DInfo, isLoading, isError } = useCadNode3DInfo(renderTarget.root.sdk, infoNode?.revisionId, infoNode?.node.nodeId);
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(TreeView, {
+                maxLabelLength: MAX_LABEL_LENGTH,
+                root: renderTarget.root,
+                onSelectNode: (node)=>onSelectDomainObject(node, renderTarget.root),
+                onToggleNode: onToggleDomainObject,
+                onClickInfo: onClickInfo,
+                onClickBackground: ()=>onClickTreeViewBackground(renderTarget.root),
+                getContextMenu: getContextMenu,
+                getIconFromIconName: IconFactory.getIcon
+            }),
+            /*#__PURE__*/ _jsx(CadNodeInfoDialog, {
+                open: isInfoDialogOpen,
+                onOpenChange: setIsInfoDialogOpen,
+                node: node3DInfo,
+                isLoading: isLoading,
+                isError: isError
+            })
+        ]
+    });
 };
-//#endregion
-export { h as DomainObjectTreeView };
+
+//# sourceMappingURL=DomainObjectTreeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/ui/components/commandBased/treeView/DomainObjectTreeView/DomainObjectTreeView.tsx"],"sourcesContent":["import { useState, type ReactElement } from 'react';\n\nimport { CadTreeNodeViewAdapter } from '../../../../../foundation/treeNodes/cad-tree-node/cad-tree-node-view-adapter';\nimport { type TreeNodeType } from '../../../../../foundation/treeNodes/tree-node-type/tree-node-type';\nimport { useRenderTarget } from '../../../../../ui/components/RevealCanvas/ViewerContext';\nimport { useCadNode3DInfo } from '../../../../query/useCadNode3DInfo';\nimport { IconFactory } from '../../Factories/IconFactory';\nimport { TreeView } from '../TreeView/tree-view';\n\nimport { CadNodeInfoDialog } from './CadNodeInfoDialog';\nimport {\n  getContextMenu,\n  onClickTreeViewBackground,\n  onSelectDomainObject,\n  onToggleDomainObject,\n} from './DomainObjectTreeView.function';\n\nconst MAX_LABEL_LENGTH = 20;\n\nexport const DomainObjectTreeView = (): ReactElement => {\n  const renderTarget = useRenderTarget();\n  const [infoNode, setInfoNode] = useState<CadTreeNodeViewAdapter | undefined>(\n    undefined\n  );\n  const [isInfoDialogOpen, setIsInfoDialogOpen] = useState(false);\n\n  const onClickInfo = (node: TreeNodeType): void => {\n    if (!(node instanceof CadTreeNodeViewAdapter)) {\n      return;\n    }\n    setInfoNode(node);\n    setIsInfoDialogOpen(true);\n  };\n\n  const {\n    data: node3DInfo,\n    isLoading,\n    isError,\n  } = useCadNode3DInfo(\n    renderTarget.root.sdk,\n    infoNode?.revisionId,\n    infoNode?.node.nodeId\n  );\n\n  return (\n    <>\n      <TreeView\n        maxLabelLength={MAX_LABEL_LENGTH}\n        root={renderTarget.root}\n        onSelectNode={(node) => onSelectDomainObject(node, renderTarget.root)}\n        onToggleNode={onToggleDomainObject}\n        onClickInfo={onClickInfo}\n        onClickBackground={() => onClickTreeViewBackground(renderTarget.root)}\n        getContextMenu={getContextMenu}\n        getIconFromIconName={IconFactory.getIcon}\n      />\n      <CadNodeInfoDialog\n        open={isInfoDialogOpen}\n        onOpenChange={setIsInfoDialogOpen}\n        node={node3DInfo}\n        isLoading={isLoading}\n        isError={isError}\n      />\n    </>\n  );\n};\n"],"names":["useState","CadTreeNodeViewAdapter","useRenderTarget","useCadNode3DInfo","IconFactory","TreeView","CadNodeInfoDialog","getContextMenu","onClickTreeViewBackground","onSelectDomainObject","onToggleDomainObject","MAX_LABEL_LENGTH","DomainObjectTreeView","renderTarget","infoNode","setInfoNode","undefined","isInfoDialogOpen","setIsInfoDialogOpen","onClickInfo","node","data","node3DInfo","isLoading","isError","root","sdk","revisionId","nodeId","maxLabelLength","onSelectNode","onToggleNode","onClickBackground","getIconFromIconName","getIcon","open","onOpenChange"],"mappings":";AAAA,SAASA,QAAQ,QAA2B,QAAQ;AAEpD,SAASC,sBAAsB,QAAQ,kFAA+E;AAEtH,SAASC,eAAe,QAAQ,yCAA0D;AAC1F,SAASC,gBAAgB,QAAQ,wCAAqC;AACtE,SAASC,WAAW,QAAQ,iCAA8B;AAC1D,SAASC,QAAQ,QAAQ,2BAAwB;AAEjD,SAASC,iBAAiB,QAAQ,yBAAsB;AACxD,SACEC,cAAc,EACdC,yBAAyB,EACzBC,oBAAoB,EACpBC,oBAAoB,QACf,qCAAkC;AAEzC,MAAMC,mBAAmB;AAEzB,OAAO,MAAMC,uBAAuB;IAClC,MAAMC,eAAeX;IACrB,MAAM,CAACY,UAAUC,YAAY,GAAGf,SAC9BgB;IAEF,MAAM,CAACC,kBAAkBC,oBAAoB,GAAGlB,SAAS;IAEzD,MAAMmB,cAAc,CAACC;QACnB,IAAI,CAAEA,CAAAA,gBAAgBnB,sBAAqB,GAAI;YAC7C;QACF;QACAc,YAAYK;QACZF,oBAAoB;IACtB;IAEA,MAAM,EACJG,MAAMC,UAAU,EAChBC,SAAS,EACTC,OAAO,EACR,GAAGrB,iBACFU,aAAaY,IAAI,CAACC,GAAG,EACrBZ,UAAUa,YACVb,UAAUM,KAAKQ;IAGjB,qBACE;;0BACE,KAACvB;gBACCwB,gBAAgBlB;gBAChBc,MAAMZ,aAAaY,IAAI;gBACvBK,cAAc,CAACV,OAASX,qBAAqBW,MAAMP,aAAaY,IAAI;gBACpEM,cAAcrB;gBACdS,aAAaA;gBACba,mBAAmB,IAAMxB,0BAA0BK,aAAaY,IAAI;gBACpElB,gBAAgBA;gBAChB0B,qBAAqB7B,YAAY8B,OAAO;;0BAE1C,KAAC5B;gBACC6B,MAAMlB;gBACNmB,cAAclB;gBACdE,MAAME;gBACNC,WAAWA;gBACXC,SAASA;;;;AAIjB,EAAE"}

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

@@ -1,3 +1,3 @@
-import { ILazyLoader } from '../../../../../../foundation/treeNodes/tree-node-type/i-lazy-loader';
-import { TreeNodeType } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-type';
+import { type ILazyLoader } from "../../../../../../foundation/treeNodes/tree-node-type/i-lazy-loader";
+import { type 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

@@ -1,6 +1,11 @@
-//#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));
+export function getChildrenAsArray(node, loader, shouldUseExpanded = true) {
+    if (shouldUseExpanded && !node.isExpanded) {
+        return undefined;
+    }
+    if (node.getChildren(loader).next().value === undefined) {
+        return undefined;
+    }
+    return Array.from(node.getChildren(loader));
 }
-//#endregion
-export { e as getChildrenAsArray };
+
+//# sourceMappingURL=get-children-as-array.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/ui/components/commandBased/treeView/TreeView/components/get-children-as-array.ts"],"sourcesContent":["import { type ILazyLoader } from '../../../../../../foundation/treeNodes/tree-node-type/i-lazy-loader';\nimport { type TreeNodeType } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-type';\n\nexport function getChildrenAsArray(\n  node: TreeNodeType,\n  loader?: ILazyLoader,\n  shouldUseExpanded = true\n): TreeNodeType[] | undefined {\n  if (shouldUseExpanded && !node.isExpanded) {\n    return undefined;\n  }\n  if (node.getChildren(loader).next().value === undefined) {\n    return undefined;\n  }\n  return Array.from(node.getChildren(loader));\n}\n"],"names":["getChildrenAsArray","node","loader","shouldUseExpanded","isExpanded","undefined","getChildren","next","value","Array","from"],"mappings":"AAGA,OAAO,SAASA,mBACdC,IAAkB,EAClBC,MAAoB,EACpBC,oBAAoB,IAAI;IAExB,IAAIA,qBAAqB,CAACF,KAAKG,UAAU,EAAE;QACzC,OAAOC;IACT;IACA,IAAIJ,KAAKK,WAAW,CAACJ,QAAQK,IAAI,GAAGC,KAAK,KAAKH,WAAW;QACvD,OAAOA;IACT;IACA,OAAOI,MAAMC,IAAI,CAACT,KAAKK,WAAW,CAACJ;AACrC"}

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

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

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

@@ -1,37 +1,42 @@
-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"
-	});
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { IconCaretDown, IconCaretRight } from "@tabler/icons-react";
+import { CARET_COLOR, CARET_SIZE, HOVER_CARET_COLOR } from "../constants.js";
+export const TreeViewCaret = ({ node })=>{
+    const [isHover, setHover] = useState(false);
+    const color = getColor(isHover);
+    const size = CARET_SIZE + 'px';
+    const style = {
+        color,
+        marginTop: '0px',
+        width: size,
+        height: size
+    };
+    if (node.isParent) {
+        const Icon = node.isExpanded ? IconCaretDown : IconCaretRight;
+        return /*#__PURE__*/ _jsx(Icon, {
+            onClick: ()=>{
+                node.isExpanded = !node.isExpanded;
+            },
+            onMouseEnter: ()=>{
+                setHover(true);
+            },
+            onMouseLeave: ()=>{
+                setHover(false);
+            },
+            style: style
+        });
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        style: style,
+        className: "tree-view-caret"
+    });
 };
-function s(n) {
-	return n ? t : e;
+function getColor(isHoverOver) {
+    if (isHoverOver) {
+        return HOVER_CARET_COLOR;
+    }
+    return CARET_COLOR;
 }
-//#endregion
-export { o as TreeViewCaret };
+
+//# sourceMappingURL=tree-view-caret.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/ui/components/commandBased/treeView/TreeView/components/tree-view-caret.tsx"],"sourcesContent":["import { type ReactElement, useState } from 'react';\n\nimport { IconCaretDown, IconCaretRight } from '@tabler/icons-react';\n\nimport { type TreeNodeType } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-type';\nimport { CARET_COLOR, CARET_SIZE, HOVER_CARET_COLOR } from '../constants';\n\nexport type TreeViewCaretProps = {\n  node: TreeNodeType;\n};\n\nexport const TreeViewCaret = ({ node }: TreeViewCaretProps): ReactElement => {\n  const [isHover, setHover] = useState(false);\n  const color = getColor(isHover);\n  const size = CARET_SIZE + 'px';\n  const style = { color, marginTop: '0px', width: size, height: size };\n\n  if (node.isParent) {\n    const Icon = node.isExpanded ? IconCaretDown : IconCaretRight;\n    return (\n      <Icon\n        onClick={() => {\n          node.isExpanded = !node.isExpanded;\n        }}\n        onMouseEnter={() => {\n          setHover(true);\n        }}\n        onMouseLeave={() => {\n          setHover(false);\n        }}\n        style={style}\n      />\n    );\n  }\n  return <div style={style} className=\"tree-view-caret\" />;\n};\n\nfunction getColor(isHoverOver: boolean): string | undefined {\n  if (isHoverOver) {\n    return HOVER_CARET_COLOR;\n  }\n  return CARET_COLOR;\n}\n"],"names":["useState","IconCaretDown","IconCaretRight","CARET_COLOR","CARET_SIZE","HOVER_CARET_COLOR","TreeViewCaret","node","isHover","setHover","color","getColor","size","style","marginTop","width","height","isParent","Icon","isExpanded","onClick","onMouseEnter","onMouseLeave","div","className","isHoverOver"],"mappings":";AAAA,SAA4BA,QAAQ,QAAQ,QAAQ;AAEpD,SAASC,aAAa,EAAEC,cAAc,QAAQ,sBAAsB;AAGpE,SAASC,WAAW,EAAEC,UAAU,EAAEC,iBAAiB,QAAQ,kBAAe;AAM1E,OAAO,MAAMC,gBAAgB,CAAC,EAAEC,IAAI,EAAsB;IACxD,MAAM,CAACC,SAASC,SAAS,GAAGT,SAAS;IACrC,MAAMU,QAAQC,SAASH;IACvB,MAAMI,OAAOR,aAAa;IAC1B,MAAMS,QAAQ;QAAEH;QAAOI,WAAW;QAAOC,OAAOH;QAAMI,QAAQJ;IAAK;IAEnE,IAAIL,KAAKU,QAAQ,EAAE;QACjB,MAAMC,OAAOX,KAAKY,UAAU,GAAGlB,gBAAgBC;QAC/C,qBACE,KAACgB;YACCE,SAAS;gBACPb,KAAKY,UAAU,GAAG,CAACZ,KAAKY,UAAU;YACpC;YACAE,cAAc;gBACZZ,SAAS;YACX;YACAa,cAAc;gBACZb,SAAS;YACX;YACAI,OAAOA;;IAGb;IACA,qBAAO,KAACU;QAAIV,OAAOA;QAAOW,WAAU;;AACtC,EAAE;AAEF,SAASb,SAASc,WAAoB;IACpC,IAAIA,aAAa;QACf,OAAOpB;IACT;IACA,OAAOF;AACT"}

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

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

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

@@ -1,27 +1,30 @@
-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);
-		}
-	});
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { CheckboxItemControl } from "@cognite/aura/components/checkbox";
+import { CheckboxState } from "../../../../../../foundation/utilities/types.js";
+export const TreeViewCheckbox = ({ node, onToggleNode })=>{
+    if (node.checkboxState === undefined) {
+        return /*#__PURE__*/ _jsx(_Fragment, {});
+    }
+    if (node.checkboxState === CheckboxState.Some) {
+        return /*#__PURE__*/ _jsx(CheckboxItemControl, {
+            indeterminate: true,
+            checked: true,
+            disabled: node.isCheckboxEnabled !== true,
+            "aria-disabled": node.isCheckboxEnabled !== true,
+            onCheckedChange: ()=>{
+                if (onToggleNode !== undefined) onToggleNode(node);
+            }
+        });
+    }
+    const checked = node.checkboxState === CheckboxState.All;
+    return /*#__PURE__*/ _jsx(CheckboxItemControl, {
+        checked: checked,
+        disabled: node.isCheckboxEnabled !== true,
+        "aria-disabled": node.isCheckboxEnabled !== true,
+        onCheckedChange: ()=>{
+            if (onToggleNode !== undefined) onToggleNode(node);
+        }
+    });
 };
-//#endregion
-export { i as TreeViewCheckbox };
+
+//# sourceMappingURL=tree-view-checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../../src/ui/components/commandBased/treeView/TreeView/components/tree-view-checkbox.tsx"],"sourcesContent":["import { type ReactElement } from 'react';\n\nimport { CheckboxItemControl } from '@cognite/aura/components/checkbox';\n\nimport { type TreeNodeAction } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-actions';\nimport { type TreeNodeType } from '../../../../../../foundation/treeNodes/tree-node-type/tree-node-type';\nimport { CheckboxState } from '../../../../../../foundation/utilities/types';\n\nexport type TreeViewCheckboxProps = {\n  node: TreeNodeType;\n  onToggleNode?: TreeNodeAction;\n};\n\nexport const TreeViewCheckbox = ({\n  node,\n  onToggleNode,\n}: TreeViewCheckboxProps): ReactElement => {\n  if (node.checkboxState === undefined) {\n    return <></>;\n  }\n  if (node.checkboxState === CheckboxState.Some) {\n    return (\n      <CheckboxItemControl\n        indeterminate={true}\n        checked={true}\n        disabled={node.isCheckboxEnabled !== true}\n        aria-disabled={node.isCheckboxEnabled !== true}\n        onCheckedChange={() => {\n          if (onToggleNode !== undefined) onToggleNode(node);\n        }}\n      />\n    );\n  }\n  const checked = node.checkboxState === CheckboxState.All;\n  return (\n    <CheckboxItemControl\n      checked={checked}\n      disabled={node.isCheckboxEnabled !== true}\n      aria-disabled={node.isCheckboxEnabled !== true}\n      onCheckedChange={() => {\n        if (onToggleNode !== undefined) onToggleNode(node);\n      }}\n    />\n  );\n};\n"],"names":["CheckboxItemControl","CheckboxState","TreeViewCheckbox","node","onToggleNode","checkboxState","undefined","Some","indeterminate","checked","disabled","isCheckboxEnabled","aria-disabled","onCheckedChange","All"],"mappings":";AAEA,SAASA,mBAAmB,QAAQ,oCAAoC;AAIxE,SAASC,aAAa,QAAQ,kDAA+C;AAO7E,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,IAAI,EACJC,YAAY,EACU;IACtB,IAAID,KAAKE,aAAa,KAAKC,WAAW;QACpC,qBAAO;IACT;IACA,IAAIH,KAAKE,aAAa,KAAKJ,cAAcM,IAAI,EAAE;QAC7C,qBACE,KAACP;YACCQ,eAAe;YACfC,SAAS;YACTC,UAAUP,KAAKQ,iBAAiB,KAAK;YACrCC,iBAAeT,KAAKQ,iBAAiB,KAAK;YAC1CE,iBAAiB;gBACf,IAAIT,iBAAiBE,WAAWF,aAAaD;YAC/C;;IAGN;IACA,MAAMM,UAAUN,KAAKE,aAAa,KAAKJ,cAAca,GAAG;IACxD,qBACE,KAACd;QACCS,SAASA;QACTC,UAAUP,KAAKQ,iBAAiB,KAAK;QACrCC,iBAAeT,KAAKQ,iBAAiB,KAAK;QAC1CE,iBAAiB;YACf,IAAIT,iBAAiBE,WAAWF,aAAaD;QAC/C;;AAGN,EAAE"}

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

@@ -1,6 +1,6 @@
-import { ReactElement } from 'react';
-import { BaseCommand } from '../../../../../../foundation/commands/BaseCommand';
-export declare const TreeViewContextMenuItem: ({ command, onClose, }: {
-    command: BaseCommand;
-    onClose: () => void;
+import { type ReactElement } from "react";
+import type { 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

@@ -1,60 +1,75 @@
-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("+")
-			})
-		]
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { IconCheck } from "@tabler/icons-react";
+import { IconComponent } from "../../../Factories/IconFactory.js";
+import { useCommandProps } from "../../../hooks/useCommandProps.js";
+import { mapButtonType } from "../../../utils/utilities.js";
+export const TreeViewContextMenuItem = ({ command, onClose })=>{
+    const { isVisible, isEnabled, icon } = useCommandProps(command);
+    const onClick = useCallback(()=>{
+        if (command.isEnabled) {
+            command.invoke();
+            onClose();
+        }
+    }, [
+        command,
+        onClose
+    ]);
+    if (!isVisible) {
+        return null;
+    }
+    const shortcutKeys = command.getShortCutKeys();
+    const baseClass = '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 (command.isToggle) {
+        return /*#__PURE__*/ _jsxs("button", {
+            type: "button",
+            role: "menuitemcheckbox",
+            "aria-checked": command.isChecked === true,
+            disabled: !isEnabled,
+            className: baseClass,
+            onClick: onClick,
+            children: [
+                /*#__PURE__*/ _jsx("span", {
+                    className: "size-4 flex items-center justify-center",
+                    children: command.isChecked === true && /*#__PURE__*/ _jsx(IconCheck, {
+                        className: "size-3"
+                    })
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    className: "flex-1",
+                    children: command.label
+                }),
+                shortcutKeys !== undefined && shortcutKeys.length > 0 && /*#__PURE__*/ _jsx("span", {
+                    className: "ml-auto text-xs text-foreground/50",
+                    children: shortcutKeys.join('+')
+                })
+            ]
+        });
+    }
+    const isDestructive = mapButtonType(command.buttonType) === 'destructive';
+    return /*#__PURE__*/ _jsxs("button", {
+        type: "button",
+        role: "menuitem",
+        disabled: !isEnabled,
+        className: `${baseClass}${isDestructive ? ' text-destructive-foreground' : ' text-foreground'}`,
+        onClick: onClick,
+        children: [
+            icon !== undefined && /*#__PURE__*/ _jsx("span", {
+                className: "size-4 flex items-center justify-center",
+                children: /*#__PURE__*/ _jsx(IconComponent, {
+                    iconName: icon
+                })
+            }),
+            /*#__PURE__*/ _jsx("span", {
+                className: "flex-1",
+                children: command.label
+            }),
+            shortcutKeys !== undefined && shortcutKeys.length > 0 && /*#__PURE__*/ _jsx("span", {
+                className: "ml-auto text-xs text-foreground/50",
+                children: shortcutKeys.join('+')
+            })
+        ]
+    });
 };
-//#endregion
-export { s as TreeViewContextMenuItem };
+
+//# sourceMappingURL=tree-view-context-menu-item.js.map