@itwin/itwinui-react 3.12.0 → 3.12.1

package/cjs/core/Fieldset/Fieldset.js

@@ -10,32 +10,29 @@ Object.defineProperty(exports, 'Fieldset', {
 });
 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'));
 const Fieldset = _react.forwardRef((props, ref) => {
   const { children, className, disabled, legend, ...rest } = props;
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    as: 'fieldset',
-    className: (0, _classnames.default)('iui-fieldset', className),
-    disabled: disabled,
-    ref: ref,
-    ...rest,
-    children: [
-      legend &&
-        (0, _jsxruntime.jsx)('legend', {
-          children: legend,
-        }),
-      disabled
-        ? _react.Children.map(children, (child) =>
-            _react.isValidElement(child)
-              ? _react.cloneElement(child, {
-                  disabled: true,
-                })
-              : child,
-          )
-        : children,
-    ],
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'fieldset',
+      className: (0, _classnames.default)('iui-fieldset', className),
+      disabled: disabled,
+      ref: ref,
+      ...rest,
+    },
+    legend && _react.createElement('legend', null, legend),
+    disabled
+      ? _react.Children.map(children, (child) =>
+          _react.isValidElement(child)
+            ? _react.cloneElement(child, {
+                disabled: true,
+              })
+            : child,
+        )
+      : children,
+  );
 });

package/cjs/core/FileUpload/FileEmptyCard.js

@@ -10,39 +10,40 @@ Object.defineProperty(exports, 'FileEmptyCard', {
 });
 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'));
 const _FileUploadCard = require('./FileUploadCard.js');
 const FileEmptyCardIcon = _index.polymorphic.span('iui-file-card-empty-icon', {
-  children: (0, _jsxruntime.jsx)(_index.SvgUpload, {}),
+  children: _react.createElement(_index.SvgUpload, null),
 });
 const FileEmptyCardText = _index.polymorphic.span('iui-file-card-empty-action');
 const FileEmptyCardComponent = _react.forwardRef((props, ref) => {
   const { children, className, ...rest } = props;
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    className: (0, _classnames.default)('iui-file-card-empty', className),
-    ref: ref,
-    ...rest,
-    children:
-      children ??
-      (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-          (0, _jsxruntime.jsx)(FileEmptyCard.Icon, {}),
-          (0, _jsxruntime.jsxs)(FileEmptyCard.Text, {
-            children: [
-              (0, _jsxruntime.jsx)(_FileUploadCard.FileUploadCard.InputLabel, {
-                children: 'Choose a file',
-              }),
-              (0, _jsxruntime.jsx)('div', {
-                children: 'to upload.',
-              }),
-            ],
-          }),
-        ],
-      }),
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-file-card-empty', className),
+      ref: ref,
+      ...rest,
+    },
+    children ??
+      _react.createElement(
+        _react.Fragment,
+        null,
+        _react.createElement(FileEmptyCard.Icon, null),
+        _react.createElement(
+          FileEmptyCard.Text,
+          null,
+          _react.createElement(
+            _FileUploadCard.FileUploadCard.InputLabel,
+            null,
+            'Choose a file',
+          ),
+          _react.createElement('div', null, 'to upload.'),
+        ),
+      ),
+  );
 });
 const FileEmptyCard = Object.assign(FileEmptyCardComponent, {
   Icon: FileEmptyCardIcon,

package/cjs/core/FileUpload/FileUpload.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'FileUpload', {
 });
 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');
@@ -43,51 +42,58 @@ const FileUpload = _react.forwardRef((props, forwardedRef) => {
       onFileDropped(e.dataTransfer?.files, e);
     }
   };
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    ...rest,
-    className: (0, _classnames.default)(
-      'iui-file-upload',
-      {
-        'iui-drag': isDragActive,
-      },
-      props?.className,
-    ),
-    ref: forwardedRef,
-    onDragEnter: (0, _index.mergeEventHandlers)(
-      props.onDragEnter,
-      onDragEnterHandler,
-    ),
-    onDragOver: (0, _index.mergeEventHandlers)(
-      props.onDragOver,
-      onDragOverHandler,
-    ),
-    onDragLeave: (0, _index.mergeEventHandlers)(
-      props.onDragLeave,
-      onDragLeaveHandler,
-    ),
-    onDrop: (0, _index.mergeEventHandlers)(props.onDrop, onDropHandler),
-    children: [
-      dragContent
-        ? children
-        : (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      ...rest,
+      className: (0, _classnames.default)(
+        'iui-file-upload',
+        {
+          'iui-drag': isDragActive,
+        },
+        props?.className,
+      ),
+      ref: forwardedRef,
+      onDragEnter: (0, _index.mergeEventHandlers)(
+        props.onDragEnter,
+        onDragEnterHandler,
+      ),
+      onDragOver: (0, _index.mergeEventHandlers)(
+        props.onDragOver,
+        onDragOverHandler,
+      ),
+      onDragLeave: (0, _index.mergeEventHandlers)(
+        props.onDragLeave,
+        onDragLeaveHandler,
+      ),
+      onDrop: (0, _index.mergeEventHandlers)(props.onDrop, onDropHandler),
+    },
+    dragContent
+      ? children
+      : _react.createElement(
+          _index.Box,
+          {
             as: 'div',
             ...contentProps,
             className: (0, _classnames.default)(
               'iui-content',
               contentProps?.className,
             ),
-            children: children,
-          }),
-      dragContent &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+          },
+          children,
+        ),
+    dragContent &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'div',
           ...contentProps,
           className: (0, _classnames.default)(
             'iui-content',
             contentProps?.className,
           ),
-          children: dragContent,
-        }),
-    ],
-  });
+        },
+        dragContent,
+      ),
+  );
 });

package/cjs/core/FileUpload/FileUploadCard.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 _index = require('../../utils/index.js');
 const _classnames = _interop_require_default._(require('classnames'));
@@ -39,7 +38,7 @@ const toDate = (dateNumber) => {
   return date.toDateString() + ' ' + date.toLocaleTimeString();
 };
 const FileUploadCardIcon = _index.polymorphic.span('iui-file-card-icon', {
-  children: (0, _jsxruntime.jsx)(_index.SvgDocument, {}),
+  children: _react.createElement(_index.SvgDocument, null),
 });
 FileUploadCardIcon.displayName = 'FileUploadCard.Icon';
 const FileUploadCardInfo = _index.polymorphic.span('iui-file-card-text');
@@ -49,13 +48,16 @@ const FileUploadCardTitle = _react.forwardRef((props, ref) => {
   const { files } = (0, _index.useSafeContext)(FileUploadCardContext);
   const title =
     files.length > 1 ? files.length + ' files selected' : files[0].name;
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    as: 'span',
-    className: (0, _classnames.default)('iui-file-card-title', className),
-    ref: ref,
-    ...rest,
-    children: children ?? title,
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'span',
+      className: (0, _classnames.default)('iui-file-card-title', className),
+      ref: ref,
+      ...rest,
+    },
+    children ?? title,
+  );
 });
 FileUploadCardTitle.displayName = 'FileUploadCard.Title';
 const FileUploadCardDescription = _react.forwardRef((props, ref) => {
@@ -68,13 +70,19 @@ const FileUploadCardDescription = _react.forwardRef((props, ref) => {
   if (files.length > 2) {
     description += ', and ' + (files.length - 2) + ' others';
   }
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    as: 'span',
-    className: (0, _classnames.default)('iui-file-card-description', className),
-    ref: ref,
-    ...rest,
-    children: children ?? description,
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'span',
+      className: (0, _classnames.default)(
+        'iui-file-card-description',
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    },
+    children ?? description,
+  );
 });
 FileUploadCardDescription.displayName = 'FileUploadCard.Description';
 const FileUploadCardAction = _index.polymorphic.div('iui-file-card-action');
@@ -82,13 +90,16 @@ FileUploadCardAction.displayName = 'FileUploadCard.Action';
 const FileUploadCardInputLabel = _react.forwardRef((props, ref) => {
   const { children, ...rest } = props;
   const { inputId } = (0, _index.useSafeContext)(FileUploadCardContext);
-  return (0, _jsxruntime.jsx)(_Anchor.Anchor, {
-    as: 'label',
-    ref: ref,
-    htmlFor: inputId,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _Anchor.Anchor,
+    {
+      as: 'label',
+      ref: ref,
+      htmlFor: inputId,
+      ...rest,
+    },
+    children,
+  );
 });
 FileUploadCardInputLabel.displayName = 'FileUploadCard.InputLabel';
 const FileUploadCardInput = _react.forwardRef((props, ref) => {
@@ -113,24 +124,24 @@ const FileUploadCardInput = _react.forwardRef((props, ref) => {
       setInputId(id);
     }
   }, [id, inputId, setInputId]);
-  return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-    children: [
-      (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
-        as: 'input',
-        type: 'file',
-        unhideOnFocus: false,
-        onChange: (0, _index.mergeEventHandlers)(onChange, (e) => {
-          const _files = Array.from(e.currentTarget.files || []);
-          onFilesChange?.(_files);
-          setInternalFiles(_files);
-        }),
-        ref: refs,
-        id: id ?? inputId,
-        ...rest,
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    _react.createElement(_VisuallyHidden.VisuallyHidden, {
+      as: 'input',
+      type: 'file',
+      unhideOnFocus: false,
+      onChange: (0, _index.mergeEventHandlers)(onChange, (e) => {
+        const _files = Array.from(e.currentTarget.files || []);
+        onFilesChange?.(_files);
+        setInternalFiles(_files);
       }),
-      children,
-    ],
-  });
+      ref: refs,
+      id: id ?? inputId,
+      ...rest,
+    }),
+    children,
+  );
 });
 FileUploadCardInput.displayName = 'FileUploadCard.Input';
 const FileUploadCardComponent = _react.forwardRef((props, ref) => {
@@ -139,7 +150,7 @@ const FileUploadCardComponent = _react.forwardRef((props, ref) => {
     children,
     files: filesProp,
     onFilesChange,
-    emptyCard = (0, _jsxruntime.jsx)(_FileEmptyCard.FileEmptyCard, {}),
+    emptyCard = _react.createElement(_FileEmptyCard.FileEmptyCard, null),
     input,
     ...rest
   } = props;
@@ -147,43 +158,50 @@ const FileUploadCardComponent = _react.forwardRef((props, ref) => {
   const uid = (0, _index.useId)();
   const [inputId, setInputId] = _react.useState(uid);
   const files = filesProp ?? internalFiles ?? [];
-  return (0, _jsxruntime.jsxs)(FileUploadCardContext.Provider, {
-    value: {
-      files,
-      onFilesChange,
-      setInternalFiles,
-      inputId,
-      setInputId,
+  return _react.createElement(
+    FileUploadCardContext.Provider,
+    {
+      value: {
+        files,
+        onFilesChange,
+        setInternalFiles,
+        inputId,
+        setInputId,
+      },
     },
-    children: [
-      files?.length
-        ? (0, _jsxruntime.jsx)(_index.Box, {
+    files?.length
+      ? _react.createElement(
+          _index.Box,
+          {
             className: (0, _classnames.default)('iui-file-card', className),
             ref: ref,
             ...rest,
-            children:
-              children ??
-              (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                children: [
-                  (0, _jsxruntime.jsx)(FileUploadCard.Icon, {}),
-                  (0, _jsxruntime.jsxs)(FileUploadCard.Info, {
-                    children: [
-                      (0, _jsxruntime.jsx)(FileUploadCard.Title, {}),
-                      (0, _jsxruntime.jsx)(FileUploadCard.Description, {}),
-                    ],
-                  }),
-                  (0, _jsxruntime.jsx)(FileUploadCard.Action, {
-                    children: (0, _jsxruntime.jsx)(FileUploadCard.InputLabel, {
-                      children: 'Replace',
-                    }),
-                  }),
-                ],
-              }),
-          })
-        : emptyCard,
-      input ?? (0, _jsxruntime.jsx)(FileUploadCard.Input, {}),
-    ],
-  });
+          },
+          children ??
+            _react.createElement(
+              _react.Fragment,
+              null,
+              _react.createElement(FileUploadCard.Icon, null),
+              _react.createElement(
+                FileUploadCard.Info,
+                null,
+                _react.createElement(FileUploadCard.Title, null),
+                _react.createElement(FileUploadCard.Description, null),
+              ),
+              _react.createElement(
+                FileUploadCard.Action,
+                null,
+                _react.createElement(
+                  FileUploadCard.InputLabel,
+                  null,
+                  'Replace',
+                ),
+              ),
+            ),
+        )
+      : emptyCard,
+    input ?? _react.createElement(FileUploadCard.Input, null),
+  );
 });
 const FileUploadCard = Object.assign(FileUploadCardComponent, {
   Icon: FileUploadCardIcon,

package/cjs/core/FileUpload/FileUploadTemplate.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'FileUploadTemplate', {
 });
 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');
@@ -26,38 +25,42 @@ const FileUploadTemplate = _react.forwardRef((props, ref) => {
     className,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)('iui-file-upload-template', className),
-    ref: ref,
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsx)(_index.SvgUpload, {
-        className: 'iui-template-icon',
-        'aria-hidden': true,
-      }),
-      (0, _jsxruntime.jsxs)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-file-upload-template',
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    },
+    _react.createElement(_index.SvgUpload, {
+      className: 'iui-template-icon',
+      'aria-hidden': true,
+    }),
+    _react.createElement(
+      _index.Box,
+      {
         className: 'iui-template-text',
-        children: [
-          (0, _jsxruntime.jsxs)(_Anchor.Anchor, {
-            as: 'label',
-            children: [
-              (0, _jsxruntime.jsx)(_index.Box, {
-                as: 'input',
-                className: 'iui-browse-input',
-                type: 'file',
-                onChange: onChange,
-                multiple: acceptMultiple,
-                accept: acceptType,
-              }),
-              label,
-            ],
-          }),
-          (0, _jsxruntime.jsx)('div', {
-            children: subtitle,
-          }),
-          children,
-        ],
-      }),
-    ],
-  });
+      },
+      _react.createElement(
+        _Anchor.Anchor,
+        {
+          as: 'label',
+        },
+        _react.createElement(_index.Box, {
+          as: 'input',
+          className: 'iui-browse-input',
+          type: 'file',
+          onChange: onChange,
+          multiple: acceptMultiple,
+          accept: acceptType,
+        }),
+        label,
+      ),
+      _react.createElement('div', null, subtitle),
+      children,
+    ),
+  );
 });

package/cjs/core/Flex/Flex.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'Flex', {
 });
 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');
@@ -33,7 +32,7 @@ const FlexComponent = _react.forwardRef((props, ref) => {
     style,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsx)(_Box.Box, {
+  return _react.createElement(_Box.Box, {
     className: (0, _classnames.default)('iui-flex', className),
     style: {
       '--iui-flex-display': display,
@@ -51,7 +50,7 @@ const FlexComponent = _react.forwardRef((props, ref) => {
 FlexComponent.displayName = 'Flex';
 const FlexSpacer = _react.forwardRef((props, ref) => {
   const { flex, className, style, ...rest } = props;
-  return (0, _jsxruntime.jsx)(_Box.Box, {
+  return _react.createElement(_Box.Box, {
     className: (0, _classnames.default)('iui-flex-spacer', className),
     style: {
       '--iui-flex-spacer-flex': flex,
@@ -78,7 +77,7 @@ const FlexItem = _react.forwardRef((props, ref) => {
     }),
     ...style,
   };
-  return (0, _jsxruntime.jsx)(_Box.Box, {
+  return _react.createElement(_Box.Box, {
     className: (0, _classnames.default)('iui-flex-item', className),
     ref: ref,
     style: _style,

package/cjs/core/Footer/Footer.d.ts

@@ -52,7 +52,7 @@ export declare const defaultFooterElements: FooterElement[];
  * @example <caption>Changing a url</caption>
  * <Footer customElements={(defaultElements) => defaultElements.map(element => ({ ...element, url: element.key === 'privacy' ? customPrivacyUrl : element.url }))} />
  */
-export declare const Footer: ((props: FooterProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const Footer: ((props: FooterProps) => React.JSX.Element) & {
     List: import("../../utils/props.js").PolymorphicForwardRefComponent<"ul", {}>;
     Item: import("../../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;
     Separator: import("../../utils/props.js").PolymorphicForwardRefComponent<"li", {}>;

package/cjs/core/Footer/Footer.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');
@@ -90,40 +89,45 @@ const Footer = Object.assign(
           ? customElements(translatedElements)
           : [...translatedElements, ...customElements];
     }
-    return (0, _jsxruntime.jsx)(_index.Box, {
-      as: 'footer',
-      className: (0, _classnames.default)('iui-legal-footer', className),
-      ...rest,
-      children: children
+    return _react.createElement(
+      _index.Box,
+      {
+        as: 'footer',
+        className: (0, _classnames.default)('iui-legal-footer', className),
+        ...rest,
+      },
+      children
         ? children
-        : (0, _jsxruntime.jsx)(_FooterList.FooterList, {
-            children: elements.map((element, index) => {
-              return (0, _jsxruntime.jsxs)(
+        : _react.createElement(
+            _FooterList.FooterList,
+            null,
+            elements.map((element, index) => {
+              return _react.createElement(
                 _react.Fragment,
                 {
-                  children: [
-                    index > 0 &&
-                      (0, _jsxruntime.jsx)(
-                        _FooterSeparator.FooterSeparator,
-                        {},
-                      ),
-                    (0, _jsxruntime.jsx)(_FooterItem.FooterItem, {
-                      children: element.url
-                        ? (0, _jsxruntime.jsx)(_Anchor.Anchor, {
-                            href: element.url,
-                            target: '_blank',
-                            rel: 'noreferrer',
-                            children: element.title,
-                          })
-                        : element.title,
-                    }),
-                  ],
+                  key: element.key || `${element.title}-${index}`,
                 },
-                element.key || `${element.title}-${index}`,
+                index > 0 &&
+                  _react.createElement(_FooterSeparator.FooterSeparator, null),
+                _react.createElement(
+                  _FooterItem.FooterItem,
+                  null,
+                  element.url
+                    ? _react.createElement(
+                        _Anchor.Anchor,
+                        {
+                          href: element.url,
+                          target: '_blank',
+                          rel: 'noreferrer',
+                        },
+                        element.title,
+                      )
+                    : element.title,
+                ),
               );
             }),
-          }),
-    });
+          ),
+    );
   },
   {
     List: _FooterList.FooterList,