@databiosphere/findable-ui 45.0.0 → 46.0.0

package/lib/utils/mdx/plugins/remarkHeadings.js

@@ -0,0 +1,50 @@
+import { visit } from "unist-util-visit";
+import { generateUniqueId, slugifyHeading } from "./utils";
+/**
+ * Remark plugin to generate an outline from MDX content.
+ * The outline is a list of headings with their depth, hash, and value.
+ * @param options - Options.
+ * @param options.depth - Depth of the headings.
+ * @param options.depth.max - Maximum depth of the headings.
+ * @param options.depth.min - Minimum depth of the headings.
+ * @param options.outline - Outline items.
+ * @returns plugin to generate an outline from MDX content.
+ */
+export function remarkHeadings({ depth: { max = 3, min = 2 } = {}, outline, }) {
+    return (tree) => {
+        const setOfIds = new Set();
+        visit(tree, "heading", (node) => {
+            const heading = node;
+            const { children, depth } = heading;
+            if (depth < min || depth > max)
+                return;
+            const value = getHeadingTextValue(children);
+            const headingSlug = slugifyHeading(value);
+            const hash = generateUniqueId(setOfIds, headingSlug);
+            outline.push({
+                depth,
+                hash,
+                value,
+            });
+        });
+    };
+}
+/**
+ * Returns the value of the heading.
+ * @param children - Phrasing content.
+ * @param value - List of heading text values.
+ * @returns heading text value.
+ */
+export function getHeadingTextValue(children, value = []) {
+    for (const child of children) {
+        if ("value" in child) {
+            value.push(child.value);
+        }
+        if ("children" in child) {
+            // Recurse into nested children, accumulating text into the shared `value` array.
+            // The return value is ignored here because accumulation happens via in-place mutation.
+            getHeadingTextValue(child.children, value);
+        }
+    }
+    return value.join("");
+}

package/lib/utils/mdx/plugins/utils.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Returns node ID, ensuring uniqueness.
+ * @param setOfIds - Set of IDs.
+ * @param slug - Slug.
+ * @returns node ID.
+ */
+export declare function generateUniqueId(setOfIds: Set<string>, slug: string): string;
+/**
+ * Slugify the heading text to generate an ID.
+ * @param headingText - Heading text.
+ * @returns heading ID.
+ */
+export declare function slugifyHeading(headingText: string): string;

package/lib/utils/mdx/plugins/utils.js

@@ -0,0 +1,25 @@
+import slugify from "slugify";
+/**
+ * Returns node ID, ensuring uniqueness.
+ * @param setOfIds - Set of IDs.
+ * @param slug - Slug.
+ * @returns node ID.
+ */
+export function generateUniqueId(setOfIds, slug) {
+    let id = slug;
+    let i = 1;
+    while (setOfIds.has(id)) {
+        id = `${slug}-${i}`;
+        i++;
+    }
+    setOfIds.add(id);
+    return id;
+}
+/**
+ * Slugify the heading text to generate an ID.
+ * @param headingText - Heading text.
+ * @returns heading ID.
+ */
+export function slugifyHeading(headingText) {
+    return slugify(headingText, { lower: true, strict: true });
+}

package/lib/utils/mdx/staticGeneration/staticPaths.d.ts

@@ -0,0 +1,8 @@
+import { GetStaticPathsResult } from "next";
+/**
+ * Builds Next.js static paths for MDX page files found under the given relative directories.
+ * Each path’s `slug` is composed of the file’s relative directory segments plus the MDX filename (without extension).
+ * @param relativeDirs - Relative directories to scan for MDX pages.
+ * @returns Array of path objects suitable for `getStaticPaths`.
+ */
+export declare function buildStaticPaths(relativeDirs: string[]): GetStaticPathsResult["paths"];

package/lib/utils/mdx/staticGeneration/staticPaths.js

@@ -0,0 +1,12 @@
+import { mapMDXSlugByFilePaths } from "../files/mapMDXSlugByFilePaths";
+import { resolveRelativeDirs } from "../files/resolveRelativeDirs";
+/**
+ * Builds Next.js static paths for MDX page files found under the given relative directories.
+ * Each path’s `slug` is composed of the file’s relative directory segments plus the MDX filename (without extension).
+ * @param relativeDirs - Relative directories to scan for MDX pages.
+ * @returns Array of path objects suitable for `getStaticPaths`.
+ */
+export function buildStaticPaths(relativeDirs) {
+    const slugByFilePaths = mapMDXSlugByFilePaths(resolveRelativeDirs(relativeDirs));
+    return [...slugByFilePaths].map(([, slug]) => ({ params: { slug } }));
+}

package/lib/utils/mdx/staticGeneration/staticProps.d.ts

@@ -0,0 +1,5 @@
+import { SerializeOptions } from "next-mdx-remote/dist/types";
+import { GetStaticPropsResult } from "next/types";
+import { FrontmatterProps } from "../frontmatter/types";
+import { StaticProps } from "./types";
+export declare function buildStaticProps<F extends object, P extends object>(fileName: string | undefined, slug: string[] | undefined, frontmatterFn?: (frontmatter: FrontmatterProps<F> | undefined) => FrontmatterProps<F> | undefined, serializeOptions?: SerializeOptions, otherProps?: P): Promise<GetStaticPropsResult<StaticProps<FrontmatterProps<F>, P>> | undefined>;

package/lib/utils/mdx/staticGeneration/staticProps.js

@@ -0,0 +1,44 @@
+import { serialize } from "next-mdx-remote/serialize";
+import remarkGfm from "remark-gfm";
+import { getMatter } from "../frontmatter/getMatter";
+import { validateMatter } from "../frontmatter/validateMatter";
+import { rehypeSlug } from "../plugins/rehypeSlug";
+import { remarkHeadings } from "../plugins/remarkHeadings";
+export async function buildStaticProps(fileName, slug, frontmatterFn = (frontmatter) => frontmatter, serializeOptions = {}, otherProps = {}) {
+    if (!slug)
+        return;
+    if (!fileName)
+        return;
+    // Extract frontmatter and content from the MDX file.
+    const { content, data } = getMatter(fileName);
+    const frontmatter = frontmatterFn(validateMatter(data));
+    // If the frontmatter is hidden, return.
+    if (!frontmatter || frontmatter.hidden)
+        return;
+    // We expect the frontmatter to have a title.
+    if (!frontmatter.title)
+        return;
+    // Serialize the MDX content.
+    const outline = [];
+    const mdxSource = await serialize(content, {
+        ...serializeOptions,
+        mdxOptions: {
+            development: false,
+            rehypePlugins: [rehypeSlug],
+            remarkPlugins: [[remarkHeadings, { outline }], remarkGfm],
+            ...serializeOptions.mdxOptions,
+        },
+        scope: { ...serializeOptions.scope, frontmatter },
+    });
+    const { title: pageTitle } = frontmatter;
+    return {
+        props: {
+            frontmatter,
+            mdxSource,
+            outline,
+            pageTitle,
+            slug,
+            ...otherProps,
+        },
+    };
+}

package/lib/utils/mdx/staticGeneration/types.d.ts

@@ -0,0 +1,12 @@
+import { MDXRemoteSerializeResult } from "next-mdx-remote";
+import { OutlineItem } from "../../../components/Layout/components/Outline/types";
+import { FrontmatterProps } from "../frontmatter/types";
+interface BaseStaticProps<F extends object> {
+    frontmatter: FrontmatterProps<F> | null;
+    mdxSource: MDXRemoteSerializeResult | null;
+    outline: OutlineItem[] | null;
+    pageTitle: string;
+    slug: string[];
+}
+export type StaticProps<F extends object, P extends object> = BaseStaticProps<F> & P;
+export {};

package/lib/utils/mdx/staticGeneration/types.js

@@ -0,0 +1 @@
+export {};

package/lib/utils/mdx/staticGeneration/utils.d.ts

@@ -0,0 +1,15 @@
+import { GetStaticPropsContext } from "next/types";
+/**
+ * Builds the MDX file path from the given list of doc directories and slug.
+ * @param dirs - Doc directories e.g. ["app", "docs"].
+ * @param slug - Doc slug e.g. ["learn", "featured-analyses"].
+ * @returns MDX file path.
+ */
+export declare function buildMDXFilePath(dirs: string[], slug: string[] | undefined): string | undefined;
+/**
+ * Returns the MDX page slug for the given static props context and section.
+ * @param props - Static props context.
+ * @param section - Docs section e.g. "learn".
+ * @returns MDX page slug.
+ */
+export declare function buildMDXSlug(props: GetStaticPropsContext, section?: string): string[] | undefined;

package/lib/utils/mdx/staticGeneration/utils.js

@@ -0,0 +1,26 @@
+import { resolveRelativeDirs } from "../files/resolveRelativeDirs";
+/**
+ * Builds the MDX file path from the given list of doc directories and slug.
+ * @param dirs - Doc directories e.g. ["app", "docs"].
+ * @param slug - Doc slug e.g. ["learn", "featured-analyses"].
+ * @returns MDX file path.
+ */
+export function buildMDXFilePath(dirs, slug) {
+    if (!slug)
+        return;
+    return resolveRelativeDirs(dirs.concat(slug)).concat(".mdx");
+}
+/**
+ * Returns the MDX page slug for the given static props context and section.
+ * @param props - Static props context.
+ * @param section - Docs section e.g. "learn".
+ * @returns MDX page slug.
+ */
+export function buildMDXSlug(props, section) {
+    const slug = props.params?.slug;
+    if (!slug || typeof slug === "string")
+        return;
+    if (section)
+        return [section, ...slug];
+    return slug;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databiosphere/findable-ui",
-  "version": "45.0.0",
+  "version": "46.0.0",
   "description": "",
   "scripts": {
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
@@ -26,7 +26,7 @@
     "@commitlint/config-conventional": "^17.4.2",
     "@emotion/jest": "^11.13.0",
     "@mui/types": "^7.4.0",
-    "@next/eslint-plugin-next": "^14.2.30",
+    "@next/eslint-plugin-next": "^14.2.32",
     "@storybook/addon-actions": "^8.6.4",
     "@storybook/addon-essentials": "^8.6.4",
     "@storybook/addon-interactions": "^8.6.4",
@@ -46,7 +46,7 @@
     "@types/uuid": "8.3.4",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "eslint": "^8.33.0",
-    "eslint-config-next": "^14.2.30",
+    "eslint-config-next": "^14.2.32",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-jsdoc": "^48.1.0",
@@ -76,10 +76,12 @@
     "@tanstack/react-table": "^8.19.2",
     "@tanstack/react-virtual": "^3.13.12",
     "copy-to-clipboard": "3.3.1",
+    "gray-matter": "^4.0.3",
     "isomorphic-dompurify": "^2.22.0",
     "ky": "^1.7.2",
-    "next": "^14.2.30",
-    "next-auth": "^4.24.7",
+    "next": "^14.2.32",
+    "next-auth": "4.24.11",
+    "next-mdx-remote": "^4.4.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-dropzone": "^14.2.3",
@@ -92,6 +94,7 @@
     "remark-gfm": "^3.0.1",
     "remark-parse": "^10.0.2",
     "remark-rehype": "^10.1.0",
+    "slugify": "^1.6.6",
     "unified": "^10.1.2",
     "uuid": "8.3.2",
     "yup": "^1.6.1"

package/src/components/Detail/components/Table/common/utils.ts

@@ -13,7 +13,7 @@ export function generateColumnDefinitions<T extends RowData>(
       ...column,
       meta: {
         ...column.meta,
-        header: column.meta?.header || (column.header as string),
+        header: column.meta?.header ?? (column.header as string),
       },
     };
   });

package/src/components/Detail/components/Table/components/TableRows/components/CollapsableRows/collapsableRows.tsx

@@ -31,6 +31,7 @@ export const CollapsableRows = <T extends RowData>({
             key={row.id}
             id={row.id}
             isPreview={row.getIsPreview()}
+            isSelected={row.getIsSelected()}
           >
             <CollapsableCell
               isDisabled={isCollapsableRowDisabled(tableInstance)}

package/src/components/Detail/components/Table/components/TableRows/tableRows.tsx

@@ -37,9 +37,11 @@ export const TableRows = <T extends RowData>({
             key={row.id}
             id={row.id}
             canExpand={row.getCanExpand()}
+            canSelect={row.getCanSelect()}
             isExpanded={row.getIsExpanded()}
             isGrouped={row.getIsGrouped()}
             isPreview={row.getIsPreview()}
+            isSelected={row.getIsSelected()}
             onClick={() => handleToggleExpanded(row)}
           >
             {row.getVisibleCells().map((cell) => {

package/src/components/Detail/components/Table/table.tsx

@@ -23,6 +23,7 @@ import { TableHead } from "../../../Table/components/TableHead/tableHead";
 import { TABLE_DOWNLOAD_OPTIONS } from "../../../Table/featureOptions/tableDownload/constants";
 import { ROW_POSITION } from "../../../Table/features/RowPosition/constants";
 import { ROW_PREVIEW } from "../../../Table/features/RowPreview/constants";
+import { ROW_SELECTION_VALIDATION } from "../../../Table/features/RowSelectionValidation/constants";
 import { TABLE_DOWNLOAD } from "../../../Table/features/TableDownload/constants";
 import { GridTable } from "../../../Table/table.styles";
 import { generateColumnDefinitions } from "./common/utils";
@@ -60,7 +61,12 @@ export const Table = <T extends RowData>({
   const { stickyHeader = false } = table || {};
   const { sx: tableContainerSx } = tableContainer || {};
   const tableInstance = useReactTable({
-    _features: [ROW_POSITION, ROW_PREVIEW, TABLE_DOWNLOAD],
+    _features: [
+      ROW_POSITION,
+      ROW_PREVIEW,
+      ROW_SELECTION_VALIDATION,
+      TABLE_DOWNLOAD,
+    ],
     columns: generateColumnDefinitions([
       COLUMN_DEF.ROW_POSITION as ColumnDef<T>,
       ...columns,

package/src/components/Index/components/EntityView/components/layout/Summary/summary.tsx

@@ -26,12 +26,14 @@ export const Summary = ({
           <Typography variant={TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_500}>
             {count}
           </Typography>
-          <Typography
-            color={TYPOGRAPHY_PROPS.COLOR.INK_LIGHT}
-            variant={TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400}
-          >
-            {label}
-          </Typography>
+          {label && (
+            <Typography
+              color={TYPOGRAPHY_PROPS.COLOR.INK_LIGHT}
+              variant={TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400}
+            >
+              {label}
+            </Typography>
+          )}
         </Fragment>
       ))}
     </StyledGrid>

package/src/components/Index/table/hook.ts

@@ -38,6 +38,7 @@ import { TABLE_DOWNLOAD_OPTIONS } from "../../Table/featureOptions/tableDownload
 import { ROW_POSITION } from "../../Table/features/RowPosition/constants";
 import { ROW_PREVIEW } from "../../Table/features/RowPreview/constants";
 import { RowPreviewState } from "../../Table/features/RowPreview/entities";
+import { ROW_SELECTION_VALIDATION } from "../../Table/features/RowSelectionValidation/constants";
 import { TABLE_DOWNLOAD } from "../../Table/features/TableDownload/constants";
 import { buildBaseColumnDef } from "../../TableCreator/common/utils";
 import { useTableOptions } from "../../TableCreator/options/hook";
@@ -164,7 +165,12 @@ UseTableProps): UseTable<T> => {
    * - This will simplify the configuration structure and centralize table state definitions, reducing redundancy and improving clarity.
    */
   const table = useReactTable<T>({
-    _features: [ROW_POSITION, ROW_PREVIEW, TABLE_DOWNLOAD],
+    _features: [
+      ROW_POSITION,
+      ROW_PREVIEW,
+      ROW_SELECTION_VALIDATION,
+      TABLE_DOWNLOAD,
+    ],
     columns: columnDefs,
     data: listItems || [],
     enableColumnFilters: true, // client-side filtering.

package/src/components/Layout/components/Outline/outline.tsx

@@ -10,7 +10,12 @@ export const Outline = ({
   outline,
   ...props /* MuiTabsProps */
 }: OutlineProps): JSX.Element | null => {
-  const { indicatorColor, onChange, orientation, value } = useTabs(outline);
+  const { indicatorColor, onChange, orientation, value } = useTabs(
+    outline ?? []
+  );
+
+  if (!outline?.length) return null;
+
   return (
     <StyledTabs
       className={className}

package/src/components/Layout/components/Outline/types.ts

@@ -12,5 +12,5 @@ export interface OutlineItem {
 
 export interface OutlineProps extends BaseComponentProps, TabsProps {
   Contents: ElementType<ContentsTabProps>;
-  outline: OutlineItem[];
+  outline?: OutlineItem[] | null;
 }

package/src/components/Table/components/TableCell/components/RowSelectionCell/constants.ts

@@ -0,0 +1,15 @@
+import { TooltipProps } from "@mui/material";
+
+export const TOOLTIP_PROPS: Partial<TooltipProps> = {
+  arrow: true,
+  disableInteractive: true,
+  slotProps: {
+    popper: {
+      modifiers: [
+        { name: "offset", options: { offset: [0, -4] } },
+        { name: "preventOverflow", options: { padding: 8 } },
+      ],
+    },
+    tooltip: { sx: { maxWidth: "220px" } },
+  },
+};

package/src/components/Table/components/TableCell/components/RowSelectionCell/rowSelectionCell.tsx

@@ -1,24 +1,36 @@
-import { Checkbox as MCheckbox } from "@mui/material";
+import { Checkbox as MCheckbox, Tooltip } from "@mui/material";
 import { CellContext, RowData } from "@tanstack/react-table";
 import React from "react";
 import { CheckedIcon } from "../../../../../common/CustomIcon/components/CheckedIcon/checkedIcon";
+import { UncheckedDisabledIcon } from "../../../../../common/CustomIcon/components/UncheckedDisabledIcon/uncheckedDisabledIcon";
 import { UncheckedIcon } from "../../../../../common/CustomIcon/components/UncheckedIcon/uncheckedIcon";
+import { TOOLTIP_PROPS } from "./constants";
 
 export const RowSelectionCell = <T extends RowData, TValue = unknown>({
   row,
 }: CellContext<T, TValue>): JSX.Element => {
-  const { getIsSelected, getToggleSelectedHandler } = row;
+  const {
+    getCanSelect,
+    getIsSelected,
+    getSelectionValidation,
+    getToggleSelectedHandler,
+  } = row;
   return (
-    <MCheckbox
-      checked={getIsSelected()}
-      checkedIcon={<CheckedIcon />}
-      icon={<UncheckedIcon />}
-      /*
-       * Prevents click events from bubbling up to parent components
-       * (such as CardActionArea or Accordion) when the checkbox is activated.
-       */
-      onClick={(e) => e.stopPropagation()}
-      onChange={getToggleSelectedHandler()}
-    />
+    <Tooltip {...TOOLTIP_PROPS} title={getSelectionValidation?.()}>
+      <span>
+        <MCheckbox
+          checked={getIsSelected()}
+          checkedIcon={<CheckedIcon />}
+          disabled={!getCanSelect()}
+          icon={getCanSelect() ? <UncheckedIcon /> : <UncheckedDisabledIcon />}
+          /*
+           * Prevents click events from bubbling up to parent components
+           * (such as CardActionArea or Accordion) when the checkbox is activated.
+           */
+          onClick={(e) => e.stopPropagation()}
+          onChange={getToggleSelectedHandler()}
+        />
+      </span>
+    </Tooltip>
   );
 };

package/src/components/Table/components/TableRow/tableRow.styles.ts

@@ -6,17 +6,21 @@ import { PALETTE } from "../../../../styles/common/constants/palette";
 
 export interface StyledTableRowProps {
   canExpand?: boolean;
+  canSelect?: boolean;
   isExpanded?: boolean;
   isGrouped?: boolean;
   isPreview?: boolean;
+  isSelected?: boolean;
 }
 
 export const StyledTableRow = styled(MTableRow, {
   shouldForwardProp: (prop) =>
     prop !== "canExpand" &&
+    prop !== "canSelect" &&
     prop !== "isExpanded" &&
+    prop !== "isGrouped" &&
     prop !== "isPreview" &&
-    prop !== "isGrouped",
+    prop !== "isSelected",
 })<StyledTableRowProps>`
   && {
     transition: background-color 300ms ease-in;
@@ -54,5 +58,19 @@ export const StyledTableRow = styled(MTableRow, {
       css`
         background-color: ${PALETTE.PRIMARY_LIGHTEST};
       `}
+
+    ${({ isSelected }) =>
+      isSelected &&
+      css`
+        background-color: ${PALETTE.PRIMARY_LIGHTEST};
+      `}
+
+    ${({ canSelect }) =>
+      !canSelect &&
+      css`
+        .MuiTableCell-root {
+          color: ${PALETTE.INK_LIGHT};
+        }
+      `}
   }
 `;

package/src/components/Table/components/TableRows/components/CollapsableRows/collapsableRows.tsx

@@ -33,6 +33,7 @@ export const CollapsableRows = <T extends RowData>({
             data-index={rowIndex}
             ref={virtualizer.measureElement}
             isPreview={row.getIsPreview()}
+            isSelected={row.getIsSelected()}
           >
             <CollapsableCell
               isDisabled={isCollapsableRowDisabled(tableInstance)}

package/src/components/Table/components/TableRows/tableRows.tsx

@@ -30,10 +30,12 @@ export const TableRows = <T extends RowData>({
           <StyledTableRow
             key={row.id}
             canExpand={getCanExpand()}
+            canSelect={row.getCanSelect()}
             data-index={rowIndex}
             isExpanded={getIsExpanded()}
             isGrouped={getIsGrouped()}
             isPreview={getIsPreview()}
+            isSelected={row.getIsSelected()}
             onClick={() => handleToggleExpanded(row)}
             ref={virtualizer.measureElement}
           >

package/src/components/Table/features/RowSelectionValidation/constants.ts

@@ -0,0 +1,24 @@
+import {
+  Row,
+  RowData,
+  Table,
+  TableFeature,
+  TableOptionsResolved,
+} from "@tanstack/react-table";
+import { getSelectionValidation } from "./utils";
+
+export const ROW_SELECTION_VALIDATION: TableFeature = {
+  createRow: <T extends RowData>(row: Row<T>, table: Table<T>): void => {
+    row.getSelectionValidation = (): string | undefined => {
+      return getSelectionValidation(row, table);
+    };
+  },
+  getDefaultOptions: <T extends RowData>(): Partial<
+    TableOptionsResolved<T>
+  > => {
+    return {
+      enableRowSelectionValidation: false,
+      getRowSelectionValidation: undefined,
+    };
+  },
+};

package/src/components/Table/features/RowSelectionValidation/types.ts

@@ -0,0 +1,10 @@
+import { Row, RowData } from "@tanstack/react-table";
+
+export interface RowSelectionValidationOptions<T extends RowData> {
+  enableRowSelectionValidation?: boolean;
+  getRowSelectionValidation?: (row: Row<T>) => string | undefined;
+}
+
+export interface RowSelectionValidationRow {
+  getSelectionValidation?: () => string | undefined;
+}

package/src/components/Table/features/RowSelectionValidation/utils.ts

@@ -0,0 +1,15 @@
+import { Row, RowData, Table } from "@tanstack/react-table";
+
+/**
+ * Returns the validation message for a row.
+ * @param row - Row.
+ * @param table - Table.
+ * @returns The validation message for the row.
+ */
+export function getSelectionValidation<T extends RowData>(
+  row: Row<T>,
+  table: Table<T>
+): string | undefined {
+  if (!table.options.enableRowSelectionValidation) return;
+  return table.options.getRowSelectionValidation?.(row);
+}

package/src/components/Table/features/entities.ts

@@ -6,6 +6,10 @@ import {
   RowPreviewRow,
   RowPreviewTableState,
 } from "./RowPreview/entities";
+import {
+  RowSelectionValidationOptions,
+  RowSelectionValidationRow,
+} from "./RowSelectionValidation/types";
 import {
   TableDownloadColumn,
   TableDownloadInstance,
@@ -23,8 +27,12 @@ export type CustomFeatureInitialTableState = Partial<RowPreviewTableState>;
 export interface CustomFeatureOptions<T extends RowData>
   extends TableDownloadOptions<T>,
     RowPositionOptions,
-    RowPreviewOptions {}
+    RowPreviewOptions,
+    RowSelectionValidationOptions<T> {}
 
-export interface CustomFeatureRow extends RowPositionRow, RowPreviewRow {}
+export interface CustomFeatureRow
+  extends RowPositionRow,
+    RowPreviewRow,
+    RowSelectionValidationRow {}
 
 export type CustomFeatureTableState = RowPreviewTableState;

package/src/components/TableCreator/options/hook.ts

@@ -3,7 +3,6 @@ import { useConfig } from "../../../hooks/useConfig";
 import { useExpandedOptions } from "./expanded/hook";
 import { useGroupingOptions } from "./grouping/hook";
 import { useInitialState } from "./initialState/hook";
-import { useRowSelectionOptions } from "./rowSelection/hook";
 import { useSortingOptions } from "./sorting/hook";
 import { useVisibilityOptions } from "./visibility/hook";
 
@@ -12,14 +11,12 @@ export function useTableOptions<T extends RowData>(): Partial<TableOptions<T>> {
   const tableOptions = entityConfig.list.tableOptions;
   const expandedOptions = useExpandedOptions<T>();
   const groupingOptions = useGroupingOptions();
-  const rowSelectionOptions = useRowSelectionOptions<T>();
   const sortingOptions = useSortingOptions<T>();
   const visibilityOptions = useVisibilityOptions();
   const initialState = useInitialState<T>(tableOptions);
   return {
     ...expandedOptions,
     ...groupingOptions,
-    ...rowSelectionOptions,
     ...sortingOptions, // TODO(cc) merge of all sorting options.
     ...visibilityOptions,
     ...tableOptions,