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

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

@@ -0,0 +1,89 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+import { hasPointerEventsSupport } from "../../base/PointerEvents";
+import { Timer } from "../Timer";
+/** Invokes onOutsideClick handler when user clicks outside of referenced element.
+ * @public
+ */
+export function useOnOutsideClick(onOutsideClick, 
+/** Invoked for intermediate events. Return `false` to prevent outside click. */
+outsideEventPredicate) {
+    const handleMouseEvents = React.useRef(true);
+    const handleMouseEventsTimer = React.useRef(new Timer(1000));
+    const ref = React.useRef(null);
+    const isDownOutside = React.useRef(false);
+    React.useEffect(() => {
+        const listener = (e) => {
+            if (e.type === "touchstart") {
+                // Skip mouse event handlers after touch event.
+                handleMouseEvents.current = false;
+                handleMouseEventsTimer.current.start();
+            }
+            else if (e.type === "mousedown" && !handleMouseEvents.current) {
+                return;
+            }
+            const isOutsideEvent = !outsideEventPredicate || outsideEventPredicate(e);
+            isDownOutside.current = (!!ref.current && (e.target instanceof Node) && !ref.current.contains(e.target)) && isOutsideEvent;
+        };
+        if (hasPointerEventsSupport()) {
+            document.addEventListener("pointerdown", listener);
+        }
+        else {
+            document.addEventListener("mousedown", listener);
+            document.addEventListener("touchstart", listener);
+        }
+        return () => {
+            if (hasPointerEventsSupport()) {
+                document.removeEventListener("pointerdown", listener);
+            }
+            else {
+                document.removeEventListener("mousedown", listener);
+                document.removeEventListener("touchstart", listener);
+            }
+        };
+    }, [outsideEventPredicate]);
+    React.useEffect(() => {
+        const listener = (e) => {
+            if (e.type === "mouseup" && !handleMouseEvents.current) {
+                return;
+            }
+            onOutsideClick && isDownOutside.current && (!outsideEventPredicate || outsideEventPredicate(e)) &&
+                ref.current && e.target instanceof Node && !ref.current.contains(e.target) && onOutsideClick();
+            isDownOutside.current = false;
+        };
+        if (hasPointerEventsSupport()) {
+            document.addEventListener("pointerup", listener);
+        }
+        else {
+            document.addEventListener("mouseup", listener);
+            document.addEventListener("touchend", listener);
+        }
+        return () => {
+            if (hasPointerEventsSupport()) {
+                document.removeEventListener("pointerup", listener);
+            }
+            else {
+                document.removeEventListener("mouseup", listener);
+                document.removeEventListener("touchend", listener);
+            }
+        };
+    }, [onOutsideClick, outsideEventPredicate]);
+    React.useEffect(() => {
+        const listener = () => {
+            handleMouseEvents.current = true;
+        };
+        const timer = handleMouseEventsTimer.current;
+        timer.setOnExecute(listener);
+        return () => {
+            timer.setOnExecute(undefined);
+        };
+    }, []);
+    return ref;
+}
+//# sourceMappingURL=useOnOutsideClick.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOnOutsideClick.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useOnOutsideClick.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 { hasPointerEventsSupport } from \"../../base/PointerEvents\";\nimport { Timer } from \"../Timer\";\n\n/** @public */\nexport type OutsideClickEvent = PointerEvent | MouseEvent | TouchEvent;\n\n/** Invokes onOutsideClick handler when user clicks outside of referenced element.\n * @public\n */\nexport function useOnOutsideClick<T extends Element>(\n  onOutsideClick?: () => void,\n  /** Invoked for intermediate events. Return `false` to prevent outside click. */\n  outsideEventPredicate?: (e: OutsideClickEvent) => boolean,\n) {\n  const handleMouseEvents = React.useRef(true);\n  const handleMouseEventsTimer = React.useRef(new Timer(1000));\n  const ref = React.useRef<T>(null);\n  const isDownOutside = React.useRef(false);\n  React.useEffect(() => {\n    const listener = (e: OutsideClickEvent) => {\n      if (e.type === \"touchstart\") {\n        // Skip mouse event handlers after touch event.\n        handleMouseEvents.current = false;\n        handleMouseEventsTimer.current.start();\n      } else if (e.type === \"mousedown\" && !handleMouseEvents.current) {\n        return;\n      }\n      const isOutsideEvent = !outsideEventPredicate || outsideEventPredicate(e);\n      isDownOutside.current = (!!ref.current && (e.target instanceof Node) && !ref.current.contains(e.target)) && isOutsideEvent;\n    };\n    if (hasPointerEventsSupport()) {\n      document.addEventListener(\"pointerdown\", listener);\n    } else {\n      document.addEventListener(\"mousedown\", listener);\n      document.addEventListener(\"touchstart\", listener);\n    }\n    return () => {\n      if (hasPointerEventsSupport()) {\n        document.removeEventListener(\"pointerdown\", listener);\n      } else {\n        document.removeEventListener(\"mousedown\", listener);\n        document.removeEventListener(\"touchstart\", listener);\n      }\n    };\n  }, [outsideEventPredicate]);\n  React.useEffect(() => {\n    const listener = (e: OutsideClickEvent) => {\n      if (e.type === \"mouseup\" && !handleMouseEvents.current) {\n        return;\n      }\n      onOutsideClick && isDownOutside.current && (!outsideEventPredicate || outsideEventPredicate(e)) &&\n        ref.current && e.target instanceof Node && !ref.current.contains(e.target) && onOutsideClick();\n      isDownOutside.current = false;\n    };\n    if (hasPointerEventsSupport()) {\n      document.addEventListener(\"pointerup\", listener);\n    } else {\n      document.addEventListener(\"mouseup\", listener);\n      document.addEventListener(\"touchend\", listener);\n    }\n    return () => {\n      if (hasPointerEventsSupport()) {\n        document.removeEventListener(\"pointerup\", listener);\n      } else {\n        document.removeEventListener(\"mouseup\", listener);\n        document.removeEventListener(\"touchend\", listener);\n      }\n    };\n  }, [onOutsideClick, outsideEventPredicate]);\n  React.useEffect(() => {\n    const listener = () => {\n      handleMouseEvents.current = true;\n    };\n    const timer = handleMouseEventsTimer.current;\n    timer.setOnExecute(listener);\n    return () => {\n      timer.setOnExecute(undefined);\n    };\n  }, []);\n  return ref;\n}\n"]}

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

@@ -0,0 +1,56 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** @internal */
+export declare class WidgetElementSet extends Set<React.RefObject<Element>> {
+}
+/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.
+ * @internal
+ */
+export declare const useProximityToMouse: (elementSet: WidgetElementSet, snap?: boolean, threshold?: number) => number;
+/** Default proximity threshold.
+ * @internal
+ */
+export declare const PROXIMITY_THRESHOLD_DEFAULT = 100;
+/** Default toolbar opacity.
+ * @internal
+ */
+export declare const TOOLBAR_OPACITY_DEFAULT = 0.5;
+/** Default toolbar box-shadow opacity.
+ * @internal
+ */
+export declare const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;
+/** Default toolbar backdrop-filter blur.
+ * @internal
+ */
+export declare const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
+/** Calculates a proximity scale for further calculations given the proximity and threshold.
+ * @internal
+ */
+export declare const calculateProximityScale: (proximity: number, snap?: boolean, threshold?: number) => number;
+/** Calculates a toolbar opacity based on a given proximity scale.
+ * @internal
+ */
+export declare const calculateToolbarOpacity: (proximityScale: number) => number;
+/** Calculates a box-shadow opacity based on a given proximity scale.
+ * @internal
+ */
+export declare const calculateBoxShadowOpacity: (proximityScale: number) => number;
+/** Calculates a backdrop-filter blur based on a given proximity scale.
+ * @internal
+ */
+export declare const calculateBackdropFilterBlur: (proximityScale: number) => number;
+/** Gets the Toolbar background-color based on a given opacity.
+ * @internal
+ */
+export declare const getToolbarBackgroundColor: (opacity: number) => string;
+/** Gets the Toolbar box-shadow based on a given opacity.
+ * @internal
+ */
+export declare const getToolbarBoxShadow: (opacity: number) => string;
+/** Gets the Toolbar backdrop-filter based on a given blur amount.
+ * @internal
+ */
+export declare const getToolbarBackdropFilter: (filterBlur: number) => string;
+//# sourceMappingURL=useProximityToMouse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useProximityToMouse.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,gBAAgB;AAChB,qBAAa,gBAAiB,SAAQ,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;CAAI;AAEvE;;GAEG;AACH,eAAO,MAAM,mBAAmB,eAAgB,gBAAgB,SAAQ,OAAO,+BA8B9E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAE/C;;GAEG;AACH,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAE3C;;GAEG;AACH,eAAO,MAAM,kCAAkC,OAAO,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,oCAAoC,KAAK,CAAC;AAEvD;;GAEG;AACH,eAAO,MAAM,uBAAuB,cAAe,MAAM,SAAQ,OAAO,yBAAoD,MAK3H,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,mBAAoB,MAAM,KAAG,MAEhE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,mBAAoB,MAAM,KAAG,MAElE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,mBAAoB,MAAM,KAAG,MAEpE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB,YAAa,MAAM,KAAG,MAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,YAAa,MAAM,KAAG,MAErD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB,eAAgB,MAAM,KAAG,MAE7D,CAAC"}

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

@@ -0,0 +1,103 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+import { Point } from "../Point";
+import { Rectangle } from "../Rectangle";
+/** @internal */
+export class WidgetElementSet extends Set {
+}
+/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.
+ * @internal
+ */
+export const useProximityToMouse = (elementSet, snap = false, threshold = PROXIMITY_THRESHOLD_DEFAULT) => {
+    const [proximityScale, setProximityScale] = React.useState(1.0);
+    React.useEffect(() => {
+        const handleDocumentPointerMove = (e) => {
+            let shortestProximity = Number.MAX_SAFE_INTEGER;
+            for (const ref of elementSet) {
+                // istanbul ignore else
+                if (ref.current) {
+                    const clientRect = ref.current.getBoundingClientRect();
+                    const rectangle = Rectangle.create(clientRect);
+                    const point = new Point(e.pageX, e.pageY);
+                    shortestProximity = Math.min(rectangle.getShortestDistanceToPoint(point), shortestProximity);
+                }
+            }
+            const scale = calculateProximityScale(shortestProximity, snap, threshold);
+            if (scale !== proximityScale)
+                setProximityScale(scale);
+        };
+        document.addEventListener("pointermove", handleDocumentPointerMove);
+        return () => {
+            document.removeEventListener("pointermove", handleDocumentPointerMove);
+        };
+    }, [elementSet, proximityScale, snap, threshold]);
+    return proximityScale;
+};
+/** Default proximity threshold.
+ * @internal
+ */
+export const PROXIMITY_THRESHOLD_DEFAULT = 100;
+/** Default toolbar opacity.
+ * @internal
+ */
+export const TOOLBAR_OPACITY_DEFAULT = 0.5;
+/** Default toolbar box-shadow opacity.
+ * @internal
+ */
+export const TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;
+/** Default toolbar backdrop-filter blur.
+ * @internal
+ */
+export const TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
+/** Calculates a proximity scale for further calculations given the proximity and threshold.
+ * @internal
+ */
+export const calculateProximityScale = (proximity, snap = false, threshold = PROXIMITY_THRESHOLD_DEFAULT) => {
+    let scale = ((proximity < threshold) ? threshold - proximity : 0) / threshold;
+    if (snap && scale > 0)
+        scale = 1.0;
+    return scale;
+};
+/** Calculates a toolbar opacity based on a given proximity scale.
+ * @internal
+ */
+export const calculateToolbarOpacity = (proximityScale) => {
+    return TOOLBAR_OPACITY_DEFAULT * proximityScale;
+};
+/** Calculates a box-shadow opacity based on a given proximity scale.
+ * @internal
+ */
+export const calculateBoxShadowOpacity = (proximityScale) => {
+    return TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;
+};
+/** Calculates a backdrop-filter blur based on a given proximity scale.
+ * @internal
+ */
+export const calculateBackdropFilterBlur = (proximityScale) => {
+    return TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;
+};
+/** Gets the Toolbar background-color based on a given opacity.
+ * @internal
+ */
+export const getToolbarBackgroundColor = (opacity) => {
+    return `rgba(var(--buic-background-2-rgb), ${opacity})`;
+};
+/** Gets the Toolbar box-shadow based on a given opacity.
+ * @internal
+ */
+export const getToolbarBoxShadow = (opacity) => {
+    return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;
+};
+/** Gets the Toolbar backdrop-filter based on a given blur amount.
+ * @internal
+ */
+export const getToolbarBackdropFilter = (filterBlur) => {
+    return `blur(${filterBlur}px)`;
+};
+//# sourceMappingURL=useProximityToMouse.js.map

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

@@ -0,0 +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 = (elementSet: WidgetElementSet, snap: boolean = false, threshold = PROXIMITY_THRESHOLD_DEFAULT) => {\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(rectangle.getShortestDistanceToPoint(point), shortestProximity);\n        }\n      }\n\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\n      if (scale !== proximityScale)\n        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 = (proximity: number, snap: boolean = false, threshold = PROXIMITY_THRESHOLD_DEFAULT): number => {\n  let scale = ((proximity < threshold) ? threshold - proximity : 0) / threshold;\n  if (snap && scale > 0)\n    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 `rgba(var(--buic-background-2-rgb), ${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

@@ -0,0 +1,8 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** 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;
+//# sourceMappingURL=useRefEffect.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,20 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
+ * @internal
+ */
+export function useRefEffect(callback, deps) {
+    const cleanup = React.useRef(null);
+    return React.useCallback((instance) => {
+        cleanup.current && cleanup.current();
+        const newCleanup = callback(instance);
+        cleanup.current = !newCleanup ? null : newCleanup;
+    }, deps); // eslint-disable-line react-hooks/exhaustive-deps
+}
+//# sourceMappingURL=useRefEffect.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Hook used to store an HTMLElement in state by using ref callback returned from hook.
+ * *Example:*
+ * ``` tsx
+ *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();
+ *  const ownerDoc = divElement?.ownerDocument ?? document;
+ *
+ *  return (
+ *    <div ref={divElementRef} >
+ *      ....
+ *    </div>
+ *  );
+ * ```
+ * }
+
+ * @internal
+ */
+export declare function useRefState<T>(): [React.Ref<T>, T | undefined];
+//# sourceMappingURL=useRefState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRefState.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefState.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,WAAW,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,CAM9D"}

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

@@ -0,0 +1,32 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Hook used to store an HTMLElement in state by using ref callback returned from hook.
+ * *Example:*
+ * ``` tsx
+ *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();
+ *  const ownerDoc = divElement?.ownerDocument ?? document;
+ *
+ *  return (
+ *    <div ref={divElementRef} >
+ *      ....
+ *    </div>
+ *  );
+ * ```
+ * }
+
+ * @internal
+ */
+export function useRefState() {
+    const [element, setElement] = React.useState();
+    const ref = React.useCallback((instance) => {
+        setElement(instance || undefined);
+    }, []);
+    return [ref, element];
+}
+//# sourceMappingURL=useRefState.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,13 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Hook used to combine multiple refs.
+ * @internal
+ */
+export declare function useRefs<T>(...refs: ReadonlyArray<React.Ref<T>>): (instance: T | null) => void;
+/** Used to combine multiple refs for a class component.
+ * @internal
+ */
+export declare function mergeRefs<T>(...refs: ReadonlyArray<React.Ref<T>>): (instance: T | null) => void;
+//# sourceMappingURL=useRefs.d.ts.map

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

@@ -0,0 +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,CAAC,cACzB,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"}

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

@@ -0,0 +1,49 @@
+/*---------------------------------------------------------------------------------------------
+* 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";
+/** Callback ref type guard. */
+function isRefCallback(ref) {
+    return typeof ref === "function";
+}
+/** Hook used to combine multiple refs.
+ * @internal
+ */
+export function useRefs(...refs) {
+    return React.useCallback((instance) => {
+        for (const ref of refs) {
+            // istanbul ignore else
+            if (ref) {
+                if (isRefCallback(ref)) {
+                    ref(instance);
+                }
+                else {
+                    ref.current = instance;
+                }
+            }
+        }
+    }, [...refs]); // eslint-disable-line react-hooks/exhaustive-deps
+}
+/** Used to combine multiple refs for a class component.
+ * @internal
+ */
+export function mergeRefs(...refs) {
+    return ((instance) => {
+        for (const ref of refs) {
+            // istanbul ignore else
+            if (ref) {
+                if (isRefCallback(ref)) {
+                    ref(instance);
+                }
+                else {
+                    ref.current = instance;
+                }
+            }
+        }
+    });
+}
+//# sourceMappingURL=useRefs.js.map

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

@@ -0,0 +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,IAAiC;IAC7D,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>>) {\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"]}

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

@@ -0,0 +1,40 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Uses ResizeObserver API to notify about element bound changes.
+  * @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
+  */
+export declare function useLayoutResizeObserver(inElement: HTMLElement | null, onResize?: (width?: number, height?: number) => void): (number | undefined)[];
+/** Prop the ElementResizeObserver sends to the render function.
+ *  @public
+ */
+export interface RenderPropsArgs {
+    width?: number;
+    height?: number;
+}
+/** ElementResizeObserver provides functionality similar to ReactResizeDetector when a render function is specified. This implementation properly handles
+ * observing element in pop-out/child windows.
+ *  @public
+ */
+export declare function ElementResizeObserver({ watchedElement, render }: {
+    watchedElement: HTMLElement | null;
+    render: (props: RenderPropsArgs) => JSX.Element;
+}): JSX.Element;
+/** 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 }: {
+    onResize: (width: number, height: number) => void;
+    children?: React.ReactNode;
+}): JSX.Element;
+//# sourceMappingURL=useResizeObserver.d.ts.map

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

@@ -0,0 +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"}