@fattureincloud/fic-design-system 0.7.30 → 0.7.31

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.
@@ -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 {};