@reportportal/ui-kit 0.0.1-alpha.92 → 0.0.1-alpha.94

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

package/dist/{datePicker-ff670fde.js → datePicker-0aca795c.js}

@@ -9,8 +9,8 @@ import { registerLocale as j } from "react-datepicker";
 const ie = (n, s) => {
   j(n, s);
 }, G = (n, s = 20) => {
-  const d = n + s;
-  return new Array(d - n).fill(void 0).map((g, t) => n - t);
+  const i = n + s;
+  return new Array(i - n).fill(void 0).map((g, t) => n - t);
 }, H = "_header_1q16i_1", V = "_disabled_1q16i_25", O = "_dropdown_1q16i_8", W = {
   header: H,
   "dropdowns-wrapper": "_dropdowns-wrapper_1q16i_8",
@@ -24,7 +24,7 @@ const ie = (n, s) => {
   date: n = /* @__PURE__ */ new Date(),
   changeYear: s = () => {
   },
-  changeMonth: d = () => {
+  changeMonth: i = () => {
   },
   decreaseMonth: g = () => {
   },
@@ -34,22 +34,22 @@ const ie = (n, s) => {
   nextMonthButtonDisabled: h = !1,
   headerNodes: b = null,
   customClassName: w = "",
-  yearsOptions: i = [],
+  yearsOptions: p = [],
   locale: N
 }) => {
-  const p = n.getFullYear(), C = n.getMonth(), y = P(() => {
+  const l = n.getFullYear(), C = n.getMonth(), y = P(() => {
     const e = Array(12).keys(), c = new Intl.DateTimeFormat(N, {
       month: "long"
-    }), l = (m) => c.format(new Date(p, m));
-    return Array.from(e, l).reduce((m, f, x) => m.concat({
+    }), d = (m) => c.format(new Date(l, m));
+    return Array.from(e, d).reduce((m, f, x) => m.concat({
       value: x,
       label: f
     }), []);
-  }, []), v = P(() => (i.length > 0 ? i : G(p)).reduce(
-    (c, l) => c.concat({ value: l, label: `${l}` }),
+  }, []), v = P(() => (p.length > 0 ? p : G(l)).reduce(
+    (c, d) => c.concat({ value: d, label: `${d}` }),
     []
-  ), [i]), A = (e) => {
-    d(e);
+  ), [p, l]), A = (e) => {
+    i(e);
   }, k = (e) => {
     s(e);
   };
@@ -85,7 +85,7 @@ const ie = (n, s) => {
           E,
           {
             options: v,
-            value: p,
+            value: l,
             onChange: k,
             transparentBackground: !0,
             className: a("dropdown"),
@@ -121,7 +121,7 @@ const ie = (n, s) => {
   onChange: n = () => {
   },
   disabled: s = !1,
-  onBlur: d = () => {
+  onBlur: i = () => {
   },
   onFocus: g = () => {
   },
@@ -130,9 +130,9 @@ const ie = (n, s) => {
   headerNodes: h = null,
   customClassName: b = "",
   customTimeInput: w = void 0,
-  shouldCloseOnSelect: i = !0,
+  shouldCloseOnSelect: p = !0,
   popperClassName: N = "",
-  calendarClassName: p = "",
+  calendarClassName: l = "",
   fixedHeight: C = !1,
   language: y = te,
   yearsOptions: v = [],
@@ -141,7 +141,7 @@ const ie = (n, s) => {
   selects: e = "start",
   value: c = null
 }) => {
-  const l = D(null), S = o == null ? void 0 : o.toDateString(), m = t == null ? void 0 : t.toDateString(), f = t && o && t > o, x = (u) => {
+  const d = D(null), S = o == null ? void 0 : o.toDateString(), m = t == null ? void 0 : t.toDateString(), f = t && o && t > o, x = (u) => {
     const M = u.toDateString(), Y = M === S, q = f && M === m, U = o && t && u > o && u < t;
     return _("date", {
       "current-date": Y,
@@ -153,18 +153,18 @@ const ie = (n, s) => {
   return /* @__PURE__ */ r(
     B,
     {
-      customInput: /* @__PURE__ */ r(I, { className: _("input"), defaultWidth: !1, ref: l }),
+      customInput: /* @__PURE__ */ r(I, { className: _("input"), defaultWidth: !1, ref: d }),
       placeholderText: A,
       selected: c,
       startDate: o,
       endDate: t,
       disabled: s,
-      shouldCloseOnSelect: i,
+      shouldCloseOnSelect: p,
       fixedHeight: C,
       locale: y,
       showPopperArrow: !1,
       dayClassName: x,
-      calendarClassName: _(p, "calendar"),
+      calendarClassName: _(l, "calendar"),
       renderCustomHeader: (u) => /* @__PURE__ */ r(
         z,
         {
@@ -176,7 +176,7 @@ const ie = (n, s) => {
         }
       ),
       onChange: n,
-      onBlur: d,
+      onBlur: i,
       onFocus: g,
       customTimeInput: w,
       showTimeInput: !!w,

package/dist/datePicker.js

@@ -1,5 +1,5 @@
-import { D as t } from "./datePicker-ff670fde.js";
-import { r as q } from "./datePicker-ff670fde.js";
+import { D as t } from "./datePicker-0aca795c.js";
+import { r as q } from "./datePicker-0aca795c.js";
 import "react/jsx-runtime";
 import "react-datepicker/dist/es/index.js";
 import "./bind-06a7ff84.js";