@itwin/itwinui-react 3.11.3 → 3.12.0

package/esm/utils/hooks/useOverflow.js

@@ -1,84 +1,65 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { useMergedRefs } from './useMergedRefs.js';
 import { useResizeObserver } from './useResizeObserver.js';
 import { useLayoutEffect } from './useIsomorphicLayoutEffect.js';
 const STARTING_MAX_ITEMS_COUNT = 20;
-/**
- * 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 items 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 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);
-    useLayoutEffect(() => {
-        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);
-    useLayoutEffect(() => {
-        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]);
-    useLayoutEffect(() => {
-        previousContainerSize.current = containerSize;
-    }, [containerSize]);
-    return [mergedRefs, visibleCount];
+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);
+  useLayoutEffect(() => {
+    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);
+  useLayoutEffect(() => {
+    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);
+      setVisibleCount(visibleItems > 0 ? visibleItems : 1);
+    } else if (needsFullRerender.current) {
+      const childrenSize = Array.from(containerRef.current.children).reduce(
+        (sum, child) => sum + child[`offset${dimension}`],
+        0,
+      );
+      const currentVisibleCount =
+        visibleCount || Math.min(items.length, STARTING_MAX_ITEMS_COUNT);
+      const avgItemSize = childrenSize / currentVisibleCount;
+      const visibleItems = Math.floor(availableSize / avgItemSize);
+      if (!isNaN(visibleItems)) {
+        setVisibleCount(Math.min(items.length, visibleItems * 2));
+      }
+    }
+    needsFullRerender.current = false;
+  }, [containerSize, visibleCount, disabled, items.length, orientation]);
+  useLayoutEffect(() => {
+    previousContainerSize.current = containerSize;
+  }, [containerSize]);
+  return [mergedRefs, visibleCount];
 };

package/esm/utils/hooks/useResizeObserver.js

@@ -1,43 +1,27 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
 import { getWindow } from '../functions/dom.js';
-/**
- * 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 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((entries) => {
-                // We wrap onResize with requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded
-                // See: https://github.com/iTwin/iTwinUI/issues/1317
-                // See: https://stackoverflow.com/a/58701523/11547064
-                window.requestAnimationFrame(() => {
-                    if (!Array.isArray(entries) || !entries.length) {
-                        return;
-                    }
-                    const [{ contentRect }] = entries;
-                    return 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((entries) => {
+          window.requestAnimationFrame(() => {
+            if (!Array.isArray(entries) || !entries.length) {
+              return;
+            }
+            const [{ contentRect }] = entries;
+            return onResize(contentRect);
+          });
+        });
+        resizeObserver.current?.observe?.(element);
+      }
+    },
+    [onResize],
+  );
+  return [elementRef, resizeObserver.current];
 };

package/esm/utils/hooks/useSafeContext.js

@@ -1,16 +1,8 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 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 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;
 };

package/esm/utils/hooks/useSyncExternalStore.js

@@ -1,42 +1,34 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 import * as React from 'react';
-const _React = React; // prevent bundlers from stripping the namespace import
-/**
- * Wrapper around `React.useSyncExternalStore` that uses a shim for React 17.
- */
-export const useSyncExternalStore = _React.useSyncExternalStore || useSyncExternalStoreShim;
-// ----------------------------------------------------------------------------
-/**
- * The shim below is adapted from React's source to make it ESM-compatible.
- *
- * Note: This does not use `getServerSnapshot` at all, because there is
- * apparently no way to check "hydrating" state in pre-18.
- *
- * @see https://github.com/facebook/react/tree/main/packages/use-sync-external-store
- */
+const _React = React;
+export const useSyncExternalStore =
+  _React.useSyncExternalStore || useSyncExternalStoreShim;
 function useSyncExternalStoreShim(subscribe, getSnapshot) {
-    const value = getSnapshot();
-    const [{ instance }, forceUpdate] = React.useState({
-        instance: { value, getSnapshot },
-    });
-    React.useLayoutEffect(() => {
-        instance.value = value;
-        instance.getSnapshot = getSnapshot;
-        if (!Object.is(value, getSnapshot())) {
-            forceUpdate({ instance });
-        }
-    }, [subscribe, value, getSnapshot]); // eslint-disable-line
-    React.useEffect(() => {
-        const synchronize = () => {
-            if (!Object.is(instance.value, instance.getSnapshot())) {
-                forceUpdate({ instance });
-            }
-        };
-        synchronize();
-        return subscribe(synchronize);
-    }, [subscribe]); // eslint-disable-line
-    return value;
+  const value = getSnapshot();
+  const [{ instance }, forceUpdate] = React.useState({
+    instance: {
+      value,
+      getSnapshot,
+    },
+  });
+  React.useLayoutEffect(() => {
+    instance.value = value;
+    instance.getSnapshot = getSnapshot;
+    if (!Object.is(value, getSnapshot())) {
+      forceUpdate({
+        instance,
+      });
+    }
+  }, [subscribe, value, getSnapshot]);
+  React.useEffect(() => {
+    const synchronize = () => {
+      if (!Object.is(instance.value, instance.getSnapshot())) {
+        forceUpdate({
+          instance,
+        });
+      }
+    };
+    synchronize();
+    return subscribe(synchronize);
+  }, [subscribe]);
+  return value;
 }

package/esm/utils/icons/StatusIconMap.d.ts

@@ -1,8 +1,7 @@
-import * as React from 'react';
 import type { CommonProps } from '../props.js';
 export declare const StatusIconMap: {
-    negative: (args?: CommonProps) => React.JSX.Element;
-    positive: (args?: CommonProps) => React.JSX.Element;
-    warning: (args?: CommonProps) => React.JSX.Element;
-    informational: (args?: CommonProps) => React.JSX.Element;
+    negative: (args?: CommonProps) => import("react/jsx-runtime").JSX.Element;
+    positive: (args?: CommonProps) => import("react/jsx-runtime").JSX.Element;
+    warning: (args?: CommonProps) => import("react/jsx-runtime").JSX.Element;
+    informational: (args?: CommonProps) => import("react/jsx-runtime").JSX.Element;
 };

package/esm/utils/icons/StatusIconMap.js

@@ -1,15 +1,27 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import * as React from 'react';
+import { jsx as _jsx } from 'react/jsx-runtime';
 import { SvgInfoCircular } from './SvgInfoCircular.js';
 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) =>
+    _jsx(SvgStatusError, {
+      'aria-hidden': true,
+      ...args,
+    }),
+  positive: (args) =>
+    _jsx(SvgStatusSuccess, {
+      'aria-hidden': true,
+      ...args,
+    }),
+  warning: (args) =>
+    _jsx(SvgStatusWarning, {
+      'aria-hidden': true,
+      ...args,
+    }),
+  informational: (args) =>
+    _jsx(SvgInfoCircular, {
+      'aria-hidden': true,
+      ...args,
+    }),
 };

package/esm/utils/icons/Svg.js

@@ -1,10 +1,6 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
 import { polymorphic } from '../functions/polymorphic.js';
 export const Svg = polymorphic.svg('', {
-    viewBox: '0 0 16 16',
-    width: 16,
-    height: 16,
+  viewBox: '0 0 16 16',
+  width: 16,
+  height: 16,
 });

package/esm/utils/icons/SvgCalendar.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCalendar: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgCalendar: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgCalendar.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 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 _jsx(Svg, {
+    ...props,
+    children: _jsx('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/utils/icons/SvgCaretDownSmall.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCaretDownSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgCaretDownSmall: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgCaretDownSmall.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 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 _jsx(Svg, {
+    ...props,
+    children: _jsx('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/utils/icons/SvgCaretRightSmall.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCaretRightSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgCaretRightSmall: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgCaretRightSmall.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 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 _jsx(Svg, {
+    ...props,
+    children: _jsx('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/utils/icons/SvgCaretUpSmall.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCaretUpSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgCaretUpSmall: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgCaretUpSmall.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 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 _jsx(Svg, {
+    ...props,
+    children: _jsx('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/utils/icons/SvgCheckmark.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCheckmark: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgCheckmark: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgCheckmark.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 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 _jsx(Svg, {
+    ...props,
+    children: _jsx('path', {
+      d: 'M6,14L0,8l2-2l4,4l8-8l2,2L6,14z',
+    }),
+  });
 };

package/esm/utils/icons/SvgCheckmarkSmall.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgCheckmarkSmall: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgCheckmarkSmall: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgCheckmarkSmall.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 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 _jsx(Svg, {
+    ...props,
+    children: _jsx('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/utils/icons/SvgChevronLeft.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgChevronLeft: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgChevronLeft: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgChevronLeft.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 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 _jsx(Svg, {
+    ...props,
+    children: _jsx('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/utils/icons/SvgChevronLeftDouble.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgChevronLeftDouble: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgChevronLeftDouble: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgChevronLeftDouble.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 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 _jsx(Svg, {
+    ...props,
+    children: _jsx('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/utils/icons/SvgChevronRight.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgChevronRight: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgChevronRight: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgChevronRight.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 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 _jsx(Svg, {
+    ...props,
+    children: _jsx('path', {
+      d: 'm4.7 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z',
+    }),
+  });
 };

package/esm/utils/icons/SvgChevronRightDouble.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare const SvgChevronRightDouble: (props: React.ComponentPropsWithoutRef<'svg'>) => React.JSX.Element;
+export declare const SvgChevronRightDouble: (props: React.ComponentPropsWithoutRef<"svg">) => import("react/jsx-runtime").JSX.Element;

package/esm/utils/icons/SvgChevronRightDouble.js

@@ -1,10 +1,11 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
+import { jsx as _jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import { Svg } from './Svg.js';
 export const SvgChevronRightDouble = (props) => {
-    return (React.createElement(Svg, { ...props },
-        React.createElement("path", { d: 'm1.4 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8zm6.6 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z' })));
+  return _jsx(Svg, {
+    ...props,
+    children: _jsx('path', {
+      d: 'm1.4 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8zm6.6 0-1.4 1.4 6.6 6.6-6.6 6.6 1.4 1.4 8-8z',
+    }),
+  });
 };