@indico-data/design-system 2.50.0 → 2.51.1

package/lib/components/tanstackTable/TankstackTable.types.d.ts

@@ -0,0 +1,45 @@
+import { Row, ColumnDef } from '@tanstack/react-table';
+export type WithPaginationProps = {
+    rowsPerPage: number;
+    rowCount: number;
+    onChangePage: (page: number) => void;
+    currentPage: number;
+    totalEntriesText?: string;
+    showPagination: true;
+};
+export type WithoutPaginationProps = {
+    rowsPerPage?: number;
+    rowCount?: number;
+    onChangePage?: (page: number) => void;
+    currentPage?: number;
+    totalEntriesText?: string;
+    showPagination?: false;
+};
+export type PaginationProps = WithPaginationProps | WithoutPaginationProps;
+export type Props<T extends object> = {
+    data: T[];
+    columns: ColumnDef<T & {
+        id: string;
+    }>[];
+    className?: string;
+    actionBarClassName?: string;
+    TableActions?: React.ComponentType<{
+        selectedItems: Row<any>[];
+        unselectRows: () => void;
+    }>;
+    error?: {
+        hasError: boolean;
+        errorMessage?: string;
+    };
+    enableRowSelection?: boolean | ((row: Row<T>) => boolean);
+    clearFilters?: () => void;
+    hasFilters?: boolean;
+    isLoading?: boolean;
+    defaultPinnedColumns?: string[];
+    onClickRow?: ((row: Row<T>) => void) | null;
+    onRowClick?: (row: T) => void;
+    activeRows?: string[];
+    rowSelection?: Record<string, boolean>;
+    onRowSelectionChange?: (updater: Record<string, boolean>) => void;
+    onSelectAllChange?: (isSelected: boolean) => void;
+} & PaginationProps;

package/lib/components/tanstackTable/TanstackTable.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TanstackTable } from './TanstakTable';
+import { Person } from './mock-data/mock-data';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof TanstackTable<Person>>;
+export declare const Default: Story;
+export declare const WithRowClick: Story;
+export declare const PinnedColumns: Story;
+export declare const WithTableActions: Story;
+export declare const NoResults: Story;
+export declare const NoResultsWithFilters: Story;
+export declare const IsLoading: Story;
+export declare const IsLoadingWithData: Story;
+export declare const WithPagination: Story;
+export declare const WithRowSelection: Story;

package/lib/components/tanstackTable/TanstakTable.d.ts

@@ -0,0 +1,4 @@
+import { Props } from './TankstackTable.types';
+export declare function TanstackTable<T extends object>({ columns: defaultColumns, data, className, currentPage, rowCount, rowsPerPage, onChangePage, totalEntriesText, TableActions, error, enableRowSelection, clearFilters, hasFilters, showPagination, isLoading, defaultPinnedColumns, onRowClick, activeRows, actionBarClassName, ...rest }: Props<T & {
+    id: string;
+}>): import("react/jsx-runtime").JSX.Element;

package/lib/components/tanstackTable/__tests__/TanstackTable.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/lib/components/tanstackTable/__tests__/__mocks__/test-mock-data.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDef } from "@tanstack/react-table";
+export interface TestData {
+    id: string;
+    name: string;
+    age: number;
+}
+export declare const columns: ColumnDef<TestData>[];
+export declare const data: TestData[];

package/lib/components/tanstackTable/components/ActionBar/ActionBar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Row, Table } from '@tanstack/react-table';
+type Props<T extends object> = {
+    table: Table<T & {
+        id: string;
+    }>;
+    TableActions?: React.ComponentType<{
+        selectedItems: Row<T & {
+            id: string;
+        }>[];
+        unselectRows: () => void;
+    }>;
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare function ActionBar<T extends object>({ table, TableActions, className, children, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/tanstackTable/components/ActionBar/ActionBar.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ActionBar } from './ActionBar';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof ActionBar<{
+    id: string;
+}>>;
+export declare const Default: Story;
+export declare const WithCustomTableActions: Story;
+export declare const WithChildren: Story;

package/lib/components/tanstackTable/components/ActionBar/__tests__/ActionBar.test.d.ts

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

package/lib/components/tanstackTable/components/ActionBar/index.d.ts

@@ -0,0 +1 @@
+export { ActionBar } from './ActionBar';

package/lib/components/tanstackTable/components/NoResults/NoResults.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    clearFilters?: () => void;
+    hasFilters?: boolean;
+    message: string;
+};
+export declare function NoResults({ clearFilters, hasFilters, message }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/tanstackTable/components/NoResults/__tests__/NoResult.test.d.ts

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

package/lib/components/tanstackTable/components/NoResults/index.d.ts

@@ -0,0 +1 @@
+export { NoResults } from './NoResults';

package/lib/components/tanstackTable/components/TableBody/TableBody.d.ts

@@ -0,0 +1,11 @@
+import { Table } from '@tanstack/react-table';
+export type Props<T> = {
+    table: Table<T>;
+    onRowClick?: ((row: T & {
+        id: string;
+    }) => void) | null | undefined;
+    isLoading: boolean;
+    columnsLength: number;
+    activeRows: string[];
+};
+export declare const TableBody: <T>({ table, onRowClick, isLoading, columnsLength, activeRows, }: Props<T>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/tanstackTable/components/TableBody/index.d.ts

@@ -0,0 +1 @@
+export { TableBody } from './TableBody';

package/lib/components/tanstackTable/components/TableHeader/TableHeader.d.ts

@@ -0,0 +1,6 @@
+import { Table } from '@tanstack/react-table';
+interface Props {
+    table: Table<any>;
+}
+export declare const TableHeader: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+export {};

package/lib/components/tanstackTable/components/TableHeader/index.d.ts

@@ -0,0 +1 @@
+export { TableHeader } from './TableHeader';

package/lib/components/tanstackTable/components/TablePagination/TablePagination.d.ts

@@ -0,0 +1,9 @@
+interface TablePaginationProps {
+    rowsPerPage: number;
+    rowCount: number;
+    onChangePage: (page: number) => void;
+    currentPage: number;
+    totalEntriesText?: string;
+}
+export declare const TablePagination: ({ rowsPerPage, rowCount, onChangePage, currentPage, totalEntriesText, }: TablePaginationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/tanstackTable/components/TablePagination/__tests__/TablePagination.test.d.ts

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

package/lib/components/tanstackTable/components/TablePagination/index.d.ts

@@ -0,0 +1 @@
+export * from './TablePagination';

package/lib/components/tanstackTable/docs/pinnedColumns/PinnedColumn.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TanstackTable } from '../../TanstakTable';
+import { Person } from '../../mock-data/mock-data';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof TanstackTable<Person>>;
+export declare const PinnedColumns: Story;

package/lib/components/tanstackTable/docs/withRowClick/WithRowClick.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { TanstackTable } from '../../TanstakTable';
+import { Person } from '../../mock-data/mock-data';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof TanstackTable<Person>>;
+export declare const WithRowClick: Story;