@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/LinkAction/LinkAction.js

@@ -19,14 +19,13 @@ _export(exports, {
 });
 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 _polymorphic = require('../../utils/functions/polymorphic.js');
 const _index = require('../../utils/components/index.js');
 const LinkAction = _react.forwardRef((props, forwardedRef) => {
   const { as: asProp = !!props.href ? 'a' : 'button' } = props;
-  return (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(_index.Box, {
     ...props,
     as: asProp,
     className: (0, _classnames.default)('iui-link-action', props.className),

package/cjs/core/List/ListItem.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'ListItem', {
 });
 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');
@@ -25,7 +24,7 @@ const ListItemComponent = _react.forwardRef((props, ref) => {
     className,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(_index.Box, {
     as: 'li',
     className: (0, _classnames.default)('iui-list-item', className),
     'data-iui-active': active ? 'true' : undefined,

package/cjs/core/Menu/Menu.js

@@ -19,7 +19,6 @@ _export(exports, {
 });
 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');
@@ -173,40 +172,55 @@ const Menu = _react.forwardRef((props, ref) => {
   );
   const floating =
     popover.open &&
-    (0, _jsxruntime.jsx)(_index.Portal, {
-      portal: portal,
-      children: (0, _jsxruntime.jsx)(_index.Box, {
-        as: 'div',
-        className: (0, _classnames.default)('iui-menu', className),
-        ref: refs,
-        ...getFloatingProps(
-          popover.getFloatingProps({
-            role: 'menu',
-            ...rest,
-          }),
-        ),
-        children: children,
-      }),
-    });
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: (0, _jsxruntime.jsxs)(MenuContext.Provider, {
-      value: {
-        popoverGetItemProps,
-        focusableElements,
+    _react.createElement(
+      _index.Portal,
+      {
+        portal: portal,
       },
-      children: [
-        (0, _jsxruntime.jsx)(_Popover.PopoverOpenContext.Provider, {
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'div',
+          className: (0, _classnames.default)('iui-menu', className),
+          ref: refs,
+          ...getFloatingProps(
+            popover.getFloatingProps({
+              role: 'menu',
+              ...rest,
+            }),
+          ),
+        },
+        children,
+      ),
+    );
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    _react.createElement(
+      MenuContext.Provider,
+      {
+        value: {
+          popoverGetItemProps,
+          focusableElements,
+        },
+      },
+      _react.createElement(
+        _Popover.PopoverOpenContext.Provider,
+        {
           value: popover.open,
-          children: reference,
-        }),
-        tree != null
-          ? (0, _jsxruntime.jsx)(_react1.FloatingNode, {
+        },
+        reference,
+      ),
+      tree != null
+        ? _react.createElement(
+            _react1.FloatingNode,
+            {
               id: nodeId,
-              children: floating,
-            })
-          : floating,
-      ],
-    }),
-  });
+            },
+            floating,
+          )
+        : floating,
+    ),
+  );
 });
 const MenuContext = _react.createContext(undefined);

package/cjs/core/Menu/MenuItem.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'MenuItem', {
 });
 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 _index = require('../../utils/index.js');
 const _Menu = require('./Menu.js');
@@ -68,70 +67,80 @@ const MenuItem = _react.forwardRef((props, forwardedRef) => {
   const focusableItemIndex = parentMenu?.focusableElements.findIndex(
     (el) => el === menuItemRef.current,
   );
-  const trigger = (0, _jsxruntime.jsxs)(_ListItem.ListItem, {
-    as: 'button',
-    type: 'button',
-    className: (0, _classnames.default)('iui-button-base', className),
-    actionable: true,
-    size: size,
-    active: isSelected,
-    disabled: disabled,
-    ref: (0, _index.useMergedRefs)(menuItemRef, forwardedRef),
-    role: role,
-    tabIndex: isSelected ? 0 : -1,
-    'aria-selected': isSelected,
-    'aria-haspopup': subMenuItems.length > 0 ? 'true' : undefined,
-    'aria-controls': subMenuItems.length > 0 ? submenuId : undefined,
-    'aria-disabled': disabled,
-    ...(parentMenu?.popoverGetItemProps != null
-      ? parentMenu.popoverGetItemProps({
-          focusableItemIndex,
-          userProps: handlers,
-        })
-      : handlers),
-    ...rest,
-    children: [
-      startIcon &&
-        (0, _jsxruntime.jsx)(_ListItem.ListItem.Icon, {
+  const trigger = _react.createElement(
+    _ListItem.ListItem,
+    {
+      as: 'button',
+      type: 'button',
+      className: (0, _classnames.default)('iui-button-base', className),
+      actionable: true,
+      size: size,
+      active: isSelected,
+      disabled: disabled,
+      ref: (0, _index.useMergedRefs)(menuItemRef, forwardedRef),
+      role: role,
+      tabIndex: isSelected ? 0 : -1,
+      'aria-selected': isSelected,
+      'aria-haspopup': subMenuItems.length > 0 ? 'true' : undefined,
+      'aria-controls': subMenuItems.length > 0 ? submenuId : undefined,
+      'aria-disabled': disabled,
+      ...(parentMenu?.popoverGetItemProps != null
+        ? parentMenu.popoverGetItemProps({
+            focusableItemIndex,
+            userProps: handlers,
+          })
+        : handlers),
+      ...rest,
+    },
+    startIcon &&
+      _react.createElement(
+        _ListItem.ListItem.Icon,
+        {
           as: 'span',
           'aria-hidden': true,
-          children: startIcon,
-        }),
-      (0, _jsxruntime.jsxs)(_ListItem.ListItem.Content, {
-        children: [
-          (0, _jsxruntime.jsx)('div', {
-            children: children,
-          }),
-          sublabel &&
-            (0, _jsxruntime.jsx)(_ListItem.ListItem.Description, {
-              children: sublabel,
-            }),
-        ],
-      }),
-      !endIcon &&
-        subMenuItems.length > 0 &&
-        (0, _jsxruntime.jsx)(_ListItem.ListItem.Icon, {
+        },
+        startIcon,
+      ),
+    _react.createElement(
+      _ListItem.ListItem.Content,
+      null,
+      _react.createElement('div', null, children),
+      sublabel &&
+        _react.createElement(_ListItem.ListItem.Description, null, sublabel),
+    ),
+    !endIcon &&
+      subMenuItems.length > 0 &&
+      _react.createElement(
+        _ListItem.ListItem.Icon,
+        {
           as: 'span',
           'aria-hidden': true,
-          children: (0, _jsxruntime.jsx)(_index.SvgCaretRightSmall, {}),
-        }),
-      endIcon &&
-        (0, _jsxruntime.jsx)(_ListItem.ListItem.Icon, {
+        },
+        _react.createElement(_index.SvgCaretRightSmall, null),
+      ),
+    endIcon &&
+      _react.createElement(
+        _ListItem.ListItem.Icon,
+        {
           as: 'span',
           'aria-hidden': true,
-          children: endIcon,
-        }),
-    ],
-  });
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children:
-      subMenuItems.length > 0 && !disabled
-        ? (0, _jsxruntime.jsx)(_Menu.Menu, {
+        },
+        endIcon,
+      ),
+  );
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    subMenuItems.length > 0 && !disabled
+      ? _react.createElement(
+          _Menu.Menu,
+          {
             id: submenuId,
             trigger: trigger,
             popoverProps: popoverProps,
-            children: subMenuItems,
-          })
-        : trigger,
-  });
+          },
+          subMenuItems,
+        )
+      : trigger,
+  );
 });

package/cjs/core/Menu/MenuItemSkeleton.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'MenuItemSkeleton', {
 });
 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');
@@ -27,41 +26,45 @@ const MenuItemSkeleton = _react.forwardRef((props, forwardedRef) => {
     style,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)('iui-menu-item-skeleton', className),
-    'data-iui-size': hasSublabel && 'large',
-    style: {
-      ...{
-        '--iui-menu-item-content-skeleton-max-width': contentWidth,
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-menu-item-skeleton', className),
+      'data-iui-size': hasSublabel && 'large',
+      style: {
+        ...{
+          '--iui-menu-item-content-skeleton-max-width': contentWidth,
+        },
+        ...style,
       },
-      ...style,
+      ref: forwardedRef,
+      ...rest,
     },
-    ref: forwardedRef,
-    ...rest,
-    children: [
-      hasIcon &&
-        (0, _jsxruntime.jsx)(_index.Box, {
-          className: 'iui-icon iui-skeleton',
-          'aria-hidden': true,
-        }),
-      (0, _jsxruntime.jsxs)(_index.Box, {
+    hasIcon &&
+      _react.createElement(_index.Box, {
+        className: 'iui-icon iui-skeleton',
+        'aria-hidden': true,
+      }),
+    _react.createElement(
+      _index.Box,
+      {
         as: 'span',
         className: 'iui-content',
-        children: [
-          (0, _jsxruntime.jsx)(_index.Box, {
-            className: 'iui-menu-label iui-skeleton',
-            'aria-hidden': true,
-          }),
-          hasSublabel &&
-            (0, _jsxruntime.jsx)(_index.Box, {
-              className: 'iui-menu-description iui-skeleton',
-              'aria-hidden': true,
-            }),
-          (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
-            children: translatedStrings.loading,
-          }),
-        ],
+      },
+      _react.createElement(_index.Box, {
+        className: 'iui-menu-label iui-skeleton',
+        'aria-hidden': true,
       }),
-    ],
-  });
+      hasSublabel &&
+        _react.createElement(_index.Box, {
+          className: 'iui-menu-description iui-skeleton',
+          'aria-hidden': true,
+        }),
+      _react.createElement(
+        _VisuallyHidden.VisuallyHidden,
+        null,
+        translatedStrings.loading,
+      ),
+    ),
+  );
 });

package/cjs/core/Modal/Modal.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'Modal', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Dialog = require('../Dialog/Dialog.js');
 const Modal = _react.forwardRef((props, forwardedRef) => {
@@ -27,33 +26,33 @@ const Modal = _react.forwardRef((props, forwardedRef) => {
     titleBarProps,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsxs)(_Dialog.Dialog, {
-    isOpen: isOpen,
-    closeOnEsc: closeOnEsc,
-    closeOnExternalClick: closeOnExternalClick,
-    isDismissible: isDismissible,
-    onClose: onClose,
-    preventDocumentScroll: true,
-    trapFocus: true,
-    setFocus: true,
-    ref: forwardedRef,
-    portal: portal,
-    ...wrapperProps,
-    children: [
-      (0, _jsxruntime.jsx)(_Dialog.Dialog.Backdrop, {
-        ...backdropProps,
-      }),
-      (0, _jsxruntime.jsxs)(_Dialog.Dialog.Main, {
+  return _react.createElement(
+    _Dialog.Dialog,
+    {
+      isOpen: isOpen,
+      closeOnEsc: closeOnEsc,
+      closeOnExternalClick: closeOnExternalClick,
+      isDismissible: isDismissible,
+      onClose: onClose,
+      preventDocumentScroll: true,
+      trapFocus: true,
+      setFocus: true,
+      ref: forwardedRef,
+      portal: portal,
+      ...wrapperProps,
+    },
+    _react.createElement(_Dialog.Dialog.Backdrop, backdropProps),
+    _react.createElement(
+      _Dialog.Dialog.Main,
+      {
         'aria-modal': true,
         ...rest,
-        children: [
-          (0, _jsxruntime.jsx)(_Dialog.Dialog.TitleBar, {
-            titleText: title,
-            ...titleBarProps,
-          }),
-          children,
-        ],
+      },
+      _react.createElement(_Dialog.Dialog.TitleBar, {
+        titleText: title,
+        ...titleBarProps,
       }),
-    ],
-  });
+      children,
+    ),
+  );
 });

package/cjs/core/NonIdealState/ErrorPage.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'ErrorPage', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Button = require('../Buttons/Button.js');
 const _NonIdealState = require('./NonIdealState.js');
@@ -111,33 +110,33 @@ const ErrorPage = _react.forwardRef((props, forwardedRef) => {
       case '305':
       case '307':
       case '308': {
-        return (0, _jsxruntime.jsx)(SvgRedirect, {});
+        return _react.createElement(SvgRedirect, null);
       }
       case '401': {
-        return (0, _jsxruntime.jsx)(Svg401, {});
+        return _react.createElement(Svg401, null);
       }
       case '403': {
-        return (0, _jsxruntime.jsx)(Svg403, {});
+        return _react.createElement(Svg403, null);
       }
       case '404': {
-        return (0, _jsxruntime.jsx)(Svg404, {});
+        return _react.createElement(Svg404, null);
       }
       case '408':
       case '504': {
-        return (0, _jsxruntime.jsx)(SvgTimedOut, {});
+        return _react.createElement(SvgTimedOut, null);
       }
       case '500': {
-        return (0, _jsxruntime.jsx)(Svg500, {});
+        return _react.createElement(Svg500, null);
       }
       case '502': {
-        return (0, _jsxruntime.jsx)(Svg502, {});
+        return _react.createElement(Svg502, null);
       }
       case '503': {
-        return (0, _jsxruntime.jsx)(Svg503, {});
+        return _react.createElement(Svg503, null);
       }
       case 'generic':
       default: {
-        return (0, _jsxruntime.jsx)(SvgError, {});
+        return _react.createElement(SvgError, null);
       }
     }
   }
@@ -188,21 +187,27 @@ const ErrorPage = _react.forwardRef((props, forwardedRef) => {
     if (!primaryButtonHandle || !primaryButtonLabel) {
       return null;
     }
-    return (0, _jsxruntime.jsx)(_Button.Button, {
-      styleType: 'high-visibility',
-      onClick: primaryButtonHandle,
-      children: primaryButtonLabel,
-    });
+    return _react.createElement(
+      _Button.Button,
+      {
+        styleType: 'high-visibility',
+        onClick: primaryButtonHandle,
+      },
+      primaryButtonLabel,
+    );
   }
   function getSecondaryButton() {
     if (!secondaryButtonHandle || !secondaryButtonLabel) {
       return null;
     }
-    return (0, _jsxruntime.jsx)(_Button.Button, {
-      styleType: 'default',
-      onClick: secondaryButtonHandle,
-      children: secondaryButtonLabel,
-    });
+    return _react.createElement(
+      _Button.Button,
+      {
+        styleType: 'default',
+        onClick: secondaryButtonHandle,
+      },
+      secondaryButtonLabel,
+    );
   }
   function getActions() {
     const primaryButton = getPrimaryButton();
@@ -210,15 +215,21 @@ const ErrorPage = _react.forwardRef((props, forwardedRef) => {
     if (!primaryButton && !secondaryButton) {
       return null;
     }
-    return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-      children: [primaryButton, secondaryButton],
-    });
+    return _react.createElement(
+      _react.Fragment,
+      null,
+      primaryButton,
+      secondaryButton,
+    );
   }
-  return (0, _jsxruntime.jsx)(_NonIdealState.NonIdealState, {
-    svg: (0, _jsxruntime.jsx)(_react.Suspense, {
-      fallback: (0, _jsxruntime.jsx)(_ProgressRadial.ProgressRadial, {}),
-      children: getErrorIcon(),
-    }),
+  return _react.createElement(_NonIdealState.NonIdealState, {
+    svg: _react.createElement(
+      _react.Suspense,
+      {
+        fallback: _react.createElement(_ProgressRadial.ProgressRadial, null),
+      },
+      getErrorIcon(),
+    ),
     heading: getHeadingMessage(),
     description: errorMessage,
     actions: getActions(),

package/cjs/core/NonIdealState/NonIdealState.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'NonIdealState', {
 });
 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 _index = require('../../utils/index.js');
 const _classnames = _interop_require_default._(require('classnames'));
@@ -27,50 +26,63 @@ const NonIdealState = _react.forwardRef((props, forwardedRef) => {
     actionsProps,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)('iui-non-ideal-state', className),
-    ref: forwardedRef,
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-non-ideal-state', className),
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
         as: 'div',
         ...illustrationProps,
         className: (0, _classnames.default)(
           'iui-non-ideal-state-illustration',
           illustrationProps?.className,
         ),
-        children: svg,
-      }),
-      heading &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+      },
+      svg,
+    ),
+    heading &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'div',
           ...titleProps,
           className: (0, _classnames.default)(
             'iui-non-ideal-state-title',
             titleProps?.className,
           ),
-          children: heading,
-        }),
-      description &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+        },
+        heading,
+      ),
+    description &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'div',
           ...descriptionProps,
           className: (0, _classnames.default)(
             'iui-non-ideal-state-description',
             descriptionProps?.className,
           ),
-          children: description,
-        }),
-      actions &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+        },
+        description,
+      ),
+    actions &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'div',
           ...actionsProps,
           className: (0, _classnames.default)(
             'iui-non-ideal-state-actions',
             actionsProps?.className,
           ),
-          children: actions,
-        }),
-    ],
-  });
+        },
+        actions,
+      ),
+  );
 });