@itwin/itwinui-react 3.11.2 → 3.12.0

package/cjs/core/Table/TablePaginator.js

@@ -1,184 +1,308 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TablePaginator = void 0;
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const IconButton_js_1 = require("../Buttons/IconButton.js");
-const Button_js_1 = require("../Buttons/Button.js");
-const DropdownButton_js_1 = require("../Buttons/DropdownButton.js");
-const ProgressRadial_js_1 = require("../ProgressIndicators/ProgressRadial.js");
-const MenuItem_js_1 = require("../Menu/MenuItem.js");
-const index_js_1 = require("../../utils/index.js");
+Object.defineProperty(exports, 'TablePaginator', {
+  enumerable: true,
+  get: function () {
+    return 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');
+const _Button = require('../Buttons/Button.js');
+const _DropdownButton = require('../Buttons/DropdownButton.js');
+const _ProgressRadial = require('../ProgressIndicators/ProgressRadial.js');
+const _MenuItem = require('../Menu/MenuItem.js');
+const _index = require('../../utils/index.js');
 const defaultLocalization = {
-    pageSizeLabel: (size) => `${size} per page`,
-    rangeLabel: (startIndex, endIndex, totalRows, isLoading) => isLoading
-        ? `${startIndex}-${endIndex}…`
-        : `${startIndex}-${endIndex} of ${totalRows}`,
-    previousPage: 'Previous page',
-    nextPage: 'Next page',
-    goToPageLabel: (page) => `Go to page ${page}`,
-    rowsPerPageLabel: 'Rows per page',
-    rowsSelectedLabel: (totalSelectedRowsCount) => `${totalSelectedRowsCount} ${totalSelectedRowsCount === 1 ? 'row' : 'rows'} selected`,
+  pageSizeLabel: (size) => `${size} per page`,
+  rangeLabel: (startIndex, endIndex, totalRows, isLoading) =>
+    isLoading
+      ? `${startIndex}-${endIndex}…`
+      : `${startIndex}-${endIndex} of ${totalRows}`,
+  previousPage: 'Previous page',
+  nextPage: 'Next page',
+  goToPageLabel: (page) => `Go to page ${page}`,
+  rowsPerPageLabel: 'Rows per page',
+  rowsSelectedLabel: (totalSelectedRowsCount) =>
+    `${totalSelectedRowsCount} ${
+      totalSelectedRowsCount === 1 ? 'row' : 'rows'
+    } selected`,
 };
-/**
- * Table paginator component. Recommended to pass to the `Table` as `paginatorRenderer` prop.
- * Passing `props` from `paginatorRenderer` handles all state management and is enough for basic use-cases.
- * @example
- * <Table
- *   // ...
- *   paginatorRenderer={(props) => <TablePaginator {...props} />}
- * />
- */
 const TablePaginator = (props) => {
-    const { currentPage, totalRowsCount, pageSize, onPageChange, totalSelectedRowsCount = 0, focusActivationMode = 'manual', isLoading = false, size = 'default', pageSizeList, onPageSizeChange, localization: userLocalization, className, ...rest } = props;
-    (0, index_js_1.useGlobals)();
-    const localization = React.useMemo(() => ({ ...defaultLocalization, ...userLocalization }), [userLocalization]);
-    const pageListRef = React.useRef(null);
-    const [focusedIndex, setFocusedIndex] = React.useState(currentPage);
-    React.useEffect(() => {
-        setFocusedIndex(currentPage);
-    }, [currentPage]);
-    const needFocus = React.useRef(false);
-    const isMounted = React.useRef(false);
-    React.useEffect(() => {
-        // Checking `isMounted.current` prevents from focusing on initial load.
-        // Checking `needFocus.current` prevents from focusing page when clicked on previous/next page.
-        if (isMounted.current && needFocus.current) {
-            const buttonToFocus = Array.from(pageListRef.current?.querySelectorAll('.iui-table-paginator-page-button') ?? []).find((el) => el.textContent?.trim() === (focusedIndex + 1).toString());
-            buttonToFocus?.focus();
-            needFocus.current = false;
-        }
-        isMounted.current = true;
-    }, [focusedIndex]);
-    const buttonSize = size != 'default' ? 'small' : undefined;
-    const pageButton = React.useCallback((index, tabIndex = index === focusedIndex ? 0 : -1) => (React.createElement(Button_js_1.Button, { key: index, className: 'iui-table-paginator-page-button', styleType: 'borderless', size: buttonSize, "data-iui-active": index === currentPage, onClick: () => onPageChange(index), "aria-current": index === currentPage, "aria-label": localization.goToPageLabel(index + 1), tabIndex: tabIndex }, index + 1)), [focusedIndex, currentPage, localization, buttonSize, onPageChange]);
-    const totalPagesCount = Math.ceil(totalRowsCount / pageSize);
-    const pageList = React.useMemo(() => new Array(totalPagesCount)
-        .fill(null)
-        .map((_, index) => pageButton(index)), [pageButton, totalPagesCount]);
-    const [overflowRef, visibleCount] = (0, index_js_1.useOverflow)(pageList);
-    const [paginatorResizeRef, paginatorWidth] = (0, index_js_1.useContainerWidth)();
-    const onKeyDown = (event) => {
-        // alt + arrow keys are used by browser/assistive technologies
-        if (event.altKey) {
-            return;
-        }
-        const focusPage = (delta) => {
-            const newFocusedIndex = (0, index_js_1.getBoundedValue)(focusedIndex + delta, 0, totalPagesCount - 1);
-            needFocus.current = true;
-            if (focusActivationMode === 'auto') {
-                onPageChange(newFocusedIndex);
-            }
-            else {
-                setFocusedIndex(newFocusedIndex);
-            }
-        };
-        switch (event.key) {
-            case 'ArrowRight': {
-                focusPage(+1);
-                event.preventDefault();
-                break;
-            }
-            case 'ArrowLeft': {
-                focusPage(-1);
-                event.preventDefault();
-                break;
-            }
-            case 'Enter':
-            case ' ':
-            case 'Spacebar': {
-                if (focusActivationMode === 'manual') {
-                    onPageChange(focusedIndex);
-                }
-                break;
-            }
-            default:
-                break;
-        }
-    };
-    const halfVisibleCount = Math.floor(visibleCount / 2);
-    let startPage = focusedIndex - halfVisibleCount;
-    let endPage = focusedIndex + halfVisibleCount + 1;
-    if (startPage < 0) {
-        endPage = Math.min(totalPagesCount, endPage + Math.abs(startPage)); // If no room at the beginning, show extra pages at the end
-        startPage = 0;
+  const {
+    currentPage,
+    totalRowsCount,
+    pageSize,
+    onPageChange,
+    totalSelectedRowsCount = 0,
+    focusActivationMode = 'manual',
+    isLoading = false,
+    size = 'default',
+    pageSizeList,
+    onPageSizeChange,
+    localization: userLocalization,
+    className,
+    ...rest
+  } = props;
+  (0, _index.useGlobals)();
+  const localization = _react.useMemo(
+    () => ({
+      ...defaultLocalization,
+      ...userLocalization,
+    }),
+    [userLocalization],
+  );
+  const pageListRef = _react.useRef(null);
+  const [focusedIndex, setFocusedIndex] = _react.useState(currentPage);
+  _react.useEffect(() => {
+    setFocusedIndex(currentPage);
+  }, [currentPage]);
+  const needFocus = _react.useRef(false);
+  const isMounted = _react.useRef(false);
+  _react.useEffect(() => {
+    if (isMounted.current && needFocus.current) {
+      const buttonToFocus = Array.from(
+        pageListRef.current?.querySelectorAll(
+          '.iui-table-paginator-page-button',
+        ) ?? [],
+      ).find((el) => el.textContent?.trim() === (focusedIndex + 1).toString());
+      buttonToFocus?.focus();
+      needFocus.current = false;
     }
-    if (endPage > totalPagesCount) {
-        startPage = Math.max(0, startPage - (endPage - totalPagesCount)); // If no room at the end, show extra pages at the beginning
-        endPage = totalPagesCount;
+    isMounted.current = true;
+  }, [focusedIndex]);
+  const buttonSize = size != 'default' ? 'small' : undefined;
+  const pageButton = _react.useCallback(
+    (index, tabIndex = index === focusedIndex ? 0 : -1) =>
+      (0, _jsxruntime.jsx)(
+        _Button.Button,
+        {
+          className: 'iui-table-paginator-page-button',
+          styleType: 'borderless',
+          size: buttonSize,
+          'data-iui-active': index === currentPage,
+          onClick: () => onPageChange(index),
+          'aria-current': index === currentPage,
+          'aria-label': localization.goToPageLabel(index + 1),
+          tabIndex: tabIndex,
+          children: index + 1,
+        },
+        index,
+      ),
+    [focusedIndex, currentPage, localization, buttonSize, onPageChange],
+  );
+  const totalPagesCount = Math.ceil(totalRowsCount / pageSize);
+  const pageList = _react.useMemo(
+    () =>
+      new Array(totalPagesCount)
+        .fill(null)
+        .map((_, index) => pageButton(index)),
+    [pageButton, totalPagesCount],
+  );
+  const [overflowRef, visibleCount] = (0, _index.useOverflow)(pageList);
+  const [paginatorResizeRef, paginatorWidth] = (0, _index.useContainerWidth)();
+  const onKeyDown = (event) => {
+    if (event.altKey) {
+      return;
     }
-    const hasNoRows = totalPagesCount === 0;
-    const showPagesList = totalPagesCount > 1 || isLoading;
-    const showPageSizeList = pageSizeList && !!onPageSizeChange && !!totalRowsCount;
-    const ellipsis = (React.createElement(index_js_1.Box, { as: 'span', className: (0, classnames_1.default)('iui-table-paginator-ellipsis', {
-            'iui-table-paginator-ellipsis-small': size === 'small',
-        }) }, "\u2026"));
-    const noRowsContent = (React.createElement(React.Fragment, null, isLoading ? (React.createElement(ProgressRadial_js_1.ProgressRadial, { indeterminate: true, size: 'small' })) : (React.createElement(Button_js_1.Button, { styleType: 'borderless', disabled: true, size: buttonSize }, "1"))));
-    if (!showPagesList && !showPageSizeList) {
-        return null;
+    const focusPage = (delta) => {
+      const newFocusedIndex = (0, _index.getBoundedValue)(
+        focusedIndex + delta,
+        0,
+        totalPagesCount - 1,
+      );
+      needFocus.current = true;
+      if (focusActivationMode === 'auto') {
+        onPageChange(newFocusedIndex);
+      } else {
+        setFocusedIndex(newFocusedIndex);
+      }
+    };
+    switch (event.key) {
+      case 'ArrowRight': {
+        focusPage(+1);
+        event.preventDefault();
+        break;
+      }
+      case 'ArrowLeft': {
+        focusPage(-1);
+        event.preventDefault();
+        break;
+      }
+      case 'Enter':
+      case ' ':
+      case 'Spacebar': {
+        if (focusActivationMode === 'manual') {
+          onPageChange(focusedIndex);
+        }
+        break;
+      }
+      default:
+        break;
     }
-    return (React.createElement(index_js_1.Box, { className: (0, classnames_1.default)('iui-table-paginator', className), ref: paginatorResizeRef, ...rest },
-        React.createElement(index_js_1.Box, { className: 'iui-left' }, totalSelectedRowsCount > 0 && (React.createElement("span", null, localization.rowsSelectedLabel(totalSelectedRowsCount)))),
-        showPagesList && (React.createElement(index_js_1.Box, { className: 'iui-center', ref: overflowRef },
-            React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', disabled: currentPage === 0, onClick: () => onPageChange(currentPage - 1), size: buttonSize, "aria-label": localization.previousPage },
-                React.createElement(index_js_1.SvgChevronLeft, null)),
-            React.createElement(index_js_1.Box, { as: 'span', className: 'iui-table-paginator-pages-group', onKeyDown: onKeyDown, ref: pageListRef }, (() => {
+  };
+  const halfVisibleCount = Math.floor(visibleCount / 2);
+  let startPage = focusedIndex - halfVisibleCount;
+  let endPage = focusedIndex + halfVisibleCount + 1;
+  if (startPage < 0) {
+    endPage = Math.min(totalPagesCount, endPage + Math.abs(startPage));
+    startPage = 0;
+  }
+  if (endPage > totalPagesCount) {
+    startPage = Math.max(0, startPage - (endPage - totalPagesCount));
+    endPage = totalPagesCount;
+  }
+  const hasNoRows = totalPagesCount === 0;
+  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, {
+          indeterminate: true,
+          size: 'small',
+        })
+      : (0, _jsxruntime.jsx)(_Button.Button, {
+          styleType: 'borderless',
+          disabled: true,
+          size: buttonSize,
+          children: '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, {
+        className: 'iui-left',
+        children:
+          totalSelectedRowsCount > 0 &&
+          (0, _jsxruntime.jsx)('span', {
+            children: localization.rowsSelectedLabel(totalSelectedRowsCount),
+          }),
+      }),
+      showPagesList &&
+        (0, _jsxruntime.jsxs)(_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;
+                  return noRowsContent;
                 }
                 if (visibleCount === 1) {
-                    return pageButton(focusedIndex);
+                  return pageButton(focusedIndex);
                 }
-                return (React.createElement(React.Fragment, null,
-                    startPage !== 0 && (React.createElement(React.Fragment, null,
-                        pageButton(0, 0),
-                        ellipsis)),
+                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 && (React.createElement(React.Fragment, null,
-                        ellipsis,
-                        pageButton(totalPagesCount - 1, 0))),
-                    isLoading && (React.createElement(React.Fragment, null,
-                        ellipsis,
-                        React.createElement(ProgressRadial_js_1.ProgressRadial, { indeterminate: true, size: 'small' })))));
-            })()),
-            React.createElement(IconButton_js_1.IconButton, { styleType: 'borderless', disabled: currentPage === totalPagesCount - 1 || hasNoRows, onClick: () => onPageChange(currentPage + 1), size: buttonSize, "aria-label": localization.nextPage },
-                React.createElement(index_js_1.SvgChevronRight, null)))),
-        React.createElement(index_js_1.Box, { className: 'iui-right' }, showPageSizeList && (React.createElement(React.Fragment, null,
-            localization.rowsPerPageLabel !== null &&
-                paginatorWidth >= 1024 && (React.createElement(index_js_1.Box, { as: 'span', className: 'iui-table-paginator-page-size-label' }, localization.rowsPerPageLabel)),
-            React.createElement(DropdownButton_js_1.DropdownButton, { styleType: 'borderless', size: buttonSize, menuItems: (close) => pageSizeList.map((size) => (React.createElement(MenuItem_js_1.MenuItem, { key: size, isSelected: size === pageSize, onClick: () => {
-                        close();
-                        onPageSizeChange(size);
-                    } }, localization.pageSizeLabel(size)))) }, localization.rangeLabel(currentPage * pageSize + 1, Math.min(totalRowsCount, (currentPage + 1) * pageSize), totalRowsCount, isLoading)))))));
+                    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, {
+              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),
+                      },
+                      size,
+                    ),
+                  ),
+                children: localization.rangeLabel(
+                  currentPage * pageSize + 1,
+                  Math.min(totalRowsCount, (currentPage + 1) * pageSize),
+                  totalRowsCount,
+                  isLoading,
+                ),
+              }),
+            ],
+          }),
+      }),
+    ],
+  });
 };
-exports.TablePaginator = TablePaginator;

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

@@ -8,43 +8,23 @@ import type { CellProps, Row, TableInstance, TableState } from '../../react-tabl
  */
 export declare const TableRow: <T extends Record<string, unknown>>(props: {
     row: Row<T>;
-    rowProps?: ((row: Row<T>) => React.ComponentPropsWithRef<'div'> & {
-        status?: 'positive' | 'warning' | 'negative';
+    rowProps?: (row: Row<T>) => React.ComponentPropsWithRef<"div"> & {
+        status?: "positive" | "warning" | "negative";
         isLoading?: boolean;
-    }) | undefined;
+    };
     isLast: boolean;
     onRowInViewport: React.MutableRefObject<((rowData: T) => void) | undefined>;
     onBottomReached: React.MutableRefObject<(() => void) | undefined>;
     intersectionMargin: number;
     state: TableState<T>;
-    onClick?: ((event: React.MouseEvent, row: Row<T>) => void) | undefined;
-    subComponent?: ((row: Row<T>) => React.ReactNode) | undefined;
+    onClick?: (event: React.MouseEvent, row: Row<T>) => void;
+    subComponent?: (row: Row<T>) => React.ReactNode;
     isDisabled: boolean;
     tableHasSubRows: boolean;
     tableInstance: TableInstance<T>;
-    expanderCell?: ((cellProps: CellProps<T>) => React.ReactNode) | undefined;
+    expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;
     scrollContainerRef: HTMLDivElement | null;
-    tableRowRef?: React.Ref<HTMLDivElement> | undefined;
-    density?: "default" | "condensed" | "extra-condensed" | undefined;
-}) => React.JSX.Element;
-export declare const TableRowMemoized: <T extends Record<string, unknown>>(props: {
-    row: Row<T>;
-    rowProps?: ((row: Row<T>) => React.ComponentPropsWithRef<'div'> & {
-        status?: 'positive' | 'warning' | 'negative';
-        isLoading?: boolean;
-    }) | undefined;
-    isLast: boolean;
-    onRowInViewport: React.MutableRefObject<((rowData: T) => void) | undefined>;
-    onBottomReached: React.MutableRefObject<(() => void) | undefined>;
-    intersectionMargin: number;
-    state: TableState<T>;
-    onClick?: ((event: React.MouseEvent, row: Row<T>) => void) | undefined;
-    subComponent?: ((row: Row<T>) => React.ReactNode) | undefined;
-    isDisabled: boolean;
-    tableHasSubRows: boolean;
-    tableInstance: TableInstance<T>;
-    expanderCell?: ((cellProps: CellProps<T>) => React.ReactNode) | undefined;
-    scrollContainerRef: HTMLDivElement | null;
-    tableRowRef?: React.Ref<HTMLDivElement> | undefined;
-    density?: "default" | "condensed" | "extra-condensed" | undefined;
-}) => React.JSX.Element;
+    tableRowRef?: React.Ref<HTMLDivElement>;
+    density?: "default" | "condensed" | "extra-condensed";
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TableRowMemoized: typeof TableRow;