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

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

@@ -1,12 +1,57 @@
-export { BaseIconButton } from './baseIconButton';
+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 PlusIcon } from './svg/plus.svg';
-export { default as MinusIcon } from './svg/minus.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 PrevPageIcon } from './svg/prevPage.svg';
-export { default as PrevChapterIcon } from './svg/prevChapter.svg';
-export { default as ArrowDownIcon } from './svg/arrowDown.svg';
-export { default as ArrowUpIcon } from './svg/arrowUp.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,17 +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 { SystemMessage } from './systemMessage';
-export { FieldText } from './fieldText';
-export { ThemeProvider } from './themeProvider';
-export { Modal } from './modal';
+export { DatePicker } from './datePicker';
 export { Dropdown } from './dropdown';
-export { Toggle } from './toggle';
+export { FieldLabel } from './fieldLabel';
 export { FieldNumber } from './fieldNumber';
-export { BubblesLoader } from './bubblesLoader';
+export { FieldText } from './fieldText';
 export { FieldTextFlex } from './fieldTextFlex';
-export { Radio } from './radio';
-export { Tooltip } from './tooltip';
-export { Popover } from './popover';
+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/modal.d.ts

@@ -1,11 +1,12 @@
 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;
+    onClose?: () => void;
     title?: ReactNode;
-    headerNode?: ReactNode;
     children?: ReactNode;
     footerNode?: ReactNode;
     className?: string;
@@ -13,9 +14,12 @@ interface ModalProps {
     size?: ModalSize;
     overlay?: ModalOverlay;
     allowCloseOutside?: boolean;
-    okButton?: ButtonProps;
+    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/modalContent.d.ts

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

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

@@ -1,10 +1,12 @@
 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?: ButtonProps;
+    okButton?: ExtendedButtonProps;
     cancelButton?: ButtonProps;
     size?: ModalSize;
 }

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

@@ -1,8 +1,9 @@
 import { ReactNode, FC } from 'react';
+
 interface ModalHeaderProps {
     title?: ReactNode;
-    headerNode?: 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

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

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

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+
 export interface ItemCounterProps {
     activePage: number;
     pageSize: number;

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

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePage } from '../../types';
+
 interface ActivePageProps {
     activePage: number;
     totalPages: number;

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

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePage } from '../../../types';
+
 interface PageSelectorProps {
     pageText: string;
     goActionText: string;

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

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePage } from '../types';
+
 type PageControlsCaptions = {
     page: string;
     goTo: string;

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

@@ -1,8 +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/pageSizeControl.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePageSize } from '../types';
+
 interface PageSizeControlProps {
     size: number;
     sizeOptions: number[];

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

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePageSize } from '../../types';
+
 export interface SizeSelectorProps {
     currentSize: number;
     options: number[];

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

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ChangePageSize, ChangePage } from './types';
+
 type PaginationCaptions = {
     items?: string;
     of?: string;

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

@@ -1 +1,4 @@
-export { Popover } from './popover';
+import { Popover, PopoverProps } from './popover';
+
+export { Popover };
+export type { PopoverProps };

package/dist/components/popover/popover.d.ts

@@ -1,6 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
-interface PopoverProps {
+
+export interface PopoverProps {
     className?: string;
     content: ReactNode;
     children: ReactNode;
@@ -13,6 +14,6 @@ interface PopoverProps {
     dataAutomationId?: string;
     isOpened?: boolean;
     setIsOpened?: (isOpened: boolean) => void;
+    isCentered?: boolean;
 }
 export declare const Popover: FC<PopoverProps>;
-export {};

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

@@ -1,4 +1,5 @@
 import { Radio, RadioProps } from './radio.js';
+
 export { Radio };
 export type { RadioProps };
 export default Radio;

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

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, HTMLAttributes, ReactNode, FC } from 'react';
+
 export type RadioValue = string | number;
 export type RadioOption = {
     value: RadioValue;

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

@@ -1,6 +1,7 @@
 import { FC } from 'react';
 import { RadioProps } from './index';
 import { RadioOption } from './radio';
+
 interface RadioGroupProps extends Omit<RadioProps, 'option'> {
     options: RadioOption[];
 }

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

@@ -0,0 +1,5 @@
+import { Selection, SelectionProps } from './selection';
+
+export { Selection };
+export type { SelectionProps };
+export default Selection;

package/dist/components/selection/selection.d.ts

@@ -0,0 +1,12 @@
+import { ClearSelection } from './types';
+
+export interface SelectionProps {
+    selectedCount: number;
+    onClearSelection: ClearSelection;
+    captions?: {
+        selected?: string;
+        buttonCaption?: string;
+    };
+    icon?: React.ReactNode;
+}
+export declare const Selection: ({ selectedCount, onClearSelection, captions, icon, }: SelectionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export type ClearSelection = VoidFunction;

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

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

package/dist/components/spinLoader/spinLoader.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface SpinLoaderProps {
+    color?: string;
+    className?: string;
+}
+export declare const SpinLoader: FC<SpinLoaderProps>;
+export {};

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

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

package/dist/components/systemAlert/systemAlert.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { SystemAlertProps } from './types';
+
+export declare const SystemAlert: FC<SystemAlertProps>;

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

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+
+export declare enum SystemAlertType {
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error"
+}
+export declare enum SystemAlertTypographyColorType {
+    WHITE = "white",
+    BLACK = "black"
+}
+export interface SystemAlertProps {
+    title: string;
+    onClose: () => void;
+    icon?: ReactElement | null;
+    type?: SystemAlertType;
+    typographyColor?: SystemAlertTypographyColorType;
+    duration?: number;
+    className?: string;
+    dataAutomationId?: string;
+}

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

@@ -1,3 +1,4 @@
 import { SystemMessage } from './systemMessage';
+
 export { SystemMessage };
 export default SystemMessage;

package/dist/components/systemMessage/systemMessage.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+
 type Mode = 'info' | 'warning' | 'error';
 interface SystemMessageProps {
     children?: ReactNode;

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

@@ -0,0 +1,2 @@
+export declare const ASC = "asc";
+export declare const DESC = "desc";

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

@@ -1,3 +1,4 @@
 import { Table } from './table';
+
 export { Table };
 export default Table;

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

@@ -1,3 +1,4 @@
 import { FC } from 'react';
 import { TableComponentProps } from './types';
+
 export declare const Table: FC<TableComponentProps>;

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

@@ -1,4 +1,6 @@
 import { ReactNode } from 'react';
+import { ASC, DESC } from './constants';
+
 export interface Column {
     key: string;
     header: string;
@@ -17,29 +19,33 @@ export interface DetailedCellData {
     content: string | number;
     component: ReactNode;
 }
+export interface MetaData {
+    [key: string]: any;
+}
 export interface RowData {
     id: string | number;
     [key: string]: DetailedCellData | RowConfigs | string | number | any;
     rowConfigs?: RowConfigs;
+    metaData?: MetaData;
 }
-export declare enum SortDirection {
-    ASC = "asc",
-    DESC = "desc"
-}
+export type SortingDirection = typeof ASC | typeof DESC | Uppercase<typeof ASC | typeof DESC>;
 export interface SortConfig {
     key: string;
-    direction: SortDirection;
+    direction: SortingDirection;
 }
 export interface TableComponentProps {
     data: RowData[];
     primaryColumn: Column;
     fixedColumns: FixedColumn[];
-    rowActionMenu?: ReactNode;
+    renderRowActions?: (metaData?: MetaData) => ReactNode;
     selectable?: boolean;
     className?: string;
+    headerClassName?: string;
+    rowClassName?: string;
     selectedRowIds?: (string | number)[];
-    sortingDirection?: SortDirection;
+    sortingDirection?: SortingDirection;
     sortingColumn?: Column;
+    sortableColumns?: string[];
     onChangeSorting?: (sortConfig?: SortConfig) => void;
     onToggleRowSelection?: (id: string | number) => void;
     onToggleAllRowsSelection?: () => void;

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

@@ -1,2 +1,6 @@
-import { RowData, SortConfig } from './types';
+import { Column, RowData, SortConfig, SortingDirection } from './types';
+
+export declare const isAsc: (direction: SortingDirection) => boolean;
 export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];
+export declare const getColumnsKeys: (columns: Column[]) => string[];
+export declare const toggleDirection: (direction: SortingDirection) => "asc" | "desc";

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

@@ -1,3 +1,4 @@
 import { ThemeProvider } from './themeProvider';
+
 export { ThemeProvider };
 export default ThemeProvider;

package/dist/components/themeProvider/themeProvider.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 type ThemeKey = 'light' | 'dark' | string;
 interface ITheme {
     [themeKey: ThemeKey]: string;

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

@@ -1,3 +1,4 @@
 import { Toggle } from './toggle';
+
 export { Toggle };
 export default Toggle;

package/dist/components/toggle/toggle.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, FC, HTMLAttributes, ReactNode } from 'react';
+
 interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
     value: boolean;
     title?: string;

package/dist/components/tooltip/tooltip.d.ts

@@ -1,13 +1,23 @@
 import { FC, ReactNode } from 'react';
-import { Placement } from '@floating-ui/react-dom';
+import { Placement } from '@floating-ui/react';
+
 interface TooltipProps {
     content: ReactNode;
     children: ReactNode;
-    className?: string;
+    wrapperClassName?: string;
+    tooltipClassName?: string;
+    contentClassName?: string;
     dynamicWidth?: boolean;
     width?: number;
+    minWidth?: number;
     placement?: Placement;
     dataAutomationId?: string;
+    arrowColor?: string;
+    safeZone?: number;
+    zIndex?: number;
+    mainAxis?: boolean;
+    portalRoot?: Element;
+    isFloating?: boolean;
 }
 export declare const Tooltip: FC<TooltipProps>;
 export {};