@itwin/core-react 4.1.0-dev.1 → 4.2.0-dev.1

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 
 $node-font-size: var(--iui-font-size-1);
 
@@ -19,23 +19,23 @@ $node-font-size: var(--iui-font-size-1);
   cursor: default;
   padding: 1px 1px 0px 1px;
 
-  >.contents {
+  > .contents {
     display: flex;
     align-items: center;
     width: 100%;
     gap: 5px;
 
-    >.iui-progress-indicator-radial {
+    > .iui-progress-indicator-radial {
       margin: 0 4px;
     }
 
-    >.expansion-toggle {
+    > .expansion-toggle {
       display: inline-block;
       margin-top: auto;
       margin-bottom: auto;
     }
 
-    >.core-image-checkbox {
+    > .core-image-checkbox {
       top: -1px;
     }
   }
@@ -43,7 +43,7 @@ $node-font-size: var(--iui-font-size-1);
   &-icon {
     width: 16px;
 
-    >.bui-webfont-icon {
+    > .bui-webfont-icon {
       display: inline-block;
       width: 16px;
       text-align: center;
@@ -65,4 +65,4 @@ $node-font-size: var(--iui-font-size-1);
   &.is-selected {
     background: var(--iui-color-background-accent-muted);
   }
-}
+}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Tree
  */
@@ -20,8 +20,8 @@ class TreeNodePlaceholder extends React.PureComponent {
     render() {
         const className = (0, classnames_1.default)("core-tree-placeholder", this.props.className);
         const offset = this.props.level * Node_1.LEVEL_OFFSET;
-        const min = (this.props.minWidth || 50);
-        const max = (this.props.maxWidth || 200);
+        const min = this.props.minWidth || 50;
+        const max = this.props.maxWidth || 200;
         const width = Math.floor(min + Math.random() * (max - min));
         const style = { ...this.props.style, paddingLeft: `${offset}px` };
         return (React.createElement("div", { className: className, style: style, "data-testid": this.props["data-testid"] },

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

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../../src/core-react/tree/Placeholder.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,8BAA4B;AAC5B,2CAAoC;AACpC,+BAA+B;AAE/B,iCAAsC;AAYtC;;;GAGG;AACH,MAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAuC;IACpE,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC5E,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,mBAAY,CAAC;QAC/C,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC;QACxC,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,GAAG,CAAC,CAAC;QACzC,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;AAlBD,kDAkBC","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,8BAA4B;AAC5B,2CAAoC;AACpC,+BAA+B;AAE/B,iCAAsC;AAYtC;;;GAGG;AACH,MAAa,mBAAoB,SAAQ,KAAK,CAAC,aAAuC;IACpE,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAAC,uBAAuB,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;QAC5E,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,mBAAY,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;AAlBD,kDAkBC","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"]}

package/lib/cjs/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,GAe/B;IAEM,eAAe,CAAC,OAAO,EAAE,OAAO;IAwChC,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE;IAWpD,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAarC,MAAM;CAqBvB"}
+{"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;IAyDhC,sBAAsB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,EAAE;IAUpD,mBAAmB,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAerC,MAAM;CAoBvB"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Tree
  */
@@ -25,13 +25,19 @@ class Tree extends React.PureComponent {
             return undefined;
         const isScrollable = (element) => {
             const style = window.getComputedStyle(element);
-            return style.overflow === "auto" || style.overflow === "scroll"
-                || style.overflowY === "auto" || style.overflowY === "scroll"
-                || style.overflowX === "auto" || style.overflowX === "scroll";
+            return (style.overflow === "auto" ||
+                style.overflow === "scroll" ||
+                style.overflowY === "auto" ||
+                style.overflowY === "scroll" ||
+                style.overflowX === "auto" ||
+                style.overflowX === "scroll");
         };
         let scrollableContainer = this._treeElement.current;
         while (scrollableContainer && !isScrollable(scrollableContainer))
-            scrollableContainer = (scrollableContainer.children.length > 0) ? scrollableContainer.children[0] : undefined;
+            scrollableContainer =
+                scrollableContainer.children.length > 0
+                    ? scrollableContainer.children[0]
+                    : undefined;
         return scrollableContainer;
     }
     scrollToElement(element) {
@@ -39,7 +45,7 @@ class Tree extends React.PureComponent {
         if (!container)
             return;
         // istanbul ignore next
-        if (!Element.prototype.scrollTo) { // eslint-disable-line @typescript-eslint/unbound-method
+        if (!Element.prototype.scrollTo) {
             // workaround for Edge scrollTo issue https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15534521/
             element.scrollIntoView();
             return;
@@ -49,11 +55,13 @@ class Tree extends React.PureComponent {
         const containerBox = container.getBoundingClientRect();
         const containerRange = Rectangle_1.Rectangle.createXYXY(containerBox.left - container.scrollLeft, containerBox.top - container.scrollTop, containerBox.right - container.scrollLeft, containerBox.bottom - container.scrollTop);
         let left;
-        if (container.scrollLeft > 0 && elementRange.right <= containerRange.right) {
+        if (container.scrollLeft > 0 &&
+            elementRange.right <= containerRange.right) {
             // always attempt to keep horizontal scroll at 0
             left = 0;
         }
-        else if (containerRange.left <= elementRange.left && containerRange.right >= elementRange.right) {
+        else if (containerRange.left <= elementRange.left &&
+            containerRange.right >= elementRange.right) {
             // already visible - no need to scroll to
             left = container.scrollLeft;
         }
@@ -61,7 +69,8 @@ class Tree extends React.PureComponent {
             left = elementRange.left - containerRange.left;
         }
         let top;
-        if (containerRange.top <= elementRange.top && containerRange.bottom >= elementRange.bottom) {
+        if (containerRange.top <= elementRange.top &&
+            containerRange.bottom >= elementRange.bottom) {
             // already visible - no need to scroll to
             top = container.scrollTop;
         }

package/lib/cjs/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)\n      return undefined;\n\n    const isScrollable = (element: Element) => {\n      const style = window.getComputedStyle(element);\n      return style.overflow === \"auto\" || style.overflow === \"scroll\"\n        || style.overflowY === \"auto\" || style.overflowY === \"scroll\"\n        || style.overflowX === \"auto\" || style.overflowX === \"scroll\";\n    };\n    let scrollableContainer: Element | undefined = this._treeElement.current;\n    while (scrollableContainer && !isScrollable(scrollableContainer))\n      scrollableContainer = (scrollableContainer.children.length > 0) ? scrollableContainer.children[0] : undefined;\n\n    return scrollableContainer;\n  }\n\n  public scrollToElement(element: Element) {\n    const container = this._scrollableContainer;\n    if (!container)\n      return;\n\n    // istanbul ignore next\n    if (!Element.prototype.scrollTo) { // eslint-disable-line @typescript-eslint/unbound-method\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(elementBox.left, elementBox.top, elementBox.right, elementBox.bottom);\n    const containerBox = container.getBoundingClientRect();\n    const containerRange = Rectangle.createXYXY(containerBox.left - container.scrollLeft, containerBox.top - container.scrollTop,\n      containerBox.right - container.scrollLeft, containerBox.bottom - container.scrollTop);\n\n    let left: number;\n    if (container.scrollLeft > 0 && elementRange.right <= containerRange.right) {\n      // always attempt to keep horizontal scroll at 0\n      left = 0;\n    } else if (containerRange.left <= elementRange.left && containerRange.right >= elementRange.right) {\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 (containerRange.top <= elementRange.top && containerRange.bottom >= elementRange.bottom) {\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)\n      return [];\n\n    const elems = new Array<Element>();\n    const collection = this._treeElement.current.getElementsByClassName(className);\n    for (let i = 0; i < collection.length; ++i)\n      elems.push(collection.item(i)!);\n    return elems;\n  }\n  // istanbul ignore next\n  public setFocusByClassName(selector: string): boolean {\n    let status = false;\n    if (this._treeElement.current) {\n      const element = this._treeElement.current.querySelector(selector) as HTMLElement;\n      // istanbul ignore else\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(\n      \"core-tree\",\n      this.props.className);\n\n    return (\n      <div 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 */\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    // istanbul ignore next\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  // istanbul ignore next\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      // istanbul ignore else\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/cjs/core-react/uistate/LocalStateStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LocalStateStorage.d.ts","sourceRoot":"","sources":["../../../../src/core-react/uistate/LocalStateStorage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAM5E;;;GAGG;AACH,qBAAa,iBAAkB,YAAW,cAAc;IAEnC,CAAC,EAAE,MAAM;gBAAT,CAAC,GAAE,MAAe;IAExB,UAAU,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAQxF,WAAW,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAKvG,UAAU,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAQ3E,aAAa,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC;CAQzG"}
+{"version":3,"file":"LocalStateStorage.d.ts","sourceRoot":"","sources":["../../../../src/core-react/uistate/LocalStateStorage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAM7E;;;GAGG;AACH,qBAAa,iBAAkB,YAAW,cAAc;IACnC,CAAC,EAAE,MAAM;gBAAT,CAAC,GAAE,MAAe;IAExB,UAAU,CACrB,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,oBAAoB,CAAC;IAYnB,WAAW,CACtB,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,GAAG,GACX,OAAO,CAAC,oBAAoB,CAAC;IAQnB,UAAU,CACrB,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,OAAO,CAAC;IAON,aAAa,CACxB,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,oBAAoB,CAAC;CAOjC"}

package/lib/cjs/core-react/uistate/LocalStateStorage.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module UiStateStorage
  */
@@ -22,7 +22,10 @@ class LocalStateStorage {
     async getSetting(settingNamespace, settingName) {
         const setting = this.w.localStorage.getItem(`${settingNamespace}.${settingName}`);
         if (setting !== null)
-            return { status: UiStateStorage_1.UiStateStorageStatus.Success, setting: JSON.parse(setting) };
+            return {
+                status: UiStateStorage_1.UiStateStorageStatus.Success,
+                setting: JSON.parse(setting),
+            };
         else
             return { status: UiStateStorage_1.UiStateStorageStatus.NotFound };
     }

package/lib/cjs/core-react/uistate/LocalStateStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalStateStorage.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/LocalStateStorage.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,qDAAwD;AAExD,sIAAsI;AACtI,wDAAwD;AAExD;;;GAGG;AACH,MAAa,iBAAiB;IAE5B,YAAmB,IAAY,MAAM;QAAlB,MAAC,GAAD,CAAC,CAAiB;IAAI,CAAC;IAEnC,KAAK,CAAC,UAAU,CAAC,gBAAwB,EAAE,WAAmB;QACnE,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,gBAAgB,IAAI,WAAW,EAAE,CAAC,CAAC;QAClF,IAAI,OAAO,KAAK,IAAI;YAClB,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;;YAE9E,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,QAAQ,EAAE,CAAC;IACrD,CAAC;IAEM,KAAK,CAAC,WAAW,CAAC,gBAAwB,EAAE,WAAmB,EAAE,OAAY;QAClF,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,GAAG,gBAAgB,IAAI,WAAW,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3F,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,OAAO,EAAE,CAAC;IAClD,CAAC;IAEM,KAAK,CAAC,UAAU,CAAC,gBAAwB,EAAE,WAAmB;QACnE,MAAM,IAAI,GAAG,GAAG,gBAAgB,IAAI,WAAW,EAAE,CAAC;QAClD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,OAAO,KAAK,IAAI;YAClB,OAAO,KAAK,CAAC;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,KAAK,CAAC,aAAa,CAAC,gBAAwB,EAAE,WAAmB;QACtE,MAAM,IAAI,GAAG,GAAG,gBAAgB,IAAI,WAAW,EAAE,CAAC;QAClD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,OAAO,KAAK,IAAI;YAClB,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,QAAQ,EAAE,CAAC;QACnD,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrC,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,OAAO,EAAE,CAAC;IAClD,CAAC;CACF;AAjCD,8CAiCC","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 UiStateStorage\n */\n\nimport type { UiStateStorage, UiStateStorageResult} from \"./UiStateStorage\";\nimport { UiStateStorageStatus } from \"./UiStateStorage\";\n\n// All of the Settings APIs that are available in core-react should be fully deprecated. However, some of the usage and implementation\n// of it from AppUI will continue to be supported there.\n\n/**\n * Implementation of [[UiStateStorage]] using Window.localStorage.\n * @public\n */\nexport class LocalStateStorage implements UiStateStorage {\n\n  constructor(public w: Window = window) { }\n\n  public async getSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult> {\n    const setting = this.w.localStorage.getItem(`${settingNamespace}.${settingName}`);\n    if (setting !== null)\n      return { status: UiStateStorageStatus.Success, setting: JSON.parse(setting) };\n    else\n      return { status: UiStateStorageStatus.NotFound };\n  }\n\n  public async saveSetting(settingNamespace: string, settingName: string, setting: any): Promise<UiStateStorageResult> {\n    this.w.localStorage.setItem(`${settingNamespace}.${settingName}`, JSON.stringify(setting));\n    return { status: UiStateStorageStatus.Success };\n  }\n\n  public async hasSetting(settingNamespace: string, settingName: string): Promise<boolean> {\n    const name = `${settingNamespace}.${settingName}`;\n    const setting = this.w.localStorage.getItem(name);\n    if (setting === null)\n      return false;\n    return true;\n  }\n\n  public async deleteSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult> {\n    const name = `${settingNamespace}.${settingName}`;\n    const setting = this.w.localStorage.getItem(name);\n    if (setting === null)\n      return { status: UiStateStorageStatus.NotFound };\n    this.w.localStorage.removeItem(name);\n    return { status: UiStateStorageStatus.Success };\n  }\n}\n"]}
+{"version":3,"file":"LocalStateStorage.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/LocalStateStorage.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,qDAAwD;AAExD,sIAAsI;AACtI,wDAAwD;AAExD;;;GAGG;AACH,MAAa,iBAAiB;IAC5B,YAAmB,IAAY,MAAM;QAAlB,MAAC,GAAD,CAAC,CAAiB;IAAG,CAAC;IAElC,KAAK,CAAC,UAAU,CACrB,gBAAwB,EACxB,WAAmB;QAEnB,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CACzC,GAAG,gBAAgB,IAAI,WAAW,EAAE,CACrC,CAAC;QACF,IAAI,OAAO,KAAK,IAAI;YAClB,OAAO;gBACL,MAAM,EAAE,qCAAoB,CAAC,OAAO;gBACpC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;aAC7B,CAAC;;YACC,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,QAAQ,EAAE,CAAC;IACxD,CAAC;IAEM,KAAK,CAAC,WAAW,CACtB,gBAAwB,EACxB,WAAmB,EACnB,OAAY;QAEZ,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CACzB,GAAG,gBAAgB,IAAI,WAAW,EAAE,EACpC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CACxB,CAAC;QACF,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,OAAO,EAAE,CAAC;IAClD,CAAC;IAEM,KAAK,CAAC,UAAU,CACrB,gBAAwB,EACxB,WAAmB;QAEnB,MAAM,IAAI,GAAG,GAAG,gBAAgB,IAAI,WAAW,EAAE,CAAC;QAClD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO,KAAK,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,KAAK,CAAC,aAAa,CACxB,gBAAwB,EACxB,WAAmB;QAEnB,MAAM,IAAI,GAAG,GAAG,gBAAgB,IAAI,WAAW,EAAE,CAAC;QAClD,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClD,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,QAAQ,EAAE,CAAC;QACvE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrC,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,OAAO,EAAE,CAAC;IAClD,CAAC;CACF;AAlDD,8CAkDC","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 UiStateStorage\n */\n\nimport type { UiStateStorage, UiStateStorageResult } from \"./UiStateStorage\";\nimport { UiStateStorageStatus } from \"./UiStateStorage\";\n\n// All of the Settings APIs that are available in core-react should be fully deprecated. However, some of the usage and implementation\n// of it from AppUI will continue to be supported there.\n\n/**\n * Implementation of [[UiStateStorage]] using Window.localStorage.\n * @public\n */\nexport class LocalStateStorage implements UiStateStorage {\n  constructor(public w: Window = window) {}\n\n  public async getSetting(\n    settingNamespace: string,\n    settingName: string\n  ): Promise<UiStateStorageResult> {\n    const setting = this.w.localStorage.getItem(\n      `${settingNamespace}.${settingName}`\n    );\n    if (setting !== null)\n      return {\n        status: UiStateStorageStatus.Success,\n        setting: JSON.parse(setting),\n      };\n    else return { status: UiStateStorageStatus.NotFound };\n  }\n\n  public async saveSetting(\n    settingNamespace: string,\n    settingName: string,\n    setting: any\n  ): Promise<UiStateStorageResult> {\n    this.w.localStorage.setItem(\n      `${settingNamespace}.${settingName}`,\n      JSON.stringify(setting)\n    );\n    return { status: UiStateStorageStatus.Success };\n  }\n\n  public async hasSetting(\n    settingNamespace: string,\n    settingName: string\n  ): Promise<boolean> {\n    const name = `${settingNamespace}.${settingName}`;\n    const setting = this.w.localStorage.getItem(name);\n    if (setting === null) return false;\n    return true;\n  }\n\n  public async deleteSetting(\n    settingNamespace: string,\n    settingName: string\n  ): Promise<UiStateStorageResult> {\n    const name = `${settingNamespace}.${settingName}`;\n    const setting = this.w.localStorage.getItem(name);\n    if (setting === null) return { status: UiStateStorageStatus.NotFound };\n    this.w.localStorage.removeItem(name);\n    return { status: UiStateStorageStatus.Success };\n  }\n}\n"]}

package/lib/cjs/core-react/uistate/UiStateEntry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiStateEntry.d.ts","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateEntry.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAC,MAAM,kBAAkB,CAAC;AAG5E;;GAEG;AACH,qBAAa,YAAY,CAAC,CAAC;IAQC,gBAAgB,EAAE,MAAM;IAAS,WAAW,EAAE,MAAM;IAAS,QAAQ,EAAE,MAAM,CAAC;IAAS,UAAU,CAAC,OAAM,CAAC,KAAK,IAAI;IAAS,YAAY,CAAC;IAPlK;;;;;;OAMG;gBACuB,gBAAgB,EAAE,MAAM,EAAS,WAAW,EAAE,MAAM,EAAS,QAAQ,EAAE,MAAM,CAAC,EAAS,UAAU,CAAC,OAAM,CAAC,KAAK,IAAI,aAAA,EAAS,YAAY,CAAC,eAAG;IAGrK,+CAA+C;IAClC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAI/E,6EAA6E;IAChE,WAAW,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAIhF,8CAA8C;IACjC,aAAa,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,oBAAoB,CAAC;IAIlF,iGAAiG;IACpF,uBAAuB,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,oBAAoB,CAAC;CAc7F"}
+{"version":3,"file":"UiStateEntry.d.ts","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateEntry.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG7E;;GAEG;AACH,qBAAa,YAAY,CAAC,CAAC;IAShB,gBAAgB,EAAE,MAAM;IACxB,WAAW,EAAE,MAAM;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,OAAM,CAAC,KAAK,IAAI;IAC3B,YAAY,CAAC;IAZtB;;;;;;OAMG;gBAEM,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,MAAM,CAAC,EACjB,UAAU,CAAC,OAAM,CAAC,KAAK,IAAI,aAAA,EAC3B,YAAY,CAAC,eAAG;IAGzB,+CAA+C;IAClC,UAAU,CACrB,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,oBAAoB,CAAC;IAIhC,6EAA6E;IAChE,WAAW,CACtB,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,oBAAoB,CAAC;IAQhC,8CAA8C;IACjC,aAAa,CACxB,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,oBAAoB,CAAC;IAIhC,iGAAiG;IACpF,uBAAuB,CAClC,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,oBAAoB,CAAC;CAcjC"}

package/lib/cjs/core-react/uistate/UiStateEntry.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module UiStateStorage
  */

package/lib/cjs/core-react/uistate/UiStateEntry.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiStateEntry.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateEntry.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,qDAAwD;AAExD;;GAEG;AACH,MAAa,YAAY;IACvB;;;;;;OAMG;IACH,YAA0B,gBAAwB,EAAS,WAAmB,EAAS,QAAiB,EAAS,UAA2B,EAAS,YAAgB;QAA3I,qBAAgB,GAAhB,gBAAgB,CAAQ;QAAS,gBAAW,GAAX,WAAW,CAAQ;QAAS,aAAQ,GAAR,QAAQ,CAAS;QAAS,eAAU,GAAV,UAAU,CAAiB;QAAS,iBAAY,GAAZ,YAAY,CAAI;IACrK,CAAC;IAED,+CAA+C;IACxC,KAAK,CAAC,UAAU,CAAC,OAAuB;QAC7C,OAAO,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACrE,CAAC;IAED,6EAA6E;IACtE,KAAK,CAAC,WAAW,CAAC,OAAuB;QAC9C,OAAO,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IACvF,CAAC;IAED,8CAA8C;IACvC,KAAK,CAAC,aAAa,CAAC,OAAuB;QAChD,OAAO,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACxE,CAAC;IAED,iGAAiG;IAC1F,KAAK,CAAC,uBAAuB,CAAC,OAAuB;QAC1D,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC9C,IAAI,MAAM,CAAC,MAAM,KAAK,qCAAoB,CAAC,OAAO,EAAE;gBAClD,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aACjC;iBAAM,IAAI,SAAS,KAAK,IAAI,CAAC,YAAY,EAAE;gBAC1C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;gBACnC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC;gBACnC,MAAM,CAAC,MAAM,GAAG,qCAAoB,CAAC,OAAO,CAAC;aAC9C;YACD,OAAO,MAAM,CAAC;SACf;QACD,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,aAAa,EAAE,CAAC;IACxD,CAAC;CACF;AAzCD,oCAyCC","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 UiStateStorage\n */\n\nimport type { UiStateStorage, UiStateStorageResult} from \"./UiStateStorage\";\nimport { UiStateStorageStatus } from \"./UiStateStorage\";\n\n/** A single UI State enter that is identified by namespace and setting name.\n * @public\n */\nexport class UiStateEntry<T> {\n  /** Constructor\n   * @param settingNamespace  Namespace for the setting, passed to UiStateStorage.\n   * @param settingName       Name for the setting, passed to UiStateStorage.\n   * @param getValue          Function for getting the value from the application.\n   * @param applyValue        Function for applying the setting value to the application.\n   * @param defaultValue      Optional default value if not already stored.\n   */\n  public constructor(public settingNamespace: string, public settingName: string, public getValue: () => T, public applyValue?: (v: T) => void, public defaultValue?: T) {\n  }\n\n  /** Gets the setting from [[UiStateStorage]] */\n  public async getSetting(storage: UiStateStorage): Promise<UiStateStorageResult> {\n    return storage.getSetting(this.settingNamespace, this.settingName);\n  }\n\n  /** Saves the setting value from the `getValue` function to UiStateStorage */\n  public async saveSetting(storage: UiStateStorage): Promise<UiStateStorageResult> {\n    return storage.saveSetting(this.settingNamespace, this.settingName, this.getValue());\n  }\n\n  /** Deletes the setting from UiStateStorage */\n  public async deleteSetting(storage: UiStateStorage): Promise<UiStateStorageResult> {\n    return storage.deleteSetting(this.settingNamespace, this.settingName);\n  }\n\n  /** Gets the setting from UiStateStorage and applies the value using the `applyValue` function */\n  public async getSettingAndApplyValue(storage: UiStateStorage): Promise<UiStateStorageResult> {\n    if (this.applyValue) {\n      const result = await this.getSetting(storage);\n      if (result.status === UiStateStorageStatus.Success) {\n        this.applyValue(result.setting);\n      } else if (undefined !== this.defaultValue) {\n        this.applyValue(this.defaultValue);\n        result.setting = this.defaultValue;\n        result.status = UiStateStorageStatus.Success;\n      }\n      return result;\n    }\n    return { status: UiStateStorageStatus.Uninitialized };\n  }\n}\n"]}
+{"version":3,"file":"UiStateEntry.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateEntry.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,qDAAwD;AAExD;;GAEG;AACH,MAAa,YAAY;IACvB;;;;;;OAMG;IACH,YACS,gBAAwB,EACxB,WAAmB,EACnB,QAAiB,EACjB,UAA2B,EAC3B,YAAgB;QAJhB,qBAAgB,GAAhB,gBAAgB,CAAQ;QACxB,gBAAW,GAAX,WAAW,CAAQ;QACnB,aAAQ,GAAR,QAAQ,CAAS;QACjB,eAAU,GAAV,UAAU,CAAiB;QAC3B,iBAAY,GAAZ,YAAY,CAAI;IACtB,CAAC;IAEJ,+CAA+C;IACxC,KAAK,CAAC,UAAU,CACrB,OAAuB;QAEvB,OAAO,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACrE,CAAC;IAED,6EAA6E;IACtE,KAAK,CAAC,WAAW,CACtB,OAAuB;QAEvB,OAAO,OAAO,CAAC,WAAW,CACxB,IAAI,CAAC,gBAAgB,EACrB,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,QAAQ,EAAE,CAChB,CAAC;IACJ,CAAC;IAED,8CAA8C;IACvC,KAAK,CAAC,aAAa,CACxB,OAAuB;QAEvB,OAAO,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,gBAAgB,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACxE,CAAC;IAED,iGAAiG;IAC1F,KAAK,CAAC,uBAAuB,CAClC,OAAuB;QAEvB,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC;YAC9C,IAAI,MAAM,CAAC,MAAM,KAAK,qCAAoB,CAAC,OAAO,EAAE;gBAClD,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;aACjC;iBAAM,IAAI,SAAS,KAAK,IAAI,CAAC,YAAY,EAAE;gBAC1C,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;gBACnC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC;gBACnC,MAAM,CAAC,MAAM,GAAG,qCAAoB,CAAC,OAAO,CAAC;aAC9C;YACD,OAAO,MAAM,CAAC;SACf;QACD,OAAO,EAAE,MAAM,EAAE,qCAAoB,CAAC,aAAa,EAAE,CAAC;IACxD,CAAC;CACF;AA1DD,oCA0DC","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 UiStateStorage\n */\n\nimport type { UiStateStorage, UiStateStorageResult } from \"./UiStateStorage\";\nimport { UiStateStorageStatus } from \"./UiStateStorage\";\n\n/** A single UI State enter that is identified by namespace and setting name.\n * @public\n */\nexport class UiStateEntry<T> {\n  /** Constructor\n   * @param settingNamespace  Namespace for the setting, passed to UiStateStorage.\n   * @param settingName       Name for the setting, passed to UiStateStorage.\n   * @param getValue          Function for getting the value from the application.\n   * @param applyValue        Function for applying the setting value to the application.\n   * @param defaultValue      Optional default value if not already stored.\n   */\n  public constructor(\n    public settingNamespace: string,\n    public settingName: string,\n    public getValue: () => T,\n    public applyValue?: (v: T) => void,\n    public defaultValue?: T\n  ) {}\n\n  /** Gets the setting from [[UiStateStorage]] */\n  public async getSetting(\n    storage: UiStateStorage\n  ): Promise<UiStateStorageResult> {\n    return storage.getSetting(this.settingNamespace, this.settingName);\n  }\n\n  /** Saves the setting value from the `getValue` function to UiStateStorage */\n  public async saveSetting(\n    storage: UiStateStorage\n  ): Promise<UiStateStorageResult> {\n    return storage.saveSetting(\n      this.settingNamespace,\n      this.settingName,\n      this.getValue()\n    );\n  }\n\n  /** Deletes the setting from UiStateStorage */\n  public async deleteSetting(\n    storage: UiStateStorage\n  ): Promise<UiStateStorageResult> {\n    return storage.deleteSetting(this.settingNamespace, this.settingName);\n  }\n\n  /** Gets the setting from UiStateStorage and applies the value using the `applyValue` function */\n  public async getSettingAndApplyValue(\n    storage: UiStateStorage\n  ): Promise<UiStateStorageResult> {\n    if (this.applyValue) {\n      const result = await this.getSetting(storage);\n      if (result.status === UiStateStorageStatus.Success) {\n        this.applyValue(result.setting);\n      } else if (undefined !== this.defaultValue) {\n        this.applyValue(this.defaultValue);\n        result.setting = this.defaultValue;\n        result.status = UiStateStorageStatus.Success;\n      }\n      return result;\n    }\n    return { status: UiStateStorageStatus.Uninitialized };\n  }\n}\n"]}

package/lib/cjs/core-react/uistate/UiStateStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiStateStorage.d.ts","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateStorage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACzF,WAAW,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACxG,aAAa,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAC7F;AAED;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,YAAY,IAAI;IAChB,aAAa,IAAI;IACjB,kBAAkB,IAAI;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,OAAO,CAAC,EAAE,GAAG,CAAC;CACf"}
+{"version":3,"file":"UiStateStorage.d.ts","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateStorage.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,UAAU,CACR,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACjC,WAAW,CACT,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,GAAG,GACX,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACjC,aAAa,CACX,gBAAgB,EAAE,MAAM,EACxB,WAAW,EAAE,MAAM,GAClB,OAAO,CAAC,oBAAoB,CAAC,CAAC;CAClC;AAED;;GAEG;AACH,oBAAY,oBAAoB;IAC9B,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,YAAY,IAAI;IAChB,aAAa,IAAI;IACjB,kBAAkB,IAAI;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,oBAAoB,CAAC;IAC7B,OAAO,CAAC,EAAE,GAAG,CAAC;CACf"}

package/lib/cjs/core-react/uistate/UiStateStorage.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module UiStateStorage
  */

package/lib/cjs/core-react/uistate/UiStateStorage.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiStateStorage.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateStorage.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAWH;;GAEG;AACH,IAAY,oBAMX;AAND,WAAY,oBAAoB;IAC9B,qEAAW,CAAA;IACX,uEAAY,CAAA;IACZ,+EAAgB,CAAA;IAChB,iFAAiB,CAAA;IACjB,2FAAsB,CAAA;AACxB,CAAC,EANW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAM/B","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 UiStateStorage\n */\n\n/** Interface for getting, saving and deleting settings.\n * @public\n */\nexport interface UiStateStorage {\n  getSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;\n  saveSetting(settingNamespace: string, settingName: string, setting: any): Promise<UiStateStorageResult>;\n  deleteSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;\n}\n\n/** Enum for [[UiStateStorage]] status.\n * @public\n */\nexport enum UiStateStorageStatus {\n  Success = 0,\n  NotFound = 1,\n  UnknownError = 2,\n  Uninitialized = 3,\n  AuthorizationError = 4,\n}\n\n/** Interface for result of accessing UI state setting in [[UiStateStorage]].\n * @public\n */\nexport interface UiStateStorageResult {\n  status: UiStateStorageStatus;\n  setting?: any;\n}\n"]}
+{"version":3,"file":"UiStateStorage.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateStorage.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAqBH;;GAEG;AACH,IAAY,oBAMX;AAND,WAAY,oBAAoB;IAC9B,qEAAW,CAAA;IACX,uEAAY,CAAA;IACZ,+EAAgB,CAAA;IAChB,iFAAiB,CAAA;IACjB,2FAAsB,CAAA;AACxB,CAAC,EANW,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAM/B","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 UiStateStorage\n */\n\n/** Interface for getting, saving and deleting settings.\n * @public\n */\nexport interface UiStateStorage {\n  getSetting(\n    settingNamespace: string,\n    settingName: string\n  ): Promise<UiStateStorageResult>;\n  saveSetting(\n    settingNamespace: string,\n    settingName: string,\n    setting: any\n  ): Promise<UiStateStorageResult>;\n  deleteSetting(\n    settingNamespace: string,\n    settingName: string\n  ): Promise<UiStateStorageResult>;\n}\n\n/** Enum for [[UiStateStorage]] status.\n * @public\n */\nexport enum UiStateStorageStatus {\n  Success = 0,\n  NotFound = 1,\n  UnknownError = 2,\n  Uninitialized = 3,\n  AuthorizationError = 4,\n}\n\n/** Interface for result of accessing UI state setting in [[UiStateStorage]].\n * @public\n */\nexport interface UiStateStorageResult {\n  status: UiStateStorageStatus;\n  setting?: any;\n}\n"]}

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

@@ -4,16 +4,18 @@
 import * as React from "react";
 import { ConditionalStringValue } from "@itwin/appui-abstract";
 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
  */
 export declare class IconHelper {
     static get reactIconKey(): string;
+    static get conditionalIconItemKey(): string;
     /** Returns an <Icon> ReactNode from the many ways an icon can be specified.
      * @param icon abstract icon specification.
      * @param internalData a map that may hold a React.ReactNode stored in an abstract item definition.
      */
-    static getIconReactNode(icon: string | ConditionalStringValue | React.ReactNode, internalData?: Map<string, any>): React.ReactNode;
+    static getIconReactNode(icon: string | ConditionalStringValue | React.ReactNode | ConditionalIconItem, internalData?: Map<string, any>): React.ReactNode;
     /** Returns an icon definition that can be stored in an abstract item definition. If the iconSpec specifies a ReactNode
      * then the react data is stored in the internalData map and the key to the react data is returned.
      * @param iconSpec any supported variations of how an icon can be defined in an abstract item or IconProps.

package/lib/cjs/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;AAGvD;;GAEG;AACH,qBAAa,UAAU;IACrB,WAAkB,YAAY,IAAI,MAAM,CAEvC;IACD;;;OAGG;WACW,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,sBAAsB,GAAG,KAAK,CAAC,SAAS,EAAE,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,SAAS;IA2BzI;;;;OAIG;WACW,WAAW,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,GAAG,sBAAsB;CAYhH"}
+{"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;IA8ClB;;;;OAIG;WACW,WAAW,CACvB,QAAQ,EAAE,QAAQ,EAClB,YAAY,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,GAC9B,MAAM,GAAG,sBAAsB;CA2BnC"}

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

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Utilities
  */
@@ -11,6 +11,7 @@ exports.IconHelper = void 0;
 const React = require("react");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 const IconComponent_1 = require("../icons/IconComponent");
+const ConditionalIconItem_1 = require("../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
  */
@@ -18,6 +19,9 @@ class IconHelper {
     static get reactIconKey() {
         return "#-react-iconspec-node-#";
     }
+    static get conditionalIconItemKey() {
+        return "#-conditional-icon-item-node-#";
+    }
     /** Returns an <Icon> ReactNode from the many ways an icon can be specified.
      * @param icon abstract icon specification.
      * @param internalData a map that may hold a React.ReactNode stored in an abstract item definition.
@@ -27,6 +31,9 @@ class IconHelper {
         if (!icon)
             return null;
         // istanbul ignore else
+        if (ConditionalIconItem_1.ConditionalIconItem.isConditionalIconItem(icon))
+            return (React.createElement(IconComponent_1.Icon, { iconSpec: ConditionalIconItem_1.ConditionalIconItem.getValue(icon) }));
+        // istanbul ignore else
         if (React.isValidElement(icon))
             return React.createElement(IconComponent_1.Icon, { iconSpec: icon });
         // istanbul ignore if
@@ -39,7 +46,15 @@ class IconHelper {
         if (iconString === IconHelper.reactIconKey) {
             // istanbul ignore else
             if (internalData)
-                return React.createElement(IconComponent_1.Icon, { iconSpec: internalData.get(IconHelper.reactIconKey) });
+                return (React.createElement(IconComponent_1.Icon, { iconSpec: internalData.get(IconHelper.reactIconKey) }));
+            return null;
+        }
+        else if (iconString === IconHelper.conditionalIconItemKey) {
+            // istanbul ignore else
+            if (internalData) {
+                const iconItem = internalData.get(IconHelper.conditionalIconItemKey);
+                return React.createElement(IconComponent_1.Icon, { iconSpec: ConditionalIconItem_1.ConditionalIconItem.getValue(iconItem) });
+            }
             return null;
         }
         return React.createElement(IconComponent_1.Icon, { iconSpec: iconString });
@@ -50,8 +65,22 @@ class IconHelper {
      * @param internalData a map supplied by the caller to store away react element if React.ReactNode
      */
     static getIconData(iconSpec, internalData) {
-        const icon = (React.isValidElement(iconSpec)) ? IconHelper.reactIconKey : iconSpec;
-        if (internalData && typeof icon === "string" && icon === IconHelper.reactIconKey) {
+        let icon;
+        if (ConditionalIconItem_1.ConditionalIconItem.isConditionalIconItem(iconSpec)) {
+            icon = IconHelper.conditionalIconItemKey;
+            // istanbul ignore else
+            if (internalData)
+                internalData.set(IconHelper.conditionalIconItemKey, iconSpec);
+            return icon;
+        }
+        else {
+            icon = React.isValidElement(iconSpec)
+                ? IconHelper.reactIconKey
+                : iconSpec;
+        }
+        if (internalData &&
+            typeof icon === "string" &&
+            icon === IconHelper.reactIconKey) {
             internalData.set(IconHelper.reactIconKey, iconSpec);
         }
         if (typeof icon === "string" || icon instanceof appui_abstract_1.ConditionalStringValue)

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

@@ -1 +1 @@
-{"version":3,"file":"IconHelper.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconHelper.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAA+D;AAE/D,0DAA8C;AAE9C;;GAEG;AACH,MAAa,UAAU;IACd,MAAM,KAAK,YAAY;QAC5B,OAAO,yBAAyB,CAAC;IACnC,CAAC;IACD;;;OAGG;IACI,MAAM,CAAC,gBAAgB,CAAC,IAAuD,EAAE,YAA+B;QACrH,uBAAuB;QACvB,IAAI,CAAC,IAAI;YACP,OAAO,IAAI,CAAC;QAEd,uBAAuB;QACvB,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;YAC5B,OAAO,oBAAC,oBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,CAAC;QAElC,qBAAqB;QACrB,IAAI,CAAC,CAAC,IAAI,YAAY,uCAAsB,CAAC,IAAI,OAAO,IAAI,KAAK,QAAQ;YACvE,OAAO,IAAI,CAAC;QAEd,MAAM,UAAU,GAAG,uCAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU;YACb,OAAO,IAAI,CAAC;QAEd,uBAAuB;QACvB,IAAI,UAAU,KAAK,UAAU,CAAC,YAAY,EAAE;YAC1C,uBAAuB;YACvB,IAAI,YAAY;gBACd,OAAO,oBAAC,oBAAI,IAAC,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAoB,GAAI,CAAC;YAC1F,OAAO,IAAI,CAAC;SACb;QACD,OAAO,oBAAC,oBAAI,IAAC,QAAQ,EAAE,UAAU,GAAI,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,WAAW,CAAC,QAAkB,EAAE,YAA+B;QAC3E,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC;QAEnF,IAAI,YAAY,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,UAAU,CAAC,YAAY,EAAE;YAChF,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;SACrD;QAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,YAAY,uCAAsB;YACpE,OAAO,IAAI,CAAC;QAEd,OAAO,EAAE,CAAC;IACZ,CAAC;CACF;AApDD,gCAoDC","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\";\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  /** 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(icon: string | ConditionalStringValue | React.ReactNode, internalData?: Map<string, any>): React.ReactNode {\n    // istanbul ignore else\n    if (!icon)\n      return null;\n\n    // istanbul ignore else\n    if (React.isValidElement(icon))\n      return <Icon iconSpec={icon} />;\n\n    // istanbul ignore if\n    if (!(icon instanceof ConditionalStringValue) && typeof icon !== \"string\")\n      return null;\n\n    const iconString = ConditionalStringValue.getValue(icon);\n    if (!iconString)\n      return null;\n\n    // istanbul ignore else\n    if (iconString === IconHelper.reactIconKey) {\n      // istanbul ignore else\n      if (internalData)\n        return <Icon iconSpec={internalData.get(IconHelper.reactIconKey) as React.ReactNode} />;\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(iconSpec: IconSpec, internalData?: Map<string, any>): string | ConditionalStringValue {\n    const icon = (React.isValidElement(iconSpec)) ? IconHelper.reactIconKey : iconSpec;\n\n    if (internalData && typeof icon === \"string\" && icon === IconHelper.reactIconKey) {\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,+BAA+B;AAC/B,0DAA+D;AAE/D,0DAA8C;AAC9C,sEAAmE;AAEnE;;GAEG;AACH,MAAa,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,uBAAuB;QACvB,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAC;QAEvB,uBAAuB;QACvB,IAAI,yCAAmB,CAAC,qBAAqB,CAAC,IAAI,CAAC;YACjD,OAAO,CACL,oBAAC,oBAAI,IACH,QAAQ,EAAE,yCAAmB,CAAC,QAAQ,CAAC,IAA2B,CAAC,GACnE,CACH,CAAC;QACJ,uBAAuB;QACvB,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;YAAE,OAAO,oBAAC,oBAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,CAAC;QAEhE,qBAAqB;QACrB,IAAI,CAAC,CAAC,IAAI,YAAY,uCAAsB,CAAC,IAAI,OAAO,IAAI,KAAK,QAAQ;YACvE,OAAO,IAAI,CAAC;QAEd,MAAM,UAAU,GAAG,uCAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAC;QAE7B,uBAAuB;QACvB,IAAI,UAAU,KAAK,UAAU,CAAC,YAAY,EAAE;YAC1C,uBAAuB;YACvB,IAAI,YAAY;gBACd,OAAO,CACL,oBAAC,oBAAI,IACH,QAAQ,EACN,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAoB,GAE9D,CACH,CAAC;YACJ,OAAO,IAAI,CAAC;SACb;aAAM,IAAI,UAAU,KAAK,UAAU,CAAC,sBAAsB,EAAE;YAC3D,uBAAuB;YACvB,IAAI,YAAY,EAAE;gBAChB,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAC/B,UAAU,CAAC,sBAAsB,CACX,CAAC;gBACzB,OAAO,oBAAC,oBAAI,IAAC,QAAQ,EAAE,yCAAmB,CAAC,QAAQ,CAAC,QAAQ,CAAC,GAAI,CAAC;aACnE;YACD,OAAO,IAAI,CAAC;SACb;QACD,OAAO,oBAAC,oBAAI,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,yCAAmB,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE;YACvD,IAAI,GAAG,UAAU,CAAC,sBAAsB,CAAC;YACzC,uBAAuB;YACvB,IAAI,YAAY;gBACd,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,sBAAsB,EAAE,QAAQ,CAAC,CAAC;YAChE,OAAO,IAAI,CAAC;SACb;aAAM;YACL,IAAI,GAAG,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC;gBACnC,CAAC,CAAC,UAAU,CAAC,YAAY;gBACzB,CAAC,CAAC,QAAQ,CAAC;SACd;QAED,IACE,YAAY;YACZ,OAAO,IAAI,KAAK,QAAQ;YACxB,IAAI,KAAK,UAAU,CAAC,YAAY,EAChC;YACA,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;SACrD;QAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,YAAY,uCAAsB;YACpE,OAAO,IAAI,CAAC;QAEd,OAAO,EAAE,CAAC;IACZ,CAAC;CACF;AAnGD,gCAmGC","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    // istanbul ignore else\n    if (!icon) return null;\n\n    // istanbul ignore else\n    if (ConditionalIconItem.isConditionalIconItem(icon))\n      return (\n        <Icon\n          iconSpec={ConditionalIconItem.getValue(icon as ConditionalIconItem)}\n        />\n      );\n    // istanbul ignore else\n    if (React.isValidElement(icon)) return <Icon iconSpec={icon} />;\n\n    // istanbul ignore if\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    // istanbul ignore else\n    if (iconString === IconHelper.reactIconKey) {\n      // istanbul ignore else\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      // istanbul ignore else\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      // istanbul ignore else\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/cjs/core-react/utils/IconWebComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconWebComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"names":[],"mappings":"AAMA;;GAEG;AAOH;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;YACjC,iBAAiB;YAKjB,OAAO;CAmDtB"}
+{"version":3,"file":"IconWebComponent.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"names":[],"mappings":"AAMA;;GAEG;AAoFH;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,WAAW;YACjC,iBAAiB;YAKjB,OAAO;CAetB"}