@itwin/core-react 4.0.0-dev.12 → 4.0.0-dev.14

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

@@ -1,56 +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;
+/** @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.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 `hsl(var(--iui-color-background-hsl) / ${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 `hsl(var(--iui-color-background-hsl) / ${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/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/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/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> | undefined>): (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> | undefined>): (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