@fattureincloud/fic-design-system 0.4.9-expenses.1.3 → 0.4.9-expenses.1.4

package/dist/components/table/Table.d.ts

@@ -4,20 +4,48 @@ import { EmptyTablePageProps } from './components/EmptyState';
 import { ManualPagination, OnSort, RowActions, TableData } from './types';
 export interface TableProps<T extends TableData> extends UseTableOptions<T> {
     sortable?: boolean;
-    hideHeader?: boolean;
-    EmptyPage?: EmptyTablePageProps['EmptyPage'];
-    Footer?: JSX.Element;
+    onSort?: OnSort<T>;
     noPagination?: boolean;
     manualPagination?: ManualPagination;
     onScroll?: () => void;
-    withCheckbox?: boolean;
+    selectableRows?: boolean;
+    preSelectAllRows?: boolean;
     onSelectionChange?: (rows: Array<Row<T>>) => void;
-    actions?: RowActions<T>;
-    renderActions?: () => JSX.Element;
-    onSort?: OnSort<T>;
+    onRowClick?: (row: Row<T>) => void;
     globalFilter?: string;
+    hideHeader?: boolean;
+    EmptyPage?: EmptyTablePageProps['EmptyPage'];
+    Footer?: JSX.Element;
+    withCheckbox?: boolean;
     isLoading?: boolean;
-    selectableRows?: boolean;
+    actions?: RowActions<T>;
+    renderActions?: () => JSX.Element;
+    bodyHeight?: number | string;
+    headerHeight?: number | string;
+    rowHeight?: number | string;
 }
-declare const Table: <T extends TableData>({ columns, data, EmptyPage, Footer, onSelectionChange, actions, renderActions, sortable, hideHeader, noPagination, manualPagination, onScroll, withCheckbox, onSort, globalFilter: externalGlobalFilter, isLoading, selectableRows, }: TableProps<T>) => JSX.Element;
+/**
+ * Component Props:
+ * @param {boolean} sortable Makes all columns sortable, sort can be disabled for a single column inside columns definition
+ * @param {function} onSort Callback called on column sort change
+ * @param {boolean} noPagination Hide table paginator and disabled pagination
+ * @param {object} manualPagination If you want to manage the pagination by yourself
+ * @param {function} onScroll If pagination is disabled, this callback is called when user scroll to the bottom of the table
+ * @param {boolean} selectableRows Allow to select rows
+ * @param {boolean} preSelectAllRows Pre-select all rows
+ * @param {function} onSelectionChange Callback called when rows selection changes
+ * @param {function} onRowClick Callback called on row click
+ * @param {string} globalFilter Filter all columns by value
+ * @param {boolean} hideHeader Hide the table header
+ * @param {object} EmptyPage Configuration to show a custom component when table has no rows
+ * @param {JSX.Element} Footer Custom footer component
+ * @param {boolean} withCheckbox Show a column with checkboxes on left side of the table
+ * @param {boolean} isLoading Apply loading style to all cells
+ * @param {object} actions Configuration to render actions column
+ * @param {function} renderActions Used to customize actions column
+ * @param {number|string} bodyHeight Set tbody height, default 300px (if number is provided is considered as measure in pixels)
+ * @param {number|string} headerHeight Set thead and th height, default 40px (if number is provided is considered as measure in pixels)
+ * @param {number|string} rowHeight Set row height, default 40px (if number is provided is considered as measure in pixels)
+ */
+declare const Table: <T extends TableData>({ actions, bodyHeight, columns, data, EmptyPage, Footer, globalFilter: externalGlobalFilter, headerHeight, hideHeader, isLoading, manualPagination, noPagination, onRowClick, onScroll, onSelectionChange, onSort, preSelectAllRows, renderActions, rowHeight, selectableRows, sortable, withCheckbox, }: TableProps<T>) => JSX.Element;
 export default Table;

package/dist/components/table/components/tableBody/TableBody.d.ts

@@ -0,0 +1,12 @@
+import { Row, UseTableInstanceProps } from 'react-table';
+import { TableData } from '../../types';
+interface Props<T extends TableData> {
+    rows: Row<T>[];
+    prepareRow: UseTableInstanceProps<T>['prepareRow'];
+    selectedRowsIds: string[];
+    isLoading: boolean;
+    onRowClick?: (row: Row<T>) => void;
+    rowHeight?: number | string;
+}
+declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds, onRowClick, rowHeight, }: Props<T>) => JSX.Element;
+export default TableBody;

package/dist/components/table/components/tableBody/TableBodyTr.d.ts

@@ -0,0 +1,7 @@
+import { TableBodyTrStyles } from '../../utils';
+export interface TableBodyTrProps {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;
+export default TableBodyTr;

package/dist/components/table/components/tableHeader/TableHeader.d.ts

@@ -3,6 +3,8 @@ import { TableData } from '../../types';
 interface Props<T extends TableData> {
     scrollBar: number;
     headerGroups: HeaderGroup<T>[];
+    headerHeight?: number | string;
+    selectedRowsIds?: string[];
 }
-declare const TableHeaders: <T extends TableData>({ headerGroups, scrollBar }: Props<T>) => JSX.Element;
-export default TableHeaders;
+declare const TableHeader: <T extends TableData>({ headerHeight, headerGroups, scrollBar }: Props<T>) => JSX.Element;
+export default TableHeader;

package/dist/components/table/components/tableParts/styled.d.ts

@@ -3,9 +3,14 @@ interface THeadProps {
     scrollBar: number;
 }
 export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, THeadProps, never>;
-export declare const TBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, {}, never>;
+interface TableBodyProps {
+    bodyHeight?: number | string;
+}
+export declare const TBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, TableBodyProps, never>;
 export interface TrProps {
     isHeader?: boolean;
+    rowHeight?: number | string;
+    headerHeight?: number | string;
 }
 export declare const TableTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, TrProps, never>;
 export declare const TFoot: import("styled-components").StyledComponent<"tfoot", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/table/utils.d.ts

@@ -1,6 +1,6 @@
 import { DefaultTheme } from 'styled-components';
 import { paletteColor } from '../../styles/types';
-import { TableBodyTrProps } from './components/TableBody';
+import { TableBodyTrProps } from './components/tableBody/TableBodyTr';
 interface GetTableBodyTrStylesParams extends TableBodyTrProps {
     theme: DefaultTheme;
 }
@@ -11,4 +11,5 @@ export interface TableBodyTrStyles {
     hoverBackground: paletteColor;
 }
 export declare const getTableBodyTrStyles: ({ theme, isDisabled, isSelected, }: GetTableBodyTrStylesParams) => TableBodyTrStyles;
+export declare const isNumber: (n: number | string | undefined) => boolean;
 export {};