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

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.
Files changed (135) hide show
  1. package/LICENSE +201 -201
  2. package/README.md +252 -3
  3. package/dist/arrowUp-4a5caee7.js +6 -0
  4. package/dist/baseIconButton-251479f7.js +25 -0
  5. package/dist/baseIconButton.js +7 -0
  6. package/dist/bubblesLoader-a7e709d4.js +17 -0
  7. package/dist/bubblesLoader.js +7 -0
  8. package/dist/button-33c88abf.js +62 -0
  9. package/dist/button.js +1 -1
  10. package/dist/calendarArrow-3e1339ea.js +6 -0
  11. package/dist/checkbox-9a6c7ce1.js +73 -0
  12. package/dist/checkbox.js +2 -2
  13. package/dist/close-4b33d7c1.js +5 -0
  14. package/dist/common/constants/keyCodes.d.ts +24 -0
  15. package/dist/common/types.d.ts +3 -0
  16. package/dist/components/baseIconButton/baseIconButton.d.ts +8 -0
  17. package/dist/components/baseIconButton/index.d.ts +4 -0
  18. package/dist/components/bubblesLoader/bubblesLoader.d.ts +7 -0
  19. package/dist/components/bubblesLoader/index.d.ts +3 -0
  20. package/dist/components/button/button.d.ts +0 -1
  21. package/dist/components/button/index.d.ts +2 -2
  22. package/dist/components/checkbox/checkbox.d.ts +2 -1
  23. package/dist/components/datePicker/datePicker.d.ts +24 -0
  24. package/dist/components/datePicker/header/datePickerHeader.d.ts +15 -0
  25. package/dist/components/datePicker/header/index.d.ts +3 -0
  26. package/dist/components/datePicker/index.d.ts +3 -0
  27. package/dist/components/datePicker/utils.d.ts +3 -0
  28. package/dist/components/dropdown/constants.d.ts +7 -0
  29. package/dist/components/dropdown/dropdown.d.ts +28 -0
  30. package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +3 -0
  31. package/dist/components/dropdown/dropdownOption/index.d.ts +3 -0
  32. package/dist/components/dropdown/index.d.ts +3 -0
  33. package/dist/components/dropdown/types.d.ts +22 -0
  34. package/dist/components/dropdown/utils.d.ts +4 -0
  35. package/dist/components/fieldNumber/constants.d.ts +4 -0
  36. package/dist/components/fieldNumber/fieldNumber.d.ts +18 -0
  37. package/dist/components/fieldNumber/index.d.ts +3 -0
  38. package/dist/components/fieldText/fieldText.d.ts +10 -3
  39. package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +15 -0
  40. package/dist/components/fieldTextFlex/index.d.ts +3 -0
  41. package/dist/components/icons/index.d.ts +32 -0
  42. package/dist/components/index.d.ts +15 -0
  43. package/dist/components/maxValueDisplay/index.d.ts +3 -0
  44. package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +7 -0
  45. package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
  46. package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
  47. package/dist/components/modal/modal.d.ts +6 -2
  48. package/dist/components/modal/modalContent/modalContent.d.ts +1 -0
  49. package/dist/components/modal/modalHeader/modalHeader.d.ts +1 -1
  50. package/dist/components/pagination/index.d.ts +4 -0
  51. package/dist/components/pagination/itemsCounter/index.d.ts +1 -0
  52. package/dist/components/pagination/itemsCounter/itemCounter.d.ts +9 -0
  53. package/dist/components/pagination/pageControls/activePage/activePage.d.ts +12 -0
  54. package/dist/components/pagination/pageControls/activePage/index.d.ts +1 -0
  55. package/dist/components/pagination/pageControls/activePage/pageSelector/index.d.ts +1 -0
  56. package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +10 -0
  57. package/dist/components/pagination/pageControls/index.d.ts +1 -0
  58. package/dist/components/pagination/pageControls/pageControls.d.ts +16 -0
  59. package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +11 -0
  60. package/dist/components/pagination/pageControls/pageNavigator/bar/index.d.ts +1 -0
  61. package/dist/components/pagination/pageControls/pageNavigator/index.d.ts +1 -0
  62. package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +11 -0
  63. package/dist/components/pagination/pageSizeControl/index.d.ts +1 -0
  64. package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +10 -0
  65. package/dist/components/pagination/pageSizeControl/sizeSelector/index.d.ts +1 -0
  66. package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +8 -0
  67. package/dist/components/pagination/pagination.d.ts +22 -0
  68. package/dist/components/pagination/types.d.ts +2 -0
  69. package/dist/components/popover/index.d.ts +1 -0
  70. package/dist/components/popover/popover.d.ts +18 -0
  71. package/dist/components/radio/index.d.ts +4 -0
  72. package/dist/components/radio/radio.d.ts +16 -0
  73. package/dist/components/radio/radioGroup.d.ts +8 -0
  74. package/dist/components/spinLoader/index.d.ts +3 -0
  75. package/dist/components/spinLoader/spinLoader.d.ts +7 -0
  76. package/dist/components/systemAlert/index.d.ts +1 -0
  77. package/dist/components/systemAlert/systemAlert.d.ts +3 -0
  78. package/dist/components/systemAlert/types.d.ts +15 -0
  79. package/dist/components/table/index.d.ts +3 -0
  80. package/dist/components/table/table.d.ts +3 -0
  81. package/dist/components/table/types.d.ts +53 -0
  82. package/dist/components/table/utils.d.ts +3 -0
  83. package/dist/components/themeProvider/themeProvider.d.ts +2 -1
  84. package/dist/components/toggle/index.d.ts +3 -0
  85. package/dist/components/toggle/toggle.d.ts +11 -0
  86. package/dist/components/tooltip/index.d.ts +1 -0
  87. package/dist/components/tooltip/tooltip.d.ts +19 -0
  88. package/dist/datePicker-0480f3fb.js +193 -0
  89. package/dist/datePicker.js +24 -0
  90. package/dist/dropdown-0260bb66.js +5 -0
  91. package/dist/dropdown-6edea86c.js +263 -0
  92. package/dist/dropdown.js +16 -0
  93. package/dist/fieldNumber-d81e551e.js +125 -0
  94. package/dist/fieldNumber.js +11 -0
  95. package/dist/fieldText-43787c48.js +160 -0
  96. package/dist/fieldText.js +5 -1
  97. package/dist/fieldTextFlex-23d6ecce.js +78 -0
  98. package/dist/fieldTextFlex.js +9 -0
  99. package/dist/icons.js +44 -0
  100. package/dist/index.js +88 -13
  101. package/dist/keyCodes-f63c0e11.js +4 -0
  102. package/dist/maxValueDisplay-9be01a75.js +13 -0
  103. package/dist/maxValueDisplay.js +6 -0
  104. package/dist/modal.js +111 -102
  105. package/dist/openEye-7b9cf080.js +7 -0
  106. package/dist/pagination-09b1f2af.js +345 -0
  107. package/dist/pagination.js +18 -0
  108. package/dist/plus-0929dda4.js +6 -0
  109. package/dist/popover.js +95 -0
  110. package/dist/prevPage-87faf576.js +6 -0
  111. package/dist/radio-bccc84f2.js +76 -0
  112. package/dist/radio.js +9 -0
  113. package/dist/spinLoader-c4a53718.js +11 -0
  114. package/dist/spinLoader.js +7 -0
  115. package/dist/style.css +1 -1
  116. package/dist/success-dc1914aa.js +7 -0
  117. package/dist/systemAlert.js +63 -0
  118. package/dist/systemMessage-1ced6079.js +30 -0
  119. package/dist/systemMessage.js +1 -1
  120. package/dist/table-32fc8c70.js +144 -0
  121. package/dist/table.js +11 -0
  122. package/dist/themeProvider-46c2be7b.js +23 -0
  123. package/dist/themeProvider.js +4 -3
  124. package/dist/toggle-1a3aacb5.js +59 -0
  125. package/dist/toggle.js +9 -0
  126. package/dist/tooltip.js +96 -0
  127. package/dist/useOnClickOutside-c332f7d3.js +16 -0
  128. package/package.json +54 -15
  129. package/dist/button-d4944dbc.js +0 -64
  130. package/dist/checkbox-7736509c.js +0 -70
  131. package/dist/common/constants/key-codes.d.ts +0 -5
  132. package/dist/fieldText-9621b0b7.js +0 -99
  133. package/dist/key-codes-abbe7725.js +0 -4
  134. package/dist/systemMessage-62c3133d.js +0 -30
  135. package/dist/themeProvider-5800417e.js +0 -19
@@ -0,0 +1,28 @@
1
+ import { ReactNode, FC } from 'react';
2
+ import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
3
+ export interface DropdownProps {
4
+ options: DropdownOptionType[];
5
+ value: DropdownValue | DropdownValue[];
6
+ disabled?: boolean;
7
+ error?: string;
8
+ mobileDisabled?: boolean;
9
+ title?: string;
10
+ touched?: boolean;
11
+ icon?: ReactNode;
12
+ variant?: DropdownVariant;
13
+ placeholder?: string;
14
+ transparentBackground?: boolean;
15
+ className?: string;
16
+ toggleButtonClassName?: string;
17
+ onChange: (value: DropdownValue | DropdownValue[]) => void;
18
+ onFocus?: () => void;
19
+ onBlur?: () => void;
20
+ renderOption?: RenderDropdownOption;
21
+ isListWidthLimited?: boolean;
22
+ multiSelect?: boolean;
23
+ optionAll?: DropdownOptionType;
24
+ isOptionAllVisible?: boolean;
25
+ onSelectAll?: () => void;
26
+ footer?: ReactNode;
27
+ }
28
+ export declare const Dropdown: FC<DropdownProps>;
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { DropdownOptionProps } from '../types';
3
+ export declare const DropdownOption: FC<DropdownOptionProps>;
@@ -0,0 +1,3 @@
1
+ import { DropdownOption } from './dropdownOption';
2
+ export { DropdownOption };
3
+ export default DropdownOption;
@@ -0,0 +1,3 @@
1
+ import { Dropdown } from './dropdown';
2
+ export { Dropdown };
3
+ export default Dropdown;
@@ -0,0 +1,22 @@
1
+ import { MouseEventHandler, ReactNode } from 'react';
2
+ export type DropdownVariant = 'default' | 'ghost';
3
+ export type DropdownValue = string | boolean | number;
4
+ export type RenderDropdownOption = (props: DropdownOptionProps) => ReactNode;
5
+ export type DropdownOptionType = {
6
+ value: DropdownValue;
7
+ label: string;
8
+ disabled?: boolean;
9
+ hidden?: boolean;
10
+ title?: string;
11
+ groupRef?: string;
12
+ };
13
+ export interface DropdownOptionProps {
14
+ selected?: boolean;
15
+ onChange?: (value: DropdownValue) => void;
16
+ highlightHovered?: boolean;
17
+ render?: RenderDropdownOption;
18
+ onMouseEnter?: MouseEventHandler<HTMLDivElement>;
19
+ multiSelect?: boolean;
20
+ isPartiallyChecked?: boolean;
21
+ option: DropdownOptionType;
22
+ }
@@ -0,0 +1,4 @@
1
+ import { DropdownValue, DropdownOptionType } from './types';
2
+ export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue | DropdownValue[]) => number;
3
+ export declare const calculateNextIndex: (options: DropdownOptionType[], index?: number) => number;
4
+ export declare const calculatePrevIndex: (options: DropdownOptionType[], index?: number) => number;
@@ -0,0 +1,4 @@
1
+ import { KeyCodes } from '../../common/constants/keyCodes';
2
+ export declare const DEFAULT_WIDTH_CH = 5;
3
+ export declare const MAX_WIDTH_CH = 16;
4
+ export declare const ALLOWED_KEY_CODES: KeyCodes[];
@@ -0,0 +1,18 @@
1
+ import { FC, HTMLAttributes, FocusEventHandler } from 'react';
2
+ type FieldNumberValue = number | string;
3
+ interface FieldNumberProps extends Omit<HTMLAttributes<HTMLInputElement>, 'onChange' | 'onFocus'> {
4
+ onChange: (value: number | string) => void;
5
+ value?: FieldNumberValue;
6
+ placeholder?: string;
7
+ disabled?: boolean;
8
+ label?: string;
9
+ postfix?: string;
10
+ min?: number;
11
+ max?: number;
12
+ title?: string;
13
+ error?: string;
14
+ touched?: boolean;
15
+ onFocus?: () => void | FocusEventHandler<HTMLInputElement>;
16
+ }
17
+ export declare const FieldNumber: FC<FieldNumberProps>;
18
+ export {};
@@ -0,0 +1,3 @@
1
+ import { FieldNumber } from './fieldNumber.js';
2
+ export { FieldNumber };
3
+ export default FieldNumber;
@@ -1,11 +1,14 @@
1
- import { FC, ChangeEventHandler, ReactNode, ComponentPropsWithRef } from 'react';
2
- interface FieldTextProps extends ComponentPropsWithRef<'input'> {
1
+ import { ChangeEventHandler, ReactNode, InputHTMLAttributes } from 'react';
2
+ interface FieldTextProps extends InputHTMLAttributes<HTMLInputElement> {
3
3
  value?: string;
4
4
  className?: string;
5
+ classNameHelpText?: string;
5
6
  error?: string;
6
7
  placeholder?: string;
7
8
  disabled?: boolean;
8
9
  onChange?: ChangeEventHandler<HTMLInputElement>;
10
+ onFocus?: ChangeEventHandler<HTMLInputElement>;
11
+ onBlur?: ChangeEventHandler<HTMLInputElement>;
9
12
  touched?: boolean;
10
13
  title?: string;
11
14
  label?: string;
@@ -18,6 +21,10 @@ interface FieldTextProps extends ComponentPropsWithRef<'input'> {
18
21
  isRequired?: boolean;
19
22
  hasDoubleMessage?: boolean;
20
23
  type?: string;
24
+ displayError?: boolean;
25
+ maxLengthDisplay?: number;
26
+ collapsible?: boolean;
27
+ loading?: boolean;
21
28
  }
22
- export declare const FieldText: FC<FieldTextProps>;
29
+ export declare const FieldText: import("react").ForwardRefExoticComponent<FieldTextProps & import("react").RefAttributes<HTMLInputElement>>;
23
30
  export {};
@@ -0,0 +1,15 @@
1
+ import { ChangeEventHandler, ComponentPropsWithRef, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
2
+ export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
3
+ value: string;
4
+ readonly?: boolean;
5
+ error?: string;
6
+ touched?: boolean;
7
+ label?: string;
8
+ helpText?: string;
9
+ maxLengthDisplay?: number;
10
+ onChange?: ChangeEventHandler<HTMLTextAreaElement>;
11
+ onFocus?: FocusEventHandler<HTMLTextAreaElement>;
12
+ onBlur?: FocusEventHandler<HTMLTextAreaElement>;
13
+ onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
14
+ }
15
+ export declare const FieldTextFlex: FC<FieldTextFlexProps>;
@@ -0,0 +1,3 @@
1
+ import { FieldTextFlex } from './fieldTextFlex';
2
+ export { FieldTextFlex };
3
+ export default FieldTextFlex;
@@ -0,0 +1,32 @@
1
+ export { default as ArrowDownIcon } from './svg/arrowDown.svg';
2
+ export { default as ArrowUpIcon } from './svg/arrowUp.svg';
3
+ export { default as BreadcrumbsTreeIcon } from './svg/breadcrumbsTree.svg';
4
+ export { default as CalendarIcon } from './svg/calendar.svg';
5
+ export { default as CalendarArrowIcon } from './svg/calendarArrow.svg';
6
+ export { default as ChevronDownDropdownIcon } from './svg/chevronDownDropdown.svg';
7
+ export { default as ChevronRightBreadcrumbsIcon } from './svg/chevronDownDropdown.svg';
8
+ export { default as ClearIcon } from './svg/clear.svg';
9
+ export { default as CloseIcon } from './svg/close.svg';
10
+ export { default as CloseEyeIcon } from './svg/closeEye.svg';
11
+ export { default as CopyIcon } from './svg/copy.svg';
12
+ export { default as DeleteIcon } from './svg/delete.svg';
13
+ export { default as DropdownIcon } from './svg/dropdown.svg';
14
+ export { default as EditIcon } from './svg/edit.svg';
15
+ export { default as ErrorIcon } from './svg/error.svg';
16
+ export { default as ExportIcon } from './svg/export.svg';
17
+ export { default as ExternalLinkIcon } from './svg/externalLink.svg';
18
+ export { default as FilterFilledIcon } from './svg/filterFilled.svg';
19
+ export { default as FilterOutlineIcon } from './svg/filterOutline.svg';
20
+ export { default as FlagIcon } from './svg/flag.svg';
21
+ export { default as HideIcon } from './svg/hide.svg';
22
+ export { default as InfoIcon } from './svg/info.svg';
23
+ export { default as MaximizeIcon } from './svg/maximize.svg';
24
+ export { default as MeatballMenuIcon } from './svg/meatballMenu.svg';
25
+ export { default as MinusIcon } from './svg/minus.svg';
26
+ export { default as OpenEyeIcon } from './svg/openEye.svg';
27
+ export { default as PlusIcon } from './svg/plus.svg';
28
+ export { default as PrevChapterIcon } from './svg/prevChapter.svg';
29
+ export { default as PrevPageIcon } from './svg/prevPage.svg';
30
+ export { default as SearchIcon } from './svg/search.svg';
31
+ export { default as SortIcon } from './svg/sort.svg';
32
+ export { default as SuccessIcon } from './svg/success.svg';
@@ -1,6 +1,21 @@
1
1
  export { Button } from './button';
2
+ export { BaseIconButton } from './baseIconButton';
2
3
  export { Checkbox } from './checkbox';
3
4
  export { SystemMessage } from './systemMessage';
4
5
  export { FieldText } from './fieldText';
5
6
  export { ThemeProvider } from './themeProvider';
6
7
  export { Modal } from './modal';
8
+ export { Dropdown } from './dropdown';
9
+ export { Toggle } from './toggle';
10
+ export { FieldNumber } from './fieldNumber';
11
+ export { BubblesLoader } from './bubblesLoader';
12
+ export { SpinLoader } from './spinLoader';
13
+ export { FieldTextFlex } from './fieldTextFlex';
14
+ export { Radio } from './radio';
15
+ export { Tooltip } from './tooltip';
16
+ export { Popover } from './popover';
17
+ export { Pagination } from './pagination';
18
+ export { Table } from './table';
19
+ export { DatePicker } from './datePicker';
20
+ export { SystemAlert } from './systemAlert';
21
+ export * from './icons';
@@ -0,0 +1,3 @@
1
+ import { MaxValueDisplay } from './maxValueDisplay';
2
+ export { MaxValueDisplay };
3
+ export default MaxValueDisplay;
@@ -0,0 +1,7 @@
1
+ import { FC } from 'react';
2
+ import { ShapeWithClassName } from '../../common/types';
3
+ export interface MaxValueDisplayProps {
4
+ value: number;
5
+ maxValue?: number;
6
+ }
7
+ export declare const MaxValueDisplay: FC<ShapeWithClassName<MaxValueDisplayProps>>;
@@ -0,0 +1 @@
1
+ export * from './isPositiveInteger';
@@ -0,0 +1 @@
1
+ export declare const isPositiveInteger: (value?: number) => boolean;
@@ -3,17 +3,21 @@ import { ButtonProps } from '../button';
3
3
  import { ModalSize } from './modalFooter';
4
4
  type ModalOverlay = 'default' | 'light-cyan';
5
5
  interface ModalProps {
6
+ onClose?: () => void;
6
7
  title?: ReactNode;
7
- headerNode?: ReactNode;
8
8
  children?: ReactNode;
9
9
  footerNode?: ReactNode;
10
10
  className?: string;
11
+ zIndex?: number;
11
12
  size?: ModalSize;
12
13
  overlay?: ModalOverlay;
13
14
  allowCloseOutside?: boolean;
14
15
  okButton?: ButtonProps;
15
16
  cancelButton?: ButtonProps;
16
- onClose: () => void;
17
+ scrollable?: boolean;
18
+ withoutFooter?: boolean;
19
+ createFooter?: (closeHandler: () => void) => ReactNode;
20
+ description?: ReactNode;
17
21
  }
18
22
  export declare const Modal: FC<ModalProps>;
19
23
  export {};
@@ -1,5 +1,6 @@
1
1
  import { ReactNode, FC } from 'react';
2
2
  interface ModalContentProps {
3
+ scrollable?: boolean;
3
4
  children?: ReactNode;
4
5
  }
5
6
  export declare const ModalContent: FC<ModalContentProps>;
@@ -1,8 +1,8 @@
1
1
  import { ReactNode, FC } from 'react';
2
2
  interface ModalHeaderProps {
3
3
  title?: ReactNode;
4
- headerNode?: ReactNode;
5
4
  onClose: () => void;
5
+ withDescription?: boolean;
6
6
  }
7
7
  export declare const ModalHeader: FC<ModalHeaderProps>;
8
8
  export {};
@@ -0,0 +1,4 @@
1
+ import { Pagination, PaginationProps } from './pagination';
2
+ export { Pagination };
3
+ export type { PaginationProps };
4
+ export default Pagination;
@@ -0,0 +1 @@
1
+ export { ItemCounter } from './itemCounter';
@@ -0,0 +1,9 @@
1
+ import { FC } from 'react';
2
+ export interface ItemCounterProps {
3
+ activePage: number;
4
+ pageSize: number;
5
+ totalItems: number;
6
+ ofText: string;
7
+ itemsText: string;
8
+ }
9
+ export declare const ItemCounter: FC<ItemCounterProps>;
@@ -0,0 +1,12 @@
1
+ import { FC } from 'react';
2
+ import { ChangePage } from '../../types';
3
+ interface ActivePageProps {
4
+ activePage: number;
5
+ totalPages: number;
6
+ pageText: string;
7
+ goToText: string;
8
+ goActionText: string;
9
+ changePage: ChangePage;
10
+ }
11
+ export declare const ActivePage: FC<ActivePageProps>;
12
+ export {};
@@ -0,0 +1 @@
1
+ export { ActivePage } from './activePage';
@@ -0,0 +1 @@
1
+ export { PageSelector } from './pageSelector';
@@ -0,0 +1,10 @@
1
+ import { FC } from 'react';
2
+ import { ChangePage } from '../../../types';
3
+ interface PageSelectorProps {
4
+ pageText: string;
5
+ goActionText: string;
6
+ totalPages: number;
7
+ selectPage: ChangePage;
8
+ }
9
+ export declare const PageSelector: FC<PageSelectorProps>;
10
+ export {};
@@ -0,0 +1 @@
1
+ export { PageControls } from './pageControls';
@@ -0,0 +1,16 @@
1
+ import { FC } from 'react';
2
+ import { ChangePage } from '../types';
3
+ type PageControlsCaptions = {
4
+ page: string;
5
+ goTo: string;
6
+ goAction: string;
7
+ of: string;
8
+ };
9
+ export interface PageControlsProps {
10
+ activePage: number;
11
+ totalPages: number;
12
+ changePage: ChangePage;
13
+ captions: PageControlsCaptions;
14
+ }
15
+ export declare const PageControls: FC<PageControlsProps>;
16
+ export {};
@@ -0,0 +1,11 @@
1
+ import { FC } from 'react';
2
+ import { ChangePage } from '../../../types';
3
+ export interface BarProps {
4
+ totalPages: number;
5
+ activePage: number;
6
+ changePage: ChangePage;
7
+ captions: {
8
+ goTo: string;
9
+ };
10
+ }
11
+ export declare const Bar: FC<BarProps>;
@@ -0,0 +1 @@
1
+ export { Bar } from './bar';
@@ -0,0 +1 @@
1
+ export { PageNavigator } from './pageNavigator';
@@ -0,0 +1,11 @@
1
+ import { FC } from 'react';
2
+ import { ChangePage } from '../../types';
3
+ export interface PageNavigatorProps {
4
+ activePage: number;
5
+ totalPages: number;
6
+ changePage: ChangePage;
7
+ captions: {
8
+ goTo: string;
9
+ };
10
+ }
11
+ export declare const PageNavigator: FC<PageNavigatorProps>;
@@ -0,0 +1 @@
1
+ export { PageSizeControl } from './pageSizeControl';
@@ -0,0 +1,10 @@
1
+ import { FC } from 'react';
2
+ import { ChangePageSize } from '../types';
3
+ interface PageSizeControlProps {
4
+ size: number;
5
+ sizeOptions: number[];
6
+ perPageText: string;
7
+ changeSize: ChangePageSize;
8
+ }
9
+ export declare const PageSizeControl: FC<PageSizeControlProps>;
10
+ export {};
@@ -0,0 +1 @@
1
+ export { SizeSelector } from './sizeSelector';
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { ChangePageSize } from '../../types';
3
+ export interface SizeSelectorProps {
4
+ currentSize: number;
5
+ options: number[];
6
+ onClickOption: ChangePageSize;
7
+ }
8
+ export declare const SizeSelector: FC<SizeSelectorProps>;
@@ -0,0 +1,22 @@
1
+ import { FC } from 'react';
2
+ import { ChangePageSize, ChangePage } from './types';
3
+ type PaginationCaptions = {
4
+ items?: string;
5
+ of?: string;
6
+ page?: string;
7
+ goTo?: string;
8
+ goAction?: string;
9
+ perPage?: string;
10
+ };
11
+ export interface PaginationProps {
12
+ activePage: number;
13
+ totalPages: number;
14
+ pageSize: number;
15
+ totalItems: number;
16
+ pageSizeOptions: number[];
17
+ changePage: ChangePage;
18
+ changePageSize: ChangePageSize;
19
+ captions?: PaginationCaptions;
20
+ }
21
+ export declare const Pagination: FC<PaginationProps>;
22
+ export {};
@@ -0,0 +1,2 @@
1
+ export type ChangePage = (page: number) => void;
2
+ export type ChangePageSize = (size: number) => void;
@@ -0,0 +1 @@
1
+ export { Popover } from './popover';
@@ -0,0 +1,18 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { Placement } from '@floating-ui/react';
3
+ interface PopoverProps {
4
+ className?: string;
5
+ content: ReactNode;
6
+ children: ReactNode;
7
+ placement?: Placement;
8
+ fallbackPlacements?: Placement[];
9
+ title?: string;
10
+ arrowOffset?: number;
11
+ safeZone?: number;
12
+ arrowColor?: string;
13
+ dataAutomationId?: string;
14
+ isOpened?: boolean;
15
+ setIsOpened?: (isOpened: boolean) => void;
16
+ }
17
+ export declare const Popover: FC<PopoverProps>;
18
+ export {};
@@ -0,0 +1,4 @@
1
+ import { Radio, RadioProps } from './radio.js';
2
+ export { Radio };
3
+ export type { RadioProps };
4
+ export default Radio;
@@ -0,0 +1,16 @@
1
+ import { ChangeEventHandler, HTMLAttributes, ReactNode, FC } from 'react';
2
+ export type RadioValue = string | number;
3
+ export type RadioOption = {
4
+ value: RadioValue;
5
+ label: string;
6
+ disabled: boolean;
7
+ };
8
+ export interface RadioProps extends HTMLAttributes<HTMLInputElement> {
9
+ option: RadioOption;
10
+ value?: RadioValue;
11
+ children?: ReactNode;
12
+ className?: string;
13
+ disabled?: boolean;
14
+ onChange?: ChangeEventHandler<HTMLInputElement>;
15
+ }
16
+ export declare const Radio: FC<RadioProps>;
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { RadioProps } from './index';
3
+ import { RadioOption } from './radio';
4
+ interface RadioGroupProps extends Omit<RadioProps, 'option'> {
5
+ options: RadioOption[];
6
+ }
7
+ export declare const RadioGroup: FC<RadioGroupProps>;
8
+ export {};
@@ -0,0 +1,3 @@
1
+ import { SpinLoader } from './spinLoader';
2
+ export { SpinLoader };
3
+ export default SpinLoader;
@@ -0,0 +1,7 @@
1
+ import { FC } from 'react';
2
+ interface SpinLoaderProps {
3
+ color?: string;
4
+ className?: string;
5
+ }
6
+ export declare const SpinLoader: FC<SpinLoaderProps>;
7
+ export {};
@@ -0,0 +1 @@
1
+ export { SystemAlert } from './systemAlert';
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { SystemAlertProps } from './types';
3
+ export declare const SystemAlert: FC<SystemAlertProps>;
@@ -0,0 +1,15 @@
1
+ import { ReactElement } from 'react';
2
+ export declare enum SystemAlertType {
3
+ INFO = "info",
4
+ SUCCESS = "success",
5
+ ERROR = "error"
6
+ }
7
+ export interface SystemAlertProps {
8
+ title: string;
9
+ onClose: () => void;
10
+ icon?: ReactElement | null;
11
+ type?: SystemAlertType;
12
+ duration?: number;
13
+ className?: string;
14
+ dataAutomationId?: string;
15
+ }
@@ -0,0 +1,3 @@
1
+ import { Table } from './table';
2
+ export { Table };
3
+ export default Table;
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { TableComponentProps } from './types';
3
+ export declare const Table: FC<TableComponentProps>;
@@ -0,0 +1,53 @@
1
+ import { ReactNode } from 'react';
2
+ export interface Column {
3
+ key: string;
4
+ header: string;
5
+ }
6
+ export interface PrimaryColumn extends Column {
7
+ primary: boolean;
8
+ }
9
+ export interface FixedColumn extends Column {
10
+ width: string | number;
11
+ align?: 'left' | 'center' | 'right';
12
+ }
13
+ export interface RowConfigs {
14
+ size?: 'small' | 'medium' | 'large';
15
+ }
16
+ export interface DetailedCellData {
17
+ content: string | number;
18
+ component: ReactNode;
19
+ }
20
+ export interface MetaData {
21
+ [key: string]: any;
22
+ }
23
+ export interface RowData {
24
+ id: string | number;
25
+ [key: string]: DetailedCellData | RowConfigs | string | number | any;
26
+ rowConfigs?: RowConfigs;
27
+ metaData?: MetaData;
28
+ }
29
+ export declare enum SortDirection {
30
+ ASC = "asc",
31
+ DESC = "desc"
32
+ }
33
+ export interface SortConfig {
34
+ key: string;
35
+ direction: SortDirection;
36
+ }
37
+ export interface TableComponentProps {
38
+ data: RowData[];
39
+ primaryColumn: Column;
40
+ fixedColumns: FixedColumn[];
41
+ renderRowActions?: (metaData?: MetaData) => ReactNode;
42
+ selectable?: boolean;
43
+ className?: string;
44
+ headerClassName?: string;
45
+ rowClassName?: string;
46
+ selectedRowIds?: (string | number)[];
47
+ sortingDirection?: SortDirection;
48
+ sortingColumn?: Column;
49
+ sortableColumns?: string[];
50
+ onChangeSorting?: (sortConfig?: SortConfig) => void;
51
+ onToggleRowSelection?: (id: string | number) => void;
52
+ onToggleAllRowsSelection?: () => void;
53
+ }
@@ -0,0 +1,3 @@
1
+ import { Column, RowData, SortConfig } from './types';
2
+ export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];
3
+ export declare const getColumnsKeys: (columns: Column[]) => string[];
@@ -7,6 +7,7 @@ interface IThemeProviderProps {
7
7
  children?: ReactNode;
8
8
  theme?: ThemeKey;
9
9
  customThemes?: ITheme;
10
+ className?: string;
10
11
  }
11
- export declare function ThemeProvider({ children, theme, customThemes, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
12
+ export declare function ThemeProvider({ children, theme, customThemes, className, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
12
13
  export {};
@@ -0,0 +1,3 @@
1
+ import { Toggle } from './toggle';
2
+ export { Toggle };
3
+ export default Toggle;
@@ -0,0 +1,11 @@
1
+ import { ChangeEventHandler, FC, HTMLAttributes, ReactNode } from 'react';
2
+ interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
3
+ value: boolean;
4
+ title?: string;
5
+ children?: ReactNode;
6
+ disabled?: boolean;
7
+ className?: string;
8
+ onChange?: ChangeEventHandler<HTMLInputElement>;
9
+ }
10
+ export declare const Toggle: FC<ToggleProps>;
11
+ export {};
@@ -0,0 +1 @@
1
+ export { Tooltip } from './tooltip';