@fattureincloud/fic-design-system 0.7.2 → 0.7.4

package/dist/components/form/inputText/components/styled.d.ts

@@ -10,6 +10,8 @@ export declare const CodeInputWrapper: import("styled-components").StyledCompone
     gap: number | undefined;
 }, never>;
 export declare const SingleInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SeparatorWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Separator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TelSelectWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TelInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/dist/components/form/inputText/types.d.ts

@@ -27,6 +27,8 @@ export declare type InputCodeProps = LabelProps & CommonFormTypes & Omit<HTMLInp
     inputType?: 'code';
     onChange?: (code: (string | null)[]) => void;
     style?: CSSProperties;
+    separatorEvery?: number;
+    separator?: JSX.Element;
 };
 export declare type InputTelephoneProps = LabelProps & CommonFormTypes & {
     className?: string;

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

@@ -28,6 +28,7 @@ import { TableProps } from './types';
  * @param {string} paginationNextText Pagination next button text
  * @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
  */
-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, }: 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, }: TableProps<T>) => JSX.Element;
 export default Table;

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

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

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

@@ -7,6 +7,7 @@ interface Props<T> {
     hover?: boolean;
     rowSize?: RowSize;
     isLoading?: boolean;
+    onRowClick?: (row: Row<T>) => void;
 }
-declare const Cell: <T>({ cell, row, hover, rowSize, isLoading }: Props<T>) => JSX.Element;
+declare const Cell: <T>({ cell, row, hover, rowSize, isLoading, onRowClick }: Props<T>) => JSX.Element;
 export default Cell;

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

@@ -6,6 +6,7 @@ declare type Props<CellProps> = {
     context: CellContext<CellProps, unknown>;
     hover?: boolean;
     rowSize?: RowSize;
+    onRowClick?: (row: Row<CellProps>) => void;
 } & CustomCellProps & AccessorColumnDef<CellProps> & ActionColumnDef<CellProps> & AdditionalColumnDef;
-declare const CustomCell: <CellProps>({ content, isEditable, tag, unitSymbol, headline, leadingIcon, avatar, actionType, row, rowSize, onActionChange, isFavorite, isToggled, hover, onChange, trailingMicroTag, minWidth, rowActions, context, }: 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, }: Props<CellProps>) => JSX.Element;
 export default CustomCell;

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

@@ -1,4 +1,7 @@
-export declare const Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {}, never>;
+export declare const Td: import("styled-components").StyledComponent<"td", import("styled-components").DefaultTheme, {
+    cellHasOnClick: boolean;
+    minWidth?: number | 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>;
 export declare const AvatarContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -5,6 +5,7 @@ interface TrProps<T> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTa
     row: Row<T>;
     rowSize?: RowSize;
     isLoading?: boolean;
+    onRowClick?: (row: Row<T>) => void;
 }
-declare const Tr: <T>({ row, isLoading }: TrProps<T>) => JSX.Element;
+declare const Tr: <T>({ row, isLoading, onRowClick }: TrProps<T>) => JSX.Element;
 export default Tr;

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

@@ -2,7 +2,7 @@
 import { DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
 import { AvatarProps } from '../avatar';
 import { ButtonProps } from '../buttons';
-import { DropdownItemType } from '../dropdown/types';
+import { DropdownItemType } from '../dropdown';
 import { IconProps } from '../icon';
 import { MicroTagProps } from '../microTag';
 import { TagProps } from '../tag';
@@ -37,6 +37,7 @@ export interface TableProps<T> {
     paginationNextText?: string;
     onPaginationChange?: (pagination: PaginationState) => void;
     renderEmptyState?: () => JSX.Element;
+    onRowClick?: (row: Row<CellProps>) => void;
 }
 interface SettingsDropdownConfig {
     settingsTooltip?: TooltipProps;
@@ -126,7 +127,7 @@ export declare type CustomCellProps = CustomCellWithIcon | CustomCellWithAvatar;
 export declare type CellProps = CustomCellProps | string | number;
 export interface RowActions<T> {
     headerTitle?: string | number;
-    primary?: PrimaryAction<T>;
+    primary?: PrimaryAction<T>[];
     dropdown?: DropdownAction<T>;
 }
 export interface RowAction<T> {