@reportportal/ui-kit 0.0.1-alpha.93 → 0.0.1-alpha.95

package/dist/attachedFile.js

@@ -0,0 +1,9 @@
+import { A as a } from "./index-b073dd45.js";
+import "react/jsx-runtime";
+import "react";
+import "./bind-06a7ff84.js";
+import "./close-4d480ef7.js";
+import "./xls-995781cc.js";
+export {
+  a as AttachedFile
+};

package/dist/bubblesLoader-f3ffa240.js

@@ -0,0 +1,28 @@
+import { jsx as l } from "react/jsx-runtime";
+import { c as _ } from "./bind-06a7ff84.js";
+const r = "_bubble_1nqxs_1", c = "_bubbles_1nqxs_1", u = {
+  "bubbles-loader": "_bubbles-loader_1nqxs_1",
+  "color-topaz": "_color-topaz_1nqxs_6",
+  bubble: r,
+  "bubbles-large": "_bubbles-large_1nqxs_9",
+  bubbles: c
+}, e = _.bind(u), n = 7, x = ({
+  color: b = "topaz",
+  className: o,
+  variant: s = "standard"
+}) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: e("bubbles-loader", o, {
+      [`color-${b}`]: b,
+      [`bubbles-${s}`]: s
+    }),
+    children: Array(n).fill(void 0).map((t, a) => (
+      // eslint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ l("div", { className: e("bubble") }, a)
+    ))
+  }
+);
+export {
+  x as B
+};

package/dist/bubblesLoader.js

@@ -1,4 +1,4 @@
-import { B as r } from "./bubblesLoader-a7e709d4.js";
+import { B as r } from "./bubblesLoader-f3ffa240.js";
 import "react/jsx-runtime";
 import "./bind-06a7ff84.js";
 export {

package/dist/common/types.d.ts

@@ -1,3 +1,4 @@
 export type ShapeWithClassName<P = Record<string, unknown>> = P & {
     className?: string;
 };
+export type VoidFn = () => void;

package/dist/common/utils/getFileExtension.d.ts

@@ -0,0 +1 @@
+export declare const getFileExtension: (fileName: string) => string;

package/dist/common/utils/index.d.ts

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

package/dist/components/attachedFile/attachedFile.d.ts

@@ -0,0 +1,14 @@
+import { VoidFn } from '../../common/types';
+
+export interface AttachedFileProps {
+    fileName: string;
+    size: number;
+    isFullWidth?: boolean;
+    uploadingProgress?: number;
+    isUploading?: boolean;
+    isUploadFailed?: boolean;
+    uploadFailedMessage?: string;
+    onRemove?: VoidFn;
+    onDownload?: VoidFn;
+}
+export declare const AttachedFile: ({ fileName, size, uploadingProgress, isUploadFailed, uploadFailedMessage, isUploading, isFullWidth, onDownload, onRemove, }: AttachedFileProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { AttachedFile } from './attachedFile';
+export type { AttachedFileProps } from './attachedFile';

package/dist/components/bubblesLoader/bubblesLoader.d.ts

@@ -3,6 +3,7 @@ import { FC } from 'react';
 interface BubblesLoaderProps {
     color?: string;
     className?: string;
+    variant?: 'standard' | 'large';
 }
 export declare const BubblesLoader: FC<BubblesLoaderProps>;
 export {};

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,2 @@
+export { FileDropArea } from './fileDropArea';
+export { MIME_TYPES } from './types';

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

@@ -4,34 +4,39 @@ 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 CalendarArrowIcon } from './svg/calendarArrow.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 CloseIcon } from './svg/close.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 DurationIcon } from './svg/duration.svg';
 export { default as DragAndDropIcon } from './svg/dragAndDrop.svg';
-export { default as DropdownIcon } from './svg/dropdown.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';
@@ -41,11 +46,12 @@ 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 RerunIcon } from './svg/rerun.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,23 +1,25 @@
-export { Button } from './button';
+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 { FieldNumber } from './fieldNumber';
-export { BubblesLoader } from './bubblesLoader';
-export { SpinLoader } from './spinLoader';
+export { FieldText } from './fieldText';
 export { FieldTextFlex } from './fieldTextFlex';
-export { Radio } from './radio';
-export { Tooltip } from './tooltip';
-export { Popover } from './popover';
+export { FileDropArea } from './fileDropArea';
+export { Modal } from './modal';
 export { Pagination } from './pagination';
+export { Popover } from './popover';
+export { Radio } from './radio';
 export { Selection } from './selection';
-export { Table } from './table';
-export { DatePicker } from './datePicker';
+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';