@fattureincloud/fic-design-system 0.7.30 → 0.7.31
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/components/newTable/Table.d.ts +1 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts +3 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnsSettings.d.ts +4 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/DraggableContent/DraggableContent.d.ts +4 -1
- package/dist/components/newTable/components/action/settings/DropdownSettings/DropdownSettings.d.ts +5 -1
- package/dist/components/newTable/components/action/settings/RowHeightSettings/RowHeightSettings.d.ts +4 -1
- package/dist/components/newTable/components/action/settings/Settings.d.ts +5 -1
- package/dist/components/newTable/components/header/Header.d.ts +8 -1
- package/dist/components/newTable/components/header/headerCell/ActionHeaderCell.d.ts +5 -1
- package/dist/components/newTable/components/header/headerCell/HeaderCell.d.ts +4 -1
- package/dist/components/newTable/types.d.ts +7 -0
- package/dist/components/newTable/utils.d.ts +8 -2
- package/dist/index.esm.js +6 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
@@ -31,5 +31,5 @@ import { TableProps } from './types';
|
|
31
31
|
* @param {function} onRowClick Callback called after a click on a row, returns the row
|
32
32
|
* @param {number} rowIdHighlight id of the row that will be highlighted
|
33
33
|
*/
|
34
|
-
declare const Table: <T>({ data, columns, isSelectable, favorites, onFavoritesChange, toggles, onTogglesChange,
|
34
|
+
declare const Table: <T>({ data, columns, isSelectable, favorites, onFavoritesChange, toggles, onTogglesChange, headerSize, isFavoritesSortable, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, renderEmptyState, onRowClick, bodyHeight, totalPages, rowIdHighlight, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, }: TableProps<T>) => JSX.Element;
|
35
35
|
export default Table;
|
@@ -7,6 +7,8 @@ declare type ColumnItemProps<T> = {
|
|
7
7
|
};
|
8
8
|
};
|
9
9
|
onDragStart: (event: React.DragEvent<HTMLDivElement>, parent: HTMLDivElement) => void;
|
10
|
+
isRemovable: boolean;
|
11
|
+
onChangeTableSettings?: () => void;
|
10
12
|
} & Omit<React.HTMLProps<HTMLDivElement>, 'onDragStart'>;
|
11
|
-
declare const ColumnItem: <T>({ column, draggable, onDragStart, onDragOver, onDragEnd }: ColumnItemProps<T>) => JSX.Element;
|
13
|
+
declare const ColumnItem: <T>({ column, draggable, onDragStart, onDragOver, onDragEnd, isRemovable, onChangeTableSettings, }: ColumnItemProps<T>) => JSX.Element;
|
12
14
|
export default ColumnItem;
|
package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnsSettings.d.ts
CHANGED
@@ -3,6 +3,9 @@ import { Table } from '@tanstack/react-table';
|
|
3
3
|
interface ColumnsSettingsProps<T> {
|
4
4
|
table: Table<T>;
|
5
5
|
visibleColumnsLabel: string;
|
6
|
+
notRemovableColumns?: string[];
|
7
|
+
preSettedColumns?: string[];
|
8
|
+
onChangeTableSettings?: (label: string, valueChange: number | string[]) => void;
|
6
9
|
}
|
7
|
-
declare const ColumnsSettings: <T>({ table, visibleColumnsLabel }: ColumnsSettingsProps<T>) => JSX.Element;
|
10
|
+
declare const ColumnsSettings: <T>({ table, visibleColumnsLabel, notRemovableColumns, onChangeTableSettings, }: ColumnsSettingsProps<T>) => JSX.Element;
|
8
11
|
export default ColumnsSettings;
|
@@ -2,6 +2,9 @@
|
|
2
2
|
import { Table } from '@tanstack/react-table';
|
3
3
|
interface DraggableContentProps<T> {
|
4
4
|
table: Table<T>;
|
5
|
+
preSettedColumns?: string[];
|
6
|
+
notRemovableColumns?: string[];
|
7
|
+
onChangeTableSettings?: (label: string, valueChange: number | string[]) => void;
|
5
8
|
}
|
6
|
-
export declare const DraggableContent: <T>({ table }: DraggableContentProps<T>) => JSX.Element;
|
9
|
+
export declare const DraggableContent: <T>({ table, notRemovableColumns, onChangeTableSettings, }: DraggableContentProps<T>) => JSX.Element;
|
7
10
|
export {};
|
package/dist/components/newTable/components/action/settings/DropdownSettings/DropdownSettings.d.ts
CHANGED
@@ -1,7 +1,11 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { Header } from '@tanstack/react-table';
|
3
|
+
import { RowSize } from '../../../../types';
|
3
4
|
interface DropdownSettingsProps<T> {
|
4
5
|
header: Header<T, unknown>;
|
6
|
+
notRemovableColumns?: string[];
|
7
|
+
dimensionRow?: RowSize;
|
8
|
+
onChangeTableSettings?: (label: string, valueChange: number | string[]) => void;
|
5
9
|
}
|
6
|
-
declare const DropdownSettings: <T>({ header }: DropdownSettingsProps<T>) => JSX.Element;
|
10
|
+
declare const DropdownSettings: <T>({ header, notRemovableColumns, dimensionRow, onChangeTableSettings, }: DropdownSettingsProps<T>) => JSX.Element;
|
7
11
|
export default DropdownSettings;
|
package/dist/components/newTable/components/action/settings/RowHeightSettings/RowHeightSettings.d.ts
CHANGED
@@ -1,10 +1,13 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import { RowSize } from '../../../../types';
|
2
3
|
interface RowHeightSettingsProps {
|
3
4
|
isDisabled?: boolean;
|
4
5
|
rowHeightLabel: string;
|
5
6
|
unspecifiedRowsLabel: string;
|
6
7
|
smallRowsLabel: string;
|
7
8
|
largeRowsLabel: string;
|
9
|
+
dimensionRow?: RowSize;
|
10
|
+
onChangeTableSettings?: (label: string, valueChange: number | string[]) => void;
|
8
11
|
}
|
9
|
-
declare const RowHeightSettings: ({ rowHeightLabel, unspecifiedRowsLabel, smallRowsLabel, largeRowsLabel, isDisabled, }: RowHeightSettingsProps) => JSX.Element;
|
12
|
+
declare const RowHeightSettings: ({ rowHeightLabel, unspecifiedRowsLabel, smallRowsLabel, largeRowsLabel, isDisabled, dimensionRow, onChangeTableSettings, }: RowHeightSettingsProps) => JSX.Element;
|
10
13
|
export default RowHeightSettings;
|
@@ -1,9 +1,13 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { Header } from '@tanstack/react-table';
|
3
|
+
import { RowSize } from '../../../types';
|
3
4
|
interface SettingsProps<T> {
|
4
5
|
header: Header<T, unknown>;
|
5
6
|
onOpen?: (isOpen: boolean) => void;
|
6
7
|
onClose?: (isOpen: boolean) => void;
|
8
|
+
notRemovableColumns?: string[];
|
9
|
+
dimensionRow?: RowSize;
|
10
|
+
onChangeTableSettings?: (label: string, valueChange: number | string[]) => void;
|
7
11
|
}
|
8
|
-
declare const Settings: <T>({ header, onOpen, onClose }: SettingsProps<T>) => JSX.Element;
|
12
|
+
declare const Settings: <T>({ header, onOpen, onClose, notRemovableColumns, dimensionRow, onChangeTableSettings, }: SettingsProps<T>) => JSX.Element;
|
9
13
|
export default Settings;
|
@@ -8,6 +8,13 @@ interface HeaderProps<T> {
|
|
8
8
|
forceHideSettings: boolean;
|
9
9
|
rowSelection?: string[];
|
10
10
|
setRowSelection?: (e: string[]) => void;
|
11
|
+
preSettedTableSettings?: {
|
12
|
+
orderColumns?: string[];
|
13
|
+
dimensionRow?: RowSize;
|
14
|
+
notRemovableColumns?: string[];
|
15
|
+
notVisibleColumns?: string[];
|
16
|
+
};
|
17
|
+
onChangeTableSettings?: (label: string, valueChange: number | string[]) => void;
|
11
18
|
}
|
12
|
-
declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, }: HeaderProps<T>) => JSX.Element;
|
19
|
+
declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, preSettedTableSettings, onChangeTableSettings, }: HeaderProps<T>) => JSX.Element;
|
13
20
|
export default Header;
|
@@ -1,11 +1,15 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { Header } from '@tanstack/react-table';
|
3
|
+
import { RowSize } from '../../../types';
|
3
4
|
interface CustomHeaderCellProps<T> {
|
4
5
|
header: Header<T, unknown>;
|
5
6
|
onOpen?: (isOpen: boolean) => void;
|
6
7
|
forceHideSettings: boolean;
|
7
8
|
rowSelection?: string[];
|
8
9
|
setRowSelection?: (e: string[]) => void;
|
10
|
+
notRemovableColumns?: string[];
|
11
|
+
dimensionRow?: RowSize;
|
12
|
+
onChangeTableSettings?: (label: string, valueChange: number | string[]) => void;
|
9
13
|
}
|
10
|
-
declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, }: CustomHeaderCellProps<T>) => JSX.Element;
|
14
|
+
declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, }: CustomHeaderCellProps<T>) => JSX.Element;
|
11
15
|
export default ActionHeaderCell;
|
@@ -10,6 +10,9 @@ interface HeaderCellProps<T> {
|
|
10
10
|
forceHideSettings: boolean;
|
11
11
|
rowSelection?: string[];
|
12
12
|
setRowSelection?: (e: string[]) => void;
|
13
|
+
notRemovableColumns?: string[];
|
14
|
+
dimensionRow?: RowSize;
|
15
|
+
onChangeTableSettings?: (label: string, valueChange: number | string[]) => void;
|
13
16
|
}
|
14
|
-
declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, }: HeaderCellProps<T>) => JSX.Element;
|
17
|
+
declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, }: HeaderCellProps<T>) => JSX.Element;
|
15
18
|
export default HeaderCell;
|
@@ -46,6 +46,13 @@ export interface TableProps<T> {
|
|
46
46
|
rowSelection?: string[];
|
47
47
|
onRowSelection?: (e: string[]) => void;
|
48
48
|
forceHideSettings?: boolean;
|
49
|
+
preSettedTableSettings?: {
|
50
|
+
orderColumns?: string[];
|
51
|
+
dimensionRow?: RowSize;
|
52
|
+
notRemovableColumns?: string[];
|
53
|
+
notVisibleColumns?: string[];
|
54
|
+
};
|
55
|
+
onChangeTableSettings?: (label: string, valueChange: number | string[]) => void;
|
49
56
|
}
|
50
57
|
interface SettingsDropdownConfig {
|
51
58
|
settingsTooltip?: TooltipProps;
|
@@ -1,8 +1,14 @@
|
|
1
1
|
import { ColumnDef, SortDirection } from '@tanstack/react-table';
|
2
|
-
import { CellProps } from './types';
|
2
|
+
import { CellProps, RowSize } from './types';
|
3
3
|
import { TableProps } from './types';
|
4
4
|
interface ColumnsHelperProps<T> extends Omit<TableProps<T>, 'data' | 'uniqueId'> {
|
5
|
+
preSettedTableSettings?: {
|
6
|
+
orderColumns?: string[];
|
7
|
+
dimensionRow?: RowSize;
|
8
|
+
notRemovableColumns?: string[];
|
9
|
+
notVisibleColumns?: string[];
|
10
|
+
};
|
5
11
|
}
|
6
|
-
export declare const useColumnsHelper: <T>({ columns, isSelectable, favorites, isFavoritesSortable, onFavoritesChange, toggles, isTogglesSortable, onTogglesChange, rowActions, enableSettings, settingsDropdownConfig, }: ColumnsHelperProps<T>) => ColumnDef<T, CellProps>[];
|
12
|
+
export declare const useColumnsHelper: <T>({ columns, isSelectable, favorites, isFavoritesSortable, onFavoritesChange, toggles, isTogglesSortable, onTogglesChange, rowActions, enableSettings, settingsDropdownConfig, preSettedTableSettings, }: ColumnsHelperProps<T>) => ColumnDef<T, CellProps>[];
|
7
13
|
export declare const getNextSortingDirection: (direction?: false | SortDirection | undefined) => false | SortDirection;
|
8
14
|
export {};
|