@itwin/core-react 3.2.0-dev.8 → 3.3.0-dev.1

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

@@ -1 +1 @@
-{"version":3,"file":"IconHelper.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconHelper.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C;;GAEG;AACH,MAAM,OAAO,UAAU;IACd,MAAM,KAAK,YAAY;QAC5B,OAAO,yBAAyB,CAAC;IACnC,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,gBAAgB,CAAC,IAAuD,EAAE,YAA+B;QACrH,uBAAuB;QACvB,IAAI,CAAC,IAAI;YACP,OAAO,IAAI,CAAC;QAEd,uBAAuB;QACvB,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;YAC5B,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,CAAC;QAElC,qBAAqB;QACrB,IAAI,CAAC,CAAC,IAAI,YAAY,sBAAsB,CAAC,IAAI,OAAO,IAAI,KAAK,QAAQ;YACvE,OAAO,IAAI,CAAC;QAEd,MAAM,UAAU,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU;YACb,OAAO,IAAI,CAAC;QAEd,uBAAuB;QACvB,IAAI,UAAU,KAAK,UAAU,CAAC,YAAY,EAAE;YAC1C,uBAAuB;YACvB,IAAI,YAAY;gBACd,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAoB,GAAI,CAAC;YAC1F,OAAO,IAAI,CAAC;SACb;QAED,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,UAAU,GAAI,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,WAAW,CAAC,QAA2D,EAAE,YAA+B;QACpH,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC;QAEnF,IAAI,YAAY,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,UAAU,CAAC,YAAY,EAAE;YAChF,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;SACrD;QAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,YAAY,sBAAsB;YACpE,OAAO,IAAI,CAAC;QAEd,OAAO,EAAE,CAAC;IACZ,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 Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ConditionalStringValue } from \"@itwin/appui-abstract\";\r\nimport { Icon } from \"../icons/IconComponent\";\r\n\r\n/** Icon Helper Class used to store the data needed to generate an <Icon> for use in any control that shows an icon.\r\n * @public\r\n */\r\nexport class IconHelper {\r\n  public static get reactIconKey(): string {\r\n    return \"#-react-iconspec-node-#\";\r\n  }\r\n\r\n  /** Returns an <Icon> ReactNode from the many ways an icon can be specified.\r\n   * @param icon abstract icon specification.\r\n   * @param internalData a map that may hold a React.ReactNode stored in an abstract item definition.\r\n   */\r\n  public static getIconReactNode(icon: string | ConditionalStringValue | React.ReactNode, internalData?: Map<string, any>): React.ReactNode {\r\n    // istanbul ignore else\r\n    if (!icon)\r\n      return null;\r\n\r\n    // istanbul ignore else\r\n    if (React.isValidElement(icon))\r\n      return <Icon iconSpec={icon} />;\r\n\r\n    // istanbul ignore if\r\n    if (!(icon instanceof ConditionalStringValue) && typeof icon !== \"string\")\r\n      return null;\r\n\r\n    const iconString = ConditionalStringValue.getValue(icon);\r\n    if (!iconString)\r\n      return null;\r\n\r\n    // istanbul ignore else\r\n    if (iconString === IconHelper.reactIconKey) {\r\n      // istanbul ignore else\r\n      if (internalData)\r\n        return <Icon iconSpec={internalData.get(IconHelper.reactIconKey) as React.ReactNode} />;\r\n      return null;\r\n    }\r\n\r\n    return <Icon iconSpec={iconString} />;\r\n  }\r\n\r\n  /** Returns an icon definition that can be stored in an abstract item definition. If the iconSpec specifies a ReactNode\r\n   * then the react data is stored in the internalData map and the key to the react data is returned.\r\n   * @param iconSpec any supported variations of how an icon can be defined in an abstract item or IconProps.\r\n   * @param internalData a map supplied by the caller to store away react element if React.ReactNode\r\n   */\r\n  public static getIconData(iconSpec: string | ConditionalStringValue | React.ReactNode, internalData?: Map<string, any>): string | ConditionalStringValue {\r\n    const icon = (React.isValidElement(iconSpec)) ? IconHelper.reactIconKey : iconSpec;\r\n\r\n    if (internalData && typeof icon === \"string\" && icon === IconHelper.reactIconKey) {\r\n      internalData.set(IconHelper.reactIconKey, iconSpec);\r\n    }\r\n\r\n    if (typeof icon === \"string\" || icon instanceof ConditionalStringValue)\r\n      return icon;\r\n\r\n    return \"\";\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"IconHelper.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconHelper.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAY,MAAM,wBAAwB,CAAC;AAExD;;GAEG;AACH,MAAM,OAAO,UAAU;IACd,MAAM,KAAK,YAAY;QAC5B,OAAO,yBAAyB,CAAC;IACnC,CAAC;IACD;;;OAGG;IACI,MAAM,CAAC,gBAAgB,CAAC,IAAuD,EAAE,YAA+B;QACrH,uBAAuB;QACvB,IAAI,CAAC,IAAI;YACP,OAAO,IAAI,CAAC;QAEd,uBAAuB;QACvB,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;YAC5B,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,IAAI,GAAI,CAAC;QAElC,qBAAqB;QACrB,IAAI,CAAC,CAAC,IAAI,YAAY,sBAAsB,CAAC,IAAI,OAAO,IAAI,KAAK,QAAQ;YACvE,OAAO,IAAI,CAAC;QAEd,MAAM,UAAU,GAAG,sBAAsB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACzD,IAAI,CAAC,UAAU;YACb,OAAO,IAAI,CAAC;QAEd,uBAAuB;QACvB,IAAI,UAAU,KAAK,UAAU,CAAC,YAAY,EAAE;YAC1C,uBAAuB;YACvB,IAAI,YAAY;gBACd,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,CAAoB,GAAI,CAAC;YAC1F,OAAO,IAAI,CAAC;SACb;QACD,OAAO,oBAAC,IAAI,IAAC,QAAQ,EAAE,UAAU,GAAI,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACI,MAAM,CAAC,WAAW,CAAC,QAAkB,EAAE,YAA+B;QAC3E,MAAM,IAAI,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC;QAEnF,IAAI,YAAY,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,UAAU,CAAC,YAAY,EAAE;YAChF,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;SACrD;QAED,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,YAAY,sBAAsB;YACpE,OAAO,IAAI,CAAC;QAEd,OAAO,EAAE,CAAC;IACZ,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 Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ConditionalStringValue } from \"@itwin/appui-abstract\";\r\nimport { Icon, IconSpec } from \"../icons/IconComponent\";\r\n\r\n/** Icon Helper Class used to store the data needed to generate an <Icon> for use in any control that shows an icon.\r\n * @public\r\n */\r\nexport class IconHelper {\r\n  public static get reactIconKey(): string {\r\n    return \"#-react-iconspec-node-#\";\r\n  }\r\n  /** Returns an <Icon> ReactNode from the many ways an icon can be specified.\r\n   * @param icon abstract icon specification.\r\n   * @param internalData a map that may hold a React.ReactNode stored in an abstract item definition.\r\n   */\r\n  public static getIconReactNode(icon: string | ConditionalStringValue | React.ReactNode, internalData?: Map<string, any>): React.ReactNode {\r\n    // istanbul ignore else\r\n    if (!icon)\r\n      return null;\r\n\r\n    // istanbul ignore else\r\n    if (React.isValidElement(icon))\r\n      return <Icon iconSpec={icon} />;\r\n\r\n    // istanbul ignore if\r\n    if (!(icon instanceof ConditionalStringValue) && typeof icon !== \"string\")\r\n      return null;\r\n\r\n    const iconString = ConditionalStringValue.getValue(icon);\r\n    if (!iconString)\r\n      return null;\r\n\r\n    // istanbul ignore else\r\n    if (iconString === IconHelper.reactIconKey) {\r\n      // istanbul ignore else\r\n      if (internalData)\r\n        return <Icon iconSpec={internalData.get(IconHelper.reactIconKey) as React.ReactNode} />;\r\n      return null;\r\n    }\r\n    return <Icon iconSpec={iconString} />;\r\n  }\r\n\r\n  /** Returns an icon definition that can be stored in an abstract item definition. If the iconSpec specifies a ReactNode\r\n   * then the react data is stored in the internalData map and the key to the react data is returned.\r\n   * @param iconSpec any supported variations of how an icon can be defined in an abstract item or IconProps.\r\n   * @param internalData a map supplied by the caller to store away react element if React.ReactNode\r\n   */\r\n  public static getIconData(iconSpec: IconSpec, internalData?: Map<string, any>): string | ConditionalStringValue {\r\n    const icon = (React.isValidElement(iconSpec)) ? IconHelper.reactIconKey : iconSpec;\r\n\r\n    if (internalData && typeof icon === \"string\" && icon === IconHelper.reactIconKey) {\r\n      internalData.set(IconHelper.reactIconKey, iconSpec);\r\n    }\r\n\r\n    if (typeof icon === \"string\" || icon instanceof ConditionalStringValue)\r\n      return icon;\r\n\r\n    return \"\";\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,11 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+/**
+ * IconWebComponent loads icon from an svg path
+ */
+export declare class IconWebComponent extends HTMLElement {
+    private connectedCallback;
+    private loadSvg;
+}
+//# sourceMappingURL=IconWebComponent.d.ts.map

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

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

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

@@ -0,0 +1,45 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+// istanbul ignore file
+// IconWebComponent requires in-browser testing
+/** @packageDocumentation
+ * @module Utilities
+ */
+import { UiError } from "@itwin/appui-abstract";
+import { Logger } from "@itwin/core-bentley";
+import { UiCore } from "../UiCore";
+/**
+ * IconWebComponent loads icon from an svg path
+ */
+export class IconWebComponent extends HTMLElement {
+    async connectedCallback() {
+        await this.loadSvg();
+        this.dispatchEvent(new CustomEvent("load"));
+    }
+    async loadSvg() {
+        await fetch(this.getAttribute("src") || "")
+            .catch((_error) => {
+            Logger.logError(UiCore.loggerCategory(this), "Unable to load icon.");
+        })
+            .then(async (response) => {
+            if (response && response.ok) {
+                return response.text();
+            }
+            else {
+                throw new UiError(UiCore.loggerCategory(this), "Unable to load icon.");
+            }
+        })
+            .then((str) => {
+            if (str !== undefined) {
+                return (new window.DOMParser()).parseFromString(str, "text/xml");
+            }
+            else {
+                throw new UiError(UiCore.loggerCategory(this), "Unable to load icon.");
+            }
+        })
+            .then((data) => this.append(data.documentElement));
+    }
+}
+//# sourceMappingURL=IconWebComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconWebComponent.js","sourceRoot":"","sources":["../../../../src/core-react/utils/IconWebComponent.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,uBAAuB;AACvB,+CAA+C;AAC/C;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC;;GAEG;AACH,MAAM,OAAO,gBAAiB,SAAQ,WAAW;IACvC,KAAK,CAAC,iBAAiB;QAC7B,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9C,CAAC;IAEO,KAAK,CAAC,OAAO;QACnB,MAAM,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;aACxC,KAAK,CAAC,CAAC,MAAM,EAAE,EAAE;YAChB,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,sBAAsB,CAAC,CAAC;QACvE,CAAC,CAAC;aACD,IAAI,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;YACvB,IAAI,QAAQ,IAAI,QAAQ,CAAC,EAAE,EAAE;gBAC3B,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;aACxB;iBAAM;gBACL,MAAM,IAAI,OAAO,CAAE,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,sBAAsB,CAAC,CAAC;aACzE;QACH,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YACZ,IAAI,GAAG,KAAK,SAAS,EAAE;gBACrB,OAAO,CAAC,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,eAAe,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;aAClE;iBAAM;gBACL,MAAM,IAAI,OAAO,CAAE,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,sBAAsB,CAAC,CAAC;aACzE;QACH,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;IACvD,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// istanbul ignore file\r\n// IconWebComponent requires in-browser testing\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport { UiError } from \"@itwin/appui-abstract\";\r\nimport { Logger } from \"@itwin/core-bentley\";\r\nimport { UiCore } from \"../UiCore\";\r\n\r\n/**\r\n * IconWebComponent loads icon from an svg path\r\n */\r\nexport class IconWebComponent extends HTMLElement {\r\n  private async connectedCallback() {\r\n    await this.loadSvg();\r\n    this.dispatchEvent(new CustomEvent(\"load\"));\r\n  }\r\n\r\n  private async loadSvg() {\r\n    await fetch(this.getAttribute(\"src\") || \"\")\r\n      .catch((_error) => {\r\n        Logger.logError(UiCore.loggerCategory(this), \"Unable to load icon.\");\r\n      })\r\n      .then(async (response) => {\r\n        if (response && response.ok) {\r\n          return response.text();\r\n        } else {\r\n          throw new UiError (UiCore.loggerCategory(this), \"Unable to load icon.\");\r\n        }\r\n      })\r\n      .then((str) => {\r\n        if (str !== undefined) {\r\n          return (new window.DOMParser()).parseFromString(str, \"text/xml\");\r\n        } else {\r\n          throw new UiError (UiCore.loggerCategory(this), \"Unable to load icon.\");\r\n        }\r\n      })\r\n      .then((data) => this.append(data.documentElement));\r\n  }\r\n}\r\n"]}

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

@@ -0,0 +1,8 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Hook that will show a popup window
+ * @beta
+ */
+export declare function useCrossOriginPopup(visible: boolean, url: string | undefined, title: string, width: number, height: number, onClose: () => void): void;
+//# sourceMappingURL=useCrossOriginPopup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossOriginPopup.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useCrossOriginPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAKH;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,QAqF/I"}

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

@@ -0,0 +1,86 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+import { useInterval } from "./useInterval";
+/** Hook that will show a popup window
+ * @beta
+ */
+export function useCrossOriginPopup(visible, url, title, width, height, onClose) {
+    const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState();
+    // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change
+    // hence the massive use of 'useRef'
+    const popupWindow = React.useRef();
+    const savedUrl = React.useRef(url);
+    const savedTitle = React.useRef(title);
+    const savedWidth = React.useRef(width);
+    const savedHeight = React.useRef(height);
+    const savedOnClose = React.useRef(onClose);
+    React.useEffect(() => { savedUrl.current = url; }, [url]);
+    React.useEffect(() => { savedTitle.current = title; }, [title]);
+    React.useEffect(() => { savedWidth.current = width; }, [width]);
+    React.useEffect(() => { savedHeight.current = height; }, [height]);
+    React.useEffect(() => { savedOnClose.current = onClose; }, [onClose]);
+    // Cleanup method after a popup closure.  Also calls the OnClose callback.
+    const handleClosedPopup = React.useCallback(() => {
+        savedOnClose.current();
+        setCheckPopupAliveDelay(undefined);
+        popupWindow.current = undefined;
+    }, []);
+    const closePopup = React.useCallback(() => {
+        if (popupWindow.current !== undefined) {
+            popupWindow.current.close(); // Manually close the popup
+            handleClosedPopup();
+        }
+    }, [handleClosedPopup]);
+    const checkPopupClosed = React.useCallback(() => {
+        var _a;
+        if ((_a = popupWindow.current) === null || _a === void 0 ? void 0 : _a.closed) {
+            // Popup has been closed by end-user, inform our host and cleanup
+            handleClosedPopup();
+        }
+    }, [handleClosedPopup]);
+    //  Close popup when parent window get closed
+    React.useEffect(() => {
+        window.onbeforeunload = (_event) => { closePopup(); };
+        return () => {
+            window.onbeforeunload = null;
+        };
+    }, [closePopup]);
+    // Whenever the hook is unloaded, make sure the underlying popup get closed.
+    // Note: An interval is used to check if popup was closed by user: because we access
+    // a cross domain resource inside the popup, we don't have access to popup window events.
+    // As a workaround, we periodically check if popup is still alive.
+    // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128
+    React.useEffect(() => {
+        return () => {
+            closePopup();
+        };
+    }, [closePopup]);
+    // Timer that checks if popup was closed by end-user
+    useInterval(checkPopupClosed, checkPopupAliveDelay);
+    // ==> Main render effect
+    // Monitors visibility changes and open/close the popup accordingly.
+    React.useEffect(() => {
+        // If visible and a popup window is not already open, open a new popup window
+        if (visible && popupWindow.current === undefined) {
+            const popup = window.open(savedUrl.current, savedTitle.current, `width=${savedWidth.current},height=${savedHeight.current}`);
+            if (popup) {
+                popup.focus();
+                popupWindow.current = popup;
+                // Start and interval that will check if popup got closed by user
+                setCheckPopupAliveDelay(1000);
+            }
+        }
+        // If not visible but a previous popup window is still open, close it.
+        if (!visible && popupWindow.current !== undefined) {
+            popupWindow.current.close();
+            handleClosedPopup();
+        }
+    }, [handleClosedPopup, visible]);
+}
+//# sourceMappingURL=useCrossOriginPopup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCrossOriginPopup.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useCrossOriginPopup.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 Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport {useInterval} from \"./useInterval\";\r\n\r\n/** Hook that will show a popup window\r\n * @beta\r\n */\r\nexport function useCrossOriginPopup(visible: boolean, url: string | undefined, title: string, width: number, height: number, onClose: () => void) {\r\n\r\n  const [checkPopupAliveDelay, setCheckPopupAliveDelay] = React.useState<number | undefined>();\r\n\r\n  // ONLY re-render the popup when visibility changes, any other changes get deferred until next visibility change\r\n  // hence the massive use of 'useRef'\r\n  const popupWindow = React.useRef<Window>();\r\n  const savedUrl = React.useRef(url);\r\n  const savedTitle = React.useRef(title);\r\n  const savedWidth = React.useRef(width);\r\n  const savedHeight = React.useRef(height);\r\n  const savedOnClose = React.useRef(onClose);\r\n\r\n  React.useEffect(() => { savedUrl.current = url; }, [url]);\r\n  React.useEffect(() => { savedTitle.current = title; }, [title]);\r\n  React.useEffect(() => { savedWidth.current = width; }, [width]);\r\n  React.useEffect(() => { savedHeight.current = height; }, [height]);\r\n  React.useEffect(() => { savedOnClose.current = onClose; }, [onClose]);\r\n\r\n  // Cleanup method after a popup closure.  Also calls the OnClose callback.\r\n  const handleClosedPopup = React.useCallback(() => {\r\n    savedOnClose.current();\r\n    setCheckPopupAliveDelay(undefined);\r\n    popupWindow.current = undefined;\r\n  }, []);\r\n\r\n  const closePopup = React.useCallback(() => {\r\n    if (popupWindow.current !== undefined) {\r\n      popupWindow.current.close();    // Manually close the popup\r\n      handleClosedPopup();\r\n    }\r\n  }, [handleClosedPopup]);\r\n\r\n  const checkPopupClosed = React.useCallback(() => {\r\n    if (popupWindow.current?.closed) {\r\n      // Popup has been closed by end-user, inform our host and cleanup\r\n      handleClosedPopup();\r\n    }\r\n  }, [handleClosedPopup]);\r\n\r\n  //  Close popup when parent window get closed\r\n  React.useEffect(() => {\r\n    window.onbeforeunload = (_event) => {closePopup();};\r\n    return () => {\r\n      window.onbeforeunload = null;\r\n    };\r\n  }, [closePopup]);\r\n\r\n  // Whenever the hook is unloaded, make sure the underlying popup get closed.\r\n  // Note: An interval is used to check if popup was closed by user: because we access\r\n  // a cross domain resource inside the popup, we don't have access to popup window events.\r\n  // As a workaround, we periodically check if popup is still alive.\r\n  // Reference: https://stackoverflow.com/questions/9388380/capture-the-close-event-of-popup-window-in-javascript/48240128#48240128\r\n  React.useEffect(() => {\r\n    return () => {\r\n      closePopup();\r\n    };\r\n  }, [closePopup]);\r\n\r\n  // Timer that checks if popup was closed by end-user\r\n  useInterval(checkPopupClosed, checkPopupAliveDelay);\r\n\r\n  // ==> Main render effect\r\n  // Monitors visibility changes and open/close the popup accordingly.\r\n  React.useEffect(() => {\r\n    // If visible and a popup window is not already open, open a new popup window\r\n    if (visible && popupWindow.current === undefined) {\r\n      const popup = window.open(savedUrl.current, savedTitle.current, `width=${savedWidth.current},height=${savedHeight.current}`);\r\n      if (popup) {\r\n        popup.focus();\r\n        popupWindow.current = popup;\r\n\r\n        // Start and interval that will check if popup got closed by user\r\n        setCheckPopupAliveDelay(1000);\r\n      }\r\n    }\r\n\r\n    // If not visible but a previous popup window is still open, close it.\r\n    if (!visible && popupWindow.current !== undefined) {\r\n      popupWindow.current.close();\r\n\r\n      handleClosedPopup();\r\n    }\r\n\r\n  }, [handleClosedPopup, visible]);\r\n}\r\n"]}

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

@@ -0,0 +1,6 @@
+/** Hook that create an interval and clears it when unloaded
+ * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
+ * @beta
+ */
+export declare function useInterval(callback: (...args: any[]) => void, delay: number | undefined): void;
+//# sourceMappingURL=useInterval.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useInterval.tsx"],"names":[],"mappings":"AASA;;;GAGG;AACH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,QAoBxF"}

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

@@ -0,0 +1,33 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Hook that create an interval and clears it when unloaded
+ * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
+ * @beta
+ */
+export function useInterval(callback, delay) {
+    const savedCallback = React.useRef(callback);
+    // Remember the latest function.
+    React.useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval.
+    React.useEffect(() => {
+        function tick() {
+            savedCallback.current();
+        }
+        if (delay !== undefined) {
+            const id = setInterval(tick, delay);
+            return (() => { clearInterval(id); });
+        }
+        else {
+            return undefined;
+        }
+    }, [delay]);
+}
+//# sourceMappingURL=useInterval.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useInterval.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,QAAkC,EAAE,KAAyB;IACvF,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAA2B,QAAQ,CAAC,CAAC;IAEvE,gCAAgC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,uBAAuB;IACvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,SAAS,IAAI;YACX,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpC,OAAO,CAAC,GAAG,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACvC;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC","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 Utilities\r\n */\r\nimport * as React from \"react\";\r\n\r\n/** Hook that create an interval and clears it when unloaded\r\n * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md\r\n * @beta\r\n */\r\nexport function useInterval(callback: (...args: any[]) => void, delay: number | undefined) {\r\n  const savedCallback = React.useRef<(...args: any[]) => void>(callback);\r\n\r\n  // Remember the latest function.\r\n  React.useEffect(() => {\r\n    savedCallback.current = callback;\r\n  }, [callback]);\r\n\r\n  // Set up the interval.\r\n  React.useEffect(() => {\r\n    function tick() {\r\n      savedCallback.current();\r\n    }\r\n    if (delay !== undefined) {\r\n      const id = setInterval(tick, delay);\r\n      return (() => { clearInterval(id); });\r\n    } else {\r\n      return undefined;\r\n    }\r\n  }, [delay]);\r\n}\r\n"]}

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

@@ -55,7 +55,7 @@ export function useResizeObserver(onResize) {
         owningWindowRef.current = target.ownerDocument.defaultView;
         // istanbul ignore else
         if (owningWindowRef.current) {
-            owningWindowRef.current.addEventListener("beforeunload", resizeObserverCleanup);
+            owningWindowRef.current.addEventListener("unload", resizeObserverCleanup);
             // using requestAnimationFrame to stop the "ResizeObserver loop completed with undelivered notifications." and
             // "ResizeObserver loop limit exceeded" messages reported to window.onError
             rafRef.current = owningWindowRef.current.requestAnimationFrame(() => processResize(target));
@@ -142,7 +142,7 @@ export function useLayoutResizeObserver(inElement, onResize) {
         owningWindowRef.current = target.ownerDocument.defaultView;
         // istanbul ignore else
         if (owningWindowRef.current) {
-            owningWindowRef.current.addEventListener("beforeunload", resizeObserverCleanup);
+            owningWindowRef.current.addEventListener("unload", resizeObserverCleanup);
             // using requestAnimationFrame to stop the "ResizeObserver loop completed with undelivered notifications." and
             // "ResizeObserver loop limit exceeded" messages reported to window.onError
             rafRef.current = owningWindowRef.current.requestAnimationFrame(() => processResize(target));

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

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useResizeObserver.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 Utilities\r\n */\r\nimport * as React from \"react\";\r\nimport { ResizeObserver } from \"./ResizeObserverPolyfill\";\r\nimport { useRefEffect } from \"./useRefEffect\";\r\nimport { useRefs } from \"./useRefs\";\r\n\r\n/** Uses ResizeObserver API to notify about element bound changes.\r\n  * @internal\r\n  */\r\nexport function useResizeObserver<T extends Element>(onResize?: (width: number, height: number) => void) {\r\n  const [bounds, setBounds] = React.useState({ width: 0, height: 0 });\r\n  const resizeObserver = React.useRef<ResizeObserver | null>(null);\r\n  const rafRef = React.useRef(0);  // set to non-zero when requestAnimationFrame processing is active\r\n  const isMountedRef = React.useRef(false);\r\n  const owningWindowRef = React.useRef<any>(null);\r\n\r\n  // istanbul ignore next\r\n  const resizeObserverCleanup = () => {\r\n    if (rafRef.current)\r\n      owningWindowRef.current.cancelAnimationFrame(rafRef.current);\r\n\r\n    resizeObserver.current?.disconnect();\r\n    resizeObserver.current = null;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    isMountedRef.current = true;\r\n    return () => {\r\n      isMountedRef.current = false;\r\n      if (rafRef.current)\r\n        owningWindowRef.current.cancelAnimationFrame(rafRef.current);\r\n      owningWindowRef.current?.removeEventListener(\"beforeunload\", resizeObserverCleanup);\r\n    };\r\n  }, []);\r\n\r\n  const processResize = React.useCallback((target: HTMLElement) => {\r\n    const newBounds = target.getBoundingClientRect();\r\n    // istanbul ignore else\r\n    if (isMountedRef.current && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {\r\n      setBounds(newBounds);\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n    }\r\n  }, [onResize, bounds.height, bounds.width]);\r\n\r\n  const handleResize = React.useCallback((entries: any[]) => {\r\n    // istanbul ignore if\r\n    if (!isMountedRef.current || !Array.isArray(entries) || 0 === entries.length) {\r\n      return;\r\n    }\r\n    const target = entries[0].target as HTMLElement;\r\n    // istanbul ignore next\r\n    owningWindowRef.current && owningWindowRef.current.removeEventListener(\"beforeunload\", resizeObserverCleanup);\r\n\r\n    owningWindowRef.current = target.ownerDocument.defaultView;\r\n    // istanbul ignore else\r\n    if (owningWindowRef.current) {\r\n      owningWindowRef.current.addEventListener(\"beforeunload\", resizeObserverCleanup);\r\n\r\n      // using requestAnimationFrame to stop the \"ResizeObserver loop completed with undelivered notifications.\" and\r\n      // \"ResizeObserver loop limit exceeded\" messages reported to window.onError\r\n      rafRef.current = owningWindowRef.current.requestAnimationFrame(() => processResize(target));\r\n    }\r\n  }, [processResize]);\r\n\r\n  const observerRef = useRefEffect((instance: T | null) => {\r\n    resizeObserver.current = new ResizeObserver(handleResize);\r\n    if (instance) {\r\n      resizeObserver.current.observe(instance);\r\n      const newBounds = instance.getBoundingClientRect();\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n      setBounds(newBounds);\r\n    }\r\n\r\n    return () => {\r\n      instance && ( /* istanbul ignore next */resizeObserver.current?.unobserve(instance));\r\n      resizeObserver.current = null;\r\n    };\r\n  }, [handleResize, onResize]);\r\n\r\n  const handleRef = React.useCallback((instance: Element | null) => {\r\n    const newBounds = instance && instance.getBoundingClientRect();\r\n    // istanbul ignore if\r\n    if (newBounds && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {\r\n      setBounds(newBounds);\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n    }\r\n  }, [bounds.height, bounds.width, onResize]);\r\n\r\n  const ref = useRefs(handleRef, observerRef);\r\n  return ref;\r\n}\r\n\r\n/** React hook that uses ResizeObserver API to notify about element bound changes. Note: to work similar to ReactResizeDetector\r\n * width and height are initialized as undefined and only set during after mount if bounds are non-zero. This implementation properly\r\n * handles observing element in pop-out/child windows.\r\n  * @internal\r\n  */\r\nexport function useLayoutResizeObserver(inElement: HTMLElement | null, onResize?: (width?: number, height?: number) => void) {\r\n  const inBoundingRect = inElement?.getBoundingClientRect();\r\n  const [bounds, setBounds] = React.useState<{ width?: number, height?: number }>({ width: inBoundingRect?.width, height: inBoundingRect?.height });\r\n  const [watchedElement, setWatchedElement] = React.useState(inElement);\r\n  const resizeObserver = React.useRef<ResizeObserver | null>(null);\r\n  const rafRef = React.useRef(0);  // set to non-zero when requestAnimationFrame processing is active\r\n  const isMountedRef = React.useRef(false);\r\n  const owningWindowRef = React.useRef<any>(null);\r\n\r\n  // istanbul ignore next\r\n  const resizeObserverCleanup = () => {\r\n    if (rafRef.current)\r\n      owningWindowRef.current.cancelAnimationFrame(rafRef.current);\r\n\r\n    resizeObserver.current?.disconnect();\r\n    resizeObserver.current = null;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    isMountedRef.current = true;\r\n    setWatchedElement(inElement);\r\n\r\n    // istanbul ignore next\r\n    if (inElement) {\r\n      const newBounds = inElement.getBoundingClientRect();\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n      setBounds(newBounds);\r\n    }\r\n\r\n    return () => {\r\n      isMountedRef.current = false;\r\n      (rafRef.current && owningWindowRef.current) && owningWindowRef.current.cancelAnimationFrame(rafRef.current);\r\n      owningWindowRef.current && owningWindowRef.current.removeEventListener(\"beforeunload\", resizeObserverCleanup);\r\n    };\r\n  }, [onResize, inElement]);\r\n\r\n  const processResize = React.useCallback((target: HTMLElement) => {\r\n    const newBounds = target.getBoundingClientRect();\r\n    // istanbul ignore next\r\n    if (isMountedRef.current && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n      setBounds(newBounds);\r\n    }\r\n  }, [bounds.height, bounds.width, onResize]);\r\n\r\n  const handleResize = React.useCallback((entries: any[]) => {\r\n    // istanbul ignore next\r\n    if (!isMountedRef.current || !Array.isArray(entries) || 0 === entries.length) {\r\n      return;\r\n    }\r\n    const target = entries[0].target as HTMLElement;\r\n    // istanbul ignore next\r\n    if (owningWindowRef.current)\r\n      owningWindowRef.current.removeEventListener(\"beforeunload\", resizeObserverCleanup);\r\n\r\n    owningWindowRef.current = target.ownerDocument.defaultView;\r\n    // istanbul ignore else\r\n    if (owningWindowRef.current) {\r\n      owningWindowRef.current.addEventListener(\"beforeunload\", resizeObserverCleanup);\r\n\r\n      // using requestAnimationFrame to stop the \"ResizeObserver loop completed with undelivered notifications.\" and\r\n      // \"ResizeObserver loop limit exceeded\" messages reported to window.onError\r\n      rafRef.current = owningWindowRef.current.requestAnimationFrame(() => processResize(target));\r\n    }\r\n  }, [processResize]);\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (!watchedElement) {\r\n      return;\r\n    }\r\n    resizeObserver.current = new ResizeObserver(handleResize);\r\n    resizeObserver.current.observe(watchedElement);\r\n    return () => {\r\n      // istanbul ignore next\r\n      resizeObserver.current?.disconnect();\r\n      resizeObserver.current = null;\r\n    };\r\n  }, [handleResize, watchedElement]);\r\n\r\n  return [bounds.width, bounds.height];\r\n}\r\n\r\n/** Prop the ElementResizeObserver sends to the render function.\r\n *  @public\r\n */\r\nexport interface RenderPropsArgs {\r\n  width?: number;\r\n  height?: number;\r\n}\r\n\r\n/** ElementResizeObserver provides functionality similar to ReactResizeDetector when a render function is specified. This implementation properly handles\r\n * observing element in pop-out/child windows.\r\n *  @public\r\n */\r\nexport function ElementResizeObserver({ watchedElement, render }: { watchedElement: HTMLElement | null, render: (props: RenderPropsArgs) => JSX.Element }) {\r\n  const [width, height] = useLayoutResizeObserver(watchedElement);\r\n  return render({ width, height });\r\n}\r\n\r\n/** ResizableContainerObserver is a component that provides the functionality similar to the ReactResizeDetector option that call a function when\r\n * the observed element is resized. This implementation properly handles observing element in pop-out/child windows. If children nodes are defined then\r\n * the div added by the component is considered the container whose size will be observed. If no children are provided then the component will report\r\n * size changes from its parent container.\r\n * @public\r\n */\r\nexport function ResizableContainerObserver({ onResize, children }: { onResize: (width: number, height: number) => void, children?: React.ReactNode }) {\r\n  const containerRef = React.useRef<HTMLDivElement>(null);  // set to non-zero when requestAnimationFrame processing is active\r\n  const [containerElement, setContainerElement] = React.useState<HTMLElement | null>(null);\r\n  const isMountedRef = React.useRef(false);\r\n  const hasChildren = React.Children.count(children) !== 0;\r\n\r\n  // if no children are specified then monitor size of parent element.\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    if (!isMountedRef.current && containerRef.current) {\r\n      isMountedRef.current = true;\r\n      const hasParent = !!containerRef.current.parentElement;\r\n      setContainerElement(hasChildren && hasParent ? containerRef.current : containerRef.current.parentElement);\r\n    }\r\n  }, [hasChildren]);\r\n\r\n  const processResize = React.useCallback((width?: number, height?: number) => {\r\n    // istanbul ignore next\r\n    onResize(width ?? 0, height ?? 0);\r\n  }, [onResize]);\r\n\r\n  useLayoutResizeObserver(containerElement, processResize);\r\n  const style: React.CSSProperties = hasChildren ? { width: \"100%\", height: \"100%\" } : { display: \"none\" };\r\n\r\n  return (\r\n    <div ref={containerRef} className=\"uicore-resizable-container\" style={style}>\r\n      {hasChildren && children}\r\n    </div>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"useResizeObserver.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useResizeObserver.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 Utilities\r\n */\r\nimport * as React from \"react\";\r\nimport { ResizeObserver } from \"./ResizeObserverPolyfill\";\r\nimport { useRefEffect } from \"./useRefEffect\";\r\nimport { useRefs } from \"./useRefs\";\r\n\r\n/** Uses ResizeObserver API to notify about element bound changes.\r\n  * @internal\r\n  */\r\nexport function useResizeObserver<T extends Element>(onResize?: (width: number, height: number) => void) {\r\n  const [bounds, setBounds] = React.useState({ width: 0, height: 0 });\r\n  const resizeObserver = React.useRef<ResizeObserver | null>(null);\r\n  const rafRef = React.useRef(0);  // set to non-zero when requestAnimationFrame processing is active\r\n  const isMountedRef = React.useRef(false);\r\n  const owningWindowRef = React.useRef<any>(null);\r\n\r\n  // istanbul ignore next\r\n  const resizeObserverCleanup = () => {\r\n    if (rafRef.current)\r\n      owningWindowRef.current.cancelAnimationFrame(rafRef.current);\r\n\r\n    resizeObserver.current?.disconnect();\r\n    resizeObserver.current = null;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    isMountedRef.current = true;\r\n    return () => {\r\n      isMountedRef.current = false;\r\n      if (rafRef.current)\r\n        owningWindowRef.current.cancelAnimationFrame(rafRef.current);\r\n      owningWindowRef.current?.removeEventListener(\"beforeunload\", resizeObserverCleanup);\r\n    };\r\n  }, []);\r\n\r\n  const processResize = React.useCallback((target: HTMLElement) => {\r\n    const newBounds = target.getBoundingClientRect();\r\n    // istanbul ignore else\r\n    if (isMountedRef.current && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {\r\n      setBounds(newBounds);\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n    }\r\n  }, [onResize, bounds.height, bounds.width]);\r\n\r\n  const handleResize = React.useCallback((entries: any[]) => {\r\n    // istanbul ignore if\r\n    if (!isMountedRef.current || !Array.isArray(entries) || 0 === entries.length) {\r\n      return;\r\n    }\r\n    const target = entries[0].target as HTMLElement;\r\n    // istanbul ignore next\r\n    owningWindowRef.current && owningWindowRef.current.removeEventListener(\"beforeunload\", resizeObserverCleanup);\r\n\r\n    owningWindowRef.current = target.ownerDocument.defaultView;\r\n    // istanbul ignore else\r\n    if (owningWindowRef.current) {\r\n      owningWindowRef.current.addEventListener(\"unload\", resizeObserverCleanup);\r\n\r\n      // using requestAnimationFrame to stop the \"ResizeObserver loop completed with undelivered notifications.\" and\r\n      // \"ResizeObserver loop limit exceeded\" messages reported to window.onError\r\n      rafRef.current = owningWindowRef.current.requestAnimationFrame(() => processResize(target));\r\n    }\r\n  }, [processResize]);\r\n\r\n  const observerRef = useRefEffect((instance: T | null) => {\r\n    resizeObserver.current = new ResizeObserver(handleResize);\r\n    if (instance) {\r\n      resizeObserver.current.observe(instance);\r\n      const newBounds = instance.getBoundingClientRect();\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n      setBounds(newBounds);\r\n    }\r\n\r\n    return () => {\r\n      instance && ( /* istanbul ignore next */resizeObserver.current?.unobserve(instance));\r\n      resizeObserver.current = null;\r\n    };\r\n  }, [handleResize, onResize]);\r\n\r\n  const handleRef = React.useCallback((instance: Element | null) => {\r\n    const newBounds = instance && instance.getBoundingClientRect();\r\n    // istanbul ignore if\r\n    if (newBounds && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {\r\n      setBounds(newBounds);\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n    }\r\n  }, [bounds.height, bounds.width, onResize]);\r\n\r\n  const ref = useRefs(handleRef, observerRef);\r\n  return ref;\r\n}\r\n\r\n/** React hook that uses ResizeObserver API to notify about element bound changes. Note: to work similar to ReactResizeDetector\r\n * width and height are initialized as undefined and only set during after mount if bounds are non-zero. This implementation properly\r\n * handles observing element in pop-out/child windows.\r\n  * @internal\r\n  */\r\nexport function useLayoutResizeObserver(inElement: HTMLElement | null, onResize?: (width?: number, height?: number) => void) {\r\n  const inBoundingRect = inElement?.getBoundingClientRect();\r\n  const [bounds, setBounds] = React.useState<{ width?: number, height?: number }>({ width: inBoundingRect?.width, height: inBoundingRect?.height });\r\n  const [watchedElement, setWatchedElement] = React.useState(inElement);\r\n  const resizeObserver = React.useRef<ResizeObserver | null>(null);\r\n  const rafRef = React.useRef(0);  // set to non-zero when requestAnimationFrame processing is active\r\n  const isMountedRef = React.useRef(false);\r\n  const owningWindowRef = React.useRef<any>(null);\r\n\r\n  // istanbul ignore next\r\n  const resizeObserverCleanup = () => {\r\n    if (rafRef.current)\r\n      owningWindowRef.current.cancelAnimationFrame(rafRef.current);\r\n\r\n    resizeObserver.current?.disconnect();\r\n    resizeObserver.current = null;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    isMountedRef.current = true;\r\n    setWatchedElement(inElement);\r\n\r\n    // istanbul ignore next\r\n    if (inElement) {\r\n      const newBounds = inElement.getBoundingClientRect();\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n      setBounds(newBounds);\r\n    }\r\n\r\n    return () => {\r\n      isMountedRef.current = false;\r\n      (rafRef.current && owningWindowRef.current) && owningWindowRef.current.cancelAnimationFrame(rafRef.current);\r\n      owningWindowRef.current && owningWindowRef.current.removeEventListener(\"beforeunload\", resizeObserverCleanup);\r\n    };\r\n  }, [onResize, inElement]);\r\n\r\n  const processResize = React.useCallback((target: HTMLElement) => {\r\n    const newBounds = target.getBoundingClientRect();\r\n    // istanbul ignore next\r\n    if (isMountedRef.current && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {\r\n      onResize && onResize(newBounds.width, newBounds.height);\r\n      setBounds(newBounds);\r\n    }\r\n  }, [bounds.height, bounds.width, onResize]);\r\n\r\n  const handleResize = React.useCallback((entries: any[]) => {\r\n    // istanbul ignore next\r\n    if (!isMountedRef.current || !Array.isArray(entries) || 0 === entries.length) {\r\n      return;\r\n    }\r\n    const target = entries[0].target as HTMLElement;\r\n    // istanbul ignore next\r\n    if (owningWindowRef.current)\r\n      owningWindowRef.current.removeEventListener(\"beforeunload\", resizeObserverCleanup);\r\n\r\n    owningWindowRef.current = target.ownerDocument.defaultView;\r\n    // istanbul ignore else\r\n    if (owningWindowRef.current) {\r\n      owningWindowRef.current.addEventListener(\"unload\", resizeObserverCleanup);\r\n\r\n      // using requestAnimationFrame to stop the \"ResizeObserver loop completed with undelivered notifications.\" and\r\n      // \"ResizeObserver loop limit exceeded\" messages reported to window.onError\r\n      rafRef.current = owningWindowRef.current.requestAnimationFrame(() => processResize(target));\r\n    }\r\n  }, [processResize]);\r\n\r\n  React.useLayoutEffect(() => {\r\n    if (!watchedElement) {\r\n      return;\r\n    }\r\n    resizeObserver.current = new ResizeObserver(handleResize);\r\n    resizeObserver.current.observe(watchedElement);\r\n    return () => {\r\n      // istanbul ignore next\r\n      resizeObserver.current?.disconnect();\r\n      resizeObserver.current = null;\r\n    };\r\n  }, [handleResize, watchedElement]);\r\n\r\n  return [bounds.width, bounds.height];\r\n}\r\n\r\n/** Prop the ElementResizeObserver sends to the render function.\r\n *  @public\r\n */\r\nexport interface RenderPropsArgs {\r\n  width?: number;\r\n  height?: number;\r\n}\r\n\r\n/** ElementResizeObserver provides functionality similar to ReactResizeDetector when a render function is specified. This implementation properly handles\r\n * observing element in pop-out/child windows.\r\n *  @public\r\n */\r\nexport function ElementResizeObserver({ watchedElement, render }: { watchedElement: HTMLElement | null, render: (props: RenderPropsArgs) => JSX.Element }) {\r\n  const [width, height] = useLayoutResizeObserver(watchedElement);\r\n  return render({ width, height });\r\n}\r\n\r\n/** ResizableContainerObserver is a component that provides the functionality similar to the ReactResizeDetector option that call a function when\r\n * the observed element is resized. This implementation properly handles observing element in pop-out/child windows. If children nodes are defined then\r\n * the div added by the component is considered the container whose size will be observed. If no children are provided then the component will report\r\n * size changes from its parent container.\r\n * @public\r\n */\r\nexport function ResizableContainerObserver({ onResize, children }: { onResize: (width: number, height: number) => void, children?: React.ReactNode }) {\r\n  const containerRef = React.useRef<HTMLDivElement>(null);  // set to non-zero when requestAnimationFrame processing is active\r\n  const [containerElement, setContainerElement] = React.useState<HTMLElement | null>(null);\r\n  const isMountedRef = React.useRef(false);\r\n  const hasChildren = React.Children.count(children) !== 0;\r\n\r\n  // if no children are specified then monitor size of parent element.\r\n  React.useEffect(() => {\r\n    // istanbul ignore next\r\n    if (!isMountedRef.current && containerRef.current) {\r\n      isMountedRef.current = true;\r\n      const hasParent = !!containerRef.current.parentElement;\r\n      setContainerElement(hasChildren && hasParent ? containerRef.current : containerRef.current.parentElement);\r\n    }\r\n  }, [hasChildren]);\r\n\r\n  const processResize = React.useCallback((width?: number, height?: number) => {\r\n    // istanbul ignore next\r\n    onResize(width ?? 0, height ?? 0);\r\n  }, [onResize]);\r\n\r\n  useLayoutResizeObserver(containerElement, processResize);\r\n  const style: React.CSSProperties = hasChildren ? { width: \"100%\", height: \"100%\" } : { display: \"none\" };\r\n\r\n  return (\r\n    <div ref={containerRef} className=\"uicore-resizable-container\" style={style}>\r\n      {hasChildren && children}\r\n    </div>\r\n  );\r\n}\r\n"]}

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

@@ -143,6 +143,8 @@ export * from "./core-react/utils/hooks/useRefState";
 export * from "./core-react/utils/hooks/useResizeObserver";
 export * from "./core-react/utils/hooks/useTargeted";
 export * from "./core-react/utils/hooks/useWidgetOpacityContext";
+export * from "./core-react/utils/hooks/useInterval";
+export * from "./core-react/utils/hooks/useCrossOriginPopup";
 /** @docs-package-description
  * The core-react package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.
  * For more information, see [learning about core-react]($docs/learning/ui/core/index.md).

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

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

package/lib/esm/core-react.js

@@ -148,6 +148,8 @@ export * from "./core-react/utils/hooks/useRefState";
 export * from "./core-react/utils/hooks/useResizeObserver";
 export * from "./core-react/utils/hooks/useTargeted";
 export * from "./core-react/utils/hooks/useWidgetOpacityContext";
+export * from "./core-react/utils/hooks/useInterval";
+export * from "./core-react/utils/hooks/useCrossOriginPopup";
 /** @docs-package-description
  * The core-react package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.
  * For more information, see [learning about core-react]($docs/learning/ui/core/index.md).

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

@@ -1 +1 @@
-{"version":3,"file":"core-react.js","sourceRoot":"","sources":["../../src/core-react.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F,gFAAgF;AAEhF,cAAc,qBAAqB,CAAC;AAEpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sCAAsC,CAAC;AAErD,cAAc,wCAAwC,CAAC;AAEvD,cAAc,sCAAsC,CAAC;AACrD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6CAA6C,CAAC;AAC5D,cAAc,0CAA0C,CAAC;AACzD,cAAc,yCAAyC,CAAC;AACxD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,2CAA2C,CAAC;AAE1D,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,gDAAgD,CAAC;AAE/D,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,wCAAwC,CAAC;AACvD,cAAc,yCAAyC,CAAC;AAExD,cAAc,0CAA0C,CAAC;AACzD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sCAAsC,CAAC;AACrD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,sCAAsC,CAAC;AAErD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,0CAA0C,CAAC;AAEzD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,8BAA8B,CAAC;AAE7C,cAAc,8BAA8B,CAAC;AAE7C,cAAc,iCAAiC,CAAC;AAChD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yCAAyC,CAAC;AAExD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,uCAAuC,CAAC;AAEtD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,8CAA8C,CAAC;AAC7D,cAAc,kDAAkD,CAAC;AAEjE,cAAc,oCAAoC,CAAC;AACnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,yCAAyC,CAAC;AACxD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,4BAA4B,CAAC;AAE3C,cAAc,sCAAsC,CAAC;AAErD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AAEvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AAEzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AAExC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAElD,cAAc,8BAA8B,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAwB,MAAM,mCAAmC,CAAC;AAC1F,OAAO,EAAE,UAAU,EAAmB,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAmF,MAAM,wBAAwB,CAAC;AACnI,OAAO,EAAE,IAAI,EAAa,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAA4B,MAAM,+BAA+B,CAAC;AAE9F,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,wCAAwC,CAAC;AAEvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,6CAA6C,CAAC;AAE5D,cAAc,wCAAwC,CAAC;AACvD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,iDAAiD,CAAC;AAChE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,sCAAsC,CAAC;AACrD,cAAc,kDAAkD,CAAC;AAEjE;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG","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\r\n// cSpell:ignore focustrap imagecheckbox iconinput hocs numberinput numericinput\r\n\r\nexport * from \"./core-react/UiCore\";\r\n\r\nexport * from \"./core-react/badge/Badge\";\r\nexport * from \"./core-react/badge/BadgeUtilities\";\r\nexport * from \"./core-react/badge/BetaBadge\";\r\nexport * from \"./core-react/badge/NewBadge\";\r\n\r\nexport * from \"./core-react/base/Div\";\r\nexport * from \"./core-react/base/DivWithOutsideClick\";\r\nexport * from \"./core-react/base/Centered\";\r\nexport * from \"./core-react/base/FillCentered\";\r\nexport * from \"./core-react/base/FlexWrapContainer\";\r\nexport * from \"./core-react/base/Gap\";\r\nexport * from \"./core-react/base/PointerEvents\";\r\nexport * from \"./core-react/base/ScrollView\";\r\n\r\nexport * from \"./core-react/button/Button\";\r\nexport * from \"./core-react/button/UnderlinedButton\";\r\n\r\nexport * from \"./core-react/checklistbox/CheckListBox\";\r\n\r\nexport * from \"./core-react/contextmenu/ContextMenu\";\r\nexport * from \"./core-react/contextmenu/ContextMenuDirection\";\r\nexport * from \"./core-react/contextmenu/ContextMenuDivider\";\r\nexport * from \"./core-react/contextmenu/ContextMenuItem\";\r\nexport * from \"./core-react/contextmenu/ContextSubMenu\";\r\nexport * from \"./core-react/contextmenu/GlobalContextMenu\";\r\nexport * from \"./core-react/contextmenu/PopupContextMenu\";\r\n\r\nexport * from \"./core-react/dialog/Dialog\";\r\nexport * from \"./core-react/dialog/DialogButtonDef\";\r\nexport * from \"./core-react/dialog/GlobalDialog\";\r\n\r\nexport * from \"./core-react/elementseparator/ElementSeparator\";\r\n\r\nexport * from \"./core-react/enums/Alignment\";\r\nexport * from \"./core-react/enums/CheckBoxState\";\r\nexport * from \"./core-react/enums/Orientation\";\r\nexport * from \"./core-react/enums/SortDirection\";\r\nexport * from \"./core-react/enums/TimeFormat\";\r\n\r\nexport * from \"./core-react/expandable/ExpandableList\";\r\nexport * from \"./core-react/expandable/ExpandableBlock\";\r\n\r\nexport * from \"./core-react/focus/ItemKeyboardNavigator\";\r\nexport * from \"./core-react/focustrap/FocusTrap\";\r\n\r\nexport * from \"./core-react/form/Field\";\r\nexport * from \"./core-react/form/Form\";\r\n\r\nexport * from \"./core-react/hocs/withIsPressed\";\r\nexport * from \"./core-react/hocs/withOnOutsideClick\";\r\nexport * from \"./core-react/hocs/withTimeout\";\r\n\r\nexport * from \"./core-react/icons/IconComponent\";\r\nexport * from \"./core-react/icons/SvgPath\";\r\nexport * from \"./core-react/icons/SvgSprite\";\r\nexport * from \"./core-react/icons/WebFontIcon\";\r\n\r\nexport * from \"./core-react/autosuggest/AutoSuggest\";\r\n\r\nexport * from \"./core-react/checkbox/Checkbox\";\r\n\r\nexport * from \"./core-react/imagecheckbox/ImageCheckBox\";\r\n\r\nexport * from \"./core-react/inputs/Input\";\r\nexport * from \"./core-react/inputs/InputLabel\";\r\nexport * from \"./core-react/inputs/InputStatus\";\r\nexport * from \"./core-react/inputs/iconinput/IconInput\";\r\nexport * from \"./core-react/inputs/LabeledComponentProps\";\r\nexport * from \"./core-react/inputs/LabeledInput\";\r\nexport * from \"./core-react/inputs/LabeledTextarea\";\r\nexport * from \"./core-react/inputs/numberinput/NumberInput\";\r\nexport * from \"./core-react/inputs/Textarea\";\r\n\r\nexport * from \"./core-react/listbox/Listbox\";\r\n\r\nexport * from \"./core-react/loading/LoadingBar\";\r\nexport * from \"./core-react/loading/LoadingPrompt\";\r\nexport * from \"./core-react/loading/LoadingSpinner\";\r\nexport * from \"./core-react/loading/LoadingStatus\";\r\nexport * from \"./core-react/loading/Spinner\";\r\n\r\nexport * from \"./core-react/messagebox/MessageBox\";\r\nexport * from \"./core-react/messagebox/MessageSeverity\";\r\n\r\nexport * from \"./core-react/notification/MessageRenderer\";\r\nexport * from \"./core-react/notification/MessageType\";\r\n\r\nexport * from \"./core-react/popup/Popup\";\r\n\r\nexport * from \"./core-react/progress-indicators/ProgressBar\";\r\nexport * from \"./core-react/progress-indicators/ProgressSpinner\";\r\n\r\nexport * from \"./core-react/radialmenu/RadialMenu\";\r\nexport * from \"./core-react/radialmenu/Annulus\";\r\nexport * from \"./core-react/radio/Radio\";\r\n\r\nexport * from \"./core-react/select/LabeledSelect\";\r\nexport * from \"./core-react/select/Select\";\r\nexport * from \"./core-react/select/ThemedSelect\";\r\nexport * from \"./core-react/select/LabeledThemedSelect\";\r\nexport * from \"./core-react/searchbox/SearchBox\";\r\n\r\nexport * from \"./core-react/settings/SettingsManager\";\r\nexport * from \"./core-react/settings/SettingsContainer\";\r\n\r\nexport * from \"./core-react/slider/Slider\";\r\n\r\nexport * from \"./core-react/splitbutton/SplitButton\";\r\n\r\nexport * from \"./core-react/tabs/HorizontalTabs\";\r\nexport * from \"./core-react/tabs/VerticalTabs\";\r\nexport * from \"./core-react/tabs/Tabs\";\r\n\r\nexport * from \"./core-react/text/BodyText\";\r\nexport * from \"./core-react/text/BlockText\";\r\nexport * from \"./core-react/text/DisabledText\";\r\nexport * from \"./core-react/text/FilteredText\";\r\nexport * from \"./core-react/text/Headline\";\r\nexport * from \"./core-react/text/LeadingText\";\r\nexport * from \"./core-react/text/LeadingText2\";\r\nexport * from \"./core-react/text/MutedText\";\r\nexport * from \"./core-react/text/SmallText\";\r\nexport * from \"./core-react/text/Subheading\";\r\nexport * from \"./core-react/text/Subheading2\";\r\nexport * from \"./core-react/text/StyledText\";\r\nexport * from \"./core-react/text/TextProps\";\r\nexport * from \"./core-react/text/Title\";\r\nexport * from \"./core-react/text/Title2\";\r\n\r\nexport * from \"./core-react/tiles/FeaturedTile\";\r\nexport * from \"./core-react/tiles/MinimalFeaturedTile\";\r\nexport * from \"./core-react/tiles/MinimalTile\";\r\nexport * from \"./core-react/tiles/Tile\";\r\n\r\nexport * from \"./core-react/toggle/Toggle\";\r\nexport * from \"./core-react/toggle/LabeledToggle\";\r\n\r\nexport * from \"./core-react/tooltip/Tooltip\";\r\n\r\nexport { ExpansionToggle, ExpansionToggleProps } from \"./core-react/tree/ExpansionToggle\";\r\nexport { TreeBranch, TreeBranchProps } from \"./core-react/tree/Branch\";\r\nexport { TreeNode, TreeNodeProps, NodeCheckboxProps, NodeCheckboxRenderer, NodeCheckboxRenderProps } from \"./core-react/tree/Node\";\r\nexport { Tree, TreeProps } from \"./core-react/tree/Tree\";\r\nexport { TreeNodePlaceholder, TreeNodePlaceholderProps } from \"./core-react/tree/Placeholder\";\r\n\r\nexport * from \"./core-react/uistate/UiStateEntry\";\r\nexport * from \"./core-react/uistate/UiStateStorage\";\r\nexport * from \"./core-react/uistate/LocalStateStorage\";\r\n\r\nexport * from \"./core-react/utils/IconHelper\";\r\nexport * from \"./core-react/utils/Point\";\r\nexport * from \"./core-react/utils/PointProps\";\r\nexport * from \"./core-react/utils/Props\";\r\nexport * from \"./core-react/utils/Rectangle\";\r\nexport * from \"./core-react/utils/Size\";\r\nexport * from \"./core-react/utils/Timer\";\r\nexport * from \"./core-react/utils/UiEvent\";\r\nexport * from \"./core-react/utils/UiGeometry\";\r\nexport * from \"./core-react/utils/flattenChildren\";\r\nexport * from \"./core-react/utils/getBestBWContrastColor\";\r\nexport * from \"./core-react/utils/getCssVariable\";\r\nexport * from \"./core-react/utils/getDisplayName\";\r\nexport * from \"./core-react/utils/getUserColor\";\r\nexport * from \"./core-react/utils/shallowDiffers\";\r\nexport * from \"./core-react/utils/typeUtils\";\r\nexport * from \"./core-react/utils/isPromiseLike\";\r\nexport * from \"./core-react/utils/ScrollPositionMaintainer\";\r\n\r\nexport * from \"./core-react/utils/hooks/useDisposable\";\r\nexport * from \"./core-react/utils/hooks/useEffectSkipFirst\";\r\nexport * from \"./core-react/utils/hooks/useEventListener\";\r\nexport * from \"./core-react/utils/hooks/ResizeObserverPolyfill\";\r\nexport * from \"./core-react/utils/hooks/useOnOutsideClick\";\r\nexport * from \"./core-react/utils/hooks/useProximityToMouse\";\r\nexport * from \"./core-react/utils/hooks/useRefEffect\";\r\nexport * from \"./core-react/utils/hooks/useRefs\";\r\nexport * from \"./core-react/utils/hooks/useRefState\";\r\nexport * from \"./core-react/utils/hooks/useResizeObserver\";\r\nexport * from \"./core-react/utils/hooks/useTargeted\";\r\nexport * from \"./core-react/utils/hooks/useWidgetOpacityContext\";\r\n\r\n/** @docs-package-description\r\n * The core-react package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.\r\n * For more information, see [learning about core-react]($docs/learning/ui/core/index.md).\r\n */\r\n/**\r\n * @docs-group-description AutoSuggest\r\n * Component for input with an auto-suggestion dropdown.\r\n */\r\n/**\r\n * @docs-group-description Base\r\n * Low-level classes and components for building application UI.\r\n */\r\n/**\r\n * @docs-group-description Button\r\n * Components for working with various Buttons.\r\n */\r\n/**\r\n * @docs-group-description Checkbox\r\n * Component is a wrapper for the `<input type=\"checkbox\">` HTML element.\r\n */\r\n/**\r\n * @docs-group-description CheckListBox\r\n * Components for working with a Check listbox.\r\n */\r\n/**\r\n * @docs-group-description Common\r\n * Common classes and enums used across various UI components.\r\n */\r\n/**\r\n * @docs-group-description ContextMenu\r\n * Components for working with a Context Menu.\r\n */\r\n/**\r\n * @docs-group-description Dialog\r\n * Components for working with a Dialog or MessageBox.\r\n */\r\n/**\r\n * @docs-group-description ElementSeparator\r\n * Components for working with a ElementSeparator.\r\n */\r\n/**\r\n * @docs-group-description Expandable\r\n * Components for working with a ExpandableBlock or ExpandableList.\r\n */\r\n/**\r\n * @docs-group-description Form\r\n * Components used to create a Form using supplied properties to specify fields.\r\n */\r\n/**\r\n * @docs-group-description Icon\r\n * Component that renders core-react icon when given an icon name or SVG source.\r\n */\r\n/**\r\n * @docs-group-description Inputs\r\n * Components for working with input controls, such as Input, IconInput, NumberInput and Textarea.\r\n */\r\n/**\r\n * @docs-group-description Loading\r\n * Components for working with Loading spinners and progress indicators and bars.\r\n */\r\n/**\r\n * @docs-group-description Notification\r\n * Components for working with messages and tooltips.\r\n */\r\n/**\r\n * @docs-group-description Popup\r\n * Components for working with a Popup.\r\n */\r\n/**\r\n * @docs-group-description RadialMenu\r\n * Components for working with a RadialMenu.\r\n */\r\n/**\r\n * @docs-group-description Radio\r\n * Component is a wrapper for the `<input type=\"radio\">` HTML element.\r\n */\r\n/**\r\n * @docs-group-description SearchBox\r\n * Components for working with a SearchBox.\r\n */\r\n/**\r\n * @docs-group-description Select\r\n * Component is a wrapper for the `<select>` HTML element.\r\n */\r\n/**\r\n * @docs-group-description Settings\r\n * Manager and UI Components that allow users to modify settings for different packages and extensions.\r\n */\r\n/**\r\n * @docs-group-description Slider\r\n * Component displays a range slider with thumbs for changing the value.\r\n */\r\n/**\r\n * @docs-group-description SplitButton\r\n * Components for working with a SplitButton.\r\n */\r\n/**\r\n * @docs-group-description Tabs\r\n * Components for working with horizontal or vertical tabs.\r\n */\r\n/**\r\n * @docs-group-description Text\r\n * Components for working with styled text.\r\n */\r\n/**\r\n * @docs-group-description Tiles\r\n * Components for a container rendering elements that can be grouped together.\r\n */\r\n/**\r\n * @docs-group-description Toggle\r\n * Components for working with a Toggle switch.\r\n */\r\n/**\r\n * @docs-group-description Tooltip\r\n * Components for working with a Tooltip.\r\n */\r\n/**\r\n * @docs-group-description Tree\r\n * Presentation React components for working with a Tree.\r\n */\r\n/**\r\n * @docs-group-description UiStateStorage\r\n * Interfaces and classes for working with persistent UI settings.\r\n */\r\n/**\r\n * @docs-group-description Utilities\r\n * Various utility classes, functions and React hooks for working with a UI.\r\n */\r\n"]}
+{"version":3,"file":"core-react.js","sourceRoot":"","sources":["../../src/core-react.ts"],"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\r\n// cSpell:ignore focustrap imagecheckbox iconinput hocs numberinput numericinput\r\n\r\nexport * from \"./core-react/UiCore\";\r\n\r\nexport * from \"./core-react/badge/Badge\";\r\nexport * from \"./core-react/badge/BadgeUtilities\";\r\nexport * from \"./core-react/badge/BetaBadge\";\r\nexport * from \"./core-react/badge/NewBadge\";\r\n\r\nexport * from \"./core-react/base/Div\";\r\nexport * from \"./core-react/base/DivWithOutsideClick\";\r\nexport * from \"./core-react/base/Centered\";\r\nexport * from \"./core-react/base/FillCentered\";\r\nexport * from \"./core-react/base/FlexWrapContainer\";\r\nexport * from \"./core-react/base/Gap\";\r\nexport * from \"./core-react/base/PointerEvents\";\r\nexport * from \"./core-react/base/ScrollView\";\r\n\r\nexport * from \"./core-react/button/Button\";\r\nexport * from \"./core-react/button/UnderlinedButton\";\r\n\r\nexport * from \"./core-react/checklistbox/CheckListBox\";\r\n\r\nexport * from \"./core-react/contextmenu/ContextMenu\";\r\nexport * from \"./core-react/contextmenu/ContextMenuDirection\";\r\nexport * from \"./core-react/contextmenu/ContextMenuDivider\";\r\nexport * from \"./core-react/contextmenu/ContextMenuItem\";\r\nexport * from \"./core-react/contextmenu/ContextSubMenu\";\r\nexport * from \"./core-react/contextmenu/GlobalContextMenu\";\r\nexport * from \"./core-react/contextmenu/PopupContextMenu\";\r\n\r\nexport * from \"./core-react/dialog/Dialog\";\r\nexport * from \"./core-react/dialog/DialogButtonDef\";\r\nexport * from \"./core-react/dialog/GlobalDialog\";\r\n\r\nexport * from \"./core-react/elementseparator/ElementSeparator\";\r\n\r\nexport * from \"./core-react/enums/Alignment\";\r\nexport * from \"./core-react/enums/CheckBoxState\";\r\nexport * from \"./core-react/enums/Orientation\";\r\nexport * from \"./core-react/enums/SortDirection\";\r\nexport * from \"./core-react/enums/TimeFormat\";\r\n\r\nexport * from \"./core-react/expandable/ExpandableList\";\r\nexport * from \"./core-react/expandable/ExpandableBlock\";\r\n\r\nexport * from \"./core-react/focus/ItemKeyboardNavigator\";\r\nexport * from \"./core-react/focustrap/FocusTrap\";\r\n\r\nexport * from \"./core-react/form/Field\";\r\nexport * from \"./core-react/form/Form\";\r\n\r\nexport * from \"./core-react/hocs/withIsPressed\";\r\nexport * from \"./core-react/hocs/withOnOutsideClick\";\r\nexport * from \"./core-react/hocs/withTimeout\";\r\n\r\nexport * from \"./core-react/icons/IconComponent\";\r\nexport * from \"./core-react/icons/SvgPath\";\r\nexport * from \"./core-react/icons/SvgSprite\";\r\nexport * from \"./core-react/icons/WebFontIcon\";\r\n\r\nexport * from \"./core-react/autosuggest/AutoSuggest\";\r\n\r\nexport * from \"./core-react/checkbox/Checkbox\";\r\n\r\nexport * from \"./core-react/imagecheckbox/ImageCheckBox\";\r\n\r\nexport * from \"./core-react/inputs/Input\";\r\nexport * from \"./core-react/inputs/InputLabel\";\r\nexport * from \"./core-react/inputs/InputStatus\";\r\nexport * from \"./core-react/inputs/iconinput/IconInput\";\r\nexport * from \"./core-react/inputs/LabeledComponentProps\";\r\nexport * from \"./core-react/inputs/LabeledInput\";\r\nexport * from \"./core-react/inputs/LabeledTextarea\";\r\nexport * from \"./core-react/inputs/numberinput/NumberInput\";\r\nexport * from \"./core-react/inputs/Textarea\";\r\n\r\nexport * from \"./core-react/listbox/Listbox\";\r\n\r\nexport * from \"./core-react/loading/LoadingBar\";\r\nexport * from \"./core-react/loading/LoadingPrompt\";\r\nexport * from \"./core-react/loading/LoadingSpinner\";\r\nexport * from \"./core-react/loading/LoadingStatus\";\r\nexport * from \"./core-react/loading/Spinner\";\r\n\r\nexport * from \"./core-react/messagebox/MessageBox\";\r\nexport * from \"./core-react/messagebox/MessageSeverity\";\r\n\r\nexport * from \"./core-react/notification/MessageRenderer\";\r\nexport * from \"./core-react/notification/MessageType\";\r\n\r\nexport * from \"./core-react/popup/Popup\";\r\n\r\nexport * from \"./core-react/progress-indicators/ProgressBar\";\r\nexport * from \"./core-react/progress-indicators/ProgressSpinner\";\r\n\r\nexport * from \"./core-react/radialmenu/RadialMenu\";\r\nexport * from \"./core-react/radialmenu/Annulus\";\r\nexport * from \"./core-react/radio/Radio\";\r\n\r\nexport * from \"./core-react/select/LabeledSelect\";\r\nexport * from \"./core-react/select/Select\";\r\nexport * from \"./core-react/select/ThemedSelect\";\r\nexport * from \"./core-react/select/LabeledThemedSelect\";\r\nexport * from \"./core-react/searchbox/SearchBox\";\r\n\r\nexport * from \"./core-react/settings/SettingsManager\";\r\nexport * from \"./core-react/settings/SettingsContainer\";\r\n\r\nexport * from \"./core-react/slider/Slider\";\r\n\r\nexport * from \"./core-react/splitbutton/SplitButton\";\r\n\r\nexport * from \"./core-react/tabs/HorizontalTabs\";\r\nexport * from \"./core-react/tabs/VerticalTabs\";\r\nexport * from \"./core-react/tabs/Tabs\";\r\n\r\nexport * from \"./core-react/text/BodyText\";\r\nexport * from \"./core-react/text/BlockText\";\r\nexport * from \"./core-react/text/DisabledText\";\r\nexport * from \"./core-react/text/FilteredText\";\r\nexport * from \"./core-react/text/Headline\";\r\nexport * from \"./core-react/text/LeadingText\";\r\nexport * from \"./core-react/text/LeadingText2\";\r\nexport * from \"./core-react/text/MutedText\";\r\nexport * from \"./core-react/text/SmallText\";\r\nexport * from \"./core-react/text/Subheading\";\r\nexport * from \"./core-react/text/Subheading2\";\r\nexport * from \"./core-react/text/StyledText\";\r\nexport * from \"./core-react/text/TextProps\";\r\nexport * from \"./core-react/text/Title\";\r\nexport * from \"./core-react/text/Title2\";\r\n\r\nexport * from \"./core-react/tiles/FeaturedTile\";\r\nexport * from \"./core-react/tiles/MinimalFeaturedTile\";\r\nexport * from \"./core-react/tiles/MinimalTile\";\r\nexport * from \"./core-react/tiles/Tile\";\r\n\r\nexport * from \"./core-react/toggle/Toggle\";\r\nexport * from \"./core-react/toggle/LabeledToggle\";\r\n\r\nexport * from \"./core-react/tooltip/Tooltip\";\r\n\r\nexport { ExpansionToggle, ExpansionToggleProps } from \"./core-react/tree/ExpansionToggle\";\r\nexport { TreeBranch, TreeBranchProps } from \"./core-react/tree/Branch\";\r\nexport { TreeNode, TreeNodeProps, NodeCheckboxProps, NodeCheckboxRenderer, NodeCheckboxRenderProps } from \"./core-react/tree/Node\";\r\nexport { Tree, TreeProps } from \"./core-react/tree/Tree\";\r\nexport { TreeNodePlaceholder, TreeNodePlaceholderProps } from \"./core-react/tree/Placeholder\";\r\n\r\nexport * from \"./core-react/uistate/UiStateEntry\";\r\nexport * from \"./core-react/uistate/UiStateStorage\";\r\nexport * from \"./core-react/uistate/LocalStateStorage\";\r\n\r\nexport * from \"./core-react/utils/IconHelper\";\r\nexport * from \"./core-react/utils/Point\";\r\nexport * from \"./core-react/utils/PointProps\";\r\nexport * from \"./core-react/utils/Props\";\r\nexport * from \"./core-react/utils/Rectangle\";\r\nexport * from \"./core-react/utils/Size\";\r\nexport * from \"./core-react/utils/Timer\";\r\nexport * from \"./core-react/utils/UiEvent\";\r\nexport * from \"./core-react/utils/UiGeometry\";\r\nexport * from \"./core-react/utils/flattenChildren\";\r\nexport * from \"./core-react/utils/getBestBWContrastColor\";\r\nexport * from \"./core-react/utils/getCssVariable\";\r\nexport * from \"./core-react/utils/getDisplayName\";\r\nexport * from \"./core-react/utils/getUserColor\";\r\nexport * from \"./core-react/utils/shallowDiffers\";\r\nexport * from \"./core-react/utils/typeUtils\";\r\nexport * from \"./core-react/utils/isPromiseLike\";\r\nexport * from \"./core-react/utils/ScrollPositionMaintainer\";\r\n\r\nexport * from \"./core-react/utils/hooks/useDisposable\";\r\nexport * from \"./core-react/utils/hooks/useEffectSkipFirst\";\r\nexport * from \"./core-react/utils/hooks/useEventListener\";\r\nexport * from \"./core-react/utils/hooks/ResizeObserverPolyfill\";\r\nexport * from \"./core-react/utils/hooks/useOnOutsideClick\";\r\nexport * from \"./core-react/utils/hooks/useProximityToMouse\";\r\nexport * from \"./core-react/utils/hooks/useRefEffect\";\r\nexport * from \"./core-react/utils/hooks/useRefs\";\r\nexport * from \"./core-react/utils/hooks/useRefState\";\r\nexport * from \"./core-react/utils/hooks/useResizeObserver\";\r\nexport * from \"./core-react/utils/hooks/useTargeted\";\r\nexport * from \"./core-react/utils/hooks/useWidgetOpacityContext\";\r\nexport * from \"./core-react/utils/hooks/useInterval\";\r\nexport * from \"./core-react/utils/hooks/useCrossOriginPopup\";\r\n\r\n/** @docs-package-description\r\n * The core-react package contains general purpose React components, such as Dialog, MessageBox, SearchBox, RadialMenu and SplitButton.\r\n * For more information, see [learning about core-react]($docs/learning/ui/core/index.md).\r\n */\r\n/**\r\n * @docs-group-description AutoSuggest\r\n * Component for input with an auto-suggestion dropdown.\r\n */\r\n/**\r\n * @docs-group-description Base\r\n * Low-level classes and components for building application UI.\r\n */\r\n/**\r\n * @docs-group-description Button\r\n * Components for working with various Buttons.\r\n */\r\n/**\r\n * @docs-group-description Checkbox\r\n * Component is a wrapper for the `<input type=\"checkbox\">` HTML element.\r\n */\r\n/**\r\n * @docs-group-description CheckListBox\r\n * Components for working with a Check listbox.\r\n */\r\n/**\r\n * @docs-group-description Common\r\n * Common classes and enums used across various UI components.\r\n */\r\n/**\r\n * @docs-group-description ContextMenu\r\n * Components for working with a Context Menu.\r\n */\r\n/**\r\n * @docs-group-description Dialog\r\n * Components for working with a Dialog or MessageBox.\r\n */\r\n/**\r\n * @docs-group-description ElementSeparator\r\n * Components for working with a ElementSeparator.\r\n */\r\n/**\r\n * @docs-group-description Expandable\r\n * Components for working with a ExpandableBlock or ExpandableList.\r\n */\r\n/**\r\n * @docs-group-description Form\r\n * Components used to create a Form using supplied properties to specify fields.\r\n */\r\n/**\r\n * @docs-group-description Icon\r\n * Component that renders core-react icon when given an icon name or SVG source.\r\n */\r\n/**\r\n * @docs-group-description Inputs\r\n * Components for working with input controls, such as Input, IconInput, NumberInput and Textarea.\r\n */\r\n/**\r\n * @docs-group-description Loading\r\n * Components for working with Loading spinners and progress indicators and bars.\r\n */\r\n/**\r\n * @docs-group-description Notification\r\n * Components for working with messages and tooltips.\r\n */\r\n/**\r\n * @docs-group-description Popup\r\n * Components for working with a Popup.\r\n */\r\n/**\r\n * @docs-group-description RadialMenu\r\n * Components for working with a RadialMenu.\r\n */\r\n/**\r\n * @docs-group-description Radio\r\n * Component is a wrapper for the `<input type=\"radio\">` HTML element.\r\n */\r\n/**\r\n * @docs-group-description SearchBox\r\n * Components for working with a SearchBox.\r\n */\r\n/**\r\n * @docs-group-description Select\r\n * Component is a wrapper for the `<select>` HTML element.\r\n */\r\n/**\r\n * @docs-group-description Settings\r\n * Manager and UI Components that allow users to modify settings for different packages and extensions.\r\n */\r\n/**\r\n * @docs-group-description Slider\r\n * Component displays a range slider with thumbs for changing the value.\r\n */\r\n/**\r\n * @docs-group-description SplitButton\r\n * Components for working with a SplitButton.\r\n */\r\n/**\r\n * @docs-group-description Tabs\r\n * Components for working with horizontal or vertical tabs.\r\n */\r\n/**\r\n * @docs-group-description Text\r\n * Components for working with styled text.\r\n */\r\n/**\r\n * @docs-group-description Tiles\r\n * Components for a container rendering elements that can be grouped together.\r\n */\r\n/**\r\n * @docs-group-description Toggle\r\n * Components for working with a Toggle switch.\r\n */\r\n/**\r\n * @docs-group-description Tooltip\r\n * Components for working with a Tooltip.\r\n */\r\n/**\r\n * @docs-group-description Tree\r\n * Presentation React components for working with a Tree.\r\n */\r\n/**\r\n * @docs-group-description UiStateStorage\r\n * Interfaces and classes for working with persistent UI settings.\r\n */\r\n/**\r\n * @docs-group-description Utilities\r\n * Various utility classes, functions and React hooks for working with a UI.\r\n */\r\n"]}

package/package.json

@@ -1,11 +1,10 @@
 {
   "name": "@itwin/core-react",
-  "version": "3.2.0-dev.8",
+  "version": "3.3.0-dev.1",
   "description": "iTwin.js UI core components",
   "main": "lib/cjs/core-react.js",
   "module": "lib/esm/core-react.js",
   "typings": "lib/cjs/core-react",
-  "imodeljsSharedLibrary": true,
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -23,8 +22,8 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^3.2.0-dev.8",
-    "@itwin/core-bentley": "^3.2.0-dev.8",
+    "@itwin/appui-abstract": "^3.3.0-dev.1",
+    "@itwin/core-bentley": "^3.3.0-dev.1",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -33,12 +32,13 @@
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "3.2.0-dev.8",
-    "@itwin/build-tools": "3.2.0-dev.8",
-    "@itwin/core-bentley": "3.2.0-dev.8",
-    "@itwin/core-common": "3.2.0-dev.8",
-    "@itwin/core-i18n": "3.2.0-dev.8",
-    "@itwin/eslint-plugin": "3.2.0-dev.8",
+    "@itwin/appui-abstract": "3.3.0-dev.1",
+    "@itwin/build-tools": "3.3.0-dev.1",
+    "@itwin/core-bentley": "3.3.0-dev.1",
+    "@itwin/core-common": "3.3.0-dev.1",
+    "@itwin/core-i18n": "3.3.0-dev.1",
+    "@itwin/eslint-plugin": "3.3.0-dev.1",
+    "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.2.1",
@@ -50,7 +50,7 @@
     "@types/enzyme": "3.9.3",
     "@types/lodash": "^4.14.0",
     "@types/mocha": "^8.2.2",
-    "@types/node": "14.14.31",
+    "@types/node": "16.11.7",
     "@types/react": "^17.0.37",
     "@types/react-autosuggest": "10.1.2",
     "@types/react-dom": "^17.0.0",
@@ -67,7 +67,7 @@
     "enzyme-to-json": "^3.3.4",
     "eslint": "^7.11.0",
     "ignore-styles": "^5.0.1",
-    "jsdom": "^17.0.0",
+    "jsdom": "^19.0.0",
     "jsdom-global": "3.0.2",
     "mocha": "^8.3.2",
     "nyc": "^15.1.0",
@@ -79,7 +79,7 @@
     "rimraf": "^3.0.2",
     "sinon": "^9.0.2",
     "sinon-chai": "^3.2.0",
-    "ts-node": "^7.0.1",
+    "ts-node": "^10.4.0",
     "typemoq": "^2.1.0",
     "typescript": "~4.4.0",
     "xmlhttprequest": "^1.8.0"
@@ -90,7 +90,7 @@
   ],
   "dependencies": {
     "@bentley/icons-generic-webfont": "^1.0.15",
-    "@itwin/itwinui-css": "0.44.2",
+    "@itwin/itwinui-css": "0.x",
     "@itwin/itwinui-react": "^1.32.0",
     "classnames": "^2.3.1",
     "dompurify": "^2.0.12",