@fattureincloud/fic-design-system 0.7.9 → 0.7.11

package/dist/components/newTable/Table.d.ts

@@ -29,6 +29,7 @@ import { TableProps } from './types';
  * @param {function} onPaginationChange Callback to handle server side pagination
  * @param {function} renderEmptyState Render a custom empty state for the table's body
  * @param {function} onRowClick Callback called after a click on a row, returns the row
+ * @param {number} rowIdHighlight id of the row that will be highlighted
  */
-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, }: TableProps<T>) => JSX.Element;
+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;
 export default Table;

package/dist/components/newTable/components/body/Body.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { TableProps } from '../../types';
-interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight'> {
+interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'rowIdHighlight' | 'rowHighlightColor'> {
     rows: Row<T>[];
     isLoading?: boolean;
     onRowClick?: (row: Row<T>) => void;
 }
-declare const Body: <T>({ rows, rowSize, isLoading, onRowClick, bodyHeight }: BodyProps<T>) => JSX.Element;
+declare const Body: <T>({ rows, rowSize, isLoading, onRowClick, bodyHeight, rowIdHighlight, rowHighlightColor, }: BodyProps<T>) => JSX.Element;
 export default Body;

package/dist/components/newTable/components/cell/customCell/CustomCell.d.ts

@@ -8,5 +8,5 @@ declare type Props<CellProps> = {
     rowSize?: RowSize;
     onRowClick?: (row: Row<CellProps>) => void;
 } & CustomCellProps & AccessorColumnDef<CellProps> & ActionColumnDef<CellProps> & AdditionalColumnDef<CellProps>;
-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, }: Props<CellProps>) => JSX.Element;
+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;
 export default CustomCell;

package/dist/components/newTable/components/cell/hooks/useCellValues.d.ts

@@ -12,6 +12,7 @@ interface CellValues<T> {
     minWidth?: number;
     maxWidth?: number;
     rowActions?: RowActions<T>;
+    align: 'center' | 'left' | 'right';
 }
 declare const useCellValues: <T>(cell: TCell<T, unknown>, row: Row<T>) => CellValues<T>;
 export default useCellValues;

package/dist/components/newTable/components/cell/loadingCell/LoadingCell.d.ts

@@ -3,6 +3,7 @@ interface LoadingCellProps {
     isActionCell?: boolean;
     minWidth?: number;
     maxWidth?: number;
+    align: 'center' | 'right' | 'left';
 }
-declare const LoadingCell: ({ isActionCell, minWidth, maxWidth }: LoadingCellProps) => JSX.Element;
+declare const LoadingCell: ({ isActionCell, minWidth, maxWidth, align }: LoadingCellProps) => JSX.Element;
 export default LoadingCell;

package/dist/components/newTable/components/cell/styled.d.ts

@@ -2,6 +2,7 @@ export declare const Td: import("styled-components").StyledComponent<"div", impo
     cellHasOnClick: boolean;
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
+    align?: "center" | "left" | "right" | undefined;
 }, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const LeadingIconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/row/Row.d.ts

@@ -1,11 +1,13 @@
 import { Row } from '@tanstack/react-table';
 import React from 'react';
-import { RowSize } from '../../types';
+import { RowSize, TableProps } from '../../types';
 interface TrProps<T> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
     row: Row<T>;
     rowSize?: RowSize;
     isLoading?: boolean;
     onRowClick?: (row: Row<T>) => void;
+    isRowHighlighted: boolean;
+    rowHighlightColor?: TableProps<T>['rowHighlightColor'];
 }
-declare const Tr: <T>({ row, isLoading, onRowClick }: TrProps<T>) => JSX.Element;
+declare const Tr: <T>({ row, isLoading, onRowClick, isRowHighlighted, rowHighlightColor }: TrProps<T>) => JSX.Element;
 export default Tr;

package/dist/components/newTable/types.d.ts

@@ -40,6 +40,8 @@ export interface TableProps<T> {
     onRowClick?: (row: Row<T>) => void;
     bodyHeight?: number;
     totalPages?: number;
+    rowIdHighlight?: number | string;
+    rowHighlightColor?: string;
 }
 interface SettingsDropdownConfig {
     settingsTooltip?: TooltipProps;
@@ -93,6 +95,7 @@ export declare type AdditionalColumnDef<T> = {
     maxWidth?: number;
     headerTooltip?: TooltipProps;
     customCell?: (row: Row<T>) => JSX.Element;
+    align?: 'center' | 'left' | 'right';
 };
 export declare type ColumnsType<T> = ({
     columnDefType: ColumnDefType.ACCESSOR;

package/dist/components/toast/types.d.ts

@@ -18,6 +18,7 @@ export interface ToastProps {
     actionLabel?: string;
     onActionClick?: () => void;
     autoClose?: boolean | number;
+    isDisabledAction?: boolean;
 }
 export interface ToastContentProps {
     title: ReactNode;
@@ -26,6 +27,7 @@ export interface ToastContentProps {
     actionLabel?: string;
     onActionClick?: () => void;
     type?: ToastType;
+    isDisabledAction?: boolean;
 }
 export interface ToastInterface {
     Container: React.FC<ToastContainerProps>;