@reportportal/ui-kit 0.0.1-alpha.102 → 0.0.1-alpha.104

package/dist/attachedFile.js

@@ -1,4 +1,4 @@
-import { A as a } from "./index-e27a72a8.js";
+import { A as a } from "./index-803576c3.js";
 import "react/jsx-runtime";
 import "react";
 import "./bind-06a7ff84.js";

package/dist/{arrowUp-4a5caee7.js → chevronDownDropdown-66f5b1af.js}

@@ -1,6 +1,7 @@
 import * as e from "react";
-const t = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), o = (l) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" }));
+const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), n = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" })), o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M14.2174 5.82426C14.3736 5.66805 14.3736 5.41479 14.2174 5.25858L14.0759 5.11716C13.9197 4.96095 13.6665 4.96095 13.5103 5.11716L8.16726 10.4602L2.82426 5.11716C2.66805 4.96095 2.41479 4.96095 2.25858 5.11716L2.11716 5.25858C1.96095 5.41479 1.96095 5.66805 2.11716 5.82426L7.89176 11.5989C8.04797 11.7551 8.30124 11.7551 8.45745 11.5989L8.88171 11.1746L8.87436 11.1673L14.2174 5.82426Z", fill: "#A2AAB5" }));
 export {
-  t as S,
-  o as a
+  l as S,
+  n as a,
+  o as b
 };

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

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

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

@@ -0,0 +1 @@
+export declare const isString: (value: unknown) => value is string;

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

@@ -9,6 +9,7 @@ export interface AttachmentFile {
     isUploadFailed?: boolean;
     isUploading?: boolean;
     validationErrors?: FileValidationError[];
+    customErrorMessage?: string;
 }
 interface AttachedFilesListProps {
     files: AttachmentFile[];

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

@@ -5,9 +5,9 @@ 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;
+    handleFileInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
     clearError: () => void;
+    onDrop: (acceptedFiles: File[]) => void;
 };
 export {};

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

@@ -49,6 +49,7 @@ export interface FileValidationOptions {
 export interface FileWithValidation {
     file: File;
     validationErrors: FileValidationError[];
+    customErrorMessage?: string;
 }
 export interface FileDropAreaBaseConfig extends FileValidationOptions {
     messages: FileValidationMessages;

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

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

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

@@ -1,2 +1,5 @@
 export declare const ASC = "asc";
 export declare const DESC = "desc";
+export declare const EXPANDABLE_CHECKBOX_COLUMN_WIDTH = 32;
+export declare const PRIMARY_COLUMN_DEFAULT_WIDTH = 100;
+export declare const ACTION_MENU_COLUMN_WIDTH = 48;

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

@@ -0,0 +1,4 @@
+export { useTableColumns } from './useTableColumns';
+export { useTableHover } from './useTableHover';
+export { useTableExpansion } from './useTableExpansion';
+export { useColumnWidths } from './useColumnWidths';

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

@@ -0,0 +1,8 @@
+import { MutableRefObject } from 'react';
+
+interface UseColumnWidthsReturn {
+    columnWidthsRef: MutableRefObject<Map<string, number>>;
+    setCellRef: (columnKey: string) => (element: HTMLDivElement | null) => void;
+}
+export declare const useColumnWidths: () => UseColumnWidthsReturn;
+export {};

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

@@ -0,0 +1,13 @@
+import { PrimaryColumn, FixedColumn, Column } from '../types';
+
+interface UseTableColumnsProps {
+    primaryColumns: Column[];
+    fixedColumns: FixedColumn[];
+    pinnedColumnKeys: string[];
+}
+interface UseTableColumnsReturn {
+    pinnedColumns: (PrimaryColumn | FixedColumn)[];
+    scrollableColumns: (PrimaryColumn | FixedColumn)[];
+}
+export declare const useTableColumns: ({ primaryColumns, fixedColumns, pinnedColumnKeys, }: UseTableColumnsProps) => UseTableColumnsReturn;
+export {};

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

@@ -0,0 +1,15 @@
+import { Column, FixedColumn } from '../types';
+
+interface UseTableExpansionProps {
+    primaryColumns: Column[];
+    fixedColumns: FixedColumn[];
+    expandedRowIds: (string | number)[];
+    onToggleRowExpansion: (id: string | number) => void;
+}
+interface UseTableExpansionReturn {
+    expandedCells: Set<string>;
+    handleToggleRowExpansion: (id: string | number) => void;
+    isCellExpanded: (rowId: string | number, columnKey: string) => boolean;
+}
+export declare const useTableExpansion: ({ primaryColumns, fixedColumns, expandedRowIds, onToggleRowExpansion, }: UseTableExpansionProps) => UseTableExpansionReturn;
+export {};

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

@@ -0,0 +1,10 @@
+interface UseTableHoverReturn {
+    hoveredColumn: string | null;
+    hoveredRow: number | null;
+    handleColumnMouseEnter: (columnKey: string) => void;
+    handleColumnMouseLeave: () => void;
+    handleRowMouseEnter: (rowIndex: number) => void;
+    handleRowMouseLeave: () => void;
+}
+export declare const useTableHover: () => UseTableHoverReturn;
+export {};

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { ASC, DESC } from './constants';
 
 export interface Column {
@@ -12,6 +12,10 @@ export interface FixedColumn extends Column {
     width: string | number;
     align?: 'left' | 'center' | 'right';
 }
+export interface PinnedColumn extends FixedColumn {
+    pinned: boolean;
+    pinnedPosition?: number;
+}
 export interface RowConfigs {
     size?: 'small' | 'medium' | 'large';
 }
@@ -35,7 +39,7 @@ export interface SortConfig {
 }
 export interface TableComponentProps {
     data: RowData[];
-    primaryColumn: Column;
+    primaryColumn: Column | Column[];
     fixedColumns: FixedColumn[];
     renderRowActions?: (metaData?: MetaData) => ReactNode;
     selectable?: boolean;
@@ -46,7 +50,15 @@ export interface TableComponentProps {
     sortingDirection?: SortingDirection;
     sortingColumn?: Column;
     sortableColumns?: string[];
+    isHeaderFixed?: boolean;
+    isHorizontallyScrollable?: boolean;
+    pinnedColumnKeys?: string[];
+    isRowsExpandable?: boolean;
+    expandedRowIds?: (string | number)[];
+    setExpandedRowIds?: Dispatch<SetStateAction<Set<string | number>>>;
     onChangeSorting?: (sortConfig?: SortConfig) => void;
     onToggleRowSelection?: (id: string | number) => void;
     onToggleAllRowsSelection?: () => void;
+    onToggleRowExpansion?: (id: string | number) => void;
+    onToggleAllRowsExpansion?: () => void;
 }

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

@@ -1,6 +1,12 @@
-import { Column, RowData, SortConfig, SortingDirection } from './types';
+import { CSSProperties, MutableRefObject } from 'react';
+import { Column, RowData, SortConfig, SortingDirection, PrimaryColumn, FixedColumn } 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";
+export declare const isPrimaryColumn: (column: PrimaryColumn | FixedColumn) => boolean;
+export declare const getRowSizeClassName: (rowData: RowData) => string;
+export declare const calculatePinnedPosition: (columnIndex: number, columns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean) => number;
+export declare const getCellStyle: (column: FixedColumn | PrimaryColumn, isPinned: boolean, pinnedIndex: number | undefined, pinnedColumns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean) => CSSProperties;
+export declare const getGridTemplateColumns: (pinnedColumns: (PrimaryColumn | FixedColumn)[], scrollableColumns: (PrimaryColumn | FixedColumn)[], isRowsExpandable: boolean, selectable: boolean, renderRowActions: boolean, isHeader?: boolean) => string;