@itwin/core-react 3.0.0-dev.77 → 3.0.0-dev.81

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

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Flattens React fragments.
+ * @internal
+ */
+export declare const flattenChildren: (children: React.ReactNode) => React.ReactNode;
+//# sourceMappingURL=flattenChildren.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"flattenChildren.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/flattenChildren.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,eAAe,aAAc,MAAM,SAAS,KAAG,MAAM,SAajE,CAAC"}

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

@@ -0,0 +1,24 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** Flattens React fragments.
+ * @internal
+ */
+export const flattenChildren = (children) => {
+    const items = React.Children.map(children, (child) => {
+        // istanbul ignore next
+        if (!React.isValidElement(child))
+            return child;
+        if (child.type === React.Fragment) {
+            return child.props.children;
+        }
+        return child;
+    });
+    return items;
+};
+//# sourceMappingURL=flattenChildren.js.map

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

@@ -0,0 +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":["/*---------------------------------------------------------------------------------------------\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

@@ -0,0 +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";
+//# sourceMappingURL=getBestBWContrastColor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getBestBWContrastColor.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/getBestBWContrastColor.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,MAAM,qBAMtD"}

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

@@ -0,0 +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";
+}
+//# sourceMappingURL=getBestBWContrastColor.js.map

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

@@ -0,0 +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":["/*---------------------------------------------------------------------------------------------\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

@@ -0,0 +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;
+//# sourceMappingURL=getCssVariable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getCssVariable.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH;;GAEG;AACH,wBAAgB,cAAc,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAKtF;AAGD;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,CAM9F"}

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

@@ -0,0 +1,29 @@
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/* istanbul ignore next */
+/** 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;
+}
+/* istanbul ignore next */
+/** 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

@@ -0,0 +1 @@
+{"version":3,"file":"getCssVariable.js","sourceRoot":"","sources":["../../../../src/core-react/utils/getCssVariable.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,0BAA0B;AAC1B;;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,0BAA0B;AAC1B;;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/* istanbul ignore next */\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/* istanbul ignore next */\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

@@ -0,0 +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;
+//# sourceMappingURL=getDisplayName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getDisplayName.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/getDisplayName.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,cAAc,cAAe,MAAM,aAAa,CAAC,GAAG,CAAC,KAAG,MAMpE,CAAC"}

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

@@ -0,0 +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";
+};
+//# sourceMappingURL=getDisplayName.js.map

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

@@ -0,0 +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":["/*---------------------------------------------------------------------------------------------\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

@@ -0,0 +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;
+//# sourceMappingURL=getUserColor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getUserColor.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/getUserColor.ts"],"names":[],"mappings":"AAIA;;GAEG;AAgBH;;GAEG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAYlD"}

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

@@ -0,0 +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];
+}
+//# sourceMappingURL=getUserColor.js.map

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

@@ -0,0 +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":["/*---------------------------------------------------------------------------------------------\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

@@ -0,0 +1,5 @@
+/** @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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResizeObserverPolyfill.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/ResizeObserverPolyfill.tsx"],"names":[],"mappings":"AASA,gBAAgB;AAChB,oBAAY,kBAAkB,GAAG,cAAc,0BAA0B,EAAE,OAAO,CAAC;AASnF,gBAAgB;AAChB,eAAO,MAAM,cAAc,EAAE,kBAAsD,CAAC"}

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

@@ -0,0 +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
+//# sourceMappingURL=ResizeObserverPolyfill.js.map

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

@@ -0,0 +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":["/*---------------------------------------------------------------------------------------------\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/useDisposable.d.ts

@@ -0,0 +1,18 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import { IDisposable } from "@itwin/core-bentley";
+/**
+ * A custom hook which creates a disposable object and manages its disposal on unmount
+ * or factory method change.
+ * @public
+ */
+export declare function useDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable): TDisposable;
+/**
+ * A custom hook which calls the factory method to create a disposable object
+ * which might as well be undefined. If the result was a disposable object, the
+ * hook takes care of disposing it when necessary.
+ * @public
+ */
+export declare function useOptionalDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable | undefined): TDisposable | undefined;
+//# sourceMappingURL=useDisposable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisposable.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,WAAW,SAAS,WAAW,EAAE,gBAAgB,EAAE,MAAM,WAAW,GAAG,WAAW,CAE/G;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,SAAS,WAAW,EAAE,gBAAgB,EAAE,MAAM,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAY/I"}

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

@@ -0,0 +1,34 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { useEffect, useMemo, useRef } from "react";
+/**
+ * A custom hook which creates a disposable object and manages its disposal on unmount
+ * or factory method change.
+ * @public
+ */
+export function useDisposable(createDisposable) {
+    return useOptionalDisposable(createDisposable);
+}
+/**
+ * A custom hook which calls the factory method to create a disposable object
+ * which might as well be undefined. If the result was a disposable object, the
+ * hook takes care of disposing it when necessary.
+ * @public
+ */
+export function useOptionalDisposable(createDisposable) {
+    const previous = useRef();
+    const value = useMemo(() => {
+        if (previous.current)
+            previous.current.dispose();
+        previous.current = createDisposable();
+        return previous.current;
+    }, [createDisposable]);
+    useEffect(() => () => previous.current && previous.current.dispose(), []);
+    return value;
+}
+//# sourceMappingURL=useDisposable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDisposable.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useDisposable.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAGnD;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAkC,gBAAmC;IAChG,OAAO,qBAAqB,CAAC,gBAAgB,CAAE,CAAC;AAClD,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,qBAAqB,CAAkC,gBAA+C;IACpH,MAAM,QAAQ,GAAG,MAAM,EAAe,CAAC;IACvC,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE;QACzB,IAAI,QAAQ,CAAC,OAAO;YAClB,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAE7B,QAAQ,CAAC,OAAO,GAAG,gBAAgB,EAAE,CAAC;QACtC,OAAO,QAAQ,CAAC,OAAO,CAAC;IAC1B,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;IAC1E,OAAO,KAAK,CAAC;AACf,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 { useEffect, useMemo, useRef } from \"react\";\nimport { IDisposable } from \"@itwin/core-bentley\";\n\n/**\n * A custom hook which creates a disposable object and manages its disposal on unmount\n * or factory method change.\n * @public\n */\nexport function useDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable): TDisposable {\n  return useOptionalDisposable(createDisposable)!;\n}\n\n/**\n * A custom hook which calls the factory method to create a disposable object\n * which might as well be undefined. If the result was a disposable object, the\n * hook takes care of disposing it when necessary.\n * @public\n */\nexport function useOptionalDisposable<TDisposable extends IDisposable>(createDisposable: () => TDisposable | undefined): TDisposable | undefined {\n  const previous = useRef<TDisposable>();\n  const value = useMemo(() => {\n    if (previous.current)\n      previous.current.dispose();\n\n    previous.current = createDisposable();\n    return previous.current;\n  }, [createDisposable]);\n\n  useEffect(() => () => previous.current && previous.current.dispose(), []);\n  return value;\n}\n"]}

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

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+/**
+ * Custom hook which works like useEffect hook, but does not invoke callback when effect is triggered for the first time.
+ * @public
+ */
+export declare function useEffectSkipFirst(callback: () => (void | (() => void | undefined)) | void, deps?: any[]): void;
+//# sourceMappingURL=useEffectSkipFirst.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectSkipFirst.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useEffectSkipFirst.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,CAAC,EAAE,GAAG,EAAE,QAWxG"}

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

@@ -0,0 +1,23 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { useEffect, useRef } from "react";
+/**
+ * Custom hook which works like useEffect hook, but does not invoke callback when effect is triggered for the first time.
+ * @public
+ */
+export function useEffectSkipFirst(callback, deps) {
+    const skipFirst = useRef(true);
+    useEffect(() => {
+        if (skipFirst.current) {
+            skipFirst.current = false;
+            return;
+        }
+        return callback();
+    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
+}
+//# sourceMappingURL=useEffectSkipFirst.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEffectSkipFirst.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useEffectSkipFirst.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,kBAAkB,CAAC,QAAwD,EAAE,IAAY;IACvG,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,EAAE;YACrB,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;YAC1B,OAAO;SACR;QAED,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,kDAAkD;AAC9D,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 { useEffect, useRef } from \"react\";\n\n/**\n * Custom hook which works like useEffect hook, but does not invoke callback when effect is triggered for the first time.\n * @public\n */\nexport function useEffectSkipFirst(callback: () => (void | (() => void | undefined)) | void, deps?: any[]) {\n  const skipFirst = useRef(true);\n\n  useEffect(() => {\n    if (skipFirst.current) {\n      skipFirst.current = false;\n      return;\n    }\n\n    return callback();\n  }, deps); // eslint-disable-line react-hooks/exhaustive-deps\n}\n"]}

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

@@ -0,0 +1,12 @@
+/**
+ * Hook that adds and removes Event listeners.
+ * @example
+ *  useEventListener(
+ *     'pointerup',
+ *     handlePointerUp,
+ *     containerRef.current?.ownerDocument,
+ *  );
+ * @internal
+ */
+export declare function useEventListener(eventName: string, handler: (event: Event) => void, element: HTMLElement | Document | undefined): void;
+//# sourceMappingURL=useEventListener.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useEventListener.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EAC/B,OAAO,EAAE,WAAW,GAAG,QAAQ,GAAG,SAAS,QA2B5C"}

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

@@ -0,0 +1,40 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import * as React from "react";
+/**
+ * Hook that adds and removes Event listeners.
+ * @example
+ *  useEventListener(
+ *     'pointerup',
+ *     handlePointerUp,
+ *     containerRef.current?.ownerDocument,
+ *  );
+ * @internal
+ */
+export function useEventListener(eventName, handler, element) {
+    // Based on published hook https://usehooks.com/useEventListener/.
+    const savedHandler = React.useRef();
+    // Update reference if handler changes. This allows our effect below to
+    // always use latest handler without us needing to pass it in effect deps array
+    // and potentially cause effect to re-run every render.
+    React.useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+    React.useEffect(() => {
+        if (!element) {
+            return;
+        }
+        const eventListener = (event) => {
+            // istanbul ignore else
+            if (savedHandler.current)
+                savedHandler.current(event);
+        };
+        element.addEventListener(eventName, eventListener);
+        return () => {
+            element.removeEventListener(eventName, eventListener);
+        };
+    }, [eventName, element]);
+}
+//# sourceMappingURL=useEventListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListener.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useEventListener.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;GASG;AACH,MAAM,UAAU,gBAAgB,CAC9B,SAAiB,EACjB,OAA+B,EAC/B,OAA2C;IAE3C,kEAAkE;IAClE,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAA0B,CAAC;IAE5D,uEAAuE;IACvE,+EAA+E;IAC/E,uDAAuD;IACvD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,GAAG,OAAO,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QAED,MAAM,aAAa,GAAG,CAAC,KAAY,EAAE,EAAE;YACrC,uBAAuB;YACvB,IAAI,YAAY,CAAC,OAAO;gBACtB,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,OAAO,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE;YACV,OAAO,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACxD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;AAC3B,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*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\n\n/**\n * Hook that adds and removes Event listeners.\n * @example\n *  useEventListener(\n *     'pointerup',\n *     handlePointerUp,\n *     containerRef.current?.ownerDocument,\n *  );\n * @internal\n */\nexport function useEventListener(\n  eventName: string,\n  handler: (event: Event) => void,\n  element: HTMLElement | Document | undefined\n) {\n  // Based on published hook https://usehooks.com/useEventListener/.\n  const savedHandler = React.useRef<(event: Event) => void>();\n\n  // Update reference if handler changes. This allows our effect below to\n  // always use latest handler without us needing to pass it in effect deps array\n  // and potentially cause effect to re-run every render.\n  React.useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  React.useEffect(() => {\n    if (!element) {\n      return;\n    }\n\n    const eventListener = (event: Event) => {\n      // istanbul ignore else\n      if (savedHandler.current)\n        savedHandler.current(event);\n    };\n    element.addEventListener(eventName, eventListener);\n    return () => {\n      element.removeEventListener(eventName, eventListener);\n    };\n  }, [eventName, element]);\n}\n"]}

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

@@ -0,0 +1,6 @@
+/**
+ * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.
+ * @internal
+ */
+export declare function useLifecycleLogging(name: string, props: Record<string, any>, context?: Record<string, any>): void;
+//# sourceMappingURL=useLifecycleLogging.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLifecycleLogging.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useLifecycleLogging.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,QAsD1G"}

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

@@ -0,0 +1,61 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+import { useEffect, useRef } from "react";
+/**
+ * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.
+ * @internal
+ */
+export function useLifecycleLogging(name, props, context) {
+    useEffect(() => {
+        // eslint-disable-next-line no-console
+        console.log(`[useLifecycleLogging]: '${name}' Component mounted.`);
+        return () => {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Component unmounted.`);
+        };
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    const prevProps = useRef(props);
+    const prevContext = useRef(context);
+    const firstRun = useRef(true);
+    useEffect(() => {
+        if (firstRun.current) {
+            firstRun.current = false;
+            return;
+        }
+        function getDiff(prev, current) {
+            const diff = {};
+            for (const key of Object.keys(current)) {
+                if (prev[key] !== current[key]) {
+                    diff[key] = {
+                        from: prev[key],
+                        to: current[key],
+                    };
+                }
+            }
+            return diff;
+        }
+        const propsDiff = getDiff(prevProps.current, props);
+        const contextDiff = { from: context === undefined ? context : prevContext.current, to: context };
+        if (Object.keys(propsDiff).length > 0 && prevContext.current !== context) {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Props and context changed: `, propsDiff, contextDiff);
+        }
+        else if (Object.keys(propsDiff).length > 0) {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Props changed: `, propsDiff);
+        }
+        else if (prevContext.current !== context) {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Context changed: `, contextDiff);
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Component re-rendered.`);
+        }
+        prevProps.current = props;
+        prevContext.current = context;
+    });
+}
+//# sourceMappingURL=useLifecycleLogging.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useLifecycleLogging.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useLifecycleLogging.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAY,EAAE,KAA0B,EAAE,OAA6B;IACzG,SAAS,CAAC,GAAG,EAAE;QACb,sCAAsC;QACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,sBAAsB,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,wBAAwB,CAAC,CAAC;QACvE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACzB,OAAO;SACR;QAED,SAAS,OAAO,CAAC,IAAyB,EAAE,OAA4B;YACtE,MAAM,IAAI,GAA2C,EAAE,CAAC;YACxD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;gBACtC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,EAAE;oBAC9B,IAAI,CAAC,GAAG,CAAC,GAAG;wBACV,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;wBACf,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC;qBACjB,CAAC;iBACH;aACF;YAED,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,EAAE,IAAI,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC;QAEjG,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE;YACxE,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,+BAA+B,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;SACrG;aAAM,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YAC5C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,mBAAmB,EAAE,SAAS,CAAC,CAAC;SAC5E;aAAM,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE;YAC1C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,qBAAqB,EAAE,WAAW,CAAC,CAAC;SAChF;aAAM;YACL,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,0BAA0B,CAAC,CAAC;SACxE;QAED,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,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*--------------------------------------------------------------------------------------------*/\nimport { useEffect, useRef } from \"react\";\n\n/**\n * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.\n * @internal\n */\nexport function useLifecycleLogging(name: string, props: Record<string, any>, context?: Record<string, any>) {\n  useEffect(() => {\n    // eslint-disable-next-line no-console\n    console.log(`[useLifecycleLogging]: '${name}' Component mounted.`);\n\n    return () => {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Component unmounted.`);\n    };\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const prevProps = useRef(props);\n  const prevContext = useRef(context);\n  const firstRun = useRef(true);\n  useEffect(() => {\n    if (firstRun.current) {\n      firstRun.current = false;\n      return;\n    }\n\n    function getDiff(prev: Record<string, any>, current: Record<string, any>): Record<string, any> {\n      const diff: Record<string, { from: any, to: any }> = {};\n      for (const key of Object.keys(current)) {\n        if (prev[key] !== current[key]) {\n          diff[key] = {\n            from: prev[key],\n            to: current[key],\n          };\n        }\n      }\n\n      return diff;\n    }\n\n    const propsDiff = getDiff(prevProps.current, props);\n    const contextDiff = { from: context === undefined ? context : prevContext.current, to: context };\n\n    if (Object.keys(propsDiff).length > 0 && prevContext.current !== context) {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Props and context changed: `, propsDiff, contextDiff);\n    } else if (Object.keys(propsDiff).length > 0) {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Props changed: `, propsDiff);\n    } else if (prevContext.current !== context) {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Context changed: `, contextDiff);\n    } else {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Component re-rendered.`);\n    }\n\n    prevProps.current = props;\n    prevContext.current = context;\n  });\n}\n"]}

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

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** @public */
+export declare type OutsideClickEvent = PointerEvent | MouseEvent | TouchEvent;
+/** Invokes onOutsideClick handler when user clicks outside of referenced element.
+ * @public
+ */
+export declare function useOnOutsideClick<T extends Element>(onOutsideClick?: () => void, 
+/** Invoked for intermediate events. Return `false` to prevent outside click. */
+outsideEventPredicate?: (e: OutsideClickEvent) => boolean): React.RefObject<T>;
+//# sourceMappingURL=useOnOutsideClick.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useOnOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,cAAc;AACd,oBAAY,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,cAAc,CAAC,EAAE,MAAM,IAAI;AAC3B,gFAAgF;AAChF,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,OAAO,sBAoE1D"}