@itwin/core-react 3.6.0-dev.52 → 3.6.0-dev.53

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

@@ -1,97 +1,97 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-/** Presentation React component for a Tree
- * @public
- */
-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;
-        // istanbul ignore next
-        if (!Element.prototype.scrollTo) { // eslint-disable-line @typescript-eslint/unbound-method
-            // 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;
-    }
-    // istanbul ignore next
-    setFocusByClassName(selector) {
-        let status = false;
-        if (this._treeElement.current) {
-            const element = this._treeElement.current.querySelector(selector);
-            // istanbul ignore else
-            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));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** Presentation React component for a Tree
+ * @public
+ */
+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;
+        // istanbul ignore next
+        if (!Element.prototype.scrollTo) { // eslint-disable-line @typescript-eslint/unbound-method
+            // 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;
+    }
+    // istanbul ignore next
+    setFocusByClassName(selector) {
+        let status = false;
+        if (this._treeElement.current) {
+            const element = this._treeElement.current.querySelector(selector);
+            // istanbul ignore else
+            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/esm/core-react/tree/Tree.js.map

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

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

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

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

@@ -1,17 +1,17 @@
-/** @packageDocumentation
- * @module UiStateStorage
- */
-import { UiStateStorage, UiStateStorageResult } from "./UiStateStorage";
-/**
- * Implementation of [[UiStateStorage]] using Window.localStorage.
- * @public
- */
-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>;
-}
+/** @packageDocumentation
+ * @module UiStateStorage
+ */
+import { UiStateStorage, UiStateStorageResult } from "./UiStateStorage";
+/**
+ * Implementation of [[UiStateStorage]] using Window.localStorage.
+ * @public
+ */
+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/esm/core-react/uistate/LocalStateStorage.js

@@ -1,46 +1,46 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-// All of the Settings APIs that are available in core-react should be fully deprecated. However, some of the usage and implementation
-// of it from AppUI will continue to be supported there.
-/**
- * Implementation of [[UiStateStorage]] using Window.localStorage.
- * @public
- */
-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 };
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+// All of the Settings APIs that are available in core-react should be fully deprecated. However, some of the usage and implementation
+// of it from AppUI will continue to be supported there.
+/**
+ * Implementation of [[UiStateStorage]] using Window.localStorage.
+ * @public
+ */
+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/esm/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;AAEH,OAAO,EAAwC,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE9F,sIAAsI;AACtI,wDAAwD;AAExD;;;GAGG;AACH,MAAM,OAAO,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,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;;YAE9E,OAAO,EAAE,MAAM,EAAE,oBAAoB,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,oBAAoB,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,oBAAoB,CAAC,QAAQ,EAAE,CAAC;QACnD,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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module UiStateStorage\r\n */\r\n\r\nimport { UiStateStorage, UiStateStorageResult, UiStateStorageStatus } from \"./UiStateStorage\";\r\n\r\n// All of the Settings APIs that are available in core-react should be fully deprecated. However, some of the usage and implementation\r\n// of it from AppUI will continue to be supported there.\r\n\r\n/**\r\n * Implementation of [[UiStateStorage]] using Window.localStorage.\r\n * @public\r\n */\r\nexport class LocalStateStorage implements UiStateStorage {\r\n\r\n  constructor(public w: Window = window) { }\r\n\r\n  public async getSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult> {\r\n    const setting = this.w.localStorage.getItem(`${settingNamespace}.${settingName}`);\r\n    if (setting !== null)\r\n      return { status: UiStateStorageStatus.Success, setting: JSON.parse(setting) };\r\n    else\r\n      return { status: UiStateStorageStatus.NotFound };\r\n  }\r\n\r\n  public async saveSetting(settingNamespace: string, settingName: string, setting: any): Promise<UiStateStorageResult> {\r\n    this.w.localStorage.setItem(`${settingNamespace}.${settingName}`, JSON.stringify(setting));\r\n    return { status: UiStateStorageStatus.Success };\r\n  }\r\n\r\n  public async hasSetting(settingNamespace: string, settingName: string): Promise<boolean> {\r\n    const name = `${settingNamespace}.${settingName}`;\r\n    const setting = this.w.localStorage.getItem(name);\r\n    if (setting === null)\r\n      return false;\r\n    return true;\r\n  }\r\n\r\n  public async deleteSetting(settingNamespace: string, settingName: string): Promise<UiStateStorageResult> {\r\n    const name = `${settingNamespace}.${settingName}`;\r\n    const setting = this.w.localStorage.getItem(name);\r\n    if (setting === null)\r\n      return { status: UiStateStorageStatus.NotFound };\r\n    this.w.localStorage.removeItem(name);\r\n    return { status: UiStateStorageStatus.Success };\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"LocalStateStorage.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/LocalStateStorage.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAwC,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE9F,sIAAsI;AACtI,wDAAwD;AAExD;;;GAGG;AACH,MAAM,OAAO,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,oBAAoB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;;YAE9E,OAAO,EAAE,MAAM,EAAE,oBAAoB,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,oBAAoB,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,oBAAoB,CAAC,QAAQ,EAAE,CAAC;QACnD,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 { UiStateStorage, UiStateStorageResult, 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"]}

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

@@ -1,31 +1,31 @@
-/** @packageDocumentation
- * @module UiStateStorage
- */
-import { UiStateStorage, UiStateStorageResult } from "./UiStateStorage";
-/** A single UI State enter that is identified by namespace and setting name.
- * @public
- */
-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>;
-}
+/** @packageDocumentation
+ * @module UiStateStorage
+ */
+import { UiStateStorage, UiStateStorageResult } from "./UiStateStorage";
+/** A single UI State enter that is identified by namespace and setting name.
+ * @public
+ */
+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/esm/core-react/uistate/UiStateEntry.js

@@ -1,56 +1,56 @@
-/*---------------------------------------------------------------------------------------------
-* 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";
-/** A single UI State enter that is identified by namespace and setting name.
- * @public
- */
-export class UiStateEntry {
-    /** 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, settingName, getValue, applyValue, defaultValue) {
-        this.settingNamespace = settingNamespace;
-        this.settingName = settingName;
-        this.getValue = getValue;
-        this.applyValue = applyValue;
-        this.defaultValue = defaultValue;
-    }
-    /** Gets the setting from [[UiStateStorage]] */
-    async getSetting(storage) {
-        return storage.getSetting(this.settingNamespace, this.settingName);
-    }
-    /** Saves the setting value from the `getValue` function to UiStateStorage */
-    async saveSetting(storage) {
-        return storage.saveSetting(this.settingNamespace, this.settingName, this.getValue());
-    }
-    /** Deletes the setting from UiStateStorage */
-    async deleteSetting(storage) {
-        return storage.deleteSetting(this.settingNamespace, this.settingName);
-    }
-    /** Gets the setting from UiStateStorage and applies the value using the `applyValue` function */
-    async getSettingAndApplyValue(storage) {
-        if (this.applyValue) {
-            const result = await this.getSetting(storage);
-            if (result.status === UiStateStorageStatus.Success) {
-                this.applyValue(result.setting);
-            }
-            else if (undefined !== this.defaultValue) {
-                this.applyValue(this.defaultValue);
-                result.setting = this.defaultValue;
-                result.status = UiStateStorageStatus.Success;
-            }
-            return result;
-        }
-        return { status: UiStateStorageStatus.Uninitialized };
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** A single UI State enter that is identified by namespace and setting name.
+ * @public
+ */
+export class UiStateEntry {
+    /** 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, settingName, getValue, applyValue, defaultValue) {
+        this.settingNamespace = settingNamespace;
+        this.settingName = settingName;
+        this.getValue = getValue;
+        this.applyValue = applyValue;
+        this.defaultValue = defaultValue;
+    }
+    /** Gets the setting from [[UiStateStorage]] */
+    async getSetting(storage) {
+        return storage.getSetting(this.settingNamespace, this.settingName);
+    }
+    /** Saves the setting value from the `getValue` function to UiStateStorage */
+    async saveSetting(storage) {
+        return storage.saveSetting(this.settingNamespace, this.settingName, this.getValue());
+    }
+    /** Deletes the setting from UiStateStorage */
+    async deleteSetting(storage) {
+        return storage.deleteSetting(this.settingNamespace, this.settingName);
+    }
+    /** Gets the setting from UiStateStorage and applies the value using the `applyValue` function */
+    async getSettingAndApplyValue(storage) {
+        if (this.applyValue) {
+            const result = await this.getSetting(storage);
+            if (result.status === UiStateStorageStatus.Success) {
+                this.applyValue(result.setting);
+            }
+            else if (undefined !== this.defaultValue) {
+                this.applyValue(this.defaultValue);
+                result.setting = this.defaultValue;
+                result.status = UiStateStorageStatus.Success;
+            }
+            return result;
+        }
+        return { status: UiStateStorageStatus.Uninitialized };
+    }
+}
 //# sourceMappingURL=UiStateEntry.js.map

package/lib/esm/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;AAEH,OAAO,EAAwC,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE9F;;GAEG;AACH,MAAM,OAAO,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,oBAAoB,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,oBAAoB,CAAC,OAAO,CAAC;aAC9C;YACD,OAAO,MAAM,CAAC;SACf;QACD,OAAO,EAAE,MAAM,EAAE,oBAAoB,CAAC,aAAa,EAAE,CAAC;IACxD,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module UiStateStorage\r\n */\r\n\r\nimport { UiStateStorage, UiStateStorageResult, UiStateStorageStatus } from \"./UiStateStorage\";\r\n\r\n/** A single UI State enter that is identified by namespace and setting name.\r\n * @public\r\n */\r\nexport class UiStateEntry<T> {\r\n  /** Constructor\r\n   * @param settingNamespace  Namespace for the setting, passed to UiStateStorage.\r\n   * @param settingName       Name for the setting, passed to UiStateStorage.\r\n   * @param getValue          Function for getting the value from the application.\r\n   * @param applyValue        Function for applying the setting value to the application.\r\n   * @param defaultValue      Optional default value if not already stored.\r\n   */\r\n  public constructor(public settingNamespace: string, public settingName: string, public getValue: () => T, public applyValue?: (v: T) => void, public defaultValue?: T) {\r\n  }\r\n\r\n  /** Gets the setting from [[UiStateStorage]] */\r\n  public async getSetting(storage: UiStateStorage): Promise<UiStateStorageResult> {\r\n    return storage.getSetting(this.settingNamespace, this.settingName);\r\n  }\r\n\r\n  /** Saves the setting value from the `getValue` function to UiStateStorage */\r\n  public async saveSetting(storage: UiStateStorage): Promise<UiStateStorageResult> {\r\n    return storage.saveSetting(this.settingNamespace, this.settingName, this.getValue());\r\n  }\r\n\r\n  /** Deletes the setting from UiStateStorage */\r\n  public async deleteSetting(storage: UiStateStorage): Promise<UiStateStorageResult> {\r\n    return storage.deleteSetting(this.settingNamespace, this.settingName);\r\n  }\r\n\r\n  /** Gets the setting from UiStateStorage and applies the value using the `applyValue` function */\r\n  public async getSettingAndApplyValue(storage: UiStateStorage): Promise<UiStateStorageResult> {\r\n    if (this.applyValue) {\r\n      const result = await this.getSetting(storage);\r\n      if (result.status === UiStateStorageStatus.Success) {\r\n        this.applyValue(result.setting);\r\n      } else if (undefined !== this.defaultValue) {\r\n        this.applyValue(this.defaultValue);\r\n        result.setting = this.defaultValue;\r\n        result.status = UiStateStorageStatus.Success;\r\n      }\r\n      return result;\r\n    }\r\n    return { status: UiStateStorageStatus.Uninitialized };\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"UiStateEntry.js","sourceRoot":"","sources":["../../../../src/core-react/uistate/UiStateEntry.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAwC,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAE9F;;GAEG;AACH,MAAM,OAAO,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,oBAAoB,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,oBAAoB,CAAC,OAAO,CAAC;aAC9C;YACD,OAAO,MAAM,CAAC;SACf;QACD,OAAO,EAAE,MAAM,EAAE,oBAAoB,CAAC,aAAa,EAAE,CAAC;IACxD,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 { UiStateStorage, UiStateStorageResult, 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"]}