@fattureincloud/fic-design-system 0.7.6 → 0.7.8

Sign up to get free protection for your applications and to get access to all the features.
@@ -7,5 +7,5 @@ declare type CodInputHooks = {
7
7
  setCurrentIndex: Dispatch<SetStateAction<number>>;
8
8
  values: (string | null)[];
9
9
  };
10
- declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<InputCodeProps, 'helper' | 'className'>) => CodInputHooks;
10
+ declare const useCodeInputHooks: ({ allowLetters, fieldsCount, onChange, status, }: Omit<InputCodeProps, 'helper' | 'className'>) => CodInputHooks;
11
11
  export default useCodeInputHooks;
@@ -22,6 +22,7 @@ export declare type InputElementProps = CommonFormTypes & HTMLInputProps & {
22
22
  value?: number | string | null;
23
23
  };
24
24
  export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInputProps, 'onChange'> & {
25
+ allowLetters?: boolean;
25
26
  fieldsCount: number;
26
27
  fieldsGap?: number;
27
28
  inputType?: 'code';
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { buttonColors } from '../buttons/button/types';
2
3
  interface Props {
3
4
  title: string;
4
5
  type: 'success' | 'error' | 'warning' | 'info';
@@ -11,6 +12,7 @@ interface Props {
11
12
  isOpen: boolean;
12
13
  setIsOpen: (state: boolean) => void;
13
14
  isSmall?: boolean;
15
+ cancelColor?: buttonColors;
14
16
  }
15
17
  export declare const ConfirmationModal: (props: Props) => JSX.Element;
16
18
  export {};
@@ -8,6 +8,7 @@ export declare type StepModalCommonProps = {
8
8
  minHeight?: number;
9
9
  setIsOpen: (o: boolean) => void;
10
10
  setStep: (s: number) => void;
11
+ onActionClose?: () => void;
11
12
  };
12
13
  declare type StepModalComponent<T extends UknObj> = React.FunctionComponent<StepModalCommonProps & T>;
13
14
  declare type HasChildren = {
@@ -7,6 +7,6 @@ declare type Props<CellProps> = {
7
7
  hover?: boolean;
8
8
  rowSize?: RowSize;
9
9
  onRowClick?: (row: Row<CellProps>) => void;
10
- } & CustomCellProps & AccessorColumnDef<CellProps> & ActionColumnDef<CellProps> & AdditionalColumnDef;
10
+ } & CustomCellProps & AccessorColumnDef<CellProps> & ActionColumnDef<CellProps> & AdditionalColumnDef<CellProps>;
11
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, }: Props<CellProps>) => JSX.Element;
12
12
  export default CustomCell;
@@ -4,6 +4,6 @@ import { AccessorColumnDef, AdditionalColumnDef, CustomCellProps } from '../../.
4
4
  declare type CustomInputProps<CellProps> = {
5
5
  row: Row<CellProps>;
6
6
  hover?: boolean;
7
- } & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'> & AdditionalColumnDef;
7
+ } & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'> & AdditionalColumnDef<CellProps>;
8
8
  declare const CustomInput: <CellProps>({ hover, onChange, row, unitSymbol, content, }: CustomInputProps<CellProps>) => JSX.Element;
9
9
  export default CustomInput;
@@ -1,6 +1,7 @@
1
1
  import { CellProps } from '../types';
2
2
  export interface DataType {
3
3
  id: string;
4
+ customCell?: CellProps;
4
5
  supplier: CellProps;
5
6
  description: CellProps;
6
7
  payment: CellProps;
@@ -37,7 +37,7 @@ export interface TableProps<T> {
37
37
  paginationNextText?: string;
38
38
  onPaginationChange?: (pagination: PaginationState) => void;
39
39
  renderEmptyState?: () => JSX.Element;
40
- onRowClick?: (row: Row<CellProps>) => void;
40
+ onRowClick?: (row: Row<T>) => void;
41
41
  }
42
42
  interface SettingsDropdownConfig {
43
43
  settingsTooltip?: TooltipProps;
@@ -85,26 +85,28 @@ export declare type ActionColumnDef<T> = {
85
85
  rowActions?: RowActions<T>;
86
86
  settingsDropdownConfig?: SettingsDropdownConfig;
87
87
  } & IdentifiedColumnDef<T, CellProps>;
88
- export declare type AdditionalColumnDef = {
88
+ export declare type AdditionalColumnDef<T> = {
89
89
  unitSymbol?: string;
90
90
  minWidth?: number;
91
91
  headerTooltip?: TooltipProps;
92
+ customCell?: (row: Row<T>) => JSX.Element;
92
93
  };
93
94
  export declare type ColumnsType<T> = ({
94
95
  columnDefType: ColumnDefType.ACCESSOR;
95
- columnDef: AccessorColumnDef<T> & AdditionalColumnDef;
96
+ columnDef: AccessorColumnDef<T> & AdditionalColumnDef<T>;
96
97
  } & BaseColumnsType<T>) | ({
97
98
  columnDefType: ColumnDefType.DISPLAY;
98
- columnDef: DisplayColumnDef<T, unknown> & AdditionalColumnDef;
99
+ columnDef: DisplayColumnDef<T, unknown> & AdditionalColumnDef<T>;
99
100
  } & BaseColumnsType<T>) | ({
100
101
  columnDefType: ColumnDefType.ACTION;
101
- columnDef: ActionColumnDef<T> & AdditionalColumnDef;
102
+ columnDef: ActionColumnDef<T> & AdditionalColumnDef<T>;
102
103
  } & BaseColumnsType<T>) | ({
103
104
  columnDefType: ColumnDefType.GROUP;
104
105
  columnDef: GroupColumnDef<T, unknown>;
105
106
  } & BaseColumnsType<T>);
106
107
  interface BaseColumnsType<T> {
107
108
  key: keyof T | Lowercase<keyof typeof ActionType>;
109
+ customCell?: () => JSX.Element;
108
110
  }
109
111
  interface CustomCellWithAvatar extends BasicCustomCell {
110
112
  avatar?: AvatarProps;