@fattureincloud/fic-design-system 0.4.6 → 0.4.7

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## v0.4.7 - 22/02/2022
+
+### 🚀 Added
+
+- Add new FileUploader component
+- Add new Table component
+
+### 🐛 Bug Fix
+
+- Fix appearance of multiline (long) Select Options 
+
 ## v0.4.6 - 15/02/2022
 
 ### 🚀 Added

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

@@ -2,7 +2,7 @@ import { Dispatch, InputHTMLAttributes, ReactText, SetStateAction } from 'react'
 import { IconProps } from '../../icon';
 import { CommonFormTypes } from '../common/types';
 import { UnitDropdownProps } from './components/UnitDropdown';
-export declare const inputTypesArray: string[];
+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;

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>;

package/dist/components/table/hooks/useCheckboxesComponents.d.ts

@@ -0,0 +1,4 @@
+import { Hooks } from 'react-table';
+import { TableData } from '../types';
+declare const useCheckboxesComponents: <T extends TableData>(hooks: Hooks<T>) => void;
+export default useCheckboxesComponents;

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

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

package/dist/components/table/hooks/useTableValues.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from 'react';
+import { Row } from 'react-table';
+import { TableData } from '../types';
+interface Props {
+    initialFilter?: string;
+}
+interface ReturnType<DataType extends TableData> {
+    filter: string;
+    setFilter: Dispatch<SetStateAction<string>>;
+    selection: Row<DataType>[];
+    setSelection: Dispatch<SetStateAction<Row<DataType>[]>>;
+}
+declare const useTableValues: <DataType extends TableData>({ initialFilter }?: Props) => ReturnType<DataType>;
+export default useTableValues;

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

@@ -1,2 +1,6 @@
-import { Table } from './table';
-export { Table };
+import useTableValues from './hooks/useTableValues';
+import Table from './Table';
+import { TableProps } from './Table';
+import tablePalette, { TablePalette } from './tablePalette';
+import { ManualPagination, OnSort, RowActions, TableData } from './types';
+export { Table, TableProps, TableData, tablePalette, useTableValues, TablePalette, RowActions, ManualPagination, OnSort, };

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

@@ -0,0 +1,3 @@
+import { Column } from 'react-table';
+import { DataType } from './components/types';
+export declare const columns: Column<DataType>[];

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

@@ -0,0 +1,6 @@
+import { CustomPersonData } from './types';
+interface Props {
+    value: CustomPersonData;
+}
+declare const CustomPerson: ({ value: { img, name, role } }: Props) => JSX.Element;
+export default CustomPerson;

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

@@ -0,0 +1,7 @@
+export declare const rolesArray: readonly ["master", "admin", undefined];
+export declare type roleType = typeof rolesArray[number];
+interface Props {
+    role: roleType;
+}
+declare const Role: ({ role }: Props) => JSX.Element | null;
+export default Role;

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

@@ -0,0 +1,14 @@
+import { roleType } from './Role';
+export interface CustomPersonData {
+    img: string;
+    name: string;
+    role?: roleType;
+}
+export interface DataType {
+    person: CustomPersonData;
+    name: string;
+    address: string;
+    date: string;
+    order: number;
+    isDisabled?: boolean;
+}

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

@@ -0,0 +1,2 @@
+import { DataType } from './components/types';
+export declare const getRandomUsers: (n: number) => DataType[];

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

@@ -1,9 +1,6 @@
-/// <reference types="react" />
-import { Meta } from '@storybook/react';
-import { TablePropsInterface } from './typings/main';
-export declare const WithKnobs: () => JSX.Element;
-export declare const ScrollableHeader: () => JSX.Element;
-export declare const EmptySet: () => JSX.Element;
-export declare const LoadingStatus: () => JSX.Element;
-declare const TableStories: Meta<TablePropsInterface>;
+import { Meta, Story } from '@storybook/react';
+import { DataType } from './stories/components/types';
+import { TableProps } from './Table';
+export declare const Template: Story<TableProps<DataType>>;
+declare const TableStories: Meta<TableProps<DataType>>;
 export default TableStories;

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

@@ -0,0 +1,33 @@
+import { colorsPalette } from '../../common/types/colorsPalette';
+import { ButtonProps, IconButtonProps } from '../buttons';
+import { DropdownItemType } from '../dropdown/types';
+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'];
+}
+declare type paginationItemStatus = 'normal' | 'hover' | 'active';
+declare type PaginationPalette = {
+    numbers: {
+        [k in paginationItemStatus]: colorsPalette;
+    };
+    buttons: ButtonProps['color'];
+};
+declare type ActionsPalette = {
+    colors: {
+        [k in DropdownItemType]: ButtonProps['color'];
+    };
+    dropdownTriggerColor: IconButtonProps['color'];
+};
+export interface TablePalette {
+    header: TableHeaderPalette;
+    rows: TableRowsPalette;
+    selectedRowsCount: SelectedRowsCountPalette;
+    actions: ActionsPalette;
+    pagination: PaginationPalette;
+}
+declare const tablePalette: TablePalette;
+export default tablePalette;

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

@@ -0,0 +1,27 @@
+import { Row, SortingRule } from 'react-table';
+import { DropdownItemType } from '../dropdown/types';
+import { IconProps } from '../icon';
+export interface TableData {
+    isDisabled?: boolean;
+}
+export interface CustomColumn {
+    align?: 'left' | 'center' | 'right';
+}
+export interface RowActions<T extends TableData> {
+    primary?: RowAction<T>;
+    dropdown?: RowAction<T>[];
+}
+export interface RowAction<T extends TableData> {
+    icon?: IconProps;
+    type?: DropdownItemType;
+    text: string;
+    onClick: (row: Row<T>) => void;
+    isDisabled?: boolean;
+}
+interface ManualPaginationConfig {
+    pageCount: number;
+    setCurrentPage: (page: number) => void;
+}
+export declare type ManualPagination = ManualPaginationConfig | undefined;
+export declare type OnSort<T extends TableData> = (sortBy: Array<SortingRule<T>>) => void;
+export {};

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

@@ -0,0 +1,14 @@
+import { DefaultTheme } from 'styled-components';
+import { paletteColor } from '../../styles/types';
+import { TableBodyTrProps } from './components/TableBody';
+interface GetTableBodyTrStylesParams extends TableBodyTrProps {
+    theme: DefaultTheme;
+}
+export interface TableBodyTrStyles {
+    background: paletteColor;
+    color: paletteColor;
+    hoverColor: paletteColor;
+    hoverBackground: paletteColor;
+}
+export declare const getTableBodyTrStyles: ({ theme, isDisabled, isSelected, }: GetTableBodyTrStylesParams) => TableBodyTrStyles;
+export {};

package/dist/index.d.ts

@@ -7,7 +7,8 @@ import { Chip } from './components/chips';
 import { Drawer } from './components/drawer';
 import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette, renderContentType } from './components/dropdown';
 import { WithBadge } from './components/floatingBadge';
-import { Checkbox, CheckboxPalette, CheckboxProps, useCheckboxValue } from './components/form/checkbox';
+import { Checkbox, CheckboxPalette, CheckboxProps, checkboxStatus, useCheckboxValue } from './components/form/checkbox';
+import { FileRejection, FileUploader, fileUploaderOnDrop, FileUploaderPalette, FileUploaderProps } from './components/form/fileUploader';
 import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
 import { InputText, InputTextPalette, InputTextProps, UnitDropdownProps } from './components/form/inputText';
 import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, isSimpleValue, OptionType, Select, SelectComponentsType, SelectPalette, SelectProps, simpleValue, useSelectMultiValues, useSelectSimpleValue, useSelectValue } from './components/form/select';
@@ -27,7 +28,7 @@ import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
 import { RadioButton } from './components/radioButton';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
-import { Table } from './components/table';
+import { ManualPagination, OnSort, RowActions, Table, TableData, TablePalette, TableProps, useTableValues } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
 import { Tag, TagPalette, TagProps } from './components/tag';
 import { ThemeProvider } from './components/themeProvider';
@@ -37,4 +38,4 @@ import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { autocompleteYellow } from './styles/defaultPalette/colors/others';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };
+export { autocompleteYellow, paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, TableProps, TableData, useTableValues, TablePalette, RowActions, ManualPagination, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, checkboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, BadgeProps, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, WithBadge, Pagination, Toast, ToastProps, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, InputText, InputTextProps, InputTextPalette, UnitDropdownProps, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, };