@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/Dialog/DialogMain.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'DialogMain', {
 });
 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');
@@ -109,90 +108,89 @@ const DialogMain = _react.forwardRef((props, ref) => {
       ...newStyle,
     }));
   }, []);
-  const content = (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)(
-      'iui-dialog',
-      {
-        'iui-dialog-default': styleType === 'default',
-        'iui-dialog-full-page': styleType === 'fullPage',
-        'iui-dialog-visible': isOpen,
-        'iui-dialog-draggable': isDraggable,
+  const content = _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-dialog',
+        {
+          'iui-dialog-default': styleType === 'default',
+          'iui-dialog-full-page': styleType === 'fullPage',
+          'iui-dialog-visible': isOpen,
+          'iui-dialog-draggable': isDraggable,
+        },
+        className,
+      ),
+      role: 'dialog',
+      ref: (0, _index.useMergedRefs)(dialogRef, ref),
+      onKeyDown: handleKeyDown,
+      tabIndex: -1,
+      'data-iui-placement': placement,
+      style: {
+        transform,
+        ...style,
+        ...propStyle,
       },
-      className,
-    ),
-    role: 'dialog',
-    ref: (0, _index.useMergedRefs)(dialogRef, ref),
-    onKeyDown: handleKeyDown,
-    tabIndex: -1,
-    'data-iui-placement': placement,
-    style: {
-      transform,
-      ...style,
-      ...propStyle,
-    },
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsxs)(_index.ShadowRoot, {
-        children: [
-          (0, _jsxruntime.jsx)('slot', {}),
-          isResizable &&
-            (0, _jsxruntime.jsx)(_index.Resizer, {
-              elementRef: dialogRef,
-              containerRef: dialogContext.dialogRootRef,
-              onResizeStart: () => {
-                if (!hasBeenResized.current) {
-                  hasBeenResized.current = true;
-                  setResizeStyle({
-                    maxInlineSize: '100%',
-                  });
-                }
-              },
-              onResizeEnd: setResizeStyle,
-            }),
-        ],
-      }),
-      children,
-    ],
-  });
-  return (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
-    in: isOpen,
-    appear: true,
-    timeout: {
-      exit: 600,
+      ...rest,
     },
-    onEntered: () => {
-      previousFocusedElement.current =
-        dialogRef.current?.ownerDocument.activeElement;
-      setFocus &&
-        dialogRef.current?.focus({
-          preventScroll: true,
-        });
-    },
-    onExit: () => {
-      if (
-        dialogRef.current?.contains(
-          dialogRef.current?.ownerDocument.activeElement,
-        )
-      ) {
-        previousFocusedElement.current?.focus();
-      }
+    _react.createElement(
+      _index.ShadowRoot,
+      null,
+      _react.createElement('slot', null),
+      isResizable &&
+        _react.createElement(_index.Resizer, {
+          elementRef: dialogRef,
+          containerRef: dialogContext.dialogRootRef,
+          onResizeStart: () => {
+            if (!hasBeenResized.current) {
+              hasBeenResized.current = true;
+              setResizeStyle({
+                maxInlineSize: '100%',
+              });
+            }
+          },
+          onResizeEnd: setResizeStyle,
+        }),
+    ),
+    children,
+  );
+  return _react.createElement(
+    _reacttransitiongroup.Transition,
+    {
+      in: isOpen,
+      appear: true,
+      timeout: {
+        exit: 600,
+      },
+      onEntered: () => {
+        previousFocusedElement.current =
+          dialogRef.current?.ownerDocument.activeElement;
+        setFocus &&
+          dialogRef.current?.focus({
+            preventScroll: true,
+          });
+      },
+      onExit: () => {
+        if (
+          dialogRef.current?.contains(
+            dialogRef.current?.ownerDocument.activeElement,
+          )
+        ) {
+          previousFocusedElement.current?.focus();
+        }
+      },
+      unmountOnExit: true,
+      nodeRef: dialogRef,
     },
-    unmountOnExit: true,
-    nodeRef: dialogRef,
-    children: (0, _jsxruntime.jsxs)(
+    _react.createElement(
       _DialogDragContext.DialogDragContext.Provider,
       {
         value: {
           onPointerDown: handlePointerDown,
         },
-        children: [
-          trapFocus &&
-            (0, _jsxruntime.jsx)(_index.FocusTrap, {
-              children: content,
-            }),
-          !trapFocus && content,
-        ],
       },
+      trapFocus && _react.createElement(_index.FocusTrap, null, content),
+      !trapFocus && content,
     ),
-  });
+  );
 });

package/cjs/core/Dialog/DialogTitleBar.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'DialogTitleBar', {
 });
 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');
@@ -32,35 +31,43 @@ const DialogTitleBar = Object.assign(
       ...rest
     } = props;
     const { onPointerDown } = (0, _DialogDragContext.useDialogDragContext)();
-    return (0, _jsxruntime.jsx)(_index.Box, {
-      className: (0, _classnames.default)('iui-dialog-title-bar', className, {
-        'iui-dialog-title-bar-filled': isDraggable,
-      }),
-      ref: ref,
-      onPointerDown: (0, _index.mergeEventHandlers)(
-        onPointerDownProp,
-        onPointerDown,
-      ),
-      ...rest,
-      children: children
+    return _react.createElement(
+      _index.Box,
+      {
+        className: (0, _classnames.default)('iui-dialog-title-bar', className, {
+          'iui-dialog-title-bar-filled': isDraggable,
+        }),
+        ref: ref,
+        onPointerDown: (0, _index.mergeEventHandlers)(
+          onPointerDownProp,
+          onPointerDown,
+        ),
+        ...rest,
+      },
+      children
         ? children
-        : (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-              (0, _jsxruntime.jsx)(_DialogTitleBarTitle.DialogTitleBarTitle, {
-                children: titleText,
-              }),
-              isDismissible &&
-                (0, _jsxruntime.jsx)(_IconButton.IconButton, {
+        : _react.createElement(
+            _react.Fragment,
+            null,
+            _react.createElement(
+              _DialogTitleBarTitle.DialogTitleBarTitle,
+              null,
+              titleText,
+            ),
+            isDismissible &&
+              _react.createElement(
+                _IconButton.IconButton,
+                {
                   size: 'small',
                   styleType: 'borderless',
                   onClick: onClose,
                   'aria-label': 'Close',
                   'data-iui-shift': 'right',
-                  children: (0, _jsxruntime.jsx)(_index.SvgClose, {}),
-                }),
-            ],
-          }),
-    });
+                },
+                _react.createElement(_index.SvgClose, null),
+              ),
+          ),
+    );
   }),
   {
     Title: _DialogTitleBarTitle.DialogTitleBarTitle,

package/cjs/core/Divider/Divider.js

@@ -10,13 +10,12 @@ Object.defineProperty(exports, 'Divider', {
 });
 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');
 const Divider = _react.forwardRef((props, ref) => {
   const { className, orientation = 'horizontal', ...rest } = props;
-  return (0, _jsxruntime.jsx)(_Box.Box, {
+  return _react.createElement(_Box.Box, {
     as: 'hr',
     className: (0, _classnames.default)('iui-divider', className),
     'aria-orientation': orientation === 'vertical' ? 'vertical' : undefined,

package/cjs/core/DropdownMenu/DropdownMenu.js

@@ -9,18 +9,19 @@ Object.defineProperty(exports, 'DropdownMenu', {
   },
 });
 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/Menu.js');
 const _react1 = require('@floating-ui/react');
 const DropdownMenu = _react.forwardRef((props, forwardedRef) => {
-  return (0, _jsxruntime.jsx)(_react1.FloatingTree, {
-    children: (0, _jsxruntime.jsx)(DropdownMenuContent, {
+  return _react.createElement(
+    _react1.FloatingTree,
+    null,
+    _react.createElement(DropdownMenuContent, {
       ref: forwardedRef,
       ...props,
     }),
-  });
+  );
 });
 const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
   const {
@@ -45,28 +46,33 @@ const DropdownMenuContent = _react.forwardRef((props, forwardedRef) => {
     }
     return menuItems;
   }, [menuItems, setVisible]);
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: (0, _jsxruntime.jsx)(_Menu.Menu, {
-      trigger: children,
-      onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, (e) => {
-        if (e.defaultPrevented) {
-          return;
-        }
-        if (e.key === 'Tab') {
-          setVisible(false);
-        }
-      }),
-      role: role,
-      ref: forwardedRef,
-      portal: portal,
-      popoverProps: {
-        placement,
-        matchWidth,
-        visible,
-        onVisibleChange: setVisible,
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    _react.createElement(
+      _Menu.Menu,
+      {
+        trigger: children,
+        onKeyDown: (0, _index.mergeEventHandlers)(props.onKeyDown, (e) => {
+          if (e.defaultPrevented) {
+            return;
+          }
+          if (e.key === 'Tab') {
+            setVisible(false);
+          }
+        }),
+        role: role,
+        ref: forwardedRef,
+        portal: portal,
+        popoverProps: {
+          placement,
+          matchWidth,
+          visible,
+          onVisibleChange: setVisible,
+        },
+        ...rest,
       },
-      ...rest,
-      children: menuContent,
-    }),
-  });
+      menuContent,
+    ),
+  );
 });

package/cjs/core/ExpandableBlock/ExpandableBlock.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'ExpandableBlock', {
 });
 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');
@@ -20,20 +19,19 @@ const ExpandableBlockContext = _react.createContext(undefined);
 ExpandableBlockContext.displayName = 'ExpandableBlockContext';
 const ExpandableBlockComponent = _react.forwardRef((props, forwardedRef) => {
   const { children, title, caption, endIcon, ...rest } = props;
-  return (0, _jsxruntime.jsxs)(ExpandableBlock.Wrapper, {
-    ...rest,
-    ref: forwardedRef,
-    children: [
-      (0, _jsxruntime.jsx)(ExpandableBlock.Trigger, {
-        label: title,
-        caption: caption,
-        endIcon: endIcon,
-      }),
-      (0, _jsxruntime.jsx)(ExpandableBlock.Content, {
-        children: children,
-      }),
-    ],
-  });
+  return _react.createElement(
+    ExpandableBlock.Wrapper,
+    {
+      ...rest,
+      ref: forwardedRef,
+    },
+    _react.createElement(ExpandableBlock.Trigger, {
+      label: title,
+      caption: caption,
+      endIcon: endIcon,
+    }),
+    _react.createElement(ExpandableBlock.Content, null, children),
+  );
 });
 ExpandableBlockComponent.displayName = 'ExpandableBlock';
 const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
@@ -52,30 +50,36 @@ const ExpandableBlockWrapper = _react.forwardRef((props, forwardedRef) => {
   const [expandedState, setExpanded] = _react.useState(isExpanded ?? false);
   const expanded = isExpanded ?? expandedState;
   const [descriptionId, setDescriptionId] = _react.useState(undefined);
-  return (0, _jsxruntime.jsx)(ExpandableBlockContext.Provider, {
-    value: {
-      status,
-      isExpanded: expanded,
-      onToggle,
-      size,
-      styleType,
-      disabled,
-      setExpanded,
-      children,
-      descriptionId,
-      setDescriptionId,
+  return _react.createElement(
+    ExpandableBlockContext.Provider,
+    {
+      value: {
+        status,
+        isExpanded: expanded,
+        onToggle,
+        size,
+        styleType,
+        disabled,
+        setExpanded,
+        children,
+        descriptionId,
+        setDescriptionId,
+      },
     },
-    children: (0, _jsxruntime.jsx)(_index.Box, {
-      className: (0, _classnames.default)('iui-expandable-block', className),
-      'data-iui-expanded': expanded,
-      'data-iui-size': size,
-      'data-iui-variant': styleType !== 'default' ? styleType : undefined,
-      style: style,
-      ref: forwardedRef,
-      ...rest,
-      children: children,
-    }),
-  });
+    _react.createElement(
+      _index.Box,
+      {
+        className: (0, _classnames.default)('iui-expandable-block', className),
+        'data-iui-expanded': expanded,
+        'data-iui-size': size,
+        'data-iui-variant': styleType !== 'default' ? styleType : undefined,
+        style: style,
+        ref: forwardedRef,
+        ...rest,
+      },
+      children,
+    ),
+  );
 });
 ExpandableBlockWrapper.displayName = 'ExpandableBlock.Wrapper';
 const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef) => {
@@ -84,49 +88,50 @@ const ExpandableBlockTrigger = _react.forwardRef((props, forwardedRef) => {
   const { disabled, status } = (0, _index.useSafeContext)(
     ExpandableBlockContext,
   );
-  return (0, _jsxruntime.jsx)(_LinkAction.LinkBox, {
-    className: (0, _classnames.default)('iui-expandable-header', className),
-    'data-iui-disabled': disabled ? 'true' : undefined,
-    ref: forwardedRef,
-    ...rest,
-    children:
-      children ??
-      (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-          expandIcon ?? (0, _jsxruntime.jsx)(ExpandableBlock.ExpandIcon, {}),
-          (0, _jsxruntime.jsxs)(ExpandableBlock.LabelArea, {
-            children: [
-              (0, _jsxruntime.jsx)(ExpandableBlock.Title, {
-                children: label,
-              }),
-              caption &&
-                (0, _jsxruntime.jsx)(ExpandableBlock.Caption, {
-                  children: caption,
-                }),
-            ],
-          }),
-          endIcon || status
-            ? (0, _jsxruntime.jsx)(ExpandableBlock.EndIcon, {
-                children: endIcon,
-              })
-            : null,
-        ],
-      }),
-  });
+  return _react.createElement(
+    _LinkAction.LinkBox,
+    {
+      className: (0, _classnames.default)('iui-expandable-header', className),
+      'data-iui-disabled': disabled ? 'true' : undefined,
+      ref: forwardedRef,
+      ...rest,
+    },
+    children ??
+      _react.createElement(
+        _react.Fragment,
+        null,
+        expandIcon ?? _react.createElement(ExpandableBlock.ExpandIcon, null),
+        _react.createElement(
+          ExpandableBlock.LabelArea,
+          null,
+          _react.createElement(ExpandableBlock.Title, null, label),
+          caption &&
+            _react.createElement(ExpandableBlock.Caption, null, caption),
+        ),
+        endIcon || status
+          ? _react.createElement(ExpandableBlock.EndIcon, null, endIcon)
+          : null,
+      ),
+  );
 });
 ExpandableBlockTrigger.displayName = 'ExpandableBlock.Trigger';
 const ExpandableBlockExpandIcon = _react.forwardRef((props, forwardedRef) => {
   const { className, children, ...rest } = props;
-  return (0, _jsxruntime.jsx)(_Icon.Icon, {
-    className: (0, _classnames.default)('iui-expandable-block-icon', className),
-    ref: forwardedRef,
-    ...rest,
-    children:
-      children ??
-      (0, _jsxruntime.jsx)(_index.SvgChevronRight, {
+  return _react.createElement(
+    _Icon.Icon,
+    {
+      className: (0, _classnames.default)(
+        'iui-expandable-block-icon',
+        className,
+      ),
+      ref: forwardedRef,
+      ...rest,
+    },
+    children ??
+      _react.createElement(_index.SvgChevronRight, {
         'aria-hidden': true,
       }),
-  });
+  );
 });
 ExpandableBlockExpandIcon.displayName = 'ExpandableBlock.ExpandIcon';
 const ExpandableBlockLabelArea = _index.polymorphic.span(
@@ -137,26 +142,29 @@ const ExpandableBlockTitle = _react.forwardRef((props, forwardedRef) => {
   const { className, children, onClick: onClickProp, ...rest } = props;
   const { isExpanded, setExpanded, disabled, onToggle, descriptionId } = (0,
   _index.useSafeContext)(ExpandableBlockContext);
-  return (0, _jsxruntime.jsx)(_index.ButtonBase, {
-    className: (0, _classnames.default)(
-      'iui-expandable-block-title',
-      'iui-link-action',
-      className,
-    ),
-    'aria-expanded': isExpanded,
-    'aria-disabled': disabled,
-    onClick: (0, _index.mergeEventHandlers)(onClickProp, () => {
-      if (disabled) {
-        return;
-      }
-      setExpanded(!isExpanded);
-      onToggle?.(!isExpanded);
-    }),
-    ref: forwardedRef,
-    'aria-describedby': descriptionId,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _index.ButtonBase,
+    {
+      className: (0, _classnames.default)(
+        'iui-expandable-block-title',
+        'iui-link-action',
+        className,
+      ),
+      'aria-expanded': isExpanded,
+      'aria-disabled': disabled,
+      onClick: (0, _index.mergeEventHandlers)(onClickProp, () => {
+        if (disabled) {
+          return;
+        }
+        setExpanded(!isExpanded);
+        onToggle?.(!isExpanded);
+      }),
+      ref: forwardedRef,
+      'aria-describedby': descriptionId,
+      ...rest,
+    },
+    children,
+  );
 });
 ExpandableBlockTitle.displayName = 'ExpandableBlock.Title';
 const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef) => {
@@ -168,7 +176,7 @@ const ExpandableBlockCaption = _react.forwardRef((props, forwardedRef) => {
     setDescriptionId(props.id || fallbackId);
     return () => setDescriptionId(undefined);
   }, [props.id, fallbackId, setDescriptionId]);
-  return (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(_index.Box, {
     ref: forwardedRef,
     id: fallbackId,
     ...props,
@@ -183,25 +191,28 @@ const ExpandableBlockEndIcon = _react.forwardRef((props, forwardedRef) => {
   const { children, ...rest } = props;
   const { status } = (0, _index.useSafeContext)(ExpandableBlockContext);
   const icon = children ?? (status && _index.StatusIconMap[status]());
-  return (0, _jsxruntime.jsx)(_Icon.Icon, {
-    fill: status,
-    ref: forwardedRef,
-    ...rest,
-    children: icon,
-  });
+  return _react.createElement(
+    _Icon.Icon,
+    {
+      fill: status,
+      ref: forwardedRef,
+      ...rest,
+    },
+    icon,
+  );
 });
 ExpandableBlockEndIcon.displayName = 'ExpandableBlock.EndIcon';
 const ExpandableBlockContent = _react.forwardRef((props, forwardedRef) => {
   const { className, children, innerProps, ...rest } = props;
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    className: (0, _classnames.default)('iui-expandable-content', className),
-    ref: forwardedRef,
-    ...rest,
-    children: (0, _jsxruntime.jsx)(_index.Box, {
-      ...innerProps,
-      children: children,
-    }),
-  });
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-expandable-content', className),
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(_index.Box, innerProps, children),
+  );
 });
 ExpandableBlockContent.displayName = 'ExpandableBlock.Content';
 const ExpandableBlock = Object.assign(ExpandableBlockComponent, {