@itwin/itwinui-react 1.48.2-dev.0 → 1.48.2

package/esm/core/utils/components/Popover.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { TippyProps } from '@tippyjs/react';
 import type { Placement, Instance } from 'tippy.js';
 export declare type PopoverInstance = Instance;
+import '@itwin/itwinui-css/css/popover.css';
 export declare type PopoverProps = {
     /**
      * Controlled flag for whether the popover is visible.

package/esm/core/utils/components/Popover.js

@@ -26,6 +26,7 @@ import React from 'react';
 import cx from 'classnames';
 import Tippy from '@tippyjs/react';
 import { useMergedRefs } from '../hooks/useMergedRefs';
+import '@itwin/itwinui-css/css/popover.css';
 /**
  * Wrapper around [tippy.js](https://atomiks.github.io/tippyjs)
  * with pre-configured props and plugins (e.g. lazy mounting, focus, etc).

package/esm/core/utils/hooks/useIntersection.js

@@ -20,19 +20,15 @@ export var useIntersection = function (onIntersect, options, once) {
     if (options === void 0) { options = {}; }
     if (once === void 0) { once = true; }
     var root = options.root, rootMargin = options.rootMargin, threshold = options.threshold;
-    var observer = React.useRef();
+    var cleanupRef = React.useRef(function () { });
     var setRef = React.useCallback(function (node) {
-        var _a;
-        if (!((_a = getWindow()) === null || _a === void 0 ? void 0 : _a.IntersectionObserver)) {
+        var _a, _b;
+        (_a = cleanupRef.current) === null || _a === void 0 ? void 0 : _a.call(cleanupRef);
+        cleanupRef.current = function () { }; // ensure it doesn't try to clean up again
+        if (!node || !((_b = getWindow()) === null || _b === void 0 ? void 0 : _b.IntersectionObserver)) {
             return;
         }
-        if (observer.current) {
-            observer.current.disconnect();
-        }
-        if (!node) {
-            return;
-        }
-        observer.current = new IntersectionObserver(function (_a, obs) {
+        var observer = new IntersectionObserver(function (_a, obs) {
             var entry = _a[0];
             if (entry.isIntersecting) {
                 if (once) {
@@ -41,8 +37,8 @@ export var useIntersection = function (onIntersect, options, once) {
                 onIntersect();
             }
         }, { root: root, rootMargin: rootMargin, threshold: threshold });
-        observer.current.observe(node);
+        observer.observe(node);
+        cleanupRef.current = function () { return observer.disconnect(); };
     }, [onIntersect, once, root, rootMargin, threshold]);
-    React.useEffect(function () { return function () { var _a; return (_a = observer.current) === null || _a === void 0 ? void 0 : _a.disconnect(); }; }, []);
     return setRef;
 };

package/esm/core/utils/hooks/useTheme.d.ts

@@ -1,4 +1,4 @@
-import '@itwin/itwinui-css/css/all.css';
+import '@itwin/itwinui-css/css/global.css';
 export declare type ThemeOptions = {
     /**
      * Document to which the theme will be applied.

package/esm/core/utils/hooks/useTheme.js

@@ -3,7 +3,7 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 import React from 'react';
-import '@itwin/itwinui-css/css/all.css';
+import '@itwin/itwinui-css/css/global.css';
 import { getDocument, getWindow } from '../functions/dom';
 import { useMediaQuery } from './useMediaQuery';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-react",
-  "version": "1.48.2-dev.0",
+  "version": "1.48.2",
   "author": "Bentley Systems",
   "license": "MIT",
   "main": "cjs/index.js",
@@ -44,7 +44,7 @@
     "createComponent": "node ../../scripts/createComponent.js"
   },
   "dependencies": {
-    "@itwin/itwinui-css": "^0.63.2-dev.0",
+    "@itwin/itwinui-css": "^0.63.2",
     "@itwin/itwinui-icons-react": "^1.10.1",
     "@itwin/itwinui-illustrations-react": "^1.3.1",
     "@tippyjs/react": "^4.2.6",