@fattureincloud/fic-design-system 0.4.5 → 0.4.6-table.0

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## Next release
+
+### 🚀 Added
+
+- Add new FileUploader component
+
+### 🐛 Bug Fix
+
+- Fix appearance of multiline (long) Select Options 
+
+## v0.4.6 - 15/02/2022
+
+### 🚀 Added
+
+- Add `customHeader` and `customFooter` props to Modal
+- Add `isPrefilled` prop to InputText, TextArea and Select components
+- Add `isTransparent` prop to Select and InputText components
+- Add `customStyles` prop to Select component
+- Add UnitDropdown to InputText
+- Add `ref` prop to InputText component
+- Add Select `simpleValue` prop and `useSelectSimpleValue` hook
+
+### 🐛 Bug Fix
+
+- Fix Accordion graphical appearance (CSS)
+
+### 💅 Enhancement
+
+- Add `JSX.Element` to label prop type in form components
+- Remove up and down arrows on `input[type=number]`
+
 ## v0.4.5 - 08/02/2022
 
 - Update FontAwesome to v6.0.0

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

@@ -1,5 +1,5 @@
-interface Props {
+export interface DropdownTriggerProps {
     title: string;
 }
-declare const DefaultTrigger: ({ title }: Props) => JSX.Element;
+declare const DefaultTrigger: ({ title }: DropdownTriggerProps) => JSX.Element;
 export default DefaultTrigger;

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

@@ -1,4 +1,5 @@
 import Checkbox, { CheckboxProps } from './Checkbox';
 import checkboxPalette, { CheckboxPalette } from './checkboxPalette';
 import useCheckboxValue from './hooks/useCheckboxValue';
-export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette };
+import { checkboxStatus } from './types';
+export { Checkbox, useCheckboxValue, CheckboxProps, checkboxPalette, CheckboxPalette, checkboxStatus };

package/dist/components/form/common/styles.d.ts

@@ -5,5 +5,7 @@ export interface BoxedInputWrapperProps extends colorsPalette {
     borderColor: paletteColor;
     normalFocused: CommonInputParts;
     status?: statusType;
+    isPrefilled?: boolean;
+    isTransparent?: boolean;
 }
 export declare const boxedInputWrapperStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<BoxedInputWrapperProps, import("styled-components").DefaultTheme>>;

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

@@ -0,0 +1,14 @@
+import { FileRejection } from 'react-dropzone';
+import { CustomPalette, FileType, FileUploaderSize, FileUploaderStatus } from './types';
+export declare type fileUploaderOnDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
+export interface FileUploaderProps {
+    allowedTypes: FileType[];
+    className?: string;
+    multiple?: boolean;
+    onDrop: fileUploaderOnDrop;
+    size?: FileUploaderSize;
+    status?: FileUploaderStatus;
+    customPalette?: CustomPalette;
+}
+declare const FileUploader: ({ allowedTypes, customPalette, className, multiple, onDrop, size, status, }: FileUploaderProps) => JSX.Element;
+export default FileUploader;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IconProps } from '../../../icon';
+import { FileUploaderSize, statuses } from '../types';
+interface Props {
+    icon: IconProps | null;
+    status: statuses;
+    text?: React.ReactChild | null;
+    caption?: React.ReactChild | null;
+    size: FileUploaderSize;
+}
+declare const FileUploaderContent: ({ icon, status, text, caption, size }: Props) => JSX.Element;
+export default FileUploaderContent;

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

@@ -0,0 +1,5 @@
+import { Meta, Story } from '@storybook/react';
+import { FileUploaderProps } from './FileUploader';
+export declare const WithKnobs: Story<FileUploaderProps>;
+declare const FileUploaderStories: Meta<FileUploaderProps>;
+export default FileUploaderStories;

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { paletteColor } from '../../../styles/types';
+import { IconProps } from '../../icon';
+import { statuses } from './types';
+export declare type FileUploaderParts = {
+    background: paletteColor;
+    borderColor: paletteColor;
+    color: paletteColor;
+    secondaryColor: paletteColor;
+    text: React.ReactChild | null;
+    caption: React.ReactChild | null;
+    icon: IconProps | null;
+};
+export declare type FileUploaderPalette = {
+    [key in statuses]: FileUploaderParts;
+};
+declare const fileUploaderPalette: FileUploaderPalette;
+export default fileUploaderPalette;

package/dist/components/form/fileUploader/hooks/useCustomPalette.d.ts

@@ -0,0 +1,3 @@
+import { CustomPalette, CustomPaletteParts, statuses } from '../types';
+declare const useCustomPalette: (status: statuses, customPalette?: CustomPalette | undefined) => CustomPaletteParts;
+export default useCustomPalette;

package/dist/components/form/fileUploader/hooks/useIcon.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../../../icon';
+import { statuses } from '../types';
+declare const useIcon: (status: statuses, icon?: IconProps | null | undefined) => IconProps | null;
+export default useIcon;

package/dist/components/form/fileUploader/hooks/useTexts.d.ts

@@ -0,0 +1,3 @@
+import { statuses } from '../types';
+declare const useTexts: (status: statuses, customTexts?: any) => any;
+export default useTexts;

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

@@ -0,0 +1,4 @@
+import { FileRejection } from 'react-dropzone';
+import FileUploader, { fileUploaderOnDrop, FileUploaderProps } from './FileUploader';
+import fileUploaderPalette, { FileUploaderPalette } from './fileUploaderPalette';
+export { FileUploader, FileUploaderProps, fileUploaderPalette, FileUploaderPalette, FileRejection, fileUploaderOnDrop };

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

@@ -0,0 +1,14 @@
+import { FileUploaderSize, statuses } from './types';
+interface ContainerProps {
+    status: statuses;
+    size: FileUploaderSize;
+}
+export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
+export declare const OnDraggingOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
+export declare const MainText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    status: statuses;
+}, never>;
+export declare const CaptionText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    status: statuses;
+}, never>;
+export {};

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

@@ -0,0 +1,18 @@
+import { FileUploaderParts } from './fileUploaderPalette';
+export declare const uploaderStatusesArray: readonly ["default", "uploading", "success", "error", "disabled"];
+export declare type FileUploaderStatus = typeof uploaderStatusesArray[number];
+export declare type statuses = FileUploaderStatus | 'dragging';
+export declare const uploaderSize: readonly ["small", "normal"];
+export declare type FileUploaderSize = typeof uploaderSize[number];
+export declare const typesArray: readonly ["unknown", "pdf", "image", "zip", "archive", "text", "document", "spreadsheet", "presentation", "xml", "csv"];
+export declare type FileType = typeof typesArray[number];
+declare type TypeDefinition = {
+    mimeTypes: string[];
+    extensions: string[];
+};
+export declare type FileTypesMap = Record<FileType, TypeDefinition>;
+export declare type CustomPaletteParts = Pick<FileUploaderParts, 'text' | 'caption' | 'icon'>;
+export declare type CustomPalette = {
+    [key in statuses]?: Partial<CustomPaletteParts>;
+};
+export {};

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

@@ -0,0 +1,2 @@
+import { FileTypesMap } from './types';
+export declare const fileTypesMap: FileTypesMap;

package/dist/components/form/inputText/InputText.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { LabelProps } from '../label';
 import { InputElementProps } from './types';
 export declare type InputTextProps = LabelProps & InputElementProps;
-declare const InputText: (props: InputTextProps) => JSX.Element;
+declare const InputText: React.ForwardRefExoticComponent<LabelProps & InputElementProps & React.RefAttributes<HTMLInputElement>>;
 export default InputText;

package/dist/components/form/inputText/components/InputElement.d.ts

@@ -1,6 +1,8 @@
+import React from 'react';
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { InputElementProps } from '../types';
-declare const InputElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, inputSize, leadingIcon, onKeyPress, status, onKeyDown, onKeyUp, inputType, onFocus, className, actionIcon, setValue, }: InputElementProps) => JSX.Element;
-export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status'>;
+declare type inputRef = HTMLInputElement | null;
+declare const InputElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<inputRef>>;
+export declare type InputTextWrapperProps = Pick<InputElementProps, 'disabled' | 'status' | 'isPrefilled' | 'isTransparent'>;
 export declare type InputTextStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default InputElement;

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

@@ -1,3 +1,4 @@
+import { UnitDropdownProps } from './components/UnitDropdown';
 import InputText, { InputTextProps } from './InputText';
 import inputTextPalette, { InputTextPalette } from './inputTextPalette';
-export { InputText, InputTextProps, InputTextPalette, inputTextPalette };
+export { InputText, InputTextProps, InputTextPalette, inputTextPalette, UnitDropdownProps };

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

@@ -1,5 +1,6 @@
 import { Meta, Story } from '@storybook/react';
 import { InputTextProps } from './InputText';
 export declare const WithKnobs: Story<InputTextProps>;
+export declare const WithUnitDropdown: Story<InputTextProps>;
 declare const InputTextStories: Meta<InputTextProps>;
 export default InputTextStories;

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

@@ -1,7 +1,8 @@
 import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react';
 import { IconProps } from '../../icon';
 import { CommonFormTypes } from '../common/types';
-export declare const inputTypesArray: string[];
+import { UnitDropdownProps } from './components/UnitDropdown';
+export declare const inputTypesArray: readonly ["password", "text", "number"];
 export declare type inputTypes = typeof inputTypesArray[number];
 export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttributes<HTMLInputElement>, 'autoFocus' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
     leadingIcon?: IconProps;
@@ -10,4 +11,7 @@ export interface InputElementProps extends CommonFormTypes, Pick<InputHTMLAttrib
     placeholder?: ReactText;
     value?: number | string | null;
     setValue?: Dispatch<SetStateAction<string>>;
+    isPrefilled?: boolean;
+    isTransparent?: boolean;
+    unitDropdownProps?: UnitDropdownProps;
 }

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

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 export interface LabelProps extends WrapperProps {
-    label?: string;
+    label?: string | JSX.Element;
 }
 declare const Label: ({ label, disabled, required }: LabelProps) => JSX.Element | null;
 interface WrapperProps {

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

@@ -1,5 +1,5 @@
 import { BoxedInputWrapperProps } from '../common/styles';
 import { SelectProps } from './types';
-export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize'>;
+export declare type SelectWrapperProps = Pick<SelectProps, 'disabled' | 'status' | 'inputSize' | 'isPrefilled' | 'isTransparent'>;
 export declare type SelectStyles = Omit<BoxedInputWrapperProps, 'status'>;
-export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "normalFocused">;
+export declare const SelectWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, SelectStyles & SelectWrapperProps, "color" | "background" | "borderColor" | "isPrefilled" | "isTransparent" | "normalFocused">;

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

@@ -4,7 +4,7 @@ import { IconProps } from '../../../icon';
 export interface OptionType extends OptionTypeBase {
     icon?: IconProps;
     label: string;
-    value: any;
+    value: string | number;
 }
 interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> extends Omit<OptionProps<O, IsMulti>, 'data'> {
     data: OptionType;

package/dist/components/form/select/hooks/useSelectGeneric.d.ts

@@ -0,0 +1,10 @@
+import { OptionType } from '../components/Option';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from '../types';
+declare type Props<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti> | CreatableSelectProps<O, IsMulti> | AsyncSelectProps<O, IsMulti> | AsyncCreatableSelectProps<O, IsMulti>;
+interface ReturnType<O extends OptionType = OptionType, IsMulti extends boolean = false> {
+    customComponents: Partial<SelectProps<O, IsMulti>['components']>;
+    styles: SelectProps<O, IsMulti>['styles'];
+    value: SelectProps<O, IsMulti>['value'];
+}
+declare const useSelectGeneric: <O extends OptionType = OptionType, IsMulti extends boolean = false>(props: Props<O, IsMulti>) => ReturnType<O, IsMulti>;
+export default useSelectGeneric;

package/dist/components/form/select/hooks/useSelectSimpleValue.d.ts

@@ -0,0 +1,8 @@
+import { OptionType } from '../components/Option';
+import { SelectProps, simpleValue } from '../types';
+declare type ReturnType<O extends OptionType = OptionType> = {
+    simpleValue: simpleValue;
+    onChange: Required<SelectProps<O>>['onChange'];
+};
+declare const useSelectSimpleValue: <O extends OptionType = OptionType>(initialValue: simpleValue) => ReturnType<O>;
+export default useSelectSimpleValue;

package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts

@@ -1,9 +1,13 @@
+import { Styles } from 'react-select';
+import { CSSObject } from 'styled-components';
 import { statusType } from '../../common/types';
 import { OptionType } from '../components/Option';
 import { SelectProps } from '../types';
-interface Props {
+export declare type CustomStylesType<O extends OptionType = OptionType, IsMulti extends boolean = false> = Partial<Record<keyof Styles<O, IsMulti>, CSSObject>>;
+interface Props<O extends OptionType = OptionType, IsMulti extends boolean = false> {
+    customStyles?: CustomStylesType<O, IsMulti>;
     status: statusType;
     disabled?: boolean;
 }
-declare const useSelectThemeStyles: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ status, disabled, }: Props) => Partial<import("react-select").Styles<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;
+declare const useSelectThemeStyles: <O extends OptionType = OptionType, IsMulti extends boolean = false>({ customStyles, status, disabled, }: Props<O, IsMulti>) => Partial<Styles<O, IsMulti, import("react-select").GroupTypeBase<O>>> | undefined;
 export default useSelectThemeStyles;

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

@@ -1,8 +1,10 @@
 import { SelectActionsType } from './components/FooterActions';
 import { OptionType } from './components/Option';
+import useSelectSimpleValue from './hooks/useSelectSimpleValue';
 import { useSelectMultiValues, useSelectValue } from './hooks/useSelectValue';
 import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Select';
 import selectPalette, { SelectPalette } from './selectPalette';
-import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps, simpleValue } from './types';
+import { isSimpleValue } from './utils';
 declare type SelectComponentsType<O extends OptionType = OptionType, isMulti extends boolean = false> = Required<SelectProps<O, isMulti>['components']>;
-export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, };
+export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, OptionType, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, SelectComponentsType, useSelectSimpleValue, simpleValue, isSimpleValue, };

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

@@ -2,6 +2,7 @@ import { Meta, Story } from '@storybook/react';
 import { OptionType } from './components/Option';
 import { SelectProps } from './types';
 export declare const Single: Story<SelectProps>;
+export declare const Simple: Story<SelectProps>;
 export declare const Multi: Story<SelectProps<OptionType, true>>;
 declare const SelectStories: Meta<SelectProps>;
 export default SelectStories;

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

@@ -5,7 +5,14 @@ import { NamedProps, Props as ReactSelectProps } from 'react-select/src/Select';
 import { CommonFormTypes } from '../common/types';
 import { LabelProps } from '../label';
 import { OptionType } from './components/Option';
-export declare type SelectProps<O extends OptionType = OptionType, isMulti extends boolean = false, T = ReactSelectProps<O, isMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, isMulti>;
-export declare type CreatableSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, CreatableProps<O, isMulti>>;
-export declare type AsyncSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, AsyncProps<O, isMulti>>;
-export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, isMulti extends boolean = false> = SelectProps<O, isMulti, AsyncCreatableProps<O, isMulti>>;
+import { CustomStylesType } from './hooks/useSelectThemeStyles';
+export declare type SelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false, T = ReactSelectProps<O, IsMulti>> = CommonFormTypes & LabelProps & T & NamedProps<O, IsMulti> & {
+    isPrefilled?: boolean;
+    customStyles?: CustomStylesType<O, IsMulti>;
+    isTransparent?: boolean;
+    simpleValue?: simpleValue;
+};
+export declare type CreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, CreatableProps<O, IsMulti>>;
+export declare type AsyncSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncProps<O, IsMulti>>;
+export declare type AsyncCreatableSelectProps<O extends OptionType = OptionType, IsMulti extends boolean = false> = SelectProps<O, IsMulti, AsyncCreatableProps<O, IsMulti>>;
+export declare type simpleValue = string | number | null | undefined;

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

@@ -1,7 +1,10 @@
 import { DefaultTheme } from 'styled-components';
+import { OptionType } from './components/Option';
 import { SelectStyles, SelectWrapperProps } from './SelectWrapper';
+import { simpleValue } from './types';
 interface GetSelectParams extends SelectWrapperProps {
     theme: DefaultTheme;
 }
 export declare const getSelectStyles: ({ theme, disabled, status }: GetSelectParams) => SelectStyles;
+export declare const isSimpleValue: <O extends OptionType = OptionType>(value: simpleValue | O) => value is simpleValue;
 export {};

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,6 +1,6 @@
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
-declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, }: TextAreaElementProps) => JSX.Element;
-export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable'>;
+declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, disabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, isPrefilled, }: TextAreaElementProps) => JSX.Element;
+export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'disabled' | 'status' | 'initialHeight' | 'isResizable' | 'isPrefilled'>;
 export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

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

@@ -7,4 +7,5 @@ export interface TextAreaElementProps extends CommonFormTypes, CharCounterOption
     setValue?: Dispatch<SetStateAction<string>>;
     showCounter?: boolean;
     isResizable?: boolean;
+    isPrefilled?: boolean;
 }

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

@@ -8,6 +8,8 @@ export declare const StyledModalBox: import("styled-components").StyledComponent
 export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ModalPropsInterface, never>;
 export declare const ModalHeaderClose: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalSimpleHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalSimpleFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TopAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -8,8 +8,10 @@ export interface ModalPropsInterface {
     isOpen?: boolean;
     title?: string;
     header?: () => JSX.Element;
+    customHeader?: () => JSX.Element;
     footer?: () => JSX.Element;
     footerButtons?: ButtonProps[];
+    customFooter?: () => JSX.Element;
     allowClose?: boolean;
     onActionClose?: () => void;
     isFullscreen?: boolean;

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

@@ -0,0 +1,20 @@
+/// <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;
+    hideHeader?: boolean;
+    EmptyPage?: EmptyTablePageProps['EmptyPage'];
+    Footer?: JSX.Element;
+    noPagination?: boolean;
+    manualPagination?: ManualPagination;
+    withCheckbox?: boolean;
+    onSelectionChange?: (rows: Array<Row<T>>) => void;
+    actions?: RowActions<T>;
+    renderActions?: () => JSX.Element;
+    onSort?: OnSort<T>;
+    globalFilter?: string;
+}
+declare const Table: <T extends TableData>({ columns, data, EmptyPage, Footer, onSelectionChange, actions, renderActions, sortable, hideHeader, noPagination, manualPagination, withCheckbox, onSort, globalFilter: externalGlobalFilter, }: 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,7 @@
+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,6 @@
+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,13 @@
+import { Row, UseTableInstanceProps } from 'react-table';
+import { TableData } from '../types';
+interface Props<T extends TableData> {
+    rows: Row<T>[];
+    prepareRow: UseTableInstanceProps<T>['prepareRow'];
+    selectedRowsIds: string[];
+}
+declare const TableBody: <T extends TableData>({ 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/DropdownActions.d.ts

@@ -0,0 +1,9 @@
+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,11 @@
+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,4 @@
+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,4 @@
+import { HeaderProps } from 'react-table';
+import { TableData } from '../../types';
+declare const Header: <T extends TableData>(props: HeaderProps<T>) => JSX.Element;
+export default Header;

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

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { HeaderProps, TableToggleAllRowsSelectedProps } from 'react-table';
+import { TableData } from '../../types';
+interface Props<T extends TableData> {
+    headerProps: PropsWithChildren<HeaderProps<T>>;
+    selectSinglePage?: boolean;
+}
+interface ReturnType extends TableToggleAllRowsSelectedProps {
+    disabled: boolean;
+}
+declare const useHeaderCheckboxProps: <T extends TableData>({ headerProps, selectSinglePage, }: Props<T>) => ReturnType;
+export default useHeaderCheckboxProps;

package/dist/components/table/components/pagination/PageButton.d.ts

@@ -0,0 +1,10 @@
+import { ReactText } from 'react';
+interface Props extends PageButtonWrapperProps {
+    text: ReactText;
+    onClick: () => void;
+}
+declare const PageButton: ({ text, onClick, isActive }: Props) => JSX.Element;
+export interface PageButtonWrapperProps {
+    isActive: boolean;
+}
+export default PageButton;

package/dist/components/table/components/pagination/PaginationButtons.d.ts

@@ -0,0 +1,9 @@
+import { UsePaginationInstanceProps } from 'react-table';
+import { TableData } from '../../types';
+interface Props<T extends TableData> {
+    pageCount: number;
+    pageIndex: number;
+    gotoPage: UsePaginationInstanceProps<T>['gotoPage'];
+}
+declare const PaginationButtons: <T extends TableData>({ pageCount, pageIndex, gotoPage }: Props<T>) => JSX.Element;
+export default PaginationButtons;

package/dist/components/table/components/pagination/utils.d.ts

@@ -0,0 +1,14 @@
+import { DefaultTheme } from 'styled-components';
+import { paletteColor } from '../../../../styles/types';
+import { PageButtonWrapperProps } from './PageButton';
+interface GetPageButtonParams extends PageButtonWrapperProps {
+    theme: DefaultTheme;
+}
+export interface PageButtonStyles {
+    color: paletteColor;
+    background: paletteColor;
+    hoverColor: paletteColor;
+    hoverBackground: paletteColor;
+}
+export declare const getPageButtonStyles: ({ theme, isActive }: GetPageButtonParams) => PageButtonStyles;
+export {};

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+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/table/components/tableParts/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const TableWrapper: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {}, never>;