@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/Tag/Tag.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'Tag', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _classnames = _interop_require_default._(require('classnames'));
 const _react = _interop_require_wildcard._(require('react'));
 const _index = require('../../utils/index.js');
@@ -28,25 +27,29 @@ const Tag = _react.forwardRef((props, forwardedRef) => {
     ...rest
   } = props;
   const shouldUseLinkAction = !!onClick && !!onRemove;
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    as: shouldUseLinkAction
-      ? _LinkAction.LinkBox
-      : !!onClick
-        ? _index.ButtonBase
-        : 'span',
-    className: (0, _classnames.default)(
-      {
-        'iui-tag-basic': variant === 'basic',
-        'iui-tag': variant === 'default',
-      },
-      className,
-    ),
-    ref: forwardedRef,
-    onClick: !shouldUseLinkAction ? onClick : undefined,
-    ...rest,
-    children: [
-      variant === 'default'
-        ? (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      as: shouldUseLinkAction
+        ? _LinkAction.LinkBox
+        : !!onClick
+          ? _index.ButtonBase
+          : 'span',
+      className: (0, _classnames.default)(
+        {
+          'iui-tag-basic': variant === 'basic',
+          'iui-tag': variant === 'default',
+        },
+        className,
+      ),
+      ref: forwardedRef,
+      onClick: !shouldUseLinkAction ? onClick : undefined,
+      ...rest,
+    },
+    variant === 'default'
+      ? _react.createElement(
+          _index.Box,
+          {
             as: shouldUseLinkAction ? _LinkAction.LinkAction : 'span',
             onClick: shouldUseLinkAction ? onClick : undefined,
             ...labelProps,
@@ -54,11 +57,14 @@ const Tag = _react.forwardRef((props, forwardedRef) => {
               'iui-tag-label',
               labelProps?.className,
             ),
-            children: children,
-          })
-        : children,
-      onRemove &&
-        (0, _jsxruntime.jsx)(_IconButton.IconButton, {
+          },
+          children,
+        )
+      : children,
+    onRemove &&
+      _react.createElement(
+        _IconButton.IconButton,
+        {
           styleType: 'borderless',
           size: 'small',
           onClick: onRemove,
@@ -68,10 +74,10 @@ const Tag = _react.forwardRef((props, forwardedRef) => {
             'iui-tag-button',
             removeButtonProps?.className,
           ),
-          children: (0, _jsxruntime.jsx)(_index.SvgCloseSmall, {
-            'aria-hidden': true,
-          }),
+        },
+        _react.createElement(_index.SvgCloseSmall, {
+          'aria-hidden': true,
         }),
-    ],
-  });
+      ),
+  );
 });

package/cjs/core/Tag/TagContainer.js

@@ -10,23 +10,25 @@ Object.defineProperty(exports, 'TagContainer', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _classnames = _interop_require_default._(require('classnames'));
 const _index = require('../../utils/index.js');
 const TagContainer = _react.forwardRef((props, forwardedRef) => {
   const { className, children, overflow, background = 'none', ...rest } = props;
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    className: (0, _classnames.default)(
-      'iui-tag-container',
-      {
-        [`iui-${overflow}`]: !!overflow,
-        'iui-visible': background !== 'none',
-      },
-      className,
-    ),
-    ref: forwardedRef,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-tag-container',
+        {
+          [`iui-${overflow}`]: !!overflow,
+          'iui-visible': background !== 'none',
+        },
+        className,
+      ),
+      ref: forwardedRef,
+      ...rest,
+    },
+    children,
+  );
 });

package/cjs/core/Textarea/Textarea.js

@@ -9,11 +9,10 @@ Object.defineProperty(exports, 'Textarea', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Input = require('../Input/Input.js');
 const Textarea = _react.forwardRef((props, forwardedRef) => {
-  return (0, _jsxruntime.jsx)(_Input.Input, {
+  return _react.createElement(_Input.Input, {
     as: 'textarea',
     rows: 3,
     ref: forwardedRef,

package/cjs/core/ThemeProvider/ThemeProvider.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'ThemeProvider', {
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _reactdom = _interop_require_wildcard._(require('react-dom'));
 const _classnames = _interop_require_default._(require('classnames'));
@@ -47,36 +46,44 @@ const ThemeProvider = _react.forwardRef((props, forwardedRef) => {
     }),
     [theme, JSON.stringify(themeOptions)],
   );
-  return (0, _jsxruntime.jsx)(_index.ScopeProvider, {
-    children: (0, _jsxruntime.jsx)(_index.HydrationProvider, {
-      children: (0, _jsxruntime.jsx)(_ThemeContext.ThemeContext.Provider, {
-        value: contextValue,
-        children: (0, _jsxruntime.jsxs)(_Toaster.ToastProvider, {
-          children: [
-            includeCss && rootElement
-              ? (0, _jsxruntime.jsx)(FallbackStyles, {
-                  root: rootElement,
-                })
-              : null,
-            (0, _jsxruntime.jsxs)(Root, {
+  return _react.createElement(
+    _index.ScopeProvider,
+    null,
+    _react.createElement(
+      _index.HydrationProvider,
+      null,
+      _react.createElement(
+        _ThemeContext.ThemeContext.Provider,
+        {
+          value: contextValue,
+        },
+        _react.createElement(
+          _Toaster.ToastProvider,
+          null,
+          includeCss && rootElement
+            ? _react.createElement(FallbackStyles, {
+                root: rootElement,
+              })
+            : null,
+          _react.createElement(
+            Root,
+            {
               theme: theme,
               themeOptions: themeOptions,
               ref: (0, _index.useMergedRefs)(forwardedRef, setRootElement),
               ...rest,
-              children: [
-                children,
-                (0, _jsxruntime.jsx)(PortalContainer, {
-                  portalContainerProp: portalContainerProp,
-                  portalContainerFromParent: portalContainerFromParent,
-                  isInheritingTheme: themeProp === 'inherit',
-                }),
-              ],
+            },
+            children,
+            _react.createElement(PortalContainer, {
+              portalContainerProp: portalContainerProp,
+              portalContainerFromParent: portalContainerFromParent,
+              isInheritingTheme: themeProp === 'inherit',
             }),
-          ],
-        }),
-      }),
-    }),
-  });
+          ),
+        ),
+      ),
+    ),
+  );
 });
 ThemeProvider.displayName = 'ThemeProvider';
 const Root = _react.forwardRef((props, forwardedRef) => {
@@ -99,20 +106,23 @@ const Root = _react.forwardRef((props, forwardedRef) => {
     },
     [ownerDocument, setOwnerDocument],
   );
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    className: (0, _classnames.default)(
-      'iui-root',
-      {
-        'iui-root-background': shouldApplyBackground,
-      },
-      className,
-    ),
-    'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
-    'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
-    ref: (0, _index.useMergedRefs)(forwardedRef, findOwnerDocumentFromRef),
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-root',
+        {
+          'iui-root-background': shouldApplyBackground,
+        },
+        className,
+      ),
+      'data-iui-theme': shouldApplyDark ? 'dark' : 'light',
+      'data-iui-contrast': shouldApplyHC ? 'high' : 'default',
+      ref: (0, _index.useMergedRefs)(forwardedRef, findOwnerDocumentFromRef),
+      ...rest,
+    },
+    children,
+  );
 });
 const useParentThemeAndContext = (rootElement) => {
   const parentContext = _react.useContext(_ThemeContext.ThemeContext);
@@ -166,7 +176,7 @@ const PortalContainer = _react.memo(
       return null;
     }
     if (portalContainerProp) {
-      return (0, _jsxruntime.jsx)(PortaledToaster, {
+      return _react.createElement(PortaledToaster, {
         target: portalContainerProp,
       });
     }
@@ -176,16 +186,19 @@ const PortalContainer = _react.memo(
       (!!ownerDocument &&
         portalContainerFromParent.ownerDocument !== ownerDocument)
     ) {
-      return (0, _jsxruntime.jsx)('div', {
-        style: {
-          display: 'contents',
+      return _react.createElement(
+        'div',
+        {
+          style: {
+            display: 'contents',
+          },
+          ref: setPortalContainer,
+          id: id,
         },
-        ref: setPortalContainer,
-        id: id,
-        children: (0, _jsxruntime.jsx)(_Toaster.Toaster, {}),
-      });
+        _react.createElement(_Toaster.Toaster, null),
+      );
     }
-    return (0, _jsxruntime.jsx)(PortaledToaster, {
+    return _react.createElement(PortaledToaster, {
       target: portalContainerFromParent,
     });
   },
@@ -200,7 +213,10 @@ const PortaledToaster = ({ target }) => {
     }
   });
   return target
-    ? _reactdom.createPortal((0, _jsxruntime.jsx)(_Toaster.Toaster, {}), target)
+    ? _reactdom.createPortal(
+        _react.createElement(_Toaster.Toaster, null),
+        target,
+      )
     : null;
 };
 const FallbackStyles = ({ root }) => {
@@ -228,5 +244,5 @@ const FallbackStyles = ({ root }) => {
       }
     })();
   }, [root]);
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {});
+  return _react.createElement(_react.Fragment, null);
 };