@itwin/core-react 3.6.0 → 3.7.0-dev.1

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

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

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

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

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

@@ -1,20 +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
-}
+/*---------------------------------------------------------------------------------------------
+* 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

@@ -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;;;+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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\n/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).\r\n * @internal\r\n */\r\nexport function useRefEffect<T>(callback: (instance: T | null) => (void | (() => void)), deps: ReadonlyArray<any>) {\r\n  const cleanup = React.useRef<(() => void) | null>(null);\r\n  return React.useCallback((instance: T | null) => {\r\n    cleanup.current && cleanup.current();\r\n    const newCleanup = callback(instance);\r\n    cleanup.current = !newCleanup ? null : newCleanup;\r\n  }, deps); // eslint-disable-line react-hooks/exhaustive-deps\r\n}\r\n"]}

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

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

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

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

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

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

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

@@ -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,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"]}
+{"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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\n/** Callback ref type guard. */\r\nfunction isRefCallback<T>(ref: React.Ref<T>): ref is (_: T | null) => void {\r\n  return typeof ref === \"function\";\r\n}\r\n\r\n/** Hook used to combine multiple refs.\r\n * @internal\r\n */\r\nexport function useRefs<T>(...refs: ReadonlyArray<React.Ref<T>>) {\r\n  return React.useCallback((instance: T | null) => {\r\n    for (const ref of refs) {\r\n      // istanbul ignore else\r\n      if (ref) {\r\n        if (isRefCallback(ref)) {\r\n          ref(instance);\r\n        } else {\r\n          (ref as React.MutableRefObject<T | null>).current = instance;\r\n        }\r\n      }\r\n    }\r\n  }, [...refs]); // eslint-disable-line react-hooks/exhaustive-deps\r\n}\r\n\r\n/** Used to combine multiple refs for a class component.\r\n * @internal\r\n */\r\nexport function mergeRefs<T>(...refs: ReadonlyArray<React.Ref<T>>) {\r\n  return ((instance: T | null) => {\r\n    for (const ref of refs) {\r\n      // istanbul ignore else\r\n      if (ref) {\r\n        if (isRefCallback(ref)) {\r\n          ref(instance);\r\n        } else {\r\n          (ref as React.MutableRefObject<T | null>).current = instance;\r\n        }\r\n      }\r\n    }\r\n  });\r\n}\r\n"]}