@itwin/core-react 3.6.1 → 3.6.3

package/lib/esm/core-react/tooltip/Tooltip.js

@@ -1,52 +1,52 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Tooltip
- */
-/* eslint-disable deprecation/deprecation */
-import "./Tooltip.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Popup } from "../popup/Popup";
-import { RelativePosition } from "@itwin/appui-abstract";
-/** Component that displays tooltip for a specified target element.
- * @beta
- * @deprecated in 3.0. Use Tooltip in itwinui-react instead
- */
-export function Tooltip(props) {
-    const { visible, target, placement } = props;
-    const [open, setOpen] = React.useState(false);
-    React.useEffect(() => {
-        const mouseenter = () => {
-            setOpen(true);
-        };
-        const mouseleave = () => {
-            setOpen(false);
-        };
-        visible === undefined && target && target.addEventListener("mouseenter", mouseenter);
-        visible === undefined && target && target.addEventListener("mouseleave", mouseleave);
-        return () => {
-            visible === undefined && target && target.removeEventListener("mouseenter", mouseenter);
-            visible === undefined && target && target.removeEventListener("mouseleave", mouseleave);
-        };
-    }, [visible, target]);
-    const className = classnames("core-tooltip-tooltip", props.className);
-    return (React.createElement(Popup, { className: className, isOpen: props.visible === undefined ? open : props.visible, position: placementToPosition(placement), showShadow: false, target: target }, props.children));
-}
-/** @internal */
-export function placementToPosition(placement) {
-    switch (placement) {
-        case "bottom":
-            return RelativePosition.Bottom;
-        case "left":
-            return RelativePosition.Left;
-        case "right":
-            return RelativePosition.Right;
-        case undefined:
-        case "top":
-            return RelativePosition.Top;
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tooltip
+ */
+/* eslint-disable deprecation/deprecation */
+import "./Tooltip.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Popup } from "../popup/Popup";
+import { RelativePosition } from "@itwin/appui-abstract";
+/** Component that displays tooltip for a specified target element.
+ * @beta
+ * @deprecated in 3.0. Use Tooltip in itwinui-react instead
+ */
+export function Tooltip(props) {
+    const { visible, target, placement } = props;
+    const [open, setOpen] = React.useState(false);
+    React.useEffect(() => {
+        const mouseenter = () => {
+            setOpen(true);
+        };
+        const mouseleave = () => {
+            setOpen(false);
+        };
+        visible === undefined && target && target.addEventListener("mouseenter", mouseenter);
+        visible === undefined && target && target.addEventListener("mouseleave", mouseleave);
+        return () => {
+            visible === undefined && target && target.removeEventListener("mouseenter", mouseenter);
+            visible === undefined && target && target.removeEventListener("mouseleave", mouseleave);
+        };
+    }, [visible, target]);
+    const className = classnames("core-tooltip-tooltip", props.className);
+    return (React.createElement(Popup, { className: className, isOpen: props.visible === undefined ? open : props.visible, position: placementToPosition(placement), showShadow: false, target: target }, props.children));
+}
+/** @internal */
+export function placementToPosition(placement) {
+    switch (placement) {
+        case "bottom":
+            return RelativePosition.Bottom;
+        case "left":
+            return RelativePosition.Left;
+        case "right":
+            return RelativePosition.Right;
+        case undefined:
+        case "top":
+            return RelativePosition.Top;
+    }
+}
 //# sourceMappingURL=Tooltip.js.map

package/lib/esm/core-react/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/core-react/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,4CAA4C;AAE5C,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAuBzD;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QACrF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QACrF,OAAO,GAAG,EAAE;YACV,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;YACxF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAC1F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACtB,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC1D,QAAQ,EAAE,mBAAmB,CAAC,SAAS,CAAC,EACxC,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,mBAAmB,CAAC,SAAuC;IACzE,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAC,MAAM,CAAC;QACjC,KAAK,MAAM;YACT,OAAO,gBAAgB,CAAC,IAAI,CAAC;QAC/B,KAAK,OAAO;YACV,OAAO,gBAAgB,CAAC,KAAK,CAAC;QAChC,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,gBAAgB,CAAC,GAAG,CAAC;KAC/B;AACH,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 Tooltip\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport \"./Tooltip.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\nimport { Popup } from \"../popup/Popup\";\r\nimport { RelativePosition } from \"@itwin/appui-abstract\";\r\n\r\n/** Available tooltip placements.\r\n * @beta\r\n * @deprecated in 3.0. Use Placement in itwinui-react instead\r\n */\r\nexport type TooltipPlacement = \"bottom\" | \"left\" | \"right\" | \"top\";\r\n\r\n/** Properties for the [[Tooltip]] component\r\n * @beta\r\n * @deprecated in 3.0. Use TooltipProps in itwinui-react instead\r\n */\r\nexport interface TooltipProps extends CommonProps {\r\n  /** Tooltip content. */\r\n  children?: React.ReactNode;\r\n  /** Target element of a tooltip. */\r\n  target?: HTMLElement;\r\n  /** Allows to control tooltip visibility state. */\r\n  visible?: boolean;\r\n  /** Preferred tooltip placement. Defaults to `top`. */\r\n  placement?: TooltipPlacement;\r\n}\r\n\r\n/** Component that displays tooltip for a specified target element.\r\n * @beta\r\n * @deprecated in 3.0. Use Tooltip in itwinui-react instead\r\n */\r\nexport function Tooltip(props: TooltipProps) {\r\n  const { visible, target, placement } = props;\r\n  const [open, setOpen] = React.useState(false);\r\n  React.useEffect(() => {\r\n    const mouseenter = () => {\r\n      setOpen(true);\r\n    };\r\n    const mouseleave = () => {\r\n      setOpen(false);\r\n    };\r\n    visible === undefined && target && target.addEventListener(\"mouseenter\", mouseenter);\r\n    visible === undefined && target && target.addEventListener(\"mouseleave\", mouseleave);\r\n    return () => {\r\n      visible === undefined && target && target.removeEventListener(\"mouseenter\", mouseenter);\r\n      visible === undefined && target && target.removeEventListener(\"mouseleave\", mouseleave);\r\n    };\r\n  }, [visible, target]);\r\n  const className = classnames(\r\n    \"core-tooltip-tooltip\",\r\n    props.className,\r\n  );\r\n  return (\r\n    <Popup\r\n      className={className}\r\n      isOpen={props.visible === undefined ? open : props.visible}\r\n      position={placementToPosition(placement)}\r\n      showShadow={false}\r\n      target={target}\r\n    >\r\n      {props.children}\r\n    </Popup>\r\n  );\r\n}\r\n\r\n/** @internal */\r\nexport function placementToPosition(placement: TooltipPlacement | undefined): RelativePosition {\r\n  switch (placement) {\r\n    case \"bottom\":\r\n      return RelativePosition.Bottom;\r\n    case \"left\":\r\n      return RelativePosition.Left;\r\n    case \"right\":\r\n      return RelativePosition.Right;\r\n    case undefined:\r\n    case \"top\":\r\n      return RelativePosition.Top;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/core-react/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,4CAA4C;AAE5C,OAAO,gBAAgB,CAAC;AACxB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAuBzD;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,KAAmB;IACzC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC;QACF,MAAM,UAAU,GAAG,GAAG,EAAE;YACtB,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QACF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QACrF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QACrF,OAAO,GAAG,EAAE;YACV,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;YACxF,OAAO,KAAK,SAAS,IAAI,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;QAC1F,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IACtB,MAAM,SAAS,GAAG,UAAU,CAC1B,sBAAsB,EACtB,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,EAC1D,QAAQ,EAAE,mBAAmB,CAAC,SAAS,CAAC,EACxC,UAAU,EAAE,KAAK,EACjB,MAAM,EAAE,MAAM,IAEb,KAAK,CAAC,QAAQ,CACT,CACT,CAAC;AACJ,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,mBAAmB,CAAC,SAAuC;IACzE,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAC,MAAM,CAAC;QACjC,KAAK,MAAM;YACT,OAAO,gBAAgB,CAAC,IAAI,CAAC;QAC/B,KAAK,OAAO;YACV,OAAO,gBAAgB,CAAC,KAAK,CAAC;QAChC,KAAK,SAAS,CAAC;QACf,KAAK,KAAK;YACR,OAAO,gBAAgB,CAAC,GAAG,CAAC;KAC/B;AACH,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 Tooltip\n */\n\n/* eslint-disable deprecation/deprecation */\n\nimport \"./Tooltip.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\nimport { Popup } from \"../popup/Popup\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\n\n/** Available tooltip placements.\n * @beta\n * @deprecated in 3.0. Use Placement in itwinui-react instead\n */\nexport type TooltipPlacement = \"bottom\" | \"left\" | \"right\" | \"top\";\n\n/** Properties for the [[Tooltip]] component\n * @beta\n * @deprecated in 3.0. Use TooltipProps in itwinui-react instead\n */\nexport interface TooltipProps extends CommonProps {\n  /** Tooltip content. */\n  children?: React.ReactNode;\n  /** Target element of a tooltip. */\n  target?: HTMLElement;\n  /** Allows to control tooltip visibility state. */\n  visible?: boolean;\n  /** Preferred tooltip placement. Defaults to `top`. */\n  placement?: TooltipPlacement;\n}\n\n/** Component that displays tooltip for a specified target element.\n * @beta\n * @deprecated in 3.0. Use Tooltip in itwinui-react instead\n */\nexport function Tooltip(props: TooltipProps) {\n  const { visible, target, placement } = props;\n  const [open, setOpen] = React.useState(false);\n  React.useEffect(() => {\n    const mouseenter = () => {\n      setOpen(true);\n    };\n    const mouseleave = () => {\n      setOpen(false);\n    };\n    visible === undefined && target && target.addEventListener(\"mouseenter\", mouseenter);\n    visible === undefined && target && target.addEventListener(\"mouseleave\", mouseleave);\n    return () => {\n      visible === undefined && target && target.removeEventListener(\"mouseenter\", mouseenter);\n      visible === undefined && target && target.removeEventListener(\"mouseleave\", mouseleave);\n    };\n  }, [visible, target]);\n  const className = classnames(\n    \"core-tooltip-tooltip\",\n    props.className,\n  );\n  return (\n    <Popup\n      className={className}\n      isOpen={props.visible === undefined ? open : props.visible}\n      position={placementToPosition(placement)}\n      showShadow={false}\n      target={target}\n    >\n      {props.children}\n    </Popup>\n  );\n}\n\n/** @internal */\nexport function placementToPosition(placement: TooltipPlacement | undefined): RelativePosition {\n  switch (placement) {\n    case \"bottom\":\n      return RelativePosition.Bottom;\n    case \"left\":\n      return RelativePosition.Left;\n    case \"right\":\n      return RelativePosition.Right;\n    case undefined:\n    case \"top\":\n      return RelativePosition.Top;\n  }\n}\n"]}

package/lib/esm/core-react/tooltip/Tooltip.scss

@@ -1,18 +1,18 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-@import "../z-index";
-
-.core-tooltip-tooltip {
-  animation-name: none !important;
-  max-width: 400px;
-  font-size: 14px;
-  background-color: $buic-background-tooltip;
-  text-align: center;
-  border: 1px solid $buic-foreground-disabled;
-  padding: 2px 6px;
-
-  @include uicore-z-index(tooltip);
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/themecolors";
+@import "../z-index";
+
+.core-tooltip-tooltip {
+  animation-name: none !important;
+  max-width: 400px;
+  font-size: 14px;
+  background-color: $buic-background-tooltip;
+  text-align: center;
+  border: 1px solid $buic-foreground-disabled;
+  padding: 2px 6px;
+
+  @include uicore-z-index(tooltip);
+}

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

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Tree
- */
-import "./Branch.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for [[TreeBranch]] React component
- * @public
- */
-export interface TreeBranchProps extends CommonProps {
-    /** Child nodes of the tree branch */
-    children?: React.ReactNode;
-}
-/** Presentation React component for a Tree branch
- * @public
- */
-export declare class TreeBranch extends React.PureComponent<TreeBranchProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./Branch.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for [[TreeBranch]] React component
+ * @public
+ */
+export interface TreeBranchProps extends CommonProps {
+    /** Child nodes of the tree branch */
+    children?: React.ReactNode;
+}
+/** Presentation React component for a Tree branch
+ * @public
+ */
+export declare class TreeBranch extends React.PureComponent<TreeBranchProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=Branch.d.ts.map

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

@@ -1,20 +1,20 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./Branch.scss";
-import classnames from "classnames";
-import * as React from "react";
-/** Presentation React component for a Tree branch
- * @public
- */
-export class TreeBranch extends React.PureComponent {
-    render() {
-        const className = classnames("core-tree-branch", this.props.className);
-        return (React.createElement("div", { className: className, style: this.props.style }, this.props.children));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./Branch.scss";
+import classnames from "classnames";
+import * as React from "react";
+/** Presentation React component for a Tree branch
+ * @public
+ */
+export class TreeBranch extends React.PureComponent {
+    render() {
+        const className = classnames("core-tree-branch", this.props.className);
+        return (React.createElement("div", { className: className, style: this.props.style }, this.props.children));
+    }
+}
 //# sourceMappingURL=Branch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Branch.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Branch.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAExB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,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 \"./Branch.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[TreeBranch]] React component\r\n * @public\r\n */\r\nexport interface TreeBranchProps extends CommonProps {\r\n  /** Child nodes of the tree branch */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/** Presentation React component for a Tree branch\r\n * @public\r\n */\r\nexport class TreeBranch extends React.PureComponent<TreeBranchProps> {\r\n  public override render() {\r\n    const className = classnames(\r\n      \"core-tree-branch\",\r\n      this.props.className);\r\n\r\n    return (\r\n      <div\r\n        className={className}\r\n        style={this.props.style}\r\n      >\r\n        {this.props.children}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"Branch.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Branch.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B;;GAEG;AACH,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAC1B,kBAAkB,EAClB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAExB,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAEtB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAChB,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 \"./Branch.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for [[TreeBranch]] React component\n * @public\n */\nexport interface TreeBranchProps extends CommonProps {\n  /** Child nodes of the tree branch */\n  children?: React.ReactNode;\n}\n\n/** Presentation React component for a Tree branch\n * @public\n */\nexport class TreeBranch extends React.PureComponent<TreeBranchProps> {\n  public override render() {\n    const className = classnames(\n      \"core-tree-branch\",\n      this.props.className);\n\n    return (\n      <div\n        className={className}\n        style={this.props.style}\n      >\n        {this.props.children}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,13 +1,13 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.core-tree-branch {
-  display: block;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0 0 0 20px;
-  width: fit-content;
-  min-width: 100%;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.core-tree-branch {
+  display: block;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0 0 0 20px;
+  width: fit-content;
+  min-width: 100%;
 }

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

@@ -1,21 +1,21 @@
-/** @packageDocumentation
- * @module Tree
- */
-import "./ExpansionToggle.scss";
-import * as React from "react";
-import { CommonProps } from "../utils/Props";
-/** Properties for the [[ExpansionToggle]] component
- * @public
- */
-export interface ExpansionToggleProps extends CommonProps {
-    isExpanded?: boolean;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    ["data-testid"]?: string;
-}
-/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
- * @public
- */
-export declare class ExpansionToggle extends React.PureComponent<ExpansionToggleProps> {
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./ExpansionToggle.scss";
+import * as React from "react";
+import { CommonProps } from "../utils/Props";
+/** Properties for the [[ExpansionToggle]] component
+ * @public
+ */
+export interface ExpansionToggleProps extends CommonProps {
+    isExpanded?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    ["data-testid"]?: string;
+}
+/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
+ * @public
+ */
+export declare class ExpansionToggle extends React.PureComponent<ExpansionToggleProps> {
+    render(): JSX.Element;
+}
 //# sourceMappingURL=ExpansionToggle.d.ts.map

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

@@ -1,25 +1,25 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-/** 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("i", { className: "toggle icon icon-chevron-right" })));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** 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("i", { className: "toggle icon icon-chevron-right" })));
+    }
+}
 //# 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;AAWnC;;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,2BAAG,SAAS,EAAC,gCAAgC,GAAG,CAC5C,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\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        <i className=\"toggle icon icon-chevron-right\" />\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;AAWnC;;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,2BAAG,SAAS,EAAC,gCAAgC,GAAG,CAC5C,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\";\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        <i className=\"toggle icon icon-chevron-right\" />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,28 +1,28 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors.scss";
-
-.core-tree-expansionToggle {
-  &:focus {
-    outline: none;
-  }
-
-  > .toggle {
-
-    display: block;
-    width: 24px;
-    height: 24px;
-    padding: 7px;
-    font-size: 12px;
-    box-sizing: border-box;
-    transform: rotate(0);
-    transition: transform 100ms ease;
-    color: $buic-foreground-body;
-  }
-
-  &.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.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/themecolors.scss";
+
+.core-tree-expansionToggle {
+  &:focus {
+    outline: none;
+  }
+
+  > .toggle {
+
+    display: block;
+    width: 24px;
+    height: 24px;
+    padding: 7px;
+    font-size: 12px;
+    box-sizing: border-box;
+    transform: rotate(0);
+    transition: transform 100ms ease;
+    color: $buic-foreground-body;
+  }
+
+  &.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 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;
+}
 //# sourceMappingURL=Node.d.ts.map