@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/InformationPanel/InformationPanelContent.js

@@ -10,22 +10,24 @@ Object.defineProperty(exports, 'InformationPanelContent', {
 });
 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');
 const InformationPanelContent = _react.forwardRef((props, forwardedRef) => {
   const { className, displayStyle = 'default', children, ...rest } = props;
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    className: (0, _classnames.default)(
-      'iui-information-body-content',
-      {
-        'iui-inline': displayStyle === 'inline',
-      },
-      className,
-    ),
-    ref: forwardedRef,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-information-body-content',
+        {
+          'iui-inline': displayStyle === 'inline',
+        },
+        className,
+      ),
+      ref: forwardedRef,
+      ...rest,
+    },
+    children,
+  );
 });

package/cjs/core/InformationPanel/InformationPanelHeader.js

@@ -10,38 +10,45 @@ Object.defineProperty(exports, 'InformationPanelHeader', {
 });
 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 _IconButton = require('../Buttons/IconButton.js');
 const _index = require('../../utils/index.js');
 const InformationPanelHeader = _react.forwardRef((props, forwardedRef) => {
   const { children, onClose, actions, className, ...rest } = props;
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)('iui-information-header', className),
-    ref: forwardedRef,
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-information-header', className),
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
         as: 'span',
         className: 'iui-information-header-label',
-        children: children,
-      }),
-      (0, _jsxruntime.jsxs)(_index.Box, {
+      },
+      children,
+    ),
+    _react.createElement(
+      _index.Box,
+      {
         className: 'iui-information-header-actions',
-        children: [
-          actions,
-          onClose &&
-            (0, _jsxruntime.jsx)(_IconButton.IconButton, {
-              styleType: 'borderless',
-              onClick: onClose,
-              'aria-label': 'Close',
-              children: (0, _jsxruntime.jsx)(_index.SvgCloseSmall, {
-                'aria-hidden': true,
-              }),
-            }),
-        ],
-      }),
-    ],
-  });
+      },
+      actions,
+      onClose &&
+        _react.createElement(
+          _IconButton.IconButton,
+          {
+            styleType: 'borderless',
+            onClick: onClose,
+            'aria-label': 'Close',
+          },
+          _react.createElement(_index.SvgCloseSmall, {
+            'aria-hidden': true,
+          }),
+        ),
+    ),
+  );
 });

package/cjs/core/Input/Input.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'Input', {
 });
 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');
@@ -18,7 +17,7 @@ const Input = _react.forwardRef((props, ref) => {
   const { size, htmlSize, status, className, ...rest } = props;
   const inputRef = _react.useRef(null);
   const refs = (0, _index.useMergedRefs)(inputRef, ref);
-  return (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(_index.Box, {
     as: 'input',
     className: (0, _classnames.default)('iui-input', 'iui-field', className),
     'data-iui-size': size,

package/cjs/core/InputGrid/InputGrid.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'InputGrid', {
 });
 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'));
@@ -29,13 +28,16 @@ const InputGrid = _react.forwardRef((props, ref) => {
     ...rest
   } = props;
   const children = useChildrenWithIds(childrenProp);
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    className: (0, _classnames.default)('iui-input-grid', className),
-    'data-iui-label-placement': labelPlacement,
-    ref: ref,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-input-grid', className),
+      'data-iui-label-placement': labelPlacement,
+      ref: ref,
+      ...rest,
+    },
+    children,
+  );
 });
 const useChildrenWithIds = (children) => {
   const { labelId, inputId, messageId } = useSetup(children);

package/cjs/core/InputGroup/InputGroup.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'InputGroup', {
 });
 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');
@@ -33,40 +32,47 @@ const InputGroup = _react.forwardRef((props, forwardedRef) => {
     messageProps,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsxs)(_InputGrid.InputGrid, {
-    ref: forwardedRef,
-    as: 'div',
-    labelPlacement: displayStyle,
-    className: (0, _classnames.default)('iui-input-group-wrapper', className),
-    'data-iui-status': status,
-    ...rest,
-    children: [
-      label &&
-        (0, _jsxruntime.jsx)(_Label.Label, {
+  return _react.createElement(
+    _InputGrid.InputGrid,
+    {
+      ref: forwardedRef,
+      as: 'div',
+      labelPlacement: displayStyle,
+      className: (0, _classnames.default)('iui-input-group-wrapper', className),
+      'data-iui-status': status,
+      ...rest,
+    },
+    label &&
+      _react.createElement(
+        _Label.Label,
+        {
           as: 'label',
           required: required,
           disabled: disabled,
           ...labelProps,
-          children: label,
-        }),
-      (0, _jsxruntime.jsx)(_index.Box, {
+        },
+        label,
+      ),
+    _react.createElement(
+      _index.Box,
+      {
         as: 'div',
         ...innerProps,
         className: (0, _classnames.default)(
           'iui-input-group',
           innerProps?.className,
         ),
-        children: children,
-      }),
-      (0, _jsxruntime.jsx)(BottomMessage, {
-        message: message,
-        status: status,
-        svgIcon: svgIcon,
-        displayStyle: displayStyle,
-        messageProps: messageProps,
-      }),
-    ],
-  });
+      },
+      children,
+    ),
+    _react.createElement(BottomMessage, {
+      message: message,
+      status: status,
+      svgIcon: svgIcon,
+      displayStyle: displayStyle,
+      messageProps: messageProps,
+    }),
+  );
 });
 const BottomMessage = (props) => {
   const { message, status, svgIcon, displayStyle, messageProps } = props;
@@ -74,15 +80,18 @@ const BottomMessage = (props) => {
     return message;
   }
   if (message || status || svgIcon) {
-    return (0, _jsxruntime.jsx)(_StatusMessage.StatusMessage, {
-      iconProps: {
-        'aria-hidden': true,
+    return _react.createElement(
+      _StatusMessage.StatusMessage,
+      {
+        iconProps: {
+          'aria-hidden': true,
+        },
+        startIcon: svgIcon,
+        status: status,
+        ...messageProps,
       },
-      startIcon: svgIcon,
-      status: status,
-      ...messageProps,
-      children: displayStyle !== 'inline' && message,
-    });
+      displayStyle !== 'inline' && message,
+    );
   }
   return null;
 };

package/cjs/core/InputWithDecorations/InputWithDecorations.js

@@ -9,32 +9,37 @@ Object.defineProperty(exports, 'InputWithDecorations', {
   },
 });
 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 InputWithDecorationsContext = _react.createContext(undefined);
 const InputWithDecorationsComponent = _react.forwardRef((props, ref) => {
   const { children, size, isDisabled, ...rest } = props;
-  return (0, _jsxruntime.jsx)(InputWithDecorationsContext.Provider, {
-    value: {
-      size,
-      isDisabled,
+  return _react.createElement(
+    InputWithDecorationsContext.Provider,
+    {
+      value: {
+        size,
+        isDisabled,
+      },
     },
-    children: (0, _jsxruntime.jsx)(_index.InputFlexContainer, {
-      isDisabled: isDisabled,
-      size: size,
-      ref: ref,
-      ...rest,
-      children: children,
-    }),
-  });
+    _react.createElement(
+      _index.InputFlexContainer,
+      {
+        isDisabled: isDisabled,
+        size: size,
+        ref: ref,
+        ...rest,
+      },
+      children,
+    ),
+  );
 });
 const InputWithDecorationsInput = _react.forwardRef((props, ref) => {
   const { id: idProp, size, disabled: localDisabled, ...rest } = props;
   const { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
     InputWithDecorationsContext,
   );
-  return (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(_index.Box, {
     as: 'input',
     ref: ref,
     'data-iui-size': size ?? contextSize,
@@ -49,13 +54,16 @@ const InputWithDecorationsButton = _react.forwardRef((props, ref) => {
   const { size: contextSize, isDisabled } = (0, _index.useSafeContext)(
     InputWithDecorationsContext,
   );
-  return (0, _jsxruntime.jsx)(_index.InputFlexContainerButton, {
-    ref: ref,
-    size: size ?? contextSize,
-    disabled: localDisabled ?? isDisabled,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _index.InputFlexContainerButton,
+    {
+      ref: ref,
+      size: size ?? contextSize,
+      disabled: localDisabled ?? isDisabled,
+      ...rest,
+    },
+    children,
+  );
 });
 InputWithDecorationsButton.displayName = 'InputWithDecorations.Button';
 const InputWithDecorationsIcon = _index.InputFlexContainerIcon;

package/cjs/core/Label/Label.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'Label', {
 });
 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');
@@ -23,19 +22,22 @@ const Label = _react.forwardRef((props, forwardedRef) => {
     children,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    as: 'label',
-    className: (0, _classnames.default)(
-      'iui-input-label',
-      {
-        'iui-inline': displayStyle === 'inline',
-        'iui-required': required,
-      },
-      className,
-    ),
-    'data-iui-disabled': disabled ? true : undefined,
-    ref: forwardedRef,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'label',
+      className: (0, _classnames.default)(
+        'iui-input-label',
+        {
+          'iui-inline': displayStyle === 'inline',
+          'iui-required': required,
+        },
+        className,
+      ),
+      'data-iui-disabled': disabled ? true : undefined,
+      ref: forwardedRef,
+      ...rest,
+    },
+    children,
+  );
 });

package/cjs/core/LabeledInput/LabeledInput.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'LabeledInput', {
 });
 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 _Input = require('../Input/Input.js');
 const _index = require('../../utils/index.js');
@@ -37,48 +36,57 @@ const LabeledInput = _react.forwardRef((props, ref) => {
   } = props;
   const icon = svgIcon ?? (status && _index.StatusIconMap[status]());
   const shouldShowIcon = svgIcon !== null && (svgIcon || (status && !message));
-  return (0, _jsxruntime.jsxs)(_InputGrid.InputGrid, {
-    labelPlacement: displayStyle,
-    'data-iui-status': status,
-    ...wrapperProps,
-    children: [
-      label &&
-        (0, _jsxruntime.jsx)(_Label.Label, {
+  return _react.createElement(
+    _InputGrid.InputGrid,
+    {
+      labelPlacement: displayStyle,
+      'data-iui-status': status,
+      ...wrapperProps,
+    },
+    label &&
+      _react.createElement(
+        _Label.Label,
+        {
           as: 'label',
           required: required,
           disabled: disabled,
           ...labelProps,
-          children: label,
-        }),
-      (0, _jsxruntime.jsxs)(_index.InputWithIcon, {
-        ...inputWrapperProps,
-        children: [
-          (0, _jsxruntime.jsx)(_Input.Input, {
-            disabled: disabled,
-            required: required,
-            ref: ref,
-            ...rest,
-          }),
-          shouldShowIcon &&
-            (0, _jsxruntime.jsx)(_Icon.Icon, {
-              fill: status,
-              ...iconProps,
-              className: (0, _classnames.default)(
-                'iui-end-icon',
-                iconProps?.className,
-              ),
-              children: icon,
-            }),
-        ],
+        },
+        label,
+      ),
+    _react.createElement(
+      _index.InputWithIcon,
+      inputWrapperProps,
+      _react.createElement(_Input.Input, {
+        disabled: disabled,
+        required: required,
+        ref: ref,
+        ...rest,
       }),
-      typeof message === 'string'
-        ? (0, _jsxruntime.jsx)(_StatusMessage.StatusMessage, {
+      shouldShowIcon &&
+        _react.createElement(
+          _Icon.Icon,
+          {
+            fill: status,
+            ...iconProps,
+            className: (0, _classnames.default)(
+              'iui-end-icon',
+              iconProps?.className,
+            ),
+          },
+          icon,
+        ),
+    ),
+    typeof message === 'string'
+      ? _react.createElement(
+          _StatusMessage.StatusMessage,
+          {
             status: status,
             iconProps: iconProps,
             contentProps: messageContentProps,
-            children: message,
-          })
-        : message,
-    ],
-  });
+          },
+          message,
+        )
+      : message,
+  );
 });

package/cjs/core/LabeledSelect/LabeledSelect.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'LabeledSelect', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _Select = require('../Select/Select.js');
 const _StatusMessage = require('../StatusMessage/StatusMessage.js');
@@ -32,39 +31,46 @@ const LabeledSelect = _react.forwardRef((props, forwardedRef) => {
     messageIconProps,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsxs)(_InputGrid.InputGrid, {
-    labelPlacement: displayStyle,
-    'data-iui-status': status,
-    ...wrapperProps,
-    children: [
-      label &&
-        (0, _jsxruntime.jsx)(_Label.Label, {
+  return _react.createElement(
+    _InputGrid.InputGrid,
+    {
+      labelPlacement: displayStyle,
+      'data-iui-status': status,
+      ...wrapperProps,
+    },
+    label &&
+      _react.createElement(
+        _Label.Label,
+        {
           as: 'div',
           required: required,
           disabled: disabled,
           ...labelProps,
-          children: label,
-        }),
-      (0, _jsxruntime.jsx)(_Select.Select, {
-        disabled: disabled,
-        className: className,
-        style: style,
-        required: props.native ? required : undefined,
-        ...rest,
-        ref: forwardedRef,
-        ...{
-          styleType: 'default',
         },
-      }),
-      typeof message === 'string'
-        ? (0, _jsxruntime.jsx)(_StatusMessage.StatusMessage, {
+        label,
+      ),
+    _react.createElement(_Select.Select, {
+      disabled: disabled,
+      className: className,
+      style: style,
+      required: props.native ? required : undefined,
+      ...rest,
+      ref: forwardedRef,
+      ...{
+        styleType: 'default',
+      },
+    }),
+    typeof message === 'string'
+      ? _react.createElement(
+          _StatusMessage.StatusMessage,
+          {
             status: status,
             startIcon: svgIcon,
             iconProps: messageIconProps,
             contentProps: messageContentProps,
-            children: message,
-          })
-        : message,
-    ],
-  });
+          },
+          message,
+        )
+      : message,
+  );
 });

package/cjs/core/LabeledSelect/LabeledSelect.types-test.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, '__esModule', {
   value: true,
 });
-const _jsxruntime = require('react/jsx-runtime');
 const _react = require('react');
 const _LabeledSelect = require('./LabeledSelect.js');
 () => {
   const ref = (0, _react.useRef)(null);
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: (0, _jsxruntime.jsx)(_LabeledSelect.LabeledSelect, {
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_LabeledSelect.LabeledSelect, {
       options: [
         {
           value: 1,
@@ -29,11 +30,13 @@ const _LabeledSelect = require('./LabeledSelect.js');
       },
       ref: ref,
     }),
-  });
+  );
 };
 () => {
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: (0, _jsxruntime.jsx)(_LabeledSelect.LabeledSelect, {
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_LabeledSelect.LabeledSelect, {
       options: [
         {
           value: 1,
@@ -53,11 +56,13 @@ const _LabeledSelect = require('./LabeledSelect.js');
         return returnValue;
       },
     }),
-  });
+  );
 };
 () => {
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: (0, _jsxruntime.jsx)(_LabeledSelect.LabeledSelect, {
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_LabeledSelect.LabeledSelect, {
       label: 'Select Label',
       options: [
         {
@@ -78,11 +83,13 @@ const _LabeledSelect = require('./LabeledSelect.js');
         return returnValue;
       },
     }),
-  });
+  );
 };
 () => {
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: (0, _jsxruntime.jsx)(_LabeledSelect.LabeledSelect, {
+  return React.createElement(
+    React.Fragment,
+    null,
+    React.createElement(_LabeledSelect.LabeledSelect, {
       label: 'Select Label',
       options: [
         {
@@ -95,5 +102,5 @@ const _LabeledSelect = require('./LabeledSelect.js');
         return returnValue;
       },
     }),
-  });
+  );
 };

package/cjs/core/LabeledTextarea/LabeledTextarea.js

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