@itwin/core-react 4.1.0 → 4.2.0

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 import { useEffect, useRef } from "react";
 /**
  * Logs to console information about component lifecycle: mounting, re-rendering and unmounting.
@@ -37,7 +37,10 @@ export function useLifecycleLogging(name, props, context) {
             return diff;
         }
         const propsDiff = getDiff(prevProps.current, props);
-        const contextDiff = { from: context === undefined ? context : prevContext.current, to: context };
+        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);

package/lib/esm/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,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,IAAY,EAAE,KAA0B,EAAE,OAA6B;IACzG,SAAS,CAAC,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,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,SAAS,CAAC,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","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"]}
+{"version":3,"file":"useLifecycleLogging.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useLifecycleLogging.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CACjC,IAAY,EACZ,KAA0B,EAC1B,OAA6B;IAE7B,SAAS,CAAC,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,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAC9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;YACzB,OAAO;SACR;QAED,SAAS,OAAO,CACd,IAAyB,EACzB,OAA4B;YAE5B,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;YAClB,IAAI,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO;YAC3D,EAAE,EAAE,OAAO;SACZ,CAAC;QAEF,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE;YACxE,sCAAsC;YACtC,OAAO,CAAC,GAAG,CACT,2BAA2B,IAAI,+BAA+B,EAC9D,SAAS,EACT,WAAW,CACZ,CAAC;SACH;aAAM,IAAI,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YAC5C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CACT,2BAA2B,IAAI,mBAAmB,EAClD,SAAS,CACV,CAAC;SACH;aAAM,IAAI,WAAW,CAAC,OAAO,KAAK,OAAO,EAAE;YAC1C,sCAAsC;YACtC,OAAO,CAAC,GAAG,CACT,2BAA2B,IAAI,qBAAqB,EACpD,WAAW,CACZ,CAAC;SACH;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","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(\n  name: string,\n  props: Record<string, any>,\n  context?: Record<string, any>\n) {\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(\n      prev: Record<string, any>,\n      current: Record<string, any>\n    ): 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 = {\n      from: context === undefined ? context : prevContext.current,\n      to: context,\n    };\n\n    if (Object.keys(propsDiff).length > 0 && prevContext.current !== context) {\n      // eslint-disable-next-line no-console\n      console.log(\n        `[useLifecycleLogging]: '${name}' Props and context changed: `,\n        propsDiff,\n        contextDiff\n      );\n    } else if (Object.keys(propsDiff).length > 0) {\n      // eslint-disable-next-line no-console\n      console.log(\n        `[useLifecycleLogging]: '${name}' Props changed: `,\n        propsDiff\n      );\n    } else if (prevContext.current !== context) {\n      // eslint-disable-next-line no-console\n      console.log(\n        `[useLifecycleLogging]: '${name}' Context changed: `,\n        contextDiff\n      );\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"useOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useOnOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,cAAc;AACd,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,cAAc,CAAC,EAAE,MAAM,IAAI;AAC3B,gFAAgF;AAChF,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,OAAO,sBAoE1D"}
+{"version":3,"file":"useOnOutsideClick.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useOnOutsideClick.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,cAAc;AACd,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvE;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,cAAc,CAAC,EAAE,MAAM,IAAI;AAC3B,gFAAgF;AAChF,qBAAqB,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,OAAO,sBA6E1D"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -29,7 +29,11 @@ outsideEventPredicate) {
                 return;
             }
             const isOutsideEvent = !outsideEventPredicate || outsideEventPredicate(e);
-            isDownOutside.current = (!!ref.current && (e.target instanceof Node) && !ref.current.contains(e.target)) && isOutsideEvent;
+            isDownOutside.current =
+                !!ref.current &&
+                    e.target instanceof Node &&
+                    !ref.current.contains(e.target) &&
+                    isOutsideEvent;
         };
         if (hasPointerEventsSupport()) {
             document.addEventListener("pointerdown", listener);
@@ -53,8 +57,13 @@ outsideEventPredicate) {
             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();
+            onOutsideClick &&
+                isDownOutside.current &&
+                (!outsideEventPredicate || outsideEventPredicate(e)) &&
+                ref.current &&
+                e.target instanceof Node &&
+                !ref.current.contains(e.target) &&
+                onOutsideClick();
             isDownOutside.current = false;
         };
         if (hasPointerEventsSupport()) {

package/lib/esm/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":["/*---------------------------------------------------------------------------------------------\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"]}
+{"version":3,"file":"useOnOutsideClick.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useOnOutsideClick.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACnE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAC/B,cAA2B;AAC3B,gFAAgF;AAChF,qBAAyD;IAEzD,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAC7D,MAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAI,IAAI,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC1C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAG,CAAC,CAAoB,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,IAAI,KAAK,YAAY,EAAE;gBAC3B,+CAA+C;gBAC/C,iBAAiB,CAAC,OAAO,GAAG,KAAK,CAAC;gBAClC,sBAAsB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aACxC;iBAAM,IAAI,CAAC,CAAC,IAAI,KAAK,WAAW,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE;gBAC/D,OAAO;aACR;YACD,MAAM,cAAc,GAAG,CAAC,qBAAqB,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC;YAC1E,aAAa,CAAC,OAAO;gBACnB,CAAC,CAAC,GAAG,CAAC,OAAO;oBACb,CAAC,CAAC,MAAM,YAAY,IAAI;oBACxB,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;oBAC/B,cAAc,CAAC;QACnB,CAAC,CAAC;QACF,IAAI,uBAAuB,EAAE,EAAE;YAC7B,QAAQ,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;SACpD;aAAM;YACL,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACjD,QAAQ,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;SACnD;QACD,OAAO,GAAG,EAAE;YACV,IAAI,uBAAuB,EAAE,EAAE;gBAC7B,QAAQ,CAAC,mBAAmB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;aACvD;iBAAM;gBACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;gBACpD,QAAQ,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;aACtD;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAC5B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAG,CAAC,CAAoB,EAAE,EAAE;YACxC,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE;gBACtD,OAAO;aACR;YACD,cAAc;gBACZ,aAAa,CAAC,OAAO;gBACrB,CAAC,CAAC,qBAAqB,IAAI,qBAAqB,CAAC,CAAC,CAAC,CAAC;gBACpD,GAAG,CAAC,OAAO;gBACX,CAAC,CAAC,MAAM,YAAY,IAAI;gBACxB,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;gBAC/B,cAAc,EAAE,CAAC;YACnB,aAAa,CAAC,OAAO,GAAG,KAAK,CAAC;QAChC,CAAC,CAAC;QACF,IAAI,uBAAuB,EAAE,EAAE;YAC7B,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;SAClD;aAAM;YACL,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;YAC/C,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;SACjD;QACD,OAAO,GAAG,EAAE;YACV,IAAI,uBAAuB,EAAE,EAAE;gBAC7B,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;aACrD;iBAAM;gBACL,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;gBAClD,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;aACpD;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAC5C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,QAAQ,GAAG,GAAG,EAAE;YACpB,iBAAiB,CAAC,OAAO,GAAG,IAAI,CAAC;QACnC,CAAC,CAAC;QACF,MAAM,KAAK,GAAG,sBAAsB,CAAC,OAAO,CAAC;QAC7C,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;QAC7B,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\nimport { 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 =\n        !!ref.current &&\n        e.target instanceof Node &&\n        !ref.current.contains(e.target) &&\n        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 &&\n        isDownOutside.current &&\n        (!outsideEventPredicate || outsideEventPredicate(e)) &&\n        ref.current &&\n        e.target instanceof Node &&\n        !ref.current.contains(e.target) &&\n        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"]}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useProximityToMouse.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useProximityToMouse.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\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"]}
+{"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 = (\n  elementSet: WidgetElementSet,\n  snap: boolean = false,\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\n) => {\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(\n            rectangle.getShortestDistanceToPoint(point),\n            shortestProximity\n          );\n        }\n      }\n\n      const scale = calculateProximityScale(shortestProximity, snap, threshold);\n      if (scale !== proximityScale) 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 = (\n  proximity: number,\n  snap: boolean = false,\n  threshold = PROXIMITY_THRESHOLD_DEFAULT\n): number => {\n  let scale = (proximity < threshold ? threshold - proximity : 0) / threshold;\n  if (snap && scale > 0) 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 `hsl(var(--iui-color-background-hsl) / ${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"]}

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

@@ -4,5 +4,5 @@
 /** 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;
+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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRefEffect.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,CAAC,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,cAE3E,CAAC,GAAG,IAAI,UAK7C"}
+{"version":3,"file":"useRefEffect.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;GAEG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAC5B,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,GAAG,CAAC,MAAM,IAAI,CAAC,EACrD,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,cAGY,CAAC,GAAG,IAAI,UAK7C"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useRefEffect.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAAI,QAAuD,EAAE,IAAwB;IAC/G,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC9C,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACtC,OAAO,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;IACpD,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,kDAAkD;AAC9D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\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"]}
+{"version":3,"file":"useRefEffect.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefEffect.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,UAAU,YAAY,CAC1B,QAAqD,EACrD,IAAwB;IAExB,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAsB,IAAI,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC9C,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;QACrC,MAAM,UAAU,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACtC,OAAO,CAAC,OAAO,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC;IACpD,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,kDAAkD;AAC9D,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\n\n/** Returns callback ref that is easy to setup and cleanup (API wise similar to React.useEffect).\n * @internal\n */\nexport function useRefEffect<T>(\n  callback: (instance: T | null) => void | (() => void),\n  deps: ReadonlyArray<any>\n) {\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"]}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */

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

@@ -1 +1 @@
-{"version":3,"file":"useRefState.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefState.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAK,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QACnD,UAAU,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AACxB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\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"]}
+{"version":3,"file":"useRefState.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefState.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;;;;;;GAeG;AACH,MAAM,UAAU,WAAW;IACzB,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAK,CAAC;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,QAAkB,EAAE,EAAE;QACnD,UAAU,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;AACxB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\n\n/** Hook used to store an HTMLElement in state by using ref callback returned from hook.\n * *Example:*\n * ``` tsx\n *  const [divElementRef, divElement] = useRefState<HTMLDivElement>();\n *  const ownerDoc = divElement?.ownerDocument ?? document;\n *\n *  return (\n *    <div ref={divElementRef} >\n *      ....\n *    </div>\n *  );\n * ```\n * }\n\n * @internal\n */\nexport function useRefState<T>(): [React.Ref<T>, T | undefined] {\n  const [element, setElement] = React.useState<T>();\n  const ref = React.useCallback((instance: T | null) => {\n    setElement(instance || undefined);\n  }, []);\n  return [ref, element];\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"useRefs.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,cACrC,CAAC,GAAG,IAAI,UAY7C;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAC5C,CAAC,GAAG,IAAI,UAY5B"}
+{"version":3,"file":"useRefs.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B;;GAEG;AACH,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,cAE5D,CAAC,GAAG,IAAI,UAetB;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,cAC7C,CAAC,GAAG,IAAI,UAY3B"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -26,13 +26,15 @@ export function useRefs(...refs) {
                 }
             }
         }
-    }, [...refs]); // eslint-disable-line react-hooks/exhaustive-deps
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [...refs]);
 }
 /** Used to combine multiple refs for a class component.
  * @internal
  */
 export function mergeRefs(...refs) {
-    return ((instance) => {
+    return (instance) => {
         for (const ref of refs) {
             // istanbul ignore else
             if (ref) {
@@ -44,6 +46,6 @@ export function mergeRefs(...refs) {
                 }
             }
         }
-    });
+    };
 }
 //# sourceMappingURL=useRefs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRefs.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,+BAA+B;AAC/B,SAAS,aAAa,CAAI,GAAiB;IACzC,OAAO,OAAO,GAAG,KAAK,UAAU,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAI,GAAG,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;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAI,GAAG,IAAiC;IAC/D,OAAO,CAAC,CAAC,QAAkB,EAAE,EAAE;QAC7B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE;YACtB,uBAAuB;YACvB,IAAI,GAAG,EAAE;gBACP,IAAI,aAAa,CAAC,GAAG,CAAC,EAAE;oBACtB,GAAG,CAAC,QAAQ,CAAC,CAAC;iBACf;qBAAM;oBACJ,GAAwC,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC9D;aACF;SACF;IACH,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Utilities\r\n */\r\n\r\nimport * as React from \"react\";\r\n\r\n/** Callback ref type guard. */\r\nfunction isRefCallback<T>(ref: React.Ref<T>): ref is (_: T | null) => void {\r\n  return typeof ref === \"function\";\r\n}\r\n\r\n/** Hook used to combine multiple refs.\r\n * @internal\r\n */\r\nexport function useRefs<T>(...refs: ReadonlyArray<React.Ref<T> | 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"]}
+{"version":3,"file":"useRefs.js","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useRefs.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,+BAA+B;AAC/B,SAAS,aAAa,CAAI,GAAiB;IACzC,OAAO,OAAO,GAAG,KAAK,UAAU,CAAC;AACnC,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,OAAO,CAAI,GAAG,IAA6C;IACzE,OAAO,KAAK,CAAC,WAAW,CACtB,CAAC,QAAkB,EAAE,EAAE;QACrB,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;IACD,uDAAuD;IACvD,CAAC,GAAG,IAAI,CAAC,CACV,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,SAAS,CAAI,GAAG,IAAiC;IAC/D,OAAO,CAAC,QAAkB,EAAE,EAAE;QAC5B,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;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Utilities\n */\n\nimport * as React from \"react\";\n\n/** Callback ref type guard. */\nfunction isRefCallback<T>(ref: React.Ref<T>): ref is (_: T | null) => void {\n  return typeof ref === \"function\";\n}\n\n/** Hook used to combine multiple refs.\n * @internal\n */\nexport function useRefs<T>(...refs: ReadonlyArray<React.Ref<T> | undefined>) {\n  return React.useCallback(\n    (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    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [...refs]\n  );\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"]}

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

@@ -3,14 +3,14 @@
  */
 import * as React from "react";
 /** Uses ResizeObserver API to notify about element bound changes.
-  * @internal
-  */
+ * @internal
+ */
 export declare function useResizeObserver<T extends Element>(onResize?: (width: number, height: number) => void): (instance: Element | null) => void;
 /** React hook that uses ResizeObserver API to notify about element bound changes. Note: to work similar to ReactResizeDetector
  * width and height are initialized as undefined and only set during after mount if bounds are non-zero. This implementation properly
  * handles observing element in pop-out/child windows.
-  * @internal
-  */
+ * @internal
+ */
 export declare function useLayoutResizeObserver(inElement: HTMLElement | null, onResize?: (width?: number, height?: number) => void): (number | undefined)[];
 /** Prop the ElementResizeObserver sends to the render function.
  *  @public
@@ -23,17 +23,17 @@ export interface RenderPropsArgs {
  * observing element in pop-out/child windows.
  *  @public
  */
-export declare function ElementResizeObserver({ watchedElement, render }: {
+export declare function ElementResizeObserver({ watchedElement, render, }: {
     watchedElement: HTMLElement | null;
-    render: (props: RenderPropsArgs) => JSX.Element;
-}): JSX.Element;
+    render: (props: RenderPropsArgs) => React.ReactElement;
+}): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 /** ResizableContainerObserver is a component that provides the functionality similar to the ReactResizeDetector option that call a function when
  * the observed element is resized. This implementation properly handles observing element in pop-out/child windows. If children nodes are defined then
  * the div added by the component is considered the container whose size will be observed. If no children are provided then the component will report
  * size changes from its parent container.
  * @public
  */
-export declare function ResizableContainerObserver({ onResize, children }: {
+export declare function ResizableContainerObserver({ onResize, children, }: {
     onResize: (width: number, height: number) => void;
     children?: React.ReactNode;
 }): JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;IAEI;AACJ,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,sCAiFtG;AAED;;;;IAII;AACJ,wBAAgB,uBAAuB,CAAC,SAAS,EAAE,WAAW,GAAG,IAAI,EAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,0BAgF1H;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,EAAE;IAAE,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IAAC,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,GAAG,CAAC,OAAO,CAAA;CAAE,eAGxJ;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eA6BnJ"}
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../../../src/core-react/utils/hooks/useResizeObserver.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,OAAO,EACjD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,sCAuHnD;AAED;;;;GAIG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,0BA+GrD;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,cAAc,EACd,MAAM,GACP,EAAE;IACD,cAAc,EAAE,WAAW,GAAG,IAAI,CAAC;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,KAAK,CAAC,YAAY,CAAC;CACxD,sEAGA;AAED;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,eA2CA"}

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

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * 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
  */
@@ -10,8 +10,8 @@ import { ResizeObserver } from "./ResizeObserverPolyfill";
 import { useRefEffect } from "./useRefEffect";
 import { useRefs } from "./useRefs";
 /** Uses ResizeObserver API to notify about element bound changes.
-  * @internal
-  */
+ * @internal
+ */
 export function useResizeObserver(onResize) {
     const [bounds, setBounds] = React.useState({ width: 0, height: 0 });
     const resizeObserver = React.useRef(null);
@@ -20,38 +20,40 @@ export function useResizeObserver(onResize) {
     const owningWindowRef = React.useRef(null);
     // istanbul ignore next
     const resizeObserverCleanup = () => {
-        var _a;
         if (rafRef.current)
             owningWindowRef.current.cancelAnimationFrame(rafRef.current);
-        (_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+        resizeObserver.current?.disconnect();
         resizeObserver.current = null;
     };
     React.useEffect(() => {
         isMountedRef.current = true;
         return () => {
-            var _a;
             isMountedRef.current = false;
             if (rafRef.current)
                 owningWindowRef.current.cancelAnimationFrame(rafRef.current);
-            (_a = owningWindowRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener("beforeunload", resizeObserverCleanup);
+            owningWindowRef.current?.removeEventListener("beforeunload", resizeObserverCleanup);
         };
     }, []);
     const processResize = React.useCallback((target) => {
         const newBounds = target.getBoundingClientRect();
         // istanbul ignore else
-        if (isMountedRef.current && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
+        if (isMountedRef.current &&
+            (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
             setBounds(newBounds);
             onResize && onResize(newBounds.width, newBounds.height);
         }
     }, [onResize, bounds.height, bounds.width]);
     const handleResize = React.useCallback((entries) => {
         // istanbul ignore if
-        if (!isMountedRef.current || !Array.isArray(entries) || 0 === entries.length) {
+        if (!isMountedRef.current ||
+            !Array.isArray(entries) ||
+            0 === entries.length) {
             return;
         }
         const target = entries[0].target;
         // istanbul ignore next
-        owningWindowRef.current && owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
+        owningWindowRef.current &&
+            owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
         owningWindowRef.current = target.ownerDocument.defaultView;
         // istanbul ignore else
         if (owningWindowRef.current) {
@@ -70,15 +72,16 @@ export function useResizeObserver(onResize) {
             setBounds(newBounds);
         }
         return () => {
-            var _a;
-            instance && ( /* istanbul ignore next */(_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.unobserve(instance));
+            instance &&
+                /* istanbul ignore next */ resizeObserver.current?.unobserve(instance);
             resizeObserver.current = null;
         };
     }, [handleResize, onResize]);
     const handleRef = React.useCallback((instance) => {
         const newBounds = instance && instance.getBoundingClientRect();
         // istanbul ignore if
-        if (newBounds && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
+        if (newBounds &&
+            (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
             setBounds(newBounds);
             onResize && onResize(newBounds.width, newBounds.height);
         }
@@ -89,11 +92,11 @@ export function useResizeObserver(onResize) {
 /** React hook that uses ResizeObserver API to notify about element bound changes. Note: to work similar to ReactResizeDetector
  * width and height are initialized as undefined and only set during after mount if bounds are non-zero. This implementation properly
  * handles observing element in pop-out/child windows.
-  * @internal
-  */
+ * @internal
+ */
 export function useLayoutResizeObserver(inElement, onResize) {
-    const inBoundingRect = inElement === null || inElement === void 0 ? void 0 : inElement.getBoundingClientRect();
-    const [bounds, setBounds] = React.useState({ width: inBoundingRect === null || inBoundingRect === void 0 ? void 0 : inBoundingRect.width, height: inBoundingRect === null || inBoundingRect === void 0 ? void 0 : inBoundingRect.height });
+    const inBoundingRect = inElement?.getBoundingClientRect();
+    const [bounds, setBounds] = React.useState({ width: inBoundingRect?.width, height: inBoundingRect?.height });
     const [watchedElement, setWatchedElement] = React.useState(inElement);
     const resizeObserver = React.useRef(null);
     const rafRef = React.useRef(0); // set to non-zero when requestAnimationFrame processing is active
@@ -101,10 +104,9 @@ export function useLayoutResizeObserver(inElement, onResize) {
     const owningWindowRef = React.useRef(null);
     // istanbul ignore next
     const resizeObserverCleanup = () => {
-        var _a;
         if (rafRef.current)
             owningWindowRef.current.cancelAnimationFrame(rafRef.current);
-        (_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+        resizeObserver.current?.disconnect();
         resizeObserver.current = null;
     };
     React.useEffect(() => {
@@ -118,21 +120,27 @@ export function useLayoutResizeObserver(inElement, onResize) {
         }
         return () => {
             isMountedRef.current = false;
-            (rafRef.current && owningWindowRef.current) && owningWindowRef.current.cancelAnimationFrame(rafRef.current);
-            owningWindowRef.current && owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
+            rafRef.current &&
+                owningWindowRef.current &&
+                owningWindowRef.current.cancelAnimationFrame(rafRef.current);
+            owningWindowRef.current &&
+                owningWindowRef.current.removeEventListener("beforeunload", resizeObserverCleanup);
         };
     }, [onResize, inElement]);
     const processResize = React.useCallback((target) => {
         const newBounds = target.getBoundingClientRect();
         // istanbul ignore next
-        if (isMountedRef.current && (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
+        if (isMountedRef.current &&
+            (bounds.width !== newBounds.width || bounds.height !== newBounds.height)) {
             onResize && onResize(newBounds.width, newBounds.height);
             setBounds(newBounds);
         }
     }, [bounds.height, bounds.width, onResize]);
     const handleResize = React.useCallback((entries) => {
         // istanbul ignore next
-        if (!isMountedRef.current || !Array.isArray(entries) || 0 === entries.length) {
+        if (!isMountedRef.current ||
+            !Array.isArray(entries) ||
+            0 === entries.length) {
             return;
         }
         const target = entries[0].target;
@@ -155,9 +163,8 @@ export function useLayoutResizeObserver(inElement, onResize) {
         resizeObserver.current = new ResizeObserver(handleResize);
         resizeObserver.current.observe(watchedElement);
         return () => {
-            var _a;
             // istanbul ignore next
-            (_a = resizeObserver.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+            resizeObserver.current?.disconnect();
             resizeObserver.current = null;
         };
     }, [handleResize, watchedElement]);
@@ -167,7 +174,7 @@ export function useLayoutResizeObserver(inElement, onResize) {
  * observing element in pop-out/child windows.
  *  @public
  */
-export function ElementResizeObserver({ watchedElement, render }) {
+export function ElementResizeObserver({ watchedElement, render, }) {
     const [width, height] = useLayoutResizeObserver(watchedElement);
     return render({ width, height });
 }
@@ -177,7 +184,7 @@ export function ElementResizeObserver({ watchedElement, render }) {
  * size changes from its parent container.
  * @public
  */
-export function ResizableContainerObserver({ onResize, children }) {
+export function ResizableContainerObserver({ onResize, children, }) {
     const containerRef = React.useRef(null); // set to non-zero when requestAnimationFrame processing is active
     const [containerElement, setContainerElement] = React.useState(null);
     const isMountedRef = React.useRef(false);
@@ -188,15 +195,19 @@ export function ResizableContainerObserver({ onResize, children }) {
         if (!isMountedRef.current && containerRef.current) {
             isMountedRef.current = true;
             const hasParent = !!containerRef.current.parentElement;
-            setContainerElement(hasChildren && hasParent ? containerRef.current : containerRef.current.parentElement);
+            setContainerElement(hasChildren && hasParent
+                ? containerRef.current
+                : containerRef.current.parentElement);
         }
     }, [hasChildren]);
     const processResize = React.useCallback((width, height) => {
         // istanbul ignore next
-        onResize(width !== null && width !== void 0 ? width : 0, height !== null && height !== void 0 ? height : 0);
+        onResize(width ?? 0, height ?? 0);
     }, [onResize]);
     useLayoutResizeObserver(containerElement, processResize);
-    const style = hasChildren ? { width: "100%", height: "100%" } : { display: "none" };
+    const style = hasChildren
+        ? { width: "100%", height: "100%" }
+        : { display: "none" };
     return (React.createElement("div", { ref: containerRef, className: "uicore-resizable-container", style: style }, hasChildren && children));
 }
 //# sourceMappingURL=useResizeObserver.js.map