@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/utils/icons/SvgSortUp.js

@@ -9,14 +9,14 @@ Object.defineProperty(exports, 'SvgSortUp', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Svg = require('./Svg.js');
 const SvgSortUp = (props) => {
-  return (0, _jsxruntime.jsx)(_Svg.Svg, {
-    ...props,
-    children: (0, _jsxruntime.jsx)('path', {
+  return _react.createElement(
+    _Svg.Svg,
+    props,
+    _react.createElement('path', {
       d: 'm9 16v-12.7l3.8 3.7 1.2-1.2-6-5.8-1.2 1.2-4.8 4.6 1.2 1.2 3.8-3.7v12.7z',
     }),
-  });
+  );
 };

package/cjs/utils/icons/SvgStatusError.d.ts

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

package/cjs/utils/icons/SvgStatusError.js

@@ -9,14 +9,14 @@ Object.defineProperty(exports, 'SvgStatusError', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Svg = require('./Svg.js');
 const SvgStatusError = (props) => {
-  return (0, _jsxruntime.jsx)(_Svg.Svg, {
-    ...props,
-    children: (0, _jsxruntime.jsx)('path', {
+  return _react.createElement(
+    _Svg.Svg,
+    props,
+    _react.createElement('path', {
       d: 'M9 12H7v-2h2v2Zm0-3H7V4h2v5Zm2.314-9H4.686L0 4.686v6.628L4.686 16h6.628L16 11.314V4.686L11.314 0Z',
     }),
-  });
+  );
 };

package/cjs/utils/icons/SvgStatusSuccess.d.ts

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

package/cjs/utils/icons/SvgStatusSuccess.js

@@ -9,14 +9,14 @@ Object.defineProperty(exports, 'SvgStatusSuccess', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Svg = require('./Svg.js');
 const SvgStatusSuccess = (props) => {
-  return (0, _jsxruntime.jsx)(_Svg.Svg, {
-    ...props,
-    children: (0, _jsxruntime.jsx)('path', {
+  return _react.createElement(
+    _Svg.Svg,
+    props,
+    _react.createElement('path', {
       d: 'm8 0a8 8 0 1 0 8 8 8 8 0 0 0 -8-8zm-1.35 12-3.65-3.41 1.4-1.3 2.36 2.2 4.83-4.49 1.41 1.29z',
     }),
-  });
+  );
 };

package/cjs/utils/icons/SvgStatusWarning.d.ts

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

package/cjs/utils/icons/SvgStatusWarning.js

@@ -9,14 +9,14 @@ Object.defineProperty(exports, 'SvgStatusWarning', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Svg = require('./Svg.js');
 const SvgStatusWarning = (props) => {
-  return (0, _jsxruntime.jsx)(_Svg.Svg, {
-    ...props,
-    children: (0, _jsxruntime.jsx)('path', {
+  return _react.createElement(
+    _Svg.Svg,
+    props,
+    _react.createElement('path', {
       d: 'm15.86807 13.26721-6.77-11.62a1.15 1.15 0 0 0 -1.1-.67 1.17 1.17 0 0 0 -1.1.69l-6.77 11.59a1.2 1.2 0 0 0 1.1 1.72h13.45a1.19 1.19 0 0 0 1.19-1.71zm-6.87-.29h-2v-2h2zm0-3h-2v-5h2z',
     }),
-  });
+  );
 };

package/cjs/utils/icons/SvgSwap.d.ts

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

package/cjs/utils/icons/SvgSwap.js

@@ -9,14 +9,14 @@ Object.defineProperty(exports, 'SvgSwap', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Svg = require('./Svg.js');
 const SvgSwap = (props) => {
-  return (0, _jsxruntime.jsx)(_Svg.Svg, {
-    ...props,
-    children: (0, _jsxruntime.jsx)('path', {
+  return _react.createElement(
+    _Svg.Svg,
+    props,
+    _react.createElement('path', {
       d: 'm5 15-3.78125-3.5 3.78125-3.5v2h8v3h-8zm6-7 3.78125-3.5-3.78125-3.5v2h-8v3h8z',
     }),
-  });
+  );
 };

package/cjs/utils/icons/SvgUpload.d.ts

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

package/cjs/utils/icons/SvgUpload.js

@@ -9,14 +9,14 @@ Object.defineProperty(exports, 'SvgUpload', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Svg = require('./Svg.js');
 const SvgUpload = (props) => {
-  return (0, _jsxruntime.jsx)(_Svg.Svg, {
-    ...props,
-    children: (0, _jsxruntime.jsx)('path', {
+  return _react.createElement(
+    _Svg.Svg,
+    props,
+    _react.createElement('path', {
       d: 'm2 5h4v7h4v-7h4l-6-5zm12 6v3h-12v-3h-2v5h16v-5z',
     }),
-  });
+  );
 };

package/cjs/utils/meta.js

@@ -9,8 +9,8 @@ Object.defineProperty(exports, 'meta', {
   },
 });
 const _styles = require('../styles.js');
-const module = typeof 'CJS' !== 'undefined' ? 'CJS' : 'DEV';
+const _moduleType = typeof 'CJS' !== 'undefined' ? 'CJS' : 'DEV';
 const meta = {
   version: _styles.version,
-  module,
+  module: _moduleType,
 };

package/cjs/utils/providers/HydrationProvider.d.ts

@@ -13,4 +13,4 @@ export declare const useHydration: () => "hydrated" | "hydrating" | undefined;
 /** @private */
 export declare const HydrationProvider: ({ children, }: {
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;

package/cjs/utils/providers/HydrationProvider.js

@@ -18,7 +18,6 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../hooks/index.js');
 const HydrationContext = _react.createContext(false);
@@ -44,17 +43,18 @@ const HydrationProvider = ({ children }) => {
     _react.useContext(HydrationContext),
   );
   const onHydrate = _react.useCallback(() => setIsHydrated(true), []);
-  return (0, _jsxruntime.jsxs)(HydrationContext.Provider, {
-    value: isHydrated,
-    children: [
-      !isHydrated
-        ? (0, _jsxruntime.jsx)(HydrationCheck, {
-            onHydrate: onHydrate,
-          })
-        : null,
-      children,
-    ],
-  });
+  return _react.createElement(
+    HydrationContext.Provider,
+    {
+      value: isHydrated,
+    },
+    !isHydrated
+      ? _react.createElement(HydrationCheck, {
+          onHydrate: onHydrate,
+        })
+      : null,
+    children,
+  );
 };
 const HydrationCheck = ({ onHydrate }) => {
   _react.useEffect(() => void onHydrate(), [onHydrate]);

package/cjs/utils/providers/ScopeProvider.d.ts

@@ -9,7 +9,7 @@ import type { Atom, WritableAtom } from 'jotai';
  */
 export declare const ScopeProvider: ({ children }: {
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 /**
  * Wrapper over `useAtom` that uses the store from the nearest `ScopeProvider`.
  *

package/cjs/utils/providers/ScopeProvider.js

@@ -21,7 +21,6 @@ _export(exports, {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _jotai = require('jotai');
 const ScopeContext = _react.createContext({
@@ -31,16 +30,19 @@ const ScopeContext = _react.createContext({
 const ScopeProvider = ({ children }) => {
   const store = _react.useMemo(() => (0, _jotai.createStore)(), []);
   const parentStore = _react.useContext(ScopeContext).store;
-  return (0, _jsxruntime.jsx)(ScopeContext.Provider, {
-    value: _react.useMemo(
-      () => ({
-        store,
-        parentStore,
-      }),
-      [store, parentStore],
-    ),
-    children: children,
-  });
+  return _react.createElement(
+    ScopeContext.Provider,
+    {
+      value: _react.useMemo(
+        () => ({
+          store,
+          parentStore,
+        }),
+        [store, parentStore],
+      ),
+    },
+    children,
+  );
 };
 const useScopedAtom = (atom) => {
   const { store, parentStore } = _react.useContext(ScopeContext);

package/esm/core/Alert/Alert.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
 import * as React from 'react';
 import {
@@ -22,31 +21,29 @@ const AlertComponent = React.forwardRef((props, forwardedRef) => {
     onClose,
     ...rest
   } = props;
-  return _jsxs(Alert.Wrapper, {
-    type: type,
-    isSticky: isSticky,
-    ref: forwardedRef,
-    ...rest,
-    children: [
-      _jsx(Alert.Icon, {}),
-      _jsxs(Alert.Message, {
-        children: [
-          children,
-          clickableText
-            ? _jsx(Alert.Action, {
-                ...clickableTextProps,
-                children: clickableText,
-              })
-            : null,
-        ],
-      }),
-      onClose
-        ? _jsx(Alert.CloseButton, {
-            onClick: onClose,
-          })
+  return React.createElement(
+    Alert.Wrapper,
+    {
+      type: type,
+      isSticky: isSticky,
+      ref: forwardedRef,
+      ...rest,
+    },
+    React.createElement(Alert.Icon, null),
+    React.createElement(
+      Alert.Message,
+      null,
+      children,
+      clickableText
+        ? React.createElement(Alert.Action, clickableTextProps, clickableText)
         : null,
-    ],
-  });
+    ),
+    onClose
+      ? React.createElement(Alert.CloseButton, {
+          onClick: onClose,
+        })
+      : null,
+  );
 });
 AlertComponent.displayName = 'Alert';
 const AlertWrapper = React.forwardRef((props, ref) => {
@@ -57,31 +54,40 @@ const AlertWrapper = React.forwardRef((props, ref) => {
     isSticky = false,
     ...rest
   } = props;
-  return _jsx(Box, {
-    className: cx('iui-alert', className),
-    'data-iui-status': type,
-    'data-iui-variant': isSticky ? 'sticky' : undefined,
-    ref: ref,
-    ...rest,
-    children: _jsx(AlertContext.Provider, {
-      value: {
-        type,
+  return React.createElement(
+    Box,
+    {
+      className: cx('iui-alert', className),
+      'data-iui-status': type,
+      'data-iui-variant': isSticky ? 'sticky' : undefined,
+      ref: ref,
+      ...rest,
+    },
+    React.createElement(
+      AlertContext.Provider,
+      {
+        value: {
+          type,
+        },
       },
-      children: children,
-    }),
-  });
+      children,
+    ),
+  );
 });
 AlertWrapper.displayName = 'Alert.Wrapper';
 const AlertIcon = React.forwardRef((props, ref) => {
   const { children, ...rest } = props;
   const { type } = useSafeContext(AlertContext);
   const StatusIcon = StatusIconMap[type];
-  return _jsx(Icon, {
-    fill: type,
-    ref: ref,
-    ...rest,
-    children: children ?? _jsx(StatusIcon, {}),
-  });
+  return React.createElement(
+    Icon,
+    {
+      fill: type,
+      ref: ref,
+      ...rest,
+    },
+    children ?? React.createElement(StatusIcon, null),
+  );
 });
 AlertIcon.displayName = 'Alert.Icon';
 const AlertMessage = polymorphic.span('iui-alert-message');
@@ -89,27 +95,33 @@ AlertMessage.displayName = 'Alert.Message';
 const AlertAction = React.forwardRef((props, ref) => {
   const { children, className, ...rest } = props;
   const { type } = useSafeContext(AlertContext);
-  return _jsx(Anchor, {
-    as: !!props.href ? 'a' : 'button',
-    className: cx('iui-button-base', 'iui-alert-link', className),
-    underline: true,
-    'data-iui-status': type,
-    ref: ref,
-    ...rest,
-    children: children,
-  });
+  return React.createElement(
+    Anchor,
+    {
+      as: !!props.href ? 'a' : 'button',
+      className: cx('iui-button-base', 'iui-alert-link', className),
+      underline: true,
+      'data-iui-status': type,
+      ref: ref,
+      ...rest,
+    },
+    children,
+  );
 });
 AlertAction.displayName = 'Alert.Action';
 const AlertCloseButton = React.forwardRef((props, ref) => {
   const { children, ...rest } = props;
-  return _jsx(IconButton, {
-    styleType: 'borderless',
-    size: 'small',
-    'aria-label': 'Close',
-    ref: ref,
-    ...rest,
-    children: children ?? _jsx(SvgCloseSmall, {}),
-  });
+  return React.createElement(
+    IconButton,
+    {
+      styleType: 'borderless',
+      size: 'small',
+      'aria-label': 'Close',
+      ref: ref,
+      ...rest,
+    },
+    children ?? React.createElement(SvgCloseSmall, null),
+  );
 });
 AlertCloseButton.displayName = 'Alert.CloseButton';
 export const Alert = Object.assign(AlertComponent, {

package/esm/core/Avatar/Avatar.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
 import cx from 'classnames';
 import * as React from 'react';
 import { Box, SoftBackgrounds, isSoftBackground } from '../../utils/index.js';
@@ -32,26 +31,25 @@ export const Avatar = React.forwardRef((props, ref) => {
     ...defaultStatusTitles,
     ...translatedStatusTitles,
   };
-  return _jsxs(Box, {
-    as: 'span',
-    className: cx('iui-avatar', className),
-    'data-iui-size': size !== 'medium' ? size : undefined,
-    'data-iui-status': status,
-    title: title,
-    style: {
-      backgroundColor: getBackground(backgroundColor),
-      ...style,
+  return React.createElement(
+    Box,
+    {
+      as: 'span',
+      className: cx('iui-avatar', className),
+      'data-iui-size': size !== 'medium' ? size : undefined,
+      'data-iui-status': status,
+      title: title,
+      style: {
+        backgroundColor: getBackground(backgroundColor),
+        ...style,
+      },
+      ref: ref,
+      ...rest,
     },
-    ref: ref,
-    ...rest,
-    children: [
-      !image ? abbreviation?.substring(0, 2) : null,
-      image,
-      status
-        ? _jsx(VisuallyHidden, {
-            children: statusTitles[status],
-          })
-        : null,
-    ],
-  });
+    !image ? abbreviation?.substring(0, 2) : null,
+    image,
+    status
+      ? React.createElement(VisuallyHidden, null, statusTitles[status])
+      : null,
+  );
 });

package/esm/core/AvatarGroup/AvatarGroup.js

@@ -1,8 +1,3 @@
-import {
-  jsx as _jsx,
-  jsxs as _jsxs,
-  Fragment as _Fragment,
-} from 'react/jsx-runtime';
 import * as React from 'react';
 import cx from 'classnames';
 import { Box } from '../../utils/index.js';
@@ -28,38 +23,41 @@ export const AvatarGroup = React.forwardRef((props, ref) => {
       }),
     );
   };
-  return _jsxs(Box, {
-    className: cx(
-      'iui-avatar-list',
-      {
-        'iui-animated': animated,
-        'iui-stacked': stacked,
-      },
-      className,
-    ),
-    ref: ref,
-    ...rest,
-    children: [
-      childrenArray.length <= maxIcons + 1 && getAvatarList(maxIcons + 1),
-      childrenArray.length > maxIcons + 1 &&
-        _jsxs(_Fragment, {
-          children: [
-            getAvatarList(maxIcons),
-            _jsx(Box, {
-              ...countIconProps,
-              className: cx(
-                'iui-avatar',
-                'iui-avatar-count',
-                countIconProps?.className,
-              ),
-              'data-iui-size': iconSize !== 'medium' ? iconSize : undefined,
-              children:
-                childrenLength <= maxLength
-                  ? `${childrenLength - maxIcons}`
-                  : `${maxLength}+`,
-            }),
-          ],
-        }),
-    ],
-  });
+  return React.createElement(
+    Box,
+    {
+      className: cx(
+        'iui-avatar-list',
+        {
+          'iui-animated': animated,
+          'iui-stacked': stacked,
+        },
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    },
+    childrenArray.length <= maxIcons + 1 && getAvatarList(maxIcons + 1),
+    childrenArray.length > maxIcons + 1 &&
+      React.createElement(
+        React.Fragment,
+        null,
+        getAvatarList(maxIcons),
+        React.createElement(
+          Box,
+          {
+            ...countIconProps,
+            className: cx(
+              'iui-avatar',
+              'iui-avatar-count',
+              countIconProps?.className,
+            ),
+            'data-iui-size': iconSize !== 'medium' ? iconSize : undefined,
+          },
+          childrenLength <= maxLength
+            ? `${childrenLength - maxIcons}`
+            : `${maxLength}+`,
+        ),
+      ),
+  );
 });

package/esm/core/Backdrop/Backdrop.js

@@ -1,10 +1,9 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import cx from 'classnames';
 import { Box } from '../../utils/index.js';
 export const Backdrop = React.forwardRef((props, ref) => {
   const { isVisible = true, className, ...rest } = props;
-  return _jsx(Box, {
+  return React.createElement(Box, {
     className: cx(
       'iui-backdrop',
       {

package/esm/core/Badge/Badge.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx } from 'react/jsx-runtime';
 import * as React from 'react';
 import cx from 'classnames';
 import { isSoftBackground, SoftBackgrounds, Box } from '../../utils/index.js';
@@ -28,13 +27,16 @@ export const Badge = React.forwardRef((props, forwardedRef) => {
       : {
           ...style,
         };
-  return _jsx(Box, {
-    as: 'span',
-    className: cx('iui-badge', className),
-    style: _style,
-    'data-iui-status': statusValue,
-    ref: forwardedRef,
-    ...rest,
-    children: children,
-  });
+  return React.createElement(
+    Box,
+    {
+      as: 'span',
+      className: cx('iui-badge', className),
+      style: _style,
+      'data-iui-status': statusValue,
+      ref: forwardedRef,
+      ...rest,
+    },
+    children,
+  );
 });