@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.
@@ -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, rowSize, 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, }: TableProps<T>) => JSX.Element;
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;
@@ -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 {};
@@ -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;
@@ -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 {};