@itwin/core-react 4.1.0-dev.1 → 4.2.0-dev.1

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

@@ -1 +1 @@
-{"version":3,"file":"useProximityToMouse.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.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 { Point } from \"../Point\";\nimport { Rectangle } from \"../Rectangle\";\n\n/** @internal */\nexport class WidgetElementSet extends Set<React.RefObject<Element>> {}\n\n/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.\n * @internal\n */\nexport const useProximityToMouse = (\n  elementSet: WidgetElementSet,\n  snap: boolean = false,\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\n) => {\n  const [proximityScale, setProximityScale] = React.useState(1.0);\n\n  React.useEffect(() => {\n    const handleDocumentPointerMove = (e: PointerEvent) => {\n      let shortestProximity = Number.MAX_SAFE_INTEGER;\n\n      for (const ref of elementSet) {\n        // istanbul ignore else\n        if (ref.current) {\n          const clientRect = ref.current.getBoundingClientRect();\n          const rectangle = Rectangle.create(clientRect);\n          const point = new Point(e.pageX, e.pageY);\n          shortestProximity = Math.min(\n            rectangle.getShortestDistanceToPoint(point),\n            shortestProximity\n          );\n        }\n      }\n\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\n      if (scale !== proximityScale) setProximityScale(scale);\n    };\n\n    document.addEventListener(\"pointermove\", handleDocumentPointerMove);\n\n    return () => {\n      document.removeEventListener(\"pointermove\", handleDocumentPointerMove);\n    };\n  }, [elementSet, proximityScale, snap, threshold]);\n\n  return proximityScale;\n};\n\n/** Default proximity threshold.\n * @internal\n */\nexport const PROXIMITY_THRESHOLD_DEFAULT = 100;\n\n/** Default toolbar opacity.\n * @internal\n */\nexport const TOOLBAR_OPACITY_DEFAULT = 0.5;\n\n/** Default toolbar box-shadow opacity.\n * @internal\n */\nexport const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;\n\n/** Default toolbar backdrop-filter blur.\n * @internal\n */\nexport const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;\n\n/** Calculates a proximity scale for further calculations given the proximity and threshold.\n * @internal\n */\nexport const calculateProximityScale = (\n  proximity: number,\n  snap: boolean = false,\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\n): number => {\n  let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;\n  if (snap && scale > 0) scale = 1.0;\n  return scale;\n};\n\n/** Calculates a toolbar opacity based on a given proximity scale.\n * @internal\n */\nexport const calculateToolbarOpacity = (proximityScale: number): number => {\n  return TOOLBAR_OPACITY_DEFAULT * proximityScale;\n};\n\n/** Calculates a box-shadow opacity based on a given proximity scale.\n * @internal\n */\nexport const calculateBoxShadowOpacity = (proximityScale: number): number => {\n  return TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;\n};\n\n/** Calculates a backdrop-filter blur based on a given proximity scale.\n * @internal\n */\nexport const calculateBackdropFilterBlur = (proximityScale: number): number => {\n  return TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;\n};\n\n/** Gets the Toolbar background-color based on a given opacity.\n * @internal\n */\nexport const getToolbarBackgroundColor = (opacity: number): string => {\n  return `hsl(var(--iui-color-background-hsl) / ${opacity})`;\n};\n\n/** Gets the Toolbar box-shadow based on a given opacity.\n * @internal\n */\nexport const getToolbarBoxShadow = (opacity: number): string => {\n  return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;\n};\n\n/** Gets the Toolbar backdrop-filter based on a given blur amount.\n * @internal\n */\nexport const getToolbarBackdropFilter = (filterBlur: number): string => {\n  return `blur(${filterBlur}px)`;\n};\n"]}
+{"version":3,"file":"useProximityToMouse.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.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 { Point } from \"../Point\";\nimport { Rectangle } from \"../Rectangle\";\n\n/** @internal */\nexport class WidgetElementSet extends Set<React.RefObject<Element>> {}\n\n/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.\n * @internal\n */\nexport const useProximityToMouse = (\n  elementSet: WidgetElementSet,\n  snap: boolean = false,\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\n) => {\n  const [proximityScale, setProximityScale] = React.useState(1.0);\n\n  React.useEffect(() => {\n    const handleDocumentPointerMove = (e: PointerEvent) => {\n      let shortestProximity = Number.MAX_SAFE_INTEGER;\n\n      for (const ref of elementSet) {\n        // istanbul ignore else\n        if (ref.current) {\n          const clientRect = ref.current.getBoundingClientRect();\n          const rectangle = Rectangle.create(clientRect);\n          const point = new Point(e.pageX, e.pageY);\n          shortestProximity = Math.min(\n            rectangle.getShortestDistanceToPoint(point),\n            shortestProximity\n          );\n        }\n      }\n\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\n      if (scale !== proximityScale) setProximityScale(scale);\n    };\n\n    document.addEventListener(\"pointermove\", handleDocumentPointerMove);\n\n    return () => {\n      document.removeEventListener(\"pointermove\", handleDocumentPointerMove);\n    };\n  }, [elementSet, proximityScale, snap, threshold]);\n\n  return proximityScale;\n};\n\n/** Default proximity threshold.\n * @internal\n */\nexport const PROXIMITY_THRESHOLD_DEFAULT = 100;\n\n/** Default toolbar opacity.\n * @internal\n */\nexport const TOOLBAR_OPACITY_DEFAULT = 0.5;\n\n/** Default toolbar box-shadow opacity.\n * @internal\n */\nexport const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;\n\n/** Default toolbar backdrop-filter blur.\n * @internal\n */\nexport const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;\n\n/** Calculates a proximity scale for further calculations given the proximity and threshold.\n * @internal\n */\nexport const calculateProximityScale = (\n  proximity: number,\n  snap: boolean = false,\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\n): number => {\n  let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;\n  if (snap && scale > 0) scale = 1.0;\n  return scale;\n};\n\n/** Calculates a toolbar opacity based on a given proximity scale.\n * @internal\n */\nexport const calculateToolbarOpacity = (proximityScale: number): number => {\n  return TOOLBAR_OPACITY_DEFAULT * proximityScale;\n};\n\n/** Calculates a box-shadow opacity based on a given proximity scale.\n * @internal\n */\nexport const calculateBoxShadowOpacity = (proximityScale: number): number => {\n  return TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;\n};\n\n/** Calculates a backdrop-filter blur based on a given proximity scale.\n * @internal\n */\nexport const calculateBackdropFilterBlur = (proximityScale: number): number => {\n  return TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;\n};\n\n/** Gets the Toolbar background-color based on a given opacity.\n * @internal\n */\nexport const getToolbarBackgroundColor = (opacity: number): string => {\n  return `hsl(var(--iui-color-background-hsl) / ${opacity})`;\n};\n\n/** Gets the Toolbar box-shadow based on a given opacity.\n * @internal\n */\nexport const getToolbarBoxShadow = (opacity: number): string => {\n  return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;\n};\n\n/** Gets the Toolbar backdrop-filter based on a given blur amount.\n * @internal\n */\nexport const getToolbarBackdropFilter = (filterBlur: number): string => {\n  return `blur(${filterBlur}px)`;\n};\n"]}

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

@@ -4,5 +4,5 @@
 /** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
  * @internal
  */
-export declare function useRefEffect<T>(callback: (instance: T | null) => (void | (() => void)), deps: ReadonlyArray<any>): (instance: T | null) => void;
+export declare function useRefEffect<T>(callback: (instance: T | null) => void | (() => void), deps: ReadonlyArray<any>): (instance: T | null) => void;
 //# sourceMappingURL=useRefEffect.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRefEffect.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,cAE3E,CAAC,GAAG,IAAI,UAK7C"}
+{"version":3,"file":"useRefEffect.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EACrD,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,cAGY,CAAC,GAAG,IAAI,UAK7C"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useRefEffect.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAI,QAAuD,EAAE,IAAwB;IAC/G,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC9C,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACtC,OAAO,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;IACpD,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 * as React from \"react\";\n\n/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).\n * @internal\n */\nexport function useRefEffect<T>(callback: (instance: T | null) => (void | (() => void)), deps: ReadonlyArray<any>) {\n  const cleanup = React.useRef<(() => void) | null>(null);\n  return React.useCallback((instance: T | null) => {\n    cleanup.current && cleanup.current();\n    const newCleanup = callback(instance);\n    cleanup.current = !newCleanup ? null : newCleanup;\n  }, deps); // eslint-disable-line react-hooks/exhaustive-deps\n}\n"]}
+{"version":3,"file":"useRefEffect.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAC1B,QAAqD,EACrD,IAAwB;IAExB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC9C,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACtC,OAAO,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;IACpD,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 * as React from \"react\";\n\n/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).\n * @internal\n */\nexport function useRefEffect<T>(\n  callback: (instance: T | null) => void | (() => void),\n  deps: ReadonlyArray<any>\n) {\n  const cleanup = React.useRef<(() => void) | null>(null);\n  return React.useCallback((instance: T | null) => {\n    cleanup.current && cleanup.current();\n    const newCleanup = callback(instance);\n    cleanup.current = !newCleanup ? null : newCleanup;\n  }, deps); // eslint-disable-line react-hooks/exhaustive-deps\n}\n"]}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useRefState.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefState.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAK,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QACnD,UAAU,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AACxB,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/** Hook used to store an HTMLElement in state by using ref callback returned from hook.\n * *Example:*\n * ``` tsx\n *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();\n *  const ownerDoc = divElement?.ownerDocument ?? document;\n *\n *  return (\n *    <div ref={divElementRef} >\n *      ....\n *    </div>\n *  );\n * ```\n * }\n\n * @internal\n */\nexport function useRefState<T>(): [React.Ref<T>, T | undefined] {\n  const [element, setElement] = React.useState<T>();\n  const ref = React.useCallback((instance: T | null) => {\n    setElement(instance || undefined);\n  }, []);\n  return [ref, element];\n}\n"]}
+{"version":3,"file":"useRefState.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAK,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QACnD,UAAU,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AACxB,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/** Hook used to store an HTMLElement in state by using ref callback returned from hook.\n * *Example:*\n * ``` tsx\n *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();\n *  const ownerDoc = divElement?.ownerDocument ?? document;\n *\n *  return (\n *    <div ref={divElementRef} >\n *      ....\n *    </div>\n *  );\n * ```\n * }\n\n * @internal\n */\nexport function useRefState<T>(): [React.Ref<T>, T | undefined] {\n  const [element, setElement] = React.useState<T>();\n  const ref = React.useCallback((instance: T | null) => {\n    setElement(instance || undefined);\n  }, []);\n  return [ref, element];\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"useRefs.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,cACrC,CAAC,GAAG,IAAI,UAY7C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAC5C,CAAC,GAAG,IAAI,UAY5B"}
+{"version":3,"file":"useRefs.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,cAE5D,CAAC,GAAG,IAAI,UAetB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAC7C,CAAC,GAAG,IAAI,UAY3B"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -26,13 +26,15 @@ export function useRefs(...refs) {
                 }
             }
         }
-    }, [...refs]); // eslint-disable-line react-hooks/exhaustive-deps
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...refs]);
 }
 /** Used to combine multiple refs for a class component.
  * @internal
  */
 export function mergeRefs(...refs) {
-    return ((instance) => {
+    return (instance) => {
         for (const ref of refs) {
             // istanbul ignore else
             if (ref) {
@@ -44,6 +46,6 @@ export function mergeRefs(...refs) {
                 }
             }
         }
-    });
+    };
 }
 //# sourceMappingURL=useRefs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRefs.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,+BAA+B;AAC/B,SAAS,aAAa,CAAI,GAAiB;IACzC,OAAO,OAAO,GAAG,KAAK,UAAU,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAI,GAAG,IAA6C;IACzE,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC9C,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,uBAAuB;YACvB,IAAI,GAAG,EAAE;gBACP,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;oBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACf;qBAAM;oBACJ,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC9D;aACF;SACF;IACH,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,kDAAkD;AACnE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAI,GAAG,IAAiC;IAC/D,OAAO,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC7B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,uBAAuB;YACvB,IAAI,GAAG,EAAE;gBACP,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;oBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACf;qBAAM;oBACJ,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC9D;aACF;SACF;IACH,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*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\n\n/** Callback ref type guard. */\nfunction isRefCallback<T>(ref: React.Ref<T>): ref is (_: T | null) => void {\n  return typeof ref === \"function\";\n}\n\n/** Hook used to combine multiple refs.\n * @internal\n */\nexport function useRefs<T>(...refs: ReadonlyArray<React.Ref<T> | undefined>) {\n  return React.useCallback((instance: T | null) => {\n    for (const ref of refs) {\n      // istanbul ignore else\n      if (ref) {\n        if (isRefCallback(ref)) {\n          ref(instance);\n        } else {\n          (ref as React.MutableRefObject<T | null>).current = instance;\n        }\n      }\n    }\n  }, [...refs]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n\n/** Used to combine multiple refs for a class component.\n * @internal\n */\nexport function mergeRefs<T>(...refs: ReadonlyArray<React.Ref<T>>) {\n  return ((instance: T | null) => {\n    for (const ref of refs) {\n      // istanbul ignore else\n      if (ref) {\n        if (isRefCallback(ref)) {\n          ref(instance);\n        } else {\n          (ref as React.MutableRefObject<T | null>).current = instance;\n        }\n      }\n    }\n  });\n}\n"]}
+{"version":3,"file":"useRefs.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,+BAA+B;AAC/B,SAAS,aAAa,CAAI,GAAiB;IACzC,OAAO,OAAO,GAAG,KAAK,UAAU,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAI,GAAG,IAA6C;IACzE,OAAO,KAAK,CAAC,WAAW,CACtB,CAAC,QAAkB,EAAE,EAAE;QACrB,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,uBAAuB;YACvB,IAAI,GAAG,EAAE;gBACP,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;oBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACf;qBAAM;oBACJ,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC9D;aACF;SACF;IACH,CAAC;IACD,uDAAuD;IACvD,CAAC,GAAG,IAAI,CAAC,CACV,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAI,GAAG,IAAiC;IAC/D,OAAO,CAAC,QAAkB,EAAE,EAAE;QAC5B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,uBAAuB;YACvB,IAAI,GAAG,EAAE;gBACP,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;oBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACf;qBAAM;oBACJ,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC9D;aACF;SACF;IACH,CAAC,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\n\n/** Callback ref type guard. */\nfunction isRefCallback<T>(ref: React.Ref<T>): ref is (_: T | null) => void {\n  return typeof ref === \"function\";\n}\n\n/** Hook used to combine multiple refs.\n * @internal\n */\nexport function useRefs<T>(...refs: ReadonlyArray<React.Ref<T> | undefined>) {\n  return React.useCallback(\n    (instance: T | null) => {\n      for (const ref of refs) {\n        // istanbul ignore else\n        if (ref) {\n          if (isRefCallback(ref)) {\n            ref(instance);\n          } else {\n            (ref as React.MutableRefObject<T | null>).current = instance;\n          }\n        }\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [...refs]\n  );\n}\n\n/** Used to combine multiple refs for a class component.\n * @internal\n */\nexport function mergeRefs<T>(...refs: ReadonlyArray<React.Ref<T>>) {\n  return (instance: T | null) => {\n    for (const ref of refs) {\n      // istanbul ignore else\n      if (ref) {\n        if (isRefCallback(ref)) {\n          ref(instance);\n        } else {\n          (ref as React.MutableRefObject<T | null>).current = instance;\n        }\n      }\n    }\n  };\n}\n"]}

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

@@ -3,14 +3,14 @@
  */
 import * as React from "react";
 /** Uses ResizeObserver API to notify about element bound changes.
-  * @internal
-  */
+ * @internal
+ */
 export declare function useResizeObserver<T extends Element>(onResize?: (width: number, height: number) => void): (instance: Element | null) => void;
 /** React hook that uses ResizeObserver API to notify about element bound changes. Note: to work similar to ReactResizeDetector
  * width and height are initialized as undefined and only set during after mount if bounds are non-zero. This implementation properly
  * handles observing element in pop-out/child windows.
-  * @internal
-  */
+ * @internal
+ */
 export declare function useLayoutResizeObserver(inElement: HTMLElement | null, onResize?: (width?: number, height?: number) => void): (number | undefined)[];
 /** Prop the ElementResizeObserver sends to the render function.
  *  @public
@@ -23,17 +23,17 @@ export interface RenderPropsArgs {
  * observing element in pop-out/child windows.
  *  @public
  */
-export declare function ElementResizeObserver({ watchedElement, render }: {
+export declare function ElementResizeObserver({ watchedElement, render, }: {
     watchedElement: HTMLElement | null;
-    render: (props: RenderPropsArgs) => JSX.Element;
-}): JSX.Element;
+    render: (props: RenderPropsArgs) => React.ReactElement;
+}): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 /** ResizableContainerObserver is a component that provides the functionality similar to the ReactResizeDetector option that call a function when
  * the observed element is resized. This implementation properly handles observing element in pop-out/child windows. If children nodes are defined then
  * the div added by the component is considered the container whose size will be observed. If no children are provided then the component will report
  * size changes from its parent container.
  * @public
  */
-export declare function ResizableContainerObserver({ onResize, children }: {
+export declare function ResizableContainerObserver({ onResize, children, }: {
     onResize: (width: number, height: number) => void;
     children?: React.ReactNode;
 }): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;IAEI;AACJ,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,sCAiFtG;AAED;;;;IAII;AACJ,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,0BAgF1H;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE;IAAE,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAA;CAAE,eAGxJ;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eA6BnJ"}
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,sCAuHnD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,0BA+GrD;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,MAAM,GACP,EAAE;IACD,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,YAAY,CAAC;CACxD,sEAGA;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,eA2CA"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -10,8 +10,8 @@ import { ResizeObserver } from "./ResizeObserverPolyfill";
 import { useRefEffect } from "./useRefEffect";
 import { useRefs } from "./useRefs";
 /** Uses ResizeObserver API to notify about element bound changes.
-  * @internal
-  */
+ * @internal
+ */
 export function useResizeObserver(onResize) {
     const [bounds, setBounds] = React.useState({ width: 0, height: 0 });
     const resizeObserver = React.useRef(null);
@@ -39,19 +39,23 @@ export function useResizeObserver(onResize) {
     const processResize = React.useCallback((target) => {
         const newBounds = target.getBoundingClientRect();
         // istanbul ignore else
-        if (isMountedRef.current && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
+        if (isMountedRef.current &&
+            (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
             setBounds(newBounds);
             onResize && onResize(newBounds.width, newBounds.height);
         }
     }, [onResize, bounds.height, bounds.width]);
     const handleResize = React.useCallback((entries) => {
         // istanbul ignore if
-        if (!isMountedRef.current || !Array.isArray(entries) || 0 === entries.length) {
+        if (!isMountedRef.current ||
+            !Array.isArray(entries) ||
+            0 === entries.length) {
             return;
         }
         const target = entries[0].target;
         // istanbul ignore next
-        owningWindowRef.current && owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
+        owningWindowRef.current &&
+            owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
         owningWindowRef.current = target.ownerDocument.defaultView;
         // istanbul ignore else
         if (owningWindowRef.current) {
@@ -71,14 +75,17 @@ export function useResizeObserver(onResize) {
         }
         return () => {
             var _a;
-            instance && ( /* istanbul ignore next */(_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.unobserve(instance));
+            instance &&
+                (
+                /* istanbul ignore next */ (_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.unobserve(instance));
             resizeObserver.current = null;
         };
     }, [handleResize, onResize]);
     const handleRef = React.useCallback((instance) => {
         const newBounds = instance && instance.getBoundingClientRect();
         // istanbul ignore if
-        if (newBounds && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
+        if (newBounds &&
+            (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
             setBounds(newBounds);
             onResize && onResize(newBounds.width, newBounds.height);
         }
@@ -89,8 +96,8 @@ export function useResizeObserver(onResize) {
 /** React hook that uses ResizeObserver API to notify about element bound changes. Note: to work similar to ReactResizeDetector
  * width and height are initialized as undefined and only set during after mount if bounds are non-zero. This implementation properly
  * handles observing element in pop-out/child windows.
-  * @internal
-  */
+ * @internal
+ */
 export function useLayoutResizeObserver(inElement, onResize) {
     const inBoundingRect = inElement === null || inElement === void 0 ? void 0 : inElement.getBoundingClientRect();
     const [bounds, setBounds] = React.useState({ width: inBoundingRect === null || inBoundingRect === void 0 ? void 0 : inBoundingRect.width, height: inBoundingRect === null || inBoundingRect === void 0 ? void 0 : inBoundingRect.height });
@@ -118,21 +125,27 @@ export function useLayoutResizeObserver(inElement, onResize) {
         }
         return () => {
             isMountedRef.current = false;
-            (rafRef.current && owningWindowRef.current) && owningWindowRef.current.cancelAnimationFrame(rafRef.current);
-            owningWindowRef.current && owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
+            rafRef.current &&
+                owningWindowRef.current &&
+                owningWindowRef.current.cancelAnimationFrame(rafRef.current);
+            owningWindowRef.current &&
+                owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
         };
     }, [onResize, inElement]);
     const processResize = React.useCallback((target) => {
         const newBounds = target.getBoundingClientRect();
         // istanbul ignore next
-        if (isMountedRef.current && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
+        if (isMountedRef.current &&
+            (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
             onResize && onResize(newBounds.width, newBounds.height);
             setBounds(newBounds);
         }
     }, [bounds.height, bounds.width, onResize]);
     const handleResize = React.useCallback((entries) => {
         // istanbul ignore next
-        if (!isMountedRef.current || !Array.isArray(entries) || 0 === entries.length) {
+        if (!isMountedRef.current ||
+            !Array.isArray(entries) ||
+            0 === entries.length) {
             return;
         }
         const target = entries[0].target;
@@ -167,7 +180,7 @@ export function useLayoutResizeObserver(inElement, onResize) {
  * observing element in pop-out/child windows.
  *  @public
  */
-export function ElementResizeObserver({ watchedElement, render }) {
+export function ElementResizeObserver({ watchedElement, render, }) {
     const [width, height] = useLayoutResizeObserver(watchedElement);
     return render({ width, height });
 }
@@ -177,7 +190,7 @@ export function ElementResizeObserver({ watchedElement, render }) {
  * size changes from its parent container.
  * @public
  */
-export function ResizableContainerObserver({ onResize, children }) {
+export function ResizableContainerObserver({ onResize, children, }) {
     const containerRef = React.useRef(null); // set to non-zero when requestAnimationFrame processing is active
     const [containerElement, setContainerElement] = React.useState(null);
     const isMountedRef = React.useRef(false);
@@ -188,7 +201,9 @@ export function ResizableContainerObserver({ onResize, children }) {
         if (!isMountedRef.current && containerRef.current) {
             isMountedRef.current = true;
             const hasParent = !!containerRef.current.parentElement;
-            setContainerElement(hasChildren && hasParent ? containerRef.current : containerRef.current.parentElement);
+            setContainerElement(hasChildren && hasParent
+                ? containerRef.current
+                : containerRef.current.parentElement);
         }
     }, [hasChildren]);
     const processResize = React.useCallback((width, height) => {
@@ -196,7 +211,9 @@ export function ResizableContainerObserver({ onResize, children }) {
         onResize(width !== null && width !== void 0 ? width : 0, height !== null && height !== void 0 ? height : 0);
     }, [onResize]);
     useLayoutResizeObserver(containerElement, processResize);
-    const style = hasChildren ? { width: "100%", height: "100%" } : { display: "none" };
+    const style = hasChildren
+        ? { width: "100%", height: "100%" }
+        : { display: "none" };
     return (React.createElement("div", { ref: containerRef, className: "uicore-resizable-container", style: style }, hasChildren && children));
 }
 //# sourceMappingURL=useResizeObserver.js.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"useTargeted.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useTargeted.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,WAAW,QAAS,MAAM,SAAS,CAAC,OAAO,CAAC,YAYxD,CAAC"}
+{"version":3,"file":"useTargeted.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useTargeted.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,eAAO,MAAM,WAAW,QAAS,MAAM,SAAS,CAAC,OAAO,CAAC,YAiBxD,CAAC"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -13,7 +13,10 @@ export const useTargeted = (ref) => {
     const [targeted, setTargeted] = React.useState(false);
     React.useEffect(() => {
         const handleDocumentPointerMove = (e) => {
-            setTargeted(!!ref.current && !!e.target && (e.target instanceof Node) && ref.current.contains(e.target));
+            setTargeted(!!ref.current &&
+                !!e.target &&
+                e.target instanceof Node &&
+                ref.current.contains(e.target));
         };
         document.addEventListener("pointermove", handleDocumentPointerMove);
         return () => {

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

@@ -1 +1 @@
-{"version":3,"file":"useTargeted.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useTargeted.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAA6B,EAAE,EAAE;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,yBAAyB,GAAG,CAAC,CAAe,EAAE,EAAE;YACpD,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM,YAAY,IAAI,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QAC3G,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC;QACpE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC;QACzE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,OAAO,QAAQ,CAAC;AAClB,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/** Returns a stateful value that indicates if the component is targeted/hovered.\n * @internal\n */\nexport const useTargeted = (ref: React.RefObject<Element>) => {\n  const [targeted, setTargeted] = React.useState(false);\n  React.useEffect(() => {\n    const handleDocumentPointerMove = (e: PointerEvent) => {\n      setTargeted(!!ref.current && !!e.target && (e.target instanceof Node) && ref.current.contains(e.target));\n    };\n    document.addEventListener(\"pointermove\", handleDocumentPointerMove);\n    return () => {\n      document.removeEventListener(\"pointermove\", handleDocumentPointerMove);\n    };\n  }, [ref]);\n  return targeted;\n};\n"]}
+{"version":3,"file":"useTargeted.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useTargeted.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,GAA6B,EAAE,EAAE;IAC3D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtD,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,yBAAyB,GAAG,CAAC,CAAe,EAAE,EAAE;YACpD,WAAW,CACT,CAAC,CAAC,GAAG,CAAC,OAAO;gBACX,CAAC,CAAC,CAAC,CAAC,MAAM;gBACV,CAAC,CAAC,MAAM,YAAY,IAAI;gBACxB,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CACjC,CAAC;QACJ,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC;QACpE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC;QACzE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACV,OAAO,QAAQ,CAAC;AAClB,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/** Returns a stateful value that indicates if the component is targeted/hovered.\n * @internal\n */\nexport const useTargeted = (ref: React.RefObject<Element>) => {\n  const [targeted, setTargeted] = React.useState(false);\n  React.useEffect(() => {\n    const handleDocumentPointerMove = (e: PointerEvent) => {\n      setTargeted(\n        !!ref.current &&\n          !!e.target &&\n          e.target instanceof Node &&\n          ref.current.contains(e.target)\n      );\n    };\n    document.addEventListener(\"pointermove\", handleDocumentPointerMove);\n    return () => {\n      document.removeEventListener(\"pointermove\", handleDocumentPointerMove);\n    };\n  }, [ref]);\n  return targeted;\n};\n"]}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useThrottledFn.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useThrottledFn.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAUlC,MAAM,cAAc,GAAqB;IACvC,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,cAAc,CAC5B,kBAAqB,EACrB,QAAgB,EAChB,YAAkC,EAClC,UAA4B,cAAc;IAE1C,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC1E,uDAAuD;IACvD,OAAO,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;AAC5D,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\";\nimport { throttle } from \"lodash\";\n\n/** lodash throttle options\n * @internal\n */\nexport interface ThrottleSettings {\n  leading: boolean;\n  trailing: boolean;\n}\n\nconst defaultOptions: ThrottleSettings = {\n  leading: false,\n  trailing: true,\n};\n\n/** Used to throttle function calls\n * @internal\n */\nexport function useThrottledFn<T extends (...args: any) => any>(\n  functionToThrottle: T,\n  waitTime: number,\n  dependencies: React.DependencyList,\n  options: ThrottleSettings = defaultOptions,\n) {\n  const throttledFunction = throttle(functionToThrottle, waitTime, options);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(throttledFunction, dependencies);\n}\n"]}
+{"version":3,"file":"useThrottledFn.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useThrottledFn.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAUlC,MAAM,cAAc,GAAqB;IACvC,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,IAAI;CACf,CAAC;AAEF;;GAEG;AACH,MAAM,UAAU,cAAc,CAC5B,kBAAqB,EACrB,QAAgB,EAChB,YAAkC,EAClC,UAA4B,cAAc;IAE1C,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC1E,uDAAuD;IACvD,OAAO,KAAK,CAAC,WAAW,CAAC,iBAAiB,EAAE,YAAY,CAAC,CAAC;AAC5D,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\";\nimport { throttle } from \"lodash\";\n\n/** lodash throttle options\n * @internal\n */\nexport interface ThrottleSettings {\n  leading: boolean;\n  trailing: boolean;\n}\n\nconst defaultOptions: ThrottleSettings = {\n  leading: false,\n  trailing: true,\n};\n\n/** Used to throttle function calls\n * @internal\n */\nexport function useThrottledFn<T extends (...args: any) => any>(\n  functionToThrottle: T,\n  waitTime: number,\n  dependencies: React.DependencyList,\n  options: ThrottleSettings = defaultOptions\n) {\n  const throttledFunction = throttle(functionToThrottle, waitTime, options);\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  return React.useCallback(throttledFunction, dependencies);\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"useWidgetOpacityContext.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useWidgetOpacityContext.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,YAAY,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;CACjC;AAED;;;GAGG;AAEH,eAAO,MAAM,oBAAoB,0CAG/B,CAAC;AAEH;;GAEG;AACH,wBAAgB,uBAAuB,8BAEtC"}
+{"version":3,"file":"useWidgetOpacityContext.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useWidgetOpacityContext.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,YAAY,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACtE,QAAQ,CAAC,cAAc,EAAE,MAAM,CAAC;CACjC;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,0CAM7B,CAAC;AAEL;;GAEG;AACH,wBAAgB,uBAAuB,8BAEtC"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -10,7 +10,6 @@ import * as React from "react";
  * Context used by Widgets and child components to process opacity changes based on mouse proximity.
  * @internal
  */
-// eslint-disable-next-line @typescript-eslint/naming-convention
 export const WidgetOpacityContext = React.createContext({
     onElementRef: /* istanbul ignore next */ (_elementRef) => void {},
     proximityScale: 1.0,

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

@@ -1 +1 @@
-{"version":3,"file":"useWidgetOpacityContext.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useWidgetOpacityContext.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,gEAAgE;AAChE,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAA4B;IACjF,YAAY,EAAE,0BAA0B,CAAC,CAAC,WAAqC,EAAE,EAAE,CAAC,KAAK,EAAE;IAC3F,cAAc,EAAE,GAAG;CACpB,CAAC,CAAC;AAEH;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACrC,OAAO,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAChD,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/** Properties for [[WidgetOpacityContext]]\n * @internal\n */\nexport interface WidgetOpacityContextProps {\n  readonly onElementRef: (elementRef: React.RefObject<Element>) => void;\n  readonly proximityScale: number;\n}\n\n/**\n * Context used by Widgets and child components to process opacity changes based on mouse proximity.\n * @internal\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const WidgetOpacityContext = React.createContext<WidgetOpacityContextProps>({\n  onElementRef: /* istanbul ignore next */ (_elementRef: React.RefObject<Element>) => void {},\n  proximityScale: 1.0,\n});\n\n/** Hook for using [[WidgetOpacityContext]]\n * @internal\n */\nexport function useWidgetOpacityContext() {\n  return React.useContext(WidgetOpacityContext);\n}\n"]}
+{"version":3,"file":"useWidgetOpacityContext.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useWidgetOpacityContext.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAC/B,KAAK,CAAC,aAAa,CAA4B;IAC7C,YAAY,EAAE,0BAA0B,CAAC,CACvC,WAAqC,EACrC,EAAE,CAAC,KAAK,EAAE;IACZ,cAAc,EAAE,GAAG;CACpB,CAAC,CAAC;AAEL;;GAEG;AACH,MAAM,UAAU,uBAAuB;IACrC,OAAO,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;AAChD,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/** Properties for [[WidgetOpacityContext]]\n * @internal\n */\nexport interface WidgetOpacityContextProps {\n  readonly onElementRef: (elementRef: React.RefObject<Element>) => void;\n  readonly proximityScale: number;\n}\n\n/**\n * Context used by Widgets and child components to process opacity changes based on mouse proximity.\n * @internal\n */\nexport const WidgetOpacityContext =\n  React.createContext<WidgetOpacityContextProps>({\n    onElementRef: /* istanbul ignore next */ (\n      _elementRef: React.RefObject<Element>\n    ) => void {},\n    proximityScale: 1.0,\n  });\n\n/** Hook for using [[WidgetOpacityContext]]\n * @internal\n */\nexport function useWidgetOpacityContext() {\n  return React.useContext(WidgetOpacityContext);\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"isPromiseLike.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/isPromiseLike.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,CAEvE"}
+{"version":3,"file":"isPromiseLike.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/isPromiseLike.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,GAAG,GAAG,IAAI,WAAW,CAAC,OAAO,CAAC,CAMvE"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -9,6 +9,8 @@
  * @internal
  */
 export function isPromiseLike(obj) {
-    return !!(obj && (typeof obj === "object") && (typeof obj.then === "function"));
+    return !!(obj &&
+        typeof obj === "object" &&
+        typeof obj.then === "function");
 }
 //# sourceMappingURL=isPromiseLike.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"isPromiseLike.js","sourceRoot":"","sources":["../../../../src/core-react/utils/isPromiseLike.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,GAAY;IACxC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,IAAI,CAAC,OAAQ,GAAW,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC;AAC3F,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/** Checks if the specified argument is a promise\n * @internal\n */\nexport function isPromiseLike(obj: unknown): obj is PromiseLike<unknown> {\n  return !!(obj && (typeof obj === \"object\") && (typeof (obj as any).then === \"function\"));\n}\n"]}
+{"version":3,"file":"isPromiseLike.js","sourceRoot":"","sources":["../../../../src/core-react/utils/isPromiseLike.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,aAAa,CAAC,GAAY;IACxC,OAAO,CAAC,CAAC,CACP,GAAG;QACH,OAAO,GAAG,KAAK,QAAQ;QACvB,OAAQ,GAAW,CAAC,IAAI,KAAK,UAAU,CACxC,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\n/** Checks if the specified argument is a promise\n * @internal\n */\nexport function isPromiseLike(obj: unknown): obj is PromiseLike<unknown> {\n  return !!(\n    obj &&\n    typeof obj === \"object\" &&\n    typeof (obj as any).then === \"function\"\n  );\n}\n"]}