@itwin/itwinui-react 3.0.4 → 3.0.5

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

@@ -13,22 +13,22 @@ import * as React from 'react';
  *  );
  */
 export const useEventListener = (eventName, handler, element) => {
-  // Based on published hook https://usehooks.com/useEventListener/.
-  const savedHandler = React.useRef();
-  // Update reference if handler changes. This allows our effect below to
-  // always use latest handler without us needing to pass it in effect deps array
-  // and potentially cause effect to re-run every render.
-  React.useEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  React.useEffect(() => {
-    if (!element) {
-      return;
-    }
-    const eventListener = (event) => savedHandler.current?.(event);
-    element.addEventListener(eventName, eventListener);
-    return () => {
-      element.removeEventListener(eventName, eventListener);
-    };
-  }, [eventName, element]);
+    // Based on published hook https://usehooks.com/useEventListener/.
+    const savedHandler = React.useRef();
+    // Update reference if handler changes. This allows our effect below to
+    // always use latest handler without us needing to pass it in effect deps array
+    // and potentially cause effect to re-run every render.
+    React.useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+    React.useEffect(() => {
+        if (!element) {
+            return;
+        }
+        const eventListener = (event) => savedHandler.current?.(event);
+        element.addEventListener(eventName, eventListener);
+        return () => {
+            element.removeEventListener(eventName, eventListener);
+        };
+    }, [eventName, element]);
 };

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

@@ -6,8 +6,8 @@ import * as React from 'react';
 import { ThemeContext } from '../../ThemeProvider/ThemeContext.js';
 import { isDev } from '../functions/dev.js';
 const didLogWarning = {
-  fontSize: false,
-  themeProvider: false,
+    fontSize: false,
+    themeProvider: false,
 };
 /**
  * Hook used in every component for any shared setup and side effects.
@@ -16,37 +16,31 @@ const didLogWarning = {
  * @private
  */
 export const useGlobals = () => {
-  const themeContext = React.useContext(ThemeContext);
-  useThemeProviderWarning(themeContext);
-  useRootFontSizeWarning();
-  return themeContext;
+    const themeContext = React.useContext(ThemeContext);
+    useThemeProviderWarning(themeContext);
+    useRootFontSizeWarning();
+    return themeContext;
 };
 // ----------------------------------------------------------------------------
 /** Shows console error if ThemeProvider is not used */
 export const useThemeProviderWarning = (themeContext) => {
-  React.useEffect(() => {
-    if (isDev && !didLogWarning.themeProvider && !themeContext) {
-      console.error(
-        'iTwinUI components must be used within a tree wrapped in a ThemeProvider.',
-      );
-      didLogWarning.themeProvider = true;
-    }
-  }, [themeContext]);
+    React.useEffect(() => {
+        if (isDev && !didLogWarning.themeProvider && !themeContext) {
+            console.error('iTwinUI components must be used within a tree wrapped in a ThemeProvider.');
+            didLogWarning.themeProvider = true;
+        }
+    }, [themeContext]);
 };
 // ----------------------------------------------------------------------------
 /** Shows console error if the page changes the root font size */
 const useRootFontSizeWarning = () => {
-  React.useEffect(() => {
-    if (isDev && !didLogWarning.fontSize) {
-      const 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;
-    }
-  }, []);
+    React.useEffect(() => {
+        if (isDev && !didLogWarning.fontSize) {
+            const 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/esm/core/utils/hooks/useId.js

@@ -9,11 +9,10 @@ import { getRandomValue } from '../functions/numbers.js';
  * a random value as fallback for older React versions which don't include `useId`.
  */
 export const useId = () => {
-  const uniqueValue = useUniqueValue();
-  return React.useMemo(() => `iui-${uniqueValue}`, [uniqueValue]);
+    const uniqueValue = useUniqueValue();
+    return React.useMemo(() => `iui-${uniqueValue}`, [uniqueValue]);
 };
 // This is needed to avoid bundlers trying to import non-existing export.
 // Read more: https://github.com/webpack/webpack/issues/14814
 const _React = React;
-const useUniqueValue =
-  _React.useId ?? (() => React.useMemo(() => getRandomValue(10), []));
+const useUniqueValue = _React.useId ?? (() => React.useMemo(() => getRandomValue(10), []));

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

@@ -17,30 +17,24 @@ import { getWindow } from '../functions/dom.js';
  * return (<div ref={ref}>One of many elements</div>);
  */
 export 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 || !getWindow()?.IntersectionObserver) {
-        return;
-      }
-      const observer = new IntersectionObserver(
-        ([entry], obs) => {
-          if (entry.isIntersecting) {
-            if (once) {
-              obs.disconnect();
+    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 || !getWindow()?.IntersectionObserver) {
+            return;
+        }
+        const observer = new IntersectionObserver(([entry], obs) => {
+            if (entry.isIntersecting) {
+                if (once) {
+                    obs.disconnect();
+                }
+                onIntersect();
             }
-            onIntersect();
-          }
-        },
-        { root, rootMargin, threshold },
-      );
-      observer.observe(node);
-      cleanupRef.current = () => observer.disconnect();
-    },
-    [onIntersect, once, root, rootMargin, threshold],
-  );
-  return setRef;
+        }, { root, rootMargin, threshold });
+        observer.observe(node);
+        cleanupRef.current = () => observer.disconnect();
+    }, [onIntersect, once, root, rootMargin, threshold]);
+    return setRef;
 };

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

@@ -4,9 +4,9 @@
  *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 export 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;
 };

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

@@ -8,5 +8,4 @@ import * as React from 'react';
  *
  * @see https://fb.me/react-uselayouteffect-ssr
  */
-export const useIsomorphicLayoutEffect =
-  typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;

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

@@ -11,9 +11,9 @@ import * as React from 'react';
  * const valueRef = useLatestRef(value);
  */
 export 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;
 };

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

@@ -6,28 +6,30 @@ import * as React from 'react';
 import { getWindow } from '../functions/index.js';
 import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.js';
 export const useMediaQuery = (queryString) => {
-  const [matches, setMatches] = React.useState();
-  useIsomorphicLayoutEffect(() => {
-    const mediaQueryList = getWindow()?.matchMedia?.(queryString);
-    const handleChange = ({ matches }) => setMatches(matches);
-    if (mediaQueryList != undefined) {
-      setMatches(mediaQueryList.matches);
-      try {
-        mediaQueryList.addEventListener('change', handleChange);
-      } catch {
-        // Safari 13 fallback
-        mediaQueryList.addListener?.(handleChange);
-      }
-    }
-    return () => {
-      try {
-        mediaQueryList?.removeEventListener('change', handleChange);
-      } catch {
-        // Safari 13 fallback
-        mediaQueryList?.removeListener?.(handleChange);
-      }
-    };
-  }, [queryString]);
-  return !!matches;
+    const [matches, setMatches] = React.useState();
+    useIsomorphicLayoutEffect(() => {
+        const mediaQueryList = getWindow()?.matchMedia?.(queryString);
+        const handleChange = ({ matches }) => setMatches(matches);
+        if (mediaQueryList != undefined) {
+            setMatches(mediaQueryList.matches);
+            try {
+                mediaQueryList.addEventListener('change', handleChange);
+            }
+            catch {
+                // Safari 13 fallback
+                mediaQueryList.addListener?.(handleChange);
+            }
+        }
+        return () => {
+            try {
+                mediaQueryList?.removeEventListener('change', handleChange);
+            }
+            catch {
+                // Safari 13 fallback
+                mediaQueryList?.removeListener?.(handleChange);
+            }
+        };
+    }, [queryString]);
+    return !!matches;
 };
 export default useMediaQuery;

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

@@ -7,20 +7,21 @@ import * as React from 'react';
  * Function that merges the provided refs into one.
  */
 export 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;
+            }
+        });
+    };
 };
 /**
  * Returns a ref callback that merges the provided refs using `mergeRefs`.
  */
 export const useMergedRefs = (...refs) => {
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  return React.useCallback(mergeRefs(...refs), [...refs]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return React.useCallback(mergeRefs(...refs), [...refs]);
 };

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

@@ -29,68 +29,56 @@ const STARTING_MAX_ITEMS_COUNT = 20;
  *   </div>
  * );
  */
-export const useOverflow = (
-  items,
-  disabled = false,
-  orientation = 'horizontal',
-) => {
-  const containerRef = React.useRef(null);
-  const [visibleCount, setVisibleCount] = React.useState(() =>
-    disabled ? items.length : Math.min(items.length, STARTING_MAX_ITEMS_COUNT),
-  );
-  const needsFullRerender = React.useRef(true);
-  const [containerSize, setContainerSize] = React.useState(0);
-  const previousContainerSize = React.useRef(0);
-  const updateContainerSize = React.useCallback(
-    ({ width, height }) =>
-      setContainerSize(orientation === 'horizontal' ? width : height),
-    [orientation],
-  );
-  const [resizeRef, observer] = useResizeObserver(updateContainerSize);
-  const resizeObserverRef = React.useRef(observer);
-  useIsomorphicLayoutEffect(() => {
-    if (disabled) {
-      setVisibleCount(items.length);
-    } else {
-      setVisibleCount(Math.min(items.length, STARTING_MAX_ITEMS_COUNT));
-      needsFullRerender.current = true;
-    }
-  }, [containerSize, disabled, items]);
-  const mergedRefs = useMergedRefs(containerRef, resizeRef);
-  useIsomorphicLayoutEffect(() => {
-    if (!containerRef.current || disabled) {
-      resizeObserverRef.current?.disconnect();
-      return;
-    }
-    const dimension = orientation === 'horizontal' ? 'Width' : 'Height';
-    const availableSize = containerRef.current[`offset${dimension}`];
-    const requiredSize = containerRef.current[`scroll${dimension}`];
-    if (availableSize < requiredSize) {
-      const avgItemSize = requiredSize / visibleCount;
-      const visibleItems = Math.floor(availableSize / avgItemSize);
-      /* When first item is larger than the container - visibleItems count is 0,
+export const useOverflow = (items, disabled = false, orientation = 'horizontal') => {
+    const containerRef = React.useRef(null);
+    const [visibleCount, setVisibleCount] = React.useState(() => disabled ? items.length : Math.min(items.length, STARTING_MAX_ITEMS_COUNT));
+    const needsFullRerender = React.useRef(true);
+    const [containerSize, setContainerSize] = React.useState(0);
+    const previousContainerSize = React.useRef(0);
+    const updateContainerSize = React.useCallback(({ width, height }) => setContainerSize(orientation === 'horizontal' ? width : height), [orientation]);
+    const [resizeRef, observer] = useResizeObserver(updateContainerSize);
+    const resizeObserverRef = React.useRef(observer);
+    useIsomorphicLayoutEffect(() => {
+        if (disabled) {
+            setVisibleCount(items.length);
+        }
+        else {
+            setVisibleCount(Math.min(items.length, STARTING_MAX_ITEMS_COUNT));
+            needsFullRerender.current = true;
+        }
+    }, [containerSize, disabled, items]);
+    const mergedRefs = useMergedRefs(containerRef, resizeRef);
+    useIsomorphicLayoutEffect(() => {
+        if (!containerRef.current || disabled) {
+            resizeObserverRef.current?.disconnect();
+            return;
+        }
+        const dimension = orientation === 'horizontal' ? 'Width' : 'Height';
+        const availableSize = containerRef.current[`offset${dimension}`];
+        const requiredSize = containerRef.current[`scroll${dimension}`];
+        if (availableSize < requiredSize) {
+            const avgItemSize = requiredSize / visibleCount;
+            const visibleItems = Math.floor(availableSize / avgItemSize);
+            /* When first item is larger than the container - visibleItems count is 0,
             We can assume that at least some part of the first item is visible and return 1. */
-      setVisibleCount(visibleItems > 0 ? visibleItems : 1);
-    } else if (needsFullRerender.current) {
-      const childrenSize = Array.from(containerRef.current.children).reduce(
-        (sum, child) => sum + child[`offset${dimension}`],
-        0,
-      );
-      // Previous `useEffect` might have updated visible count, but we still have old one
-      // If it is 0, lets try to update it with items length.
-      const currentVisibleCount =
-        visibleCount || Math.min(items.length, STARTING_MAX_ITEMS_COUNT);
-      const avgItemSize = childrenSize / currentVisibleCount;
-      const visibleItems = Math.floor(availableSize / avgItemSize);
-      if (!isNaN(visibleItems)) {
-        // Doubling the visible items to overflow the container. Just to be safe.
-        setVisibleCount(Math.min(items.length, visibleItems * 2));
-      }
-    }
-    needsFullRerender.current = false;
-  }, [containerSize, visibleCount, disabled, items.length, orientation]);
-  useIsomorphicLayoutEffect(() => {
-    previousContainerSize.current = containerSize;
-  }, [containerSize]);
-  return [mergedRefs, visibleCount];
+            setVisibleCount(visibleItems > 0 ? visibleItems : 1);
+        }
+        else if (needsFullRerender.current) {
+            const childrenSize = Array.from(containerRef.current.children).reduce((sum, child) => sum + child[`offset${dimension}`], 0);
+            // Previous `useEffect` might have updated visible count, but we still have old one
+            // If it is 0, lets try to update it with items length.
+            const currentVisibleCount = visibleCount || Math.min(items.length, STARTING_MAX_ITEMS_COUNT);
+            const avgItemSize = childrenSize / currentVisibleCount;
+            const visibleItems = Math.floor(availableSize / avgItemSize);
+            if (!isNaN(visibleItems)) {
+                // Doubling the visible items to overflow the container. Just to be safe.
+                setVisibleCount(Math.min(items.length, visibleItems * 2));
+            }
+        }
+        needsFullRerender.current = false;
+    }, [containerSize, visibleCount, disabled, items.length, orientation]);
+    useIsomorphicLayoutEffect(() => {
+        previousContainerSize.current = containerSize;
+    }, [containerSize]);
+    return [mergedRefs, visibleCount];
 };

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

@@ -17,21 +17,16 @@ import { getWindow } from '../functions/dom.js';
  * return <div ref={ref}>...</div>;
  */
 export const useResizeObserver = (onResize) => {
-  const resizeObserver = React.useRef();
-  const elementRef = React.useCallback(
-    (element) => {
-      if (!getWindow()?.ResizeObserver) {
-        return;
-      }
-      resizeObserver.current?.disconnect?.();
-      if (element) {
-        resizeObserver.current = new ResizeObserver(([{ contentRect }]) =>
-          onResize(contentRect),
-        );
-        resizeObserver.current?.observe?.(element);
-      }
-    },
-    [onResize],
-  );
-  return [elementRef, resizeObserver.current];
+    const resizeObserver = React.useRef();
+    const elementRef = React.useCallback((element) => {
+        if (!getWindow()?.ResizeObserver) {
+            return;
+        }
+        resizeObserver.current?.disconnect?.();
+        if (element) {
+            resizeObserver.current = new ResizeObserver(([{ contentRect }]) => onResize(contentRect));
+            resizeObserver.current?.observe?.(element);
+        }
+    }, [onResize]);
+    return [elementRef, resizeObserver.current];
 };

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

@@ -8,9 +8,9 @@ import * as React from 'react';
  * @param context Context to use. Must have a `displayName` for useful errors.
  */
 export const useSafeContext = (context) => {
-  const value = React.useContext(context);
-  if (!value) {
-    throw new Error(`${context.displayName} is undefined`);
-  }
-  return value; // eslint-disable-line @typescript-eslint/no-non-null-assertion -- we already checked for undefined
+    const value = React.useContext(context);
+    if (!value) {
+        throw new Error(`${context.displayName} is undefined`);
+    }
+    return value; // eslint-disable-line @typescript-eslint/no-non-null-assertion -- we already checked for undefined
 };

package/esm/core/utils/icons/StatusIconMap.js

@@ -8,12 +8,8 @@ import { SvgStatusError } from './SvgStatusError.js';
 import { SvgStatusSuccess } from './SvgStatusSuccess.js';
 import { SvgStatusWarning } from './SvgStatusWarning.js';
 export const StatusIconMap = {
-  negative: (args) =>
-    React.createElement(SvgStatusError, { 'aria-hidden': true, ...args }),
-  positive: (args) =>
-    React.createElement(SvgStatusSuccess, { 'aria-hidden': true, ...args }),
-  warning: (args) =>
-    React.createElement(SvgStatusWarning, { 'aria-hidden': true, ...args }),
-  informational: (args) =>
-    React.createElement(SvgInfoCircular, { 'aria-hidden': true, ...args }),
+    negative: (args) => React.createElement(SvgStatusError, { "aria-hidden": true, ...args }),
+    positive: (args) => React.createElement(SvgStatusSuccess, { "aria-hidden": true, ...args }),
+    warning: (args) => React.createElement(SvgStatusWarning, { "aria-hidden": true, ...args }),
+    informational: (args) => (React.createElement(SvgInfoCircular, { "aria-hidden": true, ...args })),
 };

package/esm/core/utils/icons/SvgCalendar.js

@@ -5,11 +5,6 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCalendar = (props) => {
-  return React.createElement(
-    Svg,
-    { ...props },
-    React.createElement('path', {
-      d: 'M13,13H9V10h4ZM16,3V15a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V3A1,1,0,0,1,1,2H3V0H4V2h8V0h1V2h2A1,1,0,0,1,16,3ZM15,6H1v9H15Z',
-    }),
-  );
+    return (React.createElement(Svg, { ...props },
+        React.createElement("path", { d: 'M13,13H9V10h4ZM16,3V15a1,1,0,0,1-1,1H1a1,1,0,0,1-1-1V3A1,1,0,0,1,1,2H3V0H4V2h8V0h1V2h2A1,1,0,0,1,16,3ZM15,6H1v9H15Z' })));
 };

package/esm/core/utils/icons/SvgCaretDownSmall.js

@@ -5,11 +5,6 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCaretDownSmall = (props) => {
-  return React.createElement(
-    Svg,
-    { ...props },
-    React.createElement('path', {
-      d: 'M4.807 6h6.395a.28.28 0 0 1 .24.443L8.27 9.9a.34.34 0 0 1-.481 0L4.566 6.443A.27.27 0 0 1 4.806 6z',
-    }),
-  );
+    return (React.createElement(Svg, { ...props },
+        React.createElement("path", { d: 'M4.807 6h6.395a.28.28 0 0 1 .24.443L8.27 9.9a.34.34 0 0 1-.481 0L4.566 6.443A.27.27 0 0 1 4.806 6z' })));
 };

package/esm/core/utils/icons/SvgCaretRightSmall.js

@@ -5,11 +5,6 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCaretRightSmall = (props) => {
-  return React.createElement(
-    Svg,
-    { ...props },
-    React.createElement('path', {
-      d: 'M6.003 4.807v6.4a.28.28 0 0 0 .443.24L9.9 8.27a.34.34 0 0 0 0-.48L6.446 4.566a.269.269 0 0 0-.443.24z',
-    }),
-  );
+    return (React.createElement(Svg, { ...props },
+        React.createElement("path", { d: 'M6.003 4.807v6.4a.28.28 0 0 0 .443.24L9.9 8.27a.34.34 0 0 0 0-.48L6.446 4.566a.269.269 0 0 0-.443.24z' })));
 };

package/esm/core/utils/icons/SvgCaretUpSmall.js

@@ -5,11 +5,6 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCaretUpSmall = (props) => {
-  return React.createElement(
-    Svg,
-    { ...props },
-    React.createElement('path', {
-      d: 'M4.807 9.997h6.395a.28.28 0 0 0 .24-.443L8.27 6.097a.34.34 0 0 0-.48 0h-.001L4.566 9.554a.27.27 0 0 0 .24.443z',
-    }),
-  );
+    return (React.createElement(Svg, { ...props },
+        React.createElement("path", { d: 'M4.807 9.997h6.395a.28.28 0 0 0 .24-.443L8.27 6.097a.34.34 0 0 0-.48 0h-.001L4.566 9.554a.27.27 0 0 0 .24.443z' })));
 };

package/esm/core/utils/icons/SvgCheckmark.js

@@ -5,9 +5,6 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCheckmark = (props) => {
-  return React.createElement(
-    Svg,
-    { ...props },
-    React.createElement('path', { d: 'M6,14L0,8l2-2l4,4l8-8l2,2L6,14z' }),
-  );
+    return (React.createElement(Svg, { ...props },
+        React.createElement("path", { d: 'M6,14L0,8l2-2l4,4l8-8l2,2L6,14z' })));
 };

package/esm/core/utils/icons/SvgCheckmarkSmall.js

@@ -5,11 +5,6 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgCheckmarkSmall = (props) => {
-  return React.createElement(
-    Svg,
-    { ...props },
-    React.createElement('path', {
-      d: 'm6 13.4-4.7-4.7 1.4-1.4 3.3 3.3 7.3-7.3 1.4 1.4z',
-    }),
-  );
+    return (React.createElement(Svg, { ...props },
+        React.createElement("path", { d: 'm6 13.4-4.7-4.7 1.4-1.4 3.3 3.3 7.3-7.3 1.4 1.4z' })));
 };

package/esm/core/utils/icons/SvgChevronLeft.js

@@ -5,11 +5,6 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgChevronLeft = (props) => {
-  return React.createElement(
-    Svg,
-    { ...props },
-    React.createElement('path', {
-      d: 'm11.3 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z',
-    }),
-  );
+    return (React.createElement(Svg, { ...props },
+        React.createElement("path", { d: 'm11.3 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z' })));
 };

package/esm/core/utils/icons/SvgChevronLeftDouble.js

@@ -5,11 +5,6 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgChevronLeftDouble = (props) => {
-  return React.createElement(
-    Svg,
-    { ...props },
-    React.createElement('path', {
-      d: 'm14.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8zm-6.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z',
-    }),
-  );
+    return (React.createElement(Svg, { ...props },
+        React.createElement("path", { d: 'm14.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8zm-6.6 0 1.4 1.4-6.6 6.6 6.6 6.6-1.4 1.4-8-8z' })));
 };

package/esm/core/utils/icons/SvgChevronRight.js

@@ -5,11 +5,6 @@
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgChevronRight = (props) => {
-  return React.createElement(
-    Svg,
-    { ...props },
-    React.createElement('path', {
-      d: 'm4.7 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z',
-    }),
-  );
+    return (React.createElement(Svg, { ...props },
+        React.createElement("path", { d: 'm4.7 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z' })));
 };