@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.13

package/lib/esm/core-react/tree/ExpansionToggle.js

@@ -1,27 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import "./ExpansionToggle.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { UiCore } from "../UiCore";
-import { Icon } from "../icons/IconComponent";
-import { SvgChevronRight } from "@itwin/itwinui-icons-react";
-/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
- * @public
- */
-export class ExpansionToggle extends React.PureComponent {
-    render() {
-        const className = classnames("core-tree-expansionToggle", this.props.isExpanded && "is-expanded", this.props.className);
-        const label = UiCore.translate(this.props.isExpanded ? "tree.collapse" : "tree.expand");
-        return (
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-        React.createElement("div", { onClick: this.props.onClick, className: className, style: this.props.style, "data-testid": this.props["data-testid"], role: "button", tabIndex: -1, "aria-label": label },
-            React.createElement(Icon, { className: "toggle icon", iconSpec: React.createElement(SvgChevronRight, null) })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import "./ExpansionToggle.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { UiCore } from "../UiCore";
+import { Icon } from "../icons/IconComponent";
+import { SvgChevronRight } from "@itwin/itwinui-icons-react";
+/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
+ * @public
+ */
+export class ExpansionToggle extends React.PureComponent {
+    render() {
+        const className = classnames("core-tree-expansionToggle", this.props.isExpanded && "is-expanded", this.props.className);
+        const label = UiCore.translate(this.props.isExpanded ? "tree.collapse" : "tree.expand");
+        return (
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+        React.createElement("div", { onClick: this.props.onClick, className: className, style: this.props.style, "data-testid": this.props["data-testid"], role: "button", tabIndex: -1, "aria-label": label },
+            React.createElement(Icon, { className: "toggle icon", iconSpec: React.createElement(SvgChevronRight, null) })));
+    }
+}
 //# sourceMappingURL=ExpansionToggle.js.map

package/lib/esm/core-react/tree/ExpansionToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAW7D;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,aAAmC;IAC5D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,aAAa,EACtC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAExF,OAAO;QACL,iEAAiE;QACjE,6BACE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,iBACV,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EACtC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,KAAK;YAEjB,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAI,CAC3D,CACP,CAAC;IACJ,CAAC;CACF","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 \"./ExpansionToggle.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { UiCore } from \"../UiCore\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\r\n\r\n/** Properties for the [[ExpansionToggle]] component\r\n * @public\r\n */\r\nexport interface ExpansionToggleProps extends CommonProps {\r\n  isExpanded?: boolean;\r\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\r\n  [\"data-testid\"]?: string;\r\n}\r\n\r\n/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state\r\n * @public\r\n */\r\nexport class ExpansionToggle extends React.PureComponent<ExpansionToggleProps> {\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-tree-expansionToggle\",\r\n      this.props.isExpanded && \"is-expanded\",\r\n      this.props.className);\r\n    const label = UiCore.translate(this.props.isExpanded ? \"tree.collapse\" : \"tree.expand\");\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div\r\n        onClick={this.props.onClick}\r\n        className={className}\r\n        style={this.props.style}\r\n        data-testid={this.props[\"data-testid\"]}\r\n        role=\"button\"\r\n        tabIndex={-1}\r\n        aria-label={label}\r\n      >\r\n        <Icon className=\"toggle icon\" iconSpec={<SvgChevronRight />} />\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAW7D;;GAEG;AACH,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,aAAmC;IAC5D,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,aAAa,EACtC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QACxB,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;QAExF,OAAO;QACL,iEAAiE;QACjE,6BACE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,iBACV,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,EACtC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,KAAK;YAEjB,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAI,CAC3D,CACP,CAAC;IACJ,CAAC;CACF","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 \"./ExpansionToggle.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { UiCore } from \"../UiCore\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\n\n/** Properties for the [[ExpansionToggle]] component\n * @public\n */\nexport interface ExpansionToggleProps extends CommonProps {\n  isExpanded?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  [\"data-testid\"]?: string;\n}\n\n/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state\n * @public\n */\nexport class ExpansionToggle extends React.PureComponent<ExpansionToggleProps> {\n  public override render() {\n    const className = classnames(\n      \"core-tree-expansionToggle\",\n      this.props.isExpanded && \"is-expanded\",\n      this.props.className);\n    const label = UiCore.translate(this.props.isExpanded ? \"tree.collapse\" : \"tree.expand\");\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        onClick={this.props.onClick}\n        className={className}\n        style={this.props.style}\n        data-testid={this.props[\"data-testid\"]}\n        role=\"button\"\n        tabIndex={-1}\n        aria-label={label}\n      >\n        <Icon className=\"toggle icon\" iconSpec={<SvgChevronRight />} />\n      </div>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/tree/ExpansionToggle.scss

@@ -1,31 +1,31 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.core-tree-expansionToggle {
-  &:focus {
-    outline: none;
-  }
-
-  > .toggle {
-    display: block;
-    width: 24px;
-    height: 24px;
-    padding: 6px;
-    font-size: 12px;
-    box-sizing: border-box;
-    transform: rotate(0);
-    transition: transform 100ms ease;
-    color: var(--iui-color-text);
-
-    svg {
-      width: 12px;
-      height: 12px;
-    }
-  }
-
-  &.is-expanded > .toggle {
-    transform: rotate( 90deg );
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.core-tree-expansionToggle {
+  &:focus {
+    outline: none;
+  }
+
+  > .toggle {
+    display: block;
+    width: 24px;
+    height: 24px;
+    padding: 6px;
+    font-size: 12px;
+    box-sizing: border-box;
+    transform: rotate(0);
+    transition: transform 100ms ease;
+    color: var(--iui-color-text);
+
+    svg {
+      width: 12px;
+      height: 12px;
+    }
+  }
+
+  &.is-expanded > .toggle {
+    transform: rotate( 90deg );
+  }
+}

package/lib/esm/core-react/tree/Node.d.ts

@@ -1,80 +1,80 @@
-/** @packageDocumentation
- * @module Tree
- */
-import "./Node.scss";
-import * as React from "react";
-import { CheckboxProps } from "@itwin/itwinui-react";
-import { CheckBoxState } from "../enums/CheckBoxState";
-import { CommonProps } from "../utils/Props";
-import { Omit } from "../utils/typeUtils";
-/** Props for node Checkbox renderer
- * @public
- */
-export declare type NodeCheckboxRenderProps = Omit<CheckboxProps, "onChange" | "onClick"> & {
-    onChange: (checked: boolean) => void;
-    onClick: (e: React.MouseEvent) => void;
-};
-/** Type for node Checkbox renderer
- * @public
- */
-export declare type NodeCheckboxRenderer = (props: NodeCheckboxRenderProps) => React.ReactNode;
-/** Number of pixels the node gets offset per each hierarchy level
- * @internal
- */
-export declare const LEVEL_OFFSET = 20;
-/** Properties for Tree Node CheckBox
- * @public
- */
-export interface NodeCheckboxProps {
-    /** State of the checkbox */
-    state?: CheckBoxState;
-    /** Click event callback */
-    onClick?: (newState: CheckBoxState) => void;
-    /** Indicates whether checkbox is disabled */
-    isDisabled?: boolean;
-    /** Tooltip to be displayed when mouse is hovered over checkbox */
-    tooltip?: string;
-}
-/** Properties for the [[TreeNode]] React component
- * @public
- */
-export interface TreeNodeProps extends CommonProps {
-    label: React.ReactNode;
-    level: number;
-    icon?: React.ReactChild;
-    /** Properties for the checkbox.
-     * @public */
-    checkboxProps?: NodeCheckboxProps;
-    isLeaf?: boolean;
-    isLoading?: boolean;
-    isExpanded?: boolean;
-    isFocused?: boolean;
-    isSelected?: boolean;
-    isHoverDisabled?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-    onContextMenu?: (e: React.MouseEvent) => void;
-    onMouseMove?: (e: React.MouseEvent) => void;
-    onMouseDown?: (e: React.MouseEvent) => void;
-    onMouseUp?: (e: React.MouseEvent) => void;
-    onClickExpansionToggle?: () => void;
-    children?: React.ReactNode;
-    /** Contains render overrides for different pieces of the node component. */
-    renderOverrides?: {
-        /** Callback to render a checkbox. Only called when checkbox is displayed. */
-        renderCheckbox?: NodeCheckboxRenderer;
-    };
-    ["data-testid"]?: string;
-}
-/** Presentation React component for a Tree node
- * @public
- */
-export declare class TreeNode extends React.Component<TreeNodeProps> {
-    constructor(props: TreeNodeProps);
-    render(): JSX.Element;
-    private createSubComponentTestId;
-    private _onCheckboxChange;
-    private _onCheckboxClick;
-    private _onClickExpansionToggle;
-    private _onClick;
-}
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./Node.scss";
+import * as React from "react";
+import { CheckboxProps } from "@itwin/itwinui-react";
+import { CheckBoxState } from "../enums/CheckBoxState";
+import { CommonProps } from "../utils/Props";
+import { Omit } from "../utils/typeUtils";
+/** Props for node Checkbox renderer
+ * @public
+ */
+export type NodeCheckboxRenderProps = Omit<CheckboxProps, "onChange" | "onClick"> & {
+    onChange: (checked: boolean) => void;
+    onClick: (e: React.MouseEvent) => void;
+};
+/** Type for node Checkbox renderer
+ * @public
+ */
+export type NodeCheckboxRenderer = (props: NodeCheckboxRenderProps) => React.ReactNode;
+/** Number of pixels the node gets offset per each hierarchy level
+ * @internal
+ */
+export declare const LEVEL_OFFSET = 20;
+/** Properties for Tree Node CheckBox
+ * @public
+ */
+export interface NodeCheckboxProps {
+    /** State of the checkbox */
+    state?: CheckBoxState;
+    /** Click event callback */
+    onClick?: (newState: CheckBoxState) => void;
+    /** Indicates whether checkbox is disabled */
+    isDisabled?: boolean;
+    /** Tooltip to be displayed when mouse is hovered over checkbox */
+    tooltip?: string;
+}
+/** Properties for the [[TreeNode]] React component
+ * @public
+ */
+export interface TreeNodeProps extends CommonProps {
+    label: React.ReactNode;
+    level: number;
+    icon?: React.ReactChild;
+    /** Properties for the checkbox.
+     * @public */
+    checkboxProps?: NodeCheckboxProps;
+    isLeaf?: boolean;
+    isLoading?: boolean;
+    isExpanded?: boolean;
+    isFocused?: boolean;
+    isSelected?: boolean;
+    isHoverDisabled?: boolean;
+    onClick?: (e: React.MouseEvent) => void;
+    onContextMenu?: (e: React.MouseEvent) => void;
+    onMouseMove?: (e: React.MouseEvent) => void;
+    onMouseDown?: (e: React.MouseEvent) => void;
+    onMouseUp?: (e: React.MouseEvent) => void;
+    onClickExpansionToggle?: () => void;
+    children?: React.ReactNode;
+    /** Contains render overrides for different pieces of the node component. */
+    renderOverrides?: {
+        /** Callback to render a checkbox. Only called when checkbox is displayed. */
+        renderCheckbox?: NodeCheckboxRenderer;
+    };
+    ["data-testid"]?: string;
+}
+/** Presentation React component for a Tree node
+ * @public
+ */
+export declare class TreeNode extends React.Component<TreeNodeProps> {
+    constructor(props: TreeNodeProps);
+    render(): JSX.Element;
+    private createSubComponentTestId;
+    private _onCheckboxChange;
+    private _onCheckboxClick;
+    private _onClickExpansionToggle;
+    private _onClick;
+}
 //# sourceMappingURL=Node.d.ts.map

package/lib/esm/core-react/tree/Node.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,aAAa,EAAkB,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C;;GAEG;AACH,oBAAY,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAClF,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;GAEG;AACH,oBAAY,oBAAoB,GAAG,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,YAAY,KAAK,CAAC;AAI/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB;iBACa;IACb,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,4EAA4E;IAC5E,eAAe,CAAC,EAAE;QAChB,6EAA6E;QAC7E,cAAc,CAAC,EAAE,oBAAoB,CAAC;KACvC,CAAC;IACF,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;gBAC9C,KAAK,EAAE,aAAa;IAIhB,MAAM;IA4EtB,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,uBAAuB,CAI7B;IAEF,OAAO,CAAC,QAAQ,CAGd;CACH"}
+{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,aAAa,EAAkB,MAAM,sBAAsB,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG1C;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,SAAS,CAAC,GAAG;IAClF,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC;AAEvF;;GAEG;AACH,eAAO,MAAM,YAAY,KAAK,CAAC;AAI/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,4BAA4B;IAC5B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5C,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,WAAW;IAChD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC;IACxB;iBACa;IACb,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,4EAA4E;IAC5E,eAAe,CAAC,EAAE;QAChB,6EAA6E;QAC7E,cAAc,CAAC,EAAE,oBAAoB,CAAC;KACvC,CAAC;IACF,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;GAEG;AACH,qBAAa,QAAS,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;gBAC9C,KAAK,EAAE,aAAa;IAIhB,MAAM;IA6EtB,OAAO,CAAC,wBAAwB;IAMhC,OAAO,CAAC,iBAAiB,CAGvB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,uBAAuB,CAI7B;IAEF,OAAO,CAAC,QAAQ,CAGd;CACH"}

package/lib/esm/core-react/tree/Node.js

@@ -1,85 +1,84 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-import "./Node.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Checkbox, ProgressRadial } from "@itwin/itwinui-react";
-import { CheckBoxState } from "../enums/CheckBoxState";
-import { ExpansionToggle } from "./ExpansionToggle";
-/** Number of pixels the node gets offset per each hierarchy level
- * @internal
- */
-export const LEVEL_OFFSET = 20;
-const EXPANSION_TOGGLE_WIDTH = 24;
-/** Presentation React component for a Tree node
- * @public
- */
-export class TreeNode extends React.Component {
-    constructor(props) {
-        super(props);
-        this._onCheckboxChange = (checked) => {
-            if (this.props.checkboxProps && this.props.checkboxProps.onClick && !this.props.checkboxProps.isDisabled)
-                this.props.checkboxProps.onClick(checked ? CheckBoxState.On : CheckBoxState.Off);
-        };
-        this._onCheckboxClick = (e) => {
-            e.stopPropagation();
-        };
-        this._onClickExpansionToggle = (e) => {
-            e.stopPropagation();
-            if (this.props.onClickExpansionToggle)
-                this.props.onClickExpansionToggle();
-        };
-        this._onClick = (e) => {
-            var _a, _b;
-            e.stopPropagation();
-            (_b = (_a = this.props).onClick) === null || _b === void 0 ? void 0 : _b.call(_a, e);
-        };
-    }
-    render() {
-        const className = classnames("core-tree-node", this.props.isFocused && "is-focused", this.props.isSelected && "is-selected", this.props.isHoverDisabled && "is-hover-disabled", this.props.className);
-        let offset = this.props.level * LEVEL_OFFSET;
-        if (!this.props.isLoading && this.props.isLeaf)
-            offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered
-        let checkbox;
-        if (this.props.checkboxProps) {
-            const props = {
-                label: "",
-                checked: this.props.checkboxProps.state === CheckBoxState.On,
-                indeterminate: this.props.checkboxProps.state === CheckBoxState.Partial,
-                disabled: this.props.checkboxProps.isDisabled,
-                title: this.props.checkboxProps.tooltip,
-                onClick: this._onCheckboxClick,
-                onChange: this._onCheckboxChange,
-            };
-            if (this.props.renderOverrides && this.props.renderOverrides.renderCheckbox) {
-                checkbox = this.props.renderOverrides.renderCheckbox(props);
-            }
-            else {
-                checkbox = (React.createElement(Checkbox, { ...props, onChange: (e) => this._onCheckboxChange(e.target.checked), "data-testid": this.createSubComponentTestId("checkbox") }));
-            }
-        }
-        const icon = this.props.icon ? (React.createElement("div", { className: "core-tree-node-icon" }, this.props.icon)) : undefined;
-        const toggle = (this.props.isLoading || this.props.isLeaf) ? undefined : (React.createElement(ExpansionToggle, { className: "expansion-toggle", "data-testid": this.createSubComponentTestId("expansion-toggle"), onClick: this._onClickExpansionToggle, isExpanded: this.props.isExpanded }));
-        return (
-        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-        React.createElement("div", { className: className, style: this.props.style, "data-testid": this.props["data-testid"], onClick: this._onClick, onContextMenu: this.props.onContextMenu, onMouseDown: this.props.onMouseDown, onMouseUp: this.props.onMouseUp, onMouseMove: this.props.onMouseMove, role: "treeitem", tabIndex: -1 },
-            React.createElement("div", { className: "contents", style: { marginLeft: offset }, "data-testid": this.createSubComponentTestId("contents") },
-                this.props.isLoading && React.createElement(ProgressRadial, { size: "x-small", indeterminate: true }),
-                toggle,
-                checkbox,
-                icon,
-                this.props.label),
-            this.props.children));
-    }
-    createSubComponentTestId(subId) {
-        if (!this.props["data-testid"])
-            return undefined;
-        return `${this.props["data-testid"]}-${subId}`;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+import "./Node.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Checkbox, ProgressRadial } from "@itwin/itwinui-react";
+import { CheckBoxState } from "../enums/CheckBoxState";
+import { ExpansionToggle } from "./ExpansionToggle";
+/** Number of pixels the node gets offset per each hierarchy level
+ * @internal
+ */
+export const LEVEL_OFFSET = 20;
+const EXPANSION_TOGGLE_WIDTH = 24;
+/** Presentation React component for a Tree node
+ * @public
+ */
+export class TreeNode extends React.Component {
+    constructor(props) {
+        super(props);
+        this._onCheckboxChange = (checked) => {
+            if (this.props.checkboxProps && this.props.checkboxProps.onClick && !this.props.checkboxProps.isDisabled)
+                this.props.checkboxProps.onClick(checked ? CheckBoxState.On : CheckBoxState.Off);
+        };
+        this._onCheckboxClick = (e) => {
+            e.stopPropagation();
+        };
+        this._onClickExpansionToggle = (e) => {
+            e.stopPropagation();
+            if (this.props.onClickExpansionToggle)
+                this.props.onClickExpansionToggle();
+        };
+        this._onClick = (e) => {
+            e.stopPropagation();
+            this.props.onClick?.(e);
+        };
+    }
+    render() {
+        const className = classnames("core-tree-node", this.props.isFocused && "is-focused", this.props.isSelected && "is-selected", this.props.isHoverDisabled && "is-hover-disabled", this.props.className);
+        let offset = this.props.level * LEVEL_OFFSET;
+        if (!this.props.isLoading && this.props.isLeaf)
+            offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered
+        let checkbox;
+        if (this.props.checkboxProps) {
+            const props = {
+                label: "",
+                checked: this.props.checkboxProps.state === CheckBoxState.On,
+                indeterminate: this.props.checkboxProps.state === CheckBoxState.Partial,
+                disabled: this.props.checkboxProps.isDisabled,
+                title: this.props.checkboxProps.tooltip,
+                onClick: this._onCheckboxClick,
+                onChange: this._onCheckboxChange,
+            };
+            if (this.props.renderOverrides && this.props.renderOverrides.renderCheckbox) {
+                checkbox = this.props.renderOverrides.renderCheckbox(props);
+            }
+            else {
+                checkbox = (React.createElement(Checkbox, { ...props, onChange: (e) => this._onCheckboxChange(e.target.checked), "data-testid": this.createSubComponentTestId("checkbox") }));
+            }
+        }
+        const icon = this.props.icon ? (React.createElement("div", { className: "core-tree-node-icon" }, this.props.icon)) : undefined;
+        const toggle = (this.props.isLoading || this.props.isLeaf) ? undefined : (React.createElement(ExpansionToggle, { className: "expansion-toggle", "data-testid": this.createSubComponentTestId("expansion-toggle"), onClick: this._onClickExpansionToggle, isExpanded: this.props.isExpanded }));
+        return (
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+        React.createElement("div", { className: className, style: this.props.style, "data-testid": this.props["data-testid"], onClick: this._onClick, onContextMenu: this.props.onContextMenu, onMouseDown: this.props.onMouseDown, onMouseUp: this.props.onMouseUp, onMouseMove: this.props.onMouseMove, role: "treeitem", "aria-selected": (this.props.isSelected) ? "true" : "false", tabIndex: -1 },
+            React.createElement("div", { className: "contents", style: { marginLeft: offset }, "data-testid": this.createSubComponentTestId("contents") },
+                this.props.isLoading && React.createElement(ProgressRadial, { size: "x-small", indeterminate: true }),
+                toggle,
+                checkbox,
+                icon,
+                this.props.label),
+            this.props.children));
+    }
+    createSubComponentTestId(subId) {
+        if (!this.props["data-testid"])
+            return undefined;
+        return `${this.props["data-testid"]}-${subId}`;
+    }
+}
 //# sourceMappingURL=Node.js.map

package/lib/esm/core-react/tree/Node.js.map

@@ -1 +1 @@
-{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.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 Tree\r\n */\r\n\r\nimport \"./Node.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { Checkbox, CheckboxProps, ProgressRadial } from \"@itwin/itwinui-react\";\r\nimport { CheckBoxState } from \"../enums/CheckBoxState\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Omit } from \"../utils/typeUtils\";\r\nimport { ExpansionToggle } from \"./ExpansionToggle\";\r\n\r\n/** Props for node Checkbox renderer\r\n * @public\r\n */\r\nexport type NodeCheckboxRenderProps = Omit<CheckboxProps, \"onChange\" | \"onClick\"> & {\r\n  onChange: (checked: boolean) => void;\r\n  onClick: (e: React.MouseEvent) => void;\r\n};\r\n\r\n/** Type for node Checkbox renderer\r\n * @public\r\n */\r\nexport type NodeCheckboxRenderer = (props: NodeCheckboxRenderProps) => React.ReactNode;\r\n\r\n/** Number of pixels the node gets offset per each hierarchy level\r\n * @internal\r\n */\r\nexport const LEVEL_OFFSET = 20;\r\n\r\nconst EXPANSION_TOGGLE_WIDTH = 24;\r\n\r\n/** Properties for Tree Node CheckBox\r\n * @public\r\n */\r\nexport interface NodeCheckboxProps {\r\n  /** State of the checkbox */\r\n  state?: CheckBoxState;\r\n  /** Click event callback */\r\n  onClick?: (newState: CheckBoxState) => void;\r\n  /** Indicates whether checkbox is disabled */\r\n  isDisabled?: boolean;\r\n  /** Tooltip to be displayed when mouse is hovered over checkbox */\r\n  tooltip?: string;\r\n}\r\n\r\n/** Properties for the [[TreeNode]] React component\r\n * @public\r\n */\r\nexport interface TreeNodeProps extends CommonProps {\r\n  label: React.ReactNode;\r\n  level: number;\r\n  icon?: React.ReactChild;\r\n  /** Properties for the checkbox.\r\n   * @public */\r\n  checkboxProps?: NodeCheckboxProps;\r\n  isLeaf?: boolean;\r\n  isLoading?: boolean;\r\n  isExpanded?: boolean;\r\n  isFocused?: boolean;\r\n  isSelected?: boolean;\r\n  isHoverDisabled?: boolean;\r\n  onClick?: (e: React.MouseEvent) => void;\r\n  onContextMenu?: (e: React.MouseEvent) => void;\r\n  onMouseMove?: (e: React.MouseEvent) => void;\r\n  onMouseDown?: (e: React.MouseEvent) => void;\r\n  onMouseUp?: (e: React.MouseEvent) => void;\r\n  onClickExpansionToggle?: () => void;\r\n  children?: React.ReactNode;\r\n\r\n  /** Contains render overrides for different pieces of the node component. */\r\n  renderOverrides?: {\r\n    /** Callback to render a checkbox. Only called when checkbox is displayed. */\r\n    renderCheckbox?: NodeCheckboxRenderer;\r\n  };\r\n  [\"data-testid\"]?: string;\r\n}\r\n\r\n/** Presentation React component for a Tree node\r\n * @public\r\n */\r\nexport class TreeNode extends React.Component<TreeNodeProps> {\r\n  constructor(props: TreeNodeProps) {\r\n    super(props);\r\n  }\r\n\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-tree-node\",\r\n      this.props.isFocused && \"is-focused\",\r\n      this.props.isSelected && \"is-selected\",\r\n      this.props.isHoverDisabled && \"is-hover-disabled\",\r\n      this.props.className);\r\n    let offset = this.props.level * LEVEL_OFFSET;\r\n    if (!this.props.isLoading && this.props.isLeaf)\r\n      offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered\r\n\r\n    let checkbox: React.ReactNode;\r\n    if (this.props.checkboxProps) {\r\n      const props: NodeCheckboxRenderProps = {\r\n        label: \"\",\r\n        checked: this.props.checkboxProps.state === CheckBoxState.On,\r\n        indeterminate: this.props.checkboxProps.state === CheckBoxState.Partial,\r\n        disabled: this.props.checkboxProps.isDisabled,\r\n        title: this.props.checkboxProps.tooltip,\r\n        onClick: this._onCheckboxClick,\r\n        onChange: this._onCheckboxChange,\r\n      };\r\n      if (this.props.renderOverrides && this.props.renderOverrides.renderCheckbox) {\r\n        checkbox = this.props.renderOverrides.renderCheckbox(props);\r\n      } else {\r\n        checkbox = (\r\n          <Checkbox\r\n            {...props}\r\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => this._onCheckboxChange(e.target.checked)}\r\n            data-testid={this.createSubComponentTestId(\"checkbox\")}\r\n          />\r\n        );\r\n      }\r\n    }\r\n\r\n    const icon = this.props.icon ? (<div className=\"core-tree-node-icon\">{this.props.icon}</div>) : undefined;\r\n\r\n    const toggle = (this.props.isLoading || this.props.isLeaf) ? undefined : (\r\n      <ExpansionToggle\r\n        className=\"expansion-toggle\"\r\n        data-testid={this.createSubComponentTestId(\"expansion-toggle\")}\r\n        onClick={this._onClickExpansionToggle}\r\n        isExpanded={this.props.isExpanded}\r\n      />\r\n    );\r\n\r\n    return (\r\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\r\n      <div\r\n        className={className}\r\n        style={this.props.style}\r\n        data-testid={this.props[\"data-testid\"]}\r\n        onClick={this._onClick}\r\n        onContextMenu={this.props.onContextMenu}\r\n        onMouseDown={this.props.onMouseDown}\r\n        onMouseUp={this.props.onMouseUp}\r\n        onMouseMove={this.props.onMouseMove}\r\n        role=\"treeitem\"\r\n        tabIndex={-1}\r\n      >\r\n        <div\r\n          className=\"contents\"\r\n          style={{ marginLeft: offset }}\r\n          data-testid={this.createSubComponentTestId(\"contents\")}\r\n        >\r\n          {this.props.isLoading && <ProgressRadial size=\"x-small\" indeterminate />}\r\n          {toggle}\r\n          {checkbox}\r\n          {icon}\r\n          {this.props.label}\r\n        </div>\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private createSubComponentTestId(subId: string): string | undefined {\r\n    if (!this.props[\"data-testid\"])\r\n      return undefined;\r\n    return `${this.props[\"data-testid\"]}-${subId}`;\r\n  }\r\n\r\n  private _onCheckboxChange = (checked: boolean) => {\r\n    if (this.props.checkboxProps && this.props.checkboxProps.onClick && !this.props.checkboxProps.isDisabled)\r\n      this.props.checkboxProps.onClick(checked ? CheckBoxState.On : CheckBoxState.Off);\r\n  };\r\n\r\n  private _onCheckboxClick = (e: React.MouseEvent) => {\r\n    e.stopPropagation();\r\n  };\r\n\r\n  private _onClickExpansionToggle = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    e.stopPropagation();\r\n    if (this.props.onClickExpansionToggle)\r\n      this.props.onClickExpansionToggle();\r\n  };\r\n\r\n  private _onClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    e.stopPropagation();\r\n    this.props.onClick?.(e);\r\n  };\r\n}\r\n"]}
+{"version":3,"file":"Node.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.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 Tree\n */\n\nimport \"./Node.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Checkbox, CheckboxProps, ProgressRadial } from \"@itwin/itwinui-react\";\nimport { CheckBoxState } from \"../enums/CheckBoxState\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Omit } from \"../utils/typeUtils\";\nimport { ExpansionToggle } from \"./ExpansionToggle\";\n\n/** Props for node Checkbox renderer\n * @public\n */\nexport type NodeCheckboxRenderProps = Omit<CheckboxProps, \"onChange\" | \"onClick\"> & {\n  onChange: (checked: boolean) => void;\n  onClick: (e: React.MouseEvent) => void;\n};\n\n/** Type for node Checkbox renderer\n * @public\n */\nexport type NodeCheckboxRenderer = (props: NodeCheckboxRenderProps) => React.ReactNode;\n\n/** Number of pixels the node gets offset per each hierarchy level\n * @internal\n */\nexport const LEVEL_OFFSET = 20;\n\nconst EXPANSION_TOGGLE_WIDTH = 24;\n\n/** Properties for Tree Node CheckBox\n * @public\n */\nexport interface NodeCheckboxProps {\n  /** State of the checkbox */\n  state?: CheckBoxState;\n  /** Click event callback */\n  onClick?: (newState: CheckBoxState) => void;\n  /** Indicates whether checkbox is disabled */\n  isDisabled?: boolean;\n  /** Tooltip to be displayed when mouse is hovered over checkbox */\n  tooltip?: string;\n}\n\n/** Properties for the [[TreeNode]] React component\n * @public\n */\nexport interface TreeNodeProps extends CommonProps {\n  label: React.ReactNode;\n  level: number;\n  icon?: React.ReactChild;\n  /** Properties for the checkbox.\n   * @public */\n  checkboxProps?: NodeCheckboxProps;\n  isLeaf?: boolean;\n  isLoading?: boolean;\n  isExpanded?: boolean;\n  isFocused?: boolean;\n  isSelected?: boolean;\n  isHoverDisabled?: boolean;\n  onClick?: (e: React.MouseEvent) => void;\n  onContextMenu?: (e: React.MouseEvent) => void;\n  onMouseMove?: (e: React.MouseEvent) => void;\n  onMouseDown?: (e: React.MouseEvent) => void;\n  onMouseUp?: (e: React.MouseEvent) => void;\n  onClickExpansionToggle?: () => void;\n  children?: React.ReactNode;\n\n  /** Contains render overrides for different pieces of the node component. */\n  renderOverrides?: {\n    /** Callback to render a checkbox. Only called when checkbox is displayed. */\n    renderCheckbox?: NodeCheckboxRenderer;\n  };\n  [\"data-testid\"]?: string;\n}\n\n/** Presentation React component for a Tree node\n * @public\n */\nexport class TreeNode extends React.Component<TreeNodeProps> {\n  constructor(props: TreeNodeProps) {\n    super(props);\n  }\n\n  public override render() {\n    const className = classnames(\n      \"core-tree-node\",\n      this.props.isFocused && \"is-focused\",\n      this.props.isSelected && \"is-selected\",\n      this.props.isHoverDisabled && \"is-hover-disabled\",\n      this.props.className);\n    let offset = this.props.level * LEVEL_OFFSET;\n    if (!this.props.isLoading && this.props.isLeaf)\n      offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered\n\n    let checkbox: React.ReactNode;\n    if (this.props.checkboxProps) {\n      const props: NodeCheckboxRenderProps = {\n        label: \"\",\n        checked: this.props.checkboxProps.state === CheckBoxState.On,\n        indeterminate: this.props.checkboxProps.state === CheckBoxState.Partial,\n        disabled: this.props.checkboxProps.isDisabled,\n        title: this.props.checkboxProps.tooltip,\n        onClick: this._onCheckboxClick,\n        onChange: this._onCheckboxChange,\n      };\n      if (this.props.renderOverrides && this.props.renderOverrides.renderCheckbox) {\n        checkbox = this.props.renderOverrides.renderCheckbox(props);\n      } else {\n        checkbox = (\n          <Checkbox\n            {...props}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => this._onCheckboxChange(e.target.checked)}\n            data-testid={this.createSubComponentTestId(\"checkbox\")}\n          />\n        );\n      }\n    }\n\n    const icon = this.props.icon ? (<div className=\"core-tree-node-icon\">{this.props.icon}</div>) : undefined;\n\n    const toggle = (this.props.isLoading || this.props.isLeaf) ? undefined : (\n      <ExpansionToggle\n        className=\"expansion-toggle\"\n        data-testid={this.createSubComponentTestId(\"expansion-toggle\")}\n        onClick={this._onClickExpansionToggle}\n        isExpanded={this.props.isExpanded}\n      />\n    );\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={className}\n        style={this.props.style}\n        data-testid={this.props[\"data-testid\"]}\n        onClick={this._onClick}\n        onContextMenu={this.props.onContextMenu}\n        onMouseDown={this.props.onMouseDown}\n        onMouseUp={this.props.onMouseUp}\n        onMouseMove={this.props.onMouseMove}\n        role=\"treeitem\"\n        aria-selected={(this.props.isSelected) ? \"true\" : \"false\"}\n        tabIndex={-1}\n      >\n        <div\n          className=\"contents\"\n          style={{ marginLeft: offset }}\n          data-testid={this.createSubComponentTestId(\"contents\")}\n        >\n          {this.props.isLoading && <ProgressRadial size=\"x-small\" indeterminate />}\n          {toggle}\n          {checkbox}\n          {icon}\n          {this.props.label}\n        </div>\n        {this.props.children}\n      </div>\n    );\n  }\n\n  private createSubComponentTestId(subId: string): string | undefined {\n    if (!this.props[\"data-testid\"])\n      return undefined;\n    return `${this.props[\"data-testid\"]}-${subId}`;\n  }\n\n  private _onCheckboxChange = (checked: boolean) => {\n    if (this.props.checkboxProps && this.props.checkboxProps.onClick && !this.props.checkboxProps.isDisabled)\n      this.props.checkboxProps.onClick(checked ? CheckBoxState.On : CheckBoxState.Off);\n  };\n\n  private _onCheckboxClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n  };\n\n  private _onClickExpansionToggle = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    if (this.props.onClickExpansionToggle)\n      this.props.onClickExpansionToggle();\n  };\n\n  private _onClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    this.props.onClick?.(e);\n  };\n}\n"]}