@reportportal/ui-kit 0.0.1-alpha.1 → 0.0.1-alpha.100

package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts

@@ -0,0 +1,20 @@
+import { FileValidationError } from '../types';
+
+export interface AttachmentFile {
+    id: string;
+    fileName: string;
+    file: File;
+    size: number;
+    uploadingProgress?: number;
+    isUploadFailed?: boolean;
+    isUploading?: boolean;
+    validationErrors?: FileValidationError[];
+}
+interface AttachedFilesListProps {
+    files: AttachmentFile[];
+    className?: string;
+    onRemoveFile: (fileId: string) => void;
+    onDownloadFile?: (file: AttachmentFile) => void;
+}
+export declare const AttachedFilesList: ({ files, className, onRemoveFile, onDownloadFile, }: AttachedFilesListProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/fileDropArea/attachedFilesList/index.d.ts

@@ -0,0 +1,5 @@
+import { AttachedFilesList } from './attachedFilesList';
+
+export { AttachedFilesList };
+export type { AttachmentFile } from './attachedFilesList';
+export default AttachedFilesList;

package/dist/components/fileDropArea/browseButton/browseButton.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { ButtonProps } from '../../button';
+
+type BrowseButtonProps = Omit<ButtonProps, 'onClick' | 'disabled' | 'children'> & {
+    className?: string;
+    variant?: ButtonProps['variant'];
+};
+export declare const BrowseButton: ({ children, className, variant, ...buttonProps }: PropsWithChildren<BrowseButtonProps>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/fileDropArea/browseButton/index.d.ts

@@ -0,0 +1,4 @@
+import { BrowseButton } from './browseButton';
+
+export { BrowseButton };
+export default BrowseButton;

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

@@ -0,0 +1,2 @@
+export declare const DEFAULT_MAX_FILE_SIZE_MB = 128;
+export declare const DEFAULT_MAX_FILE_SIZE: number;

package/dist/components/fileDropArea/dropZone/dropZone.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+interface DropZoneProps {
+    icon: ReactNode;
+    description?: ReactNode;
+    fileSizeMessage?: string;
+    className?: string;
+}
+export declare const DropZone: ({ icon, description, fileSizeMessage, className }: DropZoneProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/fileDropArea/dropZone/index.d.ts

@@ -0,0 +1,4 @@
+import { DropZone } from './dropZone';
+
+export { DropZone };
+export default DropZone;

package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts

@@ -0,0 +1,5 @@
+interface ErrorMessageProps {
+    className?: string;
+}
+export declare const ErrorMessage: ({ className }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/fileDropArea/errorMessage/index.d.ts

@@ -0,0 +1,4 @@
+import { ErrorMessage } from './errorMessage';
+
+export { ErrorMessage };
+export default ErrorMessage;

package/dist/components/fileDropArea/fileDropArea.d.ts

@@ -0,0 +1,19 @@
+import { FC, PropsWithChildren } from 'react';
+import { BrowseButton } from './browseButton';
+import { ErrorMessage } from './errorMessage';
+import { DropZone } from './dropZone';
+import { AttachedFilesList } from './attachedFilesList';
+import { FileDropAreaBaseConfig, FileWithValidation } from './types';
+
+interface FileDropAreaProps extends FileDropAreaBaseConfig {
+    variant?: 'default' | 'overlay';
+    onFilesAdded: (files: FileWithValidation[]) => void;
+}
+interface FileDropAreaComposite extends FC<PropsWithChildren<FileDropAreaProps>> {
+    DropZone: typeof DropZone;
+    BrowseButton: typeof BrowseButton;
+    Error: typeof ErrorMessage;
+    AttachedFilesList: typeof AttachedFilesList;
+}
+export declare const FileDropArea: FileDropAreaComposite;
+export {};

package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { VoidFn } from '../../../common/types';
+import { useFileDropArea } from '../hooks/useFileDropArea';
+import { useOverlayDropArea } from '../hooks/useOverlayDropArea';
+import { FileValidationMessages } from '../types';
+
+export interface FileDropAreaProviderProps extends ReturnType<typeof useFileDropArea> {
+    messages: FileValidationMessages;
+    isMultipleFiles?: boolean;
+    isDisabled?: boolean;
+    variant?: 'default' | 'overlay';
+    overlayProps?: ReturnType<typeof useOverlayDropArea>;
+    registerOpenFunction: (openFunc: VoidFn) => void;
+    openFileDialog: VoidFn;
+}
+export declare const FileDropAreaContext: import('react').Context<FileDropAreaProviderProps | null>;
+export declare const FileDropAreaProvider: ({ children, ...props }: PropsWithChildren<Omit<FileDropAreaProviderProps, 'registerOpenFunction' | 'openFileDialog'>>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts

@@ -0,0 +1 @@
+export { FileDropAreaProvider } from './fileDropAreaProvider';

package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts

@@ -0,0 +1,3 @@
+import { FileDropAreaProviderProps } from './fileDropAreaProvider';
+
+export declare const useFileDropAreaContext: () => FileDropAreaProviderProps;

package/dist/components/fileDropArea/hooks/index.d.ts

@@ -0,0 +1 @@
+export { useFileDropArea } from './useFileDropArea';

package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts

@@ -0,0 +1,13 @@
+import { FileDropAreaBaseConfig, FileWithValidation } from '../types';
+
+interface UseFileDropAreaOptions extends FileDropAreaBaseConfig {
+    onFilesAdded: (files: FileWithValidation[]) => void;
+}
+export declare const useFileDropArea: ({ maxFileSize, acceptFileMimeTypes, onFilesAdded, }: UseFileDropAreaOptions) => {
+    error: import('../types').FileValidationError | null;
+    onDrop: (acceptedFiles: File[]) => void;
+    handleDropzoneClick: () => void;
+    handleFileInputChange: (event: import('react').ChangeEvent<HTMLInputElement>) => void;
+    clearError: () => void;
+};
+export {};

package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts

@@ -0,0 +1,13 @@
+import { ChangeEvent } from 'react';
+import { FileValidationError as ValidationError, FileValidationOptions, FileWithValidation } from '../types';
+
+interface FileProcessingOptions extends FileValidationOptions {
+    onFilesAdded: (files: FileWithValidation[]) => void;
+}
+export declare const useFileProcessing: ({ maxFileSize, acceptFileMimeTypes, onFilesAdded, }: FileProcessingOptions) => {
+    onDrop: (acceptedFiles: File[]) => void;
+    handleFileInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    error: ValidationError | null;
+    clearError: () => void;
+};
+export {};

package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts

@@ -0,0 +1,22 @@
+import { DragEvent } from 'react';
+
+interface UseOverlayDropAreaOptions {
+    isOverlay: boolean;
+}
+export declare const useOverlayDropArea: ({ isOverlay }: UseOverlayDropAreaOptions) => {
+    isDragActive?: boolean | undefined;
+    handlers: {
+        ref: import('react').RefObject<HTMLDivElement>;
+        onDragEnter: (event: DragEvent) => void;
+        onDragLeave: (event: DragEvent) => void;
+        onDragOver: (event: DragEvent) => void;
+        onDrop: (event: DragEvent) => void;
+    } | {
+        ref?: undefined;
+        onDragEnter?: undefined;
+        onDragLeave?: undefined;
+        onDragOver?: undefined;
+        onDrop?: undefined;
+    };
+};
+export {};

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

@@ -0,0 +1,6 @@
+import { FileDropArea } from './fileDropArea';
+import { MIME_TYPES, FileWithValidation } from './types';
+
+export { FileDropArea };
+export { MIME_TYPES };
+export type { FileWithValidation };

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

@@ -0,0 +1,57 @@
+export declare const MIME_TYPES: {
+    readonly png: "image/png";
+    readonly jpeg: "image/jpeg";
+    readonly gif: "image/gif";
+    readonly svg: "image/svg+xml";
+    readonly webp: "image/webp";
+    readonly pdf: "application/pdf";
+    readonly doc: "application/msword";
+    readonly docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+    readonly xls: "application/vnd.ms-excel";
+    readonly xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+    readonly csv: "text/csv";
+    readonly txt: "text/plain";
+    readonly zip: "application/zip";
+    readonly mp4: "video/mp4";
+    readonly mov: "video/quicktime";
+    readonly avi: "video/x-msvideo";
+    readonly xml: "application/xml";
+    readonly html: "text/html";
+    readonly javascript: "application/javascript";
+    readonly json: "application/json";
+    readonly css: "text/css";
+    readonly php: "application/x-httpd-php";
+    readonly har: "application/json";
+    readonly rar: "application/vnd.rar";
+    readonly tgz: "application/gzip";
+    readonly taz: "application/x-compress";
+    readonly tar: "application/x-tar";
+    readonly gzip: "application/gzip";
+    readonly plain: "text/plain";
+    readonly image: "image/*";
+    readonly jar: "application/java-archive";
+    readonly gtar: "application/x-gtar";
+    readonly kml: "application/vnd.google-earth.kml+xml";
+};
+export type MimeType = (typeof MIME_TYPES)[keyof typeof MIME_TYPES];
+export declare enum FileValidationError {
+    INCORRECT_FILE_SIZE = "INCORRECT_FILE_SIZE",
+    INCORRECT_FILE_FORMAT = "INCORRECT_FILE_FORMAT"
+}
+export interface FileValidationMessages {
+    incorrectFileSize: string;
+    incorrectFileFormat: string;
+}
+export interface FileValidationOptions {
+    acceptFileMimeTypes: MimeType[];
+    maxFileSize: number;
+}
+export interface FileWithValidation {
+    file: File;
+    validationErrors: FileValidationError[];
+}
+export interface FileDropAreaBaseConfig extends FileValidationOptions {
+    messages: FileValidationMessages;
+    isMultipleFiles?: boolean;
+    isDisabled?: boolean;
+}

package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts

@@ -0,0 +1,3 @@
+import { FileValidationError, FileValidationMessages } from '../types';
+
+export declare const getValidationErrorMessage: (errors: FileValidationError[], messages: FileValidationMessages) => string | null;

package/dist/components/fileDropArea/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { validateFile } from './validateFile';
+export { getValidationErrorMessage } from './getValidationErrorMessage';

package/dist/components/fileDropArea/utils/validateFile.d.ts

@@ -0,0 +1,3 @@
+import { FileValidationOptions, FileValidationError } from '../types';
+
+export declare const validateFile: (file: File, options: FileValidationOptions) => FileValidationError[];

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

@@ -0,0 +1,57 @@
+export { default as AddCsvIcon } from './svg/addCsv.svg';
+export { default as AddImageIcon } from './svg/addImage.svg';
+export { default as AddJarIcon } from './svg/addJar.svg';
+export { default as ArrowDownIcon } from './svg/arrowDown.svg';
+export { default as ArrowUpIcon } from './svg/arrowUp.svg';
+export { default as BreadcrumbsTreeIcon } from './svg/breadcrumbsTree.svg';
+export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
+export { default as CalendarIcon } from './svg/calendar.svg';
+export { default as CheckmarkIcon } from './svg/checkmark.svg';
+export { default as ChevronDownDropdownIcon } from './svg/chevronDownDropdown.svg';
+export { default as ChevronRightBreadcrumbsIcon } from './svg/chevronRightBreadcrumbs.svg';
+export { default as ClearIcon } from './svg/clear.svg';
+export { default as CloseEyeIcon } from './svg/closeEye.svg';
+export { default as CloseIcon } from './svg/close.svg';
+export { default as CopyIcon } from './svg/copy.svg';
+export { default as CsvIcon } from './svg/csv.svg';
+export { default as DeleteIcon } from './svg/delete.svg';
+export { default as DragAndDropIcon } from './svg/dragAndDrop.svg';
+export { default as DragNDropIcon } from './svg/dragNDrop.svg';
+export { default as DropdownIcon } from './svg/dropdown.svg';
+export { default as DurationIcon } from './svg/duration.svg';
+export { default as EditIcon } from './svg/edit.svg';
+export { default as ErrorIcon } from './svg/error.svg';
+export { default as ExportIcon } from './svg/export.svg';
+export { default as ExternalLinkIcon } from './svg/externalLink.svg';
+export { default as FileOtherIcon } from './svg/fileOther.svg';
+export { default as FilterFilledIcon } from './svg/filterFilled.svg';
+export { default as FilterOutlineIcon } from './svg/filterOutline.svg';
+export { default as FlagIcon } from './svg/flag.svg';
+export { default as HideIcon } from './svg/hide.svg';
+export { default as ImageIcon } from './svg/image.svg';
+export { default as InfoIcon } from './svg/info.svg';
+export { default as JarIcon } from './svg/jar.svg';
+export { default as MaximizeIcon } from './svg/maximize.svg';
+export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';
+export { default as MinusIcon } from './svg/minus.svg';
+export { default as MoveToFolderIcon } from './svg/moveToFolder.svg';
+export { default as OpenEyeIcon } from './svg/openEye.svg';
+export { default as PdfIcon } from './svg/pdf.svg';
+export { default as PlusIcon } from './svg/plus.svg';
+export { default as PrevChapterIcon } from './svg/prevChapter.svg';
+export { default as PrevPageIcon } from './svg/prevPage.svg';
+export { default as PriorityBlockerIcon } from './svg/priorityBlocker.svg';
+export { default as PriorityCriticalIcon } from './svg/priorityCritical.svg';
+export { default as PriorityHighIcon } from './svg/priorityHigh.svg';
+export { default as PriorityLowIcon } from './svg/priorityLow.svg';
+export { default as PriorityMediumIcon } from './svg/priorityMedium.svg';
+export { default as PriorityUnspecifiedIcon } from './svg/priorityUnspecified.svg';
+export { default as RefreshIcon } from './svg/refresh.svg';
+export { default as RerunIcon } from './svg/rerun.svg';
+export { default as SearchIcon } from './svg/search.svg';
+export { default as SortIcon } from './svg/sort.svg';
+export { default as StatusSuccessIcon } from './svg/statusSuccess.svg';
+export { default as SuccessIcon } from './svg/success.svg';
+export { default as TreeIcon } from './svg/tree.svg';
+export { default as WarningIcon } from './svg/warning.svg';
+export { default as XlsIcon } from './svg/xls.svg';

package/dist/components/index.d.ts

@@ -1,4 +1,26 @@
+export { AttachedFile } from './attachedFile';
+export { BaseIconButton } from './baseIconButton';
+export { Breadcrumbs } from './breadcrumbs';
+export { BubblesLoader } from './bubblesLoader';
 export { Button } from './button';
 export { Checkbox } from './checkbox';
+export { DatePicker } from './datePicker';
+export { Dropdown } from './dropdown';
+export { FieldLabel } from './fieldLabel';
+export { FieldNumber } from './fieldNumber';
+export { FieldText } from './fieldText';
+export { FieldTextFlex } from './fieldTextFlex';
+export { FileDropArea, MIME_TYPES } from './fileDropArea';
+export { Modal } from './modal';
+export { Pagination } from './pagination';
+export { Popover } from './popover';
+export { Radio } from './radio';
+export { Selection } from './selection';
+export { SpinLoader } from './spinLoader';
+export { SystemAlert } from './systemAlert';
 export { SystemMessage } from './systemMessage';
+export { Table } from './table';
 export { ThemeProvider } from './themeProvider';
+export { Toggle } from './toggle';
+export { Tooltip } from './tooltip';
+export * from './icons';

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

@@ -0,0 +1,4 @@
+import { MaxValueDisplay } from './maxValueDisplay';
+
+export { MaxValueDisplay };
+export default MaxValueDisplay;

package/dist/components/maxValueDisplay/maxValueDisplay.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ShapeWithClassName } from '../../common/types';
+
+export interface MaxValueDisplayProps {
+    value: number;
+    maxValue?: number;
+}
+export declare const MaxValueDisplay: FC<ShapeWithClassName<MaxValueDisplayProps>>;

package/dist/components/maxValueDisplay/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './isPositiveInteger';

package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts

@@ -0,0 +1 @@
+export declare const isPositiveInteger: (value?: number) => boolean;

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

@@ -0,0 +1,4 @@
+export { Modal } from './modal';
+export { ModalContent } from './modalContent';
+export { ModalHeader } from './modalHeader';
+export { ModalFooter } from './modalFooter';

package/dist/components/modal/modal.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode, FC } from 'react';
+import { ButtonProps } from '../button';
+import { ModalSize } from './modalFooter';
+import { ExtendedButtonProps } from './types';
+
+type ModalOverlay = 'default' | 'light-cyan';
+interface ModalProps {
+    onClose?: () => void;
+    title?: ReactNode;
+    children?: ReactNode;
+    footerNode?: ReactNode;
+    className?: string;
+    zIndex?: number;
+    size?: ModalSize;
+    overlay?: ModalOverlay;
+    allowCloseOutside?: boolean;
+    okButton?: ExtendedButtonProps;
+    cancelButton?: ButtonProps;
+    scrollable?: boolean;
+    withoutFooter?: boolean;
+    createFooter?: (closeHandler: () => void) => ReactNode;
+    description?: ReactNode;
+}
+export declare const Modal: FC<ModalProps>;
+export {};

package/dist/components/modal/modalContent/index.d.ts

@@ -0,0 +1 @@
+export { ModalContent } from './modalContent';

package/dist/components/modal/modalContent/modalContent.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode, FC } from 'react';
+
+interface ModalContentProps {
+    scrollable?: boolean;
+    children?: ReactNode;
+}
+export declare const ModalContent: FC<ModalContentProps>;
+export {};

package/dist/components/modal/modalFooter/index.d.ts

@@ -0,0 +1,2 @@
+export { ModalFooter } from './modalFooter';
+export type { ModalSize } from './modalFooter';

package/dist/components/modal/modalFooter/modalFooter.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode, FC, MouseEventHandler } from 'react';
+import { ButtonProps } from '../../button';
+import { ExtendedButtonProps } from '../types';
+
+export type ModalSize = 'default' | 'small' | 'large';
+interface ModalFooterProps {
+    closeHandler: MouseEventHandler<HTMLButtonElement>;
+    footerNode?: ReactNode;
+    okButton?: ExtendedButtonProps;
+    cancelButton?: ButtonProps;
+    size?: ModalSize;
+}
+export declare const ModalFooter: FC<ModalFooterProps>;
+export {};

package/dist/components/modal/modalHeader/index.d.ts

@@ -0,0 +1 @@
+export { ModalHeader } from './modalHeader';

package/dist/components/modal/modalHeader/modalHeader.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode, FC } from 'react';
+
+interface ModalHeaderProps {
+    title?: ReactNode;
+    onClose: () => void;
+    withDescription?: boolean;
+}
+export declare const ModalHeader: FC<ModalHeaderProps>;
+export {};

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../button';
+
+export interface ExtendedButtonProps extends ButtonProps {
+    tooltipNode?: ReactNode;
+}

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

@@ -0,0 +1,5 @@
+import { Pagination, PaginationProps } from './pagination';
+
+export { Pagination };
+export type { PaginationProps };
+export default Pagination;

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

@@ -0,0 +1 @@
+export { ItemCounter } from './itemCounter';

package/dist/components/pagination/itemsCounter/itemCounter.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+export interface ItemCounterProps {
+    activePage: number;
+    pageSize: number;
+    totalItems: number;
+    ofText: string;
+    itemsText: string;
+}
+export declare const ItemCounter: FC<ItemCounterProps>;

package/dist/components/pagination/pageControls/activePage/activePage.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+
+interface ActivePageProps {
+    activePage: number;
+    totalPages: number;
+    pageText: string;
+    goToText: string;
+    goActionText: string;
+    changePage: ChangePage;
+}
+export declare const ActivePage: FC<ActivePageProps>;
+export {};

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

@@ -0,0 +1 @@
+export { ActivePage } from './activePage';

package/dist/components/pagination/pageControls/activePage/pageSelector/index.d.ts

@@ -0,0 +1 @@
+export { PageSelector } from './pageSelector';

package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ChangePage } from '../../../types';
+
+interface PageSelectorProps {
+    pageText: string;
+    goActionText: string;
+    totalPages: number;
+    selectPage: ChangePage;
+}
+export declare const PageSelector: FC<PageSelectorProps>;
+export {};

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

@@ -0,0 +1 @@
+export { PageControls } from './pageControls';

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

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { ChangePage } from '../types';
+
+type PageControlsCaptions = {
+    page: string;
+    goTo: string;
+    goAction: string;
+    of: string;
+};
+export interface PageControlsProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+    captions: PageControlsCaptions;
+}
+export declare const PageControls: FC<PageControlsProps>;
+export {};

package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ChangePage } from '../../../types';
+
+export interface BarProps {
+    totalPages: number;
+    activePage: number;
+    changePage: ChangePage;
+    captions: {
+        goTo: string;
+    };
+}
+export declare const Bar: FC<BarProps>;

package/dist/components/pagination/pageControls/pageNavigator/bar/index.d.ts

@@ -0,0 +1 @@
+export { Bar } from './bar';

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

@@ -0,0 +1 @@
+export { PageNavigator } from './pageNavigator';

package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+
+export interface PageNavigatorProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+    captions: {
+        goTo: string;
+    };
+}
+export declare const PageNavigator: FC<PageNavigatorProps>;

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

@@ -0,0 +1 @@
+export { PageSizeControl } from './pageSizeControl';

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../types';
+
+interface PageSizeControlProps {
+    size: number;
+    sizeOptions: number[];
+    perPageText: string;
+    changeSize: ChangePageSize;
+}
+export declare const PageSizeControl: FC<PageSizeControlProps>;
+export {};

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

@@ -0,0 +1 @@
+export { SizeSelector } from './sizeSelector';

package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../../types';
+
+export interface SizeSelectorProps {
+    currentSize: number;
+    options: number[];
+    onClickOption: ChangePageSize;
+}
+export declare const SizeSelector: FC<SizeSelectorProps>;

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

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { ChangePageSize, ChangePage } from './types';
+
+type PaginationCaptions = {
+    items?: string;
+    of?: string;
+    page?: string;
+    goTo?: string;
+    goAction?: string;
+    perPage?: string;
+};
+export interface PaginationProps {
+    activePage: number;
+    totalPages: number;
+    pageSize: number;
+    totalItems: number;
+    pageSizeOptions: number[];
+    changePage: ChangePage;
+    changePageSize: ChangePageSize;
+    captions?: PaginationCaptions;
+}
+export declare const Pagination: FC<PaginationProps>;
+export {};

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

@@ -0,0 +1,2 @@
+export type ChangePage = (page: number) => void;
+export type ChangePageSize = (size: number) => void;