@fattureincloud/fic-design-system 0.18.1 → 0.18.2

package/dist/components/select/hooks/useCustomSelectStyle.d.ts

@@ -0,0 +1,4 @@
+import { Styles } from 'react-select/src/styles';
+declare type sizeType = 'medium' | 'large';
+declare const useCustomSelectStyle: (size?: sizeType) => Partial<Styles>;
+export default useCustomSelectStyle;

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

@@ -0,0 +1,4 @@
+import { TSelect, TSelectAsync, TSelectCreatable } from './typings/select';
+export declare const Select: TSelect;
+export declare const SelectCreatable: TSelectCreatable;
+export declare const SelectAsync: TSelectAsync;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { default as Select } from 'react-select';
+import { default as AsyncSelect } from 'react-select/async';
+import CreatableSelect from 'react-select/creatable';
+import { InputActionMeta } from 'react-select/src/types';
+export interface Props {
+    label?: string;
+    size?: 'medium' | 'large' | undefined;
+    inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    getRef?: (node: any) => any;
+}
+export declare type TSelectProps = React.ComponentProps<typeof Select & Props>;
+export declare type TAsyncSelectProps = React.ComponentProps<typeof AsyncSelect & Props>;
+export declare type TSelectPropsCreatable = React.ComponentProps<typeof CreatableSelect> & {
+    label?: string;
+    size?: 'medium' | 'large' | undefined;
+    inputChange?: (newValue: string, actionMeta: InputActionMeta) => void;
+    createOption?: (inputValue: string) => void;
+};
+export declare type TSelect = React.FunctionComponent<TSelectProps>;
+export declare type TSelectCreatable = React.FunctionComponent<TSelectPropsCreatable>;
+export declare type TSelectAsync = React.FunctionComponent<TAsyncSelectProps>;

package/dist/components/stepBar/components/singleStep.d.ts

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

package/dist/components/stepBar/components/styledStepBarWrapper.d.ts

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

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

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

package/dist/components/stepBar/stepBar.d.ts

@@ -0,0 +1,7 @@
+import { Component } from 'react';
+import { TStepBar, UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface } from './types';
+export declare class UnstyledStepBar extends Component<UnstyledStepBarPropsInterface, UnstyledStepBarStateInterface> {
+    render(): JSX.Element;
+}
+declare const StepBar: TStepBar;
+export default StepBar;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface StepProps {
+    title: string;
+    type: 'standard' | 'current' | 'completed';
+    number: number;
+}
+interface Props {
+    stepList: Array<StepProps>;
+}
+export declare type TStepBar = React.FunctionComponent<Props>;
+export interface UnstyledStepBarPropsInterface extends Props {
+}
+export interface UnstyledStepBarStateInterface {
+}
+export {};

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

@@ -0,0 +1,3 @@
+export declare const ActionLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {
+    color?: string | undefined;
+}, never>;

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

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

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ActionType } from '../../typings/main';
+export declare const ActionsPopUp: (props: {
+    actions: Array<ActionType>;
+    selectedRows: number[];
+    element: {
+        [key: string]: React.ReactText;
+        id: number;
+    };
+    active: boolean;
+    handlePopUpVisibility: (rowId?: number | undefined) => void;
+}) => JSX.Element;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type Props = {
+    rowId: number;
+    handlePopUpVisibility: (rowId: number) => void;
+    active: boolean;
+};
+export declare const ActionsPopUpButton: (props: Props) => JSX.Element;
+export {};

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

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

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;

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ActionType, PropertyFilterInterface, TControlledProperties } from '../../typings/main';
+interface Props {
+    isLoading?: boolean;
+    allChecked: boolean;
+    handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    controlledProperties: TControlledProperties;
+    setShowModalCustomizeTrue: () => void;
+    propertiesFilter: PropertyFilterInterface[];
+    handleSortOnProperty: (id: string, type: boolean | 'desc' | 'asc') => void;
+    actions?: ActionType[];
+    disableSelection?: boolean;
+}
+export declare const HeadDesktop: ({ actions, allChecked, controlledProperties, disableSelection, handleSelectAll, handleSortOnProperty, isLoading, propertiesFilter, setShowModalCustomizeTrue, }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+interface Props {
+    listSize: number;
+    isLoading?: boolean;
+    data: {
+        [key: string]: React.ReactText;
+        id: number;
+    }[];
+    renderMobileRow?: (o: {
+        [key: string]: React.ReactText;
+        id: number;
+    }) => JSX.Element;
+}
+export declare const ListMobile: ({ data, isLoading, listSize, renderMobileRow }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ActionType, TControlledProperties } from '../../typings/main';
+interface Props {
+    index: number;
+    selectedList?: number[];
+    element: {
+        [key: string]: React.ReactText;
+        id: number;
+    };
+    handleSelection: (id: number) => void;
+    controlledProperties: TControlledProperties;
+    actions?: ActionType[];
+    handlePopUpVisibility: (rowId?: number) => void;
+    currentActionsPopUp?: number;
+    disableSelection?: boolean;
+}
+export declare const RowDesktop: ({ actions, controlledProperties, currentActionsPopUp, disableSelection, element, handlePopUpVisibility, handleSelection, index, selectedList, }: Props) => JSX.Element;
+export {};

package/dist/components/table/components/customizationModal/customizationsModal.d.ts

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
+import { CustomizationsModalPropsInterface, CustomizationsModalStateInterface } from '../../typings/main';
+export declare class CustomizationsModal extends Component<CustomizationsModalPropsInterface, CustomizationsModalStateInterface> {
+    constructor(props: CustomizationsModalPropsInterface);
+    propertiesDisplayHandler: (id: string) => void;
+    onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
+    resetProperties: () => void;
+    render(): JSX.Element;
+}

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

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

package/dist/components/table/components/customizationModal/styledWrapper.d.ts

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

package/dist/components/table/components/customizationModal/useDnd.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { DropResult, ResponderProvided } from 'react-beautiful-dnd';
+import { TControlledProperties } from '../../typings/main';
+export declare const UseDnd: React.FunctionComponent<{
+    localProperties: TControlledProperties;
+    onDragEnd: (result: DropResult, provided: ResponderProvided) => void;
+    propertiesDisplayHandler: (id: string) => void;
+}>;

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

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+import { DraggableStateSnapshot, DraggingStyle, NotDraggingStyle } from 'react-beautiful-dnd';
+import { TControlledProperties } from '../../typings/main';
+export declare const getItemStyle: (snapshot: DraggableStateSnapshot, draggableStyle?: DraggingStyle | NotDraggingStyle | undefined) => React.CSSProperties;
+export declare const getListStyle: (isDraggingOver: boolean) => CSSProperties;
+export declare const reorder: (list: TControlledProperties, startIndex: number, endIndex: number) => import("../../typings/main").TControlledProperty[];

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

@@ -0,0 +1,10 @@
+import { Component } from 'react';
+interface Props {
+}
+interface State {
+}
+export declare class EmptySet extends Component<Props, State> {
+    state: {};
+    render(): JSX.Element;
+}
+export {};

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

@@ -0,0 +1 @@
+export declare const linearBackground: () => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/dist/components/table/components/loadingCell/LoadingCell.d.ts

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface LoadingContentProps {
+    elmentsNumber: number;
+    propsNumber: number;
+}
+export declare const LoadingContent: (props: LoadingContentProps) => JSX.Element;
+export {};

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,10 @@
+/// <reference types="react" />
+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/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/sortIcon.d.ts

@@ -0,0 +1,2 @@
+import { TSortIcon } from '../typings/main';
+export declare const SortIcon: TSortIcon;

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

@@ -0,0 +1,3 @@
+import { TablePropsInterface } from '../typings/main';
+import { UnstyledTable } from './unstyledTable';
+export declare const StyledTableWrapper: import("styled-components").StyledComponent<typeof UnstyledTable, import("styled-components").DefaultTheme, TablePropsInterface, never>;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+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;
+    rowHasFocus: boolean;
+    rowHeight: number | string;
+    selectableRows?: boolean;
+    setHighlightedRow: React.Dispatch<React.SetStateAction<number>>;
+    tableId: string;
+}
+declare const TableBody: <T extends TableData>({ isLoading, onRowClick, prepareRow, rowHasFocus, rowHeight, rows, selectableRows, selectedRowsIds, setHighlightedRow, tableId, }: Props<T>) => JSX.Element;
+export default TableBody;

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

@@ -0,0 +1,8 @@
+import { TableBodyTrStyles } from '../../utils';
+export interface TableBodyTrProps {
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    rowHasFocus: 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/tableHeader/SortIndicator.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+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,12 @@
+/// <reference types="react" />
+import { HeaderGroup, SortingRule } from 'react-table';
+import { TableData } from '../../types';
+interface Props<T extends TableData> {
+    scrollBar: number;
+    headerGroups: HeaderGroup<T>[];
+    headerHeight?: number | string;
+    selectedRowsIds?: string[];
+    sortBy: SortingRule<T>[];
+}
+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

@@ -0,0 +1,8 @@
+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, isLoading, ...rest }: Props) => JSX.Element, import("styled-components").DefaultTheme, Props, 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,17 @@
+export declare const TableWrapper: import("styled-components").StyledComponent<"table", import("styled-components").DefaultTheme, {}, never>;
+interface THeadProps {
+    scrollBar: number;
+}
+export declare const THead: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, THeadProps, never>;
+interface TableBodyProps {
+    bodyHeight: number | string;
+}
+export declare const TBody: import("styled-components").StyledComponent<"tbody", import("styled-components").DefaultTheme, TableBodyProps, never>;
+export interface TrProps {
+    isHeader?: boolean;
+    rowHeight?: number | string;
+    headerHeight?: number | string;
+}
+export declare const TableTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, TrProps, never>;
+export declare const TFoot: import("styled-components").StyledComponent<"tfoot", import("styled-components").DefaultTheme, {}, never>;
+export {};

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

@@ -0,0 +1,11 @@
+import React, { Component } from 'react';
+import { TablePropsInterface, TableStateInterface, TControlledProperties } from '../typings/main';
+export declare class UnstyledTable extends Component<TablePropsInterface, TableStateInterface> {
+    constructor(props: TablePropsInterface);
+    handleSelection: (id: number) => void;
+    handleSelectAll: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    handleSortOnProperty: (id: string, type: 'desc' | 'asc' | boolean) => void;
+    modifyControlledPropertiesHandler: (properties: TControlledProperties) => void;
+    handlePopUpVisibility: (rowId?: number | undefined) => void;
+    render(): JSX.Element;
+}

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

@@ -0,0 +1,2 @@
+export declare const DEFAULT_BODY_HEIGHT = 300;
+export declare const DEFAULT_ROW_HEIGHT = 40;

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

@@ -0,0 +1,4 @@
+import { Row } from 'react-table';
+import { OnSelectionChange, TableData } from '../types';
+declare const useRowsSelection: <T extends TableData>(selectedFlatRows: Row<T>[], preSelectAllRows: boolean, onSelectionChange: OnSelectionChange<T> | undefined, allRows: Row<T>[]) => string[];
+export default useRowsSelection;

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' | 'selectableRows' | 'actionsHeader'>;
+declare const useTableHooks: <T extends TableData>({ actions, renderActions, withCheckbox, selectableRows, actionsHeader, }: 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

@@ -0,0 +1,7 @@
+import { Column, Row } from 'react-table';
+import useTableValues from './hooks/useTableValues';
+import Table from './Table';
+import { TableProps } from './Table';
+import tablePalette, { TablePalette } from './tablePalette';
+import { ManualPagination, OnSelectionChange, OnSort, RowActions, TableData } from './types';
+export { Table, TableProps, TableData, tablePalette, useTableValues, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Row, Column, };

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,7 @@
+/// <reference types="react" />
+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,8 @@
+/// <reference types="react" />
+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[];