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

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

@@ -1,115 +1,115 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getToolbarBackdropFilter = exports.getToolbarBoxShadow = exports.getToolbarBackgroundColor = exports.calculateBackdropFilterBlur = exports.calculateBoxShadowOpacity = exports.calculateToolbarOpacity = exports.calculateProximityScale = exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = exports.TOOLBAR_OPACITY_DEFAULT = exports.PROXIMITY_THRESHOLD_DEFAULT = exports.useProximityToMouse = exports.WidgetElementSet = void 0;
-const React = require("react");
-const Point_1 = require("../Point");
-const Rectangle_1 = require("../Rectangle");
-/** @internal */
-class WidgetElementSet extends Set {
-}
-exports.WidgetElementSet = WidgetElementSet;
-/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.
- * @internal
- */
-const useProximityToMouse = (elementSet, snap = false, threshold = exports.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_1.Rectangle.create(clientRect);
-                    const point = new Point_1.Point(e.pageX, e.pageY);
-                    shortestProximity = Math.min(rectangle.getShortestDistanceToPoint(point), shortestProximity);
-                }
-            }
-            const scale = (0, exports.calculateProximityScale)(shortestProximity, snap, threshold);
-            if (scale !== proximityScale)
-                setProximityScale(scale);
-        };
-        document.addEventListener("pointermove", handleDocumentPointerMove);
-        return () => {
-            document.removeEventListener("pointermove", handleDocumentPointerMove);
-        };
-    }, [elementSet, proximityScale, snap, threshold]);
-    return proximityScale;
-};
-exports.useProximityToMouse = useProximityToMouse;
-/** Default proximity threshold.
- * @internal
- */
-exports.PROXIMITY_THRESHOLD_DEFAULT = 100;
-/** Default toolbar opacity.
- * @internal
- */
-exports.TOOLBAR_OPACITY_DEFAULT = 0.5;
-/** Default toolbar box-shadow opacity.
- * @internal
- */
-exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;
-/** Default toolbar backdrop-filter blur.
- * @internal
- */
-exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
-/** Calculates a proximity scale for further calculations given the proximity and threshold.
- * @internal
- */
-const calculateProximityScale = (proximity, snap = false, threshold = exports.PROXIMITY_THRESHOLD_DEFAULT) => {
-    let scale = ((proximity < threshold) ? threshold - proximity : 0) / threshold;
-    if (snap && scale > 0)
-        scale = 1.0;
-    return scale;
-};
-exports.calculateProximityScale = calculateProximityScale;
-/** Calculates a toolbar opacity based on a given proximity scale.
- * @internal
- */
-const calculateToolbarOpacity = (proximityScale) => {
-    return exports.TOOLBAR_OPACITY_DEFAULT * proximityScale;
-};
-exports.calculateToolbarOpacity = calculateToolbarOpacity;
-/** Calculates a box-shadow opacity based on a given proximity scale.
- * @internal
- */
-const calculateBoxShadowOpacity = (proximityScale) => {
-    return exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;
-};
-exports.calculateBoxShadowOpacity = calculateBoxShadowOpacity;
-/** Calculates a backdrop-filter blur based on a given proximity scale.
- * @internal
- */
-const calculateBackdropFilterBlur = (proximityScale) => {
-    return exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;
-};
-exports.calculateBackdropFilterBlur = calculateBackdropFilterBlur;
-/** Gets the Toolbar background-color based on a given opacity.
- * @internal
- */
-const getToolbarBackgroundColor = (opacity) => {
-    return `rgba(var(--buic-background-2-rgb), ${opacity})`;
-};
-exports.getToolbarBackgroundColor = getToolbarBackgroundColor;
-/** Gets the Toolbar box-shadow based on a given opacity.
- * @internal
- */
-const getToolbarBoxShadow = (opacity) => {
-    return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;
-};
-exports.getToolbarBoxShadow = getToolbarBoxShadow;
-/** Gets the Toolbar backdrop-filter based on a given blur amount.
- * @internal
- */
-const getToolbarBackdropFilter = (filterBlur) => {
-    return `blur(${filterBlur}px)`;
-};
-exports.getToolbarBackdropFilter = getToolbarBackdropFilter;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getToolbarBackdropFilter = exports.getToolbarBoxShadow = exports.getToolbarBackgroundColor = exports.calculateBackdropFilterBlur = exports.calculateBoxShadowOpacity = exports.calculateToolbarOpacity = exports.calculateProximityScale = exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = exports.TOOLBAR_OPACITY_DEFAULT = exports.PROXIMITY_THRESHOLD_DEFAULT = exports.useProximityToMouse = exports.WidgetElementSet = void 0;
+const React = require("react");
+const Point_1 = require("../Point");
+const Rectangle_1 = require("../Rectangle");
+/** @internal */
+class WidgetElementSet extends Set {
+}
+exports.WidgetElementSet = WidgetElementSet;
+/** Returns the proximity scale associated with the shortest distance from the element(s) to the mouse.
+ * @internal
+ */
+const useProximityToMouse = (elementSet, snap = false, threshold = exports.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_1.Rectangle.create(clientRect);
+                    const point = new Point_1.Point(e.pageX, e.pageY);
+                    shortestProximity = Math.min(rectangle.getShortestDistanceToPoint(point), shortestProximity);
+                }
+            }
+            const scale = (0, exports.calculateProximityScale)(shortestProximity, snap, threshold);
+            if (scale !== proximityScale)
+                setProximityScale(scale);
+        };
+        document.addEventListener("pointermove", handleDocumentPointerMove);
+        return () => {
+            document.removeEventListener("pointermove", handleDocumentPointerMove);
+        };
+    }, [elementSet, proximityScale, snap, threshold]);
+    return proximityScale;
+};
+exports.useProximityToMouse = useProximityToMouse;
+/** Default proximity threshold.
+ * @internal
+ */
+exports.PROXIMITY_THRESHOLD_DEFAULT = 100;
+/** Default toolbar opacity.
+ * @internal
+ */
+exports.TOOLBAR_OPACITY_DEFAULT = 0.5;
+/** Default toolbar box-shadow opacity.
+ * @internal
+ */
+exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT = 0.35;
+/** Default toolbar backdrop-filter blur.
+ * @internal
+ */
+exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT = 10;
+/** Calculates a proximity scale for further calculations given the proximity and threshold.
+ * @internal
+ */
+const calculateProximityScale = (proximity, snap = false, threshold = exports.PROXIMITY_THRESHOLD_DEFAULT) => {
+    let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;
+    if (snap && scale > 0)
+        scale = 1.0;
+    return scale;
+};
+exports.calculateProximityScale = calculateProximityScale;
+/** Calculates a toolbar opacity based on a given proximity scale.
+ * @internal
+ */
+const calculateToolbarOpacity = (proximityScale) => {
+    return exports.TOOLBAR_OPACITY_DEFAULT * proximityScale;
+};
+exports.calculateToolbarOpacity = calculateToolbarOpacity;
+/** Calculates a box-shadow opacity based on a given proximity scale.
+ * @internal
+ */
+const calculateBoxShadowOpacity = (proximityScale) => {
+    return exports.TOOLBAR_BOX_SHADOW_OPACITY_DEFAULT * proximityScale;
+};
+exports.calculateBoxShadowOpacity = calculateBoxShadowOpacity;
+/** Calculates a backdrop-filter blur based on a given proximity scale.
+ * @internal
+ */
+const calculateBackdropFilterBlur = (proximityScale) => {
+    return exports.TOOLBAR_BACKDROP_FILTER_BLUR_DEFAULT * proximityScale;
+};
+exports.calculateBackdropFilterBlur = calculateBackdropFilterBlur;
+/** Gets the Toolbar background-color based on a given opacity.
+ * @internal
+ */
+const getToolbarBackgroundColor = (opacity) => {
+    return `hsl(var(--iui-color-background-hsl) / ${opacity})`;
+};
+exports.getToolbarBackgroundColor = getToolbarBackgroundColor;
+/** Gets the Toolbar box-shadow based on a given opacity.
+ * @internal
+ */
+const getToolbarBoxShadow = (opacity) => {
+    return `0 1px 3px 0 rgba(0, 0, 0, ${opacity})`;
+};
+exports.getToolbarBoxShadow = getToolbarBoxShadow;
+/** Gets the Toolbar backdrop-filter based on a given blur amount.
+ * @internal
+ */
+const getToolbarBackdropFilter = (filterBlur) => {
+    return `blur(${filterBlur}px)`;
+};
+exports.getToolbarBackdropFilter = getToolbarBackdropFilter;
 //# sourceMappingURL=useProximityToMouse.js.map

package/lib/cjs/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 = (\r\n  elementSet: WidgetElementSet,\r\n  snap: boolean = false,\r\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\r\n) => {\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(\r\n            rectangle.getShortestDistanceToPoint(point),\r\n            shortestProximity\r\n          );\r\n        }\r\n      }\r\n\r\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\r\n      if (scale !== proximityScale) 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 = (\r\n  proximity: number,\r\n  snap: boolean = false,\r\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\r\n): number => {\r\n  let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;\r\n  if (snap && scale > 0) 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 `hsl(var(--iui-color-background-hsl) / ${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/cjs/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/cjs/core-react/utils/hooks/useRefEffect.js

@@ -1,24 +1,24 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefEffect = void 0;
-const React = require("react");
-/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
- * @internal
- */
-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
-}
-exports.useRefEffect = useRefEffect;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefEffect = void 0;
+const React = require("react");
+/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).
+ * @internal
+ */
+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
+}
+exports.useRefEffect = useRefEffect;
 //# sourceMappingURL=useRefEffect.js.map

package/lib/cjs/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,+BAA+B;AAE/B;;GAEG;AACH,SAAgB,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;AAPD,oCAOC","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,+BAA+B;AAE/B;;GAEG;AACH,SAAgB,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;AAPD,oCAOC","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/cjs/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/cjs/core-react/utils/hooks/useRefState.js

@@ -1,36 +1,36 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRefState = void 0;
-const React = require("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
- */
-function useRefState() {
-    const [element, setElement] = React.useState();
-    const ref = React.useCallback((instance) => {
-        setElement(instance || undefined);
-    }, []);
-    return [ref, element];
-}
-exports.useRefState = useRefState;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefState = void 0;
+const React = require("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
+ */
+function useRefState() {
+    const [element, setElement] = React.useState();
+    const ref = React.useCallback((instance) => {
+        setElement(instance || undefined);
+    }, []);
+    return [ref, element];
+}
+exports.useRefState = useRefState;
 //# sourceMappingURL=useRefState.js.map

package/lib/cjs/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,+BAA+B;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,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;AAND,kCAMC","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,+BAA+B;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,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;AAND,kCAMC","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/cjs/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/cjs/core-react/utils/hooks/useRefs.js

@@ -1,54 +1,54 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mergeRefs = exports.useRefs = void 0;
-const React = require("react");
-/** Callback ref type guard. */
-function isRefCallback(ref) {
-    return typeof ref === "function";
-}
-/** Hook used to combine multiple refs.
- * @internal
- */
-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
-}
-exports.useRefs = useRefs;
-/** Used to combine multiple refs for a class component.
- * @internal
- */
-function mergeRefs(...refs) {
-    return ((instance) => {
-        for (const ref of refs) {
-            // istanbul ignore else
-            if (ref) {
-                if (isRefCallback(ref)) {
-                    ref(instance);
-                }
-                else {
-                    ref.current = instance;
-                }
-            }
-        }
-    });
-}
-exports.mergeRefs = mergeRefs;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mergeRefs = exports.useRefs = void 0;
+const React = require("react");
+/** Callback ref type guard. */
+function isRefCallback(ref) {
+    return typeof ref === "function";
+}
+/** Hook used to combine multiple refs.
+ * @internal
+ */
+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
+}
+exports.useRefs = useRefs;
+/** Used to combine multiple refs for a class component.
+ * @internal
+ */
+function mergeRefs(...refs) {
+    return ((instance) => {
+        for (const ref of refs) {
+            // istanbul ignore else
+            if (ref) {
+                if (isRefCallback(ref)) {
+                    ref(instance);
+                }
+                else {
+                    ref.current = instance;
+                }
+            }
+        }
+    });
+}
+exports.mergeRefs = mergeRefs;
 //# sourceMappingURL=useRefs.js.map

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