@reportportal/ui-kit 0.0.1-alpha.13 → 0.0.1-alpha.131

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 (231) hide show
  1. package/README.md +28 -2
  2. package/dist/attachedFile.js +9 -0
  3. package/dist/autocompletes.js +729 -0
  4. package/dist/baseIconButton-251479f7.js +25 -0
  5. package/dist/baseIconButton.js +1 -1
  6. package/dist/breadcrumbs-8e5ca8d7.js +183 -0
  7. package/dist/breadcrumbs.js +12 -0
  8. package/dist/bubblesLoader-f3ffa240.js +28 -0
  9. package/dist/bubblesLoader.js +1 -1
  10. package/dist/button-97d9e587.js +66 -0
  11. package/dist/button.js +1 -1
  12. package/dist/calendarArrow-44c7e60e.js +5 -0
  13. package/dist/checkbox-ed6cc375.js +73 -0
  14. package/dist/checkbox.js +1 -1
  15. package/dist/chevronDownDropdown-66f5b1af.js +7 -0
  16. package/dist/clear-53660571.js +5 -0
  17. package/dist/close-4d480ef7.js +5 -0
  18. package/dist/common/constants/floatingUi.d.ts +8 -0
  19. package/dist/common/hooks/useOnClickOutside.d.ts +5 -1
  20. package/dist/common/types.d.ts +4 -0
  21. package/dist/common/utils/floatingUi.d.ts +3 -0
  22. package/dist/common/utils/getFileExtension.d.ts +1 -0
  23. package/dist/common/utils/index.d.ts +3 -0
  24. package/dist/common/utils/isString.d.ts +1 -0
  25. package/dist/components/attachedFile/attachedFile.d.ts +14 -0
  26. package/dist/components/attachedFile/index.d.ts +2 -0
  27. package/dist/components/autocompletes/common/autocompleteMenu/autocompleteMenu.d.ts +10 -0
  28. package/dist/components/autocompletes/common/autocompleteMenu/index.d.ts +1 -0
  29. package/dist/components/autocompletes/common/autocompleteOption/autocompleteOption.d.ts +13 -0
  30. package/dist/components/autocompletes/common/autocompleteOption/index.d.ts +1 -0
  31. package/dist/components/autocompletes/common/autocompleteOptions.d.ts +19 -0
  32. package/dist/components/autocompletes/common/autocompletePrompt/autocompletePrompt.d.ts +7 -0
  33. package/dist/components/autocompletes/common/autocompletePrompt/index.d.ts +1 -0
  34. package/dist/components/autocompletes/common/index.d.ts +19 -0
  35. package/dist/components/autocompletes/constants.d.ts +2 -0
  36. package/dist/components/autocompletes/index.d.ts +3 -0
  37. package/dist/components/autocompletes/multipleAutocomplete/index.d.ts +17 -0
  38. package/dist/components/autocompletes/multipleAutocomplete/multipleAutocomplete.d.ts +49 -0
  39. package/dist/components/autocompletes/multipleAutocomplete/multipleDownshift.d.ts +25 -0
  40. package/dist/components/autocompletes/multipleAutocomplete/selectedItems/index.d.ts +1 -0
  41. package/dist/components/autocompletes/multipleAutocomplete/selectedItems/selectedItems.d.ts +35 -0
  42. package/dist/components/autocompletes/singleAutocomplete/index.d.ts +1 -0
  43. package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts +42 -0
  44. package/dist/components/autocompletes/types.d.ts +8 -0
  45. package/dist/components/autocompletes/utils.d.ts +5 -0
  46. package/dist/components/{icons/baseIconButton → baseIconButton}/baseIconButton.d.ts +1 -0
  47. package/dist/components/{icons/baseIconButton → baseIconButton}/index.d.ts +1 -0
  48. package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
  49. package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
  50. package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  51. package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
  52. package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
  53. package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
  54. package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
  55. package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
  56. package/dist/components/breadcrumbs/index.d.ts +5 -0
  57. package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
  58. package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
  59. package/dist/components/breadcrumbs/types.d.ts +24 -0
  60. package/dist/components/bubblesLoader/bubblesLoader.d.ts +2 -0
  61. package/dist/components/bubblesLoader/index.d.ts +1 -0
  62. package/dist/components/button/button.d.ts +5 -4
  63. package/dist/components/button/index.d.ts +1 -0
  64. package/dist/components/checkbox/checkbox.d.ts +2 -1
  65. package/dist/components/checkbox/index.d.ts +1 -0
  66. package/dist/components/datePicker/datePicker.d.ts +25 -0
  67. package/dist/components/datePicker/header/datePickerHeader.d.ts +16 -0
  68. package/dist/components/datePicker/header/index.d.ts +4 -0
  69. package/dist/components/datePicker/index.d.ts +5 -0
  70. package/dist/components/datePicker/utils.d.ts +4 -0
  71. package/dist/components/dropdown/constants.d.ts +3 -0
  72. package/dist/components/dropdown/dropdown.d.ts +36 -4
  73. package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
  74. package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
  75. package/dist/components/dropdown/index.d.ts +2 -0
  76. package/dist/components/dropdown/types.d.ts +11 -0
  77. package/dist/components/dropdown/utils.d.ts +6 -2
  78. package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
  79. package/dist/components/fieldLabel/index.d.ts +1 -0
  80. package/dist/components/fieldNumber/constants.d.ts +1 -0
  81. package/dist/components/fieldNumber/fieldNumber.d.ts +3 -3
  82. package/dist/components/fieldNumber/index.d.ts +1 -0
  83. package/dist/components/fieldText/fieldText.d.ts +12 -4
  84. package/dist/components/fieldText/index.d.ts +1 -0
  85. package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +5 -2
  86. package/dist/components/fieldTextFlex/index.d.ts +1 -0
  87. package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts +21 -0
  88. package/dist/components/fileDropArea/attachedFilesList/index.d.ts +5 -0
  89. package/dist/components/fileDropArea/browseButton/browseButton.d.ts +9 -0
  90. package/dist/components/fileDropArea/browseButton/index.d.ts +4 -0
  91. package/dist/components/fileDropArea/constants.d.ts +2 -0
  92. package/dist/components/fileDropArea/dropZone/dropZone.d.ts +10 -0
  93. package/dist/components/fileDropArea/dropZone/index.d.ts +4 -0
  94. package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts +5 -0
  95. package/dist/components/fileDropArea/errorMessage/index.d.ts +4 -0
  96. package/dist/components/fileDropArea/fileDropArea.d.ts +19 -0
  97. package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts +17 -0
  98. package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts +1 -0
  99. package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts +3 -0
  100. package/dist/components/fileDropArea/hooks/index.d.ts +1 -0
  101. package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts +13 -0
  102. package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts +13 -0
  103. package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts +22 -0
  104. package/dist/components/fileDropArea/index.d.ts +6 -0
  105. package/dist/components/fileDropArea/types.d.ts +58 -0
  106. package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts +3 -0
  107. package/dist/components/fileDropArea/utils/index.d.ts +2 -0
  108. package/dist/components/fileDropArea/utils/validateFile.d.ts +3 -0
  109. package/dist/components/filtersButton/filtersButton.d.ts +9 -0
  110. package/dist/components/filtersButton/index.d.ts +2 -0
  111. package/dist/components/icons/index.d.ts +63 -7
  112. package/dist/components/index.d.ts +22 -9
  113. package/dist/components/maxValueDisplay/index.d.ts +4 -0
  114. package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
  115. package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
  116. package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
  117. package/dist/components/modal/index.d.ts +1 -0
  118. package/dist/components/modal/modal.d.ts +7 -3
  119. package/dist/components/modal/modalContent/modalContent.d.ts +2 -0
  120. package/dist/components/modal/modalFooter/modalFooter.d.ts +3 -1
  121. package/dist/components/modal/modalHeader/modalHeader.d.ts +2 -1
  122. package/dist/components/modal/types.d.ts +6 -0
  123. package/dist/components/pagination/index.d.ts +1 -0
  124. package/dist/components/pagination/itemsCounter/itemCounter.d.ts +1 -0
  125. package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
  126. package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
  127. package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
  128. package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +1 -0
  129. package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +1 -0
  130. package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
  131. package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
  132. package/dist/components/pagination/pagination.d.ts +1 -0
  133. package/dist/components/popover/index.d.ts +4 -1
  134. package/dist/components/popover/popover.d.ts +3 -2
  135. package/dist/components/radio/index.d.ts +1 -0
  136. package/dist/components/radio/radio.d.ts +1 -0
  137. package/dist/components/radio/radioGroup.d.ts +1 -0
  138. package/dist/components/selection/index.d.ts +5 -0
  139. package/dist/components/selection/selection.d.ts +12 -0
  140. package/dist/components/selection/types.d.ts +1 -0
  141. package/dist/components/sidePanel/index.d.ts +2 -0
  142. package/dist/components/sidePanel/sidePanel.d.ts +17 -0
  143. package/dist/components/spinLoader/index.d.ts +4 -0
  144. package/dist/components/spinLoader/spinLoader.d.ts +8 -0
  145. package/dist/components/systemAlert/index.d.ts +1 -0
  146. package/dist/components/systemAlert/systemAlert.d.ts +4 -0
  147. package/dist/components/systemAlert/types.d.ts +22 -0
  148. package/dist/components/systemMessage/index.d.ts +1 -0
  149. package/dist/components/systemMessage/systemMessage.d.ts +1 -0
  150. package/dist/components/table/constants.d.ts +5 -0
  151. package/dist/components/table/hooks/index.d.ts +4 -0
  152. package/dist/components/table/hooks/useColumnWidths.d.ts +8 -0
  153. package/dist/components/table/hooks/useTableColumns.d.ts +13 -0
  154. package/dist/components/table/hooks/useTableExpansion.d.ts +15 -0
  155. package/dist/components/table/hooks/useTableHover.d.ts +10 -0
  156. package/dist/components/table/index.d.ts +2 -0
  157. package/dist/components/table/table.d.ts +1 -0
  158. package/dist/components/table/types.d.ts +25 -9
  159. package/dist/components/table/utils.d.ts +10 -1
  160. package/dist/components/themeProvider/index.d.ts +1 -0
  161. package/dist/components/themeProvider/themeProvider.d.ts +1 -0
  162. package/dist/components/toggle/index.d.ts +1 -0
  163. package/dist/components/toggle/toggle.d.ts +1 -0
  164. package/dist/components/tooltip/tooltip.d.ts +12 -2
  165. package/dist/datePicker-5b3b45b6.js +194 -0
  166. package/dist/datePicker.js +31 -0
  167. package/dist/dropdown-0260bb66.js +5 -0
  168. package/dist/dropdown-360803d5.js +550 -0
  169. package/dist/dropdown.js +12 -3
  170. package/dist/fieldLabel.js +18 -0
  171. package/dist/fieldNumber-d1b5a7a1.js +140 -0
  172. package/dist/fieldNumber.js +5 -2
  173. package/dist/fieldText-1749da7a.js +167 -0
  174. package/dist/fieldText.js +7 -2
  175. package/dist/fieldTextFlex-2f51c173.js +80 -0
  176. package/dist/fieldTextFlex.js +3 -1
  177. package/dist/fileDropArea.js +325 -0
  178. package/dist/filterOutline-819b4b0d.js +6 -0
  179. package/dist/filtersButton.js +25 -0
  180. package/dist/floatingUi-41f8c7b5.js +29 -0
  181. package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
  182. package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
  183. package/dist/icons.js +85 -0
  184. package/dist/index-1a874a8b.js +110 -0
  185. package/dist/index.js +149 -50
  186. package/dist/isEmpty-ccacb5ff.js +38 -0
  187. package/dist/maxValueDisplay-9be01a75.js +13 -0
  188. package/dist/maxValueDisplay.js +6 -0
  189. package/dist/minus-2857540f.js +5 -0
  190. package/dist/modal.js +188 -14
  191. package/dist/openEye-950159cb.js +6 -0
  192. package/dist/pagination-a3dee614.js +347 -0
  193. package/dist/pagination.js +12 -5
  194. package/dist/plus-199fb2a8.js +5 -0
  195. package/dist/popover.js +58 -73
  196. package/dist/prevPage-87faf576.js +6 -0
  197. package/dist/radio-62546efa.js +76 -0
  198. package/dist/radio.js +1 -1
  199. package/dist/selection-9124d029.js +38 -0
  200. package/dist/selection.js +10 -0
  201. package/dist/sidePanel.js +88 -0
  202. package/dist/spinLoader-c4a53718.js +11 -0
  203. package/dist/spinLoader.js +7 -0
  204. package/dist/style.css +1 -1
  205. package/dist/success-8fd8bd2c.js +7 -0
  206. package/dist/systemAlert.js +69 -0
  207. package/dist/systemMessage-924fdaa6.js +30 -0
  208. package/dist/systemMessage.js +1 -1
  209. package/dist/table-8e223d5d.js +485 -0
  210. package/dist/table.js +3 -3
  211. package/dist/toggle-304107fa.js +59 -0
  212. package/dist/toggle.js +1 -1
  213. package/dist/tooltip.js +89 -56
  214. package/dist/tree-c3dd3d45.js +6 -0
  215. package/dist/xls-995781cc.js +11 -0
  216. package/package.json +47 -16
  217. package/dist/baseIconButton-7bc53dec.js +0 -25
  218. package/dist/bubblesLoader-a7e709d4.js +0 -17
  219. package/dist/button-7fb84fde.js +0 -62
  220. package/dist/checkbox-6777be17.js +0 -73
  221. package/dist/dropdown-e07f2a71.js +0 -212
  222. package/dist/fieldNumber-46fe79b9.js +0 -127
  223. package/dist/fieldText-d80b29ba.js +0 -102
  224. package/dist/fieldTextFlex-5bddf46a.js +0 -67
  225. package/dist/index-bb9b62ef.js +0 -131
  226. package/dist/pagination-5449cd03.js +0 -346
  227. package/dist/radio-fd49a09c.js +0 -76
  228. package/dist/systemMessage-1ced6079.js +0 -30
  229. package/dist/table-83e050dc.js +0 -147
  230. package/dist/toggle-707ecb74.js +0 -67
  231. package/dist/useOnClickOutside-c332f7d3.js +0 -16
@@ -0,0 +1,49 @@
1
+ import { ComponentProps, ReactNode } from 'react';
2
+ import { ControllerStateAndHelpers } from 'downshift';
3
+ import { default as FieldText } from '../../fieldText';
4
+ import { AutocompleteMenu } from '../common/autocompleteMenu';
5
+ import { DownshiftStore, MultipleDownshiftProps } from './multipleDownshift';
6
+ import { GetItemPropsT } from '../types';
7
+
8
+ export interface MultipleAutocompleteProps<T> {
9
+ options: T[];
10
+ loading: boolean;
11
+ onStateChange: MultipleDownshiftProps<T>['onStateChange'];
12
+ value: T[];
13
+ placeholder: string;
14
+ error: string | boolean;
15
+ touched: boolean;
16
+ creatable: boolean;
17
+ editable: boolean;
18
+ renderOption?: (value: T, index: number, isNew: boolean, getItemProps: GetItemPropsT<T>) => ReactNode;
19
+ onChange: (selectedItems: T | T[] | null, downshift: ControllerStateAndHelpers<T> | null) => void;
20
+ onFocus: () => void;
21
+ onBlur: () => void;
22
+ disabled: boolean;
23
+ mobileDisabled: boolean;
24
+ inputProps: ComponentProps<typeof FieldText>;
25
+ parseValueToString: (value: T | null) => string;
26
+ minLength?: number | null;
27
+ maxLength?: number | null;
28
+ async?: boolean;
29
+ customClass: string;
30
+ createWithoutConfirmation: boolean;
31
+ getItemValidationErrorType?: (item: T) => string;
32
+ clearItemsError: () => void;
33
+ isDropdownMode?: boolean;
34
+ getAdditionalCreationCondition: (value: string) => boolean;
35
+ highlightUnStoredItem: boolean;
36
+ parseInputValueFn: ((value: string) => T[]) | null;
37
+ handleUnStoredItemCb: ((newSelectedItems: DownshiftStore<T>, prevSelectedItems: DownshiftStore<T>) => void) | null;
38
+ dataAutomationId?: string;
39
+ existingItemsMap: Record<string | number, boolean>;
40
+ optionVariant: ComponentProps<typeof AutocompleteMenu>['optionVariant'];
41
+ customizeNewSelectedValue: (value: T) => T;
42
+ renderCustomSelectedItem?: (item: T) => ReactNode;
43
+ getUniqKey?: (item: T) => string;
44
+ customEmptyListMessage?: string;
45
+ customNoMatchesMessage?: string;
46
+ useFixedPositioning?: boolean;
47
+ newItemButtonText?: string;
48
+ }
49
+ export declare const MultipleAutocomplete: <T>(componentsProps: MultipleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,25 @@
1
+ import { ControllerStateAndHelpers, DownshiftProps } from 'downshift';
2
+
3
+ export type DownshiftStore<T> = {
4
+ [key: string]: boolean;
5
+ } | T[];
6
+ export interface MultipleDownshiftProps<T> extends Partial<DownshiftProps<T>> {
7
+ options: T[];
8
+ selectedItems: T[];
9
+ handleUnStoredItemCb: ((newSelectedItems: DownshiftStore<T>, prevSelectedItems: DownshiftStore<T>) => void) | null;
10
+ existingItemsMap: {
11
+ [key: string]: boolean;
12
+ };
13
+ customizeNewSelectedValue: (value: T) => T;
14
+ getOptionUniqKey?: (option: T) => keyof T;
15
+ getOptionUniqKeyValue?: (option: T) => string;
16
+ onChange: (selectedItems: T | T[] | null, downshift: ControllerStateAndHelpers<T> | null) => void;
17
+ }
18
+ export type GetStateAndHelpersT<T> = ControllerStateAndHelpers<T> & {
19
+ removeItem: (removedItem: T, downshift: ControllerStateAndHelpers<T> | null) => void;
20
+ editItem: (oldItem: T, newValue: string) => void;
21
+ handleChange: MultipleDownshiftProps<T>['onChange'];
22
+ getOptionUniqKeyValue?: (option: T) => string;
23
+ storedItemsMap: MultipleDownshiftProps<T>['existingItemsMap'];
24
+ };
25
+ export declare const MultipleDownshift: <T>({ options, onChange, selectedItems, handleUnStoredItemCb, existingItemsMap, children, customizeNewSelectedValue, getOptionUniqKey, getOptionUniqKeyValue, ...props }: MultipleDownshiftProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { SelectedItems } from './selectedItems';
@@ -0,0 +1,35 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ type VariantType = 'light' | 'dark';
4
+ interface SelectedItemProps<T> {
5
+ item: T;
6
+ onRemoveItem: (item: T) => void;
7
+ parseValueToString?: (value: T) => string;
8
+ editItem: (oldItem: T, newValue: string) => void;
9
+ disabled?: boolean;
10
+ mobileDisabled?: boolean;
11
+ error?: string | boolean;
12
+ editable?: boolean;
13
+ getAdditionalCreationCondition?: (value: string) => boolean;
14
+ storedOption?: boolean;
15
+ highlightUnStoredItem?: boolean;
16
+ variant?: VariantType;
17
+ getItemName?: (item: T) => string;
18
+ changeItemHandler?: (item: T, value: string) => T;
19
+ }
20
+ type SelectedItemsProps<T> = Omit<SelectedItemProps<T>, 'item' | 'editItem'> & {
21
+ items?: T[];
22
+ onRemoveItem?: (item: T) => void;
23
+ parseValueToString: (value: T | null) => string;
24
+ editItem: (oldItem: T, newValue: string) => void;
25
+ disabled?: boolean;
26
+ mobileDisabled?: boolean;
27
+ storedItemsMap?: Record<string, boolean>;
28
+ highlightUnStoredItem?: boolean;
29
+ editable?: boolean;
30
+ variant?: VariantType;
31
+ getItemValidationErrorType?: ((item: T) => string) | null;
32
+ renderCustomSelectedItem?: (item: T) => ReactNode;
33
+ };
34
+ export declare const SelectedItems: <T>({ items, parseValueToString, getItemValidationErrorType, storedItemsMap, highlightUnStoredItem, renderCustomSelectedItem, ...props }: SelectedItemsProps<T>) => (string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined)[];
35
+ export {};
@@ -0,0 +1 @@
1
+ export { SingleAutocomplete } from './singleAutocomplete';
@@ -0,0 +1,42 @@
1
+ import { ComponentProps, FocusEvent, ReactNode, Ref } from 'react';
2
+ import { default as Downshift, DownshiftState, StateChangeOptions } from 'downshift';
3
+ import { default as FieldText } from '../../fieldText';
4
+ import { AutocompleteMenu } from '../common/autocompleteMenu';
5
+ import { GetItemPropsT } from '../types';
6
+
7
+ export interface SingleAutocompleteProps<T> {
8
+ options: T[];
9
+ loading?: boolean;
10
+ onStateChange: ComponentProps<typeof Downshift<T>>['onStateChange'];
11
+ value: T | null;
12
+ placeholder: string;
13
+ onChange: ComponentProps<typeof Downshift<T>>['onChange'];
14
+ onFocus: () => void;
15
+ onBlur: (e: FocusEvent<HTMLInputElement>) => void;
16
+ disabled?: boolean;
17
+ inputProps?: ComponentProps<typeof FieldText>;
18
+ parseValueToString: (value: T | null) => string;
19
+ renderOption?: (value: T, index: number, isNew: boolean, getItemProps: GetItemPropsT<T>) => ReactNode;
20
+ minLength?: number;
21
+ maxLength?: number | null;
22
+ async?: boolean;
23
+ optionVariant?: ComponentProps<typeof AutocompleteMenu>['optionVariant'];
24
+ isRequired?: boolean;
25
+ error: string;
26
+ touched?: boolean;
27
+ setTouch?: (value: boolean) => void;
28
+ createWithoutConfirmation: boolean;
29
+ menuClassName?: string;
30
+ icon?: ReactNode;
31
+ isDropdownMode?: boolean;
32
+ skipOptionCreation?: boolean;
33
+ isOptionUnique?: (value: boolean | null) => void;
34
+ refFunction?: Ref<HTMLInputElement>;
35
+ stateReducer?: (state: DownshiftState<T>, changes: StateChangeOptions<T>) => Partial<StateChangeOptions<T>>;
36
+ useFixedPositioning: boolean;
37
+ getUniqKey?: (item: T) => string;
38
+ customEmptyListMessage?: string;
39
+ customNoMatchesMessage?: string;
40
+ newItemButtonText?: string;
41
+ }
42
+ export declare const SingleAutocomplete: <T>(componentProps: SingleAutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { GetItemPropsOptions } from 'downshift';
2
+
3
+ export type GetOptionUniqKeyT<T> = (value: T) => keyof T;
4
+ export interface AdditionalDownshiftFields {
5
+ isActive?: boolean;
6
+ }
7
+ export type OptionVariant = 'light' | 'dark' | string;
8
+ export type GetItemPropsT<T> = (args: GetItemPropsOptions<T> & AdditionalDownshiftFields) => GetItemPropsOptions<T> & AdditionalDownshiftFields;
@@ -0,0 +1,5 @@
1
+ import { GetOptionUniqKeyT } from './types';
2
+
3
+ export declare const getUniqKey: <T>(option: T, getOptionUniqKey?: GetOptionUniqKeyT<T>) => string;
4
+ export declare const isEqual: <T>(option: T, item: T) => boolean;
5
+ export declare const compareOptionWithItem: <T>(option: T, item: T, getUniqKeyCb?: GetOptionUniqKeyT<T>) => boolean;
@@ -1,4 +1,5 @@
1
1
  import { FC, MouseEventHandler, ReactNode, HTMLAttributes } from 'react';
2
+
2
3
  export interface BaseIconButtonProps extends HTMLAttributes<HTMLButtonElement> {
3
4
  children: ReactNode;
4
5
  className?: string;
@@ -1,4 +1,5 @@
1
1
  import { BaseIconButton, BaseIconButtonProps } from './baseIconButton';
2
+
2
3
  export { BaseIconButton };
3
4
  export type { BaseIconButtonProps };
4
5
  export default BaseIconButton;
@@ -0,0 +1,10 @@
1
+ import { BreadcrumbDescriptor } from '../types';
2
+
3
+ interface BreadcrumbProps {
4
+ descriptor: BreadcrumbDescriptor;
5
+ titleTailNumChars?: number;
6
+ isClickable?: boolean;
7
+ variant?: 'default' | 'dark';
8
+ }
9
+ export declare const Breadcrumb: React.FC<BreadcrumbProps>;
10
+ export {};
@@ -0,0 +1 @@
1
+ export { Breadcrumb } from './breadcrumb';
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbsProps } from './types';
2
+
3
+ export declare const Breadcrumbs: ({ descriptors, dataAutomationId, LinkComponent, tree, isBackButton, }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,13 @@
1
+ import { ReactNode } from 'react';
2
+ import { LinkComponentType } from '../types';
3
+
4
+ export interface BreadcrumbsContextValue {
5
+ LinkComponent?: LinkComponentType;
6
+ }
7
+ export declare const BreadcrumbsContext: import('react').Context<BreadcrumbsContextValue | undefined>;
8
+ interface BreadcrumbsProviderProps {
9
+ children: ReactNode;
10
+ LinkComponent?: LinkComponentType;
11
+ }
12
+ export declare const BreadcrumbsProvider: ({ children, LinkComponent }: BreadcrumbsProviderProps) => import("react/jsx-runtime").JSX.Element;
13
+ export {};
@@ -0,0 +1,3 @@
1
+ import { BreadcrumbsContextValue } from './breadcrumbsProvider';
2
+
3
+ export declare const useBreadcrumbsContext: () => BreadcrumbsContextValue;
@@ -0,0 +1 @@
1
+ export { BreadcrumbsProvider } from './breadcrumbsProvider';
@@ -0,0 +1,6 @@
1
+ import { BreadcrumbDescriptor } from '../types';
2
+
3
+ export interface HiddenBreadcrumbsProps {
4
+ descriptors: BreadcrumbDescriptor[];
5
+ }
6
+ export declare const HiddenBreadcrumbs: ({ descriptors }: HiddenBreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { HiddenBreadcrumbs } from './hiddenBreadcrumbs';
2
+ export type { HiddenBreadcrumbsProps } from './hiddenBreadcrumbs';
@@ -0,0 +1,5 @@
1
+ import { Breadcrumbs } from './breadcrumbs';
2
+
3
+ export { Breadcrumbs };
4
+ export type { BreadcrumbDescriptor, TreeDescriptor, LinkComponentType, BreadcrumbsProps, } from './types';
5
+ export default Breadcrumbs;
@@ -0,0 +1 @@
1
+ export { Tree } from './tree';
@@ -0,0 +1,7 @@
1
+ import { TreeDescriptor } from '../types';
2
+
3
+ interface TreeProps {
4
+ tree: TreeDescriptor[];
5
+ }
6
+ export declare const Tree: ({ tree }: TreeProps) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,24 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ export interface BreadcrumbDescriptor {
4
+ title: string | ReactNode;
5
+ link?: object | string;
6
+ onClick?: () => void;
7
+ }
8
+ export interface TreeDescriptor extends BreadcrumbDescriptor {
9
+ link: object | string;
10
+ children?: TreeDescriptor[];
11
+ }
12
+ export type LinkComponentType = React.ComponentType<{
13
+ to: object | string;
14
+ className?: string;
15
+ onClick?: () => void;
16
+ children: React.ReactNode;
17
+ }>;
18
+ export interface BreadcrumbsProps {
19
+ descriptors: BreadcrumbDescriptor[];
20
+ LinkComponent?: LinkComponentType;
21
+ tree?: TreeDescriptor[];
22
+ dataAutomationId?: string;
23
+ isBackButton?: boolean;
24
+ }
@@ -1,7 +1,9 @@
1
1
  import { FC } from 'react';
2
+
2
3
  interface BubblesLoaderProps {
3
4
  color?: string;
4
5
  className?: string;
6
+ variant?: 'standard' | 'large';
5
7
  }
6
8
  export declare const BubblesLoader: FC<BubblesLoaderProps>;
7
9
  export {};
@@ -1,3 +1,4 @@
1
1
  import { BubblesLoader } from './bubblesLoader';
2
+
2
3
  export { BubblesLoader };
3
4
  export default BubblesLoader;
@@ -1,7 +1,8 @@
1
- import { FC, ReactNode, ComponentPropsWithRef, MouseEventHandler } from 'react';
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: FC<ButtonProps>;
18
+ export declare const Button: (props: ButtonProps & import('react').RefAttributes<HTMLButtonElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
18
19
  export {};
@@ -1,4 +1,5 @@
1
1
  import { Button, ButtonProps } from './button';
2
+
2
3
  export { Button };
3
4
  export type { ButtonProps };
4
5
  export default Button;
@@ -1,6 +1,7 @@
1
1
  import { FC, ReactNode, ChangeEventHandler, HTMLAttributes } from 'react';
2
+
2
3
  interface CheckboxProps extends HTMLAttributes<HTMLInputElement> {
3
- value: boolean;
4
+ value?: boolean;
4
5
  children?: ReactNode;
5
6
  disabled?: boolean;
6
7
  className?: string;
@@ -1,3 +1,4 @@
1
1
  import { Checkbox } from './checkbox';
2
+
2
3
  export { Checkbox };
3
4
  export default Checkbox;
@@ -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>;
@@ -0,0 +1,4 @@
1
+ import { DatePickerHeader } from './datePickerHeader';
2
+
3
+ export { DatePickerHeader };
4
+ export default DatePickerHeader;
@@ -0,0 +1,5 @@
1
+ import { DatePicker } from './datePicker';
2
+ import { registerDatePickerLocale } from './utils';
3
+
4
+ export { DatePicker, registerDatePickerLocale };
5
+ export default DatePicker;
@@ -0,0 +1,4 @@
1
+ import { Locale } from 'date-fns';
2
+
3
+ export declare const registerDatePickerLocale: (language: string, locale: Locale) => void;
4
+ export declare const getYearsFrom: (start: number, amountYearsToGenerate?: number) => number[];
@@ -1,7 +1,10 @@
1
1
  import { KeyCodes } from '../../common/constants/keyCodes';
2
+
2
3
  export declare const OPEN_DROPDOWN_KEY_CODES: KeyCodes[];
3
4
  export declare const CLOSE_DROPDOWN_KEY_CODES: KeyCodes[];
4
5
  export declare enum EventName {
5
6
  ON_KEY_DOWN = "onKeyDown",
6
7
  ON_CLICK = "onClick"
7
8
  }
9
+ export declare const SCROLLBARS_AUTO_HEIGHT_MAX = 216;
10
+ export declare const DROPDOWN_PORTAL_MENU_ATTR = "data-dropdown-portal-menu";
@@ -1,8 +1,9 @@
1
1
  import { ReactNode, FC } from 'react';
2
2
  import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
3
- interface DropdownProps {
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,41 @@ interface DropdownProps {
14
15
  transparentBackground?: boolean;
15
16
  className?: string;
16
17
  toggleButtonClassName?: string;
17
- onChange: (value: DropdownValue) => void;
18
+ selectListClassName?: string;
19
+ label?: ReactNode;
20
+ onChange: (value: DropdownValue | DropdownValue[]) => void;
18
21
  onFocus?: () => void;
19
22
  onBlur?: () => void;
20
23
  renderOption?: RenderDropdownOption;
24
+ isListWidthLimited?: boolean;
25
+ multiSelect?: boolean;
26
+ optionAll?: DropdownOptionType;
27
+ isOptionAllVisible?: boolean;
28
+ onSelectAll?: () => void;
29
+ formatDisplayedValue?: (value: string | undefined) => string;
30
+ notScrollable?: boolean;
31
+ footer?: ReactNode | ((closeHandler: () => void) => ReactNode);
32
+ /**
33
+ * For nested options: whether to include parent group values in the onChange callback
34
+ * when all children are selected. Default: false (only leaf values are included)
35
+ */
36
+ includeGroupValue?: boolean;
37
+ /** Whether to show a clear button to reset the selection */
38
+ clearable?: boolean;
39
+ /** Callback fired when the clear button is clicked */
40
+ onClear?: () => void;
41
+ /** ARIA label for the clear button */
42
+ clearButtonAriaLabel?: string;
43
+ /** Portal root element for tooltip rendering (e.g., document.body to prevent clipping) */
44
+ tooltipPortalRoot?: Element;
45
+ /** Z-index for tooltip when rendered in portal (default: 9) */
46
+ tooltipZIndex?: number;
47
+ /**
48
+ * Portal root element for dropdown menu rendering.
49
+ * When provided, the menu will be rendered in this element using React Portal.
50
+ * Useful for preventing clipping in containers with overflow: hidden (e.g., Modal, SidePanel).
51
+ * @example menuPortalRoot={document.body}
52
+ */
53
+ menuPortalRoot?: Element;
21
54
  }
22
55
  export declare const Dropdown: FC<DropdownProps>;
23
- export {};
@@ -1,3 +1,4 @@
1
1
  import { FC } from 'react';
2
2
  import { DropdownOptionProps } from '../types';
3
+
3
4
  export declare const DropdownOption: FC<DropdownOptionProps>;
@@ -1,3 +1,4 @@
1
1
  import { DropdownOption } from './dropdownOption';
2
+
2
3
  export { DropdownOption };
3
4
  export default DropdownOption;
@@ -1,3 +1,5 @@
1
1
  import { Dropdown } from './dropdown';
2
+
2
3
  export { Dropdown };
4
+ export { DROPDOWN_PORTAL_MENU_ATTR } from './constants';
3
5
  export default Dropdown;
@@ -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;
@@ -9,6 +10,7 @@ export type DropdownOptionType = {
9
10
  hidden?: boolean;
10
11
  title?: string;
11
12
  groupRef?: string;
13
+ children?: DropdownOptionType[];
12
14
  };
13
15
  export interface DropdownOptionProps {
14
16
  selected?: boolean;
@@ -16,5 +18,14 @@ export interface DropdownOptionProps {
16
18
  highlightHovered?: boolean;
17
19
  render?: RenderDropdownOption;
18
20
  onMouseEnter?: MouseEventHandler<HTMLDivElement>;
21
+ multiSelect?: boolean;
22
+ isPartiallyChecked?: boolean;
23
+ depth?: number;
24
+ hasChildren?: boolean;
19
25
  option: DropdownOptionType;
20
26
  }
27
+ export type FlattenedDropdownOption = {
28
+ option: DropdownOptionType;
29
+ depth: number;
30
+ parent?: DropdownOptionType;
31
+ };
@@ -1,4 +1,8 @@
1
- import { DropdownValue, DropdownOptionType } from './types';
2
- export declare const calculateDefaultIndex: (options: DropdownOptionType[], selectedValue: DropdownValue) => number;
1
+ import { DropdownValue, DropdownOptionType, FlattenedDropdownOption } from './types';
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;
6
+ export declare const flattenOptions: (options: DropdownOptionType[], depth?: number, parent?: DropdownOptionType) => FlattenedDropdownOption[];
7
+ export declare const getLeafOptions: (options: DropdownOptionType[]) => DropdownOptionType[];
8
+ export declare const getOptionLeafValues: (option: DropdownOptionType) => DropdownValue[];
@@ -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
1
  import { KeyCodes } from '../../common/constants/keyCodes';
2
+
2
3
  export declare const DEFAULT_WIDTH_CH = 5;
3
4
  export declare const MAX_WIDTH_CH = 16;
4
5
  export declare const ALLOWED_KEY_CODES: KeyCodes[];
@@ -1,4 +1,5 @@
1
- import { FC, HTMLAttributes, FocusEventHandler } from 'react';
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: FC<FieldNumberProps>;
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,3 +1,4 @@
1
1
  import { FieldNumber } from './fieldNumber.js';
2
+
2
3
  export { FieldNumber };
3
4
  export default FieldNumber;
@@ -1,11 +1,16 @@
1
- import { FC, ChangeEventHandler, ReactNode, ComponentPropsWithRef } from 'react';
2
- interface FieldTextProps extends ComponentPropsWithRef<'input'> {
1
+ import { ChangeEventHandler, ReactElement, 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?: string;
25
+ type?: InputType;
21
26
  displayError?: boolean;
27
+ maxLengthDisplay?: number;
28
+ collapsible?: boolean;
29
+ loading?: boolean;
22
30
  }
23
- export declare const FieldText: FC<FieldTextProps>;
31
+ export declare const FieldText: (props: FieldTextProps & import('react').RefAttributes<HTMLInputElement>) => ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
24
32
  export {};
@@ -1,3 +1,4 @@
1
1
  import { FieldText } from './fieldText';
2
+
2
3
  export { FieldText };
3
4
  export default FieldText;