@fattureincloud/fic-design-system 0.7.18 → 0.7.20

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { DropdownProps } from './types';
3
- declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, onOpen, withPadding, offsetY, forceClose, }: DropdownProps) => JSX.Element;
3
+ declare const DropdownImpl: ({ className, content, fullWidth, maxWidth, maxHeight, minWidthAsTrigger, placement, renderContent, renderTrigger, triggerStyles, title, forceOpen, disableArrowNavigation, isDisabled, emptyState, onOpen, withPadding, offsetY, forceClose, onClose, }: DropdownProps) => JSX.Element;
4
4
  export default DropdownImpl;
@@ -23,6 +23,7 @@ export declare type DropdownProps = {
23
23
  isDisabled?: boolean;
24
24
  emptyState?: JSX.Element;
25
25
  onOpen?: (isOpen: boolean) => void;
26
+ onClose?: (isOpen: boolean) => void;
26
27
  withPadding?: boolean;
27
28
  offsetY?: number;
28
29
  forceClose?: boolean;
@@ -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, onRowSelectionChange, 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, }: TableProps<T>) => JSX.Element;
34
+ declare const Table: <T>({ data, columns, isSelectable, onRowSelectionChange, 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, }: TableProps<T>) => JSX.Element;
35
35
  export default Table;
@@ -3,6 +3,7 @@ import { Header } from '@tanstack/react-table';
3
3
  interface SettingsProps<T> {
4
4
  header: Header<T, unknown>;
5
5
  onOpen?: (isOpen: boolean) => void;
6
+ onClose?: (isOpen: boolean) => void;
6
7
  }
7
- declare const Settings: <T>({ header, onOpen }: SettingsProps<T>) => JSX.Element;
8
+ declare const Settings: <T>({ header, onOpen, onClose }: SettingsProps<T>) => JSX.Element;
8
9
  export default Settings;
@@ -5,6 +5,7 @@ interface Props<T> {
5
5
  row: Row<T>;
6
6
  dropdown: RowAction<T>[];
7
7
  onOpen?: (isOpen: boolean) => void;
8
+ onClose?: (isOpen: boolean) => void;
8
9
  }
9
- declare const DropdownActionCell: <T>({ dropdown, row, onOpen }: Props<T>) => JSX.Element;
10
+ declare const DropdownActionCell: <T>({ dropdown, row, onOpen, onClose }: Props<T>) => JSX.Element;
10
11
  export default DropdownActionCell;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
2
+ import { DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, OnChangeFn, PaginationState, Row, RowSelectionState, SortDirection } from '@tanstack/react-table';
3
3
  import { AvatarProps } from '../avatar';
4
4
  import { ButtonProps } from '../buttons';
5
5
  import { DropdownItemType } from '../dropdown';
@@ -42,6 +42,8 @@ export interface TableProps<T> {
42
42
  totalPages?: number;
43
43
  rowIdHighlight?: number | string;
44
44
  rowHighlightColor?: string;
45
+ rowSelection?: RowSelectionState;
46
+ setRowSelection?: OnChangeFn<RowSelectionState>;
45
47
  }
46
48
  interface SettingsDropdownConfig {
47
49
  settingsTooltip?: TooltipProps;
@@ -96,7 +98,7 @@ export declare type AdditionalColumnDef<T> = {
96
98
  minWidth?: number;
97
99
  maxWidth?: number;
98
100
  headerTooltip?: TooltipProps;
99
- customCell?: (row: Row<T>) => JSX.Element;
101
+ customCell?: (row: Row<T>, hasHover: boolean) => JSX.Element;
100
102
  align?: 'center' | 'left' | 'right';
101
103
  headerTitle?: string;
102
104
  };
@@ -17,7 +17,7 @@ export declare type SegmentButtonPalette = {
17
17
  export declare type Segment = {
18
18
  counter?: number;
19
19
  icon?: IconProps;
20
- text: string;
20
+ text?: string;
21
21
  };
22
22
  export declare type SegmentButtonProps = {
23
23
  onChange?: (i: number, s: Segment) => void;