@reportportal/ui-kit 0.0.1-alpha.9 → 0.0.1-alpha.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +70 -12
- package/dist/arrowUp-4a5caee7.js +6 -0
- package/dist/baseIconButton-251479f7.js +25 -0
- package/dist/baseIconButton.js +1 -1
- package/dist/breadcrumbs-8e5ca8d7.js +183 -0
- package/dist/breadcrumbs.js +11 -0
- package/dist/button-97d9e587.js +66 -0
- package/dist/button.js +1 -1
- package/dist/calendarArrow-44c7e60e.js +5 -0
- package/dist/checkbox-ed6cc375.js +73 -0
- package/dist/checkbox.js +1 -1
- package/dist/close-4d480ef7.js +5 -0
- package/dist/common/hooks/useOnClickOutside.d.ts +1 -0
- package/dist/common/types.d.ts +3 -0
- package/dist/components/{icons/baseIconButton → baseIconButton}/baseIconButton.d.ts +1 -0
- package/dist/components/{icons/baseIconButton → baseIconButton}/index.d.ts +1 -0
- package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
- package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
- package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
- package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
- package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
- package/dist/components/breadcrumbs/index.d.ts +5 -0
- package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
- package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
- package/dist/components/breadcrumbs/types.d.ts +24 -0
- package/dist/components/bubblesLoader/bubblesLoader.d.ts +1 -0
- package/dist/components/bubblesLoader/index.d.ts +1 -0
- package/dist/components/button/button.d.ts +5 -4
- package/dist/components/button/index.d.ts +1 -0
- package/dist/components/checkbox/checkbox.d.ts +3 -1
- package/dist/components/checkbox/index.d.ts +1 -0
- package/dist/components/datePicker/datePicker.d.ts +25 -0
- package/dist/components/datePicker/header/datePickerHeader.d.ts +16 -0
- package/dist/components/datePicker/header/index.d.ts +4 -0
- package/dist/components/datePicker/index.d.ts +5 -0
- package/dist/components/datePicker/utils.d.ts +4 -0
- package/dist/components/dropdown/constants.d.ts +1 -0
- package/dist/components/dropdown/dropdown.d.ts +13 -4
- package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
- package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
- package/dist/components/dropdown/index.d.ts +1 -0
- package/dist/components/dropdown/types.d.ts +3 -0
- package/dist/components/dropdown/utils.d.ts +2 -1
- package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
- package/dist/components/fieldLabel/index.d.ts +1 -0
- package/dist/components/fieldNumber/constants.d.ts +1 -0
- package/dist/components/fieldNumber/fieldNumber.d.ts +3 -3
- package/dist/components/fieldNumber/index.d.ts +1 -0
- package/dist/components/fieldText/fieldText.d.ts +12 -4
- package/dist/components/fieldText/index.d.ts +1 -0
- package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +4 -2
- package/dist/components/fieldTextFlex/index.d.ts +1 -0
- package/dist/components/icons/index.d.ts +46 -7
- package/dist/components/index.d.ts +7 -0
- package/dist/components/maxValueDisplay/index.d.ts +4 -0
- package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
- package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
- package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
- package/dist/components/modal/modal.d.ts +5 -2
- package/dist/components/modal/modalContent/modalContent.d.ts +2 -0
- package/dist/components/modal/modalFooter/modalFooter.d.ts +1 -0
- package/dist/components/modal/modalHeader/modalHeader.d.ts +2 -1
- package/dist/components/pagination/index.d.ts +1 -0
- package/dist/components/pagination/itemsCounter/itemCounter.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
- package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +12 -0
- package/dist/components/pagination/pageControls/pageNavigator/bar/index.d.ts +1 -0
- package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +4 -0
- package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
- package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
- package/dist/components/pagination/pagination.d.ts +1 -0
- package/dist/components/popover/index.d.ts +4 -1
- package/dist/components/popover/popover.d.ts +3 -2
- package/dist/components/radio/index.d.ts +1 -0
- package/dist/components/radio/radio.d.ts +1 -0
- package/dist/components/radio/radioGroup.d.ts +1 -0
- package/dist/components/selection/index.d.ts +5 -0
- package/dist/components/selection/selection.d.ts +12 -0
- package/dist/components/selection/types.d.ts +1 -0
- package/dist/components/spinLoader/index.d.ts +4 -0
- package/dist/components/spinLoader/spinLoader.d.ts +8 -0
- package/dist/components/systemAlert/index.d.ts +1 -0
- package/dist/components/systemAlert/systemAlert.d.ts +4 -0
- package/dist/components/systemAlert/types.d.ts +16 -0
- package/dist/components/systemMessage/index.d.ts +1 -0
- package/dist/components/systemMessage/systemMessage.d.ts +1 -0
- package/dist/components/table/constants.d.ts +2 -0
- package/dist/components/table/index.d.ts +1 -0
- package/dist/components/table/table.d.ts +1 -0
- package/dist/components/table/types.d.ts +13 -7
- package/dist/components/table/utils.d.ts +5 -1
- package/dist/components/themeProvider/index.d.ts +1 -0
- package/dist/components/themeProvider/themeProvider.d.ts +1 -0
- package/dist/components/toggle/index.d.ts +1 -0
- package/dist/components/toggle/toggle.d.ts +1 -0
- package/dist/components/tooltip/tooltip.d.ts +12 -2
- package/dist/datePicker-c9d859b1.js +194 -0
- package/dist/datePicker.js +28 -0
- package/dist/dropdown-0260bb66.js +5 -0
- package/dist/dropdown-b26b8fd8.js +282 -0
- package/dist/dropdown.js +5 -2
- package/dist/fieldLabel.js +18 -0
- package/dist/fieldNumber-c9113a7f.js +135 -0
- package/dist/fieldNumber.js +4 -2
- package/dist/fieldText-35421470.js +166 -0
- package/dist/fieldText.js +6 -2
- package/dist/fieldTextFlex-8afaab31.js +78 -0
- package/dist/fieldTextFlex.js +3 -1
- package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
- package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
- package/dist/icons.js +64 -0
- package/dist/index.js +110 -44
- package/dist/maxValueDisplay-9be01a75.js +13 -0
- package/dist/maxValueDisplay.js +6 -0
- package/dist/modal.js +144 -14
- package/dist/openEye-7b9cf080.js +7 -0
- package/dist/pagination-b001d791.js +347 -0
- package/dist/pagination.js +11 -4
- package/dist/plus-0929dda4.js +6 -0
- package/dist/popover.js +61 -57
- package/dist/prevPage-87faf576.js +6 -0
- package/dist/radio-62546efa.js +76 -0
- package/dist/radio.js +1 -1
- package/dist/selection-9124d029.js +38 -0
- package/dist/selection.js +10 -0
- package/dist/spinLoader-c4a53718.js +11 -0
- package/dist/spinLoader.js +7 -0
- package/dist/style.css +1 -1
- package/dist/success-8fd8bd2c.js +7 -0
- package/dist/systemAlert.js +63 -0
- package/dist/systemMessage-924fdaa6.js +30 -0
- package/dist/systemMessage.js +1 -1
- package/dist/table-920fdad9.js +142 -0
- package/dist/table.js +11 -0
- package/dist/toggle-304107fa.js +59 -0
- package/dist/toggle.js +1 -1
- package/dist/tooltip.js +87 -56
- package/dist/tree-c3dd3d45.js +6 -0
- package/package.json +28 -16
- package/dist/baseIconButton-7bc53dec.js +0 -25
- package/dist/button-7fb84fde.js +0 -62
- package/dist/checkbox-4143390f.js +0 -70
- package/dist/dropdown-e07f2a71.js +0 -212
- package/dist/fieldNumber-46fe79b9.js +0 -127
- package/dist/fieldText-d80b29ba.js +0 -102
- package/dist/fieldTextFlex-5bddf46a.js +0 -67
- package/dist/index-bb9b62ef.js +0 -131
- package/dist/pagination-a36bc786.js +0 -274
- package/dist/radio-fd49a09c.js +0 -76
- package/dist/systemMessage-1ced6079.js +0 -30
- package/dist/toggle-707ecb74.js +0 -67
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
|
|
2
|
+
|
|
2
3
|
type IconPlace = 'start' | 'end';
|
|
3
|
-
type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text';
|
|
4
|
-
type ButtonWidth = 'content' | 'wide-content' | 'parent';
|
|
4
|
+
type ButtonVariant = 'primary' | 'ghost' | 'danger' | 'text' | 'ghost-danger' | 'text-danger';
|
|
5
|
+
type ButtonWidth = 'content' | 'wide-content' | 'parent' | 'min-width';
|
|
5
6
|
export interface ButtonProps extends ComponentPropsWithRef<'button'> {
|
|
6
7
|
children?: ReactNode;
|
|
7
8
|
icon?: ReactNode;
|
|
@@ -14,5 +15,5 @@ export interface ButtonProps extends ComponentPropsWithRef<'button'> {
|
|
|
14
15
|
className?: string;
|
|
15
16
|
variant?: ButtonVariant;
|
|
16
17
|
}
|
|
17
|
-
export declare const Button:
|
|
18
|
+
export declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
|
18
19
|
export {};
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { FC, ReactNode, ChangeEventHandler, HTMLAttributes } from 'react';
|
|
2
|
+
|
|
2
3
|
interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
|
|
3
|
-
value
|
|
4
|
+
value?: boolean;
|
|
4
5
|
children?: ReactNode;
|
|
5
6
|
disabled?: boolean;
|
|
6
7
|
className?: string;
|
|
7
8
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
8
9
|
partiallyChecked?: boolean;
|
|
10
|
+
title?: string;
|
|
9
11
|
}
|
|
10
12
|
export declare const Checkbox: FC<CheckboxProps>;
|
|
11
13
|
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { FC, ReactNode, ReactElement } from 'react';
|
|
2
|
+
|
|
3
|
+
interface DatePickerProps {
|
|
4
|
+
onChange?: (date: Date | any) => void;
|
|
5
|
+
onBlur?: () => void;
|
|
6
|
+
onFocus?: () => void;
|
|
7
|
+
headerNodes?: ReactNode;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
shouldCloseOnSelect?: boolean;
|
|
10
|
+
fixedHeight?: boolean;
|
|
11
|
+
startDate?: Date | undefined;
|
|
12
|
+
endDate?: Date | undefined;
|
|
13
|
+
customClassName?: string;
|
|
14
|
+
popperClassName?: string;
|
|
15
|
+
calendarClassName?: string;
|
|
16
|
+
customTimeInput?: ReactElement;
|
|
17
|
+
language?: string;
|
|
18
|
+
yearsOptions?: number[];
|
|
19
|
+
placeholder?: string;
|
|
20
|
+
dateFormat?: string;
|
|
21
|
+
selects?: 'start' | 'end' | 'none';
|
|
22
|
+
value?: Date | null;
|
|
23
|
+
}
|
|
24
|
+
export declare const DatePicker: FC<DatePickerProps>;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface DatePickerHeaderProps {
|
|
4
|
+
changeYear: (year: number) => void;
|
|
5
|
+
changeMonth: (month: number) => void;
|
|
6
|
+
decreaseMonth: () => void;
|
|
7
|
+
increaseMonth: () => void;
|
|
8
|
+
headerNodes: ReactNode;
|
|
9
|
+
date: Date;
|
|
10
|
+
prevMonthButtonDisabled: boolean;
|
|
11
|
+
nextMonthButtonDisabled: boolean;
|
|
12
|
+
customClassName: string;
|
|
13
|
+
yearsOptions: number[];
|
|
14
|
+
locale: string;
|
|
15
|
+
}
|
|
16
|
+
export declare const DatePickerHeader: FC<DatePickerHeaderProps>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { ReactNode, FC } from 'react';
|
|
2
2
|
import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
|
|
3
|
-
|
|
3
|
+
|
|
4
|
+
export interface DropdownProps {
|
|
4
5
|
options: DropdownOptionType[];
|
|
5
|
-
value: DropdownValue;
|
|
6
|
+
value: DropdownValue | DropdownValue[];
|
|
6
7
|
disabled?: boolean;
|
|
7
8
|
error?: string;
|
|
8
9
|
mobileDisabled?: boolean;
|
|
@@ -14,10 +15,18 @@ interface DropdownProps {
|
|
|
14
15
|
transparentBackground?: boolean;
|
|
15
16
|
className?: string;
|
|
16
17
|
toggleButtonClassName?: string;
|
|
17
|
-
|
|
18
|
+
label?: ReactNode;
|
|
19
|
+
onChange: (value: DropdownValue | DropdownValue[]) => void;
|
|
18
20
|
onFocus?: () => void;
|
|
19
21
|
onBlur?: () => void;
|
|
20
22
|
renderOption?: RenderDropdownOption;
|
|
23
|
+
isListWidthLimited?: boolean;
|
|
24
|
+
multiSelect?: boolean;
|
|
25
|
+
optionAll?: DropdownOptionType;
|
|
26
|
+
isOptionAllVisible?: boolean;
|
|
27
|
+
onSelectAll?: () => void;
|
|
28
|
+
formatDisplayedValue?: (value: string | undefined) => string;
|
|
29
|
+
notScrollable?: boolean;
|
|
30
|
+
footer?: ReactNode;
|
|
21
31
|
}
|
|
22
32
|
export declare const Dropdown: FC<DropdownProps>;
|
|
23
|
-
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
|
|
2
3
|
export type DropdownVariant = 'default' | 'ghost';
|
|
3
4
|
export type DropdownValue = string | boolean | number;
|
|
4
5
|
export type RenderDropdownOption = (props: DropdownOptionProps) => ReactNode;
|
|
@@ -16,5 +17,7 @@ export interface DropdownOptionProps {
|
|
|
16
17
|
highlightHovered?: boolean;
|
|
17
18
|
render?: RenderDropdownOption;
|
|
18
19
|
onMouseEnter?: MouseEventHandler<HTMLDivElement>;
|
|
20
|
+
multiSelect?: boolean;
|
|
21
|
+
isPartiallyChecked?: boolean;
|
|
19
22
|
option: DropdownOptionType;
|
|
20
23
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { DropdownValue, DropdownOptionType } from './types';
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue | DropdownValue[]) => number;
|
|
3
4
|
export declare const calculateNextIndex: (options: DropdownOptionType[], index?: number) => number;
|
|
4
5
|
export declare const calculatePrevIndex: (options: DropdownOptionType[], index?: number) => number;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DetailedHTMLProps, LabelHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
interface FieldLabelProps extends DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
|
|
4
|
+
isRequired?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const FieldLabel: ({ children, isRequired, className, ...rest }: FieldLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { FieldLabel } from './fieldLabel';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HTMLAttributes, FocusEventHandler } from 'react';
|
|
2
|
+
|
|
2
3
|
type FieldNumberValue = number | string;
|
|
3
4
|
interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> {
|
|
4
5
|
onChange: (value: number | string) => void;
|
|
@@ -11,8 +12,7 @@ interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onCha
|
|
|
11
12
|
max?: number;
|
|
12
13
|
title?: string;
|
|
13
14
|
error?: string;
|
|
14
|
-
touched?: boolean;
|
|
15
15
|
onFocus?: () => void | FocusEventHandler<HTMLInputElement>;
|
|
16
16
|
}
|
|
17
|
-
export declare const FieldNumber:
|
|
17
|
+
export declare const FieldNumber: ({ value, placeholder, disabled, onChange, onFocus, onBlur, label, postfix, min, max, title, error, id, ...rest }: FieldNumberProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
18
|
export {};
|
|
@@ -1,11 +1,16 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
1
|
+
import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
|
|
2
|
+
|
|
3
|
+
type InputType = 'password' | 'text' | 'email';
|
|
4
|
+
export interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
3
5
|
value?: string;
|
|
4
6
|
className?: string;
|
|
7
|
+
classNameHelpText?: string;
|
|
5
8
|
error?: string;
|
|
6
9
|
placeholder?: string;
|
|
7
10
|
disabled?: boolean;
|
|
8
11
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
12
|
+
onFocus?: ChangeEventHandler<HTMLInputElement>;
|
|
13
|
+
onBlur?: ChangeEventHandler<HTMLInputElement>;
|
|
9
14
|
touched?: boolean;
|
|
10
15
|
title?: string;
|
|
11
16
|
label?: string;
|
|
@@ -17,8 +22,11 @@ interface FieldTextProps extends ComponentPropsWithRef<'input'> {
|
|
|
17
22
|
onClear?: (prevValue?: string) => void;
|
|
18
23
|
isRequired?: boolean;
|
|
19
24
|
hasDoubleMessage?: boolean;
|
|
20
|
-
type?:
|
|
25
|
+
type?: InputType;
|
|
21
26
|
displayError?: boolean;
|
|
27
|
+
maxLengthDisplay?: number;
|
|
28
|
+
collapsible?: boolean;
|
|
29
|
+
loading?: boolean;
|
|
22
30
|
}
|
|
23
|
-
export declare const FieldText:
|
|
31
|
+
export declare const FieldText: import('react').ForwardRefExoticComponent<FieldTextProps & import('react').RefAttributes<HTMLInputElement>>;
|
|
24
32
|
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { ChangeEventHandler, ComponentPropsWithRef,
|
|
1
|
+
import { ChangeEventHandler, ComponentPropsWithRef, FocusEventHandler, KeyboardEventHandler } from 'react';
|
|
2
|
+
|
|
2
3
|
export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
|
|
3
4
|
value: string;
|
|
4
5
|
readonly?: boolean;
|
|
@@ -6,9 +7,10 @@ export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
|
|
|
6
7
|
touched?: boolean;
|
|
7
8
|
label?: string;
|
|
8
9
|
helpText?: string;
|
|
10
|
+
maxLengthDisplay?: number;
|
|
9
11
|
onChange?: ChangeEventHandler<HTMLTextAreaElement>;
|
|
10
12
|
onFocus?: FocusEventHandler<HTMLTextAreaElement>;
|
|
11
13
|
onBlur?: FocusEventHandler<HTMLTextAreaElement>;
|
|
12
14
|
onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
|
|
13
15
|
}
|
|
14
|
-
export declare const FieldTextFlex:
|
|
16
|
+
export declare const FieldTextFlex: import('react').ForwardRefExoticComponent<Omit<FieldTextFlexProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -1,12 +1,51 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { default as AddCsvIcon } from './svg/addCsv.svg';
|
|
2
|
+
export { default as AddImageIcon } from './svg/addImage.svg';
|
|
3
|
+
export { default as AddJarIcon } from './svg/addJar.svg';
|
|
4
|
+
export { default as ArrowDownIcon } from './svg/arrowDown.svg';
|
|
5
|
+
export { default as ArrowUpIcon } from './svg/arrowUp.svg';
|
|
6
|
+
export { default as BreadcrumbsTreeIcon } from './svg/breadcrumbsTree.svg';
|
|
7
|
+
export { default as CalendarIcon } from './svg/calendar.svg';
|
|
8
|
+
export { default as CheckmarkIcon } from './svg/checkmark.svg';
|
|
9
|
+
export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
|
|
10
|
+
export { default as ChevronDownDropdownIcon } from './svg/chevronDownDropdown.svg';
|
|
11
|
+
export { default as ChevronRightBreadcrumbsIcon } from './svg/chevronRightBreadcrumbs.svg';
|
|
2
12
|
export { default as ClearIcon } from './svg/clear.svg';
|
|
3
13
|
export { default as CloseIcon } from './svg/close.svg';
|
|
4
|
-
export { default as
|
|
5
|
-
export { default as
|
|
14
|
+
export { default as CloseEyeIcon } from './svg/closeEye.svg';
|
|
15
|
+
export { default as CopyIcon } from './svg/copy.svg';
|
|
6
16
|
export { default as DeleteIcon } from './svg/delete.svg';
|
|
17
|
+
export { default as DurationIcon } from './svg/duration.svg';
|
|
18
|
+
export { default as DragAndDropIcon } from './svg/dragAndDrop.svg';
|
|
7
19
|
export { default as DropdownIcon } from './svg/dropdown.svg';
|
|
8
|
-
export { default as
|
|
9
|
-
export { default as
|
|
10
|
-
export { default as
|
|
11
|
-
export { default as
|
|
20
|
+
export { default as DragNDropIcon } from './svg/dragNDrop.svg';
|
|
21
|
+
export { default as EditIcon } from './svg/edit.svg';
|
|
22
|
+
export { default as ErrorIcon } from './svg/error.svg';
|
|
23
|
+
export { default as ExportIcon } from './svg/export.svg';
|
|
24
|
+
export { default as ExternalLinkIcon } from './svg/externalLink.svg';
|
|
25
|
+
export { default as FilterFilledIcon } from './svg/filterFilled.svg';
|
|
26
|
+
export { default as FilterOutlineIcon } from './svg/filterOutline.svg';
|
|
27
|
+
export { default as FlagIcon } from './svg/flag.svg';
|
|
28
|
+
export { default as HideIcon } from './svg/hide.svg';
|
|
29
|
+
export { default as InfoIcon } from './svg/info.svg';
|
|
30
|
+
export { default as MaximizeIcon } from './svg/maximize.svg';
|
|
12
31
|
export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';
|
|
32
|
+
export { default as MinusIcon } from './svg/minus.svg';
|
|
33
|
+
export { default as MoveToFolderIcon } from './svg/moveToFolder.svg';
|
|
34
|
+
export { default as OpenEyeIcon } from './svg/openEye.svg';
|
|
35
|
+
export { default as PlusIcon } from './svg/plus.svg';
|
|
36
|
+
export { default as PrevChapterIcon } from './svg/prevChapter.svg';
|
|
37
|
+
export { default as PrevPageIcon } from './svg/prevPage.svg';
|
|
38
|
+
export { default as PriorityBlockerIcon } from './svg/priorityBlocker.svg';
|
|
39
|
+
export { default as PriorityCriticalIcon } from './svg/priorityCritical.svg';
|
|
40
|
+
export { default as PriorityHighIcon } from './svg/priorityHigh.svg';
|
|
41
|
+
export { default as PriorityLowIcon } from './svg/priorityLow.svg';
|
|
42
|
+
export { default as PriorityMediumIcon } from './svg/priorityMedium.svg';
|
|
43
|
+
export { default as PriorityUnspecifiedIcon } from './svg/priorityUnspecified.svg';
|
|
44
|
+
export { default as RerunIcon } from './svg/rerun.svg';
|
|
45
|
+
export { default as RefreshIcon } from './svg/refresh.svg';
|
|
46
|
+
export { default as SearchIcon } from './svg/search.svg';
|
|
47
|
+
export { default as SortIcon } from './svg/sort.svg';
|
|
48
|
+
export { default as StatusSuccessIcon } from './svg/statusSuccess.svg';
|
|
49
|
+
export { default as SuccessIcon } from './svg/success.svg';
|
|
50
|
+
export { default as TreeIcon } from './svg/tree.svg';
|
|
51
|
+
export { default as WarningIcon } from './svg/warning.svg';
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
export { Button } from './button';
|
|
2
|
+
export { BaseIconButton } from './baseIconButton';
|
|
3
|
+
export { Breadcrumbs } from './breadcrumbs';
|
|
2
4
|
export { Checkbox } from './checkbox';
|
|
3
5
|
export { SystemMessage } from './systemMessage';
|
|
4
6
|
export { FieldText } from './fieldText';
|
|
@@ -8,9 +10,14 @@ export { Dropdown } from './dropdown';
|
|
|
8
10
|
export { Toggle } from './toggle';
|
|
9
11
|
export { FieldNumber } from './fieldNumber';
|
|
10
12
|
export { BubblesLoader } from './bubblesLoader';
|
|
13
|
+
export { SpinLoader } from './spinLoader';
|
|
11
14
|
export { FieldTextFlex } from './fieldTextFlex';
|
|
12
15
|
export { Radio } from './radio';
|
|
13
16
|
export { Tooltip } from './tooltip';
|
|
14
17
|
export { Popover } from './popover';
|
|
15
18
|
export { Pagination } from './pagination';
|
|
19
|
+
export { Selection } from './selection';
|
|
20
|
+
export { Table } from './table';
|
|
21
|
+
export { DatePicker } from './datePicker';
|
|
22
|
+
export { SystemAlert } from './systemAlert';
|
|
16
23
|
export * from './icons';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './isPositiveInteger';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const isPositiveInteger: (value?: number) => boolean;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { ReactNode, FC } from 'react';
|
|
2
2
|
import { ButtonProps } from '../button';
|
|
3
3
|
import { ModalSize } from './modalFooter';
|
|
4
|
+
|
|
4
5
|
type ModalOverlay = 'default' | 'light-cyan';
|
|
5
6
|
interface ModalProps {
|
|
6
|
-
onClose
|
|
7
|
+
onClose?: () => void;
|
|
7
8
|
title?: ReactNode;
|
|
8
|
-
headerNode?: ReactNode;
|
|
9
9
|
children?: ReactNode;
|
|
10
10
|
footerNode?: ReactNode;
|
|
11
11
|
className?: string;
|
|
@@ -16,6 +16,9 @@ interface ModalProps {
|
|
|
16
16
|
okButton?: ButtonProps;
|
|
17
17
|
cancelButton?: ButtonProps;
|
|
18
18
|
scrollable?: boolean;
|
|
19
|
+
withoutFooter?: boolean;
|
|
20
|
+
createFooter?: (closeHandler: () => void) => ReactNode;
|
|
21
|
+
description?: ReactNode;
|
|
19
22
|
}
|
|
20
23
|
export declare const Modal: FC<ModalProps>;
|
|
21
24
|
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { ChangePage } from '../../../types';
|
|
3
|
+
|
|
4
|
+
export interface BarProps {
|
|
5
|
+
totalPages: number;
|
|
6
|
+
activePage: number;
|
|
7
|
+
changePage: ChangePage;
|
|
8
|
+
captions: {
|
|
9
|
+
goTo: string;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export declare const Bar: FC<BarProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Bar } from './bar';
|
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { ChangePage } from '../../types';
|
|
3
|
+
|
|
3
4
|
export interface PageNavigatorProps {
|
|
4
5
|
activePage: number;
|
|
5
6
|
totalPages: number;
|
|
6
7
|
changePage: ChangePage;
|
|
8
|
+
captions: {
|
|
9
|
+
goTo: string;
|
|
10
|
+
};
|
|
7
11
|
}
|
|
8
12
|
export declare const PageNavigator: FC<PageNavigatorProps>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { Placement } from '@floating-ui/react';
|
|
3
|
-
|
|
3
|
+
|
|
4
|
+
export interface PopoverProps {
|
|
4
5
|
className?: string;
|
|
5
6
|
content: ReactNode;
|
|
6
7
|
children: ReactNode;
|
|
@@ -13,6 +14,6 @@ interface PopoverProps {
|
|
|
13
14
|
dataAutomationId?: string;
|
|
14
15
|
isOpened?: boolean;
|
|
15
16
|
setIsOpened?: (isOpened: boolean) => void;
|
|
17
|
+
isCentered?: boolean;
|
|
16
18
|
}
|
|
17
19
|
export declare const Popover: FC<PopoverProps>;
|
|
18
|
-
export {};
|