@fattureincloud/fic-design-system 0.4.29 → 0.4.30
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +11 -0
- package/dist/components/table/Table.d.ts +3 -1
- package/dist/components/table/hooks/useTableHooks.d.ts +2 -2
- package/dist/components/tabs/common/Item.d.ts +1 -1
- package/dist/components/tabs/common/types.d.ts +3 -0
- package/dist/index.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
@@ -21,6 +21,7 @@ export interface TableProps<T extends TableData> extends UseTableOptions<T> {
|
|
21
21
|
isLoading?: boolean;
|
22
22
|
actions?: RowActions<T>;
|
23
23
|
renderActions?: () => JSX.Element;
|
24
|
+
actionsHeader?: string | JSX.Element;
|
24
25
|
bodyHeight?: number | string;
|
25
26
|
headerHeight?: number | string;
|
26
27
|
rowHeight?: number | string;
|
@@ -46,10 +47,11 @@ export interface TableProps<T extends TableData> extends UseTableOptions<T> {
|
|
46
47
|
* @param {boolean} isLoading Apply loading style to all cells
|
47
48
|
* @param {object} actions Configuration to render actions column
|
48
49
|
* @param {function} renderActions Used to customize actions column
|
50
|
+
* @param {string | JSX.Element} actionsHeader Used to customize actions header
|
49
51
|
* @param {number|string} bodyHeight Set tbody height, default 300px
|
50
52
|
* @param {number|string} headerHeight Set thead and th height, default 40px
|
51
53
|
* @param {number|string} rowHeight Set row height, default 40px
|
52
54
|
* @param {boolean} disableArrowNavigation Used to turn off Up/Down row selection and Enter click
|
53
55
|
*/
|
54
|
-
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, pageSize, disableArrowNavigation, }: TableProps<T>) => JSX.Element;
|
56
|
+
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, actionsHeader, rowHeight, selectableRows, sortable, withCheckbox, pageSize, disableArrowNavigation, }: TableProps<T>) => JSX.Element;
|
55
57
|
export default Table;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { PluginHook } from 'react-table';
|
2
2
|
import { TableProps } from '../Table';
|
3
3
|
import { TableData } from '../types';
|
4
|
-
declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows'>;
|
5
|
-
declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox, selectableRows, }: Props<T>) => PluginHook<T>[];
|
4
|
+
declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows' | 'actionsHeader'>;
|
5
|
+
declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox, selectableRows, actionsHeader, }: Props<T>) => PluginHook<T>[];
|
6
6
|
export default useTableHooks;
|
@@ -3,5 +3,5 @@ import { TabsItem } from './types';
|
|
3
3
|
interface Props extends TabsItem {
|
4
4
|
tabRef?: () => RefObject<HTMLDivElement>;
|
5
5
|
}
|
6
|
-
declare const Item: ({ active, handleClick, tabRef, text, tooltip }: Props) => JSX.Element;
|
6
|
+
declare const Item: ({ active, handleClick, tabRef, text, tooltip, badge }: Props) => JSX.Element;
|
7
7
|
export default Item;
|
@@ -1,4 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import { WithBadgeProps } from '../../floatingBadge/types';
|
2
3
|
import { TooltipProps } from '../../tooltip';
|
3
4
|
export interface TabsProps {
|
4
5
|
className?: string;
|
@@ -6,9 +7,11 @@ export interface TabsProps {
|
|
6
7
|
distance?: number;
|
7
8
|
lateralPadding?: number;
|
8
9
|
}
|
10
|
+
export declare type TabsBadgeProps = Omit<WithBadgeProps, 'children'>;
|
9
11
|
export interface TabsItem {
|
10
12
|
text: string | JSX.Element;
|
11
13
|
active?: boolean;
|
12
14
|
handleClick?: () => void;
|
13
15
|
tooltip?: TooltipProps;
|
16
|
+
badge?: TabsBadgeProps;
|
14
17
|
}
|