@fattureincloud/fic-design-system 0.7.45-tmp-react-18 → 1.0.0

package/dist/components/form/checkbox/Checkbox.d.ts

@@ -9,6 +9,7 @@ import { CheckboxProps } from './types';
  * @param {function} onClick Callback called on component click
  * @param {string} text Component label text
  * @param {CheckboxStatus} value Checkbox status
+ * @param {string} textColor To change label text color
  */
 declare const Checkbox: ({ value, ...rest }: CheckboxProps) => JSX.Element;
 export default Checkbox;

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

@@ -37,6 +37,7 @@ export interface CheckboxImplProps extends Omit<CheckboxInputProps, 'hasError'>,
     helper?: InputHelperProps;
     className?: string;
     onChange?: InputHTMLAttributes<HTMLInputElement>['onChange'];
+    textColor?: paletteColor;
 }
 export interface CheckboxProps extends Omit<CheckboxImplProps, 'value'> {
     value: CheckboxImplProps['value'] | boolean;

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

@@ -28,6 +28,7 @@ import { TableProps } from './types';
  * @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
+ * @param {string | number} actionColumnWidth used to determine the width of the action column
  */
-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, rowIdHighlight, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, }: TableProps<T>) => JSX.Element;
+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, rowIdHighlight, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, actionColumnWidth, disableScrollX, }: TableProps<T>) => JSX.Element;
 export default Table;

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

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

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

@@ -8,6 +8,7 @@ interface Props<T> {
     rowSize?: RowSize;
     isLoading?: boolean;
     onRowClick?: (row: Row<T>) => void;
+    actionColumnWidth?: string | number;
 }
-declare const Cell: <T>({ cell, row, hover, rowSize, isLoading, onRowClick }: Props<T>) => JSX.Element;
+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,6 +8,7 @@ interface Props<T> extends ActionColumnDef<T> {
     column: Column<T, unknown>;
     maxWidth?: number;
     minWidth?: number;
+    actionColumnWidth?: string | number;
 }
-declare const CustomActionCell: <T>({ actionType, row, isToggled, onActionChange, rowActions, column, maxWidth, minWidth, }: Props<T>) => JSX.Element;
+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,8 @@ type Props<CellProps> = {
     context: CellContext<CellProps, unknown>;
     hover?: boolean;
     rowSize?: RowSize;
+    actionColumnWidth?: string | 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, }: Props<CellProps>) => JSX.Element;
+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;
 export default CustomCell;

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

@@ -22,4 +22,6 @@ export declare const MicroTagContainer: import("styled-components").StyledCompon
 export declare const InputTextWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     hasMeasureUnit?: boolean | undefined;
 }, never>;
-export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ContentContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    unitSymbol?: string | undefined;
+}, never>;

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

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

@@ -1,9 +1,10 @@
 /// <reference types="react" />
 import { Header } from '@tanstack/react-table';
 import { onChangeTableSettings } from '../../../types';
-interface CustomHeaderCellProps<T> {
+export interface CustomHeaderCellProps<T> {
     header: Header<T, unknown>;
     onOpen?: (isOpen: boolean) => void;
+    onClose?: (isOpen: boolean) => void;
     forceHideSettings: boolean;
     rowSelection?: string[];
     setRowSelection?: (e: string[]) => void;
@@ -11,6 +12,7 @@ interface CustomHeaderCellProps<T> {
     dimensionRow?: number;
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
+    actionColumnWidth?: number | string;
 }
-declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, }: CustomHeaderCellProps<T>) => JSX.Element;
+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,6 +14,7 @@ interface HeaderCellProps<T> {
     dimensionRow?: number;
     onChangeTableSettings?: onChangeTableSettings;
     isLoading: boolean;
+    actionColumnWidth?: string | number;
 }
-declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, isLoading, }: HeaderCellProps<T>) => JSX.Element;
+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/row/Row.d.ts

@@ -8,6 +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;
 }
-declare const Tr: <T>({ row, isLoading, onRowClick, isRowHighlighted, rowHighlightColor, defaultRowSize, }: TrProps<T>) => JSX.Element;
+declare const Tr: <T>({ row, isLoading, onRowClick, isRowHighlighted, rowHighlightColor, defaultRowSize, actionColumnWidth, }: TrProps<T>) => JSX.Element;
 export default Tr;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Column, DisplayColumnDef, GroupColumnDef, IdentifiedColumnDef, PaginationState, Row, SortDirection } from '@tanstack/react-table';
+import { buttonColors } from 'components/buttons/button/types';
 import { AvatarProps } from '../avatar';
 import { ButtonProps } from '../buttons';
 import { DropdownItemType } from '../dropdown';
@@ -50,6 +51,8 @@ export interface TableProps<T> {
     };
     notRemovableColumns?: string[];
     onChangeTableSettings?: onChangeTableSettings;
+    actionColumnWidth?: string | number;
+    disableScrollX?: boolean;
 }
 export type onChangeTableSettings = (key: keyof PreSettedTableSettings, valueChange: Pick<PreSettedTableSettings, 'orderColumns' | 'dimensionRow' | 'notVisibleColumns'>) => void;
 export interface PreSettedTableSettings {
@@ -168,10 +171,14 @@ type BasicPrimaryAction<T> = {
 interface PrimaryTextAction<T> extends BasicPrimaryAction<T> {
     text?: string | number;
     icon?: never;
+    color?: buttonColors;
+    className?: string;
 }
 interface PrimaryIconAction<T> extends BasicPrimaryAction<T> {
     text?: never;
     icon?: IconProps;
+    color?: buttonColors;
+    className?: string;
 }
 export type PrimaryAction<T> = PrimaryTextAction<T> | PrimaryIconAction<T>;
 export type DropdownAction<T> = {

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

@@ -8,6 +8,6 @@ interface ColumnsHelperProps<T> extends Omit<TableProps<T>, 'data' | 'uniqueId'>
         notVisibleColumns?: string[];
     };
 }
-export declare const useColumnsHelper: <T>({ columns, isSelectable, toggles, isTogglesSortable, onTogglesChange, rowActions, enableSettings, settingsDropdownConfig, preSettedTableSettings, }: ColumnsHelperProps<T>) => ColumnDef<T, CellProps>[];
+export declare const useColumnsHelper: <T>({ columns, isSelectable, toggles, isTogglesSortable, onTogglesChange, rowActions, enableSettings, settingsDropdownConfig, preSettedTableSettings, actionColumnWidth, }: ColumnsHelperProps<T>) => ColumnDef<T, CellProps>[];
 export declare const getNextSortingDirection: (direction?: false | SortDirection) => false | SortDirection;
 export {};

package/dist/components/tabs/common/Item.d.ts

@@ -2,6 +2,7 @@ import { RefObject } from 'react';
 import { TabsItem } from './types';
 interface Props extends TabsItem {
     tabRef?: () => RefObject<HTMLDivElement>;
+    customBadge?: JSX.Element;
 }
-declare const Item: ({ active, handleClick, tabRef, text, tooltip, badge }: Props) => JSX.Element;
+declare const Item: ({ active, handleClick, tabRef, text, tooltip, badge, customBadge }: Props) => JSX.Element;
 export default Item;

package/dist/components/tabs/common/types.d.ts

@@ -14,4 +14,5 @@ export interface TabsItem {
     handleClick?: () => void;
     tooltip?: TooltipProps;
     badge?: TabsBadgeProps;
+    customBadge?: JSX.Element;
 }

package/dist/components/tabs/tabs.stories.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
-import React from 'react';
 import { TabsProps } from './common/types';
-export declare const WithDropdown: () => React.JSX.Element;
-export declare const Scrollable: () => React.JSX.Element;
+export declare const WithDropdown: () => JSX.Element;
+export declare const Scrollable: () => JSX.Element;
 declare const TabsStories: Meta<TabsProps>;
+export declare const WithCustomBadge: () => JSX.Element;
 export default TabsStories;