@itwin/itwinui-react 3.15.5 → 5.0.0-alpha.0

package/cjs/utils/hooks/useDragAndDrop.js

@@ -1,116 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useDragAndDrop', {
-  enumerable: true,
-  get: function () {
-    return useDragAndDrop;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _index = require('../functions/index.js');
-const _useEventListener = require('./useEventListener.js');
-const _useResizeObserver = require('./useResizeObserver.js');
-const getContainerRect = (containerRef) => {
-  let containerRect = containerRef?.current?.getBoundingClientRect();
-  return {
-    top: containerRect?.top ?? 0,
-    right: containerRect?.right ?? (0, _index.getWindow)()?.innerWidth ?? 0,
-    bottom: containerRect?.bottom ?? (0, _index.getWindow)()?.innerHeight ?? 0,
-    left: containerRect?.left ?? 0,
-  };
-};
-const useDragAndDrop = (elementRef, containerRef, enabled = true) => {
-  let grabOffsetX = _react.useRef(0);
-  let grabOffsetY = _react.useRef(0);
-  let translateX = _react.useRef();
-  let translateY = _react.useRef();
-  let containerRectRef = _react.useRef(getContainerRect(containerRef));
-  let adjustTransform = _react.useCallback(() => {
-    if (!elementRef.current || !enabled) return;
-    let { top, right, bottom, left } =
-      elementRef.current?.getBoundingClientRect();
-    let [newTranslateX, newTranslateY] = (0,
-    _index.getTranslateValuesFromElement)(elementRef.current);
-    containerRectRef.current = getContainerRect(containerRef);
-    if (bottom > containerRectRef.current.bottom)
-      newTranslateY -= bottom - containerRectRef.current.bottom;
-    if (top < containerRectRef.current.top)
-      newTranslateY += containerRectRef.current.top - top;
-    if (right > containerRectRef.current.right)
-      newTranslateX -= right - containerRectRef.current.right;
-    if (left < containerRectRef.current.left)
-      newTranslateX += containerRectRef.current.left - left;
-    translateX.current = newTranslateX;
-    translateY.current = newTranslateY;
-    elementRef.current.style.transform = `translate(${newTranslateX}px, ${newTranslateY}px)`;
-  }, [containerRef, elementRef, enabled]);
-  let [resizeRef, resizeObserver] = (0, _useResizeObserver.useResizeObserver)(
-    adjustTransform,
-  );
-  resizeRef(containerRef?.current);
-  _react.useEffect(
-    () => () => {
-      resizeObserver?.disconnect();
-    },
-    [resizeObserver],
-  );
-  (0, _useEventListener.useEventListener)(
-    'resize',
-    () => {
-      adjustTransform();
-      if (null != translateX.current && null != translateY.current)
-        setTransform(
-          `translate(${translateX.current}px, ${translateY.current}px)`,
-        );
-    },
-    (0, _index.getWindow)(),
-  );
-  let [transform, setTransform] = _react.useState('');
-  let onPointerMove = _react.useRef((event) => {
-    if (!elementRef.current) return;
-    let newTranslateX = event.clientX - grabOffsetX.current;
-    let newTranslateY = event.clientY - grabOffsetY.current;
-    elementRef.current.style.transform = `translate(${newTranslateX}px, ${newTranslateY}px)`;
-    adjustTransform();
-  });
-  let originalUserSelect = _react.useRef('');
-  let onPointerDown = _react.useCallback(
-    (e) => {
-      if (!elementRef.current || 0 !== e.button || !enabled) return;
-      let [x, y] = (0, _index.getTranslateValuesFromElement)(
-        elementRef.current,
-      );
-      grabOffsetX.current = e.clientX - x;
-      grabOffsetY.current = e.clientY - y;
-      originalUserSelect.current = elementRef.current.style.userSelect;
-      elementRef.current.style.userSelect = 'none';
-      let ownerDocument = elementRef.current.ownerDocument || document;
-      ownerDocument.addEventListener('pointermove', onPointerMove.current);
-      ownerDocument.addEventListener(
-        'pointerup',
-        () => {
-          setTransform(
-            `translate(${translateX.current}px, ${translateY.current}px)`,
-          );
-          ownerDocument.removeEventListener(
-            'pointermove',
-            onPointerMove.current,
-          );
-          if (elementRef.current)
-            elementRef.current.style.userSelect = originalUserSelect.current;
-        },
-        {
-          once: true,
-        },
-      );
-    },
-    [elementRef, enabled],
-  );
-  return {
-    onPointerDown,
-    transform,
-  };
-};

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

@@ -1,10 +0,0 @@
-/**
- * Hook that adds and removes Event listeners.
- * @example
- *  useEventListener(
- *     'pointerup',
- *     handlePointerUp,
- *     containerRef.current?.ownerDocument,
- *  );
- */
-export declare const useEventListener: (eventName: string, handler: (event: Event) => void, element: HTMLElement | Document | Window | undefined) => void;

package/cjs/utils/hooks/useEventListener.js

@@ -1,26 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useEventListener', {
-  enumerable: true,
-  get: function () {
-    return useEventListener;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const useEventListener = (eventName, handler, element) => {
-  let savedHandler = _react.useRef();
-  _react.useEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  _react.useEffect(() => {
-    if (!element) return;
-    let eventListener = (event) => savedHandler.current?.(event);
-    element.addEventListener(eventName, eventListener);
-    return () => {
-      element.removeEventListener(eventName, eventListener);
-    };
-  }, [eventName, element]);
-};

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import { ThemeContext } from '../../core/ThemeProvider/ThemeContext.js';
-/**
- * Hook used in every component for any shared setup and side effects.
- * Returns the nearest ThemeContext.
- *
- * @private
- */
-export declare const useGlobals: () => {
-    theme?: import("../../index.js").ThemeType;
-    themeOptions?: import("../../core/ThemeProvider/ThemeProvider.js").ThemeOptions;
-    portalContainer?: HTMLElement | null;
-} | undefined;
-/** Shows console error if ThemeProvider is not used */
-export declare const useThemeProviderWarning: (themeContext: React.ContextType<typeof ThemeContext>) => void;

package/cjs/utils/hooks/useGlobals.js

@@ -1,39 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-function _export(target, all) {
-  for (var name in all)
-    Object.defineProperty(target, name, {
-      enumerable: true,
-      get: all[name],
-    });
-}
-_export(exports, {
-  useGlobals: function () {
-    return useGlobals;
-  },
-  useThemeProviderWarning: function () {
-    return useThemeProviderWarning;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _ThemeContext = require('../../core/ThemeProvider/ThemeContext.js');
-const _dev = require('../functions/dev.js');
-const didLogWarning = {
-  fontSize: false,
-  themeProvider: false,
-};
-const useGlobals = () => {
-  let themeContext = _react.useContext(_ThemeContext.ThemeContext);
-  useThemeProviderWarning(themeContext);
-  useRootFontSizeWarning();
-  return themeContext;
-};
-const useThemeProviderWarning = (themeContext) => {
-  _react.useEffect(() => {}, [themeContext]);
-};
-const useRootFontSizeWarning = () => {
-  _react.useEffect(() => {}, []);
-};

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

@@ -1,5 +0,0 @@
-/**
- * Wrapper around React's `useId` hook, which prefixes the id with `iui-` and uses
- * a random value as fallback for older React versions which don't include `useId`.
- */
-export declare const useId: () => string;

package/cjs/utils/hooks/useId.js

@@ -1,21 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useId', {
-  enumerable: true,
-  get: function () {
-    return useId;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _numbers = require('../functions/numbers.js');
-const useId = () => {
-  let uniqueValue = useUniqueValue();
-  return _react.useMemo(() => `iui-${uniqueValue}`, [uniqueValue]);
-};
-const _React = _react;
-const useUniqueValue =
-  _React.useId ??
-  (() => _react.useMemo(() => (0, _numbers.getRandomValue)(10), []));

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

@@ -1,13 +0,0 @@
-/**
- * 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>);
- */
-export declare const useIntersection: (onIntersect: () => void, options?: IntersectionObserverInit, once?: boolean) => (node: HTMLElement | null) => void;

package/cjs/utils/hooks/useIntersection.js

@@ -1,41 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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) => {
-  let { root, rootMargin, threshold } = options;
-  let cleanupRef = _react.useRef(() => {});
-  let setRef = _react.useCallback(
-    (node) => {
-      cleanupRef.current?.();
-      cleanupRef.current = () => {};
-      if (!node || !(0, _dom.getWindow)()?.IntersectionObserver) return;
-      let observer = new IntersectionObserver(
-        ([entry], obs) => {
-          if (entry.isIntersecting) {
-            if (once) obs.disconnect();
-            onIntersect();
-          }
-        },
-        {
-          root,
-          rootMargin,
-          threshold,
-        },
-      );
-      observer.observe(node);
-      cleanupRef.current = () => observer.disconnect();
-    },
-    [onIntersect, once, root, rootMargin, threshold],
-  );
-  return setRef;
-};

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

@@ -1 +0,0 @@
-export declare const useIsClient: () => boolean;

package/cjs/utils/hooks/useIsClient.js

@@ -1,19 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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 = () => {
-  let [isClient, setIsClient] = _react.useState(false);
-  _react.useEffect(() => {
-    setIsClient(true);
-  }, []);
-  return isClient;
-};

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

@@ -1,10 +0,0 @@
-import * as React from '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
- */
-declare const useIsomorphicLayoutEffect: typeof React.useEffect;
-export { useIsomorphicLayoutEffect as useLayoutEffect };

package/cjs/utils/hooks/useIsomorphicLayoutEffect.js

@@ -1,14 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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 =
-  'undefined' != typeof window ? _react.useLayoutEffect : _react.useEffect;

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-/**
- * Hook that keeps track of the latest value in a ref.
- * @private
- * @example
- * const { value } = props;
- * const valueRef = useLatestRef(value);
- */
-export declare const useLatestRef: <T>(value: T) => React.MutableRefObject<T>;

package/cjs/utils/hooks/useLatestRef.js

@@ -1,19 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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) => {
-  let valueRef = _react.useRef(value);
-  _react.useEffect(() => {
-    valueRef.current = value;
-  }, [value]);
-  return valueRef;
-};

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

@@ -1 +0,0 @@
-export declare const useMediaQuery: (queryString: string) => boolean | undefined;

package/cjs/utils/hooks/useMediaQuery.js

@@ -1,35 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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) => {
-  let getSnapshot = _react.useCallback(
-    () =>
-      'undefined' != typeof window
-        ? window.matchMedia?.(queryString).matches
-        : void 0,
-    [queryString],
-  );
-  let subscribe = _react.useCallback(
-    (onChange) => {
-      let mediaQueryList = window.matchMedia?.(queryString);
-      mediaQueryList?.addEventListener?.('change', onChange);
-      return () => mediaQueryList?.removeEventListener?.('change', onChange);
-    },
-    [queryString],
-  );
-  return (0, _useSyncExternalStore.useSyncExternalStore)(
-    subscribe,
-    getSnapshot,
-    () => void 0,
-  );
-};

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

@@ -1,9 +0,0 @@
-import * as React from 'react';
-/**
- * Function that merges the provided refs into one.
- */
-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: ReadonlyArray<React.Ref<T> | React.LegacyRef<T> | undefined | null>) => (instance: T | null) => void;

package/cjs/utils/hooks/useMergedRefs.js

@@ -1,31 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-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) =>
-  (instance) => {
-    refs.forEach((ref) => {
-      if ('function' == typeof ref) ref(instance);
-      else if (ref) ref.current = instance;
-    });
-  };
-const useMergedRefs = (...refs) =>
-  _react.useCallback(mergeRefs(...refs), [...refs]);

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

@@ -1,23 +0,0 @@
-/**
- * Hook that observes the size of an element and returns the number of items
- * that should be visible based on the size of the container element.
- *
- * The returned number should be used to render the element with fewer items.
- *
- * @private
- * @param itemsCount Number of items that this element contains.
- * @param disabled Set to true to disconnect the observer.
- * @param dimension 'horizontal' (default) or 'vertical'
- * @returns [callback ref to set on container, stateful count of visible items]
- *
- * @example
- * const items = Array(10).fill().map((_, i) => <span>Item {i}</span>);
- * const [ref, visibleCount] = useOverflow(items);
- * ...
- * return (
- *   <div ref={ref}>
- *     {items.slice(0, visibleCount)}
- *   </div>
- * );
- */
-export declare const useOverflow: <T extends HTMLElement>(itemsCount: number, disabled?: boolean, orientation?: "horizontal" | "vertical") => readonly [(instance: T | null | undefined) => void, number];

package/cjs/utils/hooks/useOverflow.js

@@ -1,76 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useOverflow', {
-  enumerable: true,
-  get: function () {
-    return useOverflow;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _useMergedRefs = require('./useMergedRefs.js');
-const _useResizeObserver = require('./useResizeObserver.js');
-const _useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.js');
-const STARTING_MAX_ITEMS_COUNT = 20;
-const useOverflow = (
-  itemsCount,
-  disabled = false,
-  orientation = 'horizontal',
-) => {
-  let containerRef = _react.useRef(null);
-  let [visibleCount, setVisibleCount] = _react.useState(() =>
-    disabled ? itemsCount : Math.min(itemsCount, STARTING_MAX_ITEMS_COUNT),
-  );
-  let needsFullRerender = _react.useRef(true);
-  let [containerSize, setContainerSize] = _react.useState(0);
-  let previousContainerSize = _react.useRef(0);
-  let updateContainerSize = _react.useCallback(
-    ({ width, height }) =>
-      setContainerSize('horizontal' === orientation ? width : height),
-    [orientation],
-  );
-  let [resizeRef, observer] = (0, _useResizeObserver.useResizeObserver)(
-    updateContainerSize,
-  );
-  let resizeObserverRef = _react.useRef(observer);
-  (0, _useIsomorphicLayoutEffect.useLayoutEffect)(() => {
-    if (disabled) setVisibleCount(itemsCount);
-    else {
-      setVisibleCount(Math.min(itemsCount, STARTING_MAX_ITEMS_COUNT));
-      needsFullRerender.current = true;
-    }
-  }, [containerSize, disabled, itemsCount]);
-  let mergedRefs = (0, _useMergedRefs.useMergedRefs)(containerRef, resizeRef);
-  (0, _useIsomorphicLayoutEffect.useLayoutEffect)(() => {
-    if (!containerRef.current || disabled) {
-      resizeObserverRef.current?.disconnect();
-      return;
-    }
-    let dimension = 'horizontal' === orientation ? 'Width' : 'Height';
-    let availableSize = containerRef.current[`offset${dimension}`];
-    let requiredSize = containerRef.current[`scroll${dimension}`];
-    if (availableSize < requiredSize) {
-      let avgItemSize = requiredSize / visibleCount;
-      let visibleItems = Math.floor(availableSize / avgItemSize);
-      setVisibleCount(visibleItems > 0 ? visibleItems : 1);
-    } else if (needsFullRerender.current) {
-      let childrenSize = Array.from(containerRef.current.children).reduce(
-        (sum, child) => sum + child[`offset${dimension}`],
-        0,
-      );
-      let currentVisibleCount =
-        visibleCount || Math.min(itemsCount, STARTING_MAX_ITEMS_COUNT);
-      let avgItemSize = childrenSize / currentVisibleCount;
-      let visibleItems = Math.floor(availableSize / avgItemSize);
-      if (!isNaN(visibleItems))
-        setVisibleCount(Math.min(itemsCount, 2 * visibleItems));
-    }
-    needsFullRerender.current = false;
-  }, [containerSize, visibleCount, disabled, itemsCount, orientation]);
-  (0, _useIsomorphicLayoutEffect.useLayoutEffect)(() => {
-    previousContainerSize.current = containerSize;
-  }, [containerSize]);
-  return [mergedRefs, visibleCount];
-};

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

@@ -1,13 +0,0 @@
-/**
- * Hook that uses `ResizeObserver` to access an element's size every time it updates.
- * @private
- * @param onResize callback fired with the element's new dimensions on every resize.
- * @returns a callback ref that needs to be set on the element, and a ResizeObserver instance.
- *
- * @example
- * const onResize = React.useCallback((size) => console.log(size), []);
- * const [ref] = useResizeObserver(onResize);
- * ...
- * return <div ref={ref}>...</div>;
- */
-export declare const useResizeObserver: <T extends HTMLElement>(onResize: (size: DOMRectReadOnly) => void) => readonly [(element: T | null | undefined) => void, ResizeObserver | undefined];

package/cjs/utils/hooks/useResizeObserver.js

@@ -1,34 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useResizeObserver', {
-  enumerable: true,
-  get: function () {
-    return useResizeObserver;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _dom = require('../functions/dom.js');
-const useResizeObserver = (onResize) => {
-  let resizeObserver = _react.useRef();
-  let elementRef = _react.useCallback(
-    (element) => {
-      if (!(0, _dom.getWindow)()?.ResizeObserver) return;
-      resizeObserver.current?.disconnect?.();
-      if (element) {
-        resizeObserver.current = new ResizeObserver((entries) => {
-          window.requestAnimationFrame(() => {
-            if (!Array.isArray(entries) || !entries.length) return;
-            let [{ contentRect }] = entries;
-            return onResize(contentRect);
-          });
-        });
-        resizeObserver.current?.observe?.(element);
-      }
-    },
-    [onResize],
-  );
-  return [elementRef, resizeObserver.current];
-};

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

@@ -1,6 +0,0 @@
-import * as React from 'react';
-/**
- * Wrapper hook around `useContext` that throws an error if the context is not provided.
- * @param context Context to use. Must have a `displayName` for useful errors.
- */
-export declare const useSafeContext: <T>(context: React.Context<T>) => NonNullable<T>;

package/cjs/utils/hooks/useSafeContext.js

@@ -1,18 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useSafeContext', {
-  enumerable: true,
-  get: function () {
-    return useSafeContext;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const useSafeContext = (context) => {
-  let value = _react.useContext(context);
-  if (!value)
-    throw new Error(`${context.displayName || 'Context'} is undefined`);
-  return value;
-};

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

@@ -1,5 +0,0 @@
-import * as React from 'react';
-/**
- * Wrapper around `React.useSyncExternalStore` that uses a shim for React 17.
- */
-export declare const useSyncExternalStore: typeof React.useSyncExternalStore;