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

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

@@ -0,0 +1,202 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { ResizeObserver } from "./ResizeObserverPolyfill";
+import { useRefEffect } from "./useRefEffect";
+import { useRefs } from "./useRefs";
+/** Uses ResizeObserver API to notify about element bound changes.
+  * @internal
+  */
+export function useResizeObserver(onResize) {
+    const [bounds, setBounds] = React.useState({ width: 0, height: 0 });
+    const resizeObserver = React.useRef(null);
+    const rafRef = React.useRef(0); // set to non-zero when requestAnimationFrame processing is active
+    const isMountedRef = React.useRef(false);
+    const owningWindowRef = React.useRef(null);
+    // istanbul ignore next
+    const resizeObserverCleanup = () => {
+        var _a;
+        if (rafRef.current)
+            owningWindowRef.current.cancelAnimationFrame(rafRef.current);
+        (_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+        resizeObserver.current = null;
+    };
+    React.useEffect(() => {
+        isMountedRef.current = true;
+        return () => {
+            var _a;
+            isMountedRef.current = false;
+            if (rafRef.current)
+                owningWindowRef.current.cancelAnimationFrame(rafRef.current);
+            (_a = owningWindowRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("beforeunload", resizeObserverCleanup);
+        };
+    }, []);
+    const processResize = React.useCallback((target) => {
+        const newBounds = target.getBoundingClientRect();
+        // istanbul ignore else
+        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) {
+            return;
+        }
+        const target = entries[0].target;
+        // istanbul ignore next
+        owningWindowRef.current && owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
+        owningWindowRef.current = target.ownerDocument.defaultView;
+        // istanbul ignore else
+        if (owningWindowRef.current) {
+            owningWindowRef.current.addEventListener("beforeunload", resizeObserverCleanup);
+            // using requestAnimationFrame to stop the "ResizeObserver loop completed with undelivered notifications." and
+            // "ResizeObserver loop limit exceeded" messages reported to window.onError
+            rafRef.current = owningWindowRef.current.requestAnimationFrame(() => processResize(target));
+        }
+    }, [processResize]);
+    const observerRef = useRefEffect((instance) => {
+        resizeObserver.current = new ResizeObserver(handleResize);
+        if (instance) {
+            resizeObserver.current.observe(instance);
+            const newBounds = instance.getBoundingClientRect();
+            onResize && onResize(newBounds.width, newBounds.height);
+            setBounds(newBounds);
+        }
+        return () => {
+            var _a;
+            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)) {
+            setBounds(newBounds);
+            onResize && onResize(newBounds.width, newBounds.height);
+        }
+    }, [bounds.height, bounds.width, onResize]);
+    const ref = useRefs(handleRef, observerRef);
+    return ref;
+}
+/** 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 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 });
+    const [watchedElement, setWatchedElement] = React.useState(inElement);
+    const resizeObserver = React.useRef(null);
+    const rafRef = React.useRef(0); // set to non-zero when requestAnimationFrame processing is active
+    const isMountedRef = React.useRef(false);
+    const owningWindowRef = React.useRef(null);
+    // istanbul ignore next
+    const resizeObserverCleanup = () => {
+        var _a;
+        if (rafRef.current)
+            owningWindowRef.current.cancelAnimationFrame(rafRef.current);
+        (_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+        resizeObserver.current = null;
+    };
+    React.useEffect(() => {
+        isMountedRef.current = true;
+        setWatchedElement(inElement);
+        // istanbul ignore next
+        if (inElement) {
+            const newBounds = inElement.getBoundingClientRect();
+            onResize && onResize(newBounds.width, newBounds.height);
+            setBounds(newBounds);
+        }
+        return () => {
+            isMountedRef.current = false;
+            (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)) {
+            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) {
+            return;
+        }
+        const target = entries[0].target;
+        // istanbul ignore next
+        if (owningWindowRef.current)
+            owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
+        owningWindowRef.current = target.ownerDocument.defaultView;
+        // istanbul ignore else
+        if (owningWindowRef.current) {
+            owningWindowRef.current.addEventListener("beforeunload", resizeObserverCleanup);
+            // using requestAnimationFrame to stop the "ResizeObserver loop completed with undelivered notifications." and
+            // "ResizeObserver loop limit exceeded" messages reported to window.onError
+            rafRef.current = owningWindowRef.current.requestAnimationFrame(() => processResize(target));
+        }
+    }, [processResize]);
+    React.useLayoutEffect(() => {
+        if (!watchedElement) {
+            return;
+        }
+        resizeObserver.current = new ResizeObserver(handleResize);
+        resizeObserver.current.observe(watchedElement);
+        return () => {
+            var _a;
+            // istanbul ignore next
+            (_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+            resizeObserver.current = null;
+        };
+    }, [handleResize, watchedElement]);
+    return [bounds.width, bounds.height];
+}
+/** 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 function ElementResizeObserver({ watchedElement, render }) {
+    const [width, height] = useLayoutResizeObserver(watchedElement);
+    return render({ width, height });
+}
+/** 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 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);
+    const hasChildren = React.Children.count(children) !== 0;
+    // if no children are specified then monitor size of parent element.
+    React.useEffect(() => {
+        // istanbul ignore next
+        if (!isMountedRef.current && containerRef.current) {
+            isMountedRef.current = true;
+            const hasParent = !!containerRef.current.parentElement;
+            setContainerElement(hasChildren && hasParent ? containerRef.current : containerRef.current.parentElement);
+        }
+    }, [hasChildren]);
+    const processResize = React.useCallback((width, height) => {
+        // istanbul ignore next
+        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" };
+    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

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

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

@@ -0,0 +1,9 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Returns a stateful value that indicates if the component is targeted/hovered.
+ * @internal
+ */
+export declare const useTargeted: (ref: React.RefObject<Element>) => boolean;
+//# sourceMappingURL=useTargeted.d.ts.map

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

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

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

@@ -0,0 +1,25 @@
+/*---------------------------------------------------------------------------------------------
+* 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 a stateful value that indicates if the component is targeted/hovered.
+ * @internal
+ */
+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));
+        };
+        document.addEventListener("pointermove", handleDocumentPointerMove);
+        return () => {
+            document.removeEventListener("pointermove", handleDocumentPointerMove);
+        };
+    }, [ref]);
+    return targeted;
+};
+//# sourceMappingURL=useTargeted.js.map

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

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

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

@@ -0,0 +1,16 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** lodash throttle options
+ * @internal
+ */
+export interface ThrottleSettings {
+    leading: boolean;
+    trailing: boolean;
+}
+/** Used to throttle function calls
+ * @internal
+ */
+export declare function useThrottledFn<T extends (...args: any) => any>(functionToThrottle: T, waitTime: number, dependencies: React.DependencyList, options?: ThrottleSettings): import("lodash").DebouncedFunc<T>;
+//# sourceMappingURL=useThrottledFn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThrottledFn.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useThrottledFn.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAOD;;GAEG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAC5D,kBAAkB,EAAE,CAAC,EACrB,QAAQ,EAAE,MAAM,EAChB,YAAY,EAAE,KAAK,CAAC,cAAc,EAClC,OAAO,GAAE,gBAAiC,qCAK3C"}

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

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+* 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 { throttle } from "lodash";
+const defaultOptions = {
+    leading: false,
+    trailing: true,
+};
+/** Used to throttle function calls
+ * @internal
+ */
+export function useThrottledFn(functionToThrottle, waitTime, dependencies, options = defaultOptions) {
+    const throttledFunction = throttle(functionToThrottle, waitTime, options);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return React.useCallback(throttledFunction, dependencies);
+}
+//# sourceMappingURL=useThrottledFn.js.map

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

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

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

@@ -0,0 +1,21 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** Properties for [[WidgetOpacityContext]]
+ * @internal
+ */
+export interface WidgetOpacityContextProps {
+    readonly onElementRef: (elementRef: React.RefObject<Element>) => void;
+    readonly proximityScale: number;
+}
+/**
+ * Context used by Widgets and child components to process opacity changes based on mouse proximity.
+ * @internal
+ */
+export declare const WidgetOpacityContext: React.Context<WidgetOpacityContextProps>;
+/** Hook for using [[WidgetOpacityContext]]
+ * @internal
+ */
+export declare function useWidgetOpacityContext(): WidgetOpacityContextProps;
+//# sourceMappingURL=useWidgetOpacityContext.d.ts.map

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

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

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

@@ -0,0 +1,24 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/**
+ * 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,
+});
+/** Hook for using [[WidgetOpacityContext]]
+ * @internal
+ */
+export function useWidgetOpacityContext() {
+    return React.useContext(WidgetOpacityContext);
+}
+//# sourceMappingURL=useWidgetOpacityContext.js.map

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

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

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

@@ -0,0 +1,8 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Checks if the specified argument is a promise
+ * @internal
+ */
+export declare function isPromiseLike(obj: unknown): obj is PromiseLike<unknown>;
+//# sourceMappingURL=isPromiseLike.d.ts.map

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

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

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

@@ -0,0 +1,14 @@
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/** Checks if the specified argument is a promise
+ * @internal
+ */
+export function isPromiseLike(obj) {
+    return !!(obj && (typeof obj === "object") && (typeof obj.then === "function"));
+}
+//# sourceMappingURL=isPromiseLike.js.map

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

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

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

@@ -0,0 +1,12 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Performs a shallow difference check on two objects.
+ * @internal
+ */
+export declare const shallowDiffers: (a: {
+    [key: string]: any;
+} | undefined, b: {
+    [key: string]: any;
+} | undefined) => boolean;
+//# sourceMappingURL=shallowDiffers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shallowDiffers.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/shallowDiffers.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,eAAO,MAAM,cAAc;;;;kBAAmF,OAc7G,CAAC"}

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

@@ -0,0 +1,26 @@
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+/** Performs a shallow difference check on two objects.
+ * @internal
+ */
+export const shallowDiffers = (a, b) => {
+    if (a === b)
+        return false;
+    if (a === undefined || b === undefined)
+        return true;
+    for (const i in a) {
+        if (!(i in b))
+            return true;
+    }
+    for (const i in b) {
+        if (a[i] !== b[i])
+            return true;
+    }
+    return false;
+};
+//# sourceMappingURL=shallowDiffers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shallowDiffers.js","sourceRoot":"","sources":["../../../../src/core-react/utils/shallowDiffers.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,CAAqC,EAAE,CAAqC,EAAW,EAAE;IACtH,IAAI,CAAC,KAAK,CAAC;QACT,OAAO,KAAK,CAAC;IACf,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,SAAS;QACpC,OAAO,IAAI,CAAC;IACd,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACX,OAAO,IAAI,CAAC;KACf;IACD,KAAK,MAAM,CAAC,IAAI,CAAC,EAAE;QACjB,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACf,OAAO,IAAI,CAAC;KACf;IACD,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\n/** Performs a shallow difference check on two objects.\n * @internal\n */\nexport const shallowDiffers = (a: { [key: string]: any } | undefined, b: { [key: string]: any } | undefined): boolean => {\n  if (a === b)\n    return false;\n  if (a === undefined || b === undefined)\n    return true;\n  for (const i in a) {\n    if (!(i in b))\n      return true;\n  }\n  for (const i in b) {\n    if (a[i] !== b[i])\n      return true;\n  }\n  return false;\n};\n"]}

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

@@ -0,0 +1,8 @@
+/** @packageDocumentation
+ * @module Utilities
+ */
+/** Used to omit properties in a given interface
+ * @public
+ */
+export declare type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
+//# sourceMappingURL=typeUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typeUtils.d.ts","sourceRoot":"","sources":["../../../../src/core-react/utils/typeUtils.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+export {};
+//# sourceMappingURL=typeUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typeUtils.js","sourceRoot":"","sources":["../../../../src/core-react/utils/typeUtils.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","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/** Used to omit properties in a given interface\n * @public\n */\nexport type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;\n"]}