@fattureincloud/fic-design-system 0.12.1 → 0.13.1

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 { InputTelephoneProps } from './types';
3
- declare const InputTelephone: ({ className, disabled, helper, required, label, value, setValue, placeholder, }: InputTelephoneProps) => JSX.Element;
3
+ declare const InputTelephone: ({ className, disabled, helper, required, label, phoneNumberLabel, value, setValue, placeholder, }: InputTelephoneProps) => JSX.Element;
4
4
  export default InputTelephone;
@@ -13,5 +13,7 @@ export declare const SingleInputWrapper: import("styled-components").StyledCompo
13
13
  export declare const SeparatorWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
14
  export declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
15
15
  export declare const TelSelectWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
16
- export declare const TelInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
16
+ export declare const TelInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
17
+ hasPhoneNumberLabel: boolean;
18
+ }, never>;
17
19
  export {};
@@ -7,6 +7,7 @@ export interface WrapperProps {
7
7
  }
8
8
  export interface LabelProps extends WrapperProps {
9
9
  label?: string | JSX.Element;
10
+ phoneNumberLabel?: string | JSX.Element;
10
11
  }
11
12
  export declare enum LabelType {
12
13
  STANDARD = "standard",
@@ -13,7 +13,9 @@ export declare const ModalHeaderClose: import("styled-components").StyledCompone
13
13
  export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
14
  export declare const ModalSimpleHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
15
15
  export declare const ModalSimpleFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
16
- export declare const ModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
16
+ export declare const ModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
17
+ hideFooterTopBorder?: boolean | undefined;
18
+ }, never>;
17
19
  export declare const TopAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
18
20
  height: number | null;
19
21
  }, never>;
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import { StepModalHeaderProps } from '../types';
3
- declare const StepModalHeader: ({ children, className, currentStep, setIsOpen, setStep, subtitle, title, }: StepModalHeaderProps) => JSX.Element;
3
+ declare const StepModalHeader: ({ children, className, currentStep, setIsOpen, setStep, subtitle, title, customAction, }: StepModalHeaderProps) => JSX.Element;
4
4
  export default StepModalHeader;
@@ -1,7 +1,9 @@
1
1
  import { MappedHeight } from './utils';
2
2
  export declare const StepModalHeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
3
  export declare const StepModalHeaderTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
- export declare const FooterButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
4
+ export declare const FooterButtonsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
5
+ hideFooterTopBorder?: boolean | undefined;
6
+ }, never>;
5
7
  export declare type BodyProps = {
6
8
  height?: number;
7
9
  minHeight?: number;
@@ -6,7 +6,7 @@ export declare type StepModalCommonProps = {
6
6
  height?: number;
7
7
  isOpen: boolean;
8
8
  minHeight?: number;
9
- setIsOpen: (o: boolean) => void;
9
+ setIsOpen?: (o: boolean) => void;
10
10
  setStep: (s: number) => void;
11
11
  onActionClose?: () => void;
12
12
  };
@@ -37,11 +37,13 @@ export declare type ContentWrapperProps = {
37
37
  export declare type StepModalFooterProps = HasChildren & {
38
38
  className?: string;
39
39
  buttons?: ButtonProps[];
40
+ hideFooterTopBorder?: boolean;
40
41
  };
41
42
  export declare type StepModalHeaderProps = Partial<StepModalCommonProps> & HasChildren & {
42
43
  className?: string;
43
44
  subtitle?: string;
44
45
  title?: string;
46
+ customAction?: JSX.Element;
45
47
  };
46
48
  export declare type StepModalBodyProps = Partial<StepModalCommonProps> & HasChildren & {
47
49
  className?: string;
@@ -6,6 +6,7 @@ export interface ModalStateInterface {
6
6
  fullScreenHeight: number;
7
7
  }
8
8
  export interface ModalPropsInterface {
9
+ hideFooterTopBorder?: boolean;
9
10
  isOpen?: boolean;
10
11
  title?: string;
11
12
  header?: () => JSX.Element;
@@ -30,5 +30,5 @@ import { TableProps } from './types';
30
30
  * @param {number} actionColumnWidth used to determine the width of the action column
31
31
  * @param {function} isRowHighlighted used to underline table rows
32
32
  */
33
- declare const Table: <T>({ data, columns, isSelectable, toggles, onTogglesChange, headerSize, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, renderEmptyState, onRowClick, bodyHeight, totalPages, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, actionColumnWidth, disableScrollX, resetPageIndex, isRowHighlighted, }: TableProps<T>) => JSX.Element;
33
+ declare const Table: <T>({ data, columns, isSelectable, toggles, onTogglesChange, headerSize, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, renderEmptyState, onRowClick, bodyHeight, totalPages, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, actionColumnWidth, disableScrollX, resetPageIndex, isRowHighlighted, rowHighlightHideBorderBottom, }: TableProps<T>) => JSX.Element;
34
34
  export default Table;
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  import { Row } from '@tanstack/react-table';
3
3
  import { TableProps } from '../../types';
4
- interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'rowHighlightColor' | 'isRowHighlighted'> {
4
+ interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'rowHighlightColor' | 'isRowHighlighted' | 'rowHighlightHideBorderBottom'> {
5
5
  rows: Row<T>[];
6
6
  isLoading?: boolean;
7
7
  onRowClick?: (row: Row<T>) => void;
@@ -9,5 +9,5 @@ interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'r
9
9
  actionColumnWidth: number;
10
10
  disableScrollX?: boolean;
11
11
  }
12
- declare const Body: <T>({ rows, rowSize, isLoading, onRowClick, bodyHeight, rowHighlightColor, pageIndex, actionColumnWidth, disableScrollX, isRowHighlighted, }: BodyProps<T>) => JSX.Element;
12
+ declare const Body: <T>({ rows, rowSize, isLoading, onRowClick, bodyHeight, rowHighlightColor, pageIndex, actionColumnWidth, disableScrollX, isRowHighlighted, rowHighlightHideBorderBottom, }: BodyProps<T>) => JSX.Element;
13
13
  export default Body;
@@ -9,6 +9,7 @@ interface TrProps<T> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTa
9
9
  rowHighlightColor?: TableProps<T>['rowHighlightColor'];
10
10
  actionColumnWidth: number;
11
11
  isRowHighlighted?: (row: Row<T>) => boolean;
12
+ rowHighlightHideBorderBottom?: boolean;
12
13
  }
13
- declare const Tr: <T>({ row, isLoading, onRowClick, rowHighlightColor, defaultRowSize, actionColumnWidth, isRowHighlighted, }: TrProps<T>) => JSX.Element;
14
+ declare const Tr: <T>({ row, isLoading, onRowClick, rowHighlightColor, defaultRowSize, actionColumnWidth, isRowHighlighted, rowHighlightHideBorderBottom, }: TrProps<T>) => JSX.Element;
14
15
  export default Tr;
@@ -41,6 +41,7 @@ export interface TableProps<T> {
41
41
  totalPages?: number;
42
42
  isRowHighlighted?: (row: Row<T>) => boolean;
43
43
  rowHighlightColor?: string;
44
+ rowHighlightHideBorderBottom?: boolean;
44
45
  rowSelection?: string[];
45
46
  onRowSelection?: (e: string[]) => void;
46
47
  forceHideSettings?: boolean;