@itwin/core-react 4.17.1 → 5.0.0-dev.2

package/lib/esm/core-react/text/MutedText.js

@@ -1,19 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Text
- */
-import * as React from "react";
-import { StyledText } from "./StyledText";
-/** Styled muted/gray text React functional component
- * @public
- * @deprecated in 4.0.0. Use \<Text isMuted /\> from iTwinUI-react package.
- */
-// eslint-disable-next-line deprecation/deprecation
-export function MutedText(props) {
-    // eslint-disable-next-line deprecation/deprecation
-    return React.createElement(StyledText, { ...props, mainClassName: "uicore-text-muted" });
-}
-//# sourceMappingURL=MutedText.js.map

package/lib/esm/core-react/text/MutedText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MutedText.js","sourceRoot":"","sources":["../../../../src/core-react/text/MutedText.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAG1C;;;GAGG;AACH,mDAAmD;AACnD,MAAM,UAAU,SAAS,CAAC,KAAgB;IACxC,mDAAmD;IACnD,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,aAAa,EAAC,mBAAmB,GAAG,CAAC;AACrE,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 Text\n */\n\nimport * as React from \"react\";\nimport { StyledText } from \"./StyledText\";\nimport type { TextProps } from \"./TextProps\";\n\n/** Styled muted/gray text React functional component\n * @public\n * @deprecated in 4.0.0. Use \\<Text isMuted /\\> from iTwinUI-react package.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function MutedText(props: TextProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <StyledText {...props} mainClassName=\"uicore-text-muted\" />;\n}\n"]}

package/lib/esm/core-react/text/StyledText.d.ts

@@ -1,19 +0,0 @@
-/** @packageDocumentation
- * @module Text
- */
-import * as React from "react";
-import type { TextProps } from "./TextProps";
-/** Properties for [[StyledText]] component
- * @public
- * @deprecated in 4.12.0. Props of deprecated component {@link StyledText}.
- */
-export interface StyledTextProps extends TextProps {
-    /** Main CSS class name */
-    mainClassName: string;
-}
-/** The base component for other text components that pass a main CSS class name.
- * @public
- * @deprecated in 4.0.0. Use \<Text /\> component from iTwinUI-react library.
- */
-export declare function StyledText(props: StyledTextProps): React.JSX.Element;
-//# sourceMappingURL=StyledText.d.ts.map

package/lib/esm/core-react/text/StyledText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledText.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/StyledText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,0BAA0B;IAC1B,aAAa,EAAE,MAAM,CAAC;CACvB;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAYhD"}

package/lib/esm/core-react/text/StyledText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledText.js","sourceRoot":"","sources":["../../../../src/core-react/text/StyledText.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B;;;GAGG;AACH,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE1E,OAAO,CACL,iCACM,SAAS,EACb,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,KAAK,EAAE,KAAK,IAEX,QAAQ,CACJ,CACR,CAAC;AACJ,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 Text\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { TextProps } from \"./TextProps\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for [[StyledText]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link StyledText}.\n */\nexport interface StyledTextProps extends TextProps {\n  /** Main CSS class name */\n  mainClassName: string;\n}\n\n/** The base component for other text components that pass a main CSS class name.\n * @public\n * @deprecated in 4.0.0. Use \\<Text /\\> component from iTwinUI-react library.\n */\nexport function StyledText(props: StyledTextProps) {\n  const { mainClassName, className, style, children, ...spanProps } = props;\n\n  return (\n    <span\n      {...spanProps}\n      className={classnames(mainClassName, className)}\n      style={style}\n    >\n      {children}\n    </span>\n  );\n}\n"]}

package/lib/esm/core-react/text/TextProps.d.ts

@@ -1,12 +0,0 @@
-/** @packageDocumentation
- * @module Text
- */
-import type * as React from "react";
-import type { CommonProps } from "../utils/Props";
-/** Properties for various text components
- * @public
- * @deprecated in 4.12.0. Props of deprecated text components.
- */
-export interface TextProps extends React.AllHTMLAttributes<HTMLSpanElement>, CommonProps {
-}
-//# sourceMappingURL=TextProps.d.ts.map

package/lib/esm/core-react/text/TextProps.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextProps.d.ts","sourceRoot":"","sources":["../../../../src/core-react/text/TextProps.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;GAGG;AACH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,EAC9C,WAAW;CAAG"}

package/lib/esm/core-react/text/TextProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextProps.js","sourceRoot":"","sources":["../../../../src/core-react/text/TextProps.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG","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 Text\n */\n\nimport type * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/** Properties for various text components\n * @public\n * @deprecated in 4.12.0. Props of deprecated text components.\n */\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLSpanElement>,\n    CommonProps {} // eslint-disable-line deprecation/deprecation\n"]}

package/lib/esm/core-react/text/block.scss

@@ -1,15 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@mixin uicore-text-block {
-  margin: 0;
-  padding: 0;
-  border: none;
-  vertical-align: baseline;
-  font-size: var(--iui-font-size-1);
-  font-weight: var(--iui-font-weight-normal);
-  line-height: var(--iui-size-l);
-
-  margin: 0 0 var(--iui-size-l);
-}

package/lib/esm/core-react/text/body.scss

@@ -1,13 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@mixin uicore-text-body {
-  margin: 0;
-  padding: 0;
-  border: none;
-  vertical-align: baseline;
-  font-size: var(--iui-font-size-1);
-  font-weight: var(--iui-font-weight-normal);
-  line-height: var(--iui-size-l);
-}

package/lib/esm/core-react/text/classes.scss

@@ -1,18 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "./index";
-
-.uicore-text-body {
-  @include uicore-text-body;
-}
-.uicore-text-block {
-  @include uicore-text-block;
-}
-.uicore-text-disabled {
-  @include uicore-text-disabled;
-}
-.uicore-text-muted {
-  @include uicore-text-muted;
-}

package/lib/esm/core-react/text/disabled.scss

@@ -1,9 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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";
-
-@mixin uicore-text-disabled {
-  color: $buic-foreground-disabled;
-}

package/lib/esm/core-react/text/index.scss

@@ -1,10 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "./mixins";
-
-@import "./body";
-@import "./block";
-@import "./disabled";
-@import "./muted";

package/lib/esm/core-react/text/mixins.scss

@@ -1,24 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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";
-
-@mixin uicore-text-block-spacing {
-  padding: 0;
-  margin: 0 0 var(--iui-size-l);
-}
-
-@mixin uicore-text($type: body) {
-  $sizes: (
-    body: var(--iui-font-size-1),
-    small: var(--iui-font-size-0),
-  );
-
-  $type: if(map-has-key($sizes, $type), $type, body);
-
-  font-size: map-get($sizes, $type);
-  font-weight: var(--iui-font-weight-normal);
-  line-height: var(--iui-size-l);
-  color: var(--iui-color-text);
-}

package/lib/esm/core-react/text/muted.scss

@@ -1,9 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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";
-
-@mixin uicore-text-muted {
-  color: $buic-foreground-muted;
-}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Branch.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Branch.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,eAAe,CAAC;AAEvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;GAGG;AAEH,MAAM,WAAW,eAAgB,SAAQ,WAAW;IAClD,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;GAGG;AAEH,qBAAa,UAAW,SAAQ,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC;IAClD,MAAM;CASvB"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Branch.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Branch.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,eAAe,CAAC;AACvB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B;;;GAGG;AACH,mDAAmD;AACnD,MAAM,OAAO,UAAW,SAAQ,KAAK,CAAC,aAA8B;IAClD,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAEvE,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAC/C,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 type { CommonProps } from \"../utils/Props\";\n\n/** Properties for [[TreeBranch]] React component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link TreeBranch} component.\n */\n// eslint-disable-next-line deprecation/deprecation\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 * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport class TreeBranch extends React.PureComponent<TreeBranchProps> {\n  public override render() {\n    const className = classnames(\"core-tree-branch\", this.props.className);\n\n    return (\n      <div className={className} style={this.props.style}>\n        {this.props.children}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,13 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 +0,0 @@
-/** @packageDocumentation
- * @module Tree
- */
-import "./ExpansionToggle.scss";
-import * as React from "react";
-import type { CommonProps } from "../utils/Props";
-/** Properties for the [[ExpansionToggle]] component
- * @public
- * @deprecated in 4.15.0. Props of deprecated {@link ExpansionToggle} component.
- */
-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
- * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
- */
-export declare function ExpansionToggle(props: ExpansionToggleProps): React.JSX.Element;
-//# sourceMappingURL=ExpansionToggle.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExpansionToggle.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAOlD;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAwB1D"}

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

@@ -1,27 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 { Icon } from "../icons/IconComponent";
-import { SvgChevronRight } from "@itwin/itwinui-icons-react";
-import { useTranslation } from "../l10n/useTranslation";
-/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
- * @public
- * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
- */
-export function ExpansionToggle(props) {
-    const { translate } = useTranslation();
-    const className = classnames("core-tree-expansionToggle", props.isExpanded && "is-expanded", props.className);
-    const label = translate(props.isExpanded ? "tree.collapse" : "tree.expand");
-    return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
-    React.createElement("div", { onMouseDown: (e) => e.stopPropagation(), onClick: props.onClick, className: className, style: props.style, "data-testid": 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 +0,0 @@
-{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAcxD;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,KAAK,CAAC,UAAU,IAAI,aAAa,EACjC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAE5E,OAAO;IACL,iEAAiE;IACjE,6BACE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,iBACL,KAAK,CAAC,aAAa,CAAC,EACjC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,KAAK;QAEjB,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAI,CAC3D,CACP,CAAC;AACJ,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 \"./ExpansionToggle.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[ExpansionToggle]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link ExpansionToggle} component.\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 * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.\n */\nexport function ExpansionToggle(props: ExpansionToggleProps) {\n  const { translate } = useTranslation();\n  const className = classnames(\n    \"core-tree-expansionToggle\",\n    props.isExpanded && \"is-expanded\",\n    props.className\n  );\n  const label = translate(props.isExpanded ? \"tree.collapse\" : \"tree.expand\");\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      onMouseDown={(e) => e.stopPropagation()}\n      onClick={props.onClick}\n      className={className}\n      style={props.style}\n      data-testid={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"]}

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

@@ -1,32 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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 {
-      display: block;
-      width: 12px;
-      height: 12px;
-    }
-  }
-
-  &.is-expanded > .toggle {
-    transform: rotate(90deg);
-  }
-}

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

@@ -1,84 +0,0 @@
-/** @packageDocumentation
- * @module Tree
- */
-import "./Node.scss";
-import * as React from "react";
-import { Checkbox } from "@itwin/itwinui-react";
-import { CheckBoxState } from "../enums/CheckBoxState";
-import type { CommonProps } from "../utils/Props";
-type CheckboxProps = React.ComponentPropsWithoutRef<typeof Checkbox>;
-/** Props for node Checkbox renderer
- * @public
- * @deprecated in 4.16.0. Type is inlined in component props. Use `React.ComponentProps` type helper instead.
- */
-export type NodeCheckboxRenderProps = Omit<CheckboxProps, "onChange" | "onClick"> & {
-    onChange: (checked: boolean) => void;
-    onClick: (e: React.MouseEvent) => void;
-};
-/** Type for node Checkbox renderer
- * @public
- * @deprecated in 4.16.0. Type is inlined in component props. Use `React.ComponentProps` type helper instead.
- */
-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
- * @deprecated in 4.15.0. Used in deprecated {@link TreeNodeProps} props.
- */
-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
- * @deprecated in 4.15.0. Props of deprecated {@link TreeNode} component.
- */
-export interface TreeNodeProps extends CommonProps {
-    label: React.ReactNode;
-    level: number;
-    icon?: React.ReactElement | string | number;
-    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
- * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
- */
-export declare class TreeNode extends React.Component<TreeNodeProps> {
-    constructor(props: TreeNodeProps);
-    render(): React.JSX.Element;
-    private createSubComponentTestId;
-    private _onCheckboxChange;
-    private _onCheckboxClick;
-    private _onClickExpansionToggle;
-    private _onClick;
-}
-export {};
-//# sourceMappingURL=Node.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Node.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Node.tsx"],"names":[],"mappings":"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"}

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

@@ -1,88 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * 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
- * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
- */
-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 ? undefined : this.props.isLeaf ? (React.createElement("div", null)) : (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, className: "core-progress-indicator" })),
-                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 +0,0 @@
-{"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, ProgressRadial } from \"@itwin/itwinui-react\";\nimport { CheckBoxState } from \"../enums/CheckBoxState\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { ExpansionToggle } from \"./ExpansionToggle\";\n\n/* eslint-disable deprecation/deprecation */\n\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof Checkbox>;\n\n/** Props for node Checkbox renderer\n * @public\n * @deprecated in 4.16.0. Type is inlined in component props. Use `React.ComponentProps` type helper instead.\n */\nexport type NodeCheckboxRenderProps = Omit<\n  CheckboxProps,\n  \"onChange\" | \"onClick\"\n> & {\n  onChange: (checked: boolean) => void;\n  onClick: (e: React.MouseEvent) => void;\n};\n\n/** Type for node Checkbox renderer\n * @public\n * @deprecated in 4.16.0. Type is inlined in component props. Use `React.ComponentProps` type helper instead.\n */\nexport type NodeCheckboxRenderer = (\n  props: NodeCheckboxRenderProps\n) => 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 * @deprecated in 4.15.0. Used in deprecated {@link TreeNodeProps} props.\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 * @deprecated in 4.15.0. Props of deprecated {@link TreeNode} component.\n */\nexport interface TreeNodeProps extends CommonProps {\n  label: React.ReactNode;\n  level: number;\n  icon?: React.ReactElement | string | number;\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 * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.\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    );\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 (\n        this.props.renderOverrides &&\n        this.props.renderOverrides.renderCheckbox\n      ) {\n        checkbox = this.props.renderOverrides.renderCheckbox(props);\n      } else {\n        checkbox = (\n          <Checkbox\n            {...props}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n              this._onCheckboxChange(e.target.checked)\n            }\n            data-testid={this.createSubComponentTestId(\"checkbox\")}\n          />\n        );\n      }\n    }\n\n    const icon = this.props.icon ? (\n      <div className=\"core-tree-node-icon\">{this.props.icon}</div>\n    ) : undefined;\n\n    const toggle = this.props.isLoading ? undefined : this.props.isLeaf ? (\n      <div />\n    ) : (\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 && (\n            <ProgressRadial\n              size=\"x-small\"\n              indeterminate\n              className=\"core-progress-indicator\"\n            />\n          )}\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\"]) return undefined;\n    return `${this.props[\"data-testid\"]}-${subId}`;\n  }\n\n  private _onCheckboxChange = (checked: boolean) => {\n    if (\n      this.props.checkboxProps &&\n      this.props.checkboxProps.onClick &&\n      !this.props.checkboxProps.isDisabled\n    )\n      this.props.checkboxProps.onClick(\n        checked ? CheckBoxState.On : CheckBoxState.Off\n      );\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) this.props.onClickExpansionToggle();\n  };\n\n  private _onClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    this.props.onClick?.(e);\n  };\n}\n"]}

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

@@ -1,68 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-
-$node-font-size: var(--iui-font-size-1);
-
-.core-tree-node {
-  /* Rules applied to the <be-tree-node> itself */
-  display: flex;
-  box-sizing: border-box;
-  width: fit-content;
-  min-width: 100%;
-  font-family: var(--iui-font-sans);
-  font-size: $node-font-size;
-  color: var(--iui-color-text);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  cursor: default;
-  padding: 1px 1px 0px 1px;
-
-  > .contents {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    gap: 5px;
-
-    > .core-progress-indicator {
-      margin: 0 4px;
-    }
-
-    > .expansion-toggle {
-      display: inline-block;
-      margin-top: auto;
-      margin-bottom: auto;
-    }
-
-    > .core-image-checkbox {
-      top: -1px;
-    }
-  }
-
-  &-icon {
-    width: 16px;
-
-    > .bui-webfont-icon {
-      display: inline-block;
-      width: 16px;
-      text-align: center;
-      vertical-align: middle;
-    }
-  }
-
-  &.is-focused,
-  &:focus {
-    outline: 1px dotted #000;
-  }
-
-  &:not(.is-hover-disabled) {
-    &:hover {
-      background: var(--iui-color-background-hover);
-    }
-  }
-
-  &.is-selected {
-    background: var(--iui-color-background-accent-muted);
-  }
-}

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

@@ -1,25 +0,0 @@
-/** @packageDocumentation
- * @module Tree
- */
-import "./Placeholder.scss";
-import * as React from "react";
-import type { CommonProps } from "../utils/Props";
-/** Properties for the [[TreeNodePlaceholder]] React component
- * @public
- * @deprecated in 4.15.0. Props of deprecated {@link TreeNodePlaceholder} component.
- */
-export interface TreeNodePlaceholderProps extends CommonProps {
-    level: number;
-    minWidth?: number;
-    maxWidth?: number;
-    ["data-testid"]?: string;
-}
-/**
- * Presentation React component for a placeholder to be displayed instead of a node while it's being loaded
- * @public
- * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
- */
-export declare class TreeNodePlaceholder extends React.PureComponent<TreeNodePlaceholderProps> {
-    render(): React.JSX.Element;
-}
-//# sourceMappingURL=Placeholder.d.ts.map