@reportportal/ui-kit 0.0.1-alpha.15 → 0.0.1-alpha.150

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { SidePanel } from './sidePanel';
+export type { SidePanelProps } from './sidePanel';

package/dist/components/sidePanel/sidePanel.d.ts

@@ -0,0 +1,17 @@
+import { ReactNode } from 'react';
+
+export interface SidePanelProps {
+    className?: string;
+    title?: ReactNode;
+    headerComponent?: ReactNode;
+    descriptionComponent?: ReactNode;
+    contentComponent?: ReactNode;
+    footerComponent?: ReactNode;
+    top?: number;
+    side?: 'left' | 'right';
+    isOpen?: boolean;
+    onClose?: () => void;
+    closeButtonAriaLabel?: string;
+}
+export declare const SidePanel: ({ className, title, descriptionComponent, headerComponent, contentComponent, footerComponent, top, side, isOpen, onClose, closeButtonAriaLabel, }: SidePanelProps) => import("react/jsx-runtime").JSX.Element;
+export default SidePanel;

package/dist/components/sortable/dragLayer/dragLayer.d.ts

@@ -0,0 +1,3 @@
+import { DragLayerProps } from '../../../common/types';
+
+export declare const DragLayer: ({ type, renderPreview, className, previewClassName, portalTarget, }: DragLayerProps) => import('react').ReactPortal | null;

package/dist/components/sortable/dragLayer/index.d.ts

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

package/dist/components/sortable/helpers.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+import { XYCoord } from 'react-dnd';
+import { DropPosition } from '../../common/types';
+
+export declare const getPreviewStyles: (clientOffset: XYCoord | null) => CSSProperties;
+export declare const calculateCursorBasedDropIndex: ({ fromIndex, targetIndex, isTopZone, }: {
+    fromIndex: number;
+    targetIndex: number;
+    isTopZone: boolean;
+}) => number;
+export declare const getDropZone: (cursorY: number, elementHeight: number) => DropPosition;

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

@@ -0,0 +1,3 @@
+export { SortableItem } from './sortableItem';
+export { SortableList } from './sortableList';
+export { DragLayer } from './dragLayer';

package/dist/components/sortable/sortableItem/index.d.ts

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

package/dist/components/sortable/sortableItem/sortableItem.d.ts

@@ -0,0 +1,3 @@
+import { SortableItemProps } from '../../../common/types';
+
+export declare const SortableItem: ({ id, index, type, isDisabled, className, draggingClassName, dropTargetClassName, onDrop, hideDefaultPreview, dropDetectionMode, isLast, children, }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/sortable/sortableList/index.d.ts

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

package/dist/components/sortable/sortableList/sortableList.d.ts

@@ -0,0 +1,5 @@
+import { SortableListProps } from '../../../common/types';
+
+export declare const SortableList: <T extends {
+    id: string | number;
+}>({ items, type, isDisabled, className, itemClassName, onReorder, renderItem, keyExtractor, }: SortableListProps<T>) => import("react/jsx-runtime").JSX.Element;

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,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,5 @@
+export { useTableColumns } from './useTableColumns';
+export { useTableHover } from './useTableHover';
+export { useTableExpansion } from './useTableExpansion';
+export { useColumnWidths } from './useColumnWidths';
+export { useColumnResize } from './useColumnResize';

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

@@ -0,0 +1,18 @@
+import { MutableRefObject } from 'react';
+import { ResizeCallbackData } from 'react-resizable';
+
+interface UseColumnResizeProps {
+    enabled?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    columnWidthsRef?: MutableRefObject<Map<string, number>>;
+    onColumnResize?: (columnKey: string, width: number) => void;
+}
+interface UseColumnResizeReturn {
+    columnWidths: Record<string, number>;
+    handleResize: (columnKey: string) => (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    handleResizeStop: (columnKey: string) => () => void;
+    handleResizeStart: () => void;
+}
+export declare const useColumnResize: ({ enabled, minWidth, maxWidth, columnWidthsRef, onColumnResize, }: UseColumnResizeProps) => UseColumnResizeReturn;
+export {};

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

@@ -1,3 +1,5 @@
 import { Table } from './table';
+
 export { Table };
+export type { RowData, Column, PrimaryColumn, FixedColumn, PinnedColumn, RowConfigs, DetailedCellData, MetaData, SortConfig, SortingDirection, TableComponentProps, } from './types';
 export default Table;

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ResizeHandle: (props: import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;

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,15 +1,22 @@
-import { ReactNode } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
+import { ASC, DESC } from './constants';
+
 export interface Column {
     key: string;
     header: string;
 }
 export interface PrimaryColumn extends Column {
     primary: boolean;
+    width?: string | number;
 }
 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';
 }
@@ -17,33 +24,50 @@ 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;
+    primaryColumn: Column | Column[];
     fixedColumns: FixedColumn[];
-    rowActionMenu?: ReactNode;
+    renderRowActions?: (metaData?: MetaData) => ReactNode;
     selectable?: boolean;
     className?: string;
     headerClassName?: string;
+    bodyClassName?: string;
     rowClassName?: string;
     selectedRowIds?: (string | number)[];
-    sortingDirection?: SortDirection;
+    sortingDirection?: SortingDirection;
     sortingColumn?: Column;
     sortableColumns?: string[];
+    isHeaderFixed?: boolean;
+    isHorizontallyScrollable?: boolean;
+    pinnedColumnKeys?: string[];
+    isRowsExpandable?: boolean;
+    expandedRowIds?: (string | number)[];
+    isSelectAllCheckboxAlwaysVisible?: boolean;
+    setExpandedRowIds?: Dispatch<SetStateAction<Set<string | number>>>;
+    isAllExpandedByDefault?: boolean;
+    expandAllTooltip?: ReactNode;
+    isResizable?: boolean;
+    minColumnWidth?: number;
+    maxColumnWidth?: number;
     onChangeSorting?: (sortConfig?: SortConfig) => void;
     onToggleRowSelection?: (id: string | number) => void;
     onToggleAllRowsSelection?: () => void;
+    onToggleRowExpansion?: (id: string | number) => void;
+    onToggleAllRowsExpansion?: () => void;
+    onColumnResize?: (columnKey: string, width: number) => void;
 }

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

@@ -1,3 +1,12 @@
-import { Column, RowData, SortConfig } 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, columnWidths?: Record<string, number>, isResizable?: boolean) => string;

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 {};