@itwin/itwinui-react 3.11.3 → 3.12.1

package/cjs/utils/hooks/useIntersection.js

@@ -1,67 +1,45 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIntersection = 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 = __importStar(require("react"));
-const dom_js_1 = require("../functions/dom.js");
-/**
- * Hook that uses `IntersectionObserver` to trigger `onIntersect` callback when element is in viewport.
- * Callback is called only once by default (can be changed using the `once` parameter).
- * @returns a callback ref that needs to be set on the element you want to observe.
- * @private
- * @example
- * const onIntersection = React.useCallback(() => {
- *   console.log('Element is in viewport!');
- * }, []);
- * const ref = useIntersection(onIntersection);
- * return (<div ref={ref}>One of many elements</div>);
- */
+Object.defineProperty(exports, 'useIntersection', {
+  enumerable: true,
+  get: function () {
+    return useIntersection;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _dom = require('../functions/dom.js');
 const useIntersection = (onIntersect, options = {}, once = true) => {
-    const { root, rootMargin, threshold } = options;
-    const cleanupRef = React.useRef(() => { });
-    const setRef = React.useCallback((node) => {
-        cleanupRef.current?.();
-        cleanupRef.current = () => { }; // ensure it doesn't try to clean up again
-        if (!node || !(0, dom_js_1.getWindow)()?.IntersectionObserver) {
-            return;
-        }
-        const observer = new IntersectionObserver(([entry], obs) => {
-            if (entry.isIntersecting) {
-                if (once) {
-                    obs.disconnect();
-                }
-                onIntersect();
+  const { root, rootMargin, threshold } = options;
+  const cleanupRef = _react.useRef(() => {});
+  const setRef = _react.useCallback(
+    (node) => {
+      cleanupRef.current?.();
+      cleanupRef.current = () => {};
+      if (!node || !(0, _dom.getWindow)()?.IntersectionObserver) {
+        return;
+      }
+      const observer = new IntersectionObserver(
+        ([entry], obs) => {
+          if (entry.isIntersecting) {
+            if (once) {
+              obs.disconnect();
             }
-        }, { root, rootMargin, threshold });
-        observer.observe(node);
-        cleanupRef.current = () => observer.disconnect();
-    }, [onIntersect, once, root, rootMargin, threshold]);
-    return setRef;
+            onIntersect();
+          }
+        },
+        {
+          root,
+          rootMargin,
+          threshold,
+        },
+      );
+      observer.observe(node);
+      cleanupRef.current = () => observer.disconnect();
+    },
+    [onIntersect, once, root, rootMargin, threshold],
+  );
+  return setRef;
 };
-exports.useIntersection = useIntersection;

package/cjs/utils/hooks/useIsClient.js

@@ -1,39 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useIsClient = 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 = __importStar(require("react"));
+Object.defineProperty(exports, 'useIsClient', {
+  enumerable: true,
+  get: function () {
+    return useIsClient;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
 const useIsClient = () => {
-    const [isClient, setIsClient] = React.useState(false);
-    React.useEffect(() => {
-        setIsClient(true);
-    }, []);
-    return isClient;
+  const [isClient, setIsClient] = _react.useState(false);
+  _react.useEffect(() => {
+    setIsClient(true);
+  }, []);
+  return isClient;
 };
-exports.useIsClient = useIsClient;

package/cjs/utils/hooks/useIsomorphicLayoutEffect.js

@@ -1,40 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLayoutEffect = 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 = __importStar(require("react"));
-/**
- * SSR-safe version of `useLayoutEffect` that replaces it with `useEffect` on the server.
- *
- * Exported as `useLayoutEffect` so that the react hooks linter correctly identifies the necessary dependencies.
- *
- * @see https://fb.me/react-uselayouteffect-ssr
- */
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
-exports.useLayoutEffect = useIsomorphicLayoutEffect;
+Object.defineProperty(exports, 'useLayoutEffect', {
+  enumerable: true,
+  get: function () {
+    return useIsomorphicLayoutEffect;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const useIsomorphicLayoutEffect =
+  typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;

package/cjs/utils/hooks/useLatestRef.js

@@ -1,46 +1,19 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLatestRef = 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 = __importStar(require("react"));
-/**
- * Hook that keeps track of the latest value in a ref.
- * @private
- * @example
- * const { value } = props;
- * const valueRef = useLatestRef(value);
- */
+Object.defineProperty(exports, 'useLatestRef', {
+  enumerable: true,
+  get: function () {
+    return useLatestRef;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
 const useLatestRef = (value) => {
-    const valueRef = React.useRef(value);
-    React.useEffect(() => {
-        valueRef.current = value;
-    }, [value]);
-    return valueRef;
+  const valueRef = _react.useRef(value);
+  _react.useEffect(() => {
+    valueRef.current = value;
+  }, [value]);
+  return valueRef;
 };
-exports.useLatestRef = useLatestRef;

package/cjs/utils/hooks/useMediaQuery.js

@@ -1,46 +1,33 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMediaQuery = 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 = __importStar(require("react"));
-const useSyncExternalStore_js_1 = require("./useSyncExternalStore.js");
+Object.defineProperty(exports, 'useMediaQuery', {
+  enumerable: true,
+  get: function () {
+    return useMediaQuery;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _useSyncExternalStore = require('./useSyncExternalStore.js');
 const useMediaQuery = (queryString) => {
-    const getSnapshot = React.useCallback(() => {
-        return typeof window !== 'undefined'
-            ? window.matchMedia?.(queryString).matches
-            : undefined;
-    }, [queryString]);
-    const subscribe = React.useCallback((onChange) => {
-        const mediaQueryList = window.matchMedia?.(queryString);
-        mediaQueryList?.addEventListener?.('change', onChange);
-        return () => mediaQueryList?.removeEventListener?.('change', onChange);
-    }, [queryString]);
-    return (0, useSyncExternalStore_js_1.useSyncExternalStore)(subscribe, getSnapshot, () => undefined);
+  const getSnapshot = _react.useCallback(() => {
+    return typeof window !== 'undefined'
+      ? window.matchMedia?.(queryString).matches
+      : undefined;
+  }, [queryString]);
+  const subscribe = _react.useCallback(
+    (onChange) => {
+      const mediaQueryList = window.matchMedia?.(queryString);
+      mediaQueryList?.addEventListener?.('change', onChange);
+      return () => mediaQueryList?.removeEventListener?.('change', onChange);
+    },
+    [queryString],
+  );
+  return (0, _useSyncExternalStore.useSyncExternalStore)(
+    subscribe,
+    getSnapshot,
+    () => undefined,
+  );
 };
-exports.useMediaQuery = useMediaQuery;

package/cjs/utils/hooks/useMergedRefs.d.ts

@@ -2,8 +2,8 @@ import * as React from 'react';
 /**
  * Function that merges the provided refs into one.
  */
-export declare const mergeRefs: <T>(...refs: (React.Ref<T> | undefined)[]) => (instance: T | null) => void;
+export declare const mergeRefs: <T>(...refs: Array<React.Ref<T> | React.LegacyRef<T> | undefined | null>) => (instance: T | null) => void;
 /**
  * Returns a ref callback that merges the provided refs using `mergeRefs`.
  */
-export declare const useMergedRefs: <T>(...refs: readonly (React.Ref<T> | undefined)[]) => (instance: T | null) => void;
+export declare const useMergedRefs: <T>(...refs: ReadonlyArray<React.Ref<T> | React.LegacyRef<T> | undefined | null>) => (instance: T | null) => void;

package/cjs/utils/hooks/useMergedRefs.js

@@ -1,55 +1,35 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMergedRefs = exports.mergeRefs = 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 = __importStar(require("react"));
-/**
- * Function that merges the provided refs into one.
- */
+function _export(target, all) {
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
+    });
+}
+_export(exports, {
+  mergeRefs: function () {
+    return mergeRefs;
+  },
+  useMergedRefs: function () {
+    return useMergedRefs;
+  },
+});
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
 const mergeRefs = (...refs) => {
-    return (instance) => {
-        refs.forEach((ref) => {
-            if (typeof ref === 'function') {
-                ref(instance);
-            }
-            else if (ref) {
-                ref.current = instance;
-            }
-        });
-    };
+  return (instance) => {
+    refs.forEach((ref) => {
+      if (typeof ref === 'function') {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
+    });
+  };
 };
-exports.mergeRefs = mergeRefs;
-/**
- * Returns a ref callback that merges the provided refs using `mergeRefs`.
- */
 const useMergedRefs = (...refs) => {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    return React.useCallback((0, exports.mergeRefs)(...refs), [...refs]);
+  return _react.useCallback(mergeRefs(...refs), [...refs]);
 };
-exports.useMergedRefs = useMergedRefs;

package/cjs/utils/hooks/useOverflow.d.ts

@@ -21,4 +21,4 @@ import * as React from 'react';
  *   </div>
  * );
  */
-export declare const useOverflow: <T extends HTMLElement>(items: React.ReactNode[] | string, disabled?: boolean, orientation?: 'horizontal' | 'vertical') => readonly [(instance: T | null | undefined) => void, number];
+export declare const useOverflow: <T extends HTMLElement>(items: React.ReactNode[] | string, disabled?: boolean, orientation?: "horizontal" | "vertical") => readonly [(instance: T | null | undefined) => void, number];