@reportportal/ui-kit 0.0.1-alpha.16 → 0.0.1-alpha.161

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 (272) hide show
  1. package/README.md +28 -2
  2. package/dist/adaptiveTagList.js +189 -0
  3. package/dist/attachedFile.js +9 -0
  4. package/dist/autocompletes.js +780 -0
  5. package/dist/baseIconButton-251479f7.js +25 -0
  6. package/dist/baseIconButton.js +1 -1
  7. package/dist/breadcrumbs-8e5ca8d7.js +183 -0
  8. package/dist/breadcrumbs.js +12 -0
  9. package/dist/bubblesLoader-f3ffa240.js +28 -0
  10. package/dist/bubblesLoader.js +1 -1
  11. package/dist/bulkPanel.js +92 -0
  12. package/dist/button-97d9e587.js +66 -0
  13. package/dist/button.js +1 -1
  14. package/dist/calendarArrow-44c7e60e.js +5 -0
  15. package/dist/checkbox-493fdc63.js +73 -0
  16. package/dist/checkbox.js +1 -1
  17. package/dist/chevronDownDropdown-0260bb66.js +5 -0
  18. package/dist/chip.js +72 -0
  19. package/dist/clear-53660571.js +5 -0
  20. package/dist/close-4d480ef7.js +5 -0
  21. package/dist/common/constants/floatingUi.d.ts +8 -0
  22. package/dist/common/constants/sortable.d.ts +1 -0
  23. package/dist/common/hooks/index.d.ts +1 -0
  24. package/dist/common/hooks/useOnClickOutside.d.ts +5 -1
  25. package/dist/common/hooks/useSortable.d.ts +3 -0
  26. package/dist/common/types/commonTypes.d.ts +4 -0
  27. package/dist/common/types/index.d.ts +2 -0
  28. package/dist/common/types/sortableTypes.d.ts +84 -0
  29. package/dist/common/utils/floatingUi.d.ts +3 -0
  30. package/dist/common/utils/getFileExtension.d.ts +1 -0
  31. package/dist/common/utils/htmlAttributes.d.ts +20 -0
  32. package/dist/common/utils/index.d.ts +4 -0
  33. package/dist/common/utils/isString.d.ts +1 -0
  34. package/dist/common/utils/testUtils.d.ts +3 -0
  35. package/dist/common.js +11 -0
  36. package/dist/components/adaptiveTagList/adaptiveTagList.d.ts +11 -0
  37. package/dist/components/adaptiveTagList/constants.d.ts +6 -0
  38. package/dist/components/adaptiveTagList/index.d.ts +2 -0
  39. package/dist/components/attachedFile/attachedFile.d.ts +14 -0
  40. package/dist/components/attachedFile/index.d.ts +2 -0
  41. package/dist/components/autocompletes/common/autocompleteMenu/autocompleteMenu.d.ts +10 -0
  42. package/dist/components/autocompletes/common/autocompleteMenu/index.d.ts +1 -0
  43. package/dist/components/autocompletes/common/autocompleteOption/autocompleteOption.d.ts +13 -0
  44. package/dist/components/autocompletes/common/autocompleteOption/index.d.ts +1 -0
  45. package/dist/components/autocompletes/common/autocompleteOptions.d.ts +19 -0
  46. package/dist/components/autocompletes/common/autocompletePrompt/autocompletePrompt.d.ts +7 -0
  47. package/dist/components/autocompletes/common/autocompletePrompt/index.d.ts +1 -0
  48. package/dist/components/autocompletes/common/index.d.ts +19 -0
  49. package/dist/components/autocompletes/constants.d.ts +2 -0
  50. package/dist/components/autocompletes/index.d.ts +3 -0
  51. package/dist/components/autocompletes/multipleAutocomplete/index.d.ts +17 -0
  52. package/dist/components/autocompletes/multipleAutocomplete/multipleAutocomplete.d.ts +53 -0
  53. package/dist/components/autocompletes/multipleAutocomplete/multipleDownshift.d.ts +25 -0
  54. package/dist/components/autocompletes/multipleAutocomplete/selectedItems/index.d.ts +1 -0
  55. package/dist/components/autocompletes/multipleAutocomplete/selectedItems/selectedItems.d.ts +41 -0
  56. package/dist/components/autocompletes/singleAutocomplete/index.d.ts +1 -0
  57. package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts +42 -0
  58. package/dist/components/autocompletes/types.d.ts +8 -0
  59. package/dist/components/autocompletes/utils.d.ts +5 -0
  60. package/dist/components/{icons/baseIconButton → baseIconButton}/baseIconButton.d.ts +1 -0
  61. package/dist/components/{icons/baseIconButton → baseIconButton}/index.d.ts +1 -0
  62. package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
  63. package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
  64. package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  65. package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
  66. package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
  67. package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
  68. package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
  69. package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
  70. package/dist/components/breadcrumbs/index.d.ts +5 -0
  71. package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
  72. package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
  73. package/dist/components/breadcrumbs/types.d.ts +24 -0
  74. package/dist/components/bubblesLoader/bubblesLoader.d.ts +2 -0
  75. package/dist/components/bubblesLoader/index.d.ts +1 -0
  76. package/dist/components/bulkPanel/bulkPanel.d.ts +3 -0
  77. package/dist/components/bulkPanel/index.d.ts +2 -0
  78. package/dist/components/bulkPanel/types.d.ts +16 -0
  79. package/dist/components/button/button.d.ts +5 -4
  80. package/dist/components/button/index.d.ts +1 -0
  81. package/dist/components/checkbox/checkbox.d.ts +2 -1
  82. package/dist/components/checkbox/index.d.ts +1 -0
  83. package/dist/components/chip/chip.d.ts +15 -0
  84. package/dist/components/chip/index.d.ts +2 -0
  85. package/dist/components/datePicker/datePicker.d.ts +2 -1
  86. package/dist/components/datePicker/header/datePickerHeader.d.ts +1 -0
  87. package/dist/components/datePicker/header/index.d.ts +1 -0
  88. package/dist/components/datePicker/index.d.ts +3 -1
  89. package/dist/components/datePicker/utils.d.ts +1 -0
  90. package/dist/components/dropdown/constants.d.ts +4 -0
  91. package/dist/components/dropdown/dropdown.d.ts +37 -5
  92. package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
  93. package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
  94. package/dist/components/dropdown/index.d.ts +2 -0
  95. package/dist/components/dropdown/types.d.ts +11 -0
  96. package/dist/components/dropdown/utils.d.ts +6 -2
  97. package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
  98. package/dist/components/fieldLabel/index.d.ts +1 -0
  99. package/dist/components/fieldNumber/constants.d.ts +1 -0
  100. package/dist/components/fieldNumber/fieldNumber.d.ts +3 -3
  101. package/dist/components/fieldNumber/index.d.ts +1 -0
  102. package/dist/components/fieldText/fieldText.d.ts +12 -4
  103. package/dist/components/fieldText/index.d.ts +1 -0
  104. package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +5 -2
  105. package/dist/components/fieldTextFlex/index.d.ts +1 -0
  106. package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts +21 -0
  107. package/dist/components/fileDropArea/attachedFilesList/index.d.ts +5 -0
  108. package/dist/components/fileDropArea/browseButton/browseButton.d.ts +9 -0
  109. package/dist/components/fileDropArea/browseButton/index.d.ts +4 -0
  110. package/dist/components/fileDropArea/constants.d.ts +2 -0
  111. package/dist/components/fileDropArea/dropZone/dropZone.d.ts +10 -0
  112. package/dist/components/fileDropArea/dropZone/index.d.ts +4 -0
  113. package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts +5 -0
  114. package/dist/components/fileDropArea/errorMessage/index.d.ts +4 -0
  115. package/dist/components/fileDropArea/fileDropArea.d.ts +19 -0
  116. package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts +17 -0
  117. package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts +1 -0
  118. package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts +3 -0
  119. package/dist/components/fileDropArea/hooks/index.d.ts +1 -0
  120. package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts +13 -0
  121. package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts +13 -0
  122. package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts +22 -0
  123. package/dist/components/fileDropArea/index.d.ts +6 -0
  124. package/dist/components/fileDropArea/types.d.ts +58 -0
  125. package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts +3 -0
  126. package/dist/components/fileDropArea/utils/index.d.ts +2 -0
  127. package/dist/components/fileDropArea/utils/validateFile.d.ts +3 -0
  128. package/dist/components/filtersButton/filtersButton.d.ts +9 -0
  129. package/dist/components/filtersButton/index.d.ts +2 -0
  130. package/dist/components/icons/index.d.ts +64 -9
  131. package/dist/components/index.d.ts +27 -10
  132. package/dist/components/issueList/constants.d.ts +5 -0
  133. package/dist/components/issueList/index.d.ts +2 -0
  134. package/dist/components/issueList/issueList.d.ts +18 -0
  135. package/dist/components/maxValueDisplay/index.d.ts +4 -0
  136. package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
  137. package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
  138. package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
  139. package/dist/components/modal/index.d.ts +1 -0
  140. package/dist/components/modal/modal.d.ts +4 -4
  141. package/dist/components/modal/modalContent/modalContent.d.ts +3 -2
  142. package/dist/components/modal/modalFooter/modalFooter.d.ts +3 -1
  143. package/dist/components/modal/modalHeader/modalHeader.d.ts +1 -0
  144. package/dist/components/modal/types.d.ts +6 -0
  145. package/dist/components/pagination/index.d.ts +1 -0
  146. package/dist/components/pagination/itemsCounter/itemCounter.d.ts +5 -2
  147. package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
  148. package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
  149. package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
  150. package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +1 -0
  151. package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +1 -0
  152. package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
  153. package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
  154. package/dist/components/pagination/pagination.d.ts +6 -2
  155. package/dist/components/popover/index.d.ts +4 -1
  156. package/dist/components/popover/popover.d.ts +3 -2
  157. package/dist/components/radio/index.d.ts +1 -0
  158. package/dist/components/radio/radio.d.ts +1 -0
  159. package/dist/components/radio/radioGroup.d.ts +1 -0
  160. package/dist/components/selection/index.d.ts +5 -0
  161. package/dist/components/selection/selection.d.ts +12 -0
  162. package/dist/components/selection/types.d.ts +1 -0
  163. package/dist/components/sidePanel/index.d.ts +2 -0
  164. package/dist/components/sidePanel/sidePanel.d.ts +17 -0
  165. package/dist/components/sortable/dragLayer/dragLayer.d.ts +3 -0
  166. package/dist/components/sortable/dragLayer/index.d.ts +1 -0
  167. package/dist/components/sortable/helpers.d.ts +11 -0
  168. package/dist/components/sortable/index.d.ts +3 -0
  169. package/dist/components/sortable/sortableItem/index.d.ts +1 -0
  170. package/dist/components/sortable/sortableItem/sortableItem.d.ts +3 -0
  171. package/dist/components/sortable/sortableList/index.d.ts +1 -0
  172. package/dist/components/sortable/sortableList/sortableList.d.ts +5 -0
  173. package/dist/components/spinLoader/index.d.ts +4 -0
  174. package/dist/components/spinLoader/spinLoader.d.ts +8 -0
  175. package/dist/components/systemAlert/index.d.ts +1 -0
  176. package/dist/components/systemAlert/systemAlert.d.ts +4 -0
  177. package/dist/components/systemAlert/types.d.ts +22 -0
  178. package/dist/components/systemMessage/index.d.ts +1 -0
  179. package/dist/components/systemMessage/systemMessage.d.ts +1 -0
  180. package/dist/components/table/constants.d.ts +6 -0
  181. package/dist/components/table/gradientOverlay/gradientOverlay.d.ts +19 -0
  182. package/dist/components/table/gradientOverlay/index.d.ts +2 -0
  183. package/dist/components/table/hooks/index.d.ts +8 -0
  184. package/dist/components/table/hooks/useCheckboxRowSync.d.ts +10 -0
  185. package/dist/components/table/hooks/useColumnResize.d.ts +18 -0
  186. package/dist/components/table/hooks/useColumnWidths.d.ts +8 -0
  187. package/dist/components/table/hooks/useGradientPosition.d.ts +24 -0
  188. package/dist/components/table/hooks/useTableColumns.d.ts +13 -0
  189. package/dist/components/table/hooks/useTableExpansion.d.ts +15 -0
  190. package/dist/components/table/hooks/useTableHover.d.ts +10 -0
  191. package/dist/components/table/index.d.ts +2 -0
  192. package/dist/components/table/resizeHandle/index.d.ts +1 -0
  193. package/dist/components/table/resizeHandle/resizeHandle.d.ts +2 -0
  194. package/dist/components/table/table.d.ts +1 -0
  195. package/dist/components/table/types.d.ts +39 -9
  196. package/dist/components/table/utils.d.ts +10 -1
  197. package/dist/components/themeProvider/index.d.ts +1 -0
  198. package/dist/components/themeProvider/themeProvider.d.ts +1 -0
  199. package/dist/components/toggle/index.d.ts +1 -0
  200. package/dist/components/toggle/toggle.d.ts +1 -0
  201. package/dist/components/tooltip/tooltip.d.ts +12 -2
  202. package/dist/datePicker-60b22314.js +194 -0
  203. package/dist/datePicker.js +32 -0
  204. package/dist/dropdown-0260bb66.js +5 -0
  205. package/dist/dropdown-40fcc3ad.js +642 -0
  206. package/dist/dropdown.js +13 -3
  207. package/dist/fieldLabel.js +18 -0
  208. package/dist/fieldNumber-d1b5a7a1.js +140 -0
  209. package/dist/fieldNumber.js +5 -2
  210. package/dist/fieldText-1749da7a.js +167 -0
  211. package/dist/fieldText.js +7 -2
  212. package/dist/fieldTextFlex-2f51c173.js +80 -0
  213. package/dist/fieldTextFlex.js +3 -1
  214. package/dist/fileDropArea.js +325 -0
  215. package/dist/filterOutline-819b4b0d.js +6 -0
  216. package/dist/filtersButton.js +25 -0
  217. package/dist/floatingUi-41f8c7b5.js +29 -0
  218. package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
  219. package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
  220. package/dist/icons.js +87 -0
  221. package/dist/index-1a874a8b.js +110 -0
  222. package/dist/index.js +170 -241
  223. package/dist/isEmpty-ccacb5ff.js +38 -0
  224. package/dist/issueList.js +125 -0
  225. package/dist/maxValueDisplay-9be01a75.js +13 -0
  226. package/dist/maxValueDisplay.js +6 -0
  227. package/dist/minus-2857540f.js +5 -0
  228. package/dist/modal.js +180 -14
  229. package/dist/openEye-950159cb.js +6 -0
  230. package/dist/pagination-4ded0ec6.js +355 -0
  231. package/dist/pagination.js +12 -5
  232. package/dist/plus-199fb2a8.js +5 -0
  233. package/dist/popover.js +58 -73
  234. package/dist/prevPage-87faf576.js +6 -0
  235. package/dist/radio-62546efa.js +76 -0
  236. package/dist/radio.js +1 -1
  237. package/dist/resizeColumn-46b5b30f.js +7 -0
  238. package/dist/selection-9124d029.js +38 -0
  239. package/dist/selection.js +10 -0
  240. package/dist/sidePanel.js +88 -0
  241. package/dist/sortable.js +213 -0
  242. package/dist/spinLoader-c4a53718.js +11 -0
  243. package/dist/spinLoader.js +7 -0
  244. package/dist/style.css +1 -1
  245. package/dist/success-8fd8bd2c.js +7 -0
  246. package/dist/systemAlert.js +69 -0
  247. package/dist/systemMessage-924fdaa6.js +30 -0
  248. package/dist/systemMessage.js +1 -1
  249. package/dist/table-0adbac16.js +1059 -0
  250. package/dist/table.js +10 -3
  251. package/dist/toggle-304107fa.js +59 -0
  252. package/dist/toggle.js +1 -1
  253. package/dist/tooltip.js +90 -56
  254. package/dist/tree-c3dd3d45.js +6 -0
  255. package/dist/useOnClickOutside-8f7d68a1.js +25 -0
  256. package/dist/xls-995781cc.js +11 -0
  257. package/package.json +49 -16
  258. package/dist/baseIconButton-7bc53dec.js +0 -25
  259. package/dist/bubblesLoader-a7e709d4.js +0 -17
  260. package/dist/button-bb309472.js +0 -62
  261. package/dist/checkbox-6777be17.js +0 -73
  262. package/dist/dropdown-bbfa828e.js +0 -213
  263. package/dist/fieldNumber-46fe79b9.js +0 -127
  264. package/dist/fieldText-d80b29ba.js +0 -102
  265. package/dist/fieldTextFlex-5bddf46a.js +0 -67
  266. package/dist/index-2a2d261a.js +0 -145
  267. package/dist/pagination-761d3427.js +0 -346
  268. package/dist/radio-fd49a09c.js +0 -76
  269. package/dist/systemMessage-1ced6079.js +0 -30
  270. package/dist/table-83e050dc.js +0 -147
  271. package/dist/toggle-9284387b.js +0 -67
  272. package/dist/useOnClickOutside-c332f7d3.js +0 -16
@@ -0,0 +1,16 @@
1
+ export interface BulkPanelItem {
2
+ id: string | number;
3
+ label: string;
4
+ }
5
+ export interface BulkPanelProps {
6
+ className?: string;
7
+ items: BulkPanelItem[];
8
+ captions?: {
9
+ selected?: string;
10
+ clearSelection?: string;
11
+ selectedItems?: string;
12
+ };
13
+ onRemoveItem: (id: string | number) => void;
14
+ onClearSelection: () => void;
15
+ portalRoot?: Element;
16
+ }
@@ -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,15 @@
1
+ import { ReactNode, MouseEvent } from 'react';
2
+
3
+ export type ChipVariant = 'default' | 'error' | 'warning' | 'link';
4
+ export interface ChipProps {
5
+ children: ReactNode;
6
+ variant?: ChipVariant;
7
+ link?: string;
8
+ onClick?: (event: MouseEvent<HTMLElement>) => void;
9
+ onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
10
+ className?: string;
11
+ maxWidth?: number;
12
+ title?: string;
13
+ disabled?: boolean;
14
+ }
15
+ export declare const Chip: ({ children, variant, link, onClick, onRemove, className, maxWidth, title, disabled, }: ChipProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Chip } from './chip';
2
+ export type { ChipProps, ChipVariant } from './chip';
@@ -1,6 +1,7 @@
1
1
  import { FC, ReactNode, ReactElement } from 'react';
2
+
2
3
  interface DatePickerProps {
3
- onChange?: (date: Date | any) => void;
4
+ onChange?: (date: Date | null) => void;
4
5
  onBlur?: () => void;
5
6
  onFocus?: () => void;
6
7
  headerNodes?: ReactNode;
@@ -1,4 +1,5 @@
1
1
  import { FC, ReactNode } from 'react';
2
+
2
3
  export interface DatePickerHeaderProps {
3
4
  changeYear: (year: number) => void;
4
5
  changeMonth: (month: number) => void;
@@ -1,3 +1,4 @@
1
1
  import { DatePickerHeader } from './datePickerHeader';
2
+
2
3
  export { DatePickerHeader };
3
4
  export default DatePickerHeader;
@@ -1,3 +1,5 @@
1
1
  import { DatePicker } from './datePicker';
2
- export { DatePicker };
2
+ import { registerDatePickerLocale } from './utils';
3
+
4
+ export { DatePicker, registerDatePickerLocale };
3
5
  export default DatePicker;
@@ -1,3 +1,4 @@
1
1
  import { Locale } from 'date-fns';
2
+
2
3
  export declare const registerDatePickerLocale: (language: string, locale: Locale) => void;
3
4
  export declare const getYearsFrom: (start: number, amountYearsToGenerate?: number) => number[];
@@ -1,7 +1,11 @@
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 = 240;
10
+ export declare const DROPDOWN_PORTAL_MENU_ATTR = "data-dropdown-portal-menu";
11
+ export declare const DEFAULT_VISIBLE_TAG_LINES = 10;
@@ -1,8 +1,9 @@
1
- import { ReactNode, FC } from 'react';
1
+ import { ReactNode, FC, ComponentPropsWithRef } from 'react';
2
2
  import { DropdownVariant, RenderDropdownOption, DropdownOptionType, DropdownValue } from './types';
3
- interface DropdownProps {
3
+
4
+ export interface DropdownProps extends Omit<ComponentPropsWithRef<'div'>, 'onChange' | 'onFocus' | 'onBlur' | 'title'> {
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
+ /**
44
+ * Portal root element for dropdown menu rendering.
45
+ * When provided, the menu will be rendered in this element using React Portal.
46
+ * Useful for preventing clipping in containers with overflow: hidden (e.g., Modal, SidePanel).
47
+ * @example menuPortalRoot={document.body}
48
+ */
49
+ menuPortalRoot?: Element;
50
+ /** Whether to render selected values as tags using AdaptiveTagList (only for multiSelect mode) */
51
+ isMultiSelectWithTags?: boolean;
52
+ /** Message to display when no options match the search term */
53
+ noMatchesMessage?: string;
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;
@@ -1,4 +1,5 @@
1
- import { ChangeEventHandler, ComponentPropsWithRef, FC, FocusEventHandler, KeyboardEventHandler } from 'react';
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,11 @@ export interface FieldTextFlexProps extends ComponentPropsWithRef<'textarea'> {
6
7
  touched?: boolean;
7
8
  label?: string;
8
9
  helpText?: string;
10
+ maxLengthDisplay?: number;
11
+ minHeight?: number;
9
12
  onChange?: ChangeEventHandler<HTMLTextAreaElement>;
10
13
  onFocus?: FocusEventHandler<HTMLTextAreaElement>;
11
14
  onBlur?: FocusEventHandler<HTMLTextAreaElement>;
12
15
  onKeyUp?: KeyboardEventHandler<HTMLTextAreaElement>;
13
16
  }
14
- export declare const FieldTextFlex: FC<FieldTextFlexProps>;
17
+ export declare const FieldTextFlex: (props: FieldTextFlexProps & import('react').RefAttributes<HTMLTextAreaElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
@@ -1,3 +1,4 @@
1
1
  import { FieldTextFlex } from './fieldTextFlex';
2
+
2
3
  export { FieldTextFlex };
3
4
  export default FieldTextFlex;
@@ -0,0 +1,21 @@
1
+ import { FileValidationError } from '../types';
2
+
3
+ export interface AttachmentFile {
4
+ id: string;
5
+ fileName: string;
6
+ file: File;
7
+ size: number;
8
+ uploadingProgress?: number;
9
+ isUploadFailed?: boolean;
10
+ isUploading?: boolean;
11
+ validationErrors?: FileValidationError[];
12
+ customErrorMessage?: string;
13
+ }
14
+ interface AttachedFilesListProps {
15
+ files: AttachmentFile[];
16
+ className?: string;
17
+ onRemoveFile: (fileId: string) => void;
18
+ onDownloadFile?: (file: AttachmentFile) => void;
19
+ }
20
+ export declare const AttachedFilesList: ({ files, className, onRemoveFile, onDownloadFile, }: AttachedFilesListProps) => import("react/jsx-runtime").JSX.Element | null;
21
+ export {};
@@ -0,0 +1,5 @@
1
+ import { AttachedFilesList } from './attachedFilesList';
2
+
3
+ export { AttachedFilesList };
4
+ export type { AttachmentFile } from './attachedFilesList';
5
+ export default AttachedFilesList;
@@ -0,0 +1,9 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { ButtonProps } from '../../button';
3
+
4
+ type BrowseButtonProps = Omit<ButtonProps, 'onClick' | 'disabled' | 'children'> & {
5
+ className?: string;
6
+ variant?: ButtonProps['variant'];
7
+ };
8
+ export declare const BrowseButton: ({ children, className, variant, ...buttonProps }: PropsWithChildren<BrowseButtonProps>) => import("react/jsx-runtime").JSX.Element;
9
+ export {};
@@ -0,0 +1,4 @@
1
+ import { BrowseButton } from './browseButton';
2
+
3
+ export { BrowseButton };
4
+ export default BrowseButton;
@@ -0,0 +1,2 @@
1
+ export declare const DEFAULT_MAX_FILE_SIZE_MB = 128;
2
+ export declare const DEFAULT_MAX_FILE_SIZE: number;
@@ -0,0 +1,10 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ interface DropZoneProps {
4
+ icon: ReactNode;
5
+ description?: ReactNode;
6
+ fileSizeMessage?: string;
7
+ className?: string;
8
+ }
9
+ export declare const DropZone: ({ icon, description, fileSizeMessage, className }: DropZoneProps) => import("react/jsx-runtime").JSX.Element;
10
+ export {};
@@ -0,0 +1,4 @@
1
+ import { DropZone } from './dropZone';
2
+
3
+ export { DropZone };
4
+ export default DropZone;
@@ -0,0 +1,5 @@
1
+ interface ErrorMessageProps {
2
+ className?: string;
3
+ }
4
+ export declare const ErrorMessage: ({ className }: ErrorMessageProps) => import("react/jsx-runtime").JSX.Element | null;
5
+ export {};
@@ -0,0 +1,4 @@
1
+ import { ErrorMessage } from './errorMessage';
2
+
3
+ export { ErrorMessage };
4
+ export default ErrorMessage;
@@ -0,0 +1,19 @@
1
+ import { FC, PropsWithChildren } from 'react';
2
+ import { BrowseButton } from './browseButton';
3
+ import { ErrorMessage } from './errorMessage';
4
+ import { DropZone } from './dropZone';
5
+ import { AttachedFilesList } from './attachedFilesList';
6
+ import { FileDropAreaBaseConfig, FileWithValidation } from './types';
7
+
8
+ interface FileDropAreaProps extends FileDropAreaBaseConfig {
9
+ variant?: 'default' | 'overlay';
10
+ onFilesAdded: (files: FileWithValidation[]) => void;
11
+ }
12
+ interface FileDropAreaComposite extends FC<PropsWithChildren<FileDropAreaProps>> {
13
+ DropZone: typeof DropZone;
14
+ BrowseButton: typeof BrowseButton;
15
+ Error: typeof ErrorMessage;
16
+ AttachedFilesList: typeof AttachedFilesList;
17
+ }
18
+ export declare const FileDropArea: FileDropAreaComposite;
19
+ export {};
@@ -0,0 +1,17 @@
1
+ import { PropsWithChildren } from 'react';
2
+ import { VoidFn } from '../../../common/types';
3
+ import { useFileDropArea } from '../hooks/useFileDropArea';
4
+ import { useOverlayDropArea } from '../hooks/useOverlayDropArea';
5
+ import { FileValidationMessages } from '../types';
6
+
7
+ export interface FileDropAreaProviderProps extends ReturnType<typeof useFileDropArea> {
8
+ messages: FileValidationMessages;
9
+ isMultipleFiles?: boolean;
10
+ isDisabled?: boolean;
11
+ variant?: 'default' | 'overlay';
12
+ overlayProps?: ReturnType<typeof useOverlayDropArea>;
13
+ registerOpenFunction: (openFunc: VoidFn) => void;
14
+ openFileDialog: VoidFn;
15
+ }
16
+ export declare const FileDropAreaContext: import('react').Context<FileDropAreaProviderProps | null>;
17
+ export declare const FileDropAreaProvider: ({ children, ...props }: PropsWithChildren<Omit<FileDropAreaProviderProps, 'registerOpenFunction' | 'openFileDialog'>>) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { FileDropAreaProvider } from './fileDropAreaProvider';
@@ -0,0 +1,3 @@
1
+ import { FileDropAreaProviderProps } from './fileDropAreaProvider';
2
+
3
+ export declare const useFileDropAreaContext: () => FileDropAreaProviderProps;
@@ -0,0 +1 @@
1
+ export { useFileDropArea } from './useFileDropArea';
@@ -0,0 +1,13 @@
1
+ import { FileDropAreaBaseConfig, FileWithValidation } from '../types';
2
+
3
+ interface UseFileDropAreaOptions extends FileDropAreaBaseConfig {
4
+ onFilesAdded: (files: FileWithValidation[]) => void;
5
+ }
6
+ export declare const useFileDropArea: ({ maxFileSize, acceptFileMimeTypes, onFilesAdded, }: UseFileDropAreaOptions) => {
7
+ error: import('../types').FileValidationError | null;
8
+ onDrop: (acceptedFiles: File[]) => void;
9
+ handleDropzoneClick: () => void;
10
+ handleFileInputChange: (event: import('react').ChangeEvent<HTMLInputElement>) => void;
11
+ clearError: () => void;
12
+ };
13
+ export {};
@@ -0,0 +1,13 @@
1
+ import { ChangeEvent } from 'react';
2
+ import { FileValidationError as ValidationError, FileValidationOptions, FileWithValidation } from '../types';
3
+
4
+ interface FileProcessingOptions extends FileValidationOptions {
5
+ onFilesAdded: (files: FileWithValidation[]) => void;
6
+ }
7
+ export declare const useFileProcessing: ({ maxFileSize, acceptFileMimeTypes, onFilesAdded, }: FileProcessingOptions) => {
8
+ error: ValidationError | null;
9
+ handleFileInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
10
+ clearError: () => void;
11
+ onDrop: (acceptedFiles: File[]) => void;
12
+ };
13
+ export {};
@@ -0,0 +1,22 @@
1
+ import { DragEvent } from 'react';
2
+
3
+ interface UseOverlayDropAreaOptions {
4
+ isOverlay: boolean;
5
+ }
6
+ export declare const useOverlayDropArea: ({ isOverlay }: UseOverlayDropAreaOptions) => {
7
+ isDragActive?: boolean | undefined;
8
+ handlers: {
9
+ ref: import('react').RefObject<HTMLDivElement>;
10
+ onDragEnter: (event: DragEvent) => void;
11
+ onDragLeave: (event: DragEvent) => void;
12
+ onDragOver: (event: DragEvent) => void;
13
+ onDrop: (event: DragEvent) => void;
14
+ } | {
15
+ ref?: undefined;
16
+ onDragEnter?: undefined;
17
+ onDragLeave?: undefined;
18
+ onDragOver?: undefined;
19
+ onDrop?: undefined;
20
+ };
21
+ };
22
+ export {};
@@ -0,0 +1,6 @@
1
+ import { FileDropArea } from './fileDropArea';
2
+ import { MIME_TYPES, FileValidationError, MimeType, FileWithValidation, FileValidationMessages } from './types';
3
+
4
+ export { FileDropArea };
5
+ export { MIME_TYPES, FileValidationError };
6
+ export type { MimeType, FileWithValidation, FileValidationMessages };
@@ -0,0 +1,58 @@
1
+ export declare const MIME_TYPES: {
2
+ readonly png: "image/png";
3
+ readonly jpeg: "image/jpeg";
4
+ readonly gif: "image/gif";
5
+ readonly svg: "image/svg+xml";
6
+ readonly webp: "image/webp";
7
+ readonly pdf: "application/pdf";
8
+ readonly doc: "application/msword";
9
+ readonly docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
10
+ readonly xls: "application/vnd.ms-excel";
11
+ readonly xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
12
+ readonly csv: "text/csv";
13
+ readonly txt: "text/plain";
14
+ readonly zip: "application/zip";
15
+ readonly mp4: "video/mp4";
16
+ readonly mov: "video/quicktime";
17
+ readonly avi: "video/x-msvideo";
18
+ readonly xml: "application/xml";
19
+ readonly html: "text/html";
20
+ readonly javascript: "application/javascript";
21
+ readonly json: "application/json";
22
+ readonly css: "text/css";
23
+ readonly php: "application/x-httpd-php";
24
+ readonly har: "application/json";
25
+ readonly rar: "application/vnd.rar";
26
+ readonly tgz: "application/gzip";
27
+ readonly taz: "application/x-compress";
28
+ readonly tar: "application/x-tar";
29
+ readonly gzip: "application/gzip";
30
+ readonly plain: "text/plain";
31
+ readonly image: "image/*";
32
+ readonly jar: "application/java-archive";
33
+ readonly gtar: "application/x-gtar";
34
+ readonly kml: "application/vnd.google-earth.kml+xml";
35
+ };
36
+ export type MimeType = (typeof MIME_TYPES)[keyof typeof MIME_TYPES];
37
+ export declare enum FileValidationError {
38
+ INCORRECT_FILE_SIZE = "INCORRECT_FILE_SIZE",
39
+ INCORRECT_FILE_FORMAT = "INCORRECT_FILE_FORMAT"
40
+ }
41
+ export interface FileValidationMessages {
42
+ incorrectFileSize: string;
43
+ incorrectFileFormat: string;
44
+ }
45
+ export interface FileValidationOptions {
46
+ acceptFileMimeTypes: MimeType[];
47
+ maxFileSize: number;
48
+ }
49
+ export interface FileWithValidation {
50
+ file: File;
51
+ validationErrors: FileValidationError[];
52
+ customErrorMessage?: string;
53
+ }
54
+ export interface FileDropAreaBaseConfig extends FileValidationOptions {
55
+ messages: FileValidationMessages;
56
+ isMultipleFiles?: boolean;
57
+ isDisabled?: boolean;
58
+ }
@@ -0,0 +1,3 @@
1
+ import { FileValidationError, FileValidationMessages } from '../types';
2
+
3
+ export declare const getValidationErrorMessage: (errors: FileValidationError[], messages: FileValidationMessages, customErrorMessage?: string) => string | null;
@@ -0,0 +1,2 @@
1
+ export { validateFile } from './validateFile';
2
+ export { getValidationErrorMessage } from './getValidationErrorMessage';
@@ -0,0 +1,3 @@
1
+ import { FileValidationOptions, FileValidationError } from '../types';
2
+
3
+ export declare const validateFile: (file: File, options: FileValidationOptions) => FileValidationError[];
@@ -0,0 +1,9 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+
3
+ export interface FiltersButtonProps extends Omit<ComponentPropsWithRef<'button'>, 'type'> {
4
+ appliedFiltersCount?: number;
5
+ isOpen?: boolean;
6
+ type?: 'button' | 'submit';
7
+ }
8
+ export declare const FiltersButton: (props: FiltersButtonProps & import('react').RefAttributes<HTMLButtonElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;
9
+ export default FiltersButton;