@reportportal/ui-kit 0.0.1-alpha.4 → 0.0.1-alpha.41

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

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react';
+export interface DatePickerHeaderProps {
+    changeYear: (year: number) => void;
+    changeMonth: (month: number) => void;
+    decreaseMonth: () => void;
+    increaseMonth: () => void;
+    headerNodes: ReactNode;
+    date: Date;
+    prevMonthButtonDisabled: boolean;
+    nextMonthButtonDisabled: boolean;
+    customClassName: string;
+    yearsOptions: number[];
+    locale: string;
+}
+export declare const DatePickerHeader: FC<DatePickerHeaderProps>;

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

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

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

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

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

@@ -0,0 +1,3 @@
+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/datePicker1/datePicker.d.ts

@@ -0,0 +1,24 @@
+import { FC, ReactNode, ReactElement } from 'react';
+interface DatePickerProps {
+    onChange?: (date: Date | any) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    headerNodes?: ReactNode;
+    disabled?: boolean;
+    shouldCloseOnSelect?: boolean;
+    fixedHeight?: boolean;
+    startDate?: Date | undefined;
+    endDate?: Date | undefined;
+    customClassName?: string;
+    popperClassName?: string;
+    calendarClassName?: string;
+    customTimeInput?: ReactElement;
+    language?: string;
+    yearsOptions?: number[];
+    placeholder?: string;
+    dateFormat?: string;
+    selects?: 'start' | 'end' | 'none';
+    value?: Date | null;
+}
+export declare const DatePicker1: FC<DatePickerProps>;
+export {};

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

@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react';
+export interface DatePickerHeaderProps {
+    changeYear: (year: number) => void;
+    changeMonth: (month: number) => void;
+    decreaseMonth: () => void;
+    increaseMonth: () => void;
+    headerNodes: ReactNode;
+    date: Date;
+    prevMonthButtonDisabled: boolean;
+    nextMonthButtonDisabled: boolean;
+    customClassName: string;
+    yearsOptions: number[];
+    locale: string;
+}
+export declare const DatePickerHeader: FC<DatePickerHeaderProps>;

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

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

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

@@ -0,0 +1,3 @@
+import { DatePicker1 } from './datePicker';
+export { DatePicker1 };
+export default DatePicker1;

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,7 @@
+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 {
+    ON_KEY_DOWN = "onKeyDown",
+    ON_CLICK = "onClick"
+}

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

@@ -0,0 +1,28 @@
+import { ReactNode, FC } from 'react';
+import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
+export interface DropdownProps {
+    options: DropdownOptionType[];
+    value: DropdownValue | DropdownValue[];
+    disabled?: boolean;
+    error?: string;
+    mobileDisabled?: boolean;
+    title?: string;
+    touched?: boolean;
+    icon?: ReactNode;
+    variant?: DropdownVariant;
+    placeholder?: string;
+    transparentBackground?: boolean;
+    className?: string;
+    toggleButtonClassName?: string;
+    onChange: (value: DropdownValue) => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    renderOption?: RenderDropdownOption;
+    isListWidthLimited?: boolean;
+    multiSelect?: boolean;
+    optionAll?: DropdownOptionType;
+    isOptionAllVisible?: boolean;
+    onSelectAll?: () => void;
+    footer?: ReactNode;
+}
+export declare const Dropdown: FC<DropdownProps>;

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { MouseEventHandler, ReactNode } from 'react';
+export type DropdownVariant = 'default' | 'ghost';
+export type DropdownValue = string | boolean | number;
+export type RenderDropdownOption = (props: DropdownOptionProps) => ReactNode;
+export type DropdownOptionType = {
+    value: DropdownValue;
+    label: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    title?: string;
+    groupRef?: string;
+};
+export interface DropdownOptionProps {
+    selected?: boolean;
+    onChange?: (value: DropdownValue) => void;
+    highlightHovered?: boolean;
+    render?: RenderDropdownOption;
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    multiSelect?: boolean;
+    isPartiallyChecked?: boolean;
+    option: DropdownOptionType;
+}

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,18 @@
+import { FC, HTMLAttributes, FocusEventHandler } from 'react';
+type FieldNumberValue = number | string;
+interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> {
+    onChange: (value: number | string) => void;
+    value?: FieldNumberValue;
+    placeholder?: string;
+    disabled?: boolean;
+    label?: string;
+    postfix?: string;
+    min?: number;
+    max?: number;
+    title?: string;
+    error?: string;
+    touched?: boolean;
+    onFocus?: () => void | FocusEventHandler<HTMLInputElement>;
+}
+export declare const FieldNumber: FC<FieldNumberProps>;
+export {};

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

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

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

@@ -1,11 +1,13 @@
-import { FC, ChangeEventHandler, ReactNode, ComponentPropsWithRef } from 'react';
-interface FieldTextProps extends ComponentPropsWithRef<'input'> {
+import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
+interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
     value?: string;
     className?: string;
     error?: string;
     placeholder?: string;
     disabled?: boolean;
     onChange?: ChangeEventHandler<HTMLInputElement>;
+    onFocus?: ChangeEventHandler<HTMLInputElement>;
+    onBlur?: ChangeEventHandler<HTMLInputElement>;
     touched?: boolean;
     title?: string;
     label?: string;
@@ -18,6 +20,9 @@ interface FieldTextProps extends ComponentPropsWithRef<'input'> {
     isRequired?: boolean;
     hasDoubleMessage?: boolean;
     type?: string;
+    displayError?: boolean;
+    collapsible?: boolean;
+    loading?: boolean;
 }
-export declare const FieldText: FC<FieldTextProps>;
+export declare const FieldText: import("react").ForwardRefExoticComponent<FieldTextProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -0,0 +1,14 @@
+import { ChangeEventHandler, ComponentPropsWithRef, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
+export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
+    value: string;
+    readonly?: boolean;
+    error?: string;
+    touched?: boolean;
+    label?: string;
+    helpText?: string;
+    onChange?: ChangeEventHandler<HTMLTextAreaElement>;
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
+}
+export declare const FieldTextFlex: FC<FieldTextFlexProps>;

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

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

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

@@ -0,0 +1,8 @@
+import { FC, MouseEventHandler, ReactNode, HTMLAttributes } from 'react';
+export interface BaseIconButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare const BaseIconButton: FC<BaseIconButtonProps>;

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

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

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

@@ -0,0 +1,21 @@
+export { BaseIconButton } from './baseIconButton';
+export { default as ClearIcon } from './svg/clear.svg';
+export { default as CloseIcon } from './svg/close.svg';
+export { default as PlusIcon } from './svg/plus.svg';
+export { default as MinusIcon } from './svg/minus.svg';
+export { default as DeleteIcon } from './svg/delete.svg';
+export { default as DropdownIcon } from './svg/dropdown.svg';
+export { default as PrevPageIcon } from './svg/prevPage.svg';
+export { default as PrevChapterIcon } from './svg/prevChapter.svg';
+export { default as ArrowDownIcon } from './svg/arrowDown.svg';
+export { default as ArrowUpIcon } from './svg/arrowUp.svg';
+export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';
+export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
+export { default as CalendarIcon } from './svg/calendar.svg';
+export { default as SearchIcon } from './svg/search.svg';
+export { default as FilterOutlineIcon } from './svg/filterOutline.svg';
+export { default as FilterFilledIcon } from './svg/filterFilled.svg';
+export { default as InfoIcon } from './svg/info.svg';
+export { default as SuccessIcon } from './svg/success.svg';
+export { default as ErrorIcon } from './svg/error.svg';
+export { default as ExportIcon } from './svg/export.svg';

package/dist/components/index.d.ts

@@ -4,3 +4,20 @@ export { SystemMessage } from './systemMessage';
 export { FieldText } from './fieldText';
 export { ThemeProvider } from './themeProvider';
 export { Modal } from './modal';
+export { Dropdown } from './dropdown';
+export { Toggle } from './toggle';
+export { FieldNumber } from './fieldNumber';
+export { BubblesLoader } from './bubblesLoader';
+export { SpinLoader } from './spinLoader';
+export { FieldTextFlex } from './fieldTextFlex';
+export { Radio } from './radio';
+export { Tooltip } from './tooltip';
+export { Popover } from './popover';
+export { Pagination } from './pagination';
+export { Table } from './table';
+export { DatePicker } from './datePicker';
+export { DatePicker1 } from './datePicker1';
+export { DatePicker2 } from './dataPicker2/dataPicker2';
+export { Date2 } from './date2';
+export { SystemAlert } from './systemAlert';
+export * from './icons';

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

@@ -3,17 +3,21 @@ import { ButtonProps } from '../button';
 import { ModalSize } from './modalFooter';
 type ModalOverlay = 'default' | 'light-cyan';
 interface ModalProps {
+    onClose?: () => void;
     title?: ReactNode;
-    headerNode?: ReactNode;
     children?: ReactNode;
     footerNode?: ReactNode;
     className?: string;
+    zIndex?: number;
     size?: ModalSize;
     overlay?: ModalOverlay;
     allowCloseOutside?: boolean;
     okButton?: ButtonProps;
     cancelButton?: ButtonProps;
-    onClose: () => void;
+    scrollable?: boolean;
+    withoutFooter?: boolean;
+    createFooter?: (closeHandler: () => void) => ReactNode;
+    description?: ReactNode;
 }
 export declare const Modal: FC<ModalProps>;
 export {};

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

@@ -1,5 +1,6 @@
 import { ReactNode, FC } from 'react';
 interface ModalContentProps {
+    scrollable?: boolean;
     children?: ReactNode;
 }
 export declare const ModalContent: FC<ModalContentProps>;

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

@@ -1,8 +1,8 @@
 import { ReactNode, FC } from 'react';
 interface ModalHeaderProps {
     title?: ReactNode;
-    headerNode?: ReactNode;
     onClose: () => void;
+    withDescription?: boolean;
 }
 export declare const ModalHeader: FC<ModalHeaderProps>;
 export {};

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

@@ -0,0 +1,4 @@
+import { Pagination, PaginationProps } from './pagination';
+export { Pagination };
+export type { PaginationProps };
+export default Pagination;

package/dist/components/pagination/itemsCounter/index.d.ts

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

package/dist/components/pagination/itemsCounter/itemCounter.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface ItemCounterProps {
+    activePage: number;
+    pageSize: number;
+    totalItems: number;
+    ofText: string;
+    itemsText: string;
+}
+export declare const ItemCounter: FC<ItemCounterProps>;

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+interface ActivePageProps {
+    activePage: number;
+    totalPages: number;
+    pageText: string;
+    goToText: string;
+    goActionText: string;
+    changePage: ChangePage;
+}
+export declare const ActivePage: FC<ActivePageProps>;
+export {};

package/dist/components/pagination/pageControls/activePage/index.d.ts

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

package/dist/components/pagination/pageControls/activePage/pageSelector/index.d.ts

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

package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ChangePage } from '../../../types';
+interface PageSelectorProps {
+    pageText: string;
+    goActionText: string;
+    totalPages: number;
+    selectPage: ChangePage;
+}
+export declare const PageSelector: FC<PageSelectorProps>;
+export {};

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

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

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { ChangePage } from '../types';
+type PageControlsCaptions = {
+    page: string;
+    goTo: string;
+    goAction: string;
+    of: string;
+};
+export interface PageControlsProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+    captions: PageControlsCaptions;
+}
+export declare const PageControls: FC<PageControlsProps>;
+export {};

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ChangePage } from '../../../types';
+export interface BarProps {
+    totalPages: number;
+    activePage: number;
+    changePage: ChangePage;
+    captions: {
+        goTo: string;
+    };
+}
+export declare const Bar: FC<BarProps>;

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ChangePage } from '../../types';
+export interface PageNavigatorProps {
+    activePage: number;
+    totalPages: number;
+    changePage: ChangePage;
+    captions: {
+        goTo: string;
+    };
+}
+export declare const PageNavigator: FC<PageNavigatorProps>;

package/dist/components/pagination/pageSizeControl/index.d.ts

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

package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../types';
+interface PageSizeControlProps {
+    size: number;
+    sizeOptions: number[];
+    perPageText: string;
+    changeSize: ChangePageSize;
+}
+export declare const PageSizeControl: FC<PageSizeControlProps>;
+export {};

package/dist/components/pagination/pageSizeControl/sizeSelector/index.d.ts

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

package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { ChangePageSize } from '../../types';
+export interface SizeSelectorProps {
+    currentSize: number;
+    options: number[];
+    onClickOption: ChangePageSize;
+}
+export declare const SizeSelector: FC<SizeSelectorProps>;

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

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+import { ChangePageSize, ChangePage } from './types';
+type PaginationCaptions = {
+    items?: string;
+    of?: string;
+    page?: string;
+    goTo?: string;
+    goAction?: string;
+    perPage?: string;
+};
+export interface PaginationProps {
+    activePage: number;
+    totalPages: number;
+    pageSize: number;
+    totalItems: number;
+    pageSizeOptions: number[];
+    changePage: ChangePage;
+    changePageSize: ChangePageSize;
+    captions?: PaginationCaptions;
+}
+export declare const Pagination: FC<PaginationProps>;
+export {};

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

@@ -0,0 +1,2 @@
+export type ChangePage = (page: number) => void;
+export type ChangePageSize = (size: number) => void;

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

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

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,18 @@
+import { FC, ReactNode } from 'react';
+import { Placement } from '@floating-ui/react';
+interface PopoverProps {
+    className?: string;
+    content: ReactNode;
+    children: ReactNode;
+    placement?: Placement;
+    fallbackPlacements?: Placement[];
+    title?: string;
+    arrowOffset?: number;
+    safeZone?: number;
+    arrowColor?: string;
+    dataAutomationId?: string;
+    isOpened?: boolean;
+    setIsOpened?: (isOpened: boolean) => void;
+}
+export declare const Popover: FC<PopoverProps>;
+export {};

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

@@ -0,0 +1,4 @@
+import { Radio, RadioProps } from './radio.js';
+export { Radio };
+export type { RadioProps };
+export default Radio;

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,16 @@
+import { ChangeEventHandler, HTMLAttributes, ReactNode, FC } from 'react';
+export type RadioValue = string | number;
+export type RadioOption = {
+    value: RadioValue;
+    label: string;
+    disabled: boolean;
+};
+export interface RadioProps extends HTMLAttributes<HTMLInputElement> {
+    option: RadioOption;
+    value?: RadioValue;
+    children?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+}
+export declare const Radio: FC<RadioProps>;

package/dist/components/radio/radioGroup.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { RadioProps } from './index';
+import { RadioOption } from './radio';
+interface RadioGroupProps extends Omit<RadioProps, 'option'> {
+    options: RadioOption[];
+}
+export declare const RadioGroup: FC<RadioGroupProps>;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+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,3 @@
+import { FC } from 'react';
+import { SystemAlertProps } from './types';
+export declare const SystemAlert: FC<SystemAlertProps>;

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

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+export declare enum SystemAlertType {
+    INFO = "info",
+    SUCCESS = "success",
+    ERROR = "error"
+}
+export interface SystemAlertProps {
+    title: string;
+    onClose: () => void;
+    icon?: ReactElement | null;
+    type?: SystemAlertType;
+    duration?: number;
+    className?: string;
+}

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

@@ -0,0 +1,3 @@
+import { Table } from './table';
+export { Table };
+export default Table;

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

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { TableComponentProps } from './types';
+export declare const Table: FC<TableComponentProps>;