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

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

@@ -0,0 +1,27 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./ExpansionToggle.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Icon } from "../icons/IconComponent.js";
+import { SvgChevronRight } from "@itwin/itwinui-icons-react";
+import { useTranslation } from "../l10n/useTranslation.js";
+/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state
+ * @public
+ * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
+ */
+export function ExpansionToggle(props) {
+    const { translate } = useTranslation();
+    const className = classnames("core-tree-expansionToggle", props.isExpanded && "is-expanded", props.className);
+    const label = translate(props.isExpanded ? "tree.collapse" : "tree.expand");
+    return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+    React.createElement("div", { onMouseDown: (e) => e.stopPropagation(), onClick: props.onClick, className: className, style: props.style, "data-testid": props["data-testid"], role: "button", tabIndex: -1, "aria-label": label },
+        React.createElement(Icon, { className: "toggle icon", iconSpec: React.createElement(SvgChevronRight, null) })));
+}
+//# sourceMappingURL=ExpansionToggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExpansionToggle.js","sourceRoot":"","sources":["../../../src/core-react/tree/ExpansionToggle.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAc3D;;;GAGG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,UAAU,CAC1B,2BAA2B,EAC3B,KAAK,CAAC,UAAU,IAAI,aAAa,EACjC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,MAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAE5E,OAAO;IACL,iEAAiE;IACjE,6BACE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACvC,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,iBACL,KAAK,CAAC,aAAa,CAAC,EACjC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,KAAK;QAEjB,oBAAC,IAAI,IAAC,SAAS,EAAC,aAAa,EAAC,QAAQ,EAAE,oBAAC,eAAe,OAAG,GAAI,CAC3D,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Tree\n */\n\nimport \"./ExpansionToggle.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props.js\";\nimport { Icon } from \"../icons/IconComponent.js\";\nimport { SvgChevronRight } from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../l10n/useTranslation.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Properties for the [[ExpansionToggle]] component\n * @public\n * @deprecated in 4.15.0. Props of deprecated {@link ExpansionToggle} component.\n */\nexport interface ExpansionToggleProps extends CommonProps {\n  isExpanded?: boolean;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  [\"data-testid\"]?: string;\n}\n\n/** ExpansionToggle React component used by the [[TreeNode]] component to show collapsed or expanded state\n * @public\n * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.\n */\nexport function ExpansionToggle(props: ExpansionToggleProps) {\n  const { translate } = useTranslation();\n  const className = classnames(\n    \"core-tree-expansionToggle\",\n    props.isExpanded && \"is-expanded\",\n    props.className\n  );\n  const label = translate(props.isExpanded ? \"tree.collapse\" : \"tree.expand\");\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n    <div\n      onMouseDown={(e) => e.stopPropagation()}\n      onClick={props.onClick}\n      className={className}\n      style={props.style}\n      data-testid={props[\"data-testid\"]}\n      role=\"button\"\n      tabIndex={-1}\n      aria-label={label}\n    >\n      <Icon className=\"toggle icon\" iconSpec={<SvgChevronRight />} />\n    </div>\n  );\n}\n"]}

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

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

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

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

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

@@ -0,0 +1,88 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./Node.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Checkbox, ProgressRadial } from "@itwin/itwinui-react";
+import { CheckBoxState } from "../enums/CheckBoxState.js";
+import { ExpansionToggle } from "./ExpansionToggle.js";
+/** Number of pixels the node gets offset per each hierarchy level
+ * @internal
+ */
+export const LEVEL_OFFSET = 20;
+const EXPANSION_TOGGLE_WIDTH = 24;
+/** Presentation React component for a Tree node
+ * @public
+ * @deprecated in 4.15.0. Use {@link https://itwinui.bentley.com/docs/tree iTwinUI Tree} instead.
+ */
+export class TreeNode extends React.Component {
+    constructor(props) {
+        super(props);
+        this._onCheckboxChange = (checked) => {
+            if (this.props.checkboxProps &&
+                this.props.checkboxProps.onClick &&
+                !this.props.checkboxProps.isDisabled)
+                this.props.checkboxProps.onClick(checked ? CheckBoxState.On : CheckBoxState.Off);
+        };
+        this._onCheckboxClick = (e) => {
+            e.stopPropagation();
+        };
+        this._onClickExpansionToggle = (e) => {
+            e.stopPropagation();
+            if (this.props.onClickExpansionToggle)
+                this.props.onClickExpansionToggle();
+        };
+        this._onClick = (e) => {
+            e.stopPropagation();
+            this.props.onClick?.(e);
+        };
+    }
+    render() {
+        const className = classnames("core-tree-node", this.props.isFocused && "is-focused", this.props.isSelected && "is-selected", this.props.isHoverDisabled && "is-hover-disabled", this.props.className);
+        let offset = this.props.level * LEVEL_OFFSET;
+        if (!this.props.isLoading && this.props.isLeaf)
+            offset += EXPANSION_TOGGLE_WIDTH; // Add expansion toggle/loader width if they're not rendered
+        let checkbox;
+        if (this.props.checkboxProps) {
+            const props = {
+                label: "",
+                checked: this.props.checkboxProps.state === CheckBoxState.On,
+                indeterminate: this.props.checkboxProps.state === CheckBoxState.Partial,
+                disabled: this.props.checkboxProps.isDisabled,
+                title: this.props.checkboxProps.tooltip,
+                onClick: this._onCheckboxClick,
+                onChange: this._onCheckboxChange,
+            };
+            if (this.props.renderOverrides &&
+                this.props.renderOverrides.renderCheckbox) {
+                checkbox = this.props.renderOverrides.renderCheckbox(props);
+            }
+            else {
+                checkbox = (React.createElement(Checkbox, { ...props, onChange: (e) => this._onCheckboxChange(e.target.checked), "data-testid": this.createSubComponentTestId("checkbox") }));
+            }
+        }
+        const icon = this.props.icon ? (React.createElement("div", { className: "core-tree-node-icon" }, this.props.icon)) : undefined;
+        const toggle = this.props.isLoading ? undefined : this.props.isLeaf ? (React.createElement("div", null)) : (React.createElement(ExpansionToggle, { className: "expansion-toggle", "data-testid": this.createSubComponentTestId("expansion-toggle"), onClick: this._onClickExpansionToggle, isExpanded: this.props.isExpanded }));
+        return (
+        // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+        React.createElement("div", { className: className, style: this.props.style, "data-testid": this.props["data-testid"], onClick: this._onClick, onContextMenu: this.props.onContextMenu, onMouseDown: this.props.onMouseDown, onMouseUp: this.props.onMouseUp, onMouseMove: this.props.onMouseMove, role: "treeitem", "aria-selected": this.props.isSelected ? "true" : "false", tabIndex: -1 },
+            React.createElement("div", { className: "contents", style: { marginLeft: offset }, "data-testid": this.createSubComponentTestId("contents") },
+                this.props.isLoading && (React.createElement(ProgressRadial, { size: "x-small", indeterminate: true, className: "core-progress-indicator" })),
+                toggle,
+                checkbox,
+                icon,
+                this.props.label),
+            this.props.children));
+    }
+    createSubComponentTestId(subId) {
+        if (!this.props["data-testid"])
+            return undefined;
+        return `${this.props["data-testid"]}-${subId}`;
+    }
+}
+//# sourceMappingURL=Node.js.map

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

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

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

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

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

@@ -0,0 +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,mBAAmB,CAAC;AAGrD;;;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/core-react/tree/Placeholder.js

@@ -0,0 +1,30 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./Placeholder.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { LEVEL_OFFSET } from "./Node.js";
+/**
+ * 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);
+        const offset = this.props.level * LEVEL_OFFSET;
+        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"] },
+            React.createElement("div", { className: "contents", style: { width: `${width}px` } })));
+    }
+}
+//# sourceMappingURL=Placeholder.js.map

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

@@ -0,0 +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,WAAW,CAAC;AAczC;;;;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.js\";\nimport { LEVEL_OFFSET } from \"./Node.js\";\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/core-react/tree/Tree.d.ts

@@ -0,0 +1,31 @@
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./Tree.scss";
+import * as React from "react";
+import type { CommonProps } from "../utils/Props.js";
+/** 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;
+    onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseMove?: React.MouseEventHandler<HTMLDivElement>;
+    onMouseUp?: React.MouseEventHandler<HTMLDivElement>;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement>;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement>;
+}
+/** 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;
+    private get _scrollableContainer();
+    scrollToElement(element: Element): void;
+    getElementsByClassName(className: string): Element[];
+    setFocusByClassName(selector: string): boolean;
+    render(): React.JSX.Element;
+}
+//# sourceMappingURL=Tree.d.ts.map

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

@@ -0,0 +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,mBAAmB,CAAC;AAGrD;;;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/core-react/tree/Tree.js

@@ -0,0 +1,105 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Tree
+ */
+import "./Tree.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { Rectangle } from "../utils/Rectangle.js";
+/** 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);
+        this._treeElement = React.createRef();
+    }
+    get _scrollableContainer() {
+        if (!this._treeElement.current)
+            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");
+        };
+        let scrollableContainer = this._treeElement.current;
+        while (scrollableContainer && !isScrollable(scrollableContainer))
+            scrollableContainer =
+                scrollableContainer.children.length > 0
+                    ? scrollableContainer.children[0]
+                    : undefined;
+        return scrollableContainer;
+    }
+    scrollToElement(element) {
+        const container = this._scrollableContainer;
+        if (!container)
+            return;
+        if (!Element.prototype.scrollTo) {
+            // workaround for Edge scrollTo issue https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/15534521/
+            element.scrollIntoView();
+            return;
+        }
+        const elementBox = element.getBoundingClientRect();
+        const elementRange = Rectangle.createXYXY(elementBox.left, elementBox.top, elementBox.right, elementBox.bottom);
+        const containerBox = container.getBoundingClientRect();
+        const containerRange = 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) {
+            // always attempt to keep horizontal scroll at 0
+            left = 0;
+        }
+        else if (containerRange.left <= elementRange.left &&
+            containerRange.right >= elementRange.right) {
+            // already visible - no need to scroll to
+            left = container.scrollLeft;
+        }
+        else {
+            left = elementRange.left - containerRange.left;
+        }
+        let top;
+        if (containerRange.top <= elementRange.top &&
+            containerRange.bottom >= elementRange.bottom) {
+            // already visible - no need to scroll to
+            top = container.scrollTop;
+        }
+        else {
+            top = elementRange.top - containerRange.top;
+        }
+        container.scrollTo({ left, top });
+    }
+    getElementsByClassName(className) {
+        if (!this._treeElement.current)
+            return [];
+        const elems = new Array();
+        const collection = this._treeElement.current.getElementsByClassName(className);
+        for (let i = 0; i < collection.length; ++i)
+            elems.push(collection.item(i));
+        return elems;
+    }
+    setFocusByClassName(selector) {
+        let status = false;
+        if (this._treeElement.current) {
+            const element = this._treeElement.current.querySelector(selector);
+            if (element && element.focus) {
+                element.focus();
+                status = true;
+            }
+        }
+        return status;
+    }
+    render() {
+        const className = classnames("core-tree", this.props.className);
+        return (React.createElement("div", { ref: this._treeElement, className: className, style: this.props.style, onMouseDown: this.props.onMouseDown, onMouseMove: this.props.onMouseMove, onMouseUp: this.props.onMouseUp, onKeyDown: this.props.onKeyDown, onKeyUp: this.props.onKeyUp, role: "tree", tabIndex: -1 }, this.props.children));
+    }
+}
+//# sourceMappingURL=Tree.js.map

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

@@ -0,0 +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.js\";\nimport { Rectangle } from \"../utils/Rectangle.js\";\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/core-react/tree/Tree.scss

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.core-tree {
+  user-select: none;
+  -webkit-user-select: none;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+
+  &:focus {
+    outline: none;
+  }
+
+  > * {
+    position: relative;
+    display: block;
+    padding: 0;
+  }
+}

package/lib/core-react/uistate/LocalStateStorage.d.ts

@@ -0,0 +1,17 @@
+/** @packageDocumentation
+ * @module UiStateStorage
+ */
+import type { UiStateStorage, UiStateStorageResult } from "./UiStateStorage.js";
+/** Implementation of [[UiStateStorage]] using Window.localStorage.
+ * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/appui-react#LocalStateStorage} instead.
+ */
+export declare class LocalStateStorage implements UiStateStorage {
+    w: Window;
+    constructor(w?: Window);
+    getSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;
+    saveSetting(settingNamespace: string, settingName: string, setting: any): Promise<UiStateStorageResult>;
+    hasSetting(settingNamespace: string, settingName: string): Promise<boolean>;
+    deleteSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult>;
+}
+//# sourceMappingURL=LocalStateStorage.d.ts.map

package/lib/core-react/uistate/LocalStateStorage.d.ts.map

@@ -0,0 +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,EAAE,MAAM,qBAAqB,CAAC;AAKhF;;;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/core-react/uistate/LocalStateStorage.js

@@ -0,0 +1,48 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import { UiStateStorageStatus } from "./UiStateStorage.js";
+/* eslint-disable deprecation/deprecation */
+/** Implementation of [[UiStateStorage]] using Window.localStorage.
+ * @public
+ * @deprecated in 4.16.0. Use {@link @itwin/appui-react#LocalStateStorage} instead.
+ */
+export class LocalStateStorage {
+    constructor(w = window) {
+        this.w = w;
+    }
+    async getSetting(settingNamespace, settingName) {
+        const setting = this.w.localStorage.getItem(`${settingNamespace}.${settingName}`);
+        if (setting !== null)
+            return {
+                status: UiStateStorageStatus.Success,
+                setting: JSON.parse(setting),
+            };
+        else
+            return { status: UiStateStorageStatus.NotFound };
+    }
+    async saveSetting(settingNamespace, settingName, setting) {
+        this.w.localStorage.setItem(`${settingNamespace}.${settingName}`, JSON.stringify(setting));
+        return { status: UiStateStorageStatus.Success };
+    }
+    async hasSetting(settingNamespace, settingName) {
+        const name = `${settingNamespace}.${settingName}`;
+        const setting = this.w.localStorage.getItem(name);
+        if (setting === null)
+            return false;
+        return true;
+    }
+    async deleteSetting(settingNamespace, settingName) {
+        const name = `${settingNamespace}.${settingName}`;
+        const setting = this.w.localStorage.getItem(name);
+        if (setting === null)
+            return { status: UiStateStorageStatus.NotFound };
+        this.w.localStorage.removeItem(name);
+        return { status: UiStateStorageStatus.Success };
+    }
+}
+//# sourceMappingURL=LocalStateStorage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocalStateStorage.js","sourceRoot":"","sources":["../../../src/core-react/uistate/LocalStateStorage.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAE3D,4CAA4C;AAE5C;;;GAGG;AACH,MAAM,OAAO,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,oBAAoB,CAAC,OAAO;gBACpC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;aAC7B,CAAC;;YACC,OAAO,EAAE,MAAM,EAAE,oBAAoB,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,oBAAoB,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,oBAAoB,CAAC,QAAQ,EAAE,CAAC;QACvE,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QACrC,OAAO,EAAE,MAAM,EAAE,oBAAoB,CAAC,OAAO,EAAE,CAAC;IAClD,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 UiStateStorage\n */\n\nimport type { UiStateStorage, UiStateStorageResult } from \"./UiStateStorage.js\";\nimport { UiStateStorageStatus } from \"./UiStateStorage.js\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Implementation of [[UiStateStorage]] using Window.localStorage.\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/appui-react#LocalStateStorage} instead.\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/core-react/uistate/UiStateEntry.d.ts

@@ -0,0 +1,32 @@
+/** @packageDocumentation
+ * @module UiStateStorage
+ */
+import type { UiStateStorage, UiStateStorageResult } from "./UiStateStorage.js";
+/** A single UI State entry that is identified by namespace and setting name.
+ * @public
+ * @deprecated in 4.16.0. Use {@link UiStateStorage} APIs instead.
+ */
+export declare class UiStateEntry<T> {
+    settingNamespace: string;
+    settingName: string;
+    getValue: () => T;
+    applyValue?: ((v: T) => void) | undefined;
+    defaultValue?: T | undefined;
+    /** Constructor
+     * @param settingNamespace  Namespace for the setting, passed to UiStateStorage.
+     * @param settingName       Name for the setting, passed to UiStateStorage.
+     * @param getValue          Function for getting the value from the application.
+     * @param applyValue        Function for applying the setting value to the application.
+     * @param defaultValue      Optional default value if not already stored.
+     */
+    constructor(settingNamespace: string, settingName: string, getValue: () => T, applyValue?: ((v: T) => void) | undefined, defaultValue?: T | undefined);
+    /** Gets the setting from [[UiStateStorage]] */
+    getSetting(storage: UiStateStorage): Promise<UiStateStorageResult>;
+    /** Saves the setting value from the `getValue` function to UiStateStorage */
+    saveSetting(storage: UiStateStorage): Promise<UiStateStorageResult>;
+    /** Deletes the setting from UiStateStorage */
+    deleteSetting(storage: UiStateStorage): Promise<UiStateStorageResult>;
+    /** Gets the setting from UiStateStorage and applies the value using the `applyValue` function */
+    getSettingAndApplyValue(storage: UiStateStorage): Promise<UiStateStorageResult>;
+}
+//# sourceMappingURL=UiStateEntry.d.ts.map

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

@@ -0,0 +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,EAAE,MAAM,qBAAqB,CAAC;AAKhF;;;GAGG;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"}