@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/Header/Header.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'Header', {
 });
 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 _IconButton = require('../Buttons/IconButton.js');
@@ -35,46 +34,58 @@ const Header = _react.forwardRef((props, forwardedRef) => {
     ...defaultTranslations,
     ...translatedStrings,
   };
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    as: 'header',
-    className: (0, _classnames.default)('iui-page-header', className),
-    'data-iui-size': isSlim ? 'slim' : undefined,
-    ref: forwardedRef,
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsxs)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'header',
+      className: (0, _classnames.default)('iui-page-header', className),
+      'data-iui-size': isSlim ? 'slim' : undefined,
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
         className: 'iui-page-header-left',
-        children: [
-          appLogo,
-          breadcrumbs &&
-            (0, _jsxruntime.jsx)(_index.Box, {
-              className: 'iui-page-header-divider',
-            }),
-          breadcrumbs,
-        ],
-      }),
-      children &&
-        (0, _jsxruntime.jsx)(_index.Box, {
-          className: 'iui-page-header-center',
-          children: children,
+      },
+      appLogo,
+      breadcrumbs &&
+        _react.createElement(_index.Box, {
+          className: 'iui-page-header-divider',
         }),
-      (0, _jsxruntime.jsxs)(_index.Box, {
+      breadcrumbs,
+    ),
+    children &&
+      _react.createElement(
+        _index.Box,
+        {
+          className: 'iui-page-header-center',
+        },
+        children,
+      ),
+    _react.createElement(
+      _index.Box,
+      {
         className: 'iui-page-header-right',
-        children: [
-          actions,
-          menuItems &&
-            (0, _jsxruntime.jsx)(_DropdownMenu.DropdownMenu, {
-              menuItems: menuItems,
-              children: (0, _jsxruntime.jsx)(_IconButton.IconButton, {
-                styleType: 'borderless',
-                'aria-label': headerTranslations.moreOptions,
-                children: (0, _jsxruntime.jsx)(_index.SvgMoreVertical, {
-                  'aria-hidden': true,
-                }),
-              }),
+      },
+      actions,
+      menuItems &&
+        _react.createElement(
+          _DropdownMenu.DropdownMenu,
+          {
+            menuItems: menuItems,
+          },
+          _react.createElement(
+            _IconButton.IconButton,
+            {
+              styleType: 'borderless',
+              'aria-label': headerTranslations.moreOptions,
+            },
+            _react.createElement(_index.SvgMoreVertical, {
+              'aria-hidden': true,
             }),
-        ],
-      }),
-    ],
-  });
+          ),
+        ),
+    ),
+  );
 });

package/cjs/core/Header/HeaderBasicButton.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'HeaderBasicButton', {
 });
 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');
@@ -19,13 +18,18 @@ const HeaderBasicButton = _react.forwardRef((props, ref) => {
     props;
   styleType;
   size;
-  return (0, _jsxruntime.jsxs)(_index.ButtonBase, {
-    className: (0, _classnames.default)(
-      'iui-header-breadcrumb-button',
-      className,
-    ),
-    ref: ref,
-    ...rest,
-    children: [startIcon, children, endIcon],
-  });
+  return _react.createElement(
+    _index.ButtonBase,
+    {
+      className: (0, _classnames.default)(
+        'iui-header-breadcrumb-button',
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    },
+    startIcon,
+    children,
+    endIcon,
+  );
 });

package/cjs/core/Header/HeaderBreadcrumbs.js

@@ -10,52 +10,54 @@ Object.defineProperty(exports, 'HeaderBreadcrumbs', {
 });
 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 HeaderBreadcrumbs = _react.forwardRef((props, forwardedRef) => {
   const { className, items, ...rest } = props;
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    as: 'nav',
-    'aria-label': 'breadcrumbs',
-    className: (0, _classnames.default)(
-      'iui-breadcrumbs',
-      'iui-header-breadcrumbs',
-      className,
-    ),
-    ref: forwardedRef,
-    ...rest,
-    children: (0, _jsxruntime.jsx)(_index.Box, {
-      as: 'ol',
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'nav',
+      'aria-label': 'breadcrumbs',
       className: (0, _classnames.default)(
-        'iui-breadcrumbs-list',
-        'iui-header-breadcrumbs-list',
+        'iui-breadcrumbs',
+        'iui-header-breadcrumbs',
+        className,
       ),
-      children: items.reduce(
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
+        as: 'ol',
+        className: (0, _classnames.default)(
+          'iui-breadcrumbs-list',
+          'iui-header-breadcrumbs-list',
+        ),
+      },
+      items.reduce(
         (previous, current, index) => [
           ...previous,
           current,
           index !== items.length - 1 &&
-            (0, _jsxruntime.jsx)(
+            _react.createElement(
               _index.Box,
               {
                 as: 'li',
                 className: 'iui-breadcrumbs-separator',
-                children: (0, _jsxruntime.jsx)(
-                  _index.SvgChevronRight,
-                  {
-                    'aria-hidden': true,
-                    className: 'iui-chevron',
-                  },
-                  `chevron${index}`,
-                ),
+                key: index,
               },
-              index,
+              _react.createElement(_index.SvgChevronRight, {
+                key: `chevron${index}`,
+                'aria-hidden': true,
+                className: 'iui-chevron',
+              }),
             ),
         ],
         [],
       ),
-    }),
-  });
+    ),
+  );
 });

package/cjs/core/Header/HeaderButton.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'HeaderButton', {
   },
 });
 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('../../utils/index.js');
 const _HeaderSplitButton = require('./HeaderSplitButton.js');
@@ -28,30 +27,40 @@ const HeaderButton = _react.forwardRef((props, ref) => {
   } = props;
   const buttonProps = {
     startIcon: startIcon
-      ? (0, _jsxruntime.jsx)(_index.Box, {
-          as: 'span',
-          className: 'iui-header-breadcrumb-button-icon',
-          'aria-hidden': true,
-          children: startIcon,
-        })
+      ? _react.createElement(
+          _index.Box,
+          {
+            as: 'span',
+            className: 'iui-header-breadcrumb-button-icon',
+            'aria-hidden': true,
+          },
+          startIcon,
+        )
       : null,
-    children: (0, _jsxruntime.jsxs)(_index.Box, {
-      as: 'span',
-      className: 'iui-header-breadcrumb-button-text',
-      children: [
-        (0, _jsxruntime.jsx)(_index.Box, {
+    children: _react.createElement(
+      _index.Box,
+      {
+        as: 'span',
+        className: 'iui-header-breadcrumb-button-text',
+      },
+      _react.createElement(
+        _index.Box,
+        {
           as: 'span',
           className: 'iui-header-breadcrumb-button-text-label',
-          children: name,
-        }),
-        description &&
-          (0, _jsxruntime.jsx)(_index.Box, {
+        },
+        name,
+      ),
+      description &&
+        _react.createElement(
+          _index.Box,
+          {
             as: 'span',
             className: 'iui-header-breadcrumb-button-text-sublabel',
-            children: description,
-          }),
-      ],
-    }),
+          },
+          description,
+        ),
+    ),
     ref: ref,
     disabled: disabled,
     name: htmlName,
@@ -62,21 +71,24 @@ const HeaderButton = _react.forwardRef((props, ref) => {
   };
   const headerButton =
     !!props.menuItems && !!props.onClick
-      ? (0, _jsxruntime.jsx)(_HeaderSplitButton.HeaderSplitButton, {
-          ...buttonProps,
-        })
+      ? _react.createElement(_HeaderSplitButton.HeaderSplitButton, buttonProps)
       : !!props.menuItems
-        ? (0, _jsxruntime.jsx)(_HeaderDropdownButton.HeaderDropdownButton, {
-            ...buttonProps,
-          })
-        : (0, _jsxruntime.jsx)(_HeaderBasicButton.HeaderBasicButton, {
-            ...buttonProps,
-          });
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    as: 'li',
-    className: 'iui-header-breadcrumb-item',
-    'aria-current': isActive ? 'location' : undefined,
-    'aria-disabled': disabled ? 'true' : undefined,
-    children: headerButton,
-  });
+        ? _react.createElement(
+            _HeaderDropdownButton.HeaderDropdownButton,
+            buttonProps,
+          )
+        : _react.createElement(
+            _HeaderBasicButton.HeaderBasicButton,
+            buttonProps,
+          );
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'li',
+      className: 'iui-header-breadcrumb-item',
+      'aria-current': isActive ? 'location' : undefined,
+      'aria-disabled': disabled ? 'true' : undefined,
+    },
+    headerButton,
+  );
 });

package/cjs/core/Header/HeaderDropdownButton.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'HeaderDropdownButton', {
 });
 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 _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
@@ -27,30 +26,36 @@ const HeaderDropdownButton = _react.forwardRef((props, ref) => {
       setMenuWidth(buttonRef.current.offsetWidth);
     }
   }, [children]);
-  return (0, _jsxruntime.jsx)(_DropdownMenu.DropdownMenu, {
-    menuItems: menuItems,
-    style: {
-      minInlineSize: menuWidth,
+  return _react.createElement(
+    _DropdownMenu.DropdownMenu,
+    {
+      menuItems: menuItems,
+      style: {
+        minInlineSize: menuWidth,
+      },
+      onVisibleChange: (open) => setIsMenuOpen(open),
     },
-    onVisibleChange: (open) => setIsMenuOpen(open),
-    children: (0, _jsxruntime.jsx)(_HeaderBasicButton.HeaderBasicButton, {
-      className: (0, _classnames.default)(
-        'iui-header-breadcrumb-button',
-        className,
-      ),
-      ref: refs,
-      'aria-label': 'Dropdown',
-      endIcon: isMenuOpen
-        ? (0, _jsxruntime.jsx)(_index.SvgCaretUpSmall, {
-            className: 'iui-header-breadcrumb-button-dropdown-icon',
-            'aria-hidden': true,
-          })
-        : (0, _jsxruntime.jsx)(_index.SvgCaretDownSmall, {
-            className: 'iui-header-breadcrumb-button-dropdown-icon',
-            'aria-hidden': true,
-          }),
-      ...rest,
-      children: children,
-    }),
-  });
+    _react.createElement(
+      _HeaderBasicButton.HeaderBasicButton,
+      {
+        className: (0, _classnames.default)(
+          'iui-header-breadcrumb-button',
+          className,
+        ),
+        ref: refs,
+        'aria-label': 'Dropdown',
+        endIcon: isMenuOpen
+          ? _react.createElement(_index.SvgCaretUpSmall, {
+              className: 'iui-header-breadcrumb-button-dropdown-icon',
+              'aria-hidden': true,
+            })
+          : _react.createElement(_index.SvgCaretDownSmall, {
+              className: 'iui-header-breadcrumb-button-dropdown-icon',
+              'aria-hidden': true,
+            }),
+        ...rest,
+      },
+      children,
+    ),
+  );
 });

package/cjs/core/Header/HeaderLogo.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'HeaderLogo', {
 });
 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');
@@ -23,28 +22,35 @@ const HeaderLogo = _react.forwardRef((props, ref) => {
     as = !!onClick ? 'button' : 'div',
     ...rest
   } = props;
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)('iui-header-brand', className),
-    as: as,
-    type: as === 'button' ? 'button' : undefined,
-    onClick: onClick,
-    ref: ref,
-    ...rest,
-    children: [
-      logo
-        ? (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-header-brand', className),
+      as: as,
+      type: as === 'button' ? 'button' : undefined,
+      onClick: onClick,
+      ref: ref,
+      ...rest,
+    },
+    logo
+      ? _react.createElement(
+          _index.Box,
+          {
             as: 'span',
             className: 'iui-header-brand-icon',
             'aria-hidden': true,
-            children: logo,
-          })
-        : null,
-      children &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+          },
+          logo,
+        )
+      : null,
+    children &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'span',
           className: 'iui-header-brand-label',
-          children: children,
-        }),
-    ],
-  });
+        },
+        children,
+      ),
+  );
 });

package/cjs/core/Header/HeaderSplitButton.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'HeaderSplitButton', {
 });
 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 _DropdownMenu = require('../DropdownMenu/DropdownMenu.js');
@@ -33,42 +32,52 @@ const HeaderSplitButton = _react.forwardRef((props, forwardedRef) => {
       setMenuWidth(ref.current.offsetWidth);
     }
   }, [children]);
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)(
-      'iui-header-breadcrumb-button-wrapper',
-      className,
-    ),
-    ref: ref,
-    children: [
-      (0, _jsxruntime.jsx)(_HeaderBasicButton.HeaderBasicButton, {
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-header-breadcrumb-button-wrapper',
+        className,
+      ),
+      ref: ref,
+    },
+    _react.createElement(
+      _HeaderBasicButton.HeaderBasicButton,
+      {
         ref: forwardedRef,
         disabled: disabled,
         ...rest,
-        children: children,
-      }),
-      (0, _jsxruntime.jsx)(_DropdownMenu.DropdownMenu, {
+      },
+      children,
+    ),
+    _react.createElement(
+      _DropdownMenu.DropdownMenu,
+      {
         placement: menuPlacement,
         menuItems: menuItems,
         style: {
           minInlineSize: menuWidth,
         },
         onVisibleChange: (open) => setIsMenuOpen(open),
-        children: (0, _jsxruntime.jsx)(_index.ButtonBase, {
+      },
+      _react.createElement(
+        _index.ButtonBase,
+        {
           'aria-label': 'More',
           className:
             'iui-header-breadcrumb-button iui-header-breadcrumb-button-split',
           disabled: disabled,
-          children: isMenuOpen
-            ? (0, _jsxruntime.jsx)(_index.SvgCaretUpSmall, {
-                className: 'iui-header-breadcrumb-button-dropdown-icon',
-                'aria-hidden': true,
-              })
-            : (0, _jsxruntime.jsx)(_index.SvgCaretDownSmall, {
-                className: 'iui-header-breadcrumb-button-dropdown-icon',
-                'aria-hidden': true,
-              }),
-        }),
-      }),
-    ],
-  });
+        },
+        isMenuOpen
+          ? _react.createElement(_index.SvgCaretUpSmall, {
+              className: 'iui-header-breadcrumb-button-dropdown-icon',
+              'aria-hidden': true,
+            })
+          : _react.createElement(_index.SvgCaretDownSmall, {
+              className: 'iui-header-breadcrumb-button-dropdown-icon',
+              'aria-hidden': true,
+            }),
+      ),
+    ),
+  );
 });

package/cjs/core/Icon/Icon.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'Icon', {
 });
 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 _Box = require('../../utils/components/Box.js');
@@ -34,7 +33,7 @@ const Icon = _react.forwardRef((props, ref) => {
     padded = false,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsx)(_Box.Box, {
+  return _react.createElement(_Box.Box, {
     as: 'span',
     className: (0, _classnames.default)('iui-svg-icon', className),
     'data-iui-icon-size': getSizeValue(size),

package/cjs/core/InformationPanel/InformationPanel.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'InformationPanel', {
 });
 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');
@@ -75,33 +74,37 @@ const InformationPanel = _react.forwardRef((props, forwardedRef) => {
     },
     [orientation],
   );
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)(
-      'iui-information-panel',
-      {
-        'iui-right': orientation === 'vertical',
-        'iui-bottom': orientation === 'horizontal',
-        'iui-visible': isOpen,
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-information-panel',
+        {
+          'iui-right': orientation === 'vertical',
+          'iui-bottom': orientation === 'horizontal',
+          'iui-visible': isOpen,
+        },
+        className,
+      ),
+      ref: refs,
+      ...rest,
+      style: {
+        width: orientation === 'vertical' ? infoPanelSize.width : undefined,
+        height: orientation === 'horizontal' ? infoPanelSize.height : undefined,
+        ...props.style,
       },
-      className,
-    ),
-    ref: refs,
-    ...rest,
-    style: {
-      width: orientation === 'vertical' ? infoPanelSize.width : undefined,
-      height: orientation === 'horizontal' ? infoPanelSize.height : undefined,
-      ...props.style,
     },
-    children: [
-      resizable &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+    resizable &&
+      _react.createElement(
+        _index.Box,
+        {
           className: 'iui-resizer',
           onPointerDown: startResize,
-          children: (0, _jsxruntime.jsx)(_index.Box, {
-            className: 'iui-resizer-bar',
-          }),
+        },
+        _react.createElement(_index.Box, {
+          className: 'iui-resizer-bar',
         }),
-      children,
-    ],
-  });
+      ),
+    children,
+  );
 });