@itwin/core-react 3.5.0-dev.19 → 3.5.0-dev.21

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

@@ -1,37 +1,37 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInterval = void 0;
-/*---------------------------------------------------------------------------------------------
-* 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
- */
-const React = require("react");
-/** Hook that create an interval and clears it when unloaded
- * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
- * @beta
- */
-function useInterval(callback, delay) {
-    const savedCallback = React.useRef(callback);
-    // Remember the latest function.
-    React.useEffect(() => {
-        savedCallback.current = callback;
-    }, [callback]);
-    // Set up the interval.
-    React.useEffect(() => {
-        function tick() {
-            savedCallback.current();
-        }
-        if (delay !== undefined) {
-            const id = setInterval(tick, delay);
-            return (() => { clearInterval(id); });
-        }
-        else {
-            return undefined;
-        }
-    }, [delay]);
-}
-exports.useInterval = useInterval;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = void 0;
+/*---------------------------------------------------------------------------------------------
+* 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
+ */
+const React = require("react");
+/** Hook that create an interval and clears it when unloaded
+ * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md
+ * @beta
+ */
+function useInterval(callback, delay) {
+    const savedCallback = React.useRef(callback);
+    // Remember the latest function.
+    React.useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    // Set up the interval.
+    React.useEffect(() => {
+        function tick() {
+            savedCallback.current();
+        }
+        if (delay !== undefined) {
+            const id = setInterval(tick, delay);
+            return (() => { clearInterval(id); });
+        }
+        else {
+            return undefined;
+        }
+    }, [delay]);
+}
+exports.useInterval = useInterval;
 //# sourceMappingURL=useInterval.js.map

package/lib/cjs/core-react/utils/hooks/useInterval.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useInterval.tsx"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,+BAA+B;AAE/B;;;GAGG;AACH,SAAgB,WAAW,CAAC,QAAkC,EAAE,KAAyB;IACvF,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAA2B,QAAQ,CAAC,CAAC;IAEvE,gCAAgC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,uBAAuB;IACvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,SAAS,IAAI;YACX,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpC,OAAO,CAAC,GAAG,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACvC;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AApBD,kCAoBC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\nimport * as React from \"react\";\n\n/** Hook that create an interval and clears it when unloaded\n * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md\n * @beta\n */\nexport function useInterval(callback: (...args: any[]) => void, delay: number | undefined) {\n  const savedCallback = React.useRef<(...args: any[]) => void>(callback);\n\n  // Remember the latest function.\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n\n  // Set up the interval.\n  React.useEffect(() => {\n    function tick() {\n      savedCallback.current();\n    }\n    if (delay !== undefined) {\n      const id = setInterval(tick, delay);\n      return (() => { clearInterval(id); });\n    } else {\n      return undefined;\n    }\n  }, [delay]);\n}\n"]}
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useInterval.tsx"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F;;GAEG;AACH,+BAA+B;AAE/B;;;GAGG;AACH,SAAgB,WAAW,CAAC,QAAkC,EAAE,KAAyB;IACvF,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAA2B,QAAQ,CAAC,CAAC;IAEvE,gCAAgC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,uBAAuB;IACvB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,SAAS,IAAI;YACX,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;QACD,IAAI,KAAK,KAAK,SAAS,EAAE;YACvB,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpC,OAAO,CAAC,GAAG,EAAE,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACvC;aAAM;YACL,OAAO,SAAS,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AApBD,kCAoBC","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\nimport * as React from \"react\";\r\n\r\n/** Hook that create an interval and clears it when unloaded\r\n * Reference: https://github.com/gaearon/overreacted.io/blob/master/src/pages/making-setinterval-declarative-with-react-hooks/index.md\r\n * @beta\r\n */\r\nexport function useInterval(callback: (...args: any[]) => void, delay: number | undefined) {\r\n  const savedCallback = React.useRef<(...args: any[]) => void>(callback);\r\n\r\n  // Remember the latest function.\r\n  React.useEffect(() => {\r\n    savedCallback.current = callback;\r\n  }, [callback]);\r\n\r\n  // Set up the interval.\r\n  React.useEffect(() => {\r\n    function tick() {\r\n      savedCallback.current();\r\n    }\r\n    if (delay !== undefined) {\r\n      const id = setInterval(tick, delay);\r\n      return (() => { clearInterval(id); });\r\n    } else {\r\n      return undefined;\r\n    }\r\n  }, [delay]);\r\n}\r\n"]}

package/lib/cjs/core-react/utils/hooks/useLifecycleLogging.d.ts

@@ -1,6 +1,6 @@
-/**
- * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.
- * @internal
- */
-export declare function useLifecycleLogging(name: string, props: Record<string, any>, context?: Record<string, any>): void;
+/**
+ * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.
+ * @internal
+ */
+export declare function useLifecycleLogging(name: string, props: Record<string, any>, context?: Record<string, any>): void;
 //# sourceMappingURL=useLifecycleLogging.d.ts.map

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

@@ -1,65 +1,65 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLifecycleLogging = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const react_1 = require("react");
-/**
- * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.
- * @internal
- */
-function useLifecycleLogging(name, props, context) {
-    (0, react_1.useEffect)(() => {
-        // eslint-disable-next-line no-console
-        console.log(`[useLifecycleLogging]: '${name}' Component mounted.`);
-        return () => {
-            // eslint-disable-next-line no-console
-            console.log(`[useLifecycleLogging]: '${name}' Component unmounted.`);
-        };
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
-    const prevProps = (0, react_1.useRef)(props);
-    const prevContext = (0, react_1.useRef)(context);
-    const firstRun = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(() => {
-        if (firstRun.current) {
-            firstRun.current = false;
-            return;
-        }
-        function getDiff(prev, current) {
-            const diff = {};
-            for (const key of Object.keys(current)) {
-                if (prev[key] !== current[key]) {
-                    diff[key] = {
-                        from: prev[key],
-                        to: current[key],
-                    };
-                }
-            }
-            return diff;
-        }
-        const propsDiff = getDiff(prevProps.current, props);
-        const contextDiff = { from: context === undefined ? context : prevContext.current, to: context };
-        if (Object.keys(propsDiff).length > 0 && prevContext.current !== context) {
-            // eslint-disable-next-line no-console
-            console.log(`[useLifecycleLogging]: '${name}' Props and context changed: `, propsDiff, contextDiff);
-        }
-        else if (Object.keys(propsDiff).length > 0) {
-            // eslint-disable-next-line no-console
-            console.log(`[useLifecycleLogging]: '${name}' Props changed: `, propsDiff);
-        }
-        else if (prevContext.current !== context) {
-            // eslint-disable-next-line no-console
-            console.log(`[useLifecycleLogging]: '${name}' Context changed: `, contextDiff);
-        }
-        else {
-            // eslint-disable-next-line no-console
-            console.log(`[useLifecycleLogging]: '${name}' Component re-rendered.`);
-        }
-        prevProps.current = props;
-        prevContext.current = context;
-    });
-}
-exports.useLifecycleLogging = useLifecycleLogging;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLifecycleLogging = void 0;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+const react_1 = require("react");
+/**
+ * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.
+ * @internal
+ */
+function useLifecycleLogging(name, props, context) {
+    (0, react_1.useEffect)(() => {
+        // eslint-disable-next-line no-console
+        console.log(`[useLifecycleLogging]: '${name}' Component mounted.`);
+        return () => {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Component unmounted.`);
+        };
+    }, []); // eslint-disable-line react-hooks/exhaustive-deps
+    const prevProps = (0, react_1.useRef)(props);
+    const prevContext = (0, react_1.useRef)(context);
+    const firstRun = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        if (firstRun.current) {
+            firstRun.current = false;
+            return;
+        }
+        function getDiff(prev, current) {
+            const diff = {};
+            for (const key of Object.keys(current)) {
+                if (prev[key] !== current[key]) {
+                    diff[key] = {
+                        from: prev[key],
+                        to: current[key],
+                    };
+                }
+            }
+            return diff;
+        }
+        const propsDiff = getDiff(prevProps.current, props);
+        const contextDiff = { from: context === undefined ? context : prevContext.current, to: context };
+        if (Object.keys(propsDiff).length > 0 && prevContext.current !== context) {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Props and context changed: `, propsDiff, contextDiff);
+        }
+        else if (Object.keys(propsDiff).length > 0) {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Props changed: `, propsDiff);
+        }
+        else if (prevContext.current !== context) {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Context changed: `, contextDiff);
+        }
+        else {
+            // eslint-disable-next-line no-console
+            console.log(`[useLifecycleLogging]: '${name}' Component re-rendered.`);
+        }
+        prevProps.current = props;
+        prevContext.current = context;
+    });
+}
+exports.useLifecycleLogging = useLifecycleLogging;
 //# sourceMappingURL=useLifecycleLogging.js.map

package/lib/cjs/core-react/utils/hooks/useLifecycleLogging.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLifecycleLogging.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useLifecycleLogging.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAA0C;AAE1C;;;GAGG;AACH,SAAgB,mBAAmB,CAAC,IAAY,EAAE,KAA0B,EAAE,OAA6B;IACzG,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,sCAAsC;QACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,sBAAsB,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,wBAAwB,CAAC,CAAC;QACvE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACzB,OAAO;SACR;QAED,SAAS,OAAO,CAAC,IAAyB,EAAE,OAA4B;YACtE,MAAM,IAAI,GAA2C,EAAE,CAAC;YACxD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;gBACtC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,EAAE;oBAC9B,IAAI,CAAC,GAAG,CAAC,GAAG;wBACV,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;wBACf,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC;qBACjB,CAAC;iBACH;aACF;YAED,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,EAAE,IAAI,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC;QAEjG,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE;YACxE,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,+BAA+B,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;SACrG;aAAM,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YAC5C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,mBAAmB,EAAE,SAAS,CAAC,CAAC;SAC5E;aAAM,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE;YAC1C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,qBAAqB,EAAE,WAAW,CAAC,CAAC;SAChF;aAAM;YACL,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,0BAA0B,CAAC,CAAC;SACxE;QAED,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC;AAtDD,kDAsDC","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*--------------------------------------------------------------------------------------------*/\nimport { useEffect, useRef } from \"react\";\n\n/**\n * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.\n * @internal\n */\nexport function useLifecycleLogging(name: string, props: Record<string, any>, context?: Record<string, any>) {\n  useEffect(() => {\n    // eslint-disable-next-line no-console\n    console.log(`[useLifecycleLogging]: '${name}' Component mounted.`);\n\n    return () => {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Component unmounted.`);\n    };\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  const prevProps = useRef(props);\n  const prevContext = useRef(context);\n  const firstRun = useRef(true);\n  useEffect(() => {\n    if (firstRun.current) {\n      firstRun.current = false;\n      return;\n    }\n\n    function getDiff(prev: Record<string, any>, current: Record<string, any>): Record<string, any> {\n      const diff: Record<string, { from: any, to: any }> = {};\n      for (const key of Object.keys(current)) {\n        if (prev[key] !== current[key]) {\n          diff[key] = {\n            from: prev[key],\n            to: current[key],\n          };\n        }\n      }\n\n      return diff;\n    }\n\n    const propsDiff = getDiff(prevProps.current, props);\n    const contextDiff = { from: context === undefined ? context : prevContext.current, to: context };\n\n    if (Object.keys(propsDiff).length > 0 && prevContext.current !== context) {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Props and context changed: `, propsDiff, contextDiff);\n    } else if (Object.keys(propsDiff).length > 0) {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Props changed: `, propsDiff);\n    } else if (prevContext.current !== context) {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Context changed: `, contextDiff);\n    } else {\n      // eslint-disable-next-line no-console\n      console.log(`[useLifecycleLogging]: '${name}' Component re-rendered.`);\n    }\n\n    prevProps.current = props;\n    prevContext.current = context;\n  });\n}\n"]}
+{"version":3,"file":"useLifecycleLogging.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useLifecycleLogging.ts"],"names":[],"mappings":";;;AAAA;;;+FAG+F;AAC/F,iCAA0C;AAE1C;;;GAGG;AACH,SAAgB,mBAAmB,CAAC,IAAY,EAAE,KAA0B,EAAE,OAA6B;IACzG,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,sCAAsC;QACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,sBAAsB,CAAC,CAAC;QAEnE,OAAO,GAAG,EAAE;YACV,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,wBAAwB,CAAC,CAAC;QACvE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,kDAAkD;IAE1D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACzB,OAAO;SACR;QAED,SAAS,OAAO,CAAC,IAAyB,EAAE,OAA4B;YACtE,MAAM,IAAI,GAA2C,EAAE,CAAC;YACxD,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;gBACtC,IAAI,IAAI,CAAC,GAAG,CAAC,KAAK,OAAO,CAAC,GAAG,CAAC,EAAE;oBAC9B,IAAI,CAAC,GAAG,CAAC,GAAG;wBACV,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC;wBACf,EAAE,EAAE,OAAO,CAAC,GAAG,CAAC;qBACjB,CAAC;iBACH;aACF;YAED,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QACpD,MAAM,WAAW,GAAG,EAAE,IAAI,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC;QAEjG,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE;YACxE,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,+BAA+B,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC;SACrG;aAAM,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YAC5C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,mBAAmB,EAAE,SAAS,CAAC,CAAC;SAC5E;aAAM,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE;YAC1C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,qBAAqB,EAAE,WAAW,CAAC,CAAC;SAChF;aAAM;YACL,sCAAsC;YACtC,OAAO,CAAC,GAAG,CAAC,2BAA2B,IAAI,0BAA0B,CAAC,CAAC;SACxE;QAED,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,WAAW,CAAC,OAAO,GAAG,OAAO,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC;AAtDD,kDAsDC","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\nimport { useEffect, useRef } from \"react\";\r\n\r\n/**\r\n * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.\r\n * @internal\r\n */\r\nexport function useLifecycleLogging(name: string, props: Record<string, any>, context?: Record<string, any>) {\r\n  useEffect(() => {\r\n    // eslint-disable-next-line no-console\r\n    console.log(`[useLifecycleLogging]: '${name}' Component mounted.`);\r\n\r\n    return () => {\r\n      // eslint-disable-next-line no-console\r\n      console.log(`[useLifecycleLogging]: '${name}' Component unmounted.`);\r\n    };\r\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  const prevProps = useRef(props);\r\n  const prevContext = useRef(context);\r\n  const firstRun = useRef(true);\r\n  useEffect(() => {\r\n    if (firstRun.current) {\r\n      firstRun.current = false;\r\n      return;\r\n    }\r\n\r\n    function getDiff(prev: Record<string, any>, current: Record<string, any>): Record<string, any> {\r\n      const diff: Record<string, { from: any, to: any }> = {};\r\n      for (const key of Object.keys(current)) {\r\n        if (prev[key] !== current[key]) {\r\n          diff[key] = {\r\n            from: prev[key],\r\n            to: current[key],\r\n          };\r\n        }\r\n      }\r\n\r\n      return diff;\r\n    }\r\n\r\n    const propsDiff = getDiff(prevProps.current, props);\r\n    const contextDiff = { from: context === undefined ? context : prevContext.current, to: context };\r\n\r\n    if (Object.keys(propsDiff).length > 0 && prevContext.current !== context) {\r\n      // eslint-disable-next-line no-console\r\n      console.log(`[useLifecycleLogging]: '${name}' Props and context changed: `, propsDiff, contextDiff);\r\n    } else if (Object.keys(propsDiff).length > 0) {\r\n      // eslint-disable-next-line no-console\r\n      console.log(`[useLifecycleLogging]: '${name}' Props changed: `, propsDiff);\r\n    } else if (prevContext.current !== context) {\r\n      // eslint-disable-next-line no-console\r\n      console.log(`[useLifecycleLogging]: '${name}' Context changed: `, contextDiff);\r\n    } else {\r\n      // eslint-disable-next-line no-console\r\n      console.log(`[useLifecycleLogging]: '${name}' Component re-rendered.`);\r\n    }\r\n\r\n    prevProps.current = props;\r\n    prevContext.current = context;\r\n  });\r\n}\r\n"]}

package/lib/cjs/core-react/utils/hooks/useOnOutsideClick.d.ts

@@ -1,13 +1,13 @@
-/** @packageDocumentation
- * @module Utilities
- */
-import * as React from "react";
-/** @public */
-export declare type OutsideClickEvent = PointerEvent | MouseEvent | TouchEvent;
-/** Invokes onOutsideClick handler when user clicks outside of referenced element.
- * @public
- */
-export declare function useOnOutsideClick<T extends Element>(onOutsideClick?: () => void, 
-/** Invoked for intermediate events. Return `false` to prevent outside click. */
-outsideEventPredicate?: (e: OutsideClickEvent) => boolean): React.RefObject<T>;
+/** @packageDocumentation
+ * @module Utilities
+ */
+import * as React from "react";
+/** @public */
+export declare type OutsideClickEvent = PointerEvent | MouseEvent | TouchEvent;
+/** Invokes onOutsideClick handler when user clicks outside of referenced element.
+ * @public
+ */
+export declare function useOnOutsideClick<T extends Element>(onOutsideClick?: () => void, 
+/** Invoked for intermediate events. Return `false` to prevent outside click. */
+outsideEventPredicate?: (e: OutsideClickEvent) => boolean): React.RefObject<T>;
 //# sourceMappingURL=useOnOutsideClick.d.ts.map

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

@@ -1,93 +1,93 @@
-"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.useOnOutsideClick = void 0;
-const React = require("react");
-const PointerEvents_1 = require("../../base/PointerEvents");
-const Timer_1 = require("../Timer");
-/** Invokes onOutsideClick handler when user clicks outside of referenced element.
- * @public
- */
-function useOnOutsideClick(onOutsideClick, 
-/** Invoked for intermediate events. Return `false` to prevent outside click. */
-outsideEventPredicate) {
-    const handleMouseEvents = React.useRef(true);
-    const handleMouseEventsTimer = React.useRef(new Timer_1.Timer(1000));
-    const ref = React.useRef(null);
-    const isDownOutside = React.useRef(false);
-    React.useEffect(() => {
-        const listener = (e) => {
-            if (e.type === "touchstart") {
-                // Skip mouse event handlers after touch event.
-                handleMouseEvents.current = false;
-                handleMouseEventsTimer.current.start();
-            }
-            else if (e.type === "mousedown" && !handleMouseEvents.current) {
-                return;
-            }
-            const isOutsideEvent = !outsideEventPredicate || outsideEventPredicate(e);
-            isDownOutside.current = (!!ref.current && (e.target instanceof Node) && !ref.current.contains(e.target)) && isOutsideEvent;
-        };
-        if ((0, PointerEvents_1.hasPointerEventsSupport)()) {
-            document.addEventListener("pointerdown", listener);
-        }
-        else {
-            document.addEventListener("mousedown", listener);
-            document.addEventListener("touchstart", listener);
-        }
-        return () => {
-            if ((0, PointerEvents_1.hasPointerEventsSupport)()) {
-                document.removeEventListener("pointerdown", listener);
-            }
-            else {
-                document.removeEventListener("mousedown", listener);
-                document.removeEventListener("touchstart", listener);
-            }
-        };
-    }, [outsideEventPredicate]);
-    React.useEffect(() => {
-        const listener = (e) => {
-            if (e.type === "mouseup" && !handleMouseEvents.current) {
-                return;
-            }
-            onOutsideClick && isDownOutside.current && (!outsideEventPredicate || outsideEventPredicate(e)) &&
-                ref.current && e.target instanceof Node && !ref.current.contains(e.target) && onOutsideClick();
-            isDownOutside.current = false;
-        };
-        if ((0, PointerEvents_1.hasPointerEventsSupport)()) {
-            document.addEventListener("pointerup", listener);
-        }
-        else {
-            document.addEventListener("mouseup", listener);
-            document.addEventListener("touchend", listener);
-        }
-        return () => {
-            if ((0, PointerEvents_1.hasPointerEventsSupport)()) {
-                document.removeEventListener("pointerup", listener);
-            }
-            else {
-                document.removeEventListener("mouseup", listener);
-                document.removeEventListener("touchend", listener);
-            }
-        };
-    }, [onOutsideClick, outsideEventPredicate]);
-    React.useEffect(() => {
-        const listener = () => {
-            handleMouseEvents.current = true;
-        };
-        const timer = handleMouseEventsTimer.current;
-        timer.setOnExecute(listener);
-        return () => {
-            timer.setOnExecute(undefined);
-        };
-    }, []);
-    return ref;
-}
-exports.useOnOutsideClick = useOnOutsideClick;
+"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.useOnOutsideClick = void 0;
+const React = require("react");
+const PointerEvents_1 = require("../../base/PointerEvents");
+const Timer_1 = require("../Timer");
+/** Invokes onOutsideClick handler when user clicks outside of referenced element.
+ * @public
+ */
+function useOnOutsideClick(onOutsideClick, 
+/** Invoked for intermediate events. Return `false` to prevent outside click. */
+outsideEventPredicate) {
+    const handleMouseEvents = React.useRef(true);
+    const handleMouseEventsTimer = React.useRef(new Timer_1.Timer(1000));
+    const ref = React.useRef(null);
+    const isDownOutside = React.useRef(false);
+    React.useEffect(() => {
+        const listener = (e) => {
+            if (e.type === "touchstart") {
+                // Skip mouse event handlers after touch event.
+                handleMouseEvents.current = false;
+                handleMouseEventsTimer.current.start();
+            }
+            else if (e.type === "mousedown" && !handleMouseEvents.current) {
+                return;
+            }
+            const isOutsideEvent = !outsideEventPredicate || outsideEventPredicate(e);
+            isDownOutside.current = (!!ref.current && (e.target instanceof Node) && !ref.current.contains(e.target)) && isOutsideEvent;
+        };
+        if ((0, PointerEvents_1.hasPointerEventsSupport)()) {
+            document.addEventListener("pointerdown", listener);
+        }
+        else {
+            document.addEventListener("mousedown", listener);
+            document.addEventListener("touchstart", listener);
+        }
+        return () => {
+            if ((0, PointerEvents_1.hasPointerEventsSupport)()) {
+                document.removeEventListener("pointerdown", listener);
+            }
+            else {
+                document.removeEventListener("mousedown", listener);
+                document.removeEventListener("touchstart", listener);
+            }
+        };
+    }, [outsideEventPredicate]);
+    React.useEffect(() => {
+        const listener = (e) => {
+            if (e.type === "mouseup" && !handleMouseEvents.current) {
+                return;
+            }
+            onOutsideClick && isDownOutside.current && (!outsideEventPredicate || outsideEventPredicate(e)) &&
+                ref.current && e.target instanceof Node && !ref.current.contains(e.target) && onOutsideClick();
+            isDownOutside.current = false;
+        };
+        if ((0, PointerEvents_1.hasPointerEventsSupport)()) {
+            document.addEventListener("pointerup", listener);
+        }
+        else {
+            document.addEventListener("mouseup", listener);
+            document.addEventListener("touchend", listener);
+        }
+        return () => {
+            if ((0, PointerEvents_1.hasPointerEventsSupport)()) {
+                document.removeEventListener("pointerup", listener);
+            }
+            else {
+                document.removeEventListener("mouseup", listener);
+                document.removeEventListener("touchend", listener);
+            }
+        };
+    }, [onOutsideClick, outsideEventPredicate]);
+    React.useEffect(() => {
+        const listener = () => {
+            handleMouseEvents.current = true;
+        };
+        const timer = handleMouseEventsTimer.current;
+        timer.setOnExecute(listener);
+        return () => {
+            timer.setOnExecute(undefined);
+        };
+    }, []);
+    return ref;
+}
+exports.useOnOutsideClick = useOnOutsideClick;
 //# sourceMappingURL=useOnOutsideClick.js.map

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

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

package/lib/cjs/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