@itwin/components-react 4.0.0-dev.1 → 4.0.0-dev.3

package/lib/cjs/components-react/tree/controlled/component/TreeNodeEditor.js

@@ -1,58 +1,58 @@
-"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 Tree
- */
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeNodeEditor = void 0;
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const EditorContainer_1 = require("../../../editors/EditorContainer");
-/**
- * React component for displaying tree node editor.
- * @public
- */
-function TreeNodeEditor(props) {
-    const onCommit = (args) => {
-        const newValue = args.newValue.value;
-        props.onCommit(props.node, newValue);
-    };
-    const propertyRecord = createPropertyRecord(props.node.item.label);
-    return (React.createElement("span", { style: props.style },
-        React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: propertyRecord, title: propertyRecord.description, onCommit: onCommit, onCancel: props.onCancel, ignoreEditorBlur: props.ignoreEditorBlur, setFocus: true })));
-}
-exports.TreeNodeEditor = TreeNodeEditor;
-function createPropertyRecord(label) {
-    const property = {
-        name: "tree-node-editor",
-        displayLabel: "Tree Node Editor",
-        typename: label.property.typename,
-    };
-    const record = new appui_abstract_1.PropertyRecord(label.value, property);
-    record.description = "";
-    record.isReadonly = false;
-    return record;
-}
+"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 Tree
+ */
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeNodeEditor = void 0;
+const React = __importStar(require("react"));
+const appui_abstract_1 = require("@itwin/appui-abstract");
+const EditorContainer_1 = require("../../../editors/EditorContainer");
+/**
+ * React component for displaying tree node editor.
+ * @public
+ */
+function TreeNodeEditor(props) {
+    const onCommit = (args) => {
+        const newValue = args.newValue.value;
+        props.onCommit(props.node, newValue);
+    };
+    const propertyRecord = createPropertyRecord(props.node.item.label);
+    return (React.createElement("span", { style: props.style },
+        React.createElement(EditorContainer_1.EditorContainer, { propertyRecord: propertyRecord, title: propertyRecord.description, onCommit: onCommit, onCancel: props.onCancel, ignoreEditorBlur: props.ignoreEditorBlur, setFocus: true })));
+}
+exports.TreeNodeEditor = TreeNodeEditor;
+function createPropertyRecord(label) {
+    const property = {
+        name: "tree-node-editor",
+        displayLabel: "Tree Node Editor",
+        typename: label.property.typename,
+    };
+    const record = new appui_abstract_1.PropertyRecord(label.value, property);
+    record.description = "";
+    record.isReadonly = false;
+    return record;
+}
 //# sourceMappingURL=TreeNodeEditor.js.map

package/lib/cjs/components-react/tree/controlled/component/TreeNodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeEditor.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeEditor.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAA4F;AAC5F,sEAAwF;AA2BxF;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE;QAC7C,MAAM,QAAQ,GAAI,IAAI,CAAC,QAA2B,CAAC,KAAe,CAAC;QACnE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEnE,OAAO,CACL,8BAAM,KAAK,EAAE,KAAK,CAAC,KAAK;QACtB,oBAAC,iCAAe,IACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,cAAc,CAAC,WAAW,EACjC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,QAAQ,EAAE,IAAI,GACd,CACG,CACR,CAAC;AACJ,CAAC;AApBD,wCAoBC;AAED,SAAS,oBAAoB,CAAC,KAAqB;IACjD,MAAM,QAAQ,GAAwB;QACpC,IAAI,EAAE,kBAAkB;QACxB,YAAY,EAAE,kBAAkB;QAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ;KAClC,CAAC;IAEF,MAAM,MAAM,GAAG,IAAI,+BAAc,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC;IAE1B,OAAO,MAAM,CAAC;AAChB,CAAC","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 Tree\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { PrimitiveValue, PropertyDescription, PropertyRecord } from \"@itwin/appui-abstract\";\r\nimport { EditorContainer, PropertyUpdatedArgs } from \"../../../editors/EditorContainer\";\r\nimport { TreeModelNode } from \"../TreeModel\";\r\n\r\n/**\r\n * Properties for [[TreeNodeEditor]] component.\r\n * @public\r\n */\r\nexport interface TreeNodeEditorProps {\r\n  /** Tree node which is in editing mode. */\r\n  node: TreeModelNode;\r\n  /** Callback that is called when changes are committed. */\r\n  onCommit: (node: TreeModelNode, newValue: string) => void;\r\n  /** Callback that is called when editing is canceled. */\r\n  onCancel: () => void;\r\n  /** Editor style. */\r\n  style?: React.CSSProperties;\r\n\r\n  /** @internal */\r\n  ignoreEditorBlur?: boolean;\r\n}\r\n\r\n/**\r\n * Type for tree node editor renderer.\r\n * @public\r\n */\r\nexport type TreeNodeEditorRenderer = (props: TreeNodeEditorProps) => React.ReactNode;\r\n\r\n/**\r\n * React component for displaying tree node editor.\r\n * @public\r\n */\r\nexport function TreeNodeEditor(props: TreeNodeEditorProps) {\r\n  const onCommit = (args: PropertyUpdatedArgs) => {\r\n    const newValue = (args.newValue as PrimitiveValue).value as string;\r\n    props.onCommit(props.node, newValue);\r\n  };\r\n\r\n  const propertyRecord = createPropertyRecord(props.node.item.label);\r\n\r\n  return (\r\n    <span style={props.style}>\r\n      <EditorContainer\r\n        propertyRecord={propertyRecord}\r\n        title={propertyRecord.description}\r\n        onCommit={onCommit}\r\n        onCancel={props.onCancel}\r\n        ignoreEditorBlur={props.ignoreEditorBlur}\r\n        setFocus={true}\r\n      />\r\n    </span>\r\n  );\r\n}\r\n\r\nfunction createPropertyRecord(label: PropertyRecord) {\r\n  const property: PropertyDescription = {\r\n    name: \"tree-node-editor\",\r\n    displayLabel: \"Tree Node Editor\",\r\n    typename: label.property.typename,\r\n  };\r\n\r\n  const record = new PropertyRecord(label.value, property);\r\n  record.description = \"\";\r\n  record.isReadonly = false;\r\n\r\n  return record;\r\n}\r\n"]}
+{"version":3,"file":"TreeNodeEditor.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeEditor.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,0DAA4F;AAC5F,sEAAwF;AA2BxF;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,QAAQ,GAAG,CAAC,IAAyB,EAAE,EAAE;QAC7C,MAAM,QAAQ,GAAI,IAAI,CAAC,QAA2B,CAAC,KAAe,CAAC;QACnE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAEnE,OAAO,CACL,8BAAM,KAAK,EAAE,KAAK,CAAC,KAAK;QACtB,oBAAC,iCAAe,IACd,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,cAAc,CAAC,WAAW,EACjC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,QAAQ,EAAE,IAAI,GACd,CACG,CACR,CAAC;AACJ,CAAC;AApBD,wCAoBC;AAED,SAAS,oBAAoB,CAAC,KAAqB;IACjD,MAAM,QAAQ,GAAwB;QACpC,IAAI,EAAE,kBAAkB;QACxB,YAAY,EAAE,kBAAkB;QAChC,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,QAAQ;KAClC,CAAC;IAEF,MAAM,MAAM,GAAG,IAAI,+BAAc,CAAC,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,GAAG,EAAE,CAAC;IACxB,MAAM,CAAC,UAAU,GAAG,KAAK,CAAC;IAE1B,OAAO,MAAM,CAAC;AAChB,CAAC","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 Tree\n */\n\nimport * as React from \"react\";\nimport { PrimitiveValue, PropertyDescription, PropertyRecord } from \"@itwin/appui-abstract\";\nimport { EditorContainer, PropertyUpdatedArgs } from \"../../../editors/EditorContainer\";\nimport { TreeModelNode } from \"../TreeModel\";\n\n/**\n * Properties for [[TreeNodeEditor]] component.\n * @public\n */\nexport interface TreeNodeEditorProps {\n  /** Tree node which is in editing mode. */\n  node: TreeModelNode;\n  /** Callback that is called when changes are committed. */\n  onCommit: (node: TreeModelNode, newValue: string) => void;\n  /** Callback that is called when editing is canceled. */\n  onCancel: () => void;\n  /** Editor style. */\n  style?: React.CSSProperties;\n\n  /** @internal */\n  ignoreEditorBlur?: boolean;\n}\n\n/**\n * Type for tree node editor renderer.\n * @public\n */\nexport type TreeNodeEditorRenderer = (props: TreeNodeEditorProps) => React.ReactNode;\n\n/**\n * React component for displaying tree node editor.\n * @public\n */\nexport function TreeNodeEditor(props: TreeNodeEditorProps) {\n  const onCommit = (args: PropertyUpdatedArgs) => {\n    const newValue = (args.newValue as PrimitiveValue).value as string;\n    props.onCommit(props.node, newValue);\n  };\n\n  const propertyRecord = createPropertyRecord(props.node.item.label);\n\n  return (\n    <span style={props.style}>\n      <EditorContainer\n        propertyRecord={propertyRecord}\n        title={propertyRecord.description}\n        onCommit={onCommit}\n        onCancel={props.onCancel}\n        ignoreEditorBlur={props.ignoreEditorBlur}\n        setFocus={true}\n      />\n    </span>\n  );\n}\n\nfunction createPropertyRecord(label: PropertyRecord) {\n  const property: PropertyDescription = {\n    name: \"tree-node-editor\",\n    displayLabel: \"Tree Node Editor\",\n    typename: label.property.typename,\n  };\n\n  const record = new PropertyRecord(label.value, property);\n  record.description = \"\";\n  record.isReadonly = false;\n\n  return record;\n}\n"]}

package/lib/cjs/components-react/tree/controlled/component/TreeNodeRenderer.d.ts

@@ -1,43 +1,43 @@
-/** @packageDocumentation
- * @module Tree
- */
-import * as React from "react";
-import { CommonProps, NodeCheckboxRenderer } from "@itwin/core-react";
-import { HighlightableTreeNodeProps } from "../../HighlightingEngine";
-import { ITreeImageLoader } from "../../ImageLoader";
-import { TreeActions } from "../TreeActions";
-import { TreeModelNode } from "../TreeModel";
-import { TreeNodeEditorRenderer } from "./TreeNodeEditor";
-/**
- * Properties for [[TreeNodeRenderer]].
- * @public
- */
-export interface TreeNodeRendererProps extends CommonProps {
-    /** Tree node to render. */
-    node: TreeModelNode;
-    /** Action handler. */
-    treeActions: TreeActions;
-    /** Properties used to highlight matches when tree is filtered. */
-    nodeHighlightProps?: HighlightableTreeNodeProps;
-    /** Specifies whether to show descriptions or not. */
-    descriptionEnabled?: boolean;
-    /** Image loader for node icons. */
-    imageLoader?: ITreeImageLoader;
-    /** Callback to render custom checkbox. */
-    checkboxRenderer?: NodeCheckboxRenderer;
-    /** Callback to render custom node editor when node is in editing mode. */
-    nodeEditorRenderer?: TreeNodeEditorRenderer;
-    /**
-     * Callback used to detect when label is rendered. It is used by TreeRenderer for scrolling to active match.
-     * @internal
-     */
-    onLabelRendered?: (node: TreeModelNode) => void;
-    /** Child components to render inside the node.*/
-    children?: React.ReactNode;
-}
-/**
- * Default component for rendering tree node.
- * @public
- */
-export declare const TreeNodeRenderer: React.MemoExoticComponent<(props: TreeNodeRendererProps) => JSX.Element>;
+/** @packageDocumentation
+ * @module Tree
+ */
+import * as React from "react";
+import { CommonProps, NodeCheckboxRenderer } from "@itwin/core-react";
+import { HighlightableTreeNodeProps } from "../../HighlightingEngine";
+import { ITreeImageLoader } from "../../ImageLoader";
+import { TreeActions } from "../TreeActions";
+import { TreeModelNode } from "../TreeModel";
+import { TreeNodeEditorRenderer } from "./TreeNodeEditor";
+/**
+ * Properties for [[TreeNodeRenderer]].
+ * @public
+ */
+export interface TreeNodeRendererProps extends CommonProps {
+    /** Tree node to render. */
+    node: TreeModelNode;
+    /** Action handler. */
+    treeActions: TreeActions;
+    /** Properties used to highlight matches when tree is filtered. */
+    nodeHighlightProps?: HighlightableTreeNodeProps;
+    /** Specifies whether to show descriptions or not. */
+    descriptionEnabled?: boolean;
+    /** Image loader for node icons. */
+    imageLoader?: ITreeImageLoader;
+    /** Callback to render custom checkbox. */
+    checkboxRenderer?: NodeCheckboxRenderer;
+    /** Callback to render custom node editor when node is in editing mode. */
+    nodeEditorRenderer?: TreeNodeEditorRenderer;
+    /**
+     * Callback used to detect when label is rendered. It is used by TreeRenderer for scrolling to active match.
+     * @internal
+     */
+    onLabelRendered?: (node: TreeModelNode) => void;
+    /** Child components to render inside the node.*/
+    children?: React.ReactNode;
+}
+/**
+ * Default component for rendering tree node.
+ * @public
+ */
+export declare const TreeNodeRenderer: React.MemoExoticComponent<(props: TreeNodeRendererProps) => JSX.Element>;
 //# sourceMappingURL=TreeNodeRenderer.d.ts.map

package/lib/cjs/components-react/tree/controlled/component/TreeNodeRenderer.js

@@ -1,64 +1,64 @@
-"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 Tree
- */
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeNodeRenderer = void 0;
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-const ImageRenderer_1 = require("../../../common/ImageRenderer");
-const ValueRendererManager_1 = require("../../../properties/ValueRendererManager");
-const TreeComponentTestId_1 = require("../../TreeComponentTestId");
-const NodeContent_1 = require("./NodeContent");
-/**
- * Default component for rendering tree node.
- * @public
- */
-exports.TreeNodeRenderer = React.memo((props) => {
-    const label = (React.createElement(NodeContent_1.TreeNodeContent, { key: props.node.id, node: props.node, showDescription: props.descriptionEnabled, valueRendererManager: ValueRendererManager_1.PropertyValueRendererManager.defaultManager, highlightProps: props.nodeHighlightProps, onLabelRendered: props.onLabelRendered, nodeEditorRenderer: props.nodeEditorRenderer }));
-    function onExpansionToggle() {
-        if (props.node.isExpanded)
-            props.treeActions.onNodeCollapsed(props.node.id);
-        else
-            props.treeActions.onNodeExpanded(props.node.id);
-    }
-    const createCheckboxProps = (checkboxInfo) => ({
-        state: checkboxInfo.state,
-        tooltip: checkboxInfo.tooltip,
-        isDisabled: checkboxInfo.isDisabled,
-        onClick: (newState) => props.treeActions.onNodeCheckboxClicked(props.node.id, newState),
-    });
-    return (React.createElement(core_react_1.TreeNode, { "data-testid": TreeComponentTestId_1.TreeComponentTestId.Node, className: props.className, checkboxProps: props.node.checkbox.isVisible ? createCheckboxProps(props.node.checkbox) : undefined, style: props.style, isExpanded: props.node.isExpanded, isSelected: props.node.isSelected, isLoading: props.node.isLoading, isLeaf: props.node.numChildren === 0, icon: props.imageLoader ? React.createElement(TreeNodeIcon, { node: props.node, imageLoader: props.imageLoader }) : undefined, label: label, level: props.node.depth, onClick: (event) => props.treeActions.onNodeClicked(props.node.id, event), onMouseDown: () => props.treeActions.onNodeMouseDown(props.node.id), onMouseMove: () => props.treeActions.onNodeMouseMove(props.node.id), onClickExpansionToggle: onExpansionToggle, renderOverrides: { renderCheckbox: props.checkboxRenderer } }, props.children));
-});
-function TreeNodeIcon(props) {
-    const { imageLoader, node } = props;
-    const image = imageLoader.load(node.item);
-    if (!image)
-        return null;
-    const renderer = new ImageRenderer_1.ImageRenderer();
-    return React.createElement(React.Fragment, null, renderer.render(image));
-}
+"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 Tree
+ */
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeNodeRenderer = void 0;
+const React = __importStar(require("react"));
+const core_react_1 = require("@itwin/core-react");
+const ImageRenderer_1 = require("../../../common/ImageRenderer");
+const ValueRendererManager_1 = require("../../../properties/ValueRendererManager");
+const TreeComponentTestId_1 = require("../../TreeComponentTestId");
+const NodeContent_1 = require("./NodeContent");
+/**
+ * Default component for rendering tree node.
+ * @public
+ */
+exports.TreeNodeRenderer = React.memo((props) => {
+    const label = (React.createElement(NodeContent_1.TreeNodeContent, { key: props.node.id, node: props.node, showDescription: props.descriptionEnabled, valueRendererManager: ValueRendererManager_1.PropertyValueRendererManager.defaultManager, highlightProps: props.nodeHighlightProps, onLabelRendered: props.onLabelRendered, nodeEditorRenderer: props.nodeEditorRenderer }));
+    function onExpansionToggle() {
+        if (props.node.isExpanded)
+            props.treeActions.onNodeCollapsed(props.node.id);
+        else
+            props.treeActions.onNodeExpanded(props.node.id);
+    }
+    const createCheckboxProps = (checkboxInfo) => ({
+        state: checkboxInfo.state,
+        tooltip: checkboxInfo.tooltip,
+        isDisabled: checkboxInfo.isDisabled,
+        onClick: (newState) => props.treeActions.onNodeCheckboxClicked(props.node.id, newState),
+    });
+    return (React.createElement(core_react_1.TreeNode, { "data-testid": TreeComponentTestId_1.TreeComponentTestId.Node, className: props.className, checkboxProps: props.node.checkbox.isVisible ? createCheckboxProps(props.node.checkbox) : undefined, style: props.style, isExpanded: props.node.isExpanded, isSelected: props.node.isSelected, isLoading: props.node.isLoading, isLeaf: props.node.numChildren === 0, icon: props.imageLoader ? React.createElement(TreeNodeIcon, { node: props.node, imageLoader: props.imageLoader }) : undefined, label: label, level: props.node.depth, onClick: (event) => props.treeActions.onNodeClicked(props.node.id, event), onMouseDown: () => props.treeActions.onNodeMouseDown(props.node.id), onMouseMove: () => props.treeActions.onNodeMouseMove(props.node.id), onClickExpansionToggle: onExpansionToggle, renderOverrides: { renderCheckbox: props.checkboxRenderer } }, props.children));
+});
+function TreeNodeIcon(props) {
+    const { imageLoader, node } = props;
+    const image = imageLoader.load(node.item);
+    if (!image)
+        return null;
+    const renderer = new ImageRenderer_1.ImageRenderer();
+    return React.createElement(React.Fragment, null, renderer.render(image));
+}
 //# sourceMappingURL=TreeNodeRenderer.js.map

package/lib/cjs/components-react/tree/controlled/component/TreeNodeRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeNodeRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,kDAAmG;AACnG,iEAA8D;AAC9D,mFAAwF;AAGxF,mEAAgE;AAGhE,+CAAgD;AAuChD;;;GAGG;AACU,QAAA,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAA4B,EAAE,EAAE;IAC1E,MAAM,KAAK,GAAG,CACZ,oBAAC,6BAAe,IACd,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,KAAK,CAAC,kBAAkB,EACzC,oBAAoB,EAAE,mDAA4B,CAAC,cAAc,EACjE,cAAc,EAAE,KAAK,CAAC,kBAAkB,EACxC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,GAC5C,CACH,CAAC;IAEF,SAAS,iBAAiB;QACxB,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU;YACvB,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;YAEjD,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,mBAAmB,GAAG,CAAC,YAA0B,EAAqB,EAAE,CAAC,CAAC;QAC9E,KAAK,EAAE,YAAY,CAAC,KAAK;QACzB,OAAO,EAAE,YAAY,CAAC,OAAO;QAC7B,UAAU,EAAE,YAAY,CAAC,UAAU;QACnC,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC;KACxF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,qBAAQ,mBACM,yCAAmB,CAAC,IAAI,EACrC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,EACnG,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EACjC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EACjC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAC/B,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,CAAC,EACpC,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC,CAAC,CAAC,SAAS,EACxG,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACvB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,EACzE,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EACnE,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EACnE,sBAAsB,EAAE,iBAAiB,EACzC,eAAe,EAAE,EAAE,cAAc,EAAE,KAAK,CAAC,gBAAgB,EAAE,IAE1D,KAAK,CAAC,QAAQ,CACN,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAOH,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAE1C,IAAI,CAAC,KAAK;QACR,OAAO,IAAI,CAAC;IAEd,MAAM,QAAQ,GAAG,IAAI,6BAAa,EAAE,CAAC;IACrC,OAAO,0CAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAI,CAAC;AACvC,CAAC","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 Tree\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommonProps, NodeCheckboxProps, NodeCheckboxRenderer, TreeNode } from \"@itwin/core-react\";\r\nimport { ImageRenderer } from \"../../../common/ImageRenderer\";\r\nimport { PropertyValueRendererManager } from \"../../../properties/ValueRendererManager\";\r\nimport { HighlightableTreeNodeProps } from \"../../HighlightingEngine\";\r\nimport { ITreeImageLoader } from \"../../ImageLoader\";\r\nimport { TreeComponentTestId } from \"../../TreeComponentTestId\";\r\nimport { TreeActions } from \"../TreeActions\";\r\nimport { CheckBoxInfo, TreeModelNode } from \"../TreeModel\";\r\nimport { TreeNodeContent } from \"./NodeContent\";\r\nimport { TreeNodeEditorRenderer } from \"./TreeNodeEditor\";\r\n\r\n/**\r\n * Properties for [[TreeNodeRenderer]].\r\n * @public\r\n */\r\nexport interface TreeNodeRendererProps extends CommonProps {\r\n  /** Tree node to render. */\r\n  node: TreeModelNode;\r\n\r\n  /** Action handler. */\r\n  treeActions: TreeActions;\r\n\r\n  /** Properties used to highlight matches when tree is filtered. */\r\n  nodeHighlightProps?: HighlightableTreeNodeProps;\r\n\r\n  /** Specifies whether to show descriptions or not. */\r\n  descriptionEnabled?: boolean;\r\n\r\n  /** Image loader for node icons. */\r\n  imageLoader?: ITreeImageLoader;\r\n\r\n  /** Callback to render custom checkbox. */\r\n  checkboxRenderer?: NodeCheckboxRenderer;\r\n\r\n  /** Callback to render custom node editor when node is in editing mode. */\r\n  nodeEditorRenderer?: TreeNodeEditorRenderer;\r\n\r\n  /**\r\n   * Callback used to detect when label is rendered. It is used by TreeRenderer for scrolling to active match.\r\n   * @internal\r\n   */\r\n  onLabelRendered?: (node: TreeModelNode) => void;\r\n\r\n  /** Child components to render inside the node.*/\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Default component for rendering tree node.\r\n * @public\r\n */\r\nexport const TreeNodeRenderer = React.memo((props: TreeNodeRendererProps) => {\r\n  const label = (\r\n    <TreeNodeContent\r\n      key={props.node.id}\r\n      node={props.node}\r\n      showDescription={props.descriptionEnabled}\r\n      valueRendererManager={PropertyValueRendererManager.defaultManager}\r\n      highlightProps={props.nodeHighlightProps}\r\n      onLabelRendered={props.onLabelRendered}\r\n      nodeEditorRenderer={props.nodeEditorRenderer}\r\n    />\r\n  );\r\n\r\n  function onExpansionToggle() {\r\n    if (props.node.isExpanded)\r\n      props.treeActions.onNodeCollapsed(props.node.id);\r\n    else\r\n      props.treeActions.onNodeExpanded(props.node.id);\r\n  }\r\n\r\n  const createCheckboxProps = (checkboxInfo: CheckBoxInfo): NodeCheckboxProps => ({\r\n    state: checkboxInfo.state,\r\n    tooltip: checkboxInfo.tooltip,\r\n    isDisabled: checkboxInfo.isDisabled,\r\n    onClick: (newState) => props.treeActions.onNodeCheckboxClicked(props.node.id, newState),\r\n  });\r\n\r\n  return (\r\n    <TreeNode\r\n      data-testid={TreeComponentTestId.Node}\r\n      className={props.className}\r\n      checkboxProps={props.node.checkbox.isVisible ? createCheckboxProps(props.node.checkbox) : undefined}\r\n      style={props.style}\r\n      isExpanded={props.node.isExpanded}\r\n      isSelected={props.node.isSelected}\r\n      isLoading={props.node.isLoading}\r\n      isLeaf={props.node.numChildren === 0}\r\n      icon={props.imageLoader ? <TreeNodeIcon node={props.node} imageLoader={props.imageLoader} /> : undefined}\r\n      label={label}\r\n      level={props.node.depth}\r\n      onClick={(event) => props.treeActions.onNodeClicked(props.node.id, event)}\r\n      onMouseDown={() => props.treeActions.onNodeMouseDown(props.node.id)}\r\n      onMouseMove={() => props.treeActions.onNodeMouseMove(props.node.id)}\r\n      onClickExpansionToggle={onExpansionToggle}\r\n      renderOverrides={{ renderCheckbox: props.checkboxRenderer }}\r\n    >\r\n      {props.children}\r\n    </TreeNode>\r\n  );\r\n});\r\n\r\ninterface TreeNodeIconProps {\r\n  node: TreeModelNode;\r\n  imageLoader: ITreeImageLoader;\r\n}\r\n\r\nfunction TreeNodeIcon(props: TreeNodeIconProps) {\r\n  const { imageLoader, node } = props;\r\n  const image = imageLoader.load(node.item);\r\n\r\n  if (!image)\r\n    return null;\r\n\r\n  const renderer = new ImageRenderer();\r\n  return <>{renderer.render(image)}</>;\r\n}\r\n"]}
+{"version":3,"file":"TreeNodeRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/tree/controlled/component/TreeNodeRenderer.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,kDAAmG;AACnG,iEAA8D;AAC9D,mFAAwF;AAGxF,mEAAgE;AAGhE,+CAAgD;AAuChD;;;GAGG;AACU,QAAA,gBAAgB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,KAA4B,EAAE,EAAE;IAC1E,MAAM,KAAK,GAAG,CACZ,oBAAC,6BAAe,IACd,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,KAAK,CAAC,kBAAkB,EACzC,oBAAoB,EAAE,mDAA4B,CAAC,cAAc,EACjE,cAAc,EAAE,KAAK,CAAC,kBAAkB,EACxC,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,GAC5C,CACH,CAAC;IAEF,SAAS,iBAAiB;QACxB,IAAI,KAAK,CAAC,IAAI,CAAC,UAAU;YACvB,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;;YAEjD,KAAK,CAAC,WAAW,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACpD,CAAC;IAED,MAAM,mBAAmB,GAAG,CAAC,YAA0B,EAAqB,EAAE,CAAC,CAAC;QAC9E,KAAK,EAAE,YAAY,CAAC,KAAK;QACzB,OAAO,EAAE,YAAY,CAAC,OAAO;QAC7B,UAAU,EAAE,YAAY,CAAC,UAAU;QACnC,OAAO,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,qBAAqB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC;KACxF,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,qBAAQ,mBACM,yCAAmB,CAAC,IAAI,EACrC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,aAAa,EAAE,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,EACnG,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EACjC,UAAU,EAAE,KAAK,CAAC,IAAI,CAAC,UAAU,EACjC,SAAS,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAC/B,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,CAAC,EACpC,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,WAAW,GAAI,CAAC,CAAC,CAAC,SAAS,EACxG,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,KAAK,EACvB,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,EACzE,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EACnE,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,EACnE,sBAAsB,EAAE,iBAAiB,EACzC,eAAe,EAAE,EAAE,cAAc,EAAE,KAAK,CAAC,gBAAgB,EAAE,IAE1D,KAAK,CAAC,QAAQ,CACN,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC;AAOH,SAAS,YAAY,CAAC,KAAwB;IAC5C,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IACpC,MAAM,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAE1C,IAAI,CAAC,KAAK;QACR,OAAO,IAAI,CAAC;IAEd,MAAM,QAAQ,GAAG,IAAI,6BAAa,EAAE,CAAC;IACrC,OAAO,0CAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAI,CAAC;AACvC,CAAC","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 Tree\n */\n\nimport * as React from \"react\";\nimport { CommonProps, NodeCheckboxProps, NodeCheckboxRenderer, TreeNode } from \"@itwin/core-react\";\nimport { ImageRenderer } from \"../../../common/ImageRenderer\";\nimport { PropertyValueRendererManager } from \"../../../properties/ValueRendererManager\";\nimport { HighlightableTreeNodeProps } from \"../../HighlightingEngine\";\nimport { ITreeImageLoader } from \"../../ImageLoader\";\nimport { TreeComponentTestId } from \"../../TreeComponentTestId\";\nimport { TreeActions } from \"../TreeActions\";\nimport { CheckBoxInfo, TreeModelNode } from \"../TreeModel\";\nimport { TreeNodeContent } from \"./NodeContent\";\nimport { TreeNodeEditorRenderer } from \"./TreeNodeEditor\";\n\n/**\n * Properties for [[TreeNodeRenderer]].\n * @public\n */\nexport interface TreeNodeRendererProps extends CommonProps {\n  /** Tree node to render. */\n  node: TreeModelNode;\n\n  /** Action handler. */\n  treeActions: TreeActions;\n\n  /** Properties used to highlight matches when tree is filtered. */\n  nodeHighlightProps?: HighlightableTreeNodeProps;\n\n  /** Specifies whether to show descriptions or not. */\n  descriptionEnabled?: boolean;\n\n  /** Image loader for node icons. */\n  imageLoader?: ITreeImageLoader;\n\n  /** Callback to render custom checkbox. */\n  checkboxRenderer?: NodeCheckboxRenderer;\n\n  /** Callback to render custom node editor when node is in editing mode. */\n  nodeEditorRenderer?: TreeNodeEditorRenderer;\n\n  /**\n   * Callback used to detect when label is rendered. It is used by TreeRenderer for scrolling to active match.\n   * @internal\n   */\n  onLabelRendered?: (node: TreeModelNode) => void;\n\n  /** Child components to render inside the node.*/\n  children?: React.ReactNode;\n}\n\n/**\n * Default component for rendering tree node.\n * @public\n */\nexport const TreeNodeRenderer = React.memo((props: TreeNodeRendererProps) => {\n  const label = (\n    <TreeNodeContent\n      key={props.node.id}\n      node={props.node}\n      showDescription={props.descriptionEnabled}\n      valueRendererManager={PropertyValueRendererManager.defaultManager}\n      highlightProps={props.nodeHighlightProps}\n      onLabelRendered={props.onLabelRendered}\n      nodeEditorRenderer={props.nodeEditorRenderer}\n    />\n  );\n\n  function onExpansionToggle() {\n    if (props.node.isExpanded)\n      props.treeActions.onNodeCollapsed(props.node.id);\n    else\n      props.treeActions.onNodeExpanded(props.node.id);\n  }\n\n  const createCheckboxProps = (checkboxInfo: CheckBoxInfo): NodeCheckboxProps => ({\n    state: checkboxInfo.state,\n    tooltip: checkboxInfo.tooltip,\n    isDisabled: checkboxInfo.isDisabled,\n    onClick: (newState) => props.treeActions.onNodeCheckboxClicked(props.node.id, newState),\n  });\n\n  return (\n    <TreeNode\n      data-testid={TreeComponentTestId.Node}\n      className={props.className}\n      checkboxProps={props.node.checkbox.isVisible ? createCheckboxProps(props.node.checkbox) : undefined}\n      style={props.style}\n      isExpanded={props.node.isExpanded}\n      isSelected={props.node.isSelected}\n      isLoading={props.node.isLoading}\n      isLeaf={props.node.numChildren === 0}\n      icon={props.imageLoader ? <TreeNodeIcon node={props.node} imageLoader={props.imageLoader} /> : undefined}\n      label={label}\n      level={props.node.depth}\n      onClick={(event) => props.treeActions.onNodeClicked(props.node.id, event)}\n      onMouseDown={() => props.treeActions.onNodeMouseDown(props.node.id)}\n      onMouseMove={() => props.treeActions.onNodeMouseMove(props.node.id)}\n      onClickExpansionToggle={onExpansionToggle}\n      renderOverrides={{ renderCheckbox: props.checkboxRenderer }}\n    >\n      {props.children}\n    </TreeNode>\n  );\n});\n\ninterface TreeNodeIconProps {\n  node: TreeModelNode;\n  imageLoader: ITreeImageLoader;\n}\n\nfunction TreeNodeIcon(props: TreeNodeIconProps) {\n  const { imageLoader, node } = props;\n  const image = imageLoader.load(node.item);\n\n  if (!image)\n    return null;\n\n  const renderer = new ImageRenderer();\n  return <>{renderer.render(image)}</>;\n}\n"]}

package/lib/cjs/components-react/tree/controlled/component/TreeRenderer.d.ts

@@ -1,73 +1,73 @@
-/** @packageDocumentation
- * @module Tree
- */
-import "./ControlledTree.scss";
-import * as React from "react";
-import { HighlightableTreeProps } from "../../HighlightingEngine";
-import { TreeActions } from "../TreeActions";
-import { TreeModelNode, TreeModelNodePlaceholder, VisibleTreeNodes } from "../TreeModel";
-import { ITreeNodeLoader } from "../TreeNodeLoader";
-import { TreeNodeRendererProps } from "./TreeNodeRenderer";
-/**
- * Data structure that describes range of rendered items in the tree.
- * @public
- */
-export interface RenderedItemsRange {
-    overscanStartIndex: number;
-    overscanStopIndex: number;
-    visibleStartIndex: number;
-    visibleStopIndex: number;
-}
-/**
- * Properties for [[TreeRenderer]] component.
- * @public
- */
-export interface TreeRendererProps {
-    treeActions: TreeActions;
-    nodeLoader: ITreeNodeLoader;
-    /** Callback that is used to determine node height. */
-    nodeHeight: (node: TreeModelNode | TreeModelNodePlaceholder, index: number) => number;
-    /** Flat list of nodes to be rendered. */
-    visibleNodes: VisibleTreeNodes;
-    /** Callback to render custom node.  */
-    nodeRenderer?: (props: TreeNodeRendererProps) => React.ReactNode;
-    /** Properties used to highlight nodes and scroll to active match while filtering. */
-    nodeHighlightingProps?: HighlightableTreeProps;
-    /** Callback that is called when rendered items range changes. */
-    onItemsRendered?: (renderedItems: RenderedItemsRange) => void;
-    /**
-     * Callback used when an editor closes
-     * @internal
-     */
-    onNodeEditorClosed?: () => void;
-    /** Width of the tree area. */
-    width: number;
-    /** Height of the tree area. */
-    height: number;
-}
-/**
- * Attributes found on TreeRenderer component
- * @public
- */
-export interface TreeRendererAttributes {
-    /**
-     * Scroll to the specified node.
-     * @param nodeId Id of the target node to scroll to.
-     * @param alignment Controls scrolling behavior. See [react-window](https://github.com/bvaughn/react-window) documentation
-     * on `scrollToItem` for details.
-     */
-    scrollToNode(nodeId: string, alignment?: Alignment): void;
-}
-declare type Alignment = "auto" | "smart" | "center" | "end" | "start";
-/**
- * Default tree rendering component.
- * @public
- */
-export declare class TreeRenderer extends React.Component<TreeRendererProps> implements TreeRendererAttributes {
-    private _ref;
-    /** @inheritdoc */
-    scrollToNode(nodeId: string, alignment?: Alignment): void;
-    render(): JSX.Element;
-}
-export {};
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./ControlledTree.scss";
+import * as React from "react";
+import { HighlightableTreeProps } from "../../HighlightingEngine";
+import { TreeActions } from "../TreeActions";
+import { TreeModelNode, TreeModelNodePlaceholder, VisibleTreeNodes } from "../TreeModel";
+import { ITreeNodeLoader } from "../TreeNodeLoader";
+import { TreeNodeRendererProps } from "./TreeNodeRenderer";
+/**
+ * Data structure that describes range of rendered items in the tree.
+ * @public
+ */
+export interface RenderedItemsRange {
+    overscanStartIndex: number;
+    overscanStopIndex: number;
+    visibleStartIndex: number;
+    visibleStopIndex: number;
+}
+/**
+ * Properties for [[TreeRenderer]] component.
+ * @public
+ */
+export interface TreeRendererProps {
+    treeActions: TreeActions;
+    nodeLoader: ITreeNodeLoader;
+    /** Callback that is used to determine node height. */
+    nodeHeight: (node: TreeModelNode | TreeModelNodePlaceholder, index: number) => number;
+    /** Flat list of nodes to be rendered. */
+    visibleNodes: VisibleTreeNodes;
+    /** Callback to render custom node.  */
+    nodeRenderer?: (props: TreeNodeRendererProps) => React.ReactNode;
+    /** Properties used to highlight nodes and scroll to active match while filtering. */
+    nodeHighlightingProps?: HighlightableTreeProps;
+    /** Callback that is called when rendered items range changes. */
+    onItemsRendered?: (renderedItems: RenderedItemsRange) => void;
+    /**
+     * Callback used when an editor closes
+     * @internal
+     */
+    onNodeEditorClosed?: () => void;
+    /** Width of the tree area. */
+    width: number;
+    /** Height of the tree area. */
+    height: number;
+}
+/**
+ * Attributes found on TreeRenderer component
+ * @public
+ */
+export interface TreeRendererAttributes {
+    /**
+     * Scroll to the specified node.
+     * @param nodeId Id of the target node to scroll to.
+     * @param alignment Controls scrolling behavior. See [react-window](https://github.com/bvaughn/react-window) documentation
+     * on `scrollToItem` for details.
+     */
+    scrollToNode(nodeId: string, alignment?: Alignment): void;
+}
+declare type Alignment = "auto" | "smart" | "center" | "end" | "start";
+/**
+ * Default tree rendering component.
+ * @public
+ */
+export declare class TreeRenderer extends React.Component<TreeRendererProps> implements TreeRendererAttributes {
+    private _ref;
+    /** @inheritdoc */
+    scrollToNode(nodeId: string, alignment?: Alignment): void;
+    render(): JSX.Element;
+}
+export {};
 //# sourceMappingURL=TreeRenderer.d.ts.map