@fattureincloud/fic-design-system 0.7.52 → 0.8.0

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

@@ -6,7 +6,7 @@ interface BodyProps<T> extends Pick<TableProps<T>, 'rowSize' | 'bodyHeight' | 'r
     isLoading?: boolean;
     onRowClick?: (row: Row<T>) => void;
     pageIndex: number;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
     disableScrollX?: boolean;
 }
 declare const Body: <T>({ rows, rowSize, isLoading, onRowClick, bodyHeight, rowIdHighlight, rowHighlightColor, pageIndex, actionColumnWidth, disableScrollX, }: BodyProps<T>) => JSX.Element;

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

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

package/dist/components/newTable/components/cell/customActionCell/CustomActionCell.d.ts

@@ -8,7 +8,7 @@ interface Props<T> extends ActionColumnDef<T> {
     column: Column<T, unknown>;
     maxWidth?: number;
     minWidth?: number;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
 }
 declare const CustomActionCell: <T>({ actionType, row, isToggled, onActionChange, rowActions, column, maxWidth, minWidth, actionColumnWidth, }: Props<T>) => JSX.Element;
 export default CustomActionCell;

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

@@ -6,7 +6,7 @@ declare type Props<CellProps> = {
     context: CellContext<CellProps, unknown>;
     hover?: boolean;
     rowSize?: RowSize;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
     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, isToggled, hover, onChange, trailingMicroTag, minWidth, rowActions, context, onRowClick, maxWidth, align, disableClick, actionColumnWidth, }: Props<CellProps>) => JSX.Element;

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

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

package/dist/components/newTable/components/header/Header.d.ts

@@ -16,7 +16,7 @@ interface HeaderProps<T> {
     notRemovableColumns?: string[];
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
 }
 declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, isLoading, actionColumnWidth, }: HeaderProps<T>) => JSX.Element;
 export default Header;

package/dist/components/newTable/components/header/headerCell/ActionHeaderCell.d.ts

@@ -12,7 +12,7 @@ export interface CustomHeaderCellProps<T> {
     dimensionRow?: number;
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
-    actionColumnWidth?: number | string;
+    actionColumnWidth: number;
 }
 declare const ActionHeaderCell: <T>({ header, onOpen, onClose, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, actionColumnWidth, }: CustomHeaderCellProps<T>) => JSX.Element;
 export default ActionHeaderCell;

package/dist/components/newTable/components/header/headerCell/HeaderCell.d.ts

@@ -14,7 +14,7 @@ interface HeaderCellProps<T> {
     dimensionRow?: number;
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
 }
 declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, actionColumnWidth, }: HeaderCellProps<T>) => JSX.Element;
 export default HeaderCell;

package/dist/components/newTable/components/header/headerCell/styled.d.ts

@@ -5,6 +5,7 @@ export declare const Th: import("styled-components").StyledComponent<"div", impo
     minWidth?: number | undefined;
     maxWidth?: number | undefined;
     sortable: boolean;
+    isActionColumn: boolean;
 }, never>;
 export declare const TextHeaderCellWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
 export declare const ActionCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/newTable/components/header/hooks/useHeaderValues.d.ts

@@ -11,5 +11,5 @@ interface HeaderValues<T> {
     maxWidth?: number;
     tooltip?: TooltipProps;
 }
-declare const useHeaderValues: <T>(header: Header<T, unknown>) => HeaderValues<T>;
+declare const useHeaderValues: <T>(header: Header<T, unknown>, actionColumnWidth: number) => HeaderValues<T>;
 export default useHeaderValues;

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

@@ -8,7 +8,7 @@ interface TrProps<T> extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLTa
     onRowClick?: (row: Row<T>) => void;
     isRowHighlighted: boolean;
     rowHighlightColor?: TableProps<T>['rowHighlightColor'];
-    actionColumnWidth?: string | number;
+    actionColumnWidth: number;
 }
 declare const Tr: <T>({ row, isLoading, onRowClick, isRowHighlighted, rowHighlightColor, defaultRowSize, actionColumnWidth, }: TrProps<T>) => JSX.Element;
 export default Tr;

package/dist/components/newTable/stories/actions.d.ts

@@ -1,4 +1,5 @@
 import { BulkAction, RowActions } from '../types';
 import { DataType } from './types';
 export declare const rowActions: RowActions<DataType>;
+export declare const rowActionsAlternative: RowActions<DataType>;
 export declare const bulkActions: BulkAction[];

package/dist/components/newTable/table.stories.d.ts

@@ -2,5 +2,6 @@ import { Meta, Story } from '@storybook/react';
 import { DataType } from './stories/types';
 import { TableProps } from './types';
 export declare const Template: Story<TableProps<DataType>>;
+export declare const WithCustomRowActions: Story<TableProps<DataType>>;
 declare const TableStories: Meta<TableProps<DataType>>;
 export default TableStories;

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

@@ -22,7 +22,7 @@ export interface TableProps<T> {
     sortDescFirst?: boolean;
     onSort?: OnSort<T>;
     isTogglesSortable?: boolean;
-    rowActions?: RowActions<T>;
+    rowActions?: RowActions<T> | ((row?: Row<T>) => RowActions<T>);
     bulkActions?: BulkAction[];
     renderBulkActions?: (rows: string[]) => JSX.Element;
     isLoading?: boolean;
@@ -51,7 +51,7 @@ export interface TableProps<T> {
     };
     notRemovableColumns?: string[];
     onChangeTableSettings?: onChangeTableSettings;
-    actionColumnWidth?: string | number;
+    actionColumnWidth?: number;
     disableScrollX?: boolean;
     resetPageIndex?: boolean;
 }
@@ -106,7 +106,7 @@ export declare type ActionColumnDef<T> = {
     toggles?: string[];
     enableSorting?: boolean;
     enableSettings?: boolean;
-    rowActions?: RowActions<T>;
+    rowActions?: RowActions<T> | ((row?: Row<T>) => RowActions<T>);
     settingsDropdownConfig?: SettingsDropdownConfig;
 } & IdentifiedColumnDef<T, CellProps>;
 export declare type AdditionalColumnDef<T> = {