@itwin/itwinui-react 3.16.1 → 5.0.0-alpha.1

package/DEV-cjs/utils/functions/import.js

@@ -1,33 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'importCss', {
-  enumerable: true,
-  get: function () {
-    return importCss;
-  },
-});
-const importCss = async (url) => {
-  try {
-    return await new Function(
-      `return import("${url}", { with: { type: "css" } })`,
-    )();
-  } catch {
-    try {
-      return await new Function(
-        `return import("${url}", { assert: { type: "css" } })`,
-      )();
-    } catch {
-      return await fetch(url)
-        .then((res) => res.text())
-        .then((cssText) => {
-          let stylesheet = new CSSStyleSheet();
-          stylesheet.replaceSync(cssText);
-          return {
-            default: stylesheet,
-          };
-        });
-    }
-  }
-};

package/DEV-cjs/utils/functions/index.js

@@ -1,15 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-const _export_star = require('@swc/helpers/_/_export_star');
-_export_star._(require('./date.js'), exports);
-_export_star._(require('./dom.js'), exports);
-_export_star._(require('./colors.js'), exports);
-_export_star._(require('./numbers.js'), exports);
-_export_star._(require('./focusable.js'), exports);
-_export_star._(require('./supports.js'), exports);
-_export_star._(require('./polymorphic.js'), exports);
-_export_star._(require('./import.js'), exports);
-_export_star._(require('./react.js'), exports);
-_export_star._(require('./dev.js'), exports);

package/DEV-cjs/utils/functions/numbers.js

@@ -1,34 +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, {
-  getBoundedValue: function () {
-    return getBoundedValue;
-  },
-  getRandomValue: function () {
-    return getRandomValue;
-  },
-  roundByDPR: function () {
-    return roundByDPR;
-  },
-});
-const getBoundedValue = (val, min, max) => Math.min(max, Math.max(min, val));
-const getRandomValue = (length = 21) => {
-  let alphabet =
-    '_-0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
-  let id = '';
-  for (let i = 0; i < length; i++) id += alphabet[(64 * Math.random()) | 0];
-  return id;
-};
-const roundByDPR = (value) => {
-  let dpr = window.devicePixelRatio || 1;
-  return Math.round(value * dpr) / dpr;
-};

package/DEV-cjs/utils/functions/polymorphic.js

@@ -1,61 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'polymorphic', {
-  enumerable: true,
-  get: function () {
-    return polymorphic;
-  },
-});
-const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _classnames = _interop_require_default._(require('classnames'));
-const _useGlobals = require('../hooks/useGlobals.js');
-const _styles = require('../../styles.js');
-const _base = (defaultElement) => (className, attrs) => {
-  let Comp = _react.forwardRef(({ as = defaultElement, ...props }, ref) => {
-    props = {
-      ...attrs,
-      ...props,
-      className: getScopedClassName(
-        (0, _classnames.default)(className, attrs?.className, props.className),
-      ),
-    };
-    let Element = as || 'div';
-    if (
-      'button' === Element ||
-      'a' === Element ||
-      ('input' === Element && 'checkbox' === props.type)
-    ) {
-      var _props;
-      (_props = props).tabIndex ?? (_props.tabIndex = 0);
-    }
-    (0, _useGlobals.useGlobals)();
-    return _react.createElement(Element, {
-      ref: ref,
-      ...props,
-    });
-  });
-  Comp.displayName = getDisplayNameFromClass(className);
-  return Comp;
-};
-const polymorphic = new Proxy(
-  {},
-  {
-    get: (target, prop) => {
-      if ('string' == typeof prop) return _base(prop);
-      return Reflect.get(target, prop);
-    },
-  },
-);
-const getDisplayNameFromClass = (str) => {
-  let camel = str.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
-  return camel.substring(3);
-};
-const getScopedClassName = (className = '') =>
-  className
-    .split(' ')
-    .map((c) => (c in _styles.styles ? _styles.styles[c] : c))
-    .join(' ') || null;

package/DEV-cjs/utils/functions/react.js

@@ -1,28 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'cloneElementWithRef', {
-  enumerable: true,
-  get: function () {
-    return cloneElementWithRef;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _useMergedRefs = require('../hooks/useMergedRefs.js');
-const cloneElementWithRef = (children, getProps) => {
-  if (!children) return null;
-  if (!_react.isValidElement(children)) return children;
-  let props = getProps(children);
-  let ref = (0, _useMergedRefs.mergeRefs)(
-    ...[
-      'ref' in children ? children.ref : null,
-      'ref' in props ? props.ref : null,
-    ].filter(Boolean),
-  );
-  return _react.cloneElement(children, {
-    ...props,
-    ref,
-  });
-};

package/DEV-cjs/utils/functions/supports.js

@@ -1,13 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'supportsHas', {
-  enumerable: true,
-  get: function () {
-    return supportsHas;
-  },
-});
-const _dom = require('./dom.js');
-const supportsHas = () =>
-  (0, _dom.getWindow)()?.CSS?.supports?.('selector(:has(+ *))');

package/DEV-cjs/utils/hooks/index.js

@@ -1,22 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-const _export_star = require('@swc/helpers/_/_export_star');
-_export_star._(require('./useEventListener.js'), exports);
-_export_star._(require('./useMergedRefs.js'), exports);
-_export_star._(require('./useResizeObserver.js'), exports);
-_export_star._(require('./useContainerWidth.js'), exports);
-_export_star._(require('./useGlobals.js'), exports);
-_export_star._(require('./useIntersection.js'), exports);
-_export_star._(require('./useMediaQuery.js'), exports);
-_export_star._(require('./useSafeContext.js'), exports);
-_export_star._(require('./useLatestRef.js'), exports);
-_export_star._(require('./useIsomorphicLayoutEffect.js'), exports);
-_export_star._(require('./useIsClient.js'), exports);
-_export_star._(require('./useId.js'), exports);
-_export_star._(require('./useControlledState.js'), exports);
-_export_star._(require('./useSyncExternalStore.js'), exports);
-_export_star._(require('./useVirtualScroll.js'), exports);
-_export_star._(require('./useInstance.js'), exports);
-_export_star._(require('./useWarningLogger.js'), exports);

package/DEV-cjs/utils/hooks/useContainerWidth.js

@@ -1,34 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useContainerWidth', {
-  enumerable: true,
-  get: function () {
-    return useContainerWidth;
-  },
-});
-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 useContainerWidth = (watchResizes = true) => {
-  let [contentWidth, setContentWidth] = _react.useState(0);
-  let ref = _react.useCallback((element) => {
-    if (!element) return;
-    setContentWidth(element.getBoundingClientRect().width);
-  }, []);
-  let updateWidth = _react.useCallback(
-    ({ width }) => setContentWidth(width),
-    [],
-  );
-  let [resizeRef, resizeObserver] = (0, _useResizeObserver.useResizeObserver)(
-    updateWidth,
-  );
-  if (!watchResizes) resizeObserver?.disconnect();
-  let refs = (0, _useMergedRefs.useMergedRefs)(
-    ref,
-    watchResizes ? resizeRef : void 0,
-  );
-  return [refs, contentWidth];
-};

package/DEV-cjs/utils/hooks/useControlledState.js

@@ -1,31 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', {
-  value: true,
-});
-Object.defineProperty(exports, 'useControlledState', {
-  enumerable: true,
-  get: function () {
-    return useControlledState;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const useControlledState = (
-  initialValue,
-  controlledState,
-  setControlledState,
-) => {
-  let [uncontrolledState, setUncontrolledState] = _react.useState(initialValue);
-  let state = _react.useMemo(
-    () => (void 0 !== controlledState ? controlledState : uncontrolledState),
-    [controlledState, uncontrolledState],
-  );
-  let setState = _react.useCallback(
-    (value) => {
-      setUncontrolledState(value);
-      setControlledState?.(value);
-    },
-    [setControlledState, setUncontrolledState],
-  );
-  return [state, setState];
-};

package/DEV-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/DEV-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/DEV-cjs/utils/hooks/useGlobals.js

@@ -1,57 +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(() => {
-    if (!_dev.isUnitTest && !didLogWarning.themeProvider && !themeContext) {
-      console.error(
-        'iTwinUI components must be used within a tree wrapped in a ThemeProvider.',
-      );
-      didLogWarning.themeProvider = true;
-    }
-  }, [themeContext]);
-};
-const useRootFontSizeWarning = () => {
-  _react.useEffect(() => {
-    if (!_dev.isUnitTest && !didLogWarning.fontSize) {
-      let rootFontSize = parseInt(
-        getComputedStyle(document.documentElement).fontSize,
-      );
-      if (rootFontSize < 16)
-        console.error(
-          'Root font size must not be overridden. \nSee https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#relative-font-size',
-        );
-      didLogWarning.fontSize = true;
-    }
-  }, []);
-};

package/DEV-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/DEV-cjs/utils/hooks/useInstance.js

@@ -1,38 +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, {
-  useInstance: function () {
-    return useInstance;
-  },
-  useSynchronizeInstance: function () {
-    return useSynchronizeInstance;
-  },
-});
-const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _react = _interop_require_wildcard._(require('react'));
-const _useSyncExternalStore = require('./useSyncExternalStore.js');
-class Instance {}
-const useInstance = () => _react.useMemo(() => new Instance(), []);
-const useSynchronizeInstance = (instance, properties) => {
-  let synchronize = _react.useCallback(() => {
-    if (!(instance instanceof Instance)) return () => {};
-    Object.assign(instance, properties);
-    return () => {
-      for (let key in properties) delete instance[key];
-    };
-  }, [instance, properties]);
-  return (0, _useSyncExternalStore.useSyncExternalStore)(
-    synchronize,
-    () => instance,
-    () => instance,
-  );
-};

package/DEV-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/DEV-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/DEV-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/DEV-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/DEV-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,
-  );
-};