@itwin/core-react 4.14.1 → 4.15.1

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":["/*---------------------------------------------------------------------------------------------\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 type { Omit } from \"../utils/typeUtils\";\nimport { ExpansionToggle } from \"./ExpansionToggle\";\n\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof Checkbox>;\n\n/** Props for node Checkbox renderer\n * @public\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 */\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 */\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.ReactElement | string | number;\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    );\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"]}
+{"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\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof Checkbox>;\n\n/** Props for node Checkbox renderer\n * @public\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 */\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 */\n// eslint-disable-next-line deprecation/deprecation\nexport interface TreeNodeProps extends CommonProps {\n  label: React.ReactNode;\n  level: number;\n  icon?: React.ReactElement | string | number;\n  // eslint-disable-next-line deprecation/deprecation\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 */\n// eslint-disable-next-line deprecation/deprecation\nexport class TreeNode extends React.Component<TreeNodeProps> {\n  // eslint-disable-next-line deprecation/deprecation\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      // eslint-disable-next-line deprecation/deprecation\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/Placeholder.d.ts

@@ -6,6 +6,7 @@ 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;
@@ -16,6 +17,7 @@ export interface TreeNodePlaceholderProps extends CommonProps {
 /**
  * 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;

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Placeholder.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;GAGG;AACH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC;IACpE,MAAM;CAiBvB"}
+{"version":3,"file":"Placeholder.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Placeholder.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;;GAGG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AAEH,qBAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC;IACpE,MAAM;CAiBvB"}

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

@@ -12,7 +12,9 @@ import { LEVEL_OFFSET } from "./Node";
 /**
  * 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.
  */
+// eslint-disable-next-line deprecation/deprecation
 export class TreeNodePlaceholder extends React.PureComponent {
     render() {
         const className = classnames("core-tree-placeholder", this.props.className);

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Placeholder.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAYtC;;;GAGG;AACH,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,aAAuC;IACpE,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC5E,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC;QAC/C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC;QACtC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;QAC5D,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;QAClE,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,iBACC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;YAEtC,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,GAAI,CACxD,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 \"./Placeholder.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { LEVEL_OFFSET } from \"./Node\";\n\n/** Properties for the [[TreeNodePlaceholder]] React component\n * @public\n */\nexport interface TreeNodePlaceholderProps extends CommonProps {\n  level: number;\n  minWidth?: number;\n  maxWidth?: number;\n  [\"data-testid\"]?: string;\n}\n\n/**\n * Presentation React component for a placeholder to be displayed instead of a node while it's being loaded\n * @public\n */\nexport class TreeNodePlaceholder extends React.PureComponent<TreeNodePlaceholderProps> {\n  public override render() {\n    const className = classnames(\"core-tree-placeholder\", this.props.className);\n    const offset = this.props.level * LEVEL_OFFSET;\n    const min = this.props.minWidth || 50;\n    const max = this.props.maxWidth || 200;\n    const width = Math.floor(min + Math.random() * (max - min));\n    const style = { ...this.props.style, paddingLeft: `${offset}px` };\n    return (\n      <div\n        className={className}\n        style={style}\n        data-testid={this.props[\"data-testid\"]}\n      >\n        <div className=\"contents\" style={{ width: `${width}px` }} />\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Placeholder.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAC5B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AActC;;;;GAIG;AACH,mDAAmD;AACnD,MAAM,OAAO,mBAAoB,SAAQ,KAAK,CAAC,aAAuC;IACpE,MAAM;QACpB,MAAM,SAAS,GAAG,UAAU,CAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC5E,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,YAAY,CAAC;QAC/C,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC;QACtC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC;QACvC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC;QAC5D,MAAM,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,WAAW,EAAE,GAAG,MAAM,IAAI,EAAE,CAAC;QAClE,OAAO,CACL,6BACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,iBACC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC;YAEtC,6BAAK,SAAS,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,GAAI,CACxD,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 \"./Placeholder.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { LEVEL_OFFSET } from \"./Node\";\n\n/** Properties for the [[TreeNodePlaceholder]] React component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link TreeNodePlaceholder} component.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface TreeNodePlaceholderProps extends CommonProps {\n  level: number;\n  minWidth?: number;\n  maxWidth?: number;\n  [\"data-testid\"]?: string;\n}\n\n/**\n * Presentation React component for a placeholder to be displayed instead of a node while it's being loaded\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 TreeNodePlaceholder extends React.PureComponent<TreeNodePlaceholderProps> {\n  public override render() {\n    const className = classnames(\"core-tree-placeholder\", this.props.className);\n    const offset = this.props.level * LEVEL_OFFSET;\n    const min = this.props.minWidth || 50;\n    const max = this.props.maxWidth || 200;\n    const width = Math.floor(min + Math.random() * (max - min));\n    const style = { ...this.props.style, paddingLeft: `${offset}px` };\n    return (\n      <div\n        className={className}\n        style={style}\n        data-testid={this.props[\"data-testid\"]}\n      >\n        <div className=\"contents\" style={{ width: `${width}px` }} />\n      </div>\n    );\n  }\n}\n"]}

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

@@ -6,6 +6,7 @@ import * as React from "react";
 import type { CommonProps } from "../utils/Props";
 /** Properties for the [[Tree]] presentational React component
  * @public
+ * @deprecated in 4.15.0. Props of deprecated {@link Tree} component.
  */
 export interface TreeProps extends CommonProps {
     children?: React.ReactNode;
@@ -17,6 +18,7 @@ export interface TreeProps extends CommonProps {
 }
 /** Presentation React component for a Tree
  * @public
+ * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
  */
 export declare class Tree extends React.PureComponent<TreeProps> {
     private _treeElement;

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Tree.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;CACtD;AAED;;GAEG;AACH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IACtD,OAAO,CAAC,YAAY,CAAsD;IAE1E,OAAO,KAAK,oBAAoB,GAsB/B;IAEM,eAAe,CAAC,OAAO,EAAE,OAAO;IAwDhC,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE;IASpD,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAcrC,MAAM;CAoBvB"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../../src/core-react/tree/Tree.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD;;;GAGG;AAEH,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACtD,WAAW,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACtD,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;IACvD,OAAO,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,cAAc,CAAC,CAAC;CACtD;AAED;;;GAGG;AAEH,qBAAa,IAAK,SAAQ,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC;IACtD,OAAO,CAAC,YAAY,CAAsD;IAE1E,OAAO,KAAK,oBAAoB,GAsB/B;IAEM,eAAe,CAAC,OAAO,EAAE,OAAO;IAwDhC,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE;IASpD,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAcrC,MAAM;CAoBvB"}

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

@@ -11,7 +11,9 @@ import * as React from "react";
 import { Rectangle } from "../utils/Rectangle";
 /** Presentation React component for a Tree
  * @public
+ * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
  */
+// eslint-disable-next-line deprecation/deprecation
 export class Tree extends React.PureComponent {
     constructor() {
         super(...arguments);

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Tree.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 \"./Tree.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Rectangle } from \"../utils/Rectangle\";\n\n/** Properties for the [[Tree]] presentational React component\n * @public\n */\nexport interface TreeProps extends CommonProps {\n  children?: React.ReactNode;\n  onMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseMove?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseUp?: React.MouseEventHandler<HTMLDivElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n}\n\n/** Presentation React component for a Tree\n * @public\n */\nexport class Tree extends React.PureComponent<TreeProps> {\n  private _treeElement: React.RefObject<HTMLDivElement> = React.createRef();\n\n  private get _scrollableContainer(): Element | undefined {\n    if (!this._treeElement.current) return undefined;\n\n    const isScrollable = (element: Element) => {\n      const style = window.getComputedStyle(element);\n      return (\n        style.overflow === \"auto\" ||\n        style.overflow === \"scroll\" ||\n        style.overflowY === \"auto\" ||\n        style.overflowY === \"scroll\" ||\n        style.overflowX === \"auto\" ||\n        style.overflowX === \"scroll\"\n      );\n    };\n    let scrollableContainer: Element | undefined = this._treeElement.current;\n    while (scrollableContainer && !isScrollable(scrollableContainer))\n      scrollableContainer =\n        scrollableContainer.children.length > 0\n          ? scrollableContainer.children[0]\n          : undefined;\n\n    return scrollableContainer;\n  }\n\n  public scrollToElement(element: Element) {\n    const container = this._scrollableContainer;\n    if (!container) return;\n\n    if (!Element.prototype.scrollTo) {\n      // workaround for Edge scrollTo issue https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15534521/\n      element.scrollIntoView();\n      return;\n    }\n\n    const elementBox = element.getBoundingClientRect();\n    const elementRange = Rectangle.createXYXY(\n      elementBox.left,\n      elementBox.top,\n      elementBox.right,\n      elementBox.bottom\n    );\n    const containerBox = container.getBoundingClientRect();\n    const containerRange = Rectangle.createXYXY(\n      containerBox.left - container.scrollLeft,\n      containerBox.top - container.scrollTop,\n      containerBox.right - container.scrollLeft,\n      containerBox.bottom - container.scrollTop\n    );\n\n    let left: number;\n    if (\n      container.scrollLeft > 0 &&\n      elementRange.right <= containerRange.right\n    ) {\n      // always attempt to keep horizontal scroll at 0\n      left = 0;\n    } else if (\n      containerRange.left <= elementRange.left &&\n      containerRange.right >= elementRange.right\n    ) {\n      // already visible - no need to scroll to\n      left = container.scrollLeft;\n    } else {\n      left = elementRange.left - containerRange.left;\n    }\n\n    let top: number;\n    if (\n      containerRange.top <= elementRange.top &&\n      containerRange.bottom >= elementRange.bottom\n    ) {\n      // already visible - no need to scroll to\n      top = container.scrollTop;\n    } else {\n      top = elementRange.top - containerRange.top;\n    }\n\n    container.scrollTo({ left, top });\n  }\n\n  public getElementsByClassName(className: string): Element[] {\n    if (!this._treeElement.current) return [];\n\n    const elems = new Array<Element>();\n    const collection =\n      this._treeElement.current.getElementsByClassName(className);\n    for (let i = 0; i < collection.length; ++i) elems.push(collection.item(i)!);\n    return elems;\n  }\n  public setFocusByClassName(selector: string): boolean {\n    let status = false;\n    if (this._treeElement.current) {\n      const element = this._treeElement.current.querySelector(\n        selector\n      ) as HTMLElement;\n      if (element && element.focus) {\n        element.focus();\n        status = true;\n      }\n    }\n    return status;\n  }\n\n  public override render() {\n    const className = classnames(\"core-tree\", this.props.className);\n\n    return (\n      <div\n        ref={this._treeElement}\n        className={className}\n        style={this.props.style}\n        onMouseDown={this.props.onMouseDown}\n        onMouseMove={this.props.onMouseMove}\n        onMouseUp={this.props.onMouseUp}\n        onKeyDown={this.props.onKeyDown}\n        onKeyUp={this.props.onKeyUp}\n        role=\"tree\"\n        tabIndex={-1}\n      >\n        {this.props.children}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Tree.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 \"./Tree.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { Rectangle } from \"../utils/Rectangle\";\n\n/** Properties for the [[Tree]] presentational React component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link Tree} component.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface TreeProps extends CommonProps {\n  children?: React.ReactNode;\n  onMouseDown?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseMove?: React.MouseEventHandler<HTMLDivElement>;\n  onMouseUp?: React.MouseEventHandler<HTMLDivElement>;\n  onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;\n  onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;\n}\n\n/** Presentation React component for a Tree\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 Tree extends React.PureComponent<TreeProps> {\n  private _treeElement: React.RefObject<HTMLDivElement> = React.createRef();\n\n  private get _scrollableContainer(): Element | undefined {\n    if (!this._treeElement.current) return undefined;\n\n    const isScrollable = (element: Element) => {\n      const style = window.getComputedStyle(element);\n      return (\n        style.overflow === \"auto\" ||\n        style.overflow === \"scroll\" ||\n        style.overflowY === \"auto\" ||\n        style.overflowY === \"scroll\" ||\n        style.overflowX === \"auto\" ||\n        style.overflowX === \"scroll\"\n      );\n    };\n    let scrollableContainer: Element | undefined = this._treeElement.current;\n    while (scrollableContainer && !isScrollable(scrollableContainer))\n      scrollableContainer =\n        scrollableContainer.children.length > 0\n          ? scrollableContainer.children[0]\n          : undefined;\n\n    return scrollableContainer;\n  }\n\n  public scrollToElement(element: Element) {\n    const container = this._scrollableContainer;\n    if (!container) return;\n\n    if (!Element.prototype.scrollTo) {\n      // workaround for Edge scrollTo issue https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15534521/\n      element.scrollIntoView();\n      return;\n    }\n\n    const elementBox = element.getBoundingClientRect();\n    const elementRange = Rectangle.createXYXY(\n      elementBox.left,\n      elementBox.top,\n      elementBox.right,\n      elementBox.bottom\n    );\n    const containerBox = container.getBoundingClientRect();\n    const containerRange = Rectangle.createXYXY(\n      containerBox.left - container.scrollLeft,\n      containerBox.top - container.scrollTop,\n      containerBox.right - container.scrollLeft,\n      containerBox.bottom - container.scrollTop\n    );\n\n    let left: number;\n    if (\n      container.scrollLeft > 0 &&\n      elementRange.right <= containerRange.right\n    ) {\n      // always attempt to keep horizontal scroll at 0\n      left = 0;\n    } else if (\n      containerRange.left <= elementRange.left &&\n      containerRange.right >= elementRange.right\n    ) {\n      // already visible - no need to scroll to\n      left = container.scrollLeft;\n    } else {\n      left = elementRange.left - containerRange.left;\n    }\n\n    let top: number;\n    if (\n      containerRange.top <= elementRange.top &&\n      containerRange.bottom >= elementRange.bottom\n    ) {\n      // already visible - no need to scroll to\n      top = container.scrollTop;\n    } else {\n      top = elementRange.top - containerRange.top;\n    }\n\n    container.scrollTo({ left, top });\n  }\n\n  public getElementsByClassName(className: string): Element[] {\n    if (!this._treeElement.current) return [];\n\n    const elems = new Array<Element>();\n    const collection =\n      this._treeElement.current.getElementsByClassName(className);\n    for (let i = 0; i < collection.length; ++i) elems.push(collection.item(i)!);\n    return elems;\n  }\n  public setFocusByClassName(selector: string): boolean {\n    let status = false;\n    if (this._treeElement.current) {\n      const element = this._treeElement.current.querySelector(\n        selector\n      ) as HTMLElement;\n      if (element && element.focus) {\n        element.focus();\n        status = true;\n      }\n    }\n    return status;\n  }\n\n  public override render() {\n    const className = classnames(\"core-tree\", this.props.className);\n\n    return (\n      <div\n        ref={this._treeElement}\n        className={className}\n        style={this.props.style}\n        onMouseDown={this.props.onMouseDown}\n        onMouseMove={this.props.onMouseMove}\n        onMouseUp={this.props.onMouseUp}\n        onKeyDown={this.props.onKeyDown}\n        onKeyUp={this.props.onKeyUp}\n        role=\"tree\"\n        tabIndex={-1}\n      >\n        {this.props.children}\n      </div>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/utils/IconHelper.d.ts

@@ -7,6 +7,7 @@ import type { IconSpec } from "../icons/IconComponent";
 import { ConditionalIconItem } from "../icons/ConditionalIconItem";
 /** Icon Helper Class used to store the data needed to generate an <Icon> for use in any control that shows an icon.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export declare class IconHelper {
     static get reactIconKey(): string;

package/lib/esm/core-react/utils/IconHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconHelper.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/IconHelper.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE;;GAEG;AACH,qBAAa,UAAU;IACrB,WAAkB,YAAY,IAAI,MAAM,CAEvC;IACD,WAAkB,sBAAsB,IAAI,MAAM,CAEjD;IACD;;;OAGG;WACW,gBAAgB,CAC5B,IAAI,EACA,MAAM,GACN,sBAAsB,GACtB,KAAK,CAAC,SAAS,GACf,mBAAmB,EACvB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAC9B,KAAK,CAAC,SAAS;IAmClB;;;;OAIG;WACW,WAAW,CACvB,QAAQ,EAAE,QAAQ,EAClB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAC9B,MAAM,GAAG,sBAAsB;CA0BnC"}
+{"version":3,"file":"IconHelper.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/IconHelper.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE;;;GAGG;AACH,qBAAa,UAAU;IACrB,WAAkB,YAAY,IAAI,MAAM,CAEvC;IACD,WAAkB,sBAAsB,IAAI,MAAM,CAEjD;IACD;;;OAGG;WACW,gBAAgB,CAC5B,IAAI,EACA,MAAM,GACN,sBAAsB,GACtB,KAAK,CAAC,SAAS,GACf,mBAAmB,EACvB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAC9B,KAAK,CAAC,SAAS;IAmClB;;;;OAIG;WACW,WAAW,CACvB,QAAQ,EAAE,QAAQ,EAClB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAC9B,MAAM,GAAG,sBAAsB;CA0BnC"}

package/lib/esm/core-react/utils/IconHelper.js

@@ -5,12 +5,14 @@
 /** @packageDocumentation
  * @module Utilities
  */
+/* eslint-disable deprecation/deprecation */
 import * as React from "react";
 import { ConditionalStringValue } from "@itwin/appui-abstract";
 import { Icon } from "../icons/IconComponent";
 import { ConditionalIconItem } from "../icons/ConditionalIconItem";
 /** Icon Helper Class used to store the data needed to generate an <Icon> for use in any control that shows an icon.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export class IconHelper {
     static get reactIconKey() {
@@ -26,7 +28,7 @@ export class IconHelper {
     static getIconReactNode(icon, internalData) {
         if (!icon)
             return null;
-        if (ConditionalIconItem.isConditionalIconItem(icon))
+        if (icon instanceof ConditionalIconItem)
             return React.createElement(Icon, { iconSpec: ConditionalIconItem.getValue(icon) });
         if (React.isValidElement(icon))
             return React.createElement(Icon, { iconSpec: icon });
@@ -56,7 +58,7 @@ export class IconHelper {
      */
     static getIconData(iconSpec, internalData) {
         let icon;
-        if (ConditionalIconItem.isConditionalIconItem(iconSpec)) {
+        if (iconSpec instanceof ConditionalIconItem) {
             icon = IconHelper.conditionalIconItemKey;
             if (internalData)
                 internalData.set(IconHelper.conditionalIconItemKey, iconSpec);

package/lib/esm/core-react/utils/IconHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconHelper.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconHelper.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 Utilities\n */\n\nimport * as React from \"react\";\nimport { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { ConditionalIconItem } from \"../icons/ConditionalIconItem\";\n\n/** Icon Helper Class used to store the data needed to generate an <Icon> for use in any control that shows an icon.\n * @public\n */\nexport class IconHelper {\n  public static get reactIconKey(): string {\n    return \"#-react-iconspec-node-#\";\n  }\n  public static get conditionalIconItemKey(): string {\n    return \"#-conditional-icon-item-node-#\";\n  }\n  /** Returns an <Icon> ReactNode from the many ways an icon can be specified.\n   * @param icon abstract icon specification.\n   * @param internalData a map that may hold a React.ReactNode stored in an abstract item definition.\n   */\n  public static getIconReactNode(\n    icon:\n      | string\n      | ConditionalStringValue\n      | React.ReactNode\n      | ConditionalIconItem,\n    internalData?: Map<string, any>\n  ): React.ReactNode {\n    if (!icon) return null;\n\n    if (ConditionalIconItem.isConditionalIconItem(icon))\n      return <Icon iconSpec={ConditionalIconItem.getValue(icon)} />;\n    if (React.isValidElement(icon)) return <Icon iconSpec={icon} />;\n\n    if (!(icon instanceof ConditionalStringValue) && typeof icon !== \"string\")\n      return null;\n\n    const iconString = ConditionalStringValue.getValue(icon);\n    if (!iconString) return null;\n\n    if (iconString === IconHelper.reactIconKey) {\n      if (internalData)\n        return (\n          <Icon\n            iconSpec={\n              internalData.get(IconHelper.reactIconKey) as React.ReactNode\n            }\n          />\n        );\n      return null;\n    } else if (iconString === IconHelper.conditionalIconItemKey) {\n      if (internalData) {\n        const iconItem = internalData.get(\n          IconHelper.conditionalIconItemKey\n        ) as ConditionalIconItem;\n        return <Icon iconSpec={ConditionalIconItem.getValue(iconItem)} />;\n      }\n      return null;\n    }\n    return <Icon iconSpec={iconString} />;\n  }\n\n  /** Returns an icon definition that can be stored in an abstract item definition. If the iconSpec specifies a ReactNode\n   * then the react data is stored in the internalData map and the key to the react data is returned.\n   * @param iconSpec any supported variations of how an icon can be defined in an abstract item or IconProps.\n   * @param internalData a map supplied by the caller to store away react element if React.ReactNode\n   */\n  public static getIconData(\n    iconSpec: IconSpec,\n    internalData?: Map<string, any>\n  ): string | ConditionalStringValue {\n    let icon;\n    if (ConditionalIconItem.isConditionalIconItem(iconSpec)) {\n      icon = IconHelper.conditionalIconItemKey;\n      if (internalData)\n        internalData.set(IconHelper.conditionalIconItemKey, iconSpec);\n      return icon;\n    } else {\n      icon = React.isValidElement(iconSpec)\n        ? IconHelper.reactIconKey\n        : iconSpec;\n    }\n\n    if (\n      internalData &&\n      typeof icon === \"string\" &&\n      icon === IconHelper.reactIconKey\n    ) {\n      internalData.set(IconHelper.reactIconKey, iconSpec);\n    }\n\n    if (typeof icon === \"string\" || icon instanceof ConditionalStringValue)\n      return icon;\n\n    return \"\";\n  }\n}\n"]}
+{"version":3,"file":"IconHelper.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconHelper.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,4CAA4C;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAEnE;;;GAGG;AACH,MAAM,OAAO,UAAU;IACd,MAAM,KAAK,YAAY;QAC5B,OAAO,yBAAyB,CAAC;IACnC,CAAC;IACM,MAAM,KAAK,sBAAsB;QACtC,OAAO,gCAAgC,CAAC;IAC1C,CAAC;IACD;;;OAGG;IACI,MAAM,CAAC,gBAAgB,CAC5B,IAIuB,EACvB,YAA+B;QAE/B,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvB,IAAI,IAAI,YAAY,mBAAmB;YACrC,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAI,CAAC;QAChE,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;YAAE,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,CAAC;QAEhE,IAAI,CAAC,CAAC,IAAI,YAAY,sBAAsB,CAAC,IAAI,OAAO,IAAI,KAAK,QAAQ;YACvE,OAAO,IAAI,CAAC;QAEd,MAAM,UAAU,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAC;QAE7B,IAAI,UAAU,KAAK,UAAU,CAAC,YAAY,EAAE,CAAC;YAC3C,IAAI,YAAY;gBACd,OAAO,CACL,oBAAC,IAAI,IACH,QAAQ,EACN,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAoB,GAE9D,CACH,CAAC;YACJ,OAAO,IAAI,CAAC;QACd,CAAC;aAAM,IAAI,UAAU,KAAK,UAAU,CAAC,sBAAsB,EAAE,CAAC;YAC5D,IAAI,YAAY,EAAE,CAAC;gBACjB,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAC/B,UAAU,CAAC,sBAAsB,CACX,CAAC;gBACzB,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,mBAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAI,CAAC;YACpE,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,UAAU,GAAI,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,WAAW,CACvB,QAAkB,EAClB,YAA+B;QAE/B,IAAI,IAAI,CAAC;QACT,IAAI,QAAQ,YAAY,mBAAmB,EAAE,CAAC;YAC5C,IAAI,GAAG,UAAU,CAAC,sBAAsB,CAAC;YACzC,IAAI,YAAY;gBACd,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,sBAAsB,EAAE,QAAQ,CAAC,CAAC;YAChE,OAAO,IAAI,CAAC;QACd,CAAC;aAAM,CAAC;YACN,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;gBACnC,CAAC,CAAC,UAAU,CAAC,YAAY;gBACzB,CAAC,CAAC,QAAQ,CAAC;QACf,CAAC;QAED,IACE,YAAY;YACZ,OAAO,IAAI,KAAK,QAAQ;YACxB,IAAI,KAAK,UAAU,CAAC,YAAY,EAChC,CAAC;YACD,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACtD,CAAC;QAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,YAAY,sBAAsB;YACpE,OAAO,IAAI,CAAC;QAEd,OAAO,EAAE,CAAC;IACZ,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 Utilities\n */\n\n/* eslint-disable deprecation/deprecation */\n\nimport * as React from \"react\";\nimport { ConditionalStringValue } from \"@itwin/appui-abstract\";\nimport type { IconSpec } from \"../icons/IconComponent\";\nimport { Icon } from \"../icons/IconComponent\";\nimport { ConditionalIconItem } from \"../icons/ConditionalIconItem\";\n\n/** Icon Helper Class used to store the data needed to generate an <Icon> for use in any control that shows an icon.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport class IconHelper {\n  public static get reactIconKey(): string {\n    return \"#-react-iconspec-node-#\";\n  }\n  public static get conditionalIconItemKey(): string {\n    return \"#-conditional-icon-item-node-#\";\n  }\n  /** Returns an <Icon> ReactNode from the many ways an icon can be specified.\n   * @param icon abstract icon specification.\n   * @param internalData a map that may hold a React.ReactNode stored in an abstract item definition.\n   */\n  public static getIconReactNode(\n    icon:\n      | string\n      | ConditionalStringValue\n      | React.ReactNode\n      | ConditionalIconItem,\n    internalData?: Map<string, any>\n  ): React.ReactNode {\n    if (!icon) return null;\n\n    if (icon instanceof ConditionalIconItem)\n      return <Icon iconSpec={ConditionalIconItem.getValue(icon)} />;\n    if (React.isValidElement(icon)) return <Icon iconSpec={icon} />;\n\n    if (!(icon instanceof ConditionalStringValue) && typeof icon !== \"string\")\n      return null;\n\n    const iconString = ConditionalStringValue.getValue(icon);\n    if (!iconString) return null;\n\n    if (iconString === IconHelper.reactIconKey) {\n      if (internalData)\n        return (\n          <Icon\n            iconSpec={\n              internalData.get(IconHelper.reactIconKey) as React.ReactNode\n            }\n          />\n        );\n      return null;\n    } else if (iconString === IconHelper.conditionalIconItemKey) {\n      if (internalData) {\n        const iconItem = internalData.get(\n          IconHelper.conditionalIconItemKey\n        ) as ConditionalIconItem;\n        return <Icon iconSpec={ConditionalIconItem.getValue(iconItem)} />;\n      }\n      return null;\n    }\n    return <Icon iconSpec={iconString} />;\n  }\n\n  /** Returns an icon definition that can be stored in an abstract item definition. If the iconSpec specifies a ReactNode\n   * then the react data is stored in the internalData map and the key to the react data is returned.\n   * @param iconSpec any supported variations of how an icon can be defined in an abstract item or IconProps.\n   * @param internalData a map supplied by the caller to store away react element if React.ReactNode\n   */\n  public static getIconData(\n    iconSpec: IconSpec,\n    internalData?: Map<string, any>\n  ): string | ConditionalStringValue {\n    let icon;\n    if (iconSpec instanceof ConditionalIconItem) {\n      icon = IconHelper.conditionalIconItemKey;\n      if (internalData)\n        internalData.set(IconHelper.conditionalIconItemKey, iconSpec);\n      return icon;\n    } else {\n      icon = React.isValidElement(iconSpec)\n        ? IconHelper.reactIconKey\n        : iconSpec;\n    }\n\n    if (\n      internalData &&\n      typeof icon === \"string\" &&\n      icon === IconHelper.reactIconKey\n    ) {\n      internalData.set(IconHelper.reactIconKey, iconSpec);\n    }\n\n    if (typeof icon === \"string\" || icon instanceof ConditionalStringValue)\n      return icon;\n\n    return \"\";\n  }\n}\n"]}

package/lib/esm/core-react/utils/Props.d.ts

@@ -2,9 +2,9 @@
  * @module Utilities
  */
 import type * as React from "react";
-import type { Omit } from "./typeUtils";
 /** Props used by components that expect class name to be passed in.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export interface ClassNameProps {
     /** Custom CSS class name */
@@ -12,6 +12,7 @@ export interface ClassNameProps {
 }
 /** Common props used by components.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export interface CommonProps extends ClassNameProps {
     /** Custom CSS style properties */
@@ -21,17 +22,20 @@ export interface CommonProps extends ClassNameProps {
 }
 /** Common properties using a div element.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export interface CommonDivProps extends React.AllHTMLAttributes<HTMLDivElement>, CommonProps {
 }
 /** Props used by components that do not expect children to be passed in.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export interface NoChildrenProps {
     children?: undefined;
 }
 /** Omit children property from T.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export type OmitChildrenProp<T extends {
     children?: React.ReactNode;

package/lib/esm/core-react/utils/Props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/Props.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gHAAgH;IAChH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAC7C,WAAW;CAAG;AAElB;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,IAAI,IAAI,CAC3E,CAAC,EACD,UAAU,CACX,CAAC"}
+{"version":3,"file":"Props.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/Props.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AAEH,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD,kCAAkC;IAClC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gHAAgH;IAChH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAC7C,WAAW;CAAG;AAElB;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,IAAI,IAAI,CAC3E,CAAC,EACD,UAAU,CACX,CAAC"}

package/lib/esm/core-react/utils/Props.js.map

@@ -1 +1 @@
-{"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../../src/core-react/utils/Props.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 Utilities\n */\n\nimport type * as React from \"react\";\nimport type { Omit } from \"./typeUtils\";\n\n/** Props used by components that expect class name to be passed in.\n * @public\n */\nexport interface ClassNameProps {\n  /** Custom CSS class name */\n  className?: string;\n}\n\n/** Common props used by components.\n * @public\n */\nexport interface CommonProps extends ClassNameProps {\n  /** Custom CSS style properties */\n  style?: React.CSSProperties;\n  /** Optional unique identifier for item. If defined it will be added to DOM Element attribute as data-item-id */\n  itemId?: string;\n}\n\n/** Common properties using a div element.\n * @public\n */\nexport interface CommonDivProps\n  extends React.AllHTMLAttributes<HTMLDivElement>,\n    CommonProps {}\n\n/** Props used by components that do not expect children to be passed in.\n * @public\n */\nexport interface NoChildrenProps {\n  children?: undefined;\n}\n\n/** Omit children property from T.\n * @public\n */\nexport type OmitChildrenProp<T extends { children?: React.ReactNode }> = Omit<\n  T,\n  \"children\"\n>;\n"]}
+{"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../../src/core-react/utils/Props.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 Utilities\n */\n\nimport type * as React from \"react\";\n\n/** Props used by components that expect class name to be passed in.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport interface ClassNameProps {\n  /** Custom CSS class name */\n  className?: string;\n}\n\n/** Common props used by components.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface CommonProps extends ClassNameProps {\n  /** Custom CSS style properties */\n  style?: React.CSSProperties;\n  /** Optional unique identifier for item. If defined it will be added to DOM Element attribute as data-item-id */\n  itemId?: string;\n}\n\n/** Common properties using a div element.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport interface CommonDivProps\n  extends React.AllHTMLAttributes<HTMLDivElement>,\n    CommonProps {} // eslint-disable-line deprecation/deprecation\n\n/** Props used by components that do not expect children to be passed in.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport interface NoChildrenProps {\n  children?: undefined;\n}\n\n/** Omit children property from T.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport type OmitChildrenProp<T extends { children?: React.ReactNode }> = Omit<\n  T,\n  \"children\"\n>;\n"]}

package/lib/esm/core-react/utils/ScrollPositionMaintainer.d.ts

@@ -13,6 +13,7 @@ import type { IDisposable } from "@itwin/core-bentley";
  * maintainer.dispose();
  * ```
  * @public
+ * @deprecated in 4.15.0. Not use by AppUI.
  */
 export declare class ScrollPositionMaintainer implements IDisposable {
     private _storage;

package/lib/esm/core-react/utils/ScrollPositionMaintainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollPositionMaintainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/ScrollPositionMaintainer.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,qBAAa,wBAAyB,YAAW,WAAW;IAC1D,OAAO,CAAC,QAAQ,CAAuB;gBACpB,EAAE,EAAE,OAAO;IAIvB,OAAO;IAGd,OAAO,CAAC,MAAM,CAAC,mBAAmB;IASlC,OAAO,CAAC,MAAM,CAAC,sBAAsB;CAGtC"}
+{"version":3,"file":"ScrollPositionMaintainer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/ScrollPositionMaintainer.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;;;GAYG;AACH,qBAAa,wBAAyB,YAAW,WAAW;IAC1D,OAAO,CAAC,QAAQ,CAAuB;gBACpB,EAAE,EAAE,OAAO;IAKvB,OAAO;IAId,OAAO,CAAC,MAAM,CAAC,mBAAmB;IASlC,OAAO,CAAC,MAAM,CAAC,sBAAsB;CAGtC"}

package/lib/esm/core-react/utils/ScrollPositionMaintainer.js

@@ -9,13 +9,16 @@
  * maintainer.dispose();
  * ```
  * @public
+ * @deprecated in 4.15.0. Not use by AppUI.
  */
 export class ScrollPositionMaintainer {
     constructor(el) {
         this._storage = new Map();
+        // eslint-disable-next-line deprecation/deprecation
         ScrollPositionMaintainer.saveScrollPositions([el], this._storage);
     }
     dispose() {
+        // eslint-disable-next-line deprecation/deprecation
         ScrollPositionMaintainer.restoreScrollPositions(this._storage);
     }
     static saveScrollPositions(elems, storage) {

package/lib/esm/core-react/utils/ScrollPositionMaintainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollPositionMaintainer.js","sourceRoot":"","sources":["../../../../src/core-react/utils/ScrollPositionMaintainer.ts"],"names":[],"mappings":"AASA;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,wBAAwB;IAEnC,YAAmB,EAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;QAC1B,wBAAwB,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpE,CAAC;IACM,OAAO;QACZ,wBAAwB,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC;IACO,MAAM,CAAC,mBAAmB,CAChC,KAAiC,EACjC,OAA6B;QAE7B,KAAK,MAAM,EAAE,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,EAAE,CAAC,SAAS;gBAAE,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;YAChD,IAAI,EAAE,CAAC,QAAQ;gBAAE,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClE,CAAC;IACH,CAAC;IACO,MAAM,CAAC,sBAAsB,CAAC,OAA6B;QACjE,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC;IACjE,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 Utilities\n */\nimport type { IDisposable } from \"@itwin/core-bentley\";\n\n/**\n * A helper class to recursively save and restore scroll positions.\n * Usage:\n * ```ts\n * // scroll positions are saved when `ScrollPositionMaintainer` object is created\n * const maintainer = new ScrollPositionMaintainer(element);\n * // can do something with `element` here\n * // disposing the `maintainer` object restores scroll positions\n * maintainer.dispose();\n * ```\n * @public\n */\nexport class ScrollPositionMaintainer implements IDisposable {\n  private _storage: Map<Element, number>;\n  public constructor(el: Element) {\n    this._storage = new Map();\n    ScrollPositionMaintainer.saveScrollPositions([el], this._storage);\n  }\n  public dispose() {\n    ScrollPositionMaintainer.restoreScrollPositions(this._storage);\n  }\n  private static saveScrollPositions(\n    elems: Element[] | HTMLCollection,\n    storage: Map<Element, number>\n  ) {\n    for (const el of elems) {\n      if (el.scrollTop) storage.set(el, el.scrollTop);\n      if (el.children) this.saveScrollPositions(el.children, storage);\n    }\n  }\n  private static restoreScrollPositions(storage: Map<Element, number>) {\n    storage.forEach((scrollTop, el) => (el.scrollTop = scrollTop));\n  }\n}\n"]}
+{"version":3,"file":"ScrollPositionMaintainer.js","sourceRoot":"","sources":["../../../../src/core-react/utils/ScrollPositionMaintainer.ts"],"names":[],"mappings":"AASA;;;;;;;;;;;;GAYG;AACH,MAAM,OAAO,wBAAwB;IAEnC,YAAmB,EAAW;QAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,GAAG,EAAE,CAAC;QAC1B,mDAAmD;QACnD,wBAAwB,CAAC,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IACpE,CAAC;IACM,OAAO;QACZ,mDAAmD;QACnD,wBAAwB,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACjE,CAAC;IACO,MAAM,CAAC,mBAAmB,CAChC,KAAiC,EACjC,OAA6B;QAE7B,KAAK,MAAM,EAAE,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,EAAE,CAAC,SAAS;gBAAE,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,CAAC;YAChD,IAAI,EAAE,CAAC,QAAQ;gBAAE,IAAI,CAAC,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAClE,CAAC;IACH,CAAC;IACO,MAAM,CAAC,sBAAsB,CAAC,OAA6B;QACjE,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC;IACjE,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 Utilities\n */\nimport type { IDisposable } from \"@itwin/core-bentley\";\n\n/**\n * A helper class to recursively save and restore scroll positions.\n * Usage:\n * ```ts\n * // scroll positions are saved when `ScrollPositionMaintainer` object is created\n * const maintainer = new ScrollPositionMaintainer(element);\n * // can do something with `element` here\n * // disposing the `maintainer` object restores scroll positions\n * maintainer.dispose();\n * ```\n * @public\n * @deprecated in 4.15.0. Not use by AppUI.\n */\nexport class ScrollPositionMaintainer implements IDisposable {\n  private _storage: Map<Element, number>;\n  public constructor(el: Element) {\n    this._storage = new Map();\n    // eslint-disable-next-line deprecation/deprecation\n    ScrollPositionMaintainer.saveScrollPositions([el], this._storage);\n  }\n  public dispose() {\n    // eslint-disable-next-line deprecation/deprecation\n    ScrollPositionMaintainer.restoreScrollPositions(this._storage);\n  }\n  private static saveScrollPositions(\n    elems: Element[] | HTMLCollection,\n    storage: Map<Element, number>\n  ) {\n    for (const el of elems) {\n      if (el.scrollTop) storage.set(el, el.scrollTop);\n      if (el.children) this.saveScrollPositions(el.children, storage);\n    }\n  }\n  private static restoreScrollPositions(storage: Map<Element, number>) {\n    storage.forEach((scrollTop, el) => (el.scrollTop = scrollTop));\n  }\n}\n"]}

package/lib/esm/core-react/utils/Timer.d.ts

@@ -3,10 +3,12 @@
  */
 /** Signature for [[Timer]] execute callback.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export type ExecuteHandler = (this: void) => void;
 /** Notifies handler after a set interval.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export declare class Timer {
     private _delay;

package/lib/esm/core-react/utils/Timer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/Timer.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAElD;;GAEG;AACH,qBAAa,KAAK;IAChB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,QAAQ,CAAK;IACrB,OAAO,CAAC,UAAU,CAA6B;IAE/C;;;OAGG;gBACgB,OAAO,EAAE,MAAM;IAIlC,6CAA6C;IAC7C,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,0EAA0E;IAC1E,IAAW,KAAK,IAGK,MAAM,CAD1B;IACD,IAAW,KAAK,CAAC,EAAE,EAAE,MAAM,EAE1B;IAED,uDAAuD;IAChD,YAAY,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS;IAIzD,yBAAyB;IAClB,KAAK;IAOZ,wBAAwB;IACjB,IAAI;IAOX,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,YAAY;CAGrB"}
+{"version":3,"file":"Timer.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/Timer.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAElD;;;GAGG;AACH,qBAAa,KAAK;IAChB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,QAAQ,CAAK;IAErB,OAAO,CAAC,UAAU,CAA6B;IAE/C;;;OAGG;gBACgB,OAAO,EAAE,MAAM;IAIlC,6CAA6C;IAC7C,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,0EAA0E;IAC1E,IAAW,KAAK,IAGK,MAAM,CAD1B;IACD,IAAW,KAAK,CAAC,EAAE,EAAE,MAAM,EAE1B;IAED,uDAAuD;IAEhD,YAAY,CAAC,SAAS,EAAE,cAAc,GAAG,SAAS;IAIzD,yBAAyB;IAClB,KAAK;IAOZ,wBAAwB;IACjB,IAAI;IAOX,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,YAAY;CAGrB"}

package/lib/esm/core-react/utils/Timer.js

@@ -7,6 +7,7 @@
  */
 /** Notifies handler after a set interval.
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export class Timer {
     /**
@@ -30,6 +31,7 @@ export class Timer {
         this._delay = ms;
     }
     /** Set handler that is called after a set interval. */
+    // eslint-disable-next-line deprecation/deprecation
     setOnExecute(onExecute) {
         this._onExecute = onExecute;
     }

package/lib/esm/core-react/utils/Timer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timer.js","sourceRoot":"","sources":["../../../../src/core-react/utils/Timer.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAOH;;GAEG;AACH,MAAM,OAAO,KAAK;IAMhB;;;OAGG;IACH,YAAmB,OAAe;QAR1B,eAAU,GAAG,KAAK,CAAC;QACnB,aAAQ,GAAG,CAAC,CAAC;QAQnB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;IACxB,CAAC;IAED,6CAA6C;IAC7C,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,0EAA0E;IAC1E,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,IAAW,KAAK,CAAC,EAAU;QACzB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACnB,CAAC;IAED,uDAAuD;IAChD,YAAY,CAAC,SAAqC;QACvD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAED,yBAAyB;IAClB,KAAK;QACV,IAAI,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,YAAY,EAAE,CAAC;QAEzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,wBAAwB;IACjB,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,OAAO;QACb,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACrC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACvE,CAAC;IAEO,YAAY;QAClB,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,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 Utilities\n */\n\n/** Signature for [[Timer]] execute callback.\n * @public\n */\nexport type ExecuteHandler = (this: void) => void;\n\n/** Notifies handler after a set interval.\n * @public\n */\nexport class Timer {\n  private _delay: number;\n  private _isRunning = false;\n  private _timerId = 0;\n  private _onExecute: ExecuteHandler | undefined;\n\n  /**\n   * Creates a new Timer.\n   * @param msDelay Time interval in milliseconds after which handler will be notified.\n   */\n  public constructor(msDelay: number) {\n    this._delay = msDelay;\n  }\n\n  /** Indicates whether the timer is running */\n  public get isRunning(): boolean {\n    return this._isRunning;\n  }\n\n  /** Time interval in milliseconds after which handler will be notified. */\n  public get delay() {\n    return this._delay;\n  }\n  public set delay(ms: number) {\n    this._delay = ms;\n  }\n\n  /** Set handler that is called after a set interval. */\n  public setOnExecute(onExecute: ExecuteHandler | undefined) {\n    this._onExecute = onExecute;\n  }\n\n  /** Starts this Timer. */\n  public start() {\n    if (this._isRunning) this.clearTimeout();\n\n    this._isRunning = true;\n    this.setTimeout();\n  }\n\n  /** Stops this Timer. */\n  public stop() {\n    if (!this._isRunning) return;\n\n    this._isRunning = false;\n    this.clearTimeout();\n  }\n\n  private execute() {\n    this._onExecute && this._onExecute();\n    this._isRunning = false;\n  }\n\n  private setTimeout() {\n    this._timerId = window.setTimeout(() => this.execute(), this._delay);\n  }\n\n  private clearTimeout() {\n    window.clearTimeout(this._timerId);\n  }\n}\n"]}
+{"version":3,"file":"Timer.js","sourceRoot":"","sources":["../../../../src/core-react/utils/Timer.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAQH;;;GAGG;AACH,MAAM,OAAO,KAAK;IAOhB;;;OAGG;IACH,YAAmB,OAAe;QAT1B,eAAU,GAAG,KAAK,CAAC;QACnB,aAAQ,GAAG,CAAC,CAAC;QASnB,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC;IACxB,CAAC;IAED,6CAA6C;IAC7C,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,UAAU,CAAC;IACzB,CAAC;IAED,0EAA0E;IAC1E,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IACD,IAAW,KAAK,CAAC,EAAU;QACzB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACnB,CAAC;IAED,uDAAuD;IACvD,mDAAmD;IAC5C,YAAY,CAAC,SAAqC;QACvD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;IAC9B,CAAC;IAED,yBAAyB;IAClB,KAAK;QACV,IAAI,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,YAAY,EAAE,CAAC;QAEzC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,wBAAwB;IACjB,IAAI;QACT,IAAI,CAAC,IAAI,CAAC,UAAU;YAAE,OAAO;QAE7B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,YAAY,EAAE,CAAC;IACtB,CAAC;IAEO,OAAO;QACb,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;QACrC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IAC1B,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACvE,CAAC;IAEO,YAAY;QAClB,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrC,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 Utilities\n */\n\n/** Signature for [[Timer]] execute callback.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport type ExecuteHandler = (this: void) => void;\n\n/** Notifies handler after a set interval.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport class Timer {\n  private _delay: number;\n  private _isRunning = false;\n  private _timerId = 0;\n  // eslint-disable-next-line deprecation/deprecation\n  private _onExecute: ExecuteHandler | undefined;\n\n  /**\n   * Creates a new Timer.\n   * @param msDelay Time interval in milliseconds after which handler will be notified.\n   */\n  public constructor(msDelay: number) {\n    this._delay = msDelay;\n  }\n\n  /** Indicates whether the timer is running */\n  public get isRunning(): boolean {\n    return this._isRunning;\n  }\n\n  /** Time interval in milliseconds after which handler will be notified. */\n  public get delay() {\n    return this._delay;\n  }\n  public set delay(ms: number) {\n    this._delay = ms;\n  }\n\n  /** Set handler that is called after a set interval. */\n  // eslint-disable-next-line deprecation/deprecation\n  public setOnExecute(onExecute: ExecuteHandler | undefined) {\n    this._onExecute = onExecute;\n  }\n\n  /** Starts this Timer. */\n  public start() {\n    if (this._isRunning) this.clearTimeout();\n\n    this._isRunning = true;\n    this.setTimeout();\n  }\n\n  /** Stops this Timer. */\n  public stop() {\n    if (!this._isRunning) return;\n\n    this._isRunning = false;\n    this.clearTimeout();\n  }\n\n  private execute() {\n    this._onExecute && this._onExecute();\n    this._isRunning = false;\n  }\n\n  private setTimeout() {\n    this._timerId = window.setTimeout(() => this.execute(), this._delay);\n  }\n\n  private clearTimeout() {\n    window.clearTimeout(this._timerId);\n  }\n}\n"]}

package/lib/esm/core-react/utils/getCssVariable.d.ts

@@ -3,10 +3,12 @@
  */
 /** Get CSS variable
  * @public
+ * @deprecated in 4.15.0. Not used by AppUI.
  */
 export declare function getCssVariable(variableName: string, htmlElement?: HTMLElement): string;
 /** Get CSS variable as number
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export declare function getCssVariableAsNumber(variableName: string, htmlElement?: HTMLElement): number;
 //# sourceMappingURL=getCssVariable.d.ts.map

package/lib/esm/core-react/utils/getCssVariable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getCssVariable.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,cAAc,CAC5B,YAAY,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,WAAW,GACxB,MAAM,CAKR;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,WAAW,GACxB,MAAM,CAKR"}
+{"version":3,"file":"getCssVariable.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,wBAAgB,cAAc,CAC5B,YAAY,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,WAAW,GACxB,MAAM,CAKR;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CACpC,YAAY,EAAE,MAAM,EACpB,WAAW,CAAC,EAAE,WAAW,GACxB,MAAM,CAMR"}

package/lib/esm/core-react/utils/getCssVariable.js

@@ -7,6 +7,7 @@
  */
 /** Get CSS variable
  * @public
+ * @deprecated in 4.15.0. Not used by AppUI.
  */
 export function getCssVariable(variableName, htmlElement) {
     const element = htmlElement ?? document.documentElement;
@@ -16,9 +17,11 @@ export function getCssVariable(variableName, htmlElement) {
 }
 /** Get CSS variable as number
  * @public
+ * @deprecated in 4.15.0. Used internally.
  */
 export function getCssVariableAsNumber(variableName, htmlElement) {
     let cssValNum = NaN;
+    // eslint-disable-next-line deprecation/deprecation
     const cssValStr = getCssVariable(variableName, htmlElement);
     if (cssValStr)
         cssValNum = parseFloat(cssValStr);

package/lib/esm/core-react/utils/getCssVariable.js.map

@@ -1 +1 @@
-{"version":3,"file":"getCssVariable.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,cAAc,CAC5B,YAAoB,EACpB,WAAyB;IAEzB,MAAM,OAAO,GAAG,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC;IACxD,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACvE,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CACpC,YAAoB,EACpB,WAAyB;IAEzB,IAAI,SAAS,GAAW,GAAG,CAAC;IAC5B,MAAM,SAAS,GAAG,cAAc,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,IAAI,SAAS;QAAE,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACjD,OAAO,SAAS,CAAC;AACnB,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 Utilities\n */\n\n/** Get CSS variable\n * @public\n */\nexport function getCssVariable(\n  variableName: string,\n  htmlElement?: HTMLElement\n): string {\n  const element = htmlElement ?? document.documentElement;\n  const cssStyles = getComputedStyle(element, null);\n  const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();\n  return cssVal;\n}\n\n/** Get CSS variable as number\n * @public\n */\nexport function getCssVariableAsNumber(\n  variableName: string,\n  htmlElement?: HTMLElement\n): number {\n  let cssValNum: number = NaN;\n  const cssValStr = getCssVariable(variableName, htmlElement);\n  if (cssValStr) cssValNum = parseFloat(cssValStr);\n  return cssValNum;\n}\n"]}
+{"version":3,"file":"getCssVariable.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;;GAGG;AACH,MAAM,UAAU,cAAc,CAC5B,YAAoB,EACpB,WAAyB;IAEzB,MAAM,OAAO,GAAG,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC;IACxD,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACvE,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CACpC,YAAoB,EACpB,WAAyB;IAEzB,IAAI,SAAS,GAAW,GAAG,CAAC;IAC5B,mDAAmD;IACnD,MAAM,SAAS,GAAG,cAAc,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,IAAI,SAAS;QAAE,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACjD,OAAO,SAAS,CAAC;AACnB,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 Utilities\n */\n\n/** Get CSS variable\n * @public\n * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport function getCssVariable(\n  variableName: string,\n  htmlElement?: HTMLElement\n): string {\n  const element = htmlElement ?? document.documentElement;\n  const cssStyles = getComputedStyle(element, null);\n  const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();\n  return cssVal;\n}\n\n/** Get CSS variable as number\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport function getCssVariableAsNumber(\n  variableName: string,\n  htmlElement?: HTMLElement\n): number {\n  let cssValNum: number = NaN;\n  // eslint-disable-next-line deprecation/deprecation\n  const cssValStr = getCssVariable(variableName, htmlElement);\n  if (cssValStr) cssValNum = parseFloat(cssValStr);\n  return cssValNum;\n}\n"]}

package/lib/esm/core-react/utils/hooks/useCrossOriginPopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossOriginPopup.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useCrossOriginPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,IAAI,QAsGpB"}
+{"version":3,"file":"useCrossOriginPopup.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useCrossOriginPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,MAAM,GAAG,SAAS,EACvB,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,IAAI,QAuGpB"}

package/lib/esm/core-react/utils/hooks/useCrossOriginPopup.js

@@ -73,6 +73,7 @@ export function useCrossOriginPopup(visible, url, title, width, height, onClose)
         };
     }, [closePopup]);
     // Timer that checks if popup was closed by end-user
+    // eslint-disable-next-line deprecation/deprecation
     useInterval(checkPopupClosed, checkPopupAliveDelay);
     // ==> Main render effect
     // Monitors visibility changes and open/close the popup accordingly.

package/lib/esm/core-react/utils/hooks/useCrossOriginPopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCrossOriginPopup.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useCrossOriginPopup.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 Utilities\n */\n\nimport * as React from \"react\";\nimport { useInterval } from \"./useInterval\";\n\n/** Hook that will show a popup window\n * @public\n */\nexport function useCrossOriginPopup(\n  visible: boolean,\n  url: string | undefined,\n  title: string,\n  width: number,\n  height: number,\n  onClose: () => void\n) {\n  const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState<\n    number | undefined\n  >();\n\n  // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change\n  // hence the massive use of 'useRef'\n  const popupWindow = React.useRef<Window>();\n  const savedUrl = React.useRef(url);\n  const savedTitle = React.useRef(title);\n  const savedWidth = React.useRef(width);\n  const savedHeight = React.useRef(height);\n  const savedOnClose = React.useRef(onClose);\n\n  React.useEffect(() => {\n    savedUrl.current = url;\n  }, [url]);\n  React.useEffect(() => {\n    savedTitle.current = title;\n  }, [title]);\n  React.useEffect(() => {\n    savedWidth.current = width;\n  }, [width]);\n  React.useEffect(() => {\n    savedHeight.current = height;\n  }, [height]);\n  React.useEffect(() => {\n    savedOnClose.current = onClose;\n  }, [onClose]);\n\n  // Cleanup method after a popup closure.  Also calls the OnClose callback.\n  const handleClosedPopup = React.useCallback(() => {\n    savedOnClose.current();\n    setCheckPopupAliveDelay(undefined);\n    popupWindow.current = undefined;\n  }, []);\n\n  const closePopup = React.useCallback(() => {\n    if (popupWindow.current !== undefined) {\n      popupWindow.current.close(); // Manually close the popup\n      handleClosedPopup();\n    }\n  }, [handleClosedPopup]);\n\n  const checkPopupClosed = React.useCallback(() => {\n    if (popupWindow.current?.closed) {\n      // Popup has been closed by end-user, inform our host and cleanup\n      handleClosedPopup();\n    }\n  }, [handleClosedPopup]);\n\n  //  Close popup when parent window get closed\n  React.useEffect(() => {\n    window.onbeforeunload = (_event) => {\n      closePopup();\n    };\n    return () => {\n      window.onbeforeunload = null;\n    };\n  }, [closePopup]);\n\n  // Whenever the hook is unloaded, make sure the underlying popup get closed.\n  // Note: An interval is used to check if popup was closed by user: because we access\n  // a cross domain resource inside the popup, we don't have access to popup window events.\n  // As a workaround, we periodically check if popup is still alive.\n  // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128\n  React.useEffect(() => {\n    return () => {\n      closePopup();\n    };\n  }, [closePopup]);\n\n  // Timer that checks if popup was closed by end-user\n  useInterval(checkPopupClosed, checkPopupAliveDelay);\n\n  // ==> Main render effect\n  // Monitors visibility changes and open/close the popup accordingly.\n  React.useEffect(() => {\n    // If visible and a popup window is not already open, open a new popup window\n    if (visible && popupWindow.current === undefined) {\n      const popup = window.open(\n        savedUrl.current,\n        savedTitle.current,\n        `width=${savedWidth.current},height=${savedHeight.current}`\n      );\n      if (popup) {\n        popup.focus();\n        popupWindow.current = popup;\n\n        // Start and interval that will check if popup got closed by user\n        setCheckPopupAliveDelay(1000);\n      }\n    }\n\n    // If not visible but a previous popup window is still open, close it.\n    if (!visible && popupWindow.current !== undefined) {\n      popupWindow.current.close();\n\n      handleClosedPopup();\n    }\n  }, [handleClosedPopup, visible]);\n}\n"]}
+{"version":3,"file":"useCrossOriginPopup.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useCrossOriginPopup.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C;;GAEG;AACH,MAAM,UAAU,mBAAmB,CACjC,OAAgB,EAChB,GAAuB,EACvB,KAAa,EACb,KAAa,EACb,MAAc,EACd,OAAmB;IAEnB,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,EAEnE,CAAC;IAEJ,gHAAgH;IAChH,oCAAoC;IACpC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;IAC3C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IACnC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACzC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAE3C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,QAAQ,CAAC,OAAO,GAAG,GAAG,CAAC;IACzB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,WAAW,CAAC,OAAO,GAAG,MAAM,CAAC;IAC/B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,0EAA0E;IAC1E,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC/C,YAAY,CAAC,OAAO,EAAE,CAAC;QACvB,uBAAuB,CAAC,SAAS,CAAC,CAAC;QACnC,WAAW,CAAC,OAAO,GAAG,SAAS,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,WAAW,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACtC,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,2BAA2B;YACxD,iBAAiB,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,MAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC9C,IAAI,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;YAChC,iEAAiE;YACjE,iBAAiB,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAExB,6CAA6C;IAC7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,CAAC,cAAc,GAAG,CAAC,MAAM,EAAE,EAAE;YACjC,UAAU,EAAE,CAAC;QACf,CAAC,CAAC;QACF,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,cAAc,GAAG,IAAI,CAAC;QAC/B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,4EAA4E;IAC5E,oFAAoF;IACpF,yFAAyF;IACzF,kEAAkE;IAClE,iIAAiI;IACjI,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,UAAU,EAAE,CAAC;QACf,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,oDAAoD;IACpD,mDAAmD;IACnD,WAAW,CAAC,gBAAgB,EAAE,oBAAoB,CAAC,CAAC;IAEpD,yBAAyB;IACzB,oEAAoE;IACpE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,6EAA6E;QAC7E,IAAI,OAAO,IAAI,WAAW,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YACjD,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CACvB,QAAQ,CAAC,OAAO,EAChB,UAAU,CAAC,OAAO,EAClB,SAAS,UAAU,CAAC,OAAO,WAAW,WAAW,CAAC,OAAO,EAAE,CAC5D,CAAC;YACF,IAAI,KAAK,EAAE,CAAC;gBACV,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;gBAE5B,iEAAiE;gBACjE,uBAAuB,CAAC,IAAI,CAAC,CAAC;YAChC,CAAC;QACH,CAAC;QAED,sEAAsE;QACtE,IAAI,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;YAClD,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAE5B,iBAAiB,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;AACnC,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 Utilities\n */\n\nimport * as React from \"react\";\nimport { useInterval } from \"./useInterval\";\n\n/** Hook that will show a popup window\n * @public\n */\nexport function useCrossOriginPopup(\n  visible: boolean,\n  url: string | undefined,\n  title: string,\n  width: number,\n  height: number,\n  onClose: () => void\n) {\n  const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState<\n    number | undefined\n  >();\n\n  // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change\n  // hence the massive use of 'useRef'\n  const popupWindow = React.useRef<Window>();\n  const savedUrl = React.useRef(url);\n  const savedTitle = React.useRef(title);\n  const savedWidth = React.useRef(width);\n  const savedHeight = React.useRef(height);\n  const savedOnClose = React.useRef(onClose);\n\n  React.useEffect(() => {\n    savedUrl.current = url;\n  }, [url]);\n  React.useEffect(() => {\n    savedTitle.current = title;\n  }, [title]);\n  React.useEffect(() => {\n    savedWidth.current = width;\n  }, [width]);\n  React.useEffect(() => {\n    savedHeight.current = height;\n  }, [height]);\n  React.useEffect(() => {\n    savedOnClose.current = onClose;\n  }, [onClose]);\n\n  // Cleanup method after a popup closure.  Also calls the OnClose callback.\n  const handleClosedPopup = React.useCallback(() => {\n    savedOnClose.current();\n    setCheckPopupAliveDelay(undefined);\n    popupWindow.current = undefined;\n  }, []);\n\n  const closePopup = React.useCallback(() => {\n    if (popupWindow.current !== undefined) {\n      popupWindow.current.close(); // Manually close the popup\n      handleClosedPopup();\n    }\n  }, [handleClosedPopup]);\n\n  const checkPopupClosed = React.useCallback(() => {\n    if (popupWindow.current?.closed) {\n      // Popup has been closed by end-user, inform our host and cleanup\n      handleClosedPopup();\n    }\n  }, [handleClosedPopup]);\n\n  //  Close popup when parent window get closed\n  React.useEffect(() => {\n    window.onbeforeunload = (_event) => {\n      closePopup();\n    };\n    return () => {\n      window.onbeforeunload = null;\n    };\n  }, [closePopup]);\n\n  // Whenever the hook is unloaded, make sure the underlying popup get closed.\n  // Note: An interval is used to check if popup was closed by user: because we access\n  // a cross domain resource inside the popup, we don't have access to popup window events.\n  // As a workaround, we periodically check if popup is still alive.\n  // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128\n  React.useEffect(() => {\n    return () => {\n      closePopup();\n    };\n  }, [closePopup]);\n\n  // Timer that checks if popup was closed by end-user\n  // eslint-disable-next-line deprecation/deprecation\n  useInterval(checkPopupClosed, checkPopupAliveDelay);\n\n  // ==> Main render effect\n  // Monitors visibility changes and open/close the popup accordingly.\n  React.useEffect(() => {\n    // If visible and a popup window is not already open, open a new popup window\n    if (visible && popupWindow.current === undefined) {\n      const popup = window.open(\n        savedUrl.current,\n        savedTitle.current,\n        `width=${savedWidth.current},height=${savedHeight.current}`\n      );\n      if (popup) {\n        popup.focus();\n        popupWindow.current = popup;\n\n        // Start and interval that will check if popup got closed by user\n        setCheckPopupAliveDelay(1000);\n      }\n    }\n\n    // If not visible but a previous popup window is still open, close it.\n    if (!visible && popupWindow.current !== undefined) {\n      popupWindow.current.close();\n\n      handleClosedPopup();\n    }\n  }, [handleClosedPopup, visible]);\n}\n"]}

package/lib/esm/core-react/utils/hooks/useDisposable.d.ts

@@ -15,6 +15,7 @@ export declare function useDisposable<TDisposable extends IDisposable>(createDis
  * which might as well be undefined. If the result was a disposable object, the
  * hook takes care of disposing it when necessary.
  * @public
+ * @deprecated in 4.15.0. Use `useState` + `useEffect` for creating and disposing disposable resources.
  */
 export declare function useOptionalDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable | undefined): TDisposable | undefined;
 //# sourceMappingURL=useDisposable.d.ts.map

package/lib/esm/core-react/utils/hooks/useDisposable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDisposable.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,WAAW,SAAS,WAAW,EAC3D,gBAAgB,EAAE,MAAM,WAAW,GAClC,WAAW,CAoBb;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,SAAS,WAAW,EACnE,gBAAgB,EAAE,MAAM,WAAW,GAAG,SAAS,GAC9C,WAAW,GAAG,SAAS,CAYzB"}
+{"version":3,"file":"useDisposable.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,WAAW,SAAS,WAAW,EAC3D,gBAAgB,EAAE,MAAM,WAAW,GAClC,WAAW,CAoBb;AAED;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,SAAS,WAAW,EACnE,gBAAgB,EAAE,MAAM,WAAW,GAAG,SAAS,GAC9C,WAAW,GAAG,SAAS,CAYzB"}

package/lib/esm/core-react/utils/hooks/useDisposable.js

@@ -36,6 +36,7 @@ export function useDisposable(createDisposable) {
  * which might as well be undefined. If the result was a disposable object, the
  * hook takes care of disposing it when necessary.
  * @public
+ * @deprecated in 4.15.0. Use `useState` + `useEffect` for creating and disposing disposable resources.
  */
 export function useOptionalDisposable(createDisposable) {
     const [value, setValue] = useState();

package/lib/esm/core-react/utils/hooks/useDisposable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDisposable.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAC3B,gBAAmC;IAEnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC7D,0FAA0F;IAC1F,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,qFAAqF;QACrF,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,SAAS,CAAC,OAAO,GAAG,gBAAgB,EAAE,CAAC;YACvC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;QAED,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CACnC,gBAA+C;IAE/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;QACtC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACrB,OAAO,GAAG,EAAE;YACV,UAAU,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,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 Utilities\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { IDisposable } from \"@itwin/core-bentley\";\n\n/**\n * A custom hook which creates a disposable object and manages its disposal on unmount\n * or factory method change.\n * @public\n * @deprecated in 4.9.0. This hook is not compatible with React 18 Strict mode. Use [[useOptionalDisposable]] or `useState` + `useEffect` for\n * creating and disposing disposable resources.\n */\nexport function useDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable\n): TDisposable {\n  const [value, setValue] = useState(() => createDisposable());\n  // need to capture initial disposable created during render loop in order to dispose later\n  const prevValue = useRef(value);\n  const useInitialValue = useRef(true);\n\n  useEffect(() => {\n    // do not create new disposable on initial render. It was created during render loop.\n    if (!useInitialValue.current) {\n      prevValue.current = createDisposable();\n      setValue(prevValue.current);\n    }\n\n    useInitialValue.current = false;\n    return () => {\n      prevValue.current.dispose();\n    };\n  }, [createDisposable]);\n\n  return value;\n}\n\n/**\n * A custom hook which calls the factory method to create a disposable object\n * which might as well be undefined. If the result was a disposable object, the\n * hook takes care of disposing it when necessary.\n * @public\n */\nexport function useOptionalDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable | undefined\n): TDisposable | undefined {\n  const [value, setValue] = useState<TDisposable | undefined>();\n\n  useEffect(() => {\n    const disposable = createDisposable();\n    setValue(disposable);\n    return () => {\n      disposable && disposable.dispose();\n    };\n  }, [createDisposable]);\n\n  return value;\n}\n"]}
+{"version":3,"file":"useDisposable.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGpD;;;;;;GAMG;AACH,MAAM,UAAU,aAAa,CAC3B,gBAAmC;IAEnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,CAAC;IAC7D,0FAA0F;IAC1F,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,qFAAqF;QACrF,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC;YAC7B,SAAS,CAAC,OAAO,GAAG,gBAAgB,EAAE,CAAC;YACvC,QAAQ,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;QAED,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,OAAO,GAAG,EAAE;YACV,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CACnC,gBAA+C;IAE/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,gBAAgB,EAAE,CAAC;QACtC,QAAQ,CAAC,UAAU,CAAC,CAAC;QACrB,OAAO,GAAG,EAAE;YACV,UAAU,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,KAAK,CAAC;AACf,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 Utilities\n */\n\nimport { useEffect, useRef, useState } from \"react\";\nimport type { IDisposable } from \"@itwin/core-bentley\";\n\n/**\n * A custom hook which creates a disposable object and manages its disposal on unmount\n * or factory method change.\n * @public\n * @deprecated in 4.9.0. This hook is not compatible with React 18 Strict mode. Use [[useOptionalDisposable]] or `useState` + `useEffect` for\n * creating and disposing disposable resources.\n */\nexport function useDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable\n): TDisposable {\n  const [value, setValue] = useState(() => createDisposable());\n  // need to capture initial disposable created during render loop in order to dispose later\n  const prevValue = useRef(value);\n  const useInitialValue = useRef(true);\n\n  useEffect(() => {\n    // do not create new disposable on initial render. It was created during render loop.\n    if (!useInitialValue.current) {\n      prevValue.current = createDisposable();\n      setValue(prevValue.current);\n    }\n\n    useInitialValue.current = false;\n    return () => {\n      prevValue.current.dispose();\n    };\n  }, [createDisposable]);\n\n  return value;\n}\n\n/**\n * A custom hook which calls the factory method to create a disposable object\n * which might as well be undefined. If the result was a disposable object, the\n * hook takes care of disposing it when necessary.\n * @public\n * @deprecated in 4.15.0. Use `useState` + `useEffect` for creating and disposing disposable resources.\n */\nexport function useOptionalDisposable<TDisposable extends IDisposable>(\n  createDisposable: () => TDisposable | undefined\n): TDisposable | undefined {\n  const [value, setValue] = useState<TDisposable | undefined>();\n\n  useEffect(() => {\n    const disposable = createDisposable();\n    setValue(disposable);\n    return () => {\n      disposable && disposable.dispose();\n    };\n  }, [createDisposable]);\n\n  return value;\n}\n"]}