@indico-data/design-system 2.3.2 → 2.4.0

package/lib/index.d.ts

@@ -6,7 +6,7 @@ import { AriaButtonProps } from '@react-types/button';
 import { AriaRadioProps, RadioGroupProps as RadioGroupProps$1, AriaRadioGroupProps } from '@react-types/radio';
 import { DateRange } from 'react-day-picker';
 import { ContainerProps, RowProps, ColProps } from 'react-grid-system';
-import { TableColumn } from 'react-data-table-component';
+import { TableProps as TableProps$1, Direction as Direction$1, Alignment as Alignment$1 } from 'react-data-table-component';
 
 declare const GlobalStyles: () => react_jsx_runtime.JSX.Element;
 
@@ -912,80 +912,14 @@ type IconProps = PermafrostComponent & {
 
 declare const Icon: ({ name, size, className, ariaLabel, ...props }: IconProps) => react_jsx_runtime.JSX.Element | null;
 
-type LocalDirection = 'auto' | 'ltr' | 'rtl';
-type LocalAlignment = 'left' | 'right' | 'center';
-interface TableProps {
-    columns: TableColumn<any>[];
-    data: Record<string, any>[];
-    responsive?: boolean;
-    direction?: LocalDirection;
-    subHeaderAlign?: LocalAlignment;
-    subHeaderWrap?: boolean;
-    pagination?: boolean;
-    selectableRows?: boolean;
-    keyField?: string;
-    title?: string | React$1.ReactNode;
-    striped?: boolean;
-    highlightOnHover?: boolean;
-    pointerOnHover?: boolean;
-    dense?: boolean;
-    persistTableHead?: boolean;
-    noDataComponent?: string | React$1.ReactNode;
+type Direction = `${Direction$1}`;
+type Alignment = `${Alignment$1}`;
+type TableProps<T> = Omit<TableProps$1<T>, 'disabled' | 'progressPending' | 'direction' | 'subHeaderAlign'> & {
     isDisabled?: boolean;
-    onRowClicked?: (row: Record<string, any>, event: React$1.MouseEvent) => void;
-    onRowDoubleClicked?: (row: Record<string, any>, event: React$1.MouseEvent) => void;
-    onRowMouseEnter?: (row: Record<string, any>, event: React$1.MouseEvent) => void;
-    onRowMouseLeave?: (row: Record<string, any>, event: React$1.MouseEvent) => void;
-    defaultSortFieldId?: string | number;
-    defaultSortAsc?: boolean;
-    sortIcon?: React$1.ReactNode;
-    sortServer?: boolean;
-    sortFunction?: any;
-    onSort?: any;
-    selectableRowsVisibleOnly?: boolean;
-    selectableRowsHighlight?: boolean;
-    selectableRowsSingle?: boolean;
-    selectableRowsNoSelectAll?: boolean;
-    selectableRowsComponent?: any;
-    selectableRowsComponentProps?: Record<string, any>;
-    clearSelectedRows?: boolean;
-    selectableRowSelected?: (row: Record<string, any>) => boolean;
-    selectableRowDisabled?: (row: Record<string, any>) => boolean;
-    onSelectedRowsChange?: any;
-    expandableRows?: boolean;
-    expandableIcon?: any;
-    expandableRowsComponent?: any;
-    expandableRowDisabled?: any;
-    expandableRowExpanded?: any;
-    expandableRowsComponentProps?: Record<string, any>;
-    expandOnRowClicked?: boolean;
-    expandOnRowDoubleClicked?: boolean;
-    expandableRowsHideExpander?: boolean;
-    expandableInheritConditionalStyles?: boolean;
-    onRowExpandToggled?: any;
-    paginationServer?: boolean;
-    paginationServerOptions?: Record<string, any>;
-    paginationDefaultPage?: number;
-    paginationResetDefaultPage?: boolean;
-    paginationTotalRows?: number;
-    paginationPerPage?: number;
-    paginationRowsPerPageOptions?: number[];
-    paginationComponent?: any;
-    paginationComponentOptions?: Record<string, any>;
-    paginationIconFirstPage?: any;
-    paginationIconLastPage?: any;
-    paginationIconNext?: any;
-    paginationIconPrevious?: any;
-    onChangePage?: any;
-    onChangeRowsPerPage?: any;
-    actions?: any;
-    noHeader?: boolean;
-    fixedHeader?: boolean;
-    fixedHeaderScrollHeight?: string;
-    subHeader?: boolean;
-    subHeaderComponent?: any;
     isLoading?: boolean;
-}
-declare const Table: (props: TableProps) => react_jsx_runtime.JSX.Element;
+    direction: Direction;
+    subHeaderAlign: Alignment;
+};
+declare const Table: <T>(props: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
 export { animation as ANIMATION, Radio as AbstractRadio, RadioGroup as AbstractRadioGroup, Accordion, breakpoints as BREAKPOINT, BarSpinner, BorderSelect, Button, allColors as COLORS, CirclePulse, CircleSpinner, Col, ConfirmModal, Container, DatePicker, EditableInput, GlobalStyles, Icon, IconButton, Button$1 as LegacyButton, ListTable, LoadingAwareContainer, LoadingList, margin as MARGINS, MATH, mediaQueries as MEDIA_QUERIES, ModalBase, MultiCombobox, NoInputDatePicker, NumberInput, padding as PADDINGS, Pagination, PercentageRing, Radio$1 as Radio, RadioGroup$1 as RadioGroup, RandomLoadingMessage, Row, spacings as SPACING, SearchInput, Section, SectionBlock, SectionBody, SectionHeader, SectionTable, Select, Shrug, SingleCombobox, typography as TYPOGRAPHY, Table, TextInput, TextTruncate, Toggle, Tooltip, color as colorUtils, number as numberUtils, string as stringUtils };