@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/react-table/react-table.types-test.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', {
   value: true,
 });
 const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
-const _jsxruntime = require('react/jsx-runtime');
 const _index = require('../core/Table/index.js');
 const _react = _interop_require_default._(require('react'));
 const _index1 = require('../index.js');
@@ -28,7 +27,7 @@ const _index1 = require('../index.js');
       header2: 'row2',
     },
   ];
-  return (0, _jsxruntime.jsx)(_index.Table, {
+  return _react.default.createElement(_index.Table, {
     columns: columns,
     data: data,
     emptyTableContent: 'No data.',
@@ -50,9 +49,11 @@ const _index1 = require('../index.js');
 };
 () => {
   const cellRenderer = _react.default.useCallback((props) => {
-    return (0, _jsxruntime.jsx)('div', {
-      children: props.cellProps.row.original.header1,
-    });
+    return _react.default.createElement(
+      'div',
+      null,
+      props.cellProps.row.original.header1,
+    );
   }, []);
   const columns = [
     {
@@ -64,9 +65,7 @@ const _index1 = require('../index.js');
       Header: 'Header 2',
       accessor: 'header2',
       Cell: (props) =>
-        (0, _jsxruntime.jsx)('div', {
-          children: props.row.original.header2,
-        }),
+        _react.default.createElement('div', null, props.row.original.header2),
     },
   ];
   const data = [
@@ -79,7 +78,7 @@ const _index1 = require('../index.js');
       header2: 'row2',
     },
   ];
-  return (0, _jsxruntime.jsx)(_index.Table, {
+  return _react.default.createElement(_index.Table, {
     columns: columns,
     data: data,
     emptyTableContent: 'No data.',
@@ -87,9 +86,11 @@ const _index1 = require('../index.js');
 };
 () => {
   const Cell = _react.default.useCallback((props) => {
-    return (0, _jsxruntime.jsx)('div', {
-      children: props.row.original.header1,
-    });
+    return _react.default.createElement(
+      'div',
+      null,
+      props.row.original.header1,
+    );
   }, []);
   const columns = [
     {
@@ -112,7 +113,7 @@ const _index1 = require('../index.js');
       header2: 'row2',
     },
   ];
-  return (0, _jsxruntime.jsx)(_index.Table, {
+  return _react.default.createElement(_index.Table, {
     columns: columns,
     data: data,
     emptyTableContent: 'No data.',
@@ -152,7 +153,7 @@ const _index1 = require('../index.js');
       },
     ];
   }, []);
-  return (0, _jsxruntime.jsx)(_index.Table, {
+  return _react.default.createElement(_index.Table, {
     columns: columns,
     emptyTableContent: 'No data.',
     data: data,
@@ -185,21 +186,21 @@ const _index1 = require('../index.js');
   );
   const menuItems = _react.default.useCallback((close) => {
     return [
-      (0, _jsxruntime.jsx)(
+      _react.default.createElement(
         _index1.MenuItem,
         {
+          key: 1,
           onClick: () => close(),
-          children: 'Edit',
         },
-        1,
+        'Edit',
       ),
-      (0, _jsxruntime.jsx)(
+      _react.default.createElement(
         _index1.MenuItem,
         {
+          key: 2,
           onClick: () => close(),
-          children: 'Delete',
         },
-        2,
+        'Delete',
       ),
     ];
   }, []);
@@ -224,50 +225,59 @@ const _index1 = require('../index.js');
   }, []);
   const cellRenderer = _react.default.useCallback(
     (props) =>
-      (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children:
-          !isRowDisabled(props.cellProps.row.original) &&
+      _react.default.createElement(
+        _react.default.Fragment,
+        null,
+        !isRowDisabled(props.cellProps.row.original) &&
           props.cellProps.value !== 'Fetching...'
-            ? (0, _jsxruntime.jsx)(_index.EditableCell, {
-                ...props,
-                onCellEdit: onCellEdit,
-              })
-            : (0, _jsxruntime.jsx)(_index.DefaultCell, {
-                ...props,
-                status:
-                  props.cellProps.value === 'Fetching...'
-                    ? undefined
-                    : 'positive',
-                isDisabled: (rowData) =>
-                  isCellDisabled(rowData) || isRowDisabled(rowData),
-              }),
-      }),
+          ? _react.default.createElement(_index.EditableCell, {
+              ...props,
+              onCellEdit: onCellEdit,
+            })
+          : _react.default.createElement(_index.DefaultCell, {
+              ...props,
+              status:
+                props.cellProps.value === 'Fetching...'
+                  ? undefined
+                  : 'positive',
+              isDisabled: (rowData) =>
+                isCellDisabled(rowData) || isRowDisabled(rowData),
+            }),
+      ),
     [isCellDisabled, isRowDisabled, onCellEdit],
   );
   const expandedSubComponent = _react.default.useCallback(
     (row) =>
-      (0, _jsxruntime.jsxs)('div', {
-        style: {
-          padding: 16,
+      _react.default.createElement(
+        'div',
+        {
+          style: {
+            padding: 16,
+          },
         },
-        children: [
-          (0, _jsxruntime.jsx)(_index1.Text, {
+        _react.default.createElement(
+          _index1.Text,
+          {
             variant: 'leading',
-            children: 'Extra information',
-          }),
-          (0, _jsxruntime.jsx)('pre', {
-            children: (0, _jsxruntime.jsx)('code', {
-              children: JSON.stringify(
-                {
-                  values: row.values,
-                },
-                null,
-                2,
-              ),
-            }),
-          }),
-        ],
-      }),
+          },
+          'Extra information',
+        ),
+        _react.default.createElement(
+          'pre',
+          null,
+          _react.default.createElement(
+            'code',
+            null,
+            JSON.stringify(
+              {
+                values: row.values,
+              },
+              null,
+              2,
+            ),
+          ),
+        ),
+      ),
     [],
   );
   const onClickHandler = _react.default.useCallback(
@@ -316,9 +326,11 @@ const _index1 = require('../index.js');
         Header: 'IDs (enter one of the IDs in the filter)',
         accessor: 'ids',
         Cell: (props) => {
-          return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-            children: props.row.original.ids.join(', '),
-          });
+          return _react.default.createElement(
+            _react.default.Fragment,
+            null,
+            props.row.original.ids.join(', '),
+          );
         },
         Filter: _index.tableFilters.TextFilter(translatedLabels),
         filter: 'includes',
@@ -329,9 +341,11 @@ const _index1 = require('../index.js');
         Header: 'Start date',
         accessor: 'startDate',
         Cell: (props) => {
-          return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-            children: formatDate(props.row.original.startDate),
-          });
+          return _react.default.createElement(
+            _react.default.Fragment,
+            null,
+            formatDate(props.row.original.startDate),
+          );
         },
         Filter: _index.tableFilters.DateRangeFilter({
           translatedLabels,
@@ -343,9 +357,11 @@ const _index1 = require('../index.js');
         Header: 'End date',
         accessor: (rowData) => new Date(rowData.endDate),
         Cell: (props) => {
-          return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-            children: formatDate(new Date(props.row.original.endDate)),
-          });
+          return _react.default.createElement(
+            _react.default.Fragment,
+            null,
+            formatDate(new Date(props.row.original.endDate)),
+          );
         },
         Filter: _index.tableFilters.DateRangeFilter({
           translatedLabels,
@@ -357,15 +373,18 @@ const _index1 = require('../index.js');
         Header: 'Click',
         width: 100,
         Cell: (props) => {
-          return (0, _jsxruntime.jsx)(_index1.Anchor, {
-            as: 'button',
-            onClick: (e) => {
-              e.stopPropagation();
-              console.log(props.row.original.name);
-              onClickHandler(props);
+          return _react.default.createElement(
+            _index1.Anchor,
+            {
+              as: 'button',
+              onClick: (e) => {
+                e.stopPropagation();
+                console.log(props.row.original.name);
+                onClickHandler(props);
+              },
             },
-            children: 'Click me!',
-          });
+            'Click me!',
+          );
         },
         disableResizing: true,
       },
@@ -374,15 +393,21 @@ const _index1 = require('../index.js');
           columnManager: true,
         }),
         Cell: (props) =>
-          (0, _jsxruntime.jsx)(_index1.DropdownMenu, {
-            menuItems: menuItems,
-            children: (0, _jsxruntime.jsx)(_index1.IconButton, {
-              styleType: 'borderless',
-              onClick: (e) => e.stopPropagation(),
-              disabled: isRowDisabled(props.row.original),
-              children: (0, _jsxruntime.jsx)('svg', {}),
-            }),
-          }),
+          _react.default.createElement(
+            _index1.DropdownMenu,
+            {
+              menuItems: menuItems,
+            },
+            _react.default.createElement(
+              _index1.IconButton,
+              {
+                styleType: 'borderless',
+                onClick: (e) => e.stopPropagation(),
+                disabled: isRowDisabled(props.row.original),
+              },
+              _react.default.createElement('svg', null),
+            ),
+          ),
         sticky: 'right',
       },
     ],
@@ -534,7 +559,7 @@ const _index1 = require('../index.js');
   const pageSizeList = _react.default.useMemo(() => [10, 25, 50], []);
   const paginator = _react.default.useCallback(
     (props) =>
-      (0, _jsxruntime.jsx)(_index.TablePaginator, {
+      _react.default.createElement(_index.TablePaginator, {
         ...props,
         pageSizeList: pageSizeList,
         localization: {
@@ -559,70 +584,70 @@ const _index1 = require('../index.js');
   const tableInstance = _react.default.useRef();
   const [hoveredRowIndex, setHoveredRowIndex] = _react.default.useState(0);
   const [rowRefMap, setRowRefMap] = _react.default.useState({});
-  return (0, _jsxruntime.jsxs)('div', {
-    children: [
-      (0, _jsxruntime.jsx)(_index1.Input, {
-        placeholder: 'Search...',
-        value: globalFilter,
-        onInput: (e) => setGlobalFilter(e.target.value),
-      }),
-      (0, _jsxruntime.jsx)(_index.Table, {
-        columns: columns,
-        data: data,
-        emptyTableContent: 'No data.',
-        onFilter: onFilter,
-        globalFilterValue: globalFilter,
-        onSelect: onSelect,
-        isSelectable: true,
-        isSortable: true,
-        isResizable: true,
-        enableColumnReordering: true,
-        onSort: onSort,
-        onRowClick: onRowClick,
-        onExpand: onExpand,
-        subComponent: expandedSubComponent,
-        onRowInViewport: onRowInViewport,
-        selectionMode: 'multi',
-        isRowDisabled: isRowDisabled,
-        initialState: {
-          filters: [
-            {
-              id: 'name',
-              value: '1',
-            },
-          ],
-          selectedRowIds: {
-            0: true,
-            1: true,
-            4: true,
-            5: true,
+  return _react.default.createElement(
+    'div',
+    null,
+    _react.default.createElement(_index1.Input, {
+      placeholder: 'Search...',
+      value: globalFilter,
+      onInput: (e) => setGlobalFilter(e.target.value),
+    }),
+    _react.default.createElement(_index.Table, {
+      columns: columns,
+      data: data,
+      emptyTableContent: 'No data.',
+      onFilter: onFilter,
+      globalFilterValue: globalFilter,
+      onSelect: onSelect,
+      isSelectable: true,
+      isSortable: true,
+      isResizable: true,
+      enableColumnReordering: true,
+      onSort: onSort,
+      onRowClick: onRowClick,
+      onExpand: onExpand,
+      subComponent: expandedSubComponent,
+      onRowInViewport: onRowInViewport,
+      selectionMode: 'multi',
+      isRowDisabled: isRowDisabled,
+      initialState: {
+        filters: [
+          {
+            id: 'name',
+            value: '1',
           },
+        ],
+        selectedRowIds: {
+          0: true,
+          1: true,
+          4: true,
+          5: true,
         },
-        stateReducer: _react.default.useCallback(
-          (newState, action, prevState, instance) => {
-            tableInstance.current = instance;
-            return newState;
-          },
-          [],
-        ),
-        rowProps: rowProps,
-        paginatorRenderer: paginator,
-        density: 'condensed',
-        autoResetFilters: false,
-        autoResetSortBy: false,
-        columnResizeMode: 'expand',
-        styleType: 'zebra-rows',
-        enableVirtualization: true,
-        scrollToRow: _react.default.useCallback(
-          (rows, data) => rows.findIndex((row) => row.original.index === 1),
-          [],
-        ),
-      }),
-      (0, _jsxruntime.jsx)(_index1.Tooltip, {
-        reference: rowRefMap[hoveredRowIndex],
-        content: `Hovered over ${data[hoveredRowIndex].name}.`,
-        placement: 'bottom',
-      }),
-    ],
-  });
+      },
+      stateReducer: _react.default.useCallback(
+        (newState, action, prevState, instance) => {
+          tableInstance.current = instance;
+          return newState;
+        },
+        [],
+      ),
+      rowProps: rowProps,
+      paginatorRenderer: paginator,
+      density: 'condensed',
+      autoResetFilters: false,
+      autoResetSortBy: false,
+      columnResizeMode: 'expand',
+      styleType: 'zebra-rows',
+      enableVirtualization: true,
+      scrollToRow: _react.default.useCallback(
+        (rows, data) => rows.findIndex((row) => row.original.index === 1),
+        [],
+      ),
+    }),
+    _react.default.createElement(_index1.Tooltip, {
+      reference: rowRefMap[hoveredRowIndex],
+      content: `Hovered over ${data[hoveredRowIndex].name}.`,
+      placement: 'bottom',
+    }),
+  );
 };

package/cjs/styles.js

@@ -1,6 +1,6 @@
 'use strict';
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const t = '3.12.0';
+const t = '3.12.2';
 const u = new Proxy(
   {},
   {

package/cjs/utils/components/AutoclearingHiddenLiveRegion.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 /**
  * Visually-hidden polite live region that automatically clears itself after 5 seconds.
  *
@@ -8,4 +9,4 @@
  */
 export declare const AutoclearingHiddenLiveRegion: ({ text }: {
     text?: string | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;

package/cjs/utils/components/AutoclearingHiddenLiveRegion.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'AutoclearingHiddenLiveRegion', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _VisuallyHidden = require('../../core/VisuallyHidden/VisuallyHidden.js');
 const _index = require('../functions/index.js');
@@ -23,10 +22,13 @@ const AutoclearingHiddenLiveRegion = ({ text = '' }) => {
     );
     return () => void (0, _index.getWindow)()?.clearTimeout(timeout);
   }, [text]);
-  return (0, _jsxruntime.jsx)(_VisuallyHidden.VisuallyHidden, {
-    as: 'div',
-    'aria-live': 'polite',
-    'aria-atomic': 'true',
-    children: maybeText,
-  });
+  return _react.createElement(
+    _VisuallyHidden.VisuallyHidden,
+    {
+      as: 'div',
+      'aria-live': 'polite',
+      'aria-atomic': 'true',
+    },
+    maybeText,
+  );
 };

package/cjs/utils/components/ButtonBase.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'ButtonBase', {
 });
 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('./Box.js');
@@ -31,7 +30,7 @@ const ButtonBase = _react.forwardRef((props, forwardedRef) => {
     }
     handler?.(e);
   };
-  return (0, _jsxruntime.jsx)(_Box.Box, {
+  return _react.createElement(_Box.Box, {
     as: asProp,
     type: asProp === 'button' ? 'button' : undefined,
     ref: forwardedRef,

package/cjs/utils/components/FocusTrap.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export type FocusTrapProps = {
     /**
      * A single child element to trap focus in.
@@ -8,4 +9,4 @@ export type FocusTrapProps = {
  * Trap focus within child container.
  * Used for modals and dialogs.
  */
-export declare const FocusTrap: (props: FocusTrapProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FocusTrap: (props: FocusTrapProps) => React.JSX.Element;

package/cjs/utils/components/FocusTrap.js

@@ -9,7 +9,6 @@ Object.defineProperty(exports, 'FocusTrap', {
   },
 });
 const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
-const _jsxruntime = require('react/jsx-runtime');
 const _react = _interop_require_wildcard._(require('react'));
 const _focusable = require('../functions/focusable.js');
 const _useMergedRefs = require('../hooks/useMergedRefs.js');
@@ -38,21 +37,21 @@ const FocusTrap = (props) => {
       lastElement?.focus();
     }
   };
-  return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-    children: [
-      (0, _jsxruntime.jsx)('div', {
-        tabIndex: 0,
-        onFocus: onFirstFocus,
-        'aria-hidden': true,
-      }),
-      _react.cloneElement(children, {
-        ref: (0, _useMergedRefs.mergeRefs)(children.ref, childRef),
-      }),
-      (0, _jsxruntime.jsx)('div', {
-        tabIndex: 0,
-        onFocus: onLastFocus,
-        'aria-hidden': true,
-      }),
-    ],
-  });
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    _react.createElement('div', {
+      tabIndex: 0,
+      onFocus: onFirstFocus,
+      'aria-hidden': true,
+    }),
+    _react.cloneElement(children, {
+      ref: (0, _useMergedRefs.mergeRefs)(children.ref, childRef),
+    }),
+    _react.createElement('div', {
+      tabIndex: 0,
+      onFocus: onLastFocus,
+      'aria-hidden': true,
+    }),
+  );
 };

package/cjs/utils/components/InputContainer.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'InputContainer', {
 });
 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('./Box.js');
@@ -33,32 +32,39 @@ const InputContainer = _react.forwardRef((props, forwardedRef) => {
     labelId,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsxs)(_Box.Box, {
-    className: (0, _classnames.default)('iui-input-grid', className),
-    'data-iui-status': status,
-    'data-iui-label-placement': isLabelInline ? 'inline' : undefined,
-    style: style,
-    ref: forwardedRef,
-    ...rest,
-    children: [
-      label &&
-        (0, _jsxruntime.jsx)(_Label.Label, {
+  return _react.createElement(
+    _Box.Box,
+    {
+      className: (0, _classnames.default)('iui-input-grid', className),
+      'data-iui-status': status,
+      'data-iui-label-placement': isLabelInline ? 'inline' : undefined,
+      style: style,
+      ref: forwardedRef,
+      ...rest,
+    },
+    label &&
+      _react.createElement(
+        _Label.Label,
+        {
           as: inputId && props.as !== 'label' ? 'label' : 'div',
           required: required,
           disabled: disabled,
           htmlFor: inputId,
           id: labelId,
-          children: label,
-        }),
-      children,
-      statusMessage
-        ? statusMessage
-        : message &&
-          (0, _jsxruntime.jsx)(_StatusMessage.StatusMessage, {
-            startIcon: icon,
-            status: status,
-            children: message,
-          }),
-    ],
-  });
+        },
+        label,
+      ),
+    children,
+    statusMessage
+      ? statusMessage
+      : message &&
+          _react.createElement(
+            _StatusMessage.StatusMessage,
+            {
+              startIcon: icon,
+              status: status,
+            },
+            message,
+          ),
+  );
 });