@itwin/itwinui-react 3.13.3 → 3.14.0

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

@@ -1,30 +1,31 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useControlledState", {
-    enumerable: true,
-    get: function() {
-        return useControlledState;
-    }
+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
-    ];
+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,92 +1,116 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useDragAndDrop", {
-    enumerable: true,
-    get: function() {
-        return useDragAndDrop;
-    }
+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 _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
-    };
+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,31 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useEventListener", {
-    enumerable: true,
-    get: function() {
-        return useEventListener;
-    }
+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
-    ]);
+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,51 +1,57 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'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]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    useGlobals: function() {
-        return useGlobals;
-    },
-    useThemeProviderWarning: function() {
-        return useThemeProviderWarning;
-    }
+  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 _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
+  fontSize: false,
+  themeProvider: false,
 };
-const useGlobals = ()=>{
-    let themeContext = _react.useContext(_ThemeContext.ThemeContext);
-    useThemeProviderWarning(themeContext);
-    useRootFontSizeWarning();
-    return themeContext;
+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 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;
-        }
-    }, []);
+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 +1,21 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useId", {
-    enumerable: true,
-    get: function() {
-        return useId;
-    }
+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 _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), []));
+const useUniqueValue =
+  _React.useId ??
+  (() => _react.useMemo(() => (0, _numbers.getRandomValue)(10), []));

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

@@ -1,41 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useIntersection", {
-    enumerable: true,
-    get: function() {
-        return useIntersection;
-    }
+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;
+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 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useIsClient", {
-    enumerable: true,
-    get: function() {
-        return useIsClient;
-    }
+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;
+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,13 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useLayoutEffect", {
-    enumerable: true,
-    get: function() {
-        return 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 = 'undefined' != typeof window ? _react.useLayoutEffect : _react.useEffect;
+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,21 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "useLatestRef", {
-    enumerable: true,
-    get: function() {
-        return useLatestRef;
-    }
+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;
+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;
 };