@itwin/itwinui-react 3.12.0 → 3.12.2

package/cjs/core/Table/TableCell.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'TableCell', {
 });
 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 _utils = require('./utils.js');
@@ -62,52 +61,54 @@ const TableCell = (props) => {
       column: cell.column,
     },
   };
-  const cellContent = (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-    children: [
-      tableHasSubRows &&
-        hasSubRowExpander &&
-        cell.row.canExpand &&
-        (0, _jsxruntime.jsx)(_SubRowExpander.SubRowExpander, {
-          cell: cell,
-          isDisabled: isDisabled,
-          cellProps: cellProps,
-          expanderCell: expanderCell,
-          density: density,
-          slot: 'start',
-        }),
-      cell.render('Cell'),
-    ],
-  });
+  const cellContent = _react.createElement(
+    _react.Fragment,
+    null,
+    tableHasSubRows &&
+      hasSubRowExpander &&
+      cell.row.canExpand &&
+      _react.createElement(_SubRowExpander.SubRowExpander, {
+        cell: cell,
+        isDisabled: isDisabled,
+        cellProps: cellProps,
+        expanderCell: expanderCell,
+        density: density,
+        slot: 'start',
+      }),
+    cell.render('Cell'),
+  );
   const cellRendererProps = {
     cellElementProps,
     cellProps,
-    children: (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-      children: [
-        cellContent,
-        cell.column.sticky === 'left' &&
-          tableInstance.state.sticky.isScrolledToRight &&
-          (0, _jsxruntime.jsx)(_index2.Box, {
-            className: 'iui-table-cell-shadow-right',
-            slot: 'shadows',
-          }),
-        cell.column.sticky === 'right' &&
-          tableInstance.state.sticky.isScrolledToLeft &&
-          (0, _jsxruntime.jsx)(_index2.Box, {
-            className: 'iui-table-cell-shadow-left',
-            slot: 'shadows',
-          }),
-      ],
-    }),
+    children: _react.createElement(
+      _react.Fragment,
+      null,
+      cellContent,
+      cell.column.sticky === 'left' &&
+        tableInstance.state.sticky.isScrolledToRight &&
+        _react.createElement(_index2.Box, {
+          className: 'iui-table-cell-shadow-right',
+          slot: 'shadows',
+        }),
+      cell.column.sticky === 'right' &&
+        tableInstance.state.sticky.isScrolledToLeft &&
+        _react.createElement(_index2.Box, {
+          className: 'iui-table-cell-shadow-left',
+          slot: 'shadows',
+        }),
+    ),
   };
-  return (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: cell.column.cellRenderer
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    cell.column.cellRenderer
       ? cell.column.cellRenderer({
           ...cellRendererProps,
           isDisabled: () => isDisabled,
         })
-      : (0, _jsxruntime.jsx)(_index1.DefaultCell, {
+      : _react.createElement(_index1.DefaultCell, {
           ...cellRendererProps,
           isDisabled: () => isDisabled,
         }),
-  });
+  );
 };

package/cjs/core/Table/TablePaginator.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { CommonProps } from '../../utils/index.js';
 import type { TablePaginatorRendererProps } from './Table.js';
 export type TablePaginatorProps = {
@@ -71,4 +72,4 @@ export type TablePaginatorProps = {
  *   paginatorRenderer={(props) => <TablePaginator {...props} />}
  * />
  */
-export declare const TablePaginator: (props: TablePaginatorProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const TablePaginator: (props: TablePaginatorProps) => React.JSX.Element | null;

package/cjs/core/Table/TablePaginator.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'TablePaginator', {
 });
 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');
@@ -80,9 +79,10 @@ const TablePaginator = (props) => {
   const buttonSize = size != 'default' ? 'small' : undefined;
   const pageButton = _react.useCallback(
     (index, tabIndex = index === focusedIndex ? 0 : -1) =>
-      (0, _jsxruntime.jsx)(
+      _react.createElement(
         _Button.Button,
         {
+          key: index,
           className: 'iui-table-paginator-page-button',
           styleType: 'borderless',
           size: buttonSize,
@@ -91,9 +91,8 @@ const TablePaginator = (props) => {
           'aria-current': index === currentPage,
           'aria-label': localization.goToPageLabel(index + 1),
           tabIndex: tabIndex,
-          children: index + 1,
         },
-        index,
+        index + 1,
       ),
     [focusedIndex, currentPage, localization, buttonSize, onPageChange],
   );
@@ -162,147 +161,181 @@ const TablePaginator = (props) => {
   const showPagesList = totalPagesCount > 1 || isLoading;
   const showPageSizeList =
     pageSizeList && !!onPageSizeChange && !!totalRowsCount;
-  const ellipsis = (0, _jsxruntime.jsx)(_index.Box, {
-    as: 'span',
-    className: (0, _classnames.default)('iui-table-paginator-ellipsis', {
-      'iui-table-paginator-ellipsis-small': size === 'small',
-    }),
-    children: '…',
-  });
-  const noRowsContent = (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-    children: isLoading
-      ? (0, _jsxruntime.jsx)(_ProgressRadial.ProgressRadial, {
+  const ellipsis = _react.createElement(
+    _index.Box,
+    {
+      as: 'span',
+      className: (0, _classnames.default)('iui-table-paginator-ellipsis', {
+        'iui-table-paginator-ellipsis-small': size === 'small',
+      }),
+    },
+    '…',
+  );
+  const noRowsContent = _react.createElement(
+    _react.Fragment,
+    null,
+    isLoading
+      ? _react.createElement(_ProgressRadial.ProgressRadial, {
           indeterminate: true,
           size: 'small',
         })
-      : (0, _jsxruntime.jsx)(_Button.Button, {
-          styleType: 'borderless',
-          disabled: true,
-          size: buttonSize,
-          children: '1',
-        }),
-  });
+      : _react.createElement(
+          _Button.Button,
+          {
+            styleType: 'borderless',
+            disabled: true,
+            size: buttonSize,
+          },
+          '1',
+        ),
+  );
   if (!showPagesList && !showPageSizeList) {
     return null;
   }
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    className: (0, _classnames.default)('iui-table-paginator', className),
-    ref: paginatorResizeRef,
-    ...rest,
-    children: [
-      (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)('iui-table-paginator', className),
+      ref: paginatorResizeRef,
+      ...rest,
+    },
+    _react.createElement(
+      _index.Box,
+      {
         className: 'iui-left',
-        children:
-          totalSelectedRowsCount > 0 &&
-          (0, _jsxruntime.jsx)('span', {
-            children: localization.rowsSelectedLabel(totalSelectedRowsCount),
-          }),
-      }),
-      showPagesList &&
-        (0, _jsxruntime.jsxs)(_index.Box, {
+      },
+      totalSelectedRowsCount > 0 &&
+        _react.createElement(
+          'span',
+          null,
+          localization.rowsSelectedLabel(totalSelectedRowsCount),
+        ),
+    ),
+    showPagesList &&
+      _react.createElement(
+        _index.Box,
+        {
           className: 'iui-center',
           ref: overflowRef,
-          children: [
-            (0, _jsxruntime.jsx)(_IconButton.IconButton, {
-              styleType: 'borderless',
-              disabled: currentPage === 0,
-              onClick: () => onPageChange(currentPage - 1),
-              size: buttonSize,
-              'aria-label': localization.previousPage,
-              children: (0, _jsxruntime.jsx)(_index.SvgChevronLeft, {}),
-            }),
-            (0, _jsxruntime.jsx)(_index.Box, {
-              as: 'span',
-              className: 'iui-table-paginator-pages-group',
-              onKeyDown: onKeyDown,
-              ref: pageListRef,
-              children: (() => {
-                if (hasNoRows) {
-                  return noRowsContent;
-                }
-                if (visibleCount === 1) {
-                  return pageButton(focusedIndex);
-                }
-                return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                  children: [
-                    startPage !== 0 &&
-                      (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                        children: [pageButton(0, 0), ellipsis],
-                      }),
-                    pageList.slice(startPage, endPage),
-                    endPage !== totalPagesCount &&
-                      !isLoading &&
-                      (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                        children: [
-                          ellipsis,
-                          pageButton(totalPagesCount - 1, 0),
-                        ],
-                      }),
-                    isLoading &&
-                      (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                        children: [
-                          ellipsis,
-                          (0, _jsxruntime.jsx)(_ProgressRadial.ProgressRadial, {
-                            indeterminate: true,
-                            size: 'small',
-                          }),
-                        ],
-                      }),
-                  ],
-                });
-              })(),
-            }),
-            (0, _jsxruntime.jsx)(_IconButton.IconButton, {
+        },
+        _react.createElement(
+          _IconButton.IconButton,
+          {
+            styleType: 'borderless',
+            disabled: currentPage === 0,
+            onClick: () => onPageChange(currentPage - 1),
+            size: buttonSize,
+            'aria-label': localization.previousPage,
+          },
+          _react.createElement(_index.SvgChevronLeft, null),
+        ),
+        _react.createElement(
+          _index.Box,
+          {
+            as: 'span',
+            className: 'iui-table-paginator-pages-group',
+            onKeyDown: onKeyDown,
+            ref: pageListRef,
+          },
+          (() => {
+            if (hasNoRows) {
+              return noRowsContent;
+            }
+            if (visibleCount === 1) {
+              return pageButton(focusedIndex);
+            }
+            return _react.createElement(
+              _react.Fragment,
+              null,
+              startPage !== 0 &&
+                _react.createElement(
+                  _react.Fragment,
+                  null,
+                  pageButton(0, 0),
+                  ellipsis,
+                ),
+              pageList.slice(startPage, endPage),
+              endPage !== totalPagesCount &&
+                !isLoading &&
+                _react.createElement(
+                  _react.Fragment,
+                  null,
+                  ellipsis,
+                  pageButton(totalPagesCount - 1, 0),
+                ),
+              isLoading &&
+                _react.createElement(
+                  _react.Fragment,
+                  null,
+                  ellipsis,
+                  _react.createElement(_ProgressRadial.ProgressRadial, {
+                    indeterminate: true,
+                    size: 'small',
+                  }),
+                ),
+            );
+          })(),
+        ),
+        _react.createElement(
+          _IconButton.IconButton,
+          {
+            styleType: 'borderless',
+            disabled: currentPage === totalPagesCount - 1 || hasNoRows,
+            onClick: () => onPageChange(currentPage + 1),
+            size: buttonSize,
+            'aria-label': localization.nextPage,
+          },
+          _react.createElement(_index.SvgChevronRight, null),
+        ),
+      ),
+    _react.createElement(
+      _index.Box,
+      {
+        className: 'iui-right',
+      },
+      showPageSizeList &&
+        _react.createElement(
+          _react.Fragment,
+          null,
+          localization.rowsPerPageLabel !== null &&
+            paginatorWidth >= 1024 &&
+            _react.createElement(
+              _index.Box,
+              {
+                as: 'span',
+                className: 'iui-table-paginator-page-size-label',
+              },
+              localization.rowsPerPageLabel,
+            ),
+          _react.createElement(
+            _DropdownButton.DropdownButton,
+            {
               styleType: 'borderless',
-              disabled: currentPage === totalPagesCount - 1 || hasNoRows,
-              onClick: () => onPageChange(currentPage + 1),
               size: buttonSize,
-              'aria-label': localization.nextPage,
-              children: (0, _jsxruntime.jsx)(_index.SvgChevronRight, {}),
-            }),
-          ],
-        }),
-      (0, _jsxruntime.jsx)(_index.Box, {
-        className: 'iui-right',
-        children:
-          showPageSizeList &&
-          (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-            children: [
-              localization.rowsPerPageLabel !== null &&
-                paginatorWidth >= 1024 &&
-                (0, _jsxruntime.jsx)(_index.Box, {
-                  as: 'span',
-                  className: 'iui-table-paginator-page-size-label',
-                  children: localization.rowsPerPageLabel,
-                }),
-              (0, _jsxruntime.jsx)(_DropdownButton.DropdownButton, {
-                styleType: 'borderless',
-                size: buttonSize,
-                menuItems: (close) =>
-                  pageSizeList.map((size) =>
-                    (0, _jsxruntime.jsx)(
-                      _MenuItem.MenuItem,
-                      {
-                        isSelected: size === pageSize,
-                        onClick: () => {
-                          close();
-                          onPageSizeChange(size);
-                        },
-                        children: localization.pageSizeLabel(size),
+              menuItems: (close) =>
+                pageSizeList.map((size) =>
+                  _react.createElement(
+                    _MenuItem.MenuItem,
+                    {
+                      key: size,
+                      isSelected: size === pageSize,
+                      onClick: () => {
+                        close();
+                        onPageSizeChange(size);
                       },
-                      size,
-                    ),
+                    },
+                    localization.pageSizeLabel(size),
                   ),
-                children: localization.rangeLabel(
-                  currentPage * pageSize + 1,
-                  Math.min(totalRowsCount, (currentPage + 1) * pageSize),
-                  totalRowsCount,
-                  isLoading,
                 ),
-              }),
-            ],
-          }),
-      }),
-    ],
-  });
+            },
+            localization.rangeLabel(
+              currentPage * pageSize + 1,
+              Math.min(totalRowsCount, (currentPage + 1) * pageSize),
+              totalRowsCount,
+              isLoading,
+            ),
+          ),
+        ),
+    ),
+  );
 };

package/cjs/core/Table/TableRowMemoized.d.ts

@@ -26,5 +26,5 @@ export declare const TableRow: <T extends Record<string, unknown>>(props: {
     scrollContainerRef: HTMLDivElement | null;
     tableRowRef?: React.Ref<HTMLDivElement>;
     density?: "default" | "condensed" | "extra-condensed";
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const TableRowMemoized: typeof TableRow;

package/cjs/core/Table/TableRowMemoized.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');
@@ -88,45 +87,51 @@ const TableRow = (props) => {
     mergedProps.ref,
     tableRowRef,
   );
-  return (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-    children: [
-      (0, _jsxruntime.jsx)(_index.Box, {
+  return _react.createElement(
+    _react.Fragment,
+    null,
+    _react.createElement(
+      _index.Box,
+      {
         ...mergedProps,
         ref: refs,
         onClick: (event) => {
           mergedProps?.onClick?.(event);
           onClick?.(event, row);
         },
-        children: row.cells.map((cell, index) => {
-          return (0, _jsxruntime.jsx)(
-            _TableCell.TableCell,
-            {
-              cell: cell,
-              cellIndex: index,
-              isDisabled: isDisabled,
-              tableHasSubRows: tableHasSubRows,
-              tableInstance: tableInstance,
-              expanderCell: expanderCell,
-              density: density,
-            },
-            cell.getCellProps().key,
-          );
-        }),
+      },
+      row.cells.map((cell, index) => {
+        return _react.createElement(_TableCell.TableCell, {
+          key: cell.getCellProps().key,
+          cell: cell,
+          cellIndex: index,
+          isDisabled: isDisabled,
+          tableHasSubRows: tableHasSubRows,
+          tableInstance: tableInstance,
+          expanderCell: expanderCell,
+          density: density,
+        });
       }),
-      subComponent &&
-        (0, _jsxruntime.jsx)(_index.WithCSSTransition, {
+    ),
+    subComponent &&
+      _react.createElement(
+        _index.WithCSSTransition,
+        {
           in: row.isExpanded,
-          children: (0, _jsxruntime.jsx)(_index.Box, {
+        },
+        _react.createElement(
+          _index.Box,
+          {
             className: (0, _classnames.default)(
               'iui-table-row',
               'iui-table-expanded-content',
             ),
             'aria-disabled': isDisabled,
-            children: subComponent(row),
-          }),
-        }),
-    ],
-  });
+          },
+          subComponent(row),
+        ),
+      ),
+  );
 };
 const hasAnySelectedSubRow = (row, selectedRowIds) => {
   if (selectedRowIds?.[row.id]) {

package/cjs/core/Table/cells/DefaultCell.d.ts

@@ -32,4 +32,4 @@ export type DefaultCellProps<T extends Record<string, unknown>> = {
  *   cellRenderer: (props) => <DefaultCell {...props} />,
  * }
  */
-export declare const DefaultCell: <T extends Record<string, unknown>>(props: DefaultCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultCell: <T extends Record<string, unknown>>(props: DefaultCellProps<T>) => React.JSX.Element;

package/cjs/core/Table/cells/DefaultCell.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, 'DefaultCell', {
 });
 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');
@@ -41,48 +40,57 @@ const DefaultCell = (props) => {
     clamp = typeof cellProps.value === 'string' && !isCustomCell,
     ...rest
   } = props;
-  return (0, _jsxruntime.jsxs)(_index.Box, {
-    ...cellElementProps,
-    ...rest,
-    className: (0, _classnames.default)(cellElementClassName, className),
-    'aria-disabled': isDisabled?.(cellProps.row.original) || undefined,
-    'data-iui-status': status,
-    style: {
-      ...cellElementStyle,
-      ...style,
+  return _react.createElement(
+    _index.Box,
+    {
+      ...cellElementProps,
+      ...rest,
+      className: (0, _classnames.default)(cellElementClassName, className),
+      'aria-disabled': isDisabled?.(cellProps.row.original) || undefined,
+      'data-iui-status': status,
+      style: {
+        ...cellElementStyle,
+        ...style,
+      },
     },
-    children: [
-      (0, _jsxruntime.jsxs)(_index.ShadowRoot, {
-        children: [
-          (0, _jsxruntime.jsx)('slot', {
-            name: 'start',
-          }),
-          clamp
-            ? (0, _jsxruntime.jsx)(_index.LineClamp, {
-                children: (0, _jsxruntime.jsx)('slot', {}),
-              })
-            : (0, _jsxruntime.jsx)('slot', {}),
-          (0, _jsxruntime.jsx)('slot', {
-            name: 'end',
-          }),
-          (0, _jsxruntime.jsx)('slot', {
-            name: 'shadows',
-          }),
-        ],
+    _react.createElement(
+      _index.ShadowRoot,
+      null,
+      _react.createElement('slot', {
+        name: 'start',
       }),
-      startIcon &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+      clamp
+        ? _react.createElement(
+            _index.LineClamp,
+            null,
+            _react.createElement('slot', null),
+          )
+        : _react.createElement('slot', null),
+      _react.createElement('slot', {
+        name: 'end',
+      }),
+      _react.createElement('slot', {
+        name: 'shadows',
+      }),
+    ),
+    startIcon &&
+      _react.createElement(
+        _index.Box,
+        {
           className: 'iui-table-cell-start-icon',
           slot: 'start',
-          children: startIcon,
-        }),
-      children,
-      endIcon &&
-        (0, _jsxruntime.jsx)(_index.Box, {
+        },
+        startIcon,
+      ),
+    children,
+    endIcon &&
+      _react.createElement(
+        _index.Box,
+        {
           className: 'iui-table-cell-end-icon',
           slot: 'end',
-          children: endIcon,
-        }),
-    ],
-  });
+        },
+        endIcon,
+      ),
+  );
 };

package/cjs/core/Table/cells/EditableCell.d.ts

@@ -30,4 +30,4 @@ export type EditableCellProps<T extends Record<string, unknown>> = CellRendererP
  *   cellRenderer: (props) => <EditableCell {...props} onCellEdit={onCellEditHandler} />,
  * }
  */
-export declare const EditableCell: <T extends Record<string, unknown>>(props: EditableCellProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const EditableCell: <T extends Record<string, unknown>>(props: EditableCellProps<T>) => React.JSX.Element;