@fattureincloud/fic-design-system 0.4.29 → 0.4.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|
}
|