@fattureincloud/fic-design-system 0.7.27 → 0.7.29

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { buttonColors } from '../buttons/button/types';
3
3
  interface Props {
4
- title: string;
4
+ title?: string;
5
5
  type: 'success' | 'error' | 'warning' | 'info';
6
6
  description: string | JSX.Element;
7
7
  question?: string;
@@ -13,6 +13,7 @@ interface Props {
13
13
  setIsOpen: (state: boolean) => void;
14
14
  isSmall?: boolean;
15
15
  cancelColor?: buttonColors;
16
+ customHeader?: JSX.Element;
16
17
  }
17
18
  export declare const ConfirmationModal: (props: Props) => JSX.Element;
18
19
  export {};
@@ -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, setRowSelection, forceHideSettings, renderBulkActions, }: TableProps<T>) => JSX.Element;
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;
35
35
  export default Table;
@@ -1,10 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import { AllSelectedCTA, BulkAction } from '../../types';
3
- interface BulkBarProps<T> {
4
- selectedRowData: T[];
5
- bulkBarActions?: BulkAction<T>[];
3
+ interface BulkBarProps {
4
+ selectedRowData: string[];
5
+ bulkBarActions?: BulkAction[];
6
6
  allSelectedCTA?: AllSelectedCTA;
7
- renderBulkActions?: (rows: T[]) => JSX.Element;
7
+ renderBulkActions?: (rows: string[]) => JSX.Element;
8
8
  }
9
- declare const BulkBar: <T>({ selectedRowData, bulkBarActions, allSelectedCTA, renderBulkActions, }: BulkBarProps<T>) => JSX.Element;
9
+ declare const BulkBar: ({ selectedRowData, bulkBarActions, allSelectedCTA, renderBulkActions }: BulkBarProps) => JSX.Element;
10
10
  export default BulkBar;
@@ -8,5 +8,5 @@ declare type Props<CellProps> = {
8
8
  rowSize?: RowSize;
9
9
  onRowClick?: (row: Row<CellProps>) => void;
10
10
  } & CustomCellProps & AccessorColumnDef<CellProps> & ActionColumnDef<CellProps> & AdditionalColumnDef<CellProps>;
11
- declare const CustomCell: <CellProps>({ content, isEditable, tag, unitSymbol, headline, leadingIcon, avatar, actionType, row, rowSize, onActionChange, isFavorite, isToggled, hover, onChange, trailingMicroTag, minWidth, rowActions, context, onRowClick, maxWidth, align, }: Props<CellProps>) => JSX.Element;
11
+ declare const CustomCell: <CellProps>({ content, isEditable, tag, unitSymbol, headline, leadingIcon, avatar, actionType, row, rowSize, onActionChange, isFavorite, isToggled, hover, onChange, trailingMicroTag, minWidth, rowActions, context, onRowClick, maxWidth, align, disableClick, }: Props<CellProps>) => JSX.Element;
12
12
  export default CustomCell;
@@ -1,14 +1,13 @@
1
- import { HeaderGroup, RowSelectionState } from '@tanstack/react-table';
2
- import { Dispatch, SetStateAction } from 'react';
1
+ /// <reference types="react" />
2
+ import { HeaderGroup } from '@tanstack/react-table';
3
3
  import { OnSort, RowSize } from '../../types';
4
4
  interface HeaderProps<T> {
5
5
  headerGroup: HeaderGroup<T>[];
6
6
  headerSize?: RowSize;
7
7
  onSort?: OnSort<T>;
8
8
  forceHideSettings: boolean;
9
- rowSelection?: T[];
10
- setRowSelection?: Dispatch<SetStateAction<T[]>>;
11
- setInternalRowSelection: Dispatch<SetStateAction<RowSelectionState>>;
9
+ rowSelection?: string[];
10
+ setRowSelection?: (e: string[]) => void;
12
11
  }
13
- declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, setInternalRowSelection, }: HeaderProps<T>) => JSX.Element;
12
+ declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, }: HeaderProps<T>) => JSX.Element;
14
13
  export default Header;
@@ -1,12 +1,11 @@
1
- import { Header, RowSelectionState } from '@tanstack/react-table';
2
- import { Dispatch, SetStateAction } from 'react';
1
+ /// <reference types="react" />
2
+ import { Header } from '@tanstack/react-table';
3
3
  interface CustomHeaderCellProps<T> {
4
4
  header: Header<T, unknown>;
5
5
  onOpen?: (isOpen: boolean) => void;
6
6
  forceHideSettings: boolean;
7
- rowSelection?: T[];
8
- setRowSelection?: Dispatch<SetStateAction<T[]>>;
9
- setInternalRowSelection: Dispatch<SetStateAction<RowSelectionState>>;
7
+ rowSelection?: string[];
8
+ setRowSelection?: (e: string[]) => void;
10
9
  }
11
- declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, setInternalRowSelection, }: CustomHeaderCellProps<T>) => JSX.Element;
10
+ declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, }: CustomHeaderCellProps<T>) => JSX.Element;
12
11
  export default ActionHeaderCell;
@@ -1,5 +1,5 @@
1
- import { Header, RowSelectionState, SortDirection } from '@tanstack/react-table';
2
- import { default as React, Dispatch, SetStateAction } from 'react';
1
+ import { Header, SortDirection } from '@tanstack/react-table';
2
+ import { default as React } from 'react';
3
3
  import { CustomSorted, OnSort, RowSize } from '../../../types';
4
4
  interface HeaderCellProps<T> {
5
5
  header: Header<T, unknown>;
@@ -8,9 +8,8 @@ interface HeaderCellProps<T> {
8
8
  customSorted?: false | SortDirection;
9
9
  setCustomSorted?: React.Dispatch<React.SetStateAction<CustomSorted<T> | undefined>>;
10
10
  forceHideSettings: boolean;
11
- rowSelection?: T[];
12
- setRowSelection?: Dispatch<SetStateAction<T[]>>;
13
- setInternalRowSelection: Dispatch<SetStateAction<RowSelectionState>>;
11
+ rowSelection?: string[];
12
+ setRowSelection?: (e: string[]) => void;
14
13
  }
15
- declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, setInternalRowSelection, }: HeaderCellProps<T>) => JSX.Element;
14
+ declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, }: HeaderCellProps<T>) => JSX.Element;
16
15
  export default HeaderCell;
@@ -1,5 +1,5 @@
1
+ /// <reference types="react" />
1
2
  import { DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
2
- import { Dispatch, SetStateAction } from 'react';
3
3
  import { AvatarProps } from '../avatar';
4
4
  import { ButtonProps } from '../buttons';
5
5
  import { DropdownItemType } from '../dropdown';
@@ -25,8 +25,8 @@ export interface TableProps<T> {
25
25
  isFavoritesSortable?: boolean;
26
26
  isTogglesSortable?: boolean;
27
27
  rowActions?: RowActions<T>;
28
- bulkActions?: BulkAction<T>[];
29
- renderBulkActions?: (rows: T[]) => JSX.Element;
28
+ bulkActions?: BulkAction[];
29
+ renderBulkActions?: (rows: string[]) => JSX.Element;
30
30
  isLoading?: boolean;
31
31
  allSelectedCTA?: AllSelectedCTA;
32
32
  noPagination?: boolean;
@@ -43,8 +43,8 @@ export interface TableProps<T> {
43
43
  totalPages?: number;
44
44
  rowIdHighlight?: number | string;
45
45
  rowHighlightColor?: string;
46
- rowSelection?: T[];
47
- setRowSelection?: Dispatch<SetStateAction<T[]>>;
46
+ rowSelection?: string[];
47
+ onRowSelection?: (e: string[]) => void;
48
48
  forceHideSettings?: boolean;
49
49
  }
50
50
  interface SettingsDropdownConfig {
@@ -71,11 +71,13 @@ interface ExtraColumnDef<T> extends Omit<IdentifiedColumnDef<T, CellProps>, 'hea
71
71
  isEditable: boolean;
72
72
  onChange: (text: string, row: Row<T>) => void;
73
73
  header?: IdentifiedColumnDef<T, CellProps>['header'] | JSX.Element;
74
+ disableClick?: boolean;
74
75
  }
75
76
  interface InitalColumnDef<T> extends Omit<IdentifiedColumnDef<T, CellProps>, 'header'> {
76
77
  isEditable?: false;
77
78
  onChange?: never;
78
79
  header?: IdentifiedColumnDef<T, CellProps>['header'] | JSX.Element;
80
+ disableClick?: boolean;
79
81
  }
80
82
  export declare type AccessorColumnDef<T> = InitalColumnDef<T> | ExtraColumnDef<T>;
81
83
  export declare enum ActionType {
@@ -169,8 +171,8 @@ export declare type DropdownAction<T> = {
169
171
  items: RowAction<T>[];
170
172
  tooltip?: TooltipProps;
171
173
  };
172
- export interface BulkAction<T> extends Omit<ButtonProps, 'onClick' | 'text'> {
173
- onClick: (rows: T[]) => void;
174
+ export interface BulkAction extends Omit<ButtonProps, 'onClick' | 'text'> {
175
+ onClick: (rows: string[]) => void;
174
176
  text: string | JSX.Element;
175
177
  }
176
178
  export interface AllSelectedCTA {