@backstage/ui 0.0.0-nightly-20260108025012 → 0.0.0-nightly-20260109025055

package/dist/components/TablePagination/TablePagination.esm.js

@@ -4,111 +4,86 @@ import { useStyles } from '../../hooks/useStyles.esm.js';
 import { TablePaginationDefinition } from './definition.esm.js';
 import styles from './TablePagination.module.css.esm.js';
 import { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react';
+import { useId } from 'react';
 import { Select } from '../Select/Select.esm.js';
 import { ButtonIcon } from '../ButtonIcon/ButtonIcon.esm.js';
 import { Text } from '../Text/Text.esm.js';
 
-function TablePagination(props) {
-  const { classNames, cleanedProps } = useStyles(TablePaginationDefinition, {
-    showPageSizeOptions: true,
-    ...props
-  });
-  const {
-    className,
-    offset,
-    pageSize,
-    rowCount,
-    onNextPage,
-    onPreviousPage,
-    onPageSizeChange,
-    setOffset,
-    setPageSize,
-    showPageSizeOptions,
-    ...rest
-  } = cleanedProps;
-  const currentOffset = offset ?? 0;
-  const currentPageSize = pageSize ?? 10;
-  const fromCount = currentOffset + 1;
-  const toCount = Math.min(currentOffset + currentPageSize, rowCount ?? 0);
-  const nextPage = () => {
-    const totalRows = rowCount ?? 0;
-    const nextOffset = currentOffset + currentPageSize;
-    if (nextOffset < totalRows) {
-      onNextPage?.();
-      setOffset?.(nextOffset);
-    }
-  };
-  const previousPage = () => {
-    if (currentOffset > 0) {
-      onPreviousPage?.();
-      const prevOffset = Math.max(0, currentOffset - currentPageSize);
-      setOffset?.(prevOffset);
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: clsx(classNames.root, styles[classNames.root], className),
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: clsx(classNames.left, styles[classNames.left]), children: showPageSizeOptions && /* @__PURE__ */ jsx(
-          Select,
-          {
-            name: "pageSize",
-            size: "small",
-            placeholder: "Show 10 results",
-            options: [
-              { label: "Show 5 results", value: "5" },
-              { label: "Show 10 results", value: "10" },
-              { label: "Show 20 results", value: "20" },
-              { label: "Show 30 results", value: "30" },
-              { label: "Show 40 results", value: "40" },
-              { label: "Show 50 results", value: "50" }
-            ],
-            selectedKey: pageSize?.toString(),
-            onSelectionChange: (value) => {
-              const newPageSize = Number(value);
-              setPageSize?.(newPageSize);
-              onPageSizeChange?.(newPageSize);
-            },
-            className: clsx(classNames.select, styles[classNames.select])
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { className: clsx(classNames.right, styles[classNames.right]), children: [
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              as: "p",
-              variant: "body-medium",
-              children: `${fromCount} - ${toCount} of ${rowCount}`
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ButtonIcon,
-            {
-              variant: "secondary",
-              size: "small",
-              onClick: previousPage,
-              isDisabled: currentOffset === 0,
-              icon: /* @__PURE__ */ jsx(RiArrowLeftSLine, {}),
-              "aria-label": "Previous"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ButtonIcon,
-            {
-              variant: "secondary",
-              size: "small",
-              onClick: nextPage,
-              isDisabled: rowCount !== void 0 && currentOffset + currentPageSize >= rowCount,
-              icon: /* @__PURE__ */ jsx(RiArrowRightSLine, {}),
-              "aria-label": "Next"
-            }
-          )
-        ] })
-      ]
-    }
-  );
+function TablePagination({
+  pageSize,
+  offset,
+  totalCount,
+  hasNextPage,
+  hasPreviousPage,
+  onNextPage,
+  onPreviousPage,
+  onPageSizeChange,
+  showPageSizeOptions = true,
+  getLabel
+}) {
+  const { classNames } = useStyles(TablePaginationDefinition, {});
+  const labelId = useId();
+  const hasItems = totalCount !== void 0 && totalCount !== 0;
+  let label = `${totalCount} items`;
+  if (getLabel) {
+    label = getLabel({ pageSize, offset, totalCount });
+  } else if (offset !== void 0) {
+    const fromCount = offset + 1;
+    const toCount = Math.min(offset + pageSize, totalCount ?? 0);
+    label = `${fromCount} - ${toCount} of ${totalCount}`;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: clsx(classNames.root, styles[classNames.root]), children: [
+    /* @__PURE__ */ jsx("div", { className: clsx(classNames.left, styles[classNames.left]), children: showPageSizeOptions && /* @__PURE__ */ jsx(
+      Select,
+      {
+        name: "pageSize",
+        size: "small",
+        "aria-label": "Select table page size",
+        placeholder: "Show 10 results",
+        options: [
+          { label: "Show 5 results", value: "5" },
+          { label: "Show 10 results", value: "10" },
+          { label: "Show 20 results", value: "20" },
+          { label: "Show 30 results", value: "30" },
+          { label: "Show 40 results", value: "40" },
+          { label: "Show 50 results", value: "50" }
+        ],
+        defaultValue: pageSize.toString(),
+        onChange: (value) => {
+          const newPageSize = Number(value);
+          onPageSizeChange?.(newPageSize);
+        },
+        className: clsx(classNames.select, styles[classNames.select])
+      }
+    ) }),
+    /* @__PURE__ */ jsxs("div", { className: clsx(classNames.right, styles[classNames.right]), children: [
+      hasItems && /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-medium", id: labelId, children: label }),
+      /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          variant: "secondary",
+          size: "small",
+          onClick: onPreviousPage,
+          isDisabled: !hasPreviousPage,
+          icon: /* @__PURE__ */ jsx(RiArrowLeftSLine, {}),
+          "aria-label": "Previous table page",
+          "aria-describedby": hasItems ? labelId : void 0
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ButtonIcon,
+        {
+          variant: "secondary",
+          size: "small",
+          onClick: onNextPage,
+          isDisabled: !hasNextPage,
+          icon: /* @__PURE__ */ jsx(RiArrowRightSLine, {}),
+          "aria-label": "Next table page",
+          "aria-describedby": hasItems ? labelId : void 0
+        }
+      )
+    ] })
+  ] });
 }
 
 export { TablePagination };

package/dist/components/TablePagination/TablePagination.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.esm.js","sources":["../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport clsx from 'clsx';\nimport { Text, ButtonIcon, Select } from '../..';\nimport type { TablePaginationProps } from './types';\nimport { useStyles } from '../../hooks/useStyles';\nimport { TablePaginationDefinition } from './definition';\nimport styles from './TablePagination.module.css';\nimport { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react';\n\n/**\n * Pagination controls for Table components with page navigation and size selection.\n *\n * @public\n */\nexport function TablePagination(props: TablePaginationProps) {\n  const { classNames, cleanedProps } = useStyles(TablePaginationDefinition, {\n    showPageSizeOptions: true,\n    ...props,\n  });\n  const {\n    className,\n    offset,\n    pageSize,\n    rowCount,\n    onNextPage,\n    onPreviousPage,\n    onPageSizeChange,\n    setOffset,\n    setPageSize,\n    showPageSizeOptions,\n    ...rest\n  } = cleanedProps;\n\n  const currentOffset = offset ?? 0;\n  const currentPageSize = pageSize ?? 10;\n\n  const fromCount = currentOffset + 1;\n  const toCount = Math.min(currentOffset + currentPageSize, rowCount ?? 0);\n\n  const nextPage = () => {\n    const totalRows = rowCount ?? 0;\n    const nextOffset = currentOffset + currentPageSize;\n\n    // Check if there are more items to navigate to\n    if (nextOffset < totalRows) {\n      onNextPage?.(); // Analytics tracking\n      setOffset?.(nextOffset); // Navigate to next page\n    }\n  };\n\n  const previousPage = () => {\n    // Check if we can go to previous page\n    if (currentOffset > 0) {\n      onPreviousPage?.(); // Analytics tracking\n      const prevOffset = Math.max(0, currentOffset - currentPageSize);\n      setOffset?.(prevOffset); // Navigate to previous page\n    }\n  };\n\n  return (\n    <div\n      className={clsx(classNames.root, styles[classNames.root], className)}\n      {...rest}\n    >\n      <div className={clsx(classNames.left, styles[classNames.left])}>\n        {showPageSizeOptions && (\n          <Select\n            name=\"pageSize\"\n            size=\"small\"\n            placeholder=\"Show 10 results\"\n            options={[\n              { label: 'Show 5 results', value: '5' },\n              { label: 'Show 10 results', value: '10' },\n              { label: 'Show 20 results', value: '20' },\n              { label: 'Show 30 results', value: '30' },\n              { label: 'Show 40 results', value: '40' },\n              { label: 'Show 50 results', value: '50' },\n            ]}\n            selectedKey={pageSize?.toString()}\n            onSelectionChange={value => {\n              const newPageSize = Number(value);\n              setPageSize?.(newPageSize);\n              onPageSizeChange?.(newPageSize);\n            }}\n            className={clsx(classNames.select, styles[classNames.select])}\n          />\n        )}\n      </div>\n      <div className={clsx(classNames.right, styles[classNames.right])}>\n        <Text\n          as=\"p\"\n          variant=\"body-medium\"\n        >{`${fromCount} - ${toCount} of ${rowCount}`}</Text>\n        <ButtonIcon\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={previousPage}\n          isDisabled={currentOffset === 0}\n          icon={<RiArrowLeftSLine />}\n          aria-label=\"Previous\"\n        />\n        <ButtonIcon\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={nextPage}\n          isDisabled={\n            rowCount !== undefined &&\n            currentOffset + currentPageSize >= rowCount\n          }\n          icon={<RiArrowRightSLine />}\n          aria-label=\"Next\"\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TablePagination.esm.js","sources":["../../../src/components/TablePagination/TablePagination.tsx"],"sourcesContent":["/*\n * Copyright 2025 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport clsx from 'clsx';\nimport { Text, ButtonIcon, Select } from '../..';\nimport type { TablePaginationProps } from './types';\nimport { useStyles } from '../../hooks/useStyles';\nimport { TablePaginationDefinition } from './definition';\nimport styles from './TablePagination.module.css';\nimport { RiArrowLeftSLine, RiArrowRightSLine } from '@remixicon/react';\nimport { useId } from 'react';\n\n/**\n * Pagination controls for Table components with page navigation and size selection.\n *\n * @public\n */\nexport function TablePagination({\n  pageSize,\n  offset,\n  totalCount,\n  hasNextPage,\n  hasPreviousPage,\n  onNextPage,\n  onPreviousPage,\n  onPageSizeChange,\n  showPageSizeOptions = true,\n  getLabel,\n}: TablePaginationProps) {\n  const { classNames } = useStyles(TablePaginationDefinition, {});\n  const labelId = useId();\n\n  const hasItems = totalCount !== undefined && totalCount !== 0;\n\n  let label = `${totalCount} items`;\n  if (getLabel) {\n    label = getLabel({ pageSize, offset, totalCount });\n  } else if (offset !== undefined) {\n    const fromCount = offset + 1;\n    const toCount = Math.min(offset + pageSize, totalCount ?? 0);\n    label = `${fromCount} - ${toCount} of ${totalCount}`;\n  }\n\n  return (\n    <div className={clsx(classNames.root, styles[classNames.root])}>\n      <div className={clsx(classNames.left, styles[classNames.left])}>\n        {showPageSizeOptions && (\n          <Select\n            name=\"pageSize\"\n            size=\"small\"\n            aria-label=\"Select table page size\"\n            placeholder=\"Show 10 results\"\n            options={[\n              { label: 'Show 5 results', value: '5' },\n              { label: 'Show 10 results', value: '10' },\n              { label: 'Show 20 results', value: '20' },\n              { label: 'Show 30 results', value: '30' },\n              { label: 'Show 40 results', value: '40' },\n              { label: 'Show 50 results', value: '50' },\n            ]}\n            defaultValue={pageSize.toString()}\n            onChange={value => {\n              const newPageSize = Number(value);\n              onPageSizeChange?.(newPageSize);\n            }}\n            className={clsx(classNames.select, styles[classNames.select])}\n          />\n        )}\n      </div>\n      <div className={clsx(classNames.right, styles[classNames.right])}>\n        {hasItems && (\n          <Text as=\"p\" variant=\"body-medium\" id={labelId}>\n            {label}\n          </Text>\n        )}\n        <ButtonIcon\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={onPreviousPage}\n          isDisabled={!hasPreviousPage}\n          icon={<RiArrowLeftSLine />}\n          aria-label=\"Previous table page\"\n          aria-describedby={hasItems ? labelId : undefined}\n        />\n        <ButtonIcon\n          variant=\"secondary\"\n          size=\"small\"\n          onClick={onNextPage}\n          isDisabled={!hasNextPage}\n          icon={<RiArrowRightSLine />}\n          aria-label=\"Next table page\"\n          aria-describedby={hasItems ? labelId : undefined}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as react from 'react';
 import { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
-import { ButtonProps as ButtonProps$1, DisclosureProps, HeadingProps, DisclosurePanelProps, DisclosureGroupProps, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, TableProps, TableHeaderProps, TableBodyProps, ColumnProps as ColumnProps$1, CellProps as CellProps$1, RowProps, TagGroupProps as TagGroupProps$1, TagListProps, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, MenuProps as MenuProps$1, PopoverProps, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1 } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, DisclosureProps, HeadingProps, DisclosurePanelProps, DisclosureGroupProps, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, TableProps as TableProps$1, ColumnProps as ColumnProps$1, CellProps as CellProps$1, TableHeaderProps, TableBodyProps, RowProps, TagGroupProps as TagGroupProps$1, TagListProps, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, MenuProps as MenuProps$1, PopoverProps, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1 } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NavigateOptions } from 'react-router-dom';
+import { SortDescriptor as SortDescriptor$1 } from 'react-stately';
 
 /** @public */
 type Breakpoint = 'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -870,14 +871,52 @@ declare const RadioGroupDefinition: {
 };
 
 /** @public */
-declare const Table: (props: TableProps) => react_jsx_runtime.JSX.Element;
+interface TablePaginationProps {
+    pageSize: number;
+    offset?: number;
+    totalCount?: number;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    onNextPage: () => void;
+    onPreviousPage: () => void;
+    onPageSizeChange?: (size: number) => void;
+    showPageSizeOptions?: boolean;
+    getLabel?: (params: {
+        pageSize: number;
+        offset?: number;
+        totalCount?: number;
+    }) => string;
+}
 
-/** @public */
-declare const TableHeader: <T extends object>(props: TableHeaderProps<T>) => react_jsx_runtime.JSX.Element;
+/**
+ * Pagination controls for Table components with page navigation and size selection.
+ *
+ * @public
+ */
+declare function TablePagination({ pageSize, offset, totalCount, hasNextPage, hasPreviousPage, onNextPage, onPreviousPage, onPageSizeChange, showPageSizeOptions, getLabel, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
 
-/** @public */
-declare const TableBody: <T extends object>(props: TableBodyProps<T>) => react_jsx_runtime.JSX.Element;
+/**
+ * Component definition for TablePagination
+ * @public
+ */
+declare const TablePaginationDefinition: {
+    readonly classNames: {
+        readonly root: "bui-TablePagination";
+        readonly left: "bui-TablePaginationLeft";
+        readonly right: "bui-TablePaginationRight";
+        readonly select: "bui-TablePaginationSelect";
+    };
+};
 
+/**
+ * @public
+ */
+type SortDescriptor = SortDescriptor$1;
+/** @public */
+interface SortState {
+    descriptor: SortDescriptor | null;
+    onSortChange: (descriptor: SortDescriptor) => void;
+}
 /** @public */
 interface CellProps extends CellProps$1 {
 }
@@ -901,6 +940,78 @@ interface CellProfileProps extends CellProps$1 {
 interface ColumnProps extends Omit<ColumnProps$1, 'children'> {
     children?: React.ReactNode;
 }
+/** @public */
+interface TableRootProps extends TableProps$1 {
+    stale?: boolean;
+}
+/** @public */
+interface TableItem {
+    id: string | number;
+}
+/** @public */
+interface NoPagination {
+    type: 'none';
+}
+/** @public */
+interface PagePagination extends TablePaginationProps {
+    type: 'page';
+}
+/** @public */
+type TablePaginationType = NoPagination | PagePagination;
+/** @public */
+interface ColumnConfig<T extends TableItem> {
+    id: string;
+    label: string;
+    cell: (item: T) => ReactNode;
+    header?: () => ReactNode;
+    isSortable?: boolean;
+    isHidden?: boolean;
+    width?: number | string;
+    isRowHeader?: boolean;
+}
+/** @public */
+interface RowConfig<T extends TableItem> {
+    getHref?: (item: T) => string | undefined;
+    onClick?: (item: T) => void;
+    getIsDisabled?: (item: T) => boolean;
+}
+/** @public */
+type RowRenderFn<T extends TableItem> = (params: {
+    item: T;
+    index: number;
+}) => ReactNode;
+/** @public */
+interface TableSelection {
+    mode?: TableProps$1['selectionMode'];
+    behavior?: TableProps$1['selectionBehavior'];
+    selected?: TableProps$1['selectedKeys'];
+    onSelectionChange?: TableProps$1['onSelectionChange'];
+}
+/** @public */
+interface TableProps<T extends TableItem> {
+    columnConfig: readonly ColumnConfig<T>[];
+    data: T[] | undefined;
+    loading?: boolean;
+    isStale?: boolean;
+    error?: Error;
+    pagination: TablePaginationType;
+    sort?: SortState;
+    rowConfig?: RowConfig<T> | RowRenderFn<T>;
+    selection?: TableSelection;
+    emptyState?: ReactNode;
+}
+
+/** @public */
+declare function Table<T extends TableItem>({ columnConfig, data, loading, isStale, error, pagination, sort, rowConfig, selection, emptyState, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+
+/** @public */
+declare const TableRoot: (props: TableRootProps) => react_jsx_runtime.JSX.Element;
+
+/** @public */
+declare const TableHeader: <T extends object>(props: TableHeaderProps<T>) => react_jsx_runtime.JSX.Element;
+
+/** @public */
+declare const TableBody: <T extends object>(props: TableBodyProps<T>) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 declare const Column: (props: ColumnProps) => react_jsx_runtime.JSX.Element;
@@ -924,84 +1035,97 @@ declare const CellText: {
 declare const CellProfile: (props: CellProfileProps) => react_jsx_runtime.JSX.Element;
 
 /** @public */
-interface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
-    offset?: number;
-    pageSize?: number;
-    setPageSize?: (pageSize: number) => void;
-    setOffset?: (offset: number) => void;
-    rowCount?: number;
-    onNextPage?: () => void;
-    onPreviousPage?: () => void;
-    onPageSizeChange?: (pageSize: number) => void;
-    showPageSizeOptions?: boolean;
+interface FilterState<TFilter> {
+    value: TFilter | undefined;
+    onChange: (value: TFilter) => void;
 }
-
 /** @public */
-interface UseTablePaginationConfig {
-    /** Total number of rows in the dataset - only needed when data is not provided at the top level */
-    rowCount?: number;
-    /** Current offset. When provided, pagination is controlled */
-    offset?: number;
-    /** Current page size. When provided, pagination is controlled */
+interface SearchState {
+    value: string;
+    onChange: (value: string) => void;
+}
+/** @public */
+interface QueryOptions<TFilter> {
+    initialSort?: SortDescriptor;
+    sort?: SortDescriptor | null;
+    onSortChange?: (sort: SortDescriptor) => void;
+    initialFilter?: TFilter;
+    filter?: TFilter;
+    onFilterChange?: (filter: TFilter) => void;
+    initialSearch?: string;
+    search?: string;
+    onSearchChange?: (search: string) => void;
+}
+/** @public */
+interface PaginationOptions {
     pageSize?: number;
-    /** Callback when offset changes */
-    onOffsetChange?: (offset: number) => void;
-    /** Callback when page size changes */
-    onPageSizeChange?: (pageSize: number) => void;
-    /** Default page size for uncontrolled mode */
-    defaultPageSize?: number;
-    /** Default offset for uncontrolled mode */
-    defaultOffset?: number;
-    /** Callback when next page is clicked */
-    onNextPage?: () => void;
-    /** Callback when previous page is clicked */
-    onPreviousPage?: () => void;
-    /** Whether to show page size options */
+    initialOffset?: number;
     showPageSizeOptions?: boolean;
+    getLabel?: TablePaginationProps['getLabel'];
 }
 /** @public */
-interface UseTablePagination<T = any> {
-    /** Props to pass to TablePagination component */
-    paginationProps: TablePaginationProps;
-    /** Current offset */
+interface OffsetParams<TFilter> {
     offset: number;
-    /** Current page size */
     pageSize: number;
-    /** Sliced data for current page - only available when data is provided to useTable */
-    data?: T[];
-    /** Go to next page */
-    nextPage: () => void;
-    /** Go to previous page */
-    previousPage: () => void;
-    /** Set specific offset */
-    setOffset: (offset: number) => void;
-    /** Set page size */
-    setPageSize: (pageSize: number) => void;
+    sort: SortDescriptor | null;
+    filter: TFilter | undefined;
+    search: string;
+    signal: AbortSignal;
+}
+/** @public */
+interface CursorParams<TFilter> {
+    cursor: string | undefined;
+    pageSize: number;
+    sort: SortDescriptor | null;
+    filter: TFilter | undefined;
+    search: string;
+    signal: AbortSignal;
+}
+/** @public */
+interface OffsetResponse<T> {
+    data: T[];
+    totalCount: number;
+}
+/** @public */
+interface CursorResponse<T> {
+    data: T[];
+    nextCursor?: string;
+    prevCursor?: string;
+    totalCount?: number;
+}
+/** @public */
+interface UseTableCompleteOptions<T extends TableItem, TFilter = unknown> extends QueryOptions<TFilter> {
+    mode: 'complete';
+    getData: () => T[] | Promise<T[]>;
+    paginationOptions?: PaginationOptions;
+    sortFn?: (data: T[], sort: SortDescriptor) => T[];
+    filterFn?: (data: T[], filter: TFilter) => T[];
+    searchFn?: (data: T[], search: string) => T[];
 }
 /** @public */
-interface UseTableConfig<T = any> {
-    /** Full dataset - when provided, rowCount is calculated automatically and sliced data is returned */
-    data?: T[];
-    /** Pagination configuration */
-    pagination?: UseTablePaginationConfig;
+interface UseTableOffsetOptions<T extends TableItem, TFilter = unknown> extends QueryOptions<TFilter> {
+    mode: 'offset';
+    getData: (params: OffsetParams<TFilter>) => Promise<OffsetResponse<T>>;
+    paginationOptions?: PaginationOptions;
 }
 /** @public */
-interface UseTableResult<T = any> {
-    /** Sliced data for current page */
-    data?: T[];
-    /** Props to pass to TablePagination component */
-    paginationProps: TablePaginationProps;
-    /** Pagination utilities */
-    pagination: UseTablePagination<T>;
+interface UseTableCursorOptions<T extends TableItem, TFilter = unknown> extends QueryOptions<TFilter> {
+    mode: 'cursor';
+    getData: (params: CursorParams<TFilter>) => Promise<CursorResponse<T>>;
+    paginationOptions?: Omit<PaginationOptions, 'initialOffset'>;
+}
+/** @public */
+type UseTableOptions<T extends TableItem, TFilter = unknown> = UseTableCompleteOptions<T, TFilter> | UseTableOffsetOptions<T, TFilter> | UseTableCursorOptions<T, TFilter>;
+/** @public */
+interface UseTableResult<T extends TableItem, TFilter = unknown> {
+    tableProps: Omit<TableProps<T>, 'columnConfig' | 'rowConfig' | 'selection' | 'emptyState'>;
+    reload: () => void;
+    filter: FilterState<TFilter>;
+    search: SearchState;
 }
 
-/**
- * Hook for managing table state including pagination and future features like sorting.
- * Supports both controlled and uncontrolled modes using offset/pageSize pattern (Backstage style).
- *
- * @public
- */
-declare function useTable<T = any>(config?: UseTableConfig<T>): UseTableResult<T>;
+/** @public */
+declare function useTable<T extends TableItem, TFilter = unknown>(options: UseTableOptions<T, TFilter>): UseTableResult<T, TFilter>;
 
 /**
  * Component definition for Table
@@ -1029,25 +1153,8 @@ declare const TableDefinition: {
         readonly headSelection: "bui-TableHeadSelection";
         readonly cellSelection: "bui-TableCellSelection";
     };
-};
-
-/**
- * Pagination controls for Table components with page navigation and size selection.
- *
- * @public
- */
-declare function TablePagination(props: TablePaginationProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Component definition for TablePagination
- * @public
- */
-declare const TablePaginationDefinition: {
-    readonly classNames: {
-        readonly root: "bui-TablePagination";
-        readonly left: "bui-TablePaginationLeft";
-        readonly right: "bui-TablePaginationRight";
-        readonly select: "bui-TablePaginationSelect";
+    readonly dataAttributes: {
+        readonly stale: readonly [true, false];
     };
 };
 
@@ -1522,5 +1629,5 @@ declare const useBreakpoint: () => {
     down: (key: Breakpoint) => boolean;
 };
 
-export { Accordion, AccordionDefinition, AccordionGroup, AccordionPanel, AccordionTrigger, Avatar, AvatarDefinition, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardDefinition, CardFooter, CardHeader, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogDefinition, DialogFooter, DialogHeader, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, Radio, RadioGroup, RadioGroupDefinition, Row, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, useBreakpoint, useTable };
-export type { AccordionGroupProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlignItems, AvatarProps, Border, BorderRadius, BoxProps, Breakpoint, ButtonIconProps, ButtonLinkProps, ButtonProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CellProfileProps, CellProps, CellTextProps, CheckboxProps, ClassNamesMap, ColumnProps, Columns, ComponentDefinition, ContainerProps, DataAttributeValues, DataAttributesMap, DialogBodyProps, DialogHeaderProps, DialogProps, DialogTriggerProps, Display, FieldLabelProps, FlexDirection, FlexProps, FlexWrap, GridItemProps, GridProps, HeaderPageBreadcrumb, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkProps, MenuAutocompleteListBoxProps, MenuAutocompleteProps, MenuItemProps, MenuListBoxItemProps, MenuListBoxProps, MenuProps, MenuSectionProps, MenuSeparatorProps, MenuTriggerProps, Option, RadioGroupProps, RadioProps, Responsive, SearchFieldProps, SelectProps, SkeletonProps, Space, SpaceProps, SubmenuTriggerProps, Surface, SwitchProps, TabListProps, TabMatchStrategy, TabPanelProps, TabProps, TablePaginationProps, TabsProps, TagGroupProps, TagProps, TextColorStatus, TextColors, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, TooltipProps, UseTableConfig, UseTablePagination, UseTablePaginationConfig, UseTableResult, UtilityProps, VisuallyHiddenProps };
+export { Accordion, AccordionDefinition, AccordionGroup, AccordionPanel, AccordionTrigger, Avatar, AvatarDefinition, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardDefinition, CardFooter, CardHeader, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogDefinition, DialogFooter, DialogHeader, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, Radio, RadioGroup, RadioGroupDefinition, Row, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, useBreakpoint, useTable };
+export type { AccordionGroupProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlignItems, AvatarProps, Border, BorderRadius, BoxProps, Breakpoint, ButtonIconProps, ButtonLinkProps, ButtonProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CellProfileProps, CellProps, CellTextProps, CheckboxProps, ClassNamesMap, ColumnConfig, ColumnProps, Columns, ComponentDefinition, ContainerProps, CursorParams, CursorResponse, DataAttributeValues, DataAttributesMap, DialogBodyProps, DialogHeaderProps, DialogProps, DialogTriggerProps, Display, FieldLabelProps, FilterState, FlexDirection, FlexProps, FlexWrap, GridItemProps, GridProps, HeaderPageBreadcrumb, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkProps, MenuAutocompleteListBoxProps, MenuAutocompleteProps, MenuItemProps, MenuListBoxItemProps, MenuListBoxProps, MenuProps, MenuSectionProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PagePagination, PaginationOptions, QueryOptions, RadioGroupProps, RadioProps, Responsive, RowConfig, RowRenderFn, SearchFieldProps, SearchState, SelectProps, SkeletonProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, Surface, SwitchProps, TabListProps, TabMatchStrategy, TabPanelProps, TabProps, TableItem, TablePaginationProps, TablePaginationType, TableProps, TableRootProps, TableSelection, TabsProps, TagGroupProps, TagProps, TextColorStatus, TextColors, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, TooltipProps, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VisuallyHiddenProps };

package/dist/index.esm.js

@@ -31,6 +31,7 @@ export { CheckboxDefinition } from './components/Checkbox/definition.esm.js';
 export { Radio, RadioGroup } from './components/RadioGroup/RadioGroup.esm.js';
 export { RadioGroupDefinition } from './components/RadioGroup/definition.esm.js';
 export { Table } from './components/Table/components/Table.esm.js';
+export { TableRoot } from './components/Table/components/TableRoot.esm.js';
 export { TableHeader } from './components/Table/components/TableHeader.esm.js';
 export { TableBody } from './components/Table/components/TableBody.esm.js';
 export { Column } from './components/Table/components/Column.esm.js';

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/ui",
-  "version": "0.0.0-nightly-20260108025012",
+  "version": "0.0.0-nightly-20260109025055",
   "backstage": {
     "role": "web-library"
   },
@@ -47,7 +47,7 @@
     "react-aria-components": "^1.13.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.0.0-nightly-20260108025012",
+    "@backstage/cli": "0.0.0-nightly-20260109025055",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "chalk": "^5.4.1",