@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/Toast/Toast.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 _reacttransitiongroup = require('react-transition-group');
 const _classnames = _interop_require_default._(require('classnames'));
@@ -113,47 +112,56 @@ const Toast = (props) => {
       translateY,
     };
   };
-  return (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
-    timeout: {
-      enter: 240,
-      exit: animateOutTo ? 400 : 120,
-    },
-    in: isVisible,
-    appear: true,
-    unmountOnExit: true,
-    onEnter: (node) => {
-      if (isMotionOk()) {
-        node.style.transform = 'translateY(15%)';
-        node.style.transitionTimingFunction = 'ease';
-      }
-    },
-    onEntered: (node) => {
-      if (isMotionOk()) {
-        node.style.transform = 'translateY(0)';
-      }
-    },
-    onExiting: (node) => {
-      if (isMotionOk()) {
-        const { translateX, translateY } = calculateOutAnimation(node);
-        node.style.transform = animateOutTo
-          ? `scale(0.9) translate(${translateX}px,${translateY}px)`
-          : `scale(0.9)`;
-        node.style.opacity = '0';
-        node.style.transitionDuration = animateOutTo ? '400ms' : '120ms';
-        node.style.transitionTimingFunction = 'cubic-bezier(0.4, 0, 1, 1)';
-      }
+  return _react.createElement(
+    _reacttransitiongroup.Transition,
+    {
+      timeout: {
+        enter: 240,
+        exit: animateOutTo ? 400 : 120,
+      },
+      in: isVisible,
+      appear: true,
+      unmountOnExit: true,
+      onEnter: (node) => {
+        if (isMotionOk()) {
+          node.style.transform = 'translateY(15%)';
+          node.style.transitionTimingFunction = 'ease';
+        }
+      },
+      onEntered: (node) => {
+        if (isMotionOk()) {
+          node.style.transform = 'translateY(0)';
+        }
+      },
+      onExiting: (node) => {
+        if (isMotionOk()) {
+          const { translateX, translateY } = calculateOutAnimation(node);
+          node.style.transform = animateOutTo
+            ? `scale(0.9) translate(${translateX}px,${translateY}px)`
+            : `scale(0.9)`;
+          node.style.opacity = '0';
+          node.style.transitionDuration = animateOutTo ? '400ms' : '120ms';
+          node.style.transitionTimingFunction = 'cubic-bezier(0.4, 0, 1, 1)';
+        }
+      },
+      onExited: onRemove,
     },
-    onExited: onRemove,
-    children: (0, _jsxruntime.jsx)(_index.Box, {
-      ref: thisElement,
-      className: 'iui-toast-all',
-      style: {
-        height,
-        ...marginStyle(),
+    _react.createElement(
+      _index.Box,
+      {
+        ref: thisElement,
+        className: 'iui-toast-all',
+        style: {
+          height,
+          ...marginStyle(),
+        },
       },
-      children: (0, _jsxruntime.jsx)('div', {
-        ref: onRef,
-        children: (0, _jsxruntime.jsx)(ToastPresentation, {
+      _react.createElement(
+        'div',
+        {
+          ref: onRef,
+        },
+        _react.createElement(ToastPresentation, {
           as: 'div',
           category: category,
           content: content,
@@ -164,9 +172,9 @@ const Toast = (props) => {
           ...domProps?.toastProps,
           contentProps: domProps?.contentProps,
         }),
-      }),
-    }),
-  });
+      ),
+    ),
+  );
 };
 const ToastPresentation = _react.forwardRef((props, forwardedRef) => {
   const {
@@ -181,28 +189,41 @@ const ToastPresentation = _react.forwardRef((props, forwardedRef) => {
     ...rest
   } = props;
   const StatusIcon = _index.StatusIconMap[category];
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)(`iui-toast iui-${category}`, className),
-    ref: forwardedRef,
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        `iui-toast iui-${category}`,
+        className,
+      ),
+      ref: forwardedRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
         className: 'iui-status-area',
-        children: (0, _jsxruntime.jsx)(StatusIcon, {
-          className: 'iui-icon',
-        }),
+      },
+      _react.createElement(StatusIcon, {
+        className: 'iui-icon',
       }),
-      (0, _jsxruntime.jsx)(_index.Box, {
+    ),
+    _react.createElement(
+      _index.Box,
+      {
         as: 'div',
         ...contentProps,
         className: (0, _classnames.default)(
           'iui-message',
           contentProps?.className,
         ),
-        children: content,
-      }),
-      link &&
-        (0, _jsxruntime.jsx)(_index.ButtonBase, {
+      },
+      content,
+    ),
+    link &&
+      _react.createElement(
+        _index.ButtonBase,
+        {
           ...link,
           className: (0, _classnames.default)(
             'iui-anchor',
@@ -212,16 +233,19 @@ const ToastPresentation = _react.forwardRef((props, forwardedRef) => {
           title: undefined,
           'data-iui-status': category,
           'data-iui-underline': true,
-          children: link.title,
-        }),
-      (type === 'persisting' || hasCloseButton) &&
-        (0, _jsxruntime.jsx)(_IconButton.IconButton, {
+        },
+        link.title,
+      ),
+    (type === 'persisting' || hasCloseButton) &&
+      _react.createElement(
+        _IconButton.IconButton,
+        {
           size: 'small',
           styleType: 'borderless',
           onClick: onClose,
           'aria-label': 'Close',
-          children: (0, _jsxruntime.jsx)(_index.SvgCloseSmall, {}),
-        }),
-    ],
-  });
+        },
+        _react.createElement(_index.SvgCloseSmall, null),
+      ),
+  );
 });

package/cjs/core/Toast/Toaster.d.ts

@@ -34,10 +34,10 @@ export declare const useToaster: () => {
     closeAll: () => void;
     setSettings: (settings: Partial<ToasterSettings>) => void;
 };
-export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
+export declare const Toaster: () => React.JSX.Element;
 export declare const ToastProvider: ({ children }: {
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const ToasterStateContext: React.Context<ToasterState | undefined>;
 type ToasterState = {
     toasts: ToastProps[];

package/cjs/core/Toast/Toaster.js

@@ -25,7 +25,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');
@@ -73,21 +72,21 @@ const useToaster = () => {
 };
 const Toaster = () => {
   const { toasts, settings } = (0, _index.useSafeContext)(ToasterStateContext);
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    className: (0, _classnames.default)(
-      `iui-toast-wrapper`,
-      `iui-placement-${settings.placement}`,
-    ),
-    children: toasts.map((toastProps) => {
-      return (0, _jsxruntime.jsx)(
-        _Toast.Toast,
-        {
-          ...toastProps,
-        },
-        toastProps.id,
-      );
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        `iui-toast-wrapper`,
+        `iui-placement-${settings.placement}`,
+      ),
+    },
+    toasts.map((toastProps) => {
+      return _react.createElement(_Toast.Toast, {
+        key: toastProps.id,
+        ...toastProps,
+      });
     }),
-  });
+  );
 };
 const ToastProvider = ({ children }) => {
   const [toasterState, dispatch] = _react.useReducer(toastReducer, {
@@ -97,13 +96,19 @@ const ToastProvider = ({ children }) => {
       placement: 'top',
     },
   });
-  return (0, _jsxruntime.jsx)(ToasterDispatchContext.Provider, {
-    value: dispatch,
-    children: (0, _jsxruntime.jsx)(ToasterStateContext.Provider, {
-      value: toasterState,
-      children: children,
-    }),
-  });
+  return _react.createElement(
+    ToasterDispatchContext.Provider,
+    {
+      value: dispatch,
+    },
+    _react.createElement(
+      ToasterStateContext.Provider,
+      {
+        value: toasterState,
+      },
+      children,
+    ),
+  );
 };
 const toastReducer = (state, action) => {
   if (action.type === 'add') {

package/cjs/core/ToggleSwitch/ToggleSwitch.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'ToggleSwitch', {
 });
 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');
@@ -28,46 +27,53 @@ const ToggleSwitch = _react.forwardRef((props, ref) => {
   } = props;
   const shouldShowIcon =
     iconProp === undefined || (iconProp !== null && size !== 'small');
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    as: label ? 'label' : 'div',
-    className: (0, _classnames.default)(
-      'iui-toggle-switch-wrapper',
-      {
-        'iui-disabled': disabled,
-        'iui-label-on-right': label && labelPosition === 'right',
-        'iui-label-on-left': label && labelPosition === 'left',
-      },
-      className,
-    ),
-    'data-iui-size': size,
-    style: style,
-    children: [
-      (0, _jsxruntime.jsx)(_index.Box, {
-        as: 'input',
-        className: 'iui-toggle-switch',
-        type: 'checkbox',
-        role: 'switch',
-        disabled: disabled,
-        ref: ref,
-        ...rest,
-      }),
-      shouldShowIcon &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      as: label ? 'label' : 'div',
+      className: (0, _classnames.default)(
+        'iui-toggle-switch-wrapper',
+        {
+          'iui-disabled': disabled,
+          'iui-label-on-right': label && labelPosition === 'right',
+          'iui-label-on-left': label && labelPosition === 'left',
+        },
+        className,
+      ),
+      'data-iui-size': size,
+      style: style,
+    },
+    _react.createElement(_index.Box, {
+      as: 'input',
+      className: 'iui-toggle-switch',
+      type: 'checkbox',
+      role: 'switch',
+      disabled: disabled,
+      ref: ref,
+      ...rest,
+    }),
+    shouldShowIcon &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'span',
           className: 'iui-toggle-switch-icon',
           'aria-hidden': true,
-          children: iconProp || (0, _jsxruntime.jsx)(_index.SvgCheckmark, {}),
-        }),
-      label &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+        },
+        iconProp || _react.createElement(_index.SvgCheckmark, null),
+      ),
+    label &&
+      _react.createElement(
+        _index.Box,
+        {
           as: 'span',
           ...labelProps,
           className: (0, _classnames.default)(
             'iui-toggle-switch-label',
             labelProps?.className,
           ),
-          children: label,
-        }),
-    ],
-  });
+        },
+        label,
+      ),
+  );
 });

package/cjs/core/Tooltip/Tooltip.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'Tooltip', {
 });
 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');
@@ -193,16 +192,22 @@ const Tooltip = _react.forwardRef((props, forwardedRef) => {
     tooltip.refs.setFloating,
     forwardedRef,
   );
-  return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-    children: [
-      (0, _index.cloneElementWithRef)(children, (children) => ({
-        ...tooltip.getReferenceProps(children.props),
-        ref: tooltip.refs.setReference,
-      })),
-      props.ariaStrategy !== 'none' || tooltip.context.open
-        ? (0, _jsxruntime.jsx)(_index.Portal, {
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    (0, _index.cloneElementWithRef)(children, (children) => ({
+      ...tooltip.getReferenceProps(children.props),
+      ref: tooltip.refs.setReference,
+    })),
+    props.ariaStrategy !== 'none' || tooltip.context.open
+      ? _react.createElement(
+          _index.Portal,
+          {
             portal: portal,
-            children: (0, _jsxruntime.jsx)(_index.Box, {
+          },
+          _react.createElement(
+            _index.Box,
+            {
               className: (0, _classnames.default)('iui-tooltip', className),
               ref: refs,
               style: {
@@ -210,10 +215,10 @@ const Tooltip = _react.forwardRef((props, forwardedRef) => {
                 ...style,
               },
               ...tooltip.floatingProps,
-              children: content,
-            }),
-          })
-        : null,
-    ],
-  });
+            },
+            content,
+          ),
+        )
+      : null,
+  );
 });

package/cjs/core/TransferList/TransferList.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');
@@ -34,22 +33,28 @@ const TransferListListboxWrapper = _react.forwardRef((props, ref) => {
   const { className, children, ...rest } = props;
   const uid = (0, _index.useId)();
   const [labelId, setLabelId] = _react.useState(uid);
-  return (0, _jsxruntime.jsx)(_index.Box, {
-    as: 'div',
-    className: (0, _classnames.default)(
-      'iui-transfer-list-listbox-wrapper',
-      className,
-    ),
-    ref: ref,
-    ...rest,
-    children: (0, _jsxruntime.jsx)(TransferListContext.Provider, {
-      value: {
-        labelId,
-        setLabelId,
+  return _react.createElement(
+    _index.Box,
+    {
+      as: 'div',
+      className: (0, _classnames.default)(
+        'iui-transfer-list-listbox-wrapper',
+        className,
+      ),
+      ref: ref,
+      ...rest,
+    },
+    _react.createElement(
+      TransferListContext.Provider,
+      {
+        value: {
+          labelId,
+          setLabelId,
+        },
       },
-      children: children,
-    }),
-  });
+      children,
+    ),
+  );
 });
 TransferListListboxWrapper.displayName = 'TransferList.ListboxWrapper';
 const TransferListListbox = _react.forwardRef((props, ref) => {
@@ -97,17 +102,23 @@ const TransferListListbox = _react.forwardRef((props, ref) => {
         break;
     }
   };
-  return (0, _jsxruntime.jsx)(_List.List, {
-    className: (0, _classnames.default)('iui-transfer-list-listbox', className),
-    onKeyDown: onKeyDown,
-    role: 'listbox',
-    'aria-multiselectable': true,
-    'aria-labelledby': labelId,
-    tabIndex: 0,
-    ref: refs,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _List.List,
+    {
+      className: (0, _classnames.default)(
+        'iui-transfer-list-listbox',
+        className,
+      ),
+      onKeyDown: onKeyDown,
+      role: 'listbox',
+      'aria-multiselectable': true,
+      'aria-labelledby': labelId,
+      tabIndex: 0,
+      ref: refs,
+      ...rest,
+    },
+    children,
+  );
 });
 TransferListListbox.displayName = 'TransferList.Listbox';
 const TransferListItem = _react.forwardRef((props, ref) => {
@@ -134,20 +145,23 @@ const TransferListItem = _react.forwardRef((props, ref) => {
       event.preventDefault();
     }
   };
-  return (0, _jsxruntime.jsx)(_ListItem.ListItem, {
-    ref: ref,
-    onClick: onClickEvents,
-    onKeyDown: onKeyDown,
-    active: active,
-    actionable: actionable,
-    tabIndex: -1,
-    role: 'option',
-    'aria-disabled': disabled ? 'true' : undefined,
-    'aria-selected': active ? 'true' : undefined,
-    disabled: disabled,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _ListItem.ListItem,
+    {
+      ref: ref,
+      onClick: onClickEvents,
+      onKeyDown: onKeyDown,
+      active: active,
+      actionable: actionable,
+      tabIndex: -1,
+      role: 'option',
+      'aria-disabled': disabled ? 'true' : undefined,
+      'aria-selected': active ? 'true' : undefined,
+      disabled: disabled,
+      ...rest,
+    },
+    children,
+  );
 });
 TransferListItem.displayName = 'TransferList.Item';
 const TransferListListboxLabel = _react.forwardRef((props, ref) => {
@@ -160,13 +174,16 @@ const TransferListListboxLabel = _react.forwardRef((props, ref) => {
       setLabelId(id);
     }
   }, [id, labelId, setLabelId]);
-  return (0, _jsxruntime.jsx)(_Label.Label, {
-    as: 'div',
-    id: labelId,
-    ref: ref,
-    ...rest,
-    children: children,
-  });
+  return _react.createElement(
+    _Label.Label,
+    {
+      as: 'div',
+      id: labelId,
+      ref: ref,
+      ...rest,
+    },
+    children,
+  );
 });
 TransferListListboxLabel.displayName = 'TransferList.ListboxLabel';
 const TransferListToolbar = (0, _index.polymorphic)(

package/cjs/core/Tree/Tree.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { CommonProps } from '../../utils/index.js';
 export type NodeData<T> = {
     /**
@@ -132,4 +133,4 @@ export type TreeProps<T> = {
     ), [onNodeExpanded])}
   />
  */
-export declare const Tree: <T>(props: TreeProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tree: <T>(props: TreeProps<T>) => React.JSX.Element;