@fattureincloud/fic-design-system 0.7.18 → 0.7.19

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