@fattureincloud/fic-design-system 0.10.2 → 0.11.1

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

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+import { bannerColorType } from './Banner';
+interface MappedColors {
+    bgColor: string;
+    textColor: string;
+}
+export declare const mapColors: (theme: DefaultTheme, color: bannerColorType) => MappedColors;
+export {};

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

@@ -0,0 +1,7 @@
+import { Component } from 'react';
+import { TChip, UnstyledChipProps, UnstyledChipState } from './types';
+export declare class UnstyledChip extends Component<UnstyledChipProps, UnstyledChipState> {
+    render(): JSX.Element;
+}
+declare const Chip: TChip;
+export default Chip;

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

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { Chip } from '.';
+export declare const Normal: () => JSX.Element;
+declare const ChipStories: Meta<ComponentProps<typeof Chip>>;
+export default ChipStories;

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

@@ -0,0 +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/index.d.ts

@@ -0,0 +1,2 @@
+import Chip from './chips';
+export { Chip };

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface ChipsProps {
+    text?: string | number;
+    statusEdit?: boolean;
+    closeAction?: () => void;
+}
+export declare type TChip = React.FunctionComponent<ChipsProps>;
+export interface UnstyledChipProps extends ChipsProps {
+}
+export interface UnstyledChipState {
+}

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface Props {
+    show?: boolean;
+    title?: string;
+    renderHeader?: () => JSX.Element;
+    renderFooter?: () => JSX.Element;
+    actionClose?: () => void;
+}
+export declare type TDrawer = React.FunctionComponent<Props>;
+export interface UnstyledDrawerProps extends Props {
+}
+export interface UnstyledDrawerState {
+}
+export {};

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

@@ -0,0 +1,9 @@
+import { checkboxStatus, CheckboxStyles } from '../types';
+export interface CheckboxInputProps {
+    value: checkboxStatus;
+    disabled?: boolean;
+    large?: boolean;
+    hasError: boolean;
+}
+declare const Input: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, CheckboxStyles & CheckboxInputProps, keyof CheckboxStyles>;
+export default Input;

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

@@ -0,0 +1,8 @@
+import { MappedLabelProps } from '../types';
+export interface CheckboxLabelProps {
+    large?: boolean;
+    disabled?: boolean;
+    hasError: boolean;
+}
+declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, MappedLabelProps & CheckboxLabelProps, keyof MappedLabelProps>;
+export default Label;

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

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

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/inputText/components/codeInput/CodeInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CodeInputProps } from '../../types';
+declare const CodeInput: (props: Omit<CodeInputProps, 'helper' | 'className'>) => JSX.Element;
+export default CodeInput;

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const CodeInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    gap: number | undefined;
+}, never>;
+export declare const InputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SingleNumberInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../common/types").CommonFormTypes & {
+    className?: string | undefined;
+    name?: string | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLInputElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLInputElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement> | undefined;
+    autoFocus?: boolean | undefined;
+    required?: boolean | undefined;
+} & {
+    actionIcon?: import("../../../../icon").IconProps | undefined;
+    inputType?: "number" | "text" | "password" | undefined;
+    isPrefilled?: boolean | undefined;
+    isTransparent?: boolean | undefined;
+    leadingIcon?: import("../../../../icon").IconProps | undefined;
+    placeholder?: import("react").ReactText | undefined;
+    setValue?: import("react").Dispatch<import("react").SetStateAction<string>> | undefined;
+    strict?: boolean | undefined;
+    tooltip?: import("../../../../tooltip").TooltipProps | undefined;
+    unitDropdownProps?: import("../UnitDropdown").UnitDropdownProps | undefined;
+    value?: string | number | null | undefined;
+} & import("react").RefAttributes<HTMLInputElement | null>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/form/inputText/components/codeInput/useCodeInputHooks.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+import { CodeInputProps } from '../../types';
+declare type CodInputHooks = {
+    handleInput: (v: string) => void;
+    handlePaste: (e: React.ClipboardEvent) => void;
+    refs: React.MutableRefObject<(HTMLInputElement | null)[]>;
+    setCurrentIndex: Dispatch<SetStateAction<number>>;
+    values: (string | null)[];
+};
+declare const useCodeInputHooks: ({ fieldsCount, onChange, status, }: Omit<CodeInputProps, 'helper' | 'className'>) => CodInputHooks;
+export default useCodeInputHooks;

package/dist/components/form/inputText/components/telephoneInput/TelephoneInput.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TelephoneInputProps } from '../../types';
+declare const TelephoneInput: ({ disabled, value, setValue, required, placeholder }: TelephoneInputProps) => JSX.Element;
+export default TelephoneInput;

package/dist/components/form/inputText/components/telephoneInput/countriesTelephonePrefixes.d.ts

@@ -0,0 +1,7 @@
+declare type CountryPrefix = {
+    country: string;
+    prefix: string;
+    iso: string;
+};
+declare const countriesTelephonePrefixes: CountryPrefix[];
+export default countriesTelephonePrefixes;

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

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

package/dist/components/form/select/components/Placeholder.d.ts

@@ -0,0 +1,4 @@
+import { PlaceholderProps } from 'react-select';
+import { OptionType } from './Option';
+declare const Placeholder: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ children, }: PlaceholderProps<O, IsMulti, import("react-select").GroupTypeBase<O>>) => JSX.Element;
+export default Placeholder;

package/dist/components/gridCard/GridCard.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+import { GridCardProps } from '.';
+declare const GridCard: ({ data }: GridCardProps) => ReactElement;
+export default GridCard;

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

@@ -0,0 +1,8 @@
+import { Meta, Story } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { GridCard } from '.';
+import { GridCardProps } from './types';
+export declare const Template: Story<GridCardProps>;
+export declare const CustomData: Story<GridCardProps>;
+declare const GridCardStories: Meta<ComponentProps<typeof GridCard>>;
+export default GridCardStories;

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

@@ -0,0 +1,2 @@
+export { default as GridCard } from './GridCard';
+export { GridCardProps } from './types';

package/dist/components/gridCard/stories/data.d.ts

@@ -0,0 +1,3 @@
+import { CardData } from '../types';
+export declare const cardData: CardData[][];
+export declare const cardCustomData: CardData[][];

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Row: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    cardBackgroundColor?: string | undefined;
+    isLastElement?: boolean | undefined;
+}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    iconBackgroundColor?: string | undefined;
+}, never>;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon/Icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Value: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const Description: import("styled-components").StyledComponent<({ children, type, ...otherProps }: import("../../common/components/typography/types").TextProps & import("react").HTMLAttributes<HTMLDivElement>) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,16 @@
+import { IconProps } from 'components/icon';
+import { ReactElement, ReactNode } from 'react';
+import { paletteColor } from '../../styles/types';
+export interface GridCardProps {
+    data: CardData[][];
+    renderCustomData?: () => ReactElement;
+}
+export interface CardData {
+    icon?: IconProps;
+    label?: string;
+    value?: string | ReactNode;
+    description?: string;
+    cardBackgroundColor?: paletteColor;
+    iconBackgroundColor?: paletteColor;
+    renderCustomData?: () => ReactElement;
+}

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

@@ -0,0 +1,2 @@
+import { DefaultTheme } from 'styled-components';
+export declare const getIconBackgroundColor: (theme: DefaultTheme, iconColor?: "black" | "white" | "grey" | "blue" | "indigo" | "yellow" | "orange" | "red" | "green" | "fuchsia" | "pink" | "cyan" | "primary" | undefined, customIconBackground?: string | undefined) => string;

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

@@ -0,0 +1,23 @@
+import React from 'react';
+interface Props {
+    options: Array<{
+        key: number;
+        label: string;
+    }>;
+    value: number;
+    onClick: (option: {
+        key: number;
+        label: string;
+    }) => void;
+    isDisabled?: boolean;
+    renderOption?: (props: {
+        isDisabled?: boolean;
+        isChecked: boolean;
+        label: string;
+    }) => JSX.Element;
+    optionsSpacing?: number;
+    style?: React.CSSProperties;
+    inline?: boolean;
+}
+export declare const RadioButtonGroup: (props: Props) => JSX.Element;
+export {};

package/dist/components/groupRadioButton/radio-group.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+import { ComponentProps } from 'react';
+import { RadioButtonGroup } from '.';
+export declare const WithKnobs: () => JSX.Element;
+declare const RadioButtonGroupStories: Meta<ComponentProps<typeof RadioButtonGroup>>;
+export default RadioButtonGroupStories;

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

@@ -0,0 +1,8 @@
+/// <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>;
+export declare const StyledInlineMessageWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, InlineMessagesProps, never>;
+export declare const StyledIconContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledContentProps, never>;
+export declare const StyledCloseIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledCloseIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,2 @@
+import InlineMessage from './inlineMessages';
+export { InlineMessage };

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

@@ -0,0 +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

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

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

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+import { IconProps } from '../icon';
+export declare type MessageType = 'standard' | 'error' | 'info' | 'warning' | 'success';
+export interface InlineMessagesProps {
+    icon?: IconProps;
+    renderIcon?: () => JSX.Element;
+    title?: string;
+    content?: string;
+    size?: 'medium' | 'large';
+    type?: MessageType;
+    renderTitle?: () => JSX.Element;
+    renderContent?: () => JSX.Element;
+    onClose?: () => void;
+    closeIcon?: IconProps;
+    renderCloseIcon?: () => JSX.Element;
+    componentStyle?: InlineMessageStyle;
+}
+export interface InlineMessageStyle {
+    root?: Record<string, unknown>;
+    icon?: Record<string, unknown>;
+    contentWrapper?: Record<string, unknown>;
+    title?: Record<string, unknown>;
+    content?: Record<string, unknown>;
+}
+export interface UnstyledInlineMessagePropsInterface extends InlineMessagesProps {
+}
+export interface StyledContentProps {
+    margin: boolean;
+}

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

@@ -1,5 +1,6 @@
+import { SizeProp } from '@fortawesome/fontawesome-svg-core';
 import { ReactNode } from 'react';
-import { ButtonProps } from '../buttons/button/Button';
+import { ButtonProps } from '../buttons';
 export interface ModalStateInterface {
     topAttachmentHeight: number;
     fullScreenHeight: number;
@@ -28,6 +29,8 @@ export interface ModalPropsInterface {
         contentEl: HTMLDivElement;
     }) => void;
     isConfirmModal?: boolean;
+    sizeCloseX?: SizeProp;
+    zIndex?: number;
 }
 export interface StyledModalBoxProps {
     isFullscreen?: boolean;

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

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

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

@@ -0,0 +1,2 @@
+import { UnstyledProgressbarPropsInterface } from '../types';
+export declare const StyledProgressbarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, UnstyledProgressbarPropsInterface, never>;

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

@@ -0,0 +1,2 @@
+import { LabelInterface } from '../typings/radioButton';
+export declare const Label: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, LabelInterface, never>;

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

@@ -0,0 +1,2 @@
+import { RadioInterface } from '../typings/radioButton';
+export declare const Radio: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, RadioInterface, never>;

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

@@ -0,0 +1,2 @@
+import { TRadioButton } from './typings/radioButton';
+export declare const RadioButton: TRadioButton;

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

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

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export interface RadioInterface {
+    isDisabled?: boolean;
+    isChecked: boolean;
+}
+export interface LabelInterface {
+    isDisabled?: boolean;
+}
+export interface RadioButtonInterface extends RadioInterface {
+    className?: string;
+    label: string;
+    inline?: boolean;
+    onClick: () => void;
+    optionsSpacing?: number;
+    renderOption?: (props: {
+        isDisabled?: boolean;
+        isChecked: boolean;
+        label: string;
+    }) => JSX.Element;
+}
+export declare type TRadioButton = React.FunctionComponent<RadioButtonInterface>;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { SwitchProps } from '.';
-declare const Switch: ({ checked, onChange, color }: SwitchProps) => JSX.Element;
+declare const Switch: ({ checked, color, onChange }: SwitchProps) => JSX.Element;
 export default Switch;

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

@@ -1,5 +1,4 @@
 import { colors } from '../../styles/types';
-export declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 export declare const SwitchButton: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
     color: colors;

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

@@ -1,7 +1,6 @@
-import { InputHTMLAttributes } from 'react';
 export declare type switchColors = 'blue' | 'green';
 export interface SwitchProps {
     checked: boolean;
-    onChange: InputHTMLAttributes<HTMLInputElement>['onChange'];
+    onChange: (e: boolean) => void;
     color?: switchColors;
 }

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

@@ -0,0 +1,57 @@
+/// <reference types="react" />
+import { Row, UseTableOptions } from 'react-table';
+import { EmptyTablePageProps } from './components/EmptyState';
+import { ManualPagination, OnSelectionChange, 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;
+    pageSize?: number;
+    selectableRows?: boolean;
+    preSelectAllRows?: boolean;
+    onSelectionChange?: OnSelectionChange<T>;
+    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;
+    actionsHeader?: string | JSX.Element;
+    bodyHeight?: number | string;
+    headerHeight?: number | string;
+    rowHeight?: number | string;
+    disableArrowNavigation?: boolean;
+}
+/**
+ * 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 {number} pageSize Define the page size to use in every page
+ * @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 {string | JSX.Element} actionsHeader Used to customize actions header
+ * @param {number|string} bodyHeight Set tbody height, default 300px
+ * @param {number|string} headerHeight Set thead and th height, default 40px
+ * @param {number|string} rowHeight Set row height, default 40px
+ * @param {boolean} disableArrowNavigation Used to turn off Up/Down row selection and Enter click
+ */
+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, actionsHeader, rowHeight, selectableRows, sortable, withCheckbox, pageSize, disableArrowNavigation, }: TableProps<T>) => JSX.Element;
+export default Table;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface EmptyTablePageProps {
+    columnsCount: number;
+    EmptyPage?: JSX.Element;
+}
+declare const EmptyState: ({ columnsCount, EmptyPage }: EmptyTablePageProps) => JSX.Element;
+export default EmptyState;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { UsePaginationInstanceProps } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> extends Omit<UsePaginationInstanceProps<T>, 'page' | 'pageOptions' | 'setPageSize'> {
+    pageIndex: number;
+}
+declare const Pagination: <T extends TableData>({ canPreviousPage, nextPage, previousPage, canNextPage, gotoPage, pageCount, pageIndex, }: Props<T>) => JSX.Element;
+export default Pagination;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface Props {
+    count: number;
+    resetSelection: () => void;
+}
+declare const SelectedRowsCount: ({ count, resetSelection }: Props) => JSX.Element;
+export default SelectedRowsCount;

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

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

package/dist/components/table/components/actions/PrimaryAction.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Row } from 'react-table';
+import { DropdownItemType } from '../../../dropdown/types';
+import { RowAction, TableData } from '../../types';
+interface Props<T extends TableData> {
+    action: RowAction<T>;
+    row: Row<T>;
+    rowIsDisabled?: boolean;
+    type?: DropdownItemType;
+}
+declare const PrimaryAction: <T extends TableData>({ action, row, rowIsDisabled, type, }: Props<T>) => JSX.Element | null;
+export default PrimaryAction;

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

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

package/dist/components/table/components/checkboxes/Header.d.ts

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