@reportportal/ui-kit 0.0.1-alpha.51 → 0.0.1-alpha.53

package/README.md

@@ -234,6 +234,9 @@ The CSS custom properties that come from DS are prefixed with `rp-ui-base` to av
 
 ### Testing
 
+Each new component/hook/utility **must be** covered by unit/component tests.
+All existing uncovered stuff will be tested gradually in the scope of tech-debt elimination activities.
+
 #### Testing Tools
 
 The project uses the following testing tools:
@@ -257,4 +260,4 @@ The project maintains a minimum of 80% test coverage threshold for:
 - Statements
 - Branches
 - Functions
-- Lines
+- Lines

package/dist/common/hooks/useOnClickOutside.d.ts

@@ -1,2 +1,3 @@
 import { RefObject } from 'react';
+
 export declare function useOnClickOutside<T extends HTMLElement = HTMLDivElement>(ref: RefObject<T>, handler?: (e?: MouseEvent) => void): void;

package/dist/components/baseIconButton/baseIconButton.d.ts

@@ -1,4 +1,5 @@
 import { FC, MouseEventHandler, ReactNode, HTMLAttributes } from 'react';
+
 export interface BaseIconButtonProps extends HTMLAttributes<HTMLButtonElement> {
     children: ReactNode;
     className?: string;

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

@@ -1,4 +1,5 @@
 import { BaseIconButton, BaseIconButtonProps } from './baseIconButton';
+
 export { BaseIconButton };
 export type { BaseIconButtonProps };
 export default BaseIconButton;

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

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+
 interface BubblesLoaderProps {
     color?: string;
     className?: string;

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

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

package/dist/components/button/button.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
+
 type IconPlace = 'start' | 'end';
 type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text';
 type ButtonWidth = 'content' | 'wide-content' | 'parent';

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

@@ -1,4 +1,5 @@
 import { Button, ButtonProps } from './button';
+
 export { Button };
 export type { ButtonProps };
 export default Button;

package/dist/components/checkbox/checkbox.d.ts

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

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

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

package/dist/components/datePicker/datePicker.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode, ReactElement } from 'react';
+
 interface DatePickerProps {
     onChange?: (date: Date | any) => void;
     onBlur?: () => void;

package/dist/components/datePicker/header/datePickerHeader.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+
 export interface DatePickerHeaderProps {
     changeYear: (year: number) => void;
     changeMonth: (month: number) => void;

package/dist/components/datePicker/header/index.d.ts

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

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

@@ -1,3 +1,5 @@
 import { DatePicker } from './datePicker';
-export { DatePicker };
+import { registerDatePickerLocale } from './utils';
+
+export { DatePicker, registerDatePickerLocale };
 export default DatePicker;

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

@@ -1,3 +1,4 @@
 import { Locale } from 'date-fns';
+
 export declare const registerDatePickerLocale: (language: string, locale: Locale) => void;
 export declare const getYearsFrom: (start: number, amountYearsToGenerate?: number) => number[];

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

@@ -1,4 +1,5 @@
 import { KeyCodes } from '../../common/constants/keyCodes';
+
 export declare const OPEN_DROPDOWN_KEY_CODES: KeyCodes[];
 export declare const CLOSE_DROPDOWN_KEY_CODES: KeyCodes[];
 export declare enum EventName {

package/dist/components/dropdown/dropdown.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode, FC } from 'react';
 import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
+
 export interface DropdownProps {
     options: DropdownOptionType[];
     value: DropdownValue | DropdownValue[];

package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts

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

package/dist/components/dropdown/dropdownOption/index.d.ts

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

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

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

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

@@ -1,4 +1,5 @@
 import { MouseEventHandler, ReactNode } from 'react';
+
 export type DropdownVariant = 'default' | 'ghost';
 export type DropdownValue = string | boolean | number;
 export type RenderDropdownOption = (props: DropdownOptionProps) => ReactNode;

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

@@ -1,4 +1,5 @@
 import { DropdownValue, DropdownOptionType } from './types';
+
 export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue | DropdownValue[]) => number;
 export declare const calculateNextIndex: (options: DropdownOptionType[], index?: number) => number;
 export declare const calculatePrevIndex: (options: DropdownOptionType[], index?: number) => number;

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

@@ -1,4 +1,5 @@
 import { KeyCodes } from '../../common/constants/keyCodes';
+
 export declare const DEFAULT_WIDTH_CH = 5;
 export declare const MAX_WIDTH_CH = 16;
 export declare const ALLOWED_KEY_CODES: KeyCodes[];

package/dist/components/fieldNumber/fieldNumber.d.ts

@@ -1,4 +1,5 @@
 import { FC, HTMLAttributes, FocusEventHandler } from 'react';
+
 type FieldNumberValue = number | string;
 interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> {
     onChange: (value: number | string) => void;

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

@@ -1,3 +1,4 @@
 import { FieldNumber } from './fieldNumber.js';
+
 export { FieldNumber };
 export default FieldNumber;

package/dist/components/fieldText/fieldText.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
+
 interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     value?: string;
     className?: string;
@@ -26,5 +27,5 @@ interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     collapsible?: boolean;
     loading?: boolean;
 }
-export declare const FieldText: import("react").ForwardRefExoticComponent<FieldTextProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const FieldText: import('react').ForwardRefExoticComponent<FieldTextProps & import('react').RefAttributes<HTMLInputElement>>;
 export {};

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

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

package/dist/components/fieldTextFlex/fieldTextFlex.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, ComponentPropsWithRef, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
+
 export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
     value: string;
     readonly?: boolean;

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

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

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

@@ -4,7 +4,7 @@ export { default as BreadcrumbsTreeIcon } from './svg/breadcrumbsTree.svg';
 export { default as CalendarIcon } from './svg/calendar.svg';
 export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
 export { default as ChevronDownDropdownIcon } from './svg/chevronDownDropdown.svg';
-export { default as ChevronRightBreadcrumbsIcon } 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';

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

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

package/dist/components/maxValueDisplay/maxValueDisplay.d.ts

@@ -1,5 +1,6 @@
 import { FC } from 'react';
 import { ShapeWithClassName } from '../../common/types';
+
 export interface MaxValueDisplayProps {
     value: number;
     maxValue?: number;

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

@@ -1,6 +1,7 @@
 import { ReactNode, FC } from 'react';
 import { ButtonProps } from '../button';
 import { ModalSize } from './modalFooter';
+
 type ModalOverlay = 'default' | 'light-cyan';
 interface ModalProps {
     onClose?: () => void;

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

@@ -1,4 +1,5 @@
 import { ReactNode, FC } from 'react';
+
 interface ModalContentProps {
     scrollable?: boolean;
     children?: ReactNode;

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

@@ -1,5 +1,6 @@
 import { ReactNode, FC, MouseEventHandler } from 'react';
 import { ButtonProps } from '../../button';
+
 export type ModalSize = 'default' | 'small' | 'large';
 interface ModalFooterProps {
     closeHandler: MouseEventHandler<HTMLButtonElement>;

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

@@ -1,4 +1,5 @@
 import { ReactNode, FC } from 'react';
+
 interface ModalHeaderProps {
     title?: ReactNode;
     onClose: () => void;

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

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

@@ -1,5 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
+
 interface PopoverProps {
     className?: string;
     content: ReactNode;

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

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

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

@@ -1,4 +1,5 @@
 import { FC } from 'react';
+
 interface SpinLoaderProps {
     color?: string;
     className?: string;

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

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

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

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+
 export declare enum SystemAlertType {
     INFO = "info",
     SUCCESS = "success",

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/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,5 @@
 import { ReactNode } from 'react';
+
 export interface Column {
     key: string;
     header: string;

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

@@ -1,3 +1,4 @@
 import { Column, RowData, SortConfig } from './types';
+
 export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];
 export declare const getColumnsKeys: (columns: Column[]) => 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,5 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { Placement } from '@floating-ui/react';
+
 interface TooltipProps {
     content: ReactNode;
     children: ReactNode;