@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/NotificationMarker/NotificationMarker.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'NotificationMarker', {
 });
 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'));
@@ -23,18 +22,21 @@ const NotificationMarker = _react.forwardRef((props, ref) => {
     enabled = true,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    as: 'span',
-    ref: ref,
-    className: (0, _classnames.default)(
-      {
-        'iui-notification-marker': enabled,
-      },
-      className,
-    ),
-    'data-iui-variant': enabled ? status : null,
-    'data-iui-urgent': enabled ? pulsing : null,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'span',
+      ref: ref,
+      className: (0, _classnames.default)(
+        {
+          'iui-notification-marker': enabled,
+        },
+        className,
+      ),
+      'data-iui-variant': enabled ? status : null,
+      'data-iui-urgent': enabled ? pulsing : null,
+      ...rest,
+    },
+    children,
+  );
 });

package/cjs/core/Overlay/Overlay.js

@@ -9,34 +9,33 @@ Object.defineProperty(exports, 'Overlay', {
   },
 });
 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 OverlayComponent = _react.forwardRef((props, forwardedRef) => {
   const { content, children, ...rest } = props;
-  return (0, _jsxruntime.jsxs)(OverlayWrapper, {
-    ref: forwardedRef,
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsx)(OverlayOverlay, {
-        children: content,
-      }),
-      (0, _jsxruntime.jsx)(OverlayHiddenContent, {
-        children: children,
-      }),
-    ],
-  });
+  return _react.createElement(
+    OverlayWrapper,
+    {
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(OverlayOverlay, null, content),
+    _react.createElement(OverlayHiddenContent, null, children),
+  );
 });
 OverlayComponent.displayName = 'Overlay';
 const OverlayHiddenContent = _react.forwardRef((props, ref) => {
   const { children, ...rest } = props;
   useInertPolyfill();
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    inert: '',
-    ref: ref,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      inert: '',
+      ref: ref,
+      ...rest,
+    },
+    children,
+  );
 });
 OverlayHiddenContent.displayName = 'Overlay.HiddenContent';
 const OverlayOverlay = (0, _index.polymorphic)('iui-overlay');

package/cjs/core/Popover/Popover.js

@@ -22,7 +22,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 _react1 = require('@floating-ui/react');
@@ -210,67 +209,84 @@ const Popover = _react.forwardRef((props, forwardedRef) => {
     popover.refs.setPositionReference(positionReference);
     return () => void popover.refs.setPositionReference(null);
   }, [popover.refs, positionReference]);
-  return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-    children: [
-      (0, _jsxruntime.jsx)(PopoverOpenContext.Provider, {
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    _react.createElement(
+      PopoverOpenContext.Provider,
+      {
         value: popover.open,
-        children: (0, _index.cloneElementWithRef)(children, (children) => ({
-          id: children.props.id || triggerId,
-          ...popover.getReferenceProps(children.props),
-          ref: popover.refs.setReference,
-        })),
-      }),
-      popover.open
-        ? (0, _jsxruntime.jsx)(PopoverPortal, {
+      },
+      (0, _index.cloneElementWithRef)(children, (children) => ({
+        id: children.props.id || triggerId,
+        ...popover.getReferenceProps(children.props),
+        ref: popover.refs.setReference,
+      })),
+    ),
+    popover.open
+      ? _react.createElement(
+          PopoverPortal,
+          {
             portal: portal,
-            children: (0, _jsxruntime.jsxs)(_ThemeProvider.ThemeProvider, {
+          },
+          _react.createElement(
+            _ThemeProvider.ThemeProvider,
+            {
               portalContainer: popoverElement,
-              children: [
-                (0, _jsxruntime.jsx)(DisplayContents, {}),
-                (0, _jsxruntime.jsx)(_react1.FloatingFocusManager, {
-                  context: popover.context,
-                  modal: false,
-                  initialFocus: popover.refs.floating,
-                  children: (0, _jsxruntime.jsx)(_index.Box, {
-                    className: (0, _classnames.default)(
-                      {
-                        'iui-popover-surface': applyBackground,
-                      },
-                      className,
-                    ),
-                    'aria-labelledby': !hasAriaLabel
-                      ? popover.refs.domReference.current?.id
-                      : undefined,
-                    ...popover.getFloatingProps(rest),
-                    ref: popoverRef,
-                    children: content,
-                  }),
-                }),
-              ],
-            }),
-          })
-        : null,
-    ],
-  });
+            },
+            _react.createElement(DisplayContents, null),
+            _react.createElement(
+              _react1.FloatingFocusManager,
+              {
+                context: popover.context,
+                modal: false,
+                initialFocus: popover.refs.floating,
+              },
+              _react.createElement(
+                _index.Box,
+                {
+                  className: (0, _classnames.default)(
+                    {
+                      'iui-popover-surface': applyBackground,
+                    },
+                    className,
+                  ),
+                  'aria-labelledby': !hasAriaLabel
+                    ? popover.refs.domReference.current?.id
+                    : undefined,
+                  ...popover.getFloatingProps(rest),
+                  ref: popoverRef,
+                },
+                content,
+              ),
+            ),
+          ),
+        )
+      : null,
+  );
 });
 const PopoverPortal = ({ children, portal = true }) => {
   const portalTo = (0, _Portal.usePortalTo)(portal);
-  return (0, _jsxruntime.jsxs)(
+  return _react.createElement(
     _react1.FloatingPortal,
     {
+      key: portalTo?.id,
       root: portalTo,
-      children: [(0, _jsxruntime.jsx)(DisplayContents, {}), children],
     },
-    portalTo?.id,
+    _react.createElement(DisplayContents, null),
+    children,
   );
 };
 const DisplayContents = _react.memo(() => {
-  return (0, _jsxruntime.jsx)(_index.ShadowRoot, {
-    css: `
+  return _react.createElement(
+    _index.ShadowRoot,
+    {
+      css: `
         :host {
           display: contents;
         }
       `,
-    children: (0, _jsxruntime.jsx)('slot', {}),
-  });
+    },
+    _react.createElement('slot', null),
+  );
 });

package/cjs/core/ProgressIndicators/ProgressLinear.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'ProgressLinear', {
 });
 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,47 +26,49 @@ const ProgressLinear = _react.forwardRef((props, forwardedRef) => {
     ...rest
   } = props;
   const boundedValue = (0, _index.getBoundedValue)(value ?? 100, 0, 100);
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)(
-      'iui-progress-indicator-linear',
-      className,
-    ),
-    ref: forwardedRef,
-    'data-iui-status': status,
-    'data-iui-indeterminate': indeterminate ? 'true' : undefined,
-    'data-iui-animated': isAnimated ? 'true' : undefined,
-    style: {
-      '--iui-progress-percentage': `${boundedValue}%`,
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-progress-indicator-linear',
+        className,
+      ),
+      ref: forwardedRef,
+      'data-iui-status': status,
+      'data-iui-indeterminate': indeterminate ? 'true' : undefined,
+      'data-iui-animated': isAnimated ? 'true' : undefined,
+      style: {
+        '--iui-progress-percentage': `${boundedValue}%`,
+      },
+      ...rest,
     },
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsxs)(_index.ShadowRoot, {
-        children: [
-          value !== 100 &&
-            (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
-              children: 'Loading.',
-            }),
-          (0, _jsxruntime.jsx)('slot', {}),
-        ],
-      }),
-      labels.length > 0 &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+    _react.createElement(
+      _index.ShadowRoot,
+      null,
+      value !== 100 &&
+        _react.createElement(_VisuallyHidden.VisuallyHidden, null, 'Loading.'),
+      _react.createElement('slot', null),
+    ),
+    labels.length > 0 &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'div',
           ...labelGroupProps,
           className: (0, _classnames.default)(
             'iui-progress-indicator-linear-label',
             labelGroupProps?.className,
           ),
-          children: labels.map((label, index) =>
-            (0, _jsxruntime.jsx)(
-              'span',
-              {
-                children: label,
-              },
-              index,
-            ),
+        },
+        labels.map((label, index) =>
+          _react.createElement(
+            'span',
+            {
+              key: index,
+            },
+            label,
           ),
-        }),
-    ],
-  });
+        ),
+      ),
+  );
 });

package/cjs/core/ProgressIndicators/ProgressRadial.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'ProgressRadial', {
 });
 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');
@@ -27,49 +26,48 @@ const ProgressRadial = _react.forwardRef((props, forwardedRef) => {
     ...rest
   } = props;
   const statusMap = {
-    negative: (0, _jsxruntime.jsx)(_index.SvgImportantSmall, {
+    negative: _react.createElement(_index.SvgImportantSmall, {
       'aria-hidden': true,
     }),
-    positive: (0, _jsxruntime.jsx)(_index.SvgCheckmarkSmall, {
+    positive: _react.createElement(_index.SvgCheckmarkSmall, {
       'aria-hidden': true,
     }),
-    warning: (0, _jsxruntime.jsx)(_index.SvgImportantSmall, {
+    warning: _react.createElement(_index.SvgImportantSmall, {
       'aria-hidden': true,
     }),
   };
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)(
-      'iui-progress-indicator-radial',
-      className,
-    ),
-    'data-iui-size': size,
-    'data-iui-status': status,
-    'data-iui-indeterminate': indeterminate ? 'true' : undefined,
-    ref: forwardedRef,
-    style: {
-      ...(value !== undefined && {
-        '--iui-progress-percentage': `${(0, _index.getBoundedValue)(
-          value,
-          0,
-          100,
-        )}%`,
-      }),
-      ...style,
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-progress-indicator-radial',
+        className,
+      ),
+      'data-iui-size': size,
+      'data-iui-status': status,
+      'data-iui-indeterminate': indeterminate ? 'true' : undefined,
+      ref: forwardedRef,
+      style: {
+        ...(value !== undefined && {
+          '--iui-progress-percentage': `${(0, _index.getBoundedValue)(
+            value,
+            0,
+            100,
+          )}%`,
+        }),
+        ...style,
+      },
+      ...rest,
     },
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsxs)(_index.ShadowRoot, {
-        children: [
-          value !== 100 &&
-            (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
-              children: 'Loading.',
-            }),
-          (0, _jsxruntime.jsx)('slot', {}),
-        ],
-      }),
-      size !== 'x-small'
-        ? children ?? (!!status ? statusMap[status] : null)
-        : null,
-    ],
-  });
+    _react.createElement(
+      _index.ShadowRoot,
+      null,
+      value !== 100 &&
+        _react.createElement(_VisuallyHidden.VisuallyHidden, null, 'Loading.'),
+      _react.createElement('slot', null),
+    ),
+    size !== 'x-small'
+      ? children ?? (!!status ? statusMap[status] : null)
+      : null,
+  );
 });

package/cjs/core/Radio/Radio.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'Radio', {
 });
 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');
@@ -27,7 +26,7 @@ const Radio = _react.forwardRef((props, ref) => {
   } = props;
   const inputElementRef = _react.useRef(null);
   const refs = (0, _index.useMergedRefs)(inputElementRef, ref);
-  const radio = (0, _jsxruntime.jsx)(_index.Box, {
+  const radio = _react.createElement(_index.Box, {
     as: 'input',
     className: (0, _classnames.default)('iui-radio', className),
     style: style,
@@ -38,29 +37,33 @@ const Radio = _react.forwardRef((props, ref) => {
   });
   return !label
     ? radio
-    : (0, _jsxruntime.jsxs)(_index.Box, {
-        as: 'label',
-        ...wrapperProps,
-        className: (0, _classnames.default)(
-          'iui-radio-wrapper',
-          {
-            'iui-disabled': disabled,
-            [`iui-${status}`]: !!status,
-          },
-          wrapperProps?.className,
-        ),
-        children: [
-          radio,
-          label &&
-            (0, _jsxruntime.jsx)(_index.Box, {
+    : _react.createElement(
+        _index.Box,
+        {
+          as: 'label',
+          ...wrapperProps,
+          className: (0, _classnames.default)(
+            'iui-radio-wrapper',
+            {
+              'iui-disabled': disabled,
+              [`iui-${status}`]: !!status,
+            },
+            wrapperProps?.className,
+          ),
+        },
+        radio,
+        label &&
+          _react.createElement(
+            _index.Box,
+            {
               as: 'span',
               ...labelProps,
               className: (0, _classnames.default)(
                 'iui-radio-label',
                 labelProps?.className,
               ),
-              children: label,
-            }),
-        ],
-      });
+            },
+            label,
+          ),
+      );
 });

package/cjs/core/RadioTiles/RadioTile.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'RadioTile', {
 });
 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');
@@ -29,25 +28,29 @@ const RadioTile = _react.forwardRef((props, ref) => {
   } = props;
   const inputElementRef = _react.useRef(null);
   const refs = (0, _index.useMergedRefs)(inputElementRef, ref);
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    as: 'label',
-    'data-iui-disabled': props.disabled ? 'true' : undefined,
-    ...wrapperProps,
-    className: (0, _classnames.default)(
-      'iui-radio-tile',
-      wrapperProps?.className,
-    ),
-    children: [
-      (0, _jsxruntime.jsx)(_index.Box, {
-        as: 'input',
-        ref: refs,
-        className: (0, _classnames.default)('iui-radio-tile-input', className),
-        style: style,
-        type: 'radio',
-        ...rest,
-      }),
-      icon &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'label',
+      'data-iui-disabled': props.disabled ? 'true' : undefined,
+      ...wrapperProps,
+      className: (0, _classnames.default)(
+        'iui-radio-tile',
+        wrapperProps?.className,
+      ),
+    },
+    _react.createElement(_index.Box, {
+      as: 'input',
+      ref: refs,
+      className: (0, _classnames.default)('iui-radio-tile-input', className),
+      style: style,
+      type: 'radio',
+      ...rest,
+    }),
+    icon &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'span',
           'aria-hidden': true,
           ...iconProps,
@@ -55,28 +58,34 @@ const RadioTile = _react.forwardRef((props, ref) => {
             'iui-radio-tile-icon',
             iconProps?.className,
           ),
-          children: icon,
-        }),
-      label &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+        },
+        icon,
+      ),
+    label &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'div',
           ...labelProps,
           className: (0, _classnames.default)(
             'iui-radio-tile-label',
             labelProps?.className,
           ),
-          children: label,
-        }),
-      description &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+        },
+        label,
+      ),
+    description &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'div',
           ...subLabelProps,
           className: (0, _classnames.default)(
             'iui-radio-tile-sublabel',
             subLabelProps?.className,
           ),
-          children: description,
-        }),
-    ],
-  });
+        },
+        description,
+      ),
+  );
 });

package/cjs/core/RadioTiles/RadioTileGroup.js

@@ -9,19 +9,24 @@ Object.defineProperty(exports, 'RadioTileGroup', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _InputGroup = require('../InputGroup/InputGroup.js');
 const _index = require('../../utils/index.js');
 const RadioTileGroup = _react.forwardRef((props, forwardedRef) => {
   const { children, label, ...rest } = props;
-  return (0, _jsxruntime.jsx)(_InputGroup.InputGroup, {
-    label: label,
-    ref: forwardedRef,
-    ...rest,
-    children: (0, _jsxruntime.jsx)(_index.Box, {
-      className: 'iui-radio-tile-container',
-      children: children,
-    }),
-  });
+  return _react.createElement(
+    _InputGroup.InputGroup,
+    {
+      label: label,
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
+        className: 'iui-radio-tile-container',
+      },
+      children,
+    ),
+  );
 });

package/cjs/core/SearchBox/SearchBox.d.ts

@@ -76,7 +76,7 @@ export declare const SearchBox: PolymorphicForwardRefComponent<"div", SearchBoxO
     ExpandedState: {
         ({ children, }: {
             children: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element | null;
+        }): React.JSX.Element | null;
         displayName: string;
     };
     /**
@@ -85,7 +85,7 @@ export declare const SearchBox: PolymorphicForwardRefComponent<"div", SearchBoxO
     CollapsedState: {
         ({ children, }: {
             children?: React.ReactNode;
-        }): import("react/jsx-runtime").JSX.Element | null;
+        }): React.JSX.Element | null;
         displayName: string;
     };
 };