@itwin/components-react 3.4.0-dev.61 → 3.4.0-dev.63

package/lib/cjs/components-react/breadcrumb/BreadcrumbDetails.js

@@ -1,232 +1,232 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Breadcrumb
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BreadcrumbDetails = void 0;
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const core_bentley_1 = require("@itwin/core-bentley");
-const Table_1 = require("../table/component/Table");
-const TreeDataProvider_1 = require("../tree/TreeDataProvider");
-const UiComponents_1 = require("../UiComponents");
-const BeInspireTree_1 = require("./BeInspireTree");
-const BreadcrumbTreeUtils_1 = require("./BreadcrumbTreeUtils");
-/**
- * A Table containing all children of tree node specified in path.
- * Used in conjunction with [[Breadcrumb]] to see children of current path.
- * @beta
- * @deprecated
- */
-class BreadcrumbDetails extends React.Component {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this._mounted = false;
-        this._onModelLoaded = (rootNodes) => {
-            const node = this.props.path.getCurrentNode();
-            if (node === undefined)
-                this._updateTree(undefined);
-            if (this.props.onRootNodesLoaded)
-                this.props.onRootNodesLoaded(rootNodes.map((n) => n.payload));
-        };
-        this._onChildrenLoaded = (parentNode) => {
-            const node = this.props.path.getCurrentNode();
-            if (node !== undefined) {
-                const iNode = this._tree.node(node.id);
-                this._updateTree(iNode);
-            }
-            const children = parentNode.getChildren();
-            if (this.props.onChildrenLoaded)
-                this.props.onChildrenLoaded(parentNode.payload, (0, BeInspireTree_1.toNodes)(children).map((c) => c.payload));
-        };
-        this._onModelReady = () => {
-            // istanbul ignore else
-            if (this._mounted)
-                this.setState({ modelReady: true });
-        };
-        this._onTreeNodeChanged = (_items) => {
-            (0, core_bentley_1.using)(this._tree.pauseRendering(), async () => {
-                await this._tree.reload();
-            });
-        };
-        this._treeChange = () => {
-            const currentNode = this.props.path.getCurrentNode();
-            this._updateTree(currentNode ? this._tree.node(currentNode.id) : undefined);
-        };
-        this._pathChange = (args) => {
-            this._updateTree(args.currentNode ? this._tree.node(args.currentNode.id) : undefined);
-            if ((0, TreeDataProvider_1.isTreeDataProviderInterface)(args.oldDataProvider) && args.oldDataProvider.onTreeNodeChanged) {
-                // unsubscribe from previous data provider `onTreeNodeChanged` events
-                args.oldDataProvider.onTreeNodeChanged.removeListener(this._onTreeNodeChanged);
-            }
-            if ((0, TreeDataProvider_1.isTreeDataProviderInterface)(args.dataProvider) && args.dataProvider.onTreeNodeChanged) {
-                // subscribe for new data provider `onTreeNodeChanged` events
-                args.dataProvider.onTreeNodeChanged.addListener(this._onTreeNodeChanged);
-            }
-            if (args.dataProvider !== args.oldDataProvider) {
-                // istanbul ignore else
-                if (this._mounted)
-                    this.setState({ modelReady: false }, () => {
-                        this._recreateTree();
-                    });
-            }
-        };
-        this._updateTree = (node) => {
-            const childNodes = (node ? (0, BeInspireTree_1.toNodes)(node.getChildren()) : this._tree.nodes()).map((child) => child.payload);
-            if (childNodes.length === 0) {
-                const parents = node ? (0, BeInspireTree_1.toNodes)(node.getParents()).map((child) => child.payload) : [];
-                parents.reverse();
-                if (parents.length > 1)
-                    this.props.path.setCurrentNode(parents[parents.length - 2]);
-                else if (parents.length === 1)
-                    this.props.path.setCurrentNode(undefined);
-            }
-            const table = BreadcrumbTreeUtils_1.BreadcrumbTreeUtils.aliasNodeListToTableDataProvider(childNodes, this.props.columns || [
-                { key: "icon", label: UiComponents_1.UiComponents.translate("breadcrumb.icon"), icon: true },
-                { key: "label", label: UiComponents_1.UiComponents.translate("breadcrumb.name") },
-                { key: "description", label: UiComponents_1.UiComponents.translate("breadcrumb.description") },
-            ], this.props.path.getDataProvider());
-            // istanbul ignore else hard to control whether mounted or not
-            if (this._mounted)
-                this.setState({ table, childNodes });
-        };
-        // eslint-disable-next-line @typescript-eslint/naming-convention
-        this.renderTable = (props, _node, _children) => {
-            return React.createElement(Table_1.Table, { ...props, onRender: this.props.onRender });
-        };
-        this.state = {
-            modelReady: (0, TreeDataProvider_1.isTreeDataProviderInterface)(props.path.getDataProvider()) ? false : true,
-        };
-        this._recreateTree();
-    }
-    /** @internal */
-    componentDidMount() {
-        this._mounted = true;
-        /* istanbul ignore next */
-        if (this.props.onRender)
-            this.props.onRender();
-        const dataProvider = this.props.path.getDataProvider();
-        const node = this.props.path.getCurrentNode();
-        this._updateTree(node ? this._tree.node(node.id) : undefined);
-        if ((0, TreeDataProvider_1.isTreeDataProviderInterface)(dataProvider) && dataProvider.onTreeNodeChanged)
-            dataProvider.onTreeNodeChanged.addListener(this._treeChange);
-        this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);
-    }
-    /** @internal */
-    componentWillUnmount() {
-        this._mounted = false;
-        this._tree.removeAllListeners();
-        const dataProvider = this.props.path.getDataProvider();
-        if ((0, TreeDataProvider_1.isTreeDataProviderInterface)(dataProvider) && dataProvider.onTreeNodeChanged)
-            dataProvider.onTreeNodeChanged.removeListener(this._treeChange);
-        this.props.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);
-    }
-    /** @internal */
-    componentDidUpdate(prevProps) {
-        /* istanbul ignore next */
-        if (this.props.onRender)
-            this.props.onRender();
-        if (!this.props.path.BreadcrumbUpdateEvent.has(this._pathChange)) {
-            this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);
-            prevProps.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);
-        }
-    }
-    _recreateTree() {
-        this._tree = new BeInspireTree_1.BeInspireTree({
-            dataProvider: this.props.path.getDataProvider(),
-            mapPayloadToInspireNodeConfig: BreadcrumbDetails.inspireNodeFromTreeNodeItem,
-        });
-        this._tree.on(BeInspireTree_1.BeInspireTreeEvent.ModelLoaded, this._onModelLoaded);
-        this._tree.on(BeInspireTree_1.BeInspireTreeEvent.ChildrenLoaded, this._onChildrenLoaded);
-        this._tree.ready.then(this._onModelReady); // eslint-disable-line @typescript-eslint/no-floating-promises
-    }
-    /** @internal */
-    shouldComponentUpdate(nextProps, nextState) {
-        if (this.state.modelReady !== nextState.modelReady) {
-            // always render when state.modelReady changes
-            return true;
-        }
-        // istanbul ignore if
-        if (!nextState.modelReady) {
-            // if we got here and model is not ready - don't render
-            return false;
-        }
-        const cNode = nextProps.path.getCurrentNode();
-        const current = cNode ? this._tree.node(cNode.id) : undefined;
-        // otherwise, render when any of the following props / state change
-        return this.props.renderTable !== nextProps.renderTable
-            || this.props.path !== nextProps.path
-            || this.state.table !== nextState.table
-            || (current !== undefined && /* istanbul ignore next */ current.isDirty());
-    }
-    static inspireNodeFromTreeNodeItem(item, remapper) {
-        const node = {
-            id: item.id,
-            text: (0, BreadcrumbTreeUtils_1.getPropertyRecordAsString)(item.label),
-            itree: {
-                state: { collapsed: false },
-            },
-        };
-        if (item.icon)
-            node.itree.icon = item.icon;
-        if (item.hasChildren)
-            node.children = true;
-        else if (item.children)
-            node.children = item.children.map((p) => remapper(p, remapper));
-        return node;
-    }
-    /** @internal */
-    render() {
-        const node = this.props.path.getCurrentNode();
-        if (node) {
-            const iNode = this._tree.node(node.id);
-            if (iNode) {
-                iNode.setDirty(false);
-            }
-        }
-        const { childNodes } = this.state;
-        const renderTable = this.props.renderTable ? this.props.renderTable : this.renderTable;
-        return (React.createElement("div", { className: (0, classnames_1.default)("components-breadcrumb-details", this.props.className), style: this.props.style }, this.state.table && childNodes &&
-            renderTable({
-                dataProvider: this.state.table,
-                onRowsSelected: async (rowIterator, replace) => {
-                    const iteratorResult = await rowIterator.next();
-                    // istanbul ignore else should always be false
-                    if (!iteratorResult.done) {
-                        const row = iteratorResult.value;
-                        this.props.path.setCurrentNode(row._node);
-                    }
-                    return replace;
-                },
-            }, node, childNodes)));
-    }
-}
-exports.BreadcrumbDetails = BreadcrumbDetails;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Breadcrumb
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BreadcrumbDetails = void 0;
+const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
+const core_bentley_1 = require("@itwin/core-bentley");
+const Table_1 = require("../table/component/Table");
+const TreeDataProvider_1 = require("../tree/TreeDataProvider");
+const UiComponents_1 = require("../UiComponents");
+const BeInspireTree_1 = require("./BeInspireTree");
+const BreadcrumbTreeUtils_1 = require("./BreadcrumbTreeUtils");
+/**
+ * A Table containing all children of tree node specified in path.
+ * Used in conjunction with [[Breadcrumb]] to see children of current path.
+ * @beta
+ * @deprecated
+ */
+class BreadcrumbDetails extends React.Component {
+    /** @internal */
+    constructor(props) {
+        super(props);
+        this._mounted = false;
+        this._onModelLoaded = (rootNodes) => {
+            const node = this.props.path.getCurrentNode();
+            if (node === undefined)
+                this._updateTree(undefined);
+            if (this.props.onRootNodesLoaded)
+                this.props.onRootNodesLoaded(rootNodes.map((n) => n.payload));
+        };
+        this._onChildrenLoaded = (parentNode) => {
+            const node = this.props.path.getCurrentNode();
+            if (node !== undefined) {
+                const iNode = this._tree.node(node.id);
+                this._updateTree(iNode);
+            }
+            const children = parentNode.getChildren();
+            if (this.props.onChildrenLoaded)
+                this.props.onChildrenLoaded(parentNode.payload, (0, BeInspireTree_1.toNodes)(children).map((c) => c.payload));
+        };
+        this._onModelReady = () => {
+            // istanbul ignore else
+            if (this._mounted)
+                this.setState({ modelReady: true });
+        };
+        this._onTreeNodeChanged = (_items) => {
+            (0, core_bentley_1.using)(this._tree.pauseRendering(), async () => {
+                await this._tree.reload();
+            });
+        };
+        this._treeChange = () => {
+            const currentNode = this.props.path.getCurrentNode();
+            this._updateTree(currentNode ? this._tree.node(currentNode.id) : undefined);
+        };
+        this._pathChange = (args) => {
+            this._updateTree(args.currentNode ? this._tree.node(args.currentNode.id) : undefined);
+            if ((0, TreeDataProvider_1.isTreeDataProviderInterface)(args.oldDataProvider) && args.oldDataProvider.onTreeNodeChanged) {
+                // unsubscribe from previous data provider `onTreeNodeChanged` events
+                args.oldDataProvider.onTreeNodeChanged.removeListener(this._onTreeNodeChanged);
+            }
+            if ((0, TreeDataProvider_1.isTreeDataProviderInterface)(args.dataProvider) && args.dataProvider.onTreeNodeChanged) {
+                // subscribe for new data provider `onTreeNodeChanged` events
+                args.dataProvider.onTreeNodeChanged.addListener(this._onTreeNodeChanged);
+            }
+            if (args.dataProvider !== args.oldDataProvider) {
+                // istanbul ignore else
+                if (this._mounted)
+                    this.setState({ modelReady: false }, () => {
+                        this._recreateTree();
+                    });
+            }
+        };
+        this._updateTree = (node) => {
+            const childNodes = (node ? (0, BeInspireTree_1.toNodes)(node.getChildren()) : this._tree.nodes()).map((child) => child.payload);
+            if (childNodes.length === 0) {
+                const parents = node ? (0, BeInspireTree_1.toNodes)(node.getParents()).map((child) => child.payload) : [];
+                parents.reverse();
+                if (parents.length > 1)
+                    this.props.path.setCurrentNode(parents[parents.length - 2]);
+                else if (parents.length === 1)
+                    this.props.path.setCurrentNode(undefined);
+            }
+            const table = BreadcrumbTreeUtils_1.BreadcrumbTreeUtils.aliasNodeListToTableDataProvider(childNodes, this.props.columns || [
+                { key: "icon", label: UiComponents_1.UiComponents.translate("breadcrumb.icon"), icon: true },
+                { key: "label", label: UiComponents_1.UiComponents.translate("breadcrumb.name") },
+                { key: "description", label: UiComponents_1.UiComponents.translate("breadcrumb.description") },
+            ], this.props.path.getDataProvider());
+            // istanbul ignore else hard to control whether mounted or not
+            if (this._mounted)
+                this.setState({ table, childNodes });
+        };
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        this.renderTable = (props, _node, _children) => {
+            return React.createElement(Table_1.Table, { ...props, onRender: this.props.onRender });
+        };
+        this.state = {
+            modelReady: (0, TreeDataProvider_1.isTreeDataProviderInterface)(props.path.getDataProvider()) ? false : true,
+        };
+        this._recreateTree();
+    }
+    /** @internal */
+    componentDidMount() {
+        this._mounted = true;
+        /* istanbul ignore next */
+        if (this.props.onRender)
+            this.props.onRender();
+        const dataProvider = this.props.path.getDataProvider();
+        const node = this.props.path.getCurrentNode();
+        this._updateTree(node ? this._tree.node(node.id) : undefined);
+        if ((0, TreeDataProvider_1.isTreeDataProviderInterface)(dataProvider) && dataProvider.onTreeNodeChanged)
+            dataProvider.onTreeNodeChanged.addListener(this._treeChange);
+        this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);
+    }
+    /** @internal */
+    componentWillUnmount() {
+        this._mounted = false;
+        this._tree.removeAllListeners();
+        const dataProvider = this.props.path.getDataProvider();
+        if ((0, TreeDataProvider_1.isTreeDataProviderInterface)(dataProvider) && dataProvider.onTreeNodeChanged)
+            dataProvider.onTreeNodeChanged.removeListener(this._treeChange);
+        this.props.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);
+    }
+    /** @internal */
+    componentDidUpdate(prevProps) {
+        /* istanbul ignore next */
+        if (this.props.onRender)
+            this.props.onRender();
+        if (!this.props.path.BreadcrumbUpdateEvent.has(this._pathChange)) {
+            this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);
+            prevProps.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);
+        }
+    }
+    _recreateTree() {
+        this._tree = new BeInspireTree_1.BeInspireTree({
+            dataProvider: this.props.path.getDataProvider(),
+            mapPayloadToInspireNodeConfig: BreadcrumbDetails.inspireNodeFromTreeNodeItem,
+        });
+        this._tree.on(BeInspireTree_1.BeInspireTreeEvent.ModelLoaded, this._onModelLoaded);
+        this._tree.on(BeInspireTree_1.BeInspireTreeEvent.ChildrenLoaded, this._onChildrenLoaded);
+        this._tree.ready.then(this._onModelReady); // eslint-disable-line @typescript-eslint/no-floating-promises
+    }
+    /** @internal */
+    shouldComponentUpdate(nextProps, nextState) {
+        if (this.state.modelReady !== nextState.modelReady) {
+            // always render when state.modelReady changes
+            return true;
+        }
+        // istanbul ignore if
+        if (!nextState.modelReady) {
+            // if we got here and model is not ready - don't render
+            return false;
+        }
+        const cNode = nextProps.path.getCurrentNode();
+        const current = cNode ? this._tree.node(cNode.id) : undefined;
+        // otherwise, render when any of the following props / state change
+        return this.props.renderTable !== nextProps.renderTable
+            || this.props.path !== nextProps.path
+            || this.state.table !== nextState.table
+            || (current !== undefined && /* istanbul ignore next */ current.isDirty());
+    }
+    static inspireNodeFromTreeNodeItem(item, remapper) {
+        const node = {
+            id: item.id,
+            text: (0, BreadcrumbTreeUtils_1.getPropertyRecordAsString)(item.label),
+            itree: {
+                state: { collapsed: false },
+            },
+        };
+        if (item.icon)
+            node.itree.icon = item.icon;
+        if (item.hasChildren)
+            node.children = true;
+        else if (item.children)
+            node.children = item.children.map((p) => remapper(p, remapper));
+        return node;
+    }
+    /** @internal */
+    render() {
+        const node = this.props.path.getCurrentNode();
+        if (node) {
+            const iNode = this._tree.node(node.id);
+            if (iNode) {
+                iNode.setDirty(false);
+            }
+        }
+        const { childNodes } = this.state;
+        const renderTable = this.props.renderTable ? this.props.renderTable : this.renderTable;
+        return (React.createElement("div", { className: (0, classnames_1.default)("components-breadcrumb-details", this.props.className), style: this.props.style }, this.state.table && childNodes &&
+            renderTable({
+                dataProvider: this.state.table,
+                onRowsSelected: async (rowIterator, replace) => {
+                    const iteratorResult = await rowIterator.next();
+                    // istanbul ignore else should always be false
+                    if (!iteratorResult.done) {
+                        const row = iteratorResult.value;
+                        this.props.path.setCurrentNode(row._node);
+                    }
+                    return replace;
+                },
+            }, node, childNodes)));
+    }
+}
+exports.BreadcrumbDetails = BreadcrumbDetails;
 //# sourceMappingURL=BreadcrumbDetails.js.map

package/lib/cjs/components-react/breadcrumb/BreadcrumbDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbDetails.js","sourceRoot":"","sources":["../../../../src/components-react/breadcrumb/BreadcrumbDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Breadcrumb\r\n */\r\n\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { using } from \"@itwin/core-bentley\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { Table, TableProps } from \"../table/component/Table\";\r\nimport { ColumnDescription, RowItem, TableDataProvider } from \"../table/TableDataProvider\";\r\nimport { DelayLoadedTreeNodeItem, ImmediatelyLoadedTreeNodeItem, isTreeDataProviderInterface, TreeNodeItem } from \"../tree/TreeDataProvider\";\r\nimport { UiComponents } from \"../UiComponents\";\r\nimport {\r\n  BeInspireTree, BeInspireTreeEvent, BeInspireTreeNode, BeInspireTreeNodeConfig, BeInspireTreeNodes, MapPayloadToInspireNodeCallback, toNodes,\r\n} from \"./BeInspireTree\";\r\nimport { BreadcrumbPath, BreadcrumbUpdateEventArgs } from \"./BreadcrumbPath\";\r\nimport { BreadcrumbTreeUtils, DataRowItem, getPropertyRecordAsString } from \"./BreadcrumbTreeUtils\";\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\n/** Properties for the [[BreadcrumbDetails]] component\r\n * @beta\r\n * @deprecated\r\n */\r\nexport interface BreadcrumbDetailsProps extends CommonProps {\r\n  /** Path data object shared by Breadcrumb component */\r\n  path: BreadcrumbPath;\r\n  columns?: ColumnDescription[];\r\n  renderTable?: (props: TableProps, node: TreeNodeItem | undefined, children: TreeNodeItem[]) => React.ReactNode;\r\n  /** Callback triggered when child node is loaded with an asynchronous dataProvider. */\r\n  onChildrenLoaded?: (parent: TreeNodeItem, children: TreeNodeItem[]) => void;\r\n  /** Callback triggered when root nodes are loaded with an asynchronous dataProvider. */\r\n  onRootNodesLoaded?: (nodes: TreeNodeItem[]) => void;\r\n  /** @internal */\r\n  onRender?: () => void;\r\n}\r\n\r\n/** @internal */\r\ninterface BreadcrumbDetailsState {\r\n  table?: TableDataProvider;\r\n  childNodes?: TreeNodeItem[];\r\n  modelReady: boolean;\r\n}\r\n\r\n/**\r\n * A Table containing all children of tree node specified in path.\r\n * Used in conjunction with [[Breadcrumb]] to see children of current path.\r\n * @beta\r\n * @deprecated\r\n */\r\nexport class BreadcrumbDetails extends React.Component<BreadcrumbDetailsProps, BreadcrumbDetailsState> {\r\n  private _tree!: BeInspireTree<TreeNodeItem>;\r\n  private _mounted: boolean = false;\r\n\r\n  public override readonly state: BreadcrumbDetailsState;\r\n\r\n  /** @internal */\r\n  constructor(props: BreadcrumbDetailsProps) {\r\n    super(props);\r\n    this.state = {\r\n      modelReady: isTreeDataProviderInterface(props.path.getDataProvider()) ? false : true,\r\n    };\r\n    this._recreateTree();\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._mounted = true;\r\n    /* istanbul ignore next */\r\n    if (this.props.onRender)\r\n      this.props.onRender();\r\n    const dataProvider = this.props.path.getDataProvider();\r\n    const node = this.props.path.getCurrentNode();\r\n    this._updateTree(node ? this._tree.node(node.id) : undefined);\r\n    if (isTreeDataProviderInterface(dataProvider) && dataProvider.onTreeNodeChanged)\r\n      dataProvider.onTreeNodeChanged.addListener(this._treeChange);\r\n    this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._mounted = false;\r\n    this._tree.removeAllListeners();\r\n    const dataProvider = this.props.path.getDataProvider();\r\n    if (isTreeDataProviderInterface(dataProvider) && dataProvider.onTreeNodeChanged)\r\n      dataProvider.onTreeNodeChanged.removeListener(this._treeChange);\r\n    this.props.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: BreadcrumbDetailsProps) {\r\n    /* istanbul ignore next */\r\n    if (this.props.onRender)\r\n      this.props.onRender();\r\n    if (!this.props.path.BreadcrumbUpdateEvent.has(this._pathChange)) {\r\n      this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);\r\n      prevProps.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);\r\n    }\r\n  }\r\n\r\n  private _recreateTree() {\r\n    this._tree = new BeInspireTree<TreeNodeItem>({\r\n      dataProvider: this.props.path.getDataProvider(),\r\n      mapPayloadToInspireNodeConfig: BreadcrumbDetails.inspireNodeFromTreeNodeItem,\r\n    });\r\n    this._tree.on(BeInspireTreeEvent.ModelLoaded, this._onModelLoaded);\r\n    this._tree.on(BeInspireTreeEvent.ChildrenLoaded, this._onChildrenLoaded);\r\n    this._tree.ready.then(this._onModelReady); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }\r\n\r\n  /** @internal */\r\n  public override shouldComponentUpdate(nextProps: BreadcrumbDetailsProps, nextState: BreadcrumbDetailsState): boolean {\r\n    if (this.state.modelReady !== nextState.modelReady) {\r\n      // always render when state.modelReady changes\r\n      return true;\r\n    }\r\n\r\n    // istanbul ignore if\r\n    if (!nextState.modelReady) {\r\n      // if we got here and model is not ready - don't render\r\n      return false;\r\n    }\r\n\r\n    const cNode = nextProps.path.getCurrentNode();\r\n    const current = cNode ? this._tree.node(cNode.id) : undefined;\r\n    // otherwise, render when any of the following props / state change\r\n    return this.props.renderTable !== nextProps.renderTable\r\n      || this.props.path !== nextProps.path\r\n      || this.state.table !== nextState.table\r\n      || (current !== undefined && /* istanbul ignore next */ current.isDirty());\r\n  }\r\n\r\n  private _onModelLoaded = (rootNodes: BeInspireTreeNodes<TreeNodeItem>) => {\r\n    const node = this.props.path.getCurrentNode();\r\n    if (node === undefined)\r\n      this._updateTree(undefined);\r\n    if (this.props.onRootNodesLoaded)\r\n      this.props.onRootNodesLoaded(rootNodes.map((n) => n.payload!));\r\n  };\r\n\r\n  private _onChildrenLoaded = (parentNode: BeInspireTreeNode<TreeNodeItem>) => {\r\n    const node = this.props.path.getCurrentNode();\r\n    if (node !== undefined) {\r\n      const iNode = this._tree.node(node.id);\r\n      this._updateTree(iNode);\r\n    }\r\n    const children = parentNode.getChildren();\r\n    if (this.props.onChildrenLoaded)\r\n      this.props.onChildrenLoaded(parentNode.payload!, toNodes<TreeNodeItem>(children).map((c) => c.payload!));\r\n  };\r\n\r\n  private _onModelReady = () => {\r\n    // istanbul ignore else\r\n    if (this._mounted)\r\n      this.setState({ modelReady: true });\r\n  };\r\n\r\n  private _onTreeNodeChanged = (_items: Array<TreeNodeItem | undefined>) => {\r\n    using((this._tree as any).pauseRendering(), async () => { // eslint-disable-line @typescript-eslint/no-floating-promises\r\n      await this._tree.reload();\r\n    });\r\n  };\r\n\r\n  private static inspireNodeFromTreeNodeItem(item: TreeNodeItem, remapper: MapPayloadToInspireNodeCallback<TreeNodeItem>): BeInspireTreeNodeConfig {\r\n    const node: BeInspireTreeNodeConfig = {\r\n      id: item.id,\r\n      text: getPropertyRecordAsString(item.label),\r\n      itree: {\r\n        state: { collapsed: false },\r\n      },\r\n    };\r\n    if (item.icon)\r\n      node.itree!.icon = item.icon;\r\n    if ((item as DelayLoadedTreeNodeItem).hasChildren)\r\n      node.children = true;\r\n    else if ((item as ImmediatelyLoadedTreeNodeItem).children)\r\n      node.children = (item as ImmediatelyLoadedTreeNodeItem).children!.map((p) => remapper(p, remapper));\r\n    return node;\r\n  }\r\n\r\n  private _treeChange = () => {\r\n    const currentNode = this.props.path.getCurrentNode();\r\n    this._updateTree(currentNode ? this._tree.node(currentNode.id) : undefined);\r\n  };\r\n  private _pathChange = (args: BreadcrumbUpdateEventArgs) => {\r\n    this._updateTree(args.currentNode ? this._tree.node(args.currentNode.id) : undefined);\r\n    if (isTreeDataProviderInterface(args.oldDataProvider) && args.oldDataProvider.onTreeNodeChanged) {\r\n      // unsubscribe from previous data provider `onTreeNodeChanged` events\r\n      args.oldDataProvider.onTreeNodeChanged.removeListener(this._onTreeNodeChanged);\r\n    }\r\n    if (isTreeDataProviderInterface(args.dataProvider) && args.dataProvider.onTreeNodeChanged) {\r\n      // subscribe for new data provider `onTreeNodeChanged` events\r\n      args.dataProvider.onTreeNodeChanged.addListener(this._onTreeNodeChanged);\r\n    }\r\n    if (args.dataProvider !== args.oldDataProvider) {\r\n      // istanbul ignore else\r\n      if (this._mounted)\r\n        this.setState({ modelReady: false }, () => {\r\n          this._recreateTree();\r\n        });\r\n    }\r\n  };\r\n  private _updateTree = (node: BeInspireTreeNode<TreeNodeItem> | undefined) => {\r\n    const childNodes = (node ? toNodes<TreeNodeItem>(node.getChildren()) : this._tree.nodes()).map((child) => child.payload!);\r\n    if (childNodes.length === 0) {\r\n      const parents = node ? toNodes<TreeNodeItem>(node.getParents()).map((child) => child.payload!) : [];\r\n      parents.reverse();\r\n      if (parents.length > 1)\r\n        this.props.path.setCurrentNode(parents[parents.length - 2]);\r\n      else if (parents.length === 1)\r\n        this.props.path.setCurrentNode(undefined);\r\n    }\r\n    const table = BreadcrumbTreeUtils.aliasNodeListToTableDataProvider(childNodes, this.props.columns || [\r\n      { key: \"icon\", label: UiComponents.translate(\"breadcrumb.icon\"), icon: true },\r\n      { key: \"label\", label: UiComponents.translate(\"breadcrumb.name\") },\r\n      { key: \"description\", label: UiComponents.translate(\"breadcrumb.description\") },\r\n    ], this.props.path.getDataProvider());\r\n    // istanbul ignore else hard to control whether mounted or not\r\n    if (this._mounted)\r\n      this.setState({ table, childNodes });\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const node = this.props.path.getCurrentNode();\r\n    if (node) {\r\n      const iNode = this._tree.node(node.id);\r\n      if (iNode) {\r\n        iNode.setDirty(false);\r\n      }\r\n    }\r\n    const { childNodes } = this.state;\r\n    const renderTable = this.props.renderTable ? this.props.renderTable : this.renderTable;\r\n    return (\r\n      <div className={classnames(\"components-breadcrumb-details\", this.props.className)} style={this.props.style}>\r\n        {\r\n          this.state.table && childNodes &&\r\n          renderTable({\r\n            dataProvider: this.state.table,\r\n            onRowsSelected: async (rowIterator: AsyncIterableIterator<RowItem>, replace: boolean) => {\r\n              const iteratorResult = await rowIterator.next();\r\n              // istanbul ignore else should always be false\r\n              if (!iteratorResult.done) {\r\n                const row = iteratorResult.value as DataRowItem;\r\n                this.props.path.setCurrentNode(row._node);\r\n              }\r\n              return replace;\r\n            },\r\n          }, node, childNodes)\r\n        }\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // eslint-disable-next-line @typescript-eslint/naming-convention\r\n  private renderTable = (props: TableProps, _node: TreeNodeItem | undefined, _children: TreeNodeItem[]) => {\r\n    return <Table {...props} onRender={this.props.onRender} />;\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"BreadcrumbDetails.js","sourceRoot":"","sources":["../../../../src/components-react/breadcrumb/BreadcrumbDetails.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Breadcrumb\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { using } from \"@itwin/core-bentley\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { Table, TableProps } from \"../table/component/Table\";\nimport { ColumnDescription, RowItem, TableDataProvider } from \"../table/TableDataProvider\";\nimport { DelayLoadedTreeNodeItem, ImmediatelyLoadedTreeNodeItem, isTreeDataProviderInterface, TreeNodeItem } from \"../tree/TreeDataProvider\";\nimport { UiComponents } from \"../UiComponents\";\nimport {\n  BeInspireTree, BeInspireTreeEvent, BeInspireTreeNode, BeInspireTreeNodeConfig, BeInspireTreeNodes, MapPayloadToInspireNodeCallback, toNodes,\n} from \"./BeInspireTree\";\nimport { BreadcrumbPath, BreadcrumbUpdateEventArgs } from \"./BreadcrumbPath\";\nimport { BreadcrumbTreeUtils, DataRowItem, getPropertyRecordAsString } from \"./BreadcrumbTreeUtils\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[BreadcrumbDetails]] component\n * @beta\n * @deprecated\n */\nexport interface BreadcrumbDetailsProps extends CommonProps {\n  /** Path data object shared by Breadcrumb component */\n  path: BreadcrumbPath;\n  columns?: ColumnDescription[];\n  renderTable?: (props: TableProps, node: TreeNodeItem | undefined, children: TreeNodeItem[]) => React.ReactNode;\n  /** Callback triggered when child node is loaded with an asynchronous dataProvider. */\n  onChildrenLoaded?: (parent: TreeNodeItem, children: TreeNodeItem[]) => void;\n  /** Callback triggered when root nodes are loaded with an asynchronous dataProvider. */\n  onRootNodesLoaded?: (nodes: TreeNodeItem[]) => void;\n  /** @internal */\n  onRender?: () => void;\n}\n\n/** @internal */\ninterface BreadcrumbDetailsState {\n  table?: TableDataProvider;\n  childNodes?: TreeNodeItem[];\n  modelReady: boolean;\n}\n\n/**\n * A Table containing all children of tree node specified in path.\n * Used in conjunction with [[Breadcrumb]] to see children of current path.\n * @beta\n * @deprecated\n */\nexport class BreadcrumbDetails extends React.Component<BreadcrumbDetailsProps, BreadcrumbDetailsState> {\n  private _tree!: BeInspireTree<TreeNodeItem>;\n  private _mounted: boolean = false;\n\n  public override readonly state: BreadcrumbDetailsState;\n\n  /** @internal */\n  constructor(props: BreadcrumbDetailsProps) {\n    super(props);\n    this.state = {\n      modelReady: isTreeDataProviderInterface(props.path.getDataProvider()) ? false : true,\n    };\n    this._recreateTree();\n  }\n\n  /** @internal */\n  public override componentDidMount() {\n    this._mounted = true;\n    /* istanbul ignore next */\n    if (this.props.onRender)\n      this.props.onRender();\n    const dataProvider = this.props.path.getDataProvider();\n    const node = this.props.path.getCurrentNode();\n    this._updateTree(node ? this._tree.node(node.id) : undefined);\n    if (isTreeDataProviderInterface(dataProvider) && dataProvider.onTreeNodeChanged)\n      dataProvider.onTreeNodeChanged.addListener(this._treeChange);\n    this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._mounted = false;\n    this._tree.removeAllListeners();\n    const dataProvider = this.props.path.getDataProvider();\n    if (isTreeDataProviderInterface(dataProvider) && dataProvider.onTreeNodeChanged)\n      dataProvider.onTreeNodeChanged.removeListener(this._treeChange);\n    this.props.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: BreadcrumbDetailsProps) {\n    /* istanbul ignore next */\n    if (this.props.onRender)\n      this.props.onRender();\n    if (!this.props.path.BreadcrumbUpdateEvent.has(this._pathChange)) {\n      this.props.path.BreadcrumbUpdateEvent.addListener(this._pathChange);\n      prevProps.path.BreadcrumbUpdateEvent.removeListener(this._pathChange);\n    }\n  }\n\n  private _recreateTree() {\n    this._tree = new BeInspireTree<TreeNodeItem>({\n      dataProvider: this.props.path.getDataProvider(),\n      mapPayloadToInspireNodeConfig: BreadcrumbDetails.inspireNodeFromTreeNodeItem,\n    });\n    this._tree.on(BeInspireTreeEvent.ModelLoaded, this._onModelLoaded);\n    this._tree.on(BeInspireTreeEvent.ChildrenLoaded, this._onChildrenLoaded);\n    this._tree.ready.then(this._onModelReady); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }\n\n  /** @internal */\n  public override shouldComponentUpdate(nextProps: BreadcrumbDetailsProps, nextState: BreadcrumbDetailsState): boolean {\n    if (this.state.modelReady !== nextState.modelReady) {\n      // always render when state.modelReady changes\n      return true;\n    }\n\n    // istanbul ignore if\n    if (!nextState.modelReady) {\n      // if we got here and model is not ready - don't render\n      return false;\n    }\n\n    const cNode = nextProps.path.getCurrentNode();\n    const current = cNode ? this._tree.node(cNode.id) : undefined;\n    // otherwise, render when any of the following props / state change\n    return this.props.renderTable !== nextProps.renderTable\n      || this.props.path !== nextProps.path\n      || this.state.table !== nextState.table\n      || (current !== undefined && /* istanbul ignore next */ current.isDirty());\n  }\n\n  private _onModelLoaded = (rootNodes: BeInspireTreeNodes<TreeNodeItem>) => {\n    const node = this.props.path.getCurrentNode();\n    if (node === undefined)\n      this._updateTree(undefined);\n    if (this.props.onRootNodesLoaded)\n      this.props.onRootNodesLoaded(rootNodes.map((n) => n.payload!));\n  };\n\n  private _onChildrenLoaded = (parentNode: BeInspireTreeNode<TreeNodeItem>) => {\n    const node = this.props.path.getCurrentNode();\n    if (node !== undefined) {\n      const iNode = this._tree.node(node.id);\n      this._updateTree(iNode);\n    }\n    const children = parentNode.getChildren();\n    if (this.props.onChildrenLoaded)\n      this.props.onChildrenLoaded(parentNode.payload!, toNodes<TreeNodeItem>(children).map((c) => c.payload!));\n  };\n\n  private _onModelReady = () => {\n    // istanbul ignore else\n    if (this._mounted)\n      this.setState({ modelReady: true });\n  };\n\n  private _onTreeNodeChanged = (_items: Array<TreeNodeItem | undefined>) => {\n    using((this._tree as any).pauseRendering(), async () => { // eslint-disable-line @typescript-eslint/no-floating-promises\n      await this._tree.reload();\n    });\n  };\n\n  private static inspireNodeFromTreeNodeItem(item: TreeNodeItem, remapper: MapPayloadToInspireNodeCallback<TreeNodeItem>): BeInspireTreeNodeConfig {\n    const node: BeInspireTreeNodeConfig = {\n      id: item.id,\n      text: getPropertyRecordAsString(item.label),\n      itree: {\n        state: { collapsed: false },\n      },\n    };\n    if (item.icon)\n      node.itree!.icon = item.icon;\n    if ((item as DelayLoadedTreeNodeItem).hasChildren)\n      node.children = true;\n    else if ((item as ImmediatelyLoadedTreeNodeItem).children)\n      node.children = (item as ImmediatelyLoadedTreeNodeItem).children!.map((p) => remapper(p, remapper));\n    return node;\n  }\n\n  private _treeChange = () => {\n    const currentNode = this.props.path.getCurrentNode();\n    this._updateTree(currentNode ? this._tree.node(currentNode.id) : undefined);\n  };\n  private _pathChange = (args: BreadcrumbUpdateEventArgs) => {\n    this._updateTree(args.currentNode ? this._tree.node(args.currentNode.id) : undefined);\n    if (isTreeDataProviderInterface(args.oldDataProvider) && args.oldDataProvider.onTreeNodeChanged) {\n      // unsubscribe from previous data provider `onTreeNodeChanged` events\n      args.oldDataProvider.onTreeNodeChanged.removeListener(this._onTreeNodeChanged);\n    }\n    if (isTreeDataProviderInterface(args.dataProvider) && args.dataProvider.onTreeNodeChanged) {\n      // subscribe for new data provider `onTreeNodeChanged` events\n      args.dataProvider.onTreeNodeChanged.addListener(this._onTreeNodeChanged);\n    }\n    if (args.dataProvider !== args.oldDataProvider) {\n      // istanbul ignore else\n      if (this._mounted)\n        this.setState({ modelReady: false }, () => {\n          this._recreateTree();\n        });\n    }\n  };\n  private _updateTree = (node: BeInspireTreeNode<TreeNodeItem> | undefined) => {\n    const childNodes = (node ? toNodes<TreeNodeItem>(node.getChildren()) : this._tree.nodes()).map((child) => child.payload!);\n    if (childNodes.length === 0) {\n      const parents = node ? toNodes<TreeNodeItem>(node.getParents()).map((child) => child.payload!) : [];\n      parents.reverse();\n      if (parents.length > 1)\n        this.props.path.setCurrentNode(parents[parents.length - 2]);\n      else if (parents.length === 1)\n        this.props.path.setCurrentNode(undefined);\n    }\n    const table = BreadcrumbTreeUtils.aliasNodeListToTableDataProvider(childNodes, this.props.columns || [\n      { key: \"icon\", label: UiComponents.translate(\"breadcrumb.icon\"), icon: true },\n      { key: \"label\", label: UiComponents.translate(\"breadcrumb.name\") },\n      { key: \"description\", label: UiComponents.translate(\"breadcrumb.description\") },\n    ], this.props.path.getDataProvider());\n    // istanbul ignore else hard to control whether mounted or not\n    if (this._mounted)\n      this.setState({ table, childNodes });\n  };\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const node = this.props.path.getCurrentNode();\n    if (node) {\n      const iNode = this._tree.node(node.id);\n      if (iNode) {\n        iNode.setDirty(false);\n      }\n    }\n    const { childNodes } = this.state;\n    const renderTable = this.props.renderTable ? this.props.renderTable : this.renderTable;\n    return (\n      <div className={classnames(\"components-breadcrumb-details\", this.props.className)} style={this.props.style}>\n        {\n          this.state.table && childNodes &&\n          renderTable({\n            dataProvider: this.state.table,\n            onRowsSelected: async (rowIterator: AsyncIterableIterator<RowItem>, replace: boolean) => {\n              const iteratorResult = await rowIterator.next();\n              // istanbul ignore else should always be false\n              if (!iteratorResult.done) {\n                const row = iteratorResult.value as DataRowItem;\n                this.props.path.setCurrentNode(row._node);\n              }\n              return replace;\n            },\n          }, node, childNodes)\n        }\n      </div>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention\n  private renderTable = (props: TableProps, _node: TreeNodeItem | undefined, _children: TreeNodeItem[]) => {\n    return <Table {...props} onRender={this.props.onRender} />;\n  };\n}\n"]}

package/lib/cjs/components-react/breadcrumb/BreadcrumbPath.d.ts

@@ -1,36 +1,36 @@
-/** @packageDocumentation
- * @module Breadcrumb
- */
-import { UiEvent } from "@itwin/core-react";
-import { TreeDataProvider, TreeNodeItem } from "../tree/TreeDataProvider";
-/** BreadcrumbChangeEvent Event Args class.
- * @beta
- * @deprecated
- */
-export interface BreadcrumbUpdateEventArgs {
-    dataProvider: TreeDataProvider;
-    oldDataProvider: TreeDataProvider;
-    currentNode: TreeNodeItem | undefined;
-}
-/** BreadcrumbChangeEvent Event class.
- * @beta
- * @deprecated
- */
-export declare class BreadcrumbUpdateEvent extends UiEvent<BreadcrumbUpdateEventArgs> {
-}
-/** Breadcrumb Path class.
- * @beta
- * @deprecated
- */
-export declare class BreadcrumbPath {
-    private _dataProvider;
-    private _currentNode;
-    private _breadcrumbUpdateEvent;
-    get BreadcrumbUpdateEvent(): BreadcrumbUpdateEvent;
-    constructor(dataProvider: TreeDataProvider);
-    getDataProvider(): TreeDataProvider;
-    setDataProvider(dataProvider: TreeDataProvider): void;
-    getCurrentNode(): TreeNodeItem | undefined;
-    setCurrentNode(currentNode: TreeNodeItem | undefined): void;
-}
+/** @packageDocumentation
+ * @module Breadcrumb
+ */
+import { UiEvent } from "@itwin/core-react";
+import { TreeDataProvider, TreeNodeItem } from "../tree/TreeDataProvider";
+/** BreadcrumbChangeEvent Event Args class.
+ * @beta
+ * @deprecated
+ */
+export interface BreadcrumbUpdateEventArgs {
+    dataProvider: TreeDataProvider;
+    oldDataProvider: TreeDataProvider;
+    currentNode: TreeNodeItem | undefined;
+}
+/** BreadcrumbChangeEvent Event class.
+ * @beta
+ * @deprecated
+ */
+export declare class BreadcrumbUpdateEvent extends UiEvent<BreadcrumbUpdateEventArgs> {
+}
+/** Breadcrumb Path class.
+ * @beta
+ * @deprecated
+ */
+export declare class BreadcrumbPath {
+    private _dataProvider;
+    private _currentNode;
+    private _breadcrumbUpdateEvent;
+    get BreadcrumbUpdateEvent(): BreadcrumbUpdateEvent;
+    constructor(dataProvider: TreeDataProvider);
+    getDataProvider(): TreeDataProvider;
+    setDataProvider(dataProvider: TreeDataProvider): void;
+    getCurrentNode(): TreeNodeItem | undefined;
+    setCurrentNode(currentNode: TreeNodeItem | undefined): void;
+}
 //# sourceMappingURL=BreadcrumbPath.d.ts.map