@itwin/core-react 3.6.0-dev.8 → 4.0.0-dev.2

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

@@ -1 +1 @@
-{"version":3,"file":"flattenChildren.js","sourceRoot":"","sources":["../../../../src/core-react/utils/flattenChildren.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAyB,EAAmB,EAAE;IAC5E,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnD,uBAAuB;QACvB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAiC,KAAK,CAAC;YAC9D,OAAO,KAAK,CAAC;QAEf,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;YACjC,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;SAC7B;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACf,CAAC,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\n\r\nimport * as React from \"react\";\r\n\r\n/** Flattens React fragments.\r\n * @internal\r\n */\r\nexport const flattenChildren = (children: React.ReactNode): React.ReactNode => {\r\n  const items = React.Children.map(children, (child) => {\r\n    // istanbul ignore next\r\n    if (!React.isValidElement<{ children?: React.ReactNode }>(child))\r\n      return child;\r\n\r\n    if (child.type === React.Fragment) {\r\n      return child.props.children;\r\n    }\r\n\r\n    return child;\r\n  });\r\n  return items;\r\n};\r\n"]}
+{"version":3,"file":"flattenChildren.js","sourceRoot":"","sources":["../../../../src/core-react/utils/flattenChildren.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAyB,EAAmB,EAAE;IAC5E,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QACnD,uBAAuB;QACvB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAiC,KAAK,CAAC;YAC9D,OAAO,KAAK,CAAC;QAEf,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,QAAQ,EAAE;YACjC,OAAO,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;SAC7B;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IACH,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\n\n/** Flattens React fragments.\n * @internal\n */\nexport const flattenChildren = (children: React.ReactNode): React.ReactNode => {\n  const items = React.Children.map(children, (child) => {\n    // istanbul ignore next\n    if (!React.isValidElement<{ children?: React.ReactNode }>(child))\n      return child;\n\n    if (child.type === React.Fragment) {\n      return child.props.children;\n    }\n\n    return child;\n  });\n  return items;\n};\n"]}

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

@@ -1,8 +1,8 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** Gets best black or white color that contrasts with a given color in #RRGGBB format.
- * @internal
- */
-export declare function getBestBWContrastColor(hexColor: string): "black" | "white";
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Gets best black or white color that contrasts with a given color in #RRGGBB format.
+ * @internal
+ */
+export declare function getBestBWContrastColor(hexColor: string): "black" | "white";
 //# sourceMappingURL=getBestBWContrastColor.d.ts.map

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

@@ -1,19 +1,19 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-// cspell:ignore RRGGBB
-/** Gets best black or white color that contrasts with a given color in #RRGGBB format.
- * @internal
- */
-export function getBestBWContrastColor(hexColor) {
-    const r = parseInt(hexColor.substr(1, 2), 16);
-    const g = parseInt(hexColor.substr(3, 2), 16);
-    const b = parseInt(hexColor.substr(5, 2), 16);
-    const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
-    return (yiq >= 128) ? "black" : "white";
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+// cspell:ignore RRGGBB
+/** Gets best black or white color that contrasts with a given color in #RRGGBB format.
+ * @internal
+ */
+export function getBestBWContrastColor(hexColor) {
+    const r = parseInt(hexColor.substr(1, 2), 16);
+    const g = parseInt(hexColor.substr(3, 2), 16);
+    const b = parseInt(hexColor.substr(5, 2), 16);
+    const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;
+    return (yiq >= 128) ? "black" : "white";
+}
 //# sourceMappingURL=getBestBWContrastColor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getBestBWContrastColor.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getBestBWContrastColor.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,uBAAuB;AAEvB;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,QAAgB;IACrD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;IACvD,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AAC1C,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\n\r\n// cspell:ignore RRGGBB\r\n\r\n/** Gets best black or white color that contrasts with a given color in #RRGGBB format.\r\n * @internal\r\n */\r\nexport function getBestBWContrastColor(hexColor: string) {\r\n  const r = parseInt(hexColor.substr(1, 2), 16);\r\n  const g = parseInt(hexColor.substr(3, 2), 16);\r\n  const b = parseInt(hexColor.substr(5, 2), 16);\r\n  const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\r\n  return (yiq >= 128) ? \"black\" : \"white\";\r\n}\r\n"]}
+{"version":3,"file":"getBestBWContrastColor.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getBestBWContrastColor.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,uBAAuB;AAEvB;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,QAAgB;IACrD,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;IACvD,OAAO,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;AAC1C,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\n// cspell:ignore RRGGBB\n\n/** Gets best black or white color that contrasts with a given color in #RRGGBB format.\n * @internal\n */\nexport function getBestBWContrastColor(hexColor: string) {\n  const r = parseInt(hexColor.substr(1, 2), 16);\n  const g = parseInt(hexColor.substr(3, 2), 16);\n  const b = parseInt(hexColor.substr(5, 2), 16);\n  const yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000;\n  return (yiq >= 128) ? \"black\" : \"white\";\n}\n"]}

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

@@ -1,12 +1,12 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** Get CSS variable
- * @public
- */
-export declare function getCssVariable(variableName: string, htmlElement?: HTMLElement): string;
-/** Get CSS variable as number
- * @public
- */
-export declare function getCssVariableAsNumber(variableName: string, htmlElement?: HTMLElement): number;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Get CSS variable
+ * @public
+ */
+export declare function getCssVariable(variableName: string, htmlElement?: HTMLElement): string;
+/** Get CSS variable as number
+ * @public
+ */
+export declare function getCssVariableAsNumber(variableName: string, htmlElement?: HTMLElement): number;
 //# sourceMappingURL=getCssVariable.d.ts.map

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

@@ -1,27 +1,27 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Utilities
- */
-/** Get CSS variable
- * @public
- */
-export function getCssVariable(variableName, htmlElement) {
-    const element = htmlElement !== null && htmlElement !== void 0 ? htmlElement : document.documentElement;
-    const cssStyles = getComputedStyle(element, null);
-    const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();
-    return cssVal;
-}
-/** Get CSS variable as number
- * @public
- */
-export function getCssVariableAsNumber(variableName, htmlElement) {
-    let cssValNum = NaN;
-    const cssValStr = getCssVariable(variableName, htmlElement);
-    if (cssValStr)
-        cssValNum = parseFloat(cssValStr);
-    return cssValNum;
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/** Get CSS variable
+ * @public
+ */
+export function getCssVariable(variableName, htmlElement) {
+    const element = htmlElement !== null && htmlElement !== void 0 ? htmlElement : document.documentElement;
+    const cssStyles = getComputedStyle(element, null);
+    const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();
+    return cssVal;
+}
+/** Get CSS variable as number
+ * @public
+ */
+export function getCssVariableAsNumber(variableName, htmlElement) {
+    let cssValNum = NaN;
+    const cssValStr = getCssVariable(variableName, htmlElement);
+    if (cssValStr)
+        cssValNum = parseFloat(cssValStr);
+    return cssValNum;
+}
 //# sourceMappingURL=getCssVariable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getCssVariable.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,YAAoB,EAAE,WAAyB;IAC5E,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,QAAQ,CAAC,eAAe,CAAC;IACxD,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACvE,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,YAAoB,EAAE,WAAyB;IACpF,IAAI,SAAS,GAAW,GAAG,CAAC;IAC5B,MAAM,SAAS,GAAG,cAAc,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,IAAI,SAAS;QACX,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,SAAS,CAAC;AACnB,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\n\r\n/** Get CSS variable\r\n * @public\r\n */\r\nexport function getCssVariable(variableName: string, htmlElement?: HTMLElement): string {\r\n  const element = htmlElement ?? document.documentElement;\r\n  const cssStyles = getComputedStyle(element, null);\r\n  const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();\r\n  return cssVal;\r\n}\r\n\r\n/** Get CSS variable as number\r\n * @public\r\n */\r\nexport function getCssVariableAsNumber(variableName: string, htmlElement?: HTMLElement): number {\r\n  let cssValNum: number = NaN;\r\n  const cssValStr = getCssVariable(variableName, htmlElement);\r\n  if (cssValStr)\r\n    cssValNum = parseFloat(cssValStr);\r\n  return cssValNum;\r\n}\r\n"]}
+{"version":3,"file":"getCssVariable.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,cAAc,CAAC,YAAoB,EAAE,WAAyB;IAC5E,MAAM,OAAO,GAAG,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,QAAQ,CAAC,eAAe,CAAC;IACxD,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;IACvE,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,sBAAsB,CAAC,YAAoB,EAAE,WAAyB;IACpF,IAAI,SAAS,GAAW,GAAG,CAAC;IAC5B,MAAM,SAAS,GAAG,cAAc,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;IAC5D,IAAI,SAAS;QACX,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAC;IACpC,OAAO,SAAS,CAAC;AACnB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\n/** Get CSS variable\n * @public\n */\nexport function getCssVariable(variableName: string, htmlElement?: HTMLElement): string {\n  const element = htmlElement ?? document.documentElement;\n  const cssStyles = getComputedStyle(element, null);\n  const cssVal = String(cssStyles.getPropertyValue(variableName)).trim();\n  return cssVal;\n}\n\n/** Get CSS variable as number\n * @public\n */\nexport function getCssVariableAsNumber(variableName: string, htmlElement?: HTMLElement): number {\n  let cssValNum: number = NaN;\n  const cssValStr = getCssVariable(variableName, htmlElement);\n  if (cssValStr)\n    cssValNum = parseFloat(cssValStr);\n  return cssValNum;\n}\n"]}

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

@@ -1,9 +1,9 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-/** Gets the display name for a React component.
- * @internal
- */
-export declare const getDisplayName: (component: React.ComponentType<any>) => string;
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Gets the display name for a React component.
+ * @internal
+ */
+export declare const getDisplayName: (component: React.ComponentType<any>) => string;
 //# sourceMappingURL=getDisplayName.d.ts.map

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

@@ -1,18 +1,18 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-/** Gets the display name for a React component.
- * @internal
- */
-export const getDisplayName = (component) => {
-    if (component.displayName)
-        return component.displayName;
-    if (component.name)
-        return component.name;
-    return "Component";
-};
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/** Gets the display name for a React component.
+ * @internal
+ */
+export const getDisplayName = (component) => {
+    if (component.displayName)
+        return component.displayName;
+    if (component.name)
+        return component.name;
+    return "Component";
+};
 //# sourceMappingURL=getDisplayName.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getDisplayName.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getDisplayName.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAmC,EAAU,EAAE;IAC5E,IAAI,SAAS,CAAC,WAAW;QACvB,OAAO,SAAS,CAAC,WAAW,CAAC;IAC/B,IAAI,SAAS,CAAC,IAAI;QAChB,OAAO,SAAS,CAAC,IAAI,CAAC;IACxB,OAAO,WAAW,CAAC;AACrB,CAAC,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\n\r\nimport * as React from \"react\";\r\n\r\n/** Gets the display name for a React component.\r\n * @internal\r\n */\r\nexport const getDisplayName = (component: React.ComponentType<any>): string => {\r\n  if (component.displayName)\r\n    return component.displayName;\r\n  if (component.name)\r\n    return component.name;\r\n  return \"Component\";\r\n};\r\n"]}
+{"version":3,"file":"getDisplayName.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getDisplayName.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAIH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAmC,EAAU,EAAE;IAC5E,IAAI,SAAS,CAAC,WAAW;QACvB,OAAO,SAAS,CAAC,WAAW,CAAC;IAC/B,IAAI,SAAS,CAAC,IAAI;QAChB,OAAO,SAAS,CAAC,IAAI,CAAC;IACxB,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\n\n/** Gets the display name for a React component.\n * @internal\n */\nexport const getDisplayName = (component: React.ComponentType<any>): string => {\n  if (component.displayName)\n    return component.displayName;\n  if (component.name)\n    return component.name;\n  return \"Component\";\n};\n"]}

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

@@ -1,8 +1,8 @@
-/** @packageDocumentation
- * @module Utilities
- */
-/** Gets a color based on a given email address. This color is usually displayed in an avatar component.
- * @internal
- */
-export declare function getUserColor(email: string): string;
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Gets a color based on a given email address. This color is usually displayed in an avatar component.
+ * @internal
+ */
+export declare function getUserColor(email: string): string;
 //# sourceMappingURL=getUserColor.d.ts.map

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

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-const COLORS = [
-    "#6ab9ec",
-    "#b1c854",
-    "#f7706c",
-    "#4585a5",
-    "#ffc335",
-    "#f7963e",
-    "#73c7c1",
-    "#85a9cf",
-    "#a3779f",
-    "#c8c2b4",
-    "#a47854",
-];
-/** Gets a color based on a given email address. This color is usually displayed in an avatar component.
- * @internal
- */
-export function getUserColor(email) {
-    if (typeof email !== "string") // Test for invalid data
-        return COLORS[0];
-    const cleanString = email.trim().toLowerCase();
-    let hash = 0;
-    for (let i = 0; i < cleanString.length; i++) {
-        const charCode = cleanString.charCodeAt(i);
-        hash = (hash + charCode) % COLORS.length;
-    }
-    return COLORS[hash];
-}
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+const COLORS = [
+    "#6ab9ec",
+    "#b1c854",
+    "#f7706c",
+    "#4585a5",
+    "#ffc335",
+    "#f7963e",
+    "#73c7c1",
+    "#85a9cf",
+    "#a3779f",
+    "#c8c2b4",
+    "#a47854",
+];
+/** Gets a color based on a given email address. This color is usually displayed in an avatar component.
+ * @internal
+ */
+export function getUserColor(email) {
+    if (typeof email !== "string") // Test for invalid data
+        return COLORS[0];
+    const cleanString = email.trim().toLowerCase();
+    let hash = 0;
+    for (let i = 0; i < cleanString.length; i++) {
+        const charCode = cleanString.charCodeAt(i);
+        hash = (hash + charCode) % COLORS.length;
+    }
+    return COLORS[hash];
+}
 //# sourceMappingURL=getUserColor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getUserColor.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getUserColor.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,MAAM,MAAM,GAAG;IACb,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAa;IACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAG,wBAAwB;QACtD,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAE/C,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC3C,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAC3C,IAAI,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;KAC1C;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACtB,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\n\r\nconst COLORS = [\r\n  \"#6ab9ec\",\r\n  \"#b1c854\",\r\n  \"#f7706c\",\r\n  \"#4585a5\",\r\n  \"#ffc335\",\r\n  \"#f7963e\",\r\n  \"#73c7c1\",\r\n  \"#85a9cf\",\r\n  \"#a3779f\",\r\n  \"#c8c2b4\",\r\n  \"#a47854\",\r\n];\r\n\r\n/** Gets a color based on a given email address. This color is usually displayed in an avatar component.\r\n * @internal\r\n */\r\nexport function getUserColor(email: string): string {\r\n  if (typeof email !== \"string\")  // Test for invalid data\r\n    return COLORS[0];\r\n\r\n  const cleanString = email.trim().toLowerCase();\r\n\r\n  let hash = 0;\r\n  for (let i = 0; i < cleanString.length; i++) {\r\n    const charCode = cleanString.charCodeAt(i);\r\n    hash = (hash + charCode) % COLORS.length;\r\n  }\r\n  return COLORS[hash];\r\n}\r\n"]}
+{"version":3,"file":"getUserColor.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getUserColor.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,MAAM,MAAM,GAAG;IACb,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,YAAY,CAAC,KAAa;IACxC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAG,wBAAwB;QACtD,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC;IAEnB,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAE/C,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC3C,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAC3C,IAAI,GAAG,CAAC,IAAI,GAAG,QAAQ,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;KAC1C;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,CAAC;AACtB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nconst COLORS = [\n  \"#6ab9ec\",\n  \"#b1c854\",\n  \"#f7706c\",\n  \"#4585a5\",\n  \"#ffc335\",\n  \"#f7963e\",\n  \"#73c7c1\",\n  \"#85a9cf\",\n  \"#a3779f\",\n  \"#c8c2b4\",\n  \"#a47854\",\n];\n\n/** Gets a color based on a given email address. This color is usually displayed in an avatar component.\n * @internal\n */\nexport function getUserColor(email: string): string {\n  if (typeof email !== \"string\")  // Test for invalid data\n    return COLORS[0];\n\n  const cleanString = email.trim().toLowerCase();\n\n  let hash = 0;\n  for (let i = 0; i < cleanString.length; i++) {\n    const charCode = cleanString.charCodeAt(i);\n    hash = (hash + charCode) % COLORS.length;\n  }\n  return COLORS[hash];\n}\n"]}

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

@@ -1,5 +1,5 @@
-/** @internal */
-export declare type ResizeObserverType = typeof import("resize-observer-polyfill").default;
-/** @internal */
-export declare const ResizeObserver: ResizeObserverType;
+/** @internal */
+export declare type ResizeObserverType = typeof import("resize-observer-polyfill").default;
+/** @internal */
+export declare const ResizeObserver: ResizeObserverType;
 //# sourceMappingURL=ResizeObserverPolyfill.d.ts.map

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

@@ -1,17 +1,17 @@
-/*---------------------------------------------------------------------------------------------
-* 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 ResizeObserverPolyfill from "resize-observer-polyfill";
-function getModule(mod) {
-    /* istanbul ignore if */
-    if (mod.default)
-        return mod.default;
-    return mod;
-}
-/** @internal */
-export const ResizeObserver = getModule(ResizeObserverPolyfill); // eslint-disable-line @typescript-eslint/naming-convention
+/*---------------------------------------------------------------------------------------------
+* 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 ResizeObserverPolyfill from "resize-observer-polyfill";
+function getModule(mod) {
+    /* istanbul ignore if */
+    if (mod.default)
+        return mod.default;
+    return mod;
+}
+/** @internal */
+export const ResizeObserver = getModule(ResizeObserverPolyfill); // eslint-disable-line @typescript-eslint/naming-convention
 //# sourceMappingURL=ResizeObserverPolyfill.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ResizeObserverPolyfill.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/ResizeObserverPolyfill.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,sBAAsB,MAAM,0BAA0B,CAAC;AAKnE,SAAS,SAAS,CAAC,GAAQ;IACzB,wBAAwB;IACxB,IAAI,GAAG,CAAC,OAAO;QACb,OAAO,GAAG,CAAC,OAAO,CAAC;IACrB,OAAO,GAAG,CAAC;AACb,CAAC;AAED,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAuB,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,2DAA2D","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 ResizeObserverPolyfill from \"resize-observer-polyfill\";\r\n\r\n/** @internal */\r\nexport type ResizeObserverType = typeof import(\"resize-observer-polyfill\").default;\r\n\r\nfunction getModule(mod: any) {\r\n  /* istanbul ignore if */\r\n  if (mod.default)\r\n    return mod.default;\r\n  return mod;\r\n}\r\n\r\n/** @internal */\r\nexport const ResizeObserver: ResizeObserverType = getModule(ResizeObserverPolyfill); // eslint-disable-line @typescript-eslint/naming-convention\r\n"]}
+{"version":3,"file":"ResizeObserverPolyfill.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/ResizeObserverPolyfill.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,OAAO,KAAK,sBAAsB,MAAM,0BAA0B,CAAC;AAKnE,SAAS,SAAS,CAAC,GAAQ;IACzB,wBAAwB;IACxB,IAAI,GAAG,CAAC,OAAO;QACb,OAAO,GAAG,CAAC,OAAO,CAAC;IACrB,OAAO,GAAG,CAAC;AACb,CAAC;AAED,gBAAgB;AAChB,MAAM,CAAC,MAAM,cAAc,GAAuB,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,2DAA2D","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\nimport * as ResizeObserverPolyfill from \"resize-observer-polyfill\";\n\n/** @internal */\nexport type ResizeObserverType = typeof import(\"resize-observer-polyfill\").default;\n\nfunction getModule(mod: any) {\n  /* istanbul ignore if */\n  if (mod.default)\n    return mod.default;\n  return mod;\n}\n\n/** @internal */\nexport const ResizeObserver: ResizeObserverType = getModule(ResizeObserverPolyfill); // eslint-disable-line @typescript-eslint/naming-convention\n"]}

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

@@ -1,8 +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;
+/** @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.js

@@ -1,86 +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]);
-}
+/*---------------------------------------------------------------------------------------------
+* 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

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