@fattureincloud/fic-design-system 0.4.9-expenses.1.1 → 0.4.9-expenses.1.4

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     title?: string;
     renderTitle?: () => JSX.Element;

package/dist/components/avatar/Avatar.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { AvatarProps } from './types';
 declare const Avatar: import("styled-components").StyledComponent<(props: AvatarProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
 export default Avatar;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { AvatarProps } from './types';
 export declare const Generic: () => JSX.Element;

package/dist/components/badge/{badge.d.ts → Badge.d.ts}

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { BadgeProps } from './types';
 export declare const Badge: (props: BadgeProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { BadgeProps } from './types';
 export declare const Normal: () => JSX.Element;

package/dist/components/banner/Banner.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from '../icon';
 export declare type bannerColorType = 'red' | 'blue' | 'yellow' | 'green' | 'grey' | undefined;
 export interface BannerProps {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { BannerProps } from './Banner';
 export declare const WithKnobs: () => JSX.Element;

package/dist/components/buttons/button/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonProps } from './Button';
 import { ButtonStyles, WrapperProps } from './types';
 export declare const LeftIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/buttons/iconButton/iconButton.stories.d.ts

@@ -1 +1,2 @@
+/// <reference types="react" />
 export declare const WithKnobs: () => JSX.Element;

package/dist/components/chips/components/styledChipWrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ChipsProps } from '../types';
 export declare const StyledChipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ChipsProps, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface ChipsProps {
     text?: string | number;
     statusEdit?: boolean;

package/dist/components/drawer/components/styledDrawerWrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UnstyledDrawerProps } from '../types';
 export declare const StyledDrawerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledDrawerProps, never>;
 export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     show?: boolean;
     title?: string;

package/dist/components/dropdown/components/Item.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownItemProps } from '../types';
 import { DropdownItemStyles } from '../utils';
 declare const Item: ({ active, className, icon, onClick, shortcut, text, isDisabled, ...rest }: DropdownItemProps) => JSX.Element;

package/dist/components/dropdown/components/Separator.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const Separator: () => JSX.Element;
 export default Separator;

package/dist/components/dropdown/components/Title.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TitleProps } from '../types';
 declare const Title: (props: TitleProps) => JSX.Element;
 export default Title;

package/dist/components/dropdown/components/UserListItem.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UserListItemProps } from '../types';
 export declare const UserListItem: (props: UserListItemProps) => JSX.Element;
 export declare const UserListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { DropdownProps } from './types';
 export declare const Simple: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { WithBadgeProps } from './types';
 export declare const Normal: () => JSX.Element;

package/dist/components/form/datepicker/DatePicker.d.ts

@@ -0,0 +1,5 @@
+import { LabelProps } from '../label';
+import { DatePickerImplProps } from './DatePickerImpl';
+export declare type DatePickerProps = LabelProps & DatePickerImplProps;
+declare const DatePicker: (props: DatePickerProps) => JSX.Element;
+export default DatePicker;

package/dist/components/form/datepicker/DatePickerImpl.d.ts

@@ -0,0 +1,25 @@
+import { Dispatch, ReactChild, SetStateAction } from 'react';
+import { ReactDatePickerProps } from 'react-datepicker';
+import { CommonFormTypes } from '../common/types';
+export declare type RenderCustomFooterType = (props: RenderCustomFooterProps) => ReactChild;
+export declare type CustomButtonProps = {
+    text: string;
+    onClick: (props: RenderCustomFooterProps) => void;
+};
+export interface DatePickerImplProps extends ReactDatePickerProps, CommonFormTypes {
+    date: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    allowMonthView?: boolean;
+    allowYearView?: boolean;
+    yearsDisplayed?: number;
+    hasTodayButton?: boolean;
+    customButtons?: CustomButtonProps[];
+    renderCustomFooter?: RenderCustomFooterType;
+    isPrefilled?: boolean;
+}
+export interface RenderCustomFooterProps extends DatePickerImplProps {
+    isOpen: boolean;
+    setIsOpen: Dispatch<SetStateAction<boolean>>;
+}
+declare const DatePickerImpl: (props: DatePickerImplProps) => JSX.Element;
+export default DatePickerImpl;

package/dist/components/{table/components/actions/actionsContainer.d.ts → form/datepicker/StyledDatePicker.d.ts}

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

package/dist/components/form/datepicker/components/CustomButton.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    onClick: () => void;
+    selected?: boolean;
+    text: string;
+}
+declare const CustomButton: ({ onClick, selected, text }: Props) => JSX.Element;
+export default CustomButton;

package/dist/components/form/datepicker/components/DatePickerDay.d.ts

@@ -0,0 +1,3 @@
+import { ReactDatePickerProps } from 'react-datepicker';
+declare const DatePickerDay: ReactDatePickerProps['renderDayContents'];
+export default DatePickerDay;

package/dist/components/form/datepicker/components/DatePickerHeader.d.ts

@@ -0,0 +1,8 @@
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+export interface DatePickerHeaderProps extends ReactDatePickerCustomHeaderProps {
+    allowMonthView: boolean;
+    allowYearView: boolean;
+    yearsDisplayed: number;
+}
+declare const DatePickerHeader: (props: DatePickerHeaderProps) => JSX.Element;
+export default DatePickerHeader;

package/dist/components/form/datepicker/components/MonthPicker.d.ts

@@ -0,0 +1,4 @@
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+declare type Props = Pick<ReactDatePickerCustomHeaderProps, 'changeMonth' | 'date'>;
+declare const MonthPicker: ({ changeMonth, date }: Props) => JSX.Element;
+export default MonthPicker;

package/dist/components/form/datepicker/components/YearPicker.d.ts

@@ -0,0 +1,6 @@
+import { ReactDatePickerCustomHeaderProps } from 'react-datepicker';
+interface Props extends Pick<ReactDatePickerCustomHeaderProps, 'date' | 'changeYear'> {
+    yearsDisplayed: number;
+}
+declare const YearPicker: ({ date, changeYear, yearsDisplayed }: Props) => JSX.Element;
+export default YearPicker;

package/dist/components/form/datepicker/components/hooks/useDatePickerHeaderShowLogic.d.ts

@@ -0,0 +1,15 @@
+import { datePickerStatus } from '../../types';
+import { DatePickerHeaderProps } from '../DatePickerHeader';
+interface ReturnType {
+    status: datePickerStatus;
+    title: string;
+    leftArrowOnClick: () => void;
+    leftArrowIsDisabled: boolean;
+    rightArrowOnClick: () => void;
+    rightArrowIsDisabled: boolean;
+    onBottomArrowClick: () => void;
+    showBottomArrow: boolean;
+    showLRArrows: boolean;
+}
+declare const useDatePickerHeaderShowLogic: ({ date, decreaseMonth, increaseMonth, prevMonthButtonDisabled, nextMonthButtonDisabled, nextYearButtonDisabled, prevYearButtonDisabled, decreaseYear, increaseYear, allowYearView, allowMonthView, }: DatePickerHeaderProps) => ReturnType;
+export default useDatePickerHeaderShowLogic;

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

@@ -0,0 +1,5 @@
+interface DatePickerItemProps {
+    isActive: boolean;
+}
+export declare const DatePickerItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DatePickerItemProps, never>;
+export {};

package/dist/components/form/datepicker/datePickerPalette.d.ts

@@ -0,0 +1,33 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+declare type itemStatus = 'normal' | 'active' | 'normalHover' | 'activeHover';
+declare type DayPalette = {
+    borderRadius: string;
+    today: {
+        [k in itemStatus]: colorsPalette;
+    };
+    inMonth: {
+        [k in itemStatus]: colorsPalette;
+    };
+    outMonth: {
+        [k in Exclude<itemStatus, 'active' | 'activeHover'>]: colorsPalette;
+    };
+};
+declare type ItemStatusPalette = {
+    [k in itemStatus]: colorsPalette;
+};
+interface ItemPalette extends ItemStatusPalette {
+    borderRadius: string;
+}
+interface DaysNamesPalette {
+    color: paletteColor;
+}
+export interface DatePickerPalette {
+    background: paletteColor;
+    weekDaysNames: DaysNamesPalette;
+    days: DayPalette;
+    item: ItemPalette;
+    defaultYearsDisplayed: number;
+}
+declare const datePickerPalette: DatePickerPalette;
+export default datePickerPalette;

package/dist/components/form/datepicker/datepicker.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, Story } from '@storybook/react';
+import { DatePickerProps } from './DatePicker';
+export declare const Normal: Story<DatePickerProps>;
+export declare const WithCustomButton: Story<DatePickerProps>;
+declare const DatePickerStories: Meta<DatePickerProps>;
+export default DatePickerStories;

package/dist/components/form/datepicker/hooks/useDatePickerValues.d.ts

@@ -0,0 +1,13 @@
+import { Dispatch, SetStateAction } from 'react';
+interface ReturnType {
+    date: Date | null;
+    setDate: Dispatch<SetStateAction<Date | null>>;
+    value: string | null;
+    setValue: Dispatch<SetStateAction<string | null>>;
+}
+interface Props {
+    initialDate?: Date | null;
+    initialValue?: string | null;
+}
+declare const useDatePickerValues: ({ initialDate, initialValue }?: Props) => ReturnType;
+export default useDatePickerValues;

package/dist/components/form/datepicker/hooks/useYearsList.d.ts

@@ -0,0 +1,2 @@
+declare const useYearsList: (dateYear: number, page: number, yearsCount: number) => number[];
+export default useYearsList;

package/dist/components/form/datepicker/index.d.ts

@@ -0,0 +1,5 @@
+import DatePicker, { DatePickerProps } from './DatePicker';
+import datePickerPalette, { DatePickerPalette } from './datePickerPalette';
+import useDatePickerValues from './hooks/useDatePickerValues';
+import { timeConversionOptions } from './utils';
+export { datePickerPalette, DatePickerProps, DatePickerPalette, DatePicker, useDatePickerValues, timeConversionOptions };

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

@@ -0,0 +1 @@
+export declare type datePickerStatus = 'dayPicker' | 'monthPicker' | 'yearPicker';

package/dist/components/form/datepicker/utils.d.ts

@@ -0,0 +1 @@
+export declare const timeConversionOptions: Intl.DateTimeFormatOptions;

package/dist/components/form/fileUploader/fileUploaderPalette.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { paletteColor } from '../../../styles/types';
 import { IconProps } from '../../icon';
 import { statuses } from './types';

package/dist/components/form/label/Label.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface LabelProps extends WrapperProps {
     label?: string | JSX.Element;
 }

package/dist/components/groupedList/components/groupElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CommonComponentsProps, GroupType } from '../types';
 interface GroupElementType extends GroupType, CommonComponentsProps {
 }

package/dist/components/groupedList/components/itemElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CommonComponentsProps, ItemType } from '../types';
 interface ItemElementType extends ItemType, CommonComponentsProps {
 }

package/dist/components/groupedList/components/titleElement.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GroupType } from '../types';
 interface Props {
     title: GroupType['title'];

package/dist/components/groupedList/groupedList.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { GroupedListProps } from './types';
 declare const GroupedList: (props: GroupedListProps) => JSX.Element;
 export default GroupedList;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { GroupedListProps } from './types';
 export declare const Simple: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { IconProps } from './Icon';
 export declare const Normal: () => JSX.Element;

package/dist/components/inlineMessages/components/styledInlineMessageWrapper.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InlineMessagesProps, StyledContentProps } from '../types';
 export declare const StyledIconTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/inlineMessages/inlineMessages.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InlineMessagesProps } from './types';
 declare const InlineMessage: (props: InlineMessagesProps) => JSX.Element;
 export default InlineMessage;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { InlineMessagesProps } from './types';
 export declare const Colors: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from '../icon';
 export declare type MessageType = 'standard' | 'error' | 'info' | 'warning' | 'success';
 export interface InlineMessagesProps {

package/dist/components/microTag/microtag.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { MicroTagProps } from './MicroTag';
 export declare const Normal: () => JSX.Element;

package/dist/components/modals/confirmationModal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     title: string;
     type: 'success' | 'error' | 'warning' | 'info';

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { ModalPropsInterface } from './types';
 export declare const OpenModal: () => JSX.Element;

package/dist/components/pageEmptySet/pageEmptySet.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from '../icon';
 interface Props {
     icon?: IconProps;

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { PaginationProps } from './types';
 export declare const Pagination: (props: PaginationProps) => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { PaginationProps } from './types';
 export declare const Normal: () => JSX.Element;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface Props {
     color?: 'blue' | 'green' | 'red' | 'yellow' | 'grey';
     percentage: number;

package/dist/components/radioButton/radio.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { RadioButtonInterface } from './typings/radioButton';
 export declare const WithKnobs: () => JSX.Element;

package/dist/components/radioButton/typings/radioButton.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface RadioInterface {
     isDisabled?: boolean;
     isChecked: boolean;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Meta } from '@storybook/react';
 import { StepperProps } from './Stepper';
 export declare const WithKnobs: () => JSX.Element;

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

@@ -0,0 +1,51 @@
+/// <reference types="react" />
+import { Row, UseTableOptions } from 'react-table';
+import { EmptyTablePageProps } from './components/EmptyState';
+import { ManualPagination, OnSort, RowActions, TableData } from './types';
+export interface TableProps<T extends TableData> extends UseTableOptions<T> {
+    sortable?: boolean;
+    onSort?: OnSort<T>;
+    noPagination?: boolean;
+    manualPagination?: ManualPagination;
+    onScroll?: () => void;
+    selectableRows?: boolean;
+    preSelectAllRows?: boolean;
+    onSelectionChange?: (rows: Array<Row<T>>) => void;
+    onRowClick?: (row: Row<T>) => void;
+    globalFilter?: string;
+    hideHeader?: boolean;
+    EmptyPage?: EmptyTablePageProps['EmptyPage'];
+    Footer?: JSX.Element;
+    withCheckbox?: boolean;
+    isLoading?: boolean;
+    actions?: RowActions<T>;
+    renderActions?: () => JSX.Element;
+    bodyHeight?: number | string;
+    headerHeight?: number | string;
+    rowHeight?: number | string;
+}
+/**
+ * Component Props:
+ * @param {boolean} sortable Makes all columns sortable, sort can be disabled for a single column inside columns definition
+ * @param {function} onSort Callback called on column sort change
+ * @param {boolean} noPagination Hide table paginator and disabled pagination
+ * @param {object} manualPagination If you want to manage the pagination by yourself
+ * @param {function} onScroll If pagination is disabled, this callback is called when user scroll to the bottom of the table
+ * @param {boolean} selectableRows Allow to select rows
+ * @param {boolean} preSelectAllRows Pre-select all rows
+ * @param {function} onSelectionChange Callback called when rows selection changes
+ * @param {function} onRowClick Callback called on row click
+ * @param {string} globalFilter Filter all columns by value
+ * @param {boolean} hideHeader Hide the table header
+ * @param {object} EmptyPage Configuration to show a custom component when table has no rows
+ * @param {JSX.Element} Footer Custom footer component
+ * @param {boolean} withCheckbox Show a column with checkboxes on left side of the table
+ * @param {boolean} isLoading Apply loading style to all cells
+ * @param {object} actions Configuration to render actions column
+ * @param {function} renderActions Used to customize actions column
+ * @param {number|string} bodyHeight Set tbody height, default 300px (if number is provided is considered as measure in pixels)
+ * @param {number|string} headerHeight Set thead and th height, default 40px (if number is provided is considered as measure in pixels)
+ * @param {number|string} rowHeight Set row height, default 40px (if number is provided is considered as measure in pixels)
+ */
+declare const Table: <T extends TableData>({ actions, bodyHeight, columns, data, EmptyPage, Footer, globalFilter: externalGlobalFilter, headerHeight, hideHeader, isLoading, manualPagination, noPagination, onRowClick, onScroll, onSelectionChange, onSort, preSelectAllRows, renderActions, rowHeight, selectableRows, sortable, withCheckbox, }: TableProps<T>) => JSX.Element;
+export default Table;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Row } from 'react-table';
 import { RowActions, TableData } from '../types';
 interface Props<T extends TableData> {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface EmptyTablePageProps {
     columnsCount: number;
     EmptyPage?: JSX.Element;

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

@@ -4,8 +4,9 @@ interface Props<T extends TableData> {
     rows: Row<T>[];
     prepareRow: UseTableInstanceProps<T>['prepareRow'];
     selectedRowsIds: string[];
+    isLoading: boolean;
 }
-declare const TableBody: <T extends TableData>({ rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
+declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds }: Props<T>) => JSX.Element;
 export interface TableBodyTrProps {
     isSelected?: boolean;
     isDisabled?: boolean;

package/dist/components/table/components/actions/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/loadingCell/LoadingCell.d.ts

@@ -0,0 +1,9 @@
+import { Key } from 'react';
+import { ColumnInstance } from 'react-table';
+import { TableData } from '../../types';
+interface LoadingCellProps<T extends TableData> {
+    column: ColumnInstance<T>;
+    key: Key;
+}
+declare const LoadingCell: <T extends TableData>({ column, key }: LoadingCellProps<T>) => JSX.Element;
+export default LoadingCell;

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

@@ -0,0 +1,12 @@
+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;
+    onRowClick?: (row: Row<T>) => void;
+    rowHeight?: number | string;
+}
+declare const TableBody: <T extends TableData>({ isLoading, rows, prepareRow, selectedRowsIds, onRowClick, rowHeight, }: Props<T>) => JSX.Element;
+export default TableBody;

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

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

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/table/components/tableHeader/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/tableHeader/TableHeader.d.ts

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

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

@@ -2,6 +2,7 @@ import React from 'react';
 declare type alignType = 'left' | 'center' | 'right';
 interface Props extends React.HTMLAttributes<HTMLTableDataCellElement> {
     align?: alignType;
+    isLoading?: boolean;
 }
-export declare const TableTd: import("styled-components").StyledComponent<({ children, align, ...rest }: Props) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const TableTd: import("styled-components").StyledComponent<({ children, align, isLoading, ...rest }: Props) => JSX.Element, import("styled-components").DefaultTheme, Props, never>;
 export default TableTd;