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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { AccessorColumnDef, AdditionalColumnDef, CustomCellProps } from '../../../types';
-type CustomInputProps<CellProps> = {
+declare type CustomInputProps<CellProps> = {
     row: Row<CellProps>;
     hover?: boolean;
 } & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'> & AdditionalColumnDef<CellProps>;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Row } from '@tanstack/react-table';
 import { AccessorColumnDef, CustomCellProps } from '../../../types';
-type TextAreaPopupProps<CellProps> = {
+declare type TextAreaPopupProps<CellProps> = {
     row: Row<CellProps>;
     onBlur: () => void;
 } & CustomCellProps & Omit<AccessorColumnDef<CellProps>, 'isEditable'>;

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/header/styled.d.ts

@@ -0,0 +1 @@
+export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ColumnDef } from '@tanstack/react-table';
+import { CellProps } from '../../types';
+interface Props<T> {
+    loadingMode: 'full' | 'cell';
+    columns: ColumnDef<T, CellProps>[];
+}
+declare const LoadingRow: <T>({ columns, loadingMode }: Props<T>) => JSX.Element;
+export default LoadingRow;

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/hooks/useColumnPinning.d.ts

@@ -4,5 +4,5 @@ interface ReturnType {
     readonly columnPinning: ColumnPinningState;
     readonly setColumnPinning: React.Dispatch<React.SetStateAction<ColumnPinningState>>;
 }
-export declare const useColumnPinning: (defaultValues?: ColumnPinningState) => ReturnType;
+export declare const useColumnPinning: (defaultValues?: ColumnPinningState | undefined) => ReturnType;
 export {};

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

@@ -1,2 +1,2 @@
 export { default as NewTable } from './Table';
-export { ColumnDefType, ColumnsType, CellProps, BulkAction, RowActions, RowAction, RowSize } from './types';
+export { ColumnDefType, ColumnsType, CellProps, BulkAction, RowActions, RowAction } from './types';

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

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

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 { 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,8 +51,10 @@ 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 declare type onChangeTableSettings = (key: keyof PreSettedTableSettings, valueChange: Pick<PreSettedTableSettings, 'orderColumns' | 'dimensionRow' | 'notVisibleColumns'>) => void;
 export interface PreSettedTableSettings {
     orderColumns?: string[];
     dimensionRow?: number;
@@ -68,8 +71,8 @@ interface SettingsDropdownConfig {
 }
 export declare enum RowSize {
     UNSPECIFIED = 0,
-    SMALL = 42,
-    LARGE = 56
+    SMALL,
+    LARGE
 }
 export declare enum ColumnDefType {
     ACCESSOR = "accessor",
@@ -89,14 +92,14 @@ interface InitalColumnDef<T> extends Omit<IdentifiedColumnDef<T, CellProps>, 'he
     header?: IdentifiedColumnDef<T, CellProps>['header'] | JSX.Element;
     disableClick?: boolean;
 }
-export type AccessorColumnDef<T> = InitalColumnDef<T> | ExtraColumnDef<T>;
+export declare type AccessorColumnDef<T> = InitalColumnDef<T> | ExtraColumnDef<T>;
 export declare enum ActionType {
     CHECKBOX = "checkbox",
     TOGGLE = "toggle",
     ROW_ACTIONS = "row_actions",
     SETTINGS = "settings"
 }
-export type ActionColumnDef<T> = {
+export declare type ActionColumnDef<T> = {
     onActionChange?: (id: string) => void;
     actionType: ActionType;
     toggles?: string[];
@@ -105,7 +108,7 @@ export type ActionColumnDef<T> = {
     rowActions?: RowActions<T>;
     settingsDropdownConfig?: SettingsDropdownConfig;
 } & IdentifiedColumnDef<T, CellProps>;
-export type AdditionalColumnDef<T> = {
+export declare type AdditionalColumnDef<T> = {
     unitSymbol?: string;
     minWidth?: number;
     maxWidth?: number;
@@ -114,7 +117,7 @@ export type AdditionalColumnDef<T> = {
     align?: 'center' | 'left' | 'right';
     headerTitle?: string;
 };
-export type ColumnsType<T> = ({
+export declare type ColumnsType<T> = ({
     columnDefType: ColumnDefType.ACCESSOR;
     columnDef: AccessorColumnDef<T> & AdditionalColumnDef<T>;
 } & BaseColumnsType<T>) | ({
@@ -148,8 +151,8 @@ export interface BasicCustomCell {
     tag?: TagProps;
     isToggled?: boolean;
 }
-export type CustomCellProps = CustomCellWithIcon | CustomCellWithAvatar;
-export type CellProps = CustomCellProps | string | number;
+export declare type CustomCellProps = CustomCellWithIcon | CustomCellWithAvatar;
+export declare type CellProps = CustomCellProps | string | number;
 export interface RowActions<T> {
     headerTitle?: string | number;
     primary?: PrimaryAction<T>[];
@@ -161,20 +164,24 @@ export interface RowAction<T> {
     type?: DropdownItemType;
     onClick: (row: Row<T>) => void;
 }
-type BasicPrimaryAction<T> = {
+declare type BasicPrimaryAction<T> = {
     tooltip?: TooltipProps;
     onClick: (row: Row<T>) => void;
 };
 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> = {
+export declare type PrimaryAction<T> = PrimaryTextAction<T> | PrimaryIconAction<T>;
+export declare type DropdownAction<T> = {
     items: RowAction<T>[];
     tooltip?: TooltipProps;
 };
@@ -187,16 +194,11 @@ export interface AllSelectedCTA {
     onClick: () => void;
     text: string;
 }
-export type OnSort<T> = (sortParams: {
+export declare type OnSort<T> = (sortParams: {
     sortBy: keyof T;
     direction: false | SortDirection;
 }) => void;
-export type CustomSorted<T> = {
+export declare type CustomSorted<T> = {
     [key in keyof T]: false | SortDirection;
 };
-export type CustomColumn<T> = Column<T, unknown> & {
-    columnDef: Pick<Column<T, unknown>, 'columnDef'> & {
-        headerTitle?: string;
-    };
-};
 export {};

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 getNextSortingDirection: (direction?: false | SortDirection) => false | SortDirection;
+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 | undefined) => false | SortDirection;
 export {};

package/dist/components/oldTable/components/checkboxes/Cell.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CellProps } from 'react-table';
 import { TableData } from '../../types';
-declare const Cell: <T extends TableData>({ row }: CellProps<T>) => JSX.Element;
+declare const Cell: <T extends TableData>({ row }: CellProps<T, any>) => JSX.Element;
 export default Cell;

package/dist/components/oldTable/components/tableParts/TableTd.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-type alignType = 'left' | 'center' | 'right';
+declare type alignType = 'left' | 'center' | 'right';
 interface Props extends React.HTMLAttributes<HTMLTableDataCellElement> {
     align?: alignType;
     isLoading?: boolean;

package/dist/components/oldTable/components/tableParts/TableTh.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-type Props = React.HTMLAttributes<HTMLTableHeaderCellElement>;
+declare type Props = React.HTMLAttributes<HTMLTableHeaderCellElement>;
 export declare const TableTh: import("styled-components").StyledComponent<({ children, ...rest }: Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default TableTh;

package/dist/components/oldTable/hooks/useTableHooks.d.ts

@@ -1,6 +1,6 @@
 import { PluginHook } from 'react-table';
 import { TableProps } from '../Table';
 import { TableData } from '../types';
-type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows' | 'actionsHeader'>;
+declare type Props<T extends TableData> = Pick<TableProps<T>, 'actions' | 'withCheckbox' | 'renderActions' | 'selectableRows' | 'actionsHeader'>;
 declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox, selectableRows, actionsHeader, }: Props<T>) => PluginHook<T>[];
 export default useTableHooks;

package/dist/components/oldTable/stories/components/Role.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export declare const rolesArray: readonly ["master", "admin", undefined];
-export type roleType = typeof rolesArray[number];
+export declare type roleType = typeof rolesArray[number];
 interface Props {
     role: roleType;
 }

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

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

package/dist/components/oldTable/tablePalette.d.ts

@@ -1,22 +1,22 @@
 import { colorsPalette } from '../../common/types/colorsPalette';
 import { ButtonProps, IconButtonProps } from '../buttons';
 import { DropdownItemType } from '../dropdown';
-type TableHeaderPalette = colorsPalette;
-type rowStatus = 'normal' | 'hover' | 'selected' | 'disabled';
-type TableRowsPalette = {
+declare type TableHeaderPalette = colorsPalette;
+declare type rowStatus = 'normal' | 'hover' | 'selected' | 'disabled';
+declare type TableRowsPalette = {
     [k in rowStatus]: colorsPalette;
 };
 interface SelectedRowsCountPalette extends colorsPalette {
     resetButtonColor: ButtonProps['color'];
 }
-type paginationItemStatus = 'normal' | 'hover' | 'active';
-type PaginationPalette = {
+declare type paginationItemStatus = 'normal' | 'hover' | 'active';
+declare type PaginationPalette = {
     numbers: {
         [k in paginationItemStatus]: colorsPalette;
     };
     buttons: ButtonProps['color'];
 };
-type ActionsPalette = {
+declare type ActionsPalette = {
     colors: {
         [k in DropdownItemType]: ButtonProps['color'];
     };

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

@@ -22,7 +22,7 @@ interface ManualPaginationConfig {
     pageCount: number;
     setCurrentPage: (page: number) => void;
 }
-export type ManualPagination = ManualPaginationConfig | undefined;
-export type OnSort<T extends TableData> = (sortBy: Array<SortingRule<T>>) => void;
-export type OnSelectionChange<T extends TableData> = (rows: Row<T>[], addedRows: Row<T>[], removedRows: Row<T>[]) => void;
+export declare type ManualPagination = ManualPaginationConfig | undefined;
+export declare type OnSort<T extends TableData> = (sortBy: Array<SortingRule<T>>) => void;
+export declare type OnSelectionChange<T extends TableData> = (rows: Row<T>[], addedRows: Row<T>[], removedRows: Row<T>[]) => void;
 export {};

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

@@ -1,6 +1,6 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { PaginationProps } from './types';
-export declare const Template: StoryFn<PaginationProps>;
-export declare const Normal: StoryFn<PaginationProps>;
+export declare const Template: Story<PaginationProps>;
+export declare const Normal: Story<PaginationProps>;
 declare const PaginationStories: Meta<PaginationProps>;
 export default PaginationStories;

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

@@ -6,7 +6,7 @@ export declare enum PaginationType {
     YELLOW = "yellow",
     GREEN = "green"
 }
-export type PaginationProps = {
+export declare type PaginationProps = {
     pageSize: number;
     listSize: number;
     changePageAction: (pageNumber: number) => void;
@@ -17,9 +17,9 @@ export type PaginationProps = {
     nextText: string;
     totalPages?: number;
 };
-type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
-type PaginationButtonsStatus = 'normal' | 'disabled';
-export type PaginationPalette = {
+declare type PaginationNumbersStatus = 'normal' | 'hover' | 'active';
+declare type PaginationButtonsStatus = 'normal' | 'disabled';
+export declare type PaginationPalette = {
     numbers: {
         [k in PaginationNumbersStatus]: {
             backgroundColor: paletteColor;

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

@@ -1,8 +1,8 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import React, { ComponentProps } from 'react';
 import { ProgressBar } from '.';
 import { ProgressBarProps } from './';
-export declare const Template: StoryFn<ProgressBarProps>;
+export declare const Template: Story<ProgressBarProps>;
 export declare const Editable: () => React.JSX.Element;
 export declare const Autocomplete: () => React.JSX.Element;
 export declare const AllColors: () => React.JSX.Element;

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

@@ -10,7 +10,7 @@ export interface ProgressBarProps {
     color?: ProgressBarType;
     percentage: number;
 }
-export type ProgressBarPalette = {
+export declare type ProgressBarPalette = {
     [key in ProgressBarType]: {
         backgroundColor: paletteColor;
     };

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

@@ -1,5 +1,5 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { SegmentButtonProps } from './types';
-export declare const Standard: StoryFn<SegmentButtonProps>;
+export declare const Standard: Story<SegmentButtonProps>;
 declare const SegmentButtonStories: Meta<SegmentButtonProps>;
 export default SegmentButtonStories;

package/dist/components/segmentButton/styled.d.ts

@@ -1,4 +1,4 @@
-type Props = {
+declare type Props = {
     active: boolean;
 };
 export declare const SegmentButtonContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +1,6 @@
 import { paletteColor } from '../../styles/types';
 import { IconProps } from '../icon';
-export type SegmentButtonPalette = {
+export declare type SegmentButtonPalette = {
     selected: {
         background: paletteColor;
         border: paletteColor;
@@ -14,12 +14,12 @@ export type SegmentButtonPalette = {
         secondary: paletteColor;
     };
 };
-export type Segment = {
+export declare type Segment = {
     counter?: number;
     icon?: IconProps;
     text?: string;
 };
-export type SegmentButtonProps = {
+export declare type SegmentButtonProps = {
     onChange?: (i: number, s: Segment) => void;
     preselected?: number;
     segments: Segment[];

package/dist/components/stepper/components/StepItem.d.ts

@@ -6,5 +6,5 @@ interface Props {
     status: stepStatusType;
 }
 declare const StepItem: ({ text, number, status }: Props) => JSX.Element;
-export type StepItemWrapperProps = Pick<Props, 'status'>;
+export declare type StepItemWrapperProps = Pick<Props, 'status'>;
 export default StepItem;

package/dist/components/stepper/stepperPalette.d.ts

@@ -5,7 +5,7 @@ export interface ItemStatusStyles {
     circleBackground: paletteColor;
     circleTextColor: paletteColor;
 }
-type ItemPalette = {
+declare type ItemPalette = {
     [k in stepStatusType]: ItemStatusStyles;
 };
 export interface StepperPalette {

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

@@ -1 +1 @@
-export type stepStatusType = 'completed' | 'active' | 'normal';
+export declare type stepStatusType = 'completed' | 'active' | 'normal';

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

@@ -1,5 +1,5 @@
 import { InputHTMLAttributes } from 'react';
-export type switchColors = 'blue' | 'green';
+export declare type switchColors = 'blue' | 'green';
 export interface SwitchProps {
     checked: boolean;
     onChange: InputHTMLAttributes<HTMLInputElement>['onChange'];

package/dist/components/table/components/ActionsCell.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Row } from 'react-table';
+import { RowActions, TableData } from '../types';
+interface Props<T extends TableData> {
+    row: Row<T>;
+    actions?: RowActions<T>;
+    renderActions?: () => JSX.Element;
+}
+declare const ActionsCell: <T extends TableData>({ row, actions, renderActions }: Props<T>) => JSX.Element;
+export default ActionsCell;

package/dist/components/table/components/SortIndicator.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    isSorted: boolean;
+    isSortedDesc?: boolean;
+}
+declare const SortIndicator: ({ isSorted, isSortedDesc }: Props) => JSX.Element;
+export default SortIndicator;

package/dist/components/table/components/TableBody.d.ts

@@ -0,0 +1,14 @@
+import { Row, UseTableInstanceProps } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    rows: Row<T>[];
+    prepareRow: UseTableInstanceProps<T>['prepareRow'];
+    selectedRowsIds: string[];
+    isLoading: boolean;
+}
+declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
+export interface TableBodyTrProps {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+}
+export default TableBody;

package/dist/components/table/components/TableFoot.d.ts

@@ -0,0 +1,2 @@
+declare const TableFoot: import("styled-components").StyledComponent<"tfoot", import("styled-components").DefaultTheme, {}, never>;
+export default TableFoot;

package/dist/components/table/components/TableHeader.d.ts

@@ -0,0 +1,7 @@
+import { HeaderGroup } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    headerGroups: HeaderGroup<T>[];
+}
+declare const TableHeader: <T extends TableData>({ headerGroups }: Props<T>) => JSX.Element;
+export default TableHeader;

package/dist/components/table/components/tableBody/TableBodyLoader.d.ts

@@ -0,0 +1,7 @@
+import { ColumnInstance } from 'react-table';
+import { TableData } from '../../types';
+interface Props<T extends TableData> {
+    allColumns: ColumnInstance<T>[];
+}
+declare const TableBodyLoader: <T extends TableData>({ allColumns }: Props<T>) => JSX.Element;
+export default TableBodyLoader;

package/dist/components/table/components/tableBody/styled.d.ts

@@ -0,0 +1,3 @@
+import { TableBodyTrStyles } from '../../utils';
+import { TableBodyTrProps } from '../TableBody';
+export declare const TableBodyTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, import("../tableParts/styled").TrProps & TableBodyTrStyles & TableBodyTrProps, keyof TableBodyTrStyles>;

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

@@ -7,11 +7,12 @@ export interface TabsProps {
     distance?: number;
     lateralPadding?: number;
 }
-export type TabsBadgeProps = Omit<WithBadgeProps, 'children'>;
+export declare type TabsBadgeProps = Omit<WithBadgeProps, 'children'>;
 export interface TabsItem {
     text: string | JSX.Element;
     active?: boolean;
     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;

package/dist/components/tag/tagPalette.d.ts

@@ -1,11 +1,11 @@
 import { paletteColor } from '../../styles/types';
-export type tagTypes = 'standard' | 'error' | 'info' | 'warning' | 'success';
-export type tagStyles = 'soft' | 'full' | 'text';
-export type tagParts = 'color' | 'backgroundColor';
-export type TagParts = {
+export declare type tagTypes = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export declare type tagStyles = 'soft' | 'full' | 'text';
+export declare type tagParts = 'color' | 'backgroundColor';
+export declare type TagParts = {
     [key in tagParts]: paletteColor;
 };
-export type TagPalette = {
+export declare type TagPalette = {
     [key in tagStyles]: {
         [key in tagTypes]: TagParts;
     };

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

@@ -1,6 +1,6 @@
-import { Meta, StoryFn } from '@storybook/react';
+import { Meta, Story } from '@storybook/react';
 import { ShortcutTipProps, TipProps } from './types';
-export declare const Normal: StoryFn<TipProps>;
-export declare const Shortcut: StoryFn<ShortcutTipProps>;
+export declare const Normal: Story<TipProps>;
+export declare const Shortcut: Story<ShortcutTipProps>;
 declare const TipStories: Meta<TipProps>;
 export default TipStories;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactChild } from 'react';
 import { paletteColor } from '../..';
 import { IconProps } from '../icon';
 export declare enum TipType {
@@ -18,10 +18,10 @@ export interface TipProps {
     leftIcon?: IconProps;
     onClose?: () => void;
     renderCloseIcon?: () => JSX.Element;
-    text: ReactNode;
+    text: ReactChild;
     type?: TipType;
 }
-export type TipPalette = {
+export declare type TipPalette = {
     [key in TipType]: {
         color: paletteColor;
         backgroundColor: paletteColor;