@reportportal/ui-kit 0.0.1-alpha.15 → 0.0.1-alpha.150

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 (254) 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/button-97d9e587.js +66 -0
  12. package/dist/button.js +1 -1
  13. package/dist/calendarArrow-44c7e60e.js +5 -0
  14. package/dist/checkbox-ed6cc375.js +73 -0
  15. package/dist/checkbox.js +1 -1
  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/constants/sortable.d.ts +1 -0
  20. package/dist/common/hooks/index.d.ts +1 -0
  21. package/dist/common/hooks/useOnClickOutside.d.ts +5 -1
  22. package/dist/common/hooks/useSortable.d.ts +3 -0
  23. package/dist/common/types/commonTypes.d.ts +4 -0
  24. package/dist/common/types/index.d.ts +2 -0
  25. package/dist/common/types/sortableTypes.d.ts +84 -0
  26. package/dist/common/utils/floatingUi.d.ts +3 -0
  27. package/dist/common/utils/getFileExtension.d.ts +1 -0
  28. package/dist/common/utils/index.d.ts +3 -0
  29. package/dist/common/utils/isString.d.ts +1 -0
  30. package/dist/common/utils/testUtils.d.ts +3 -0
  31. package/dist/common.js +11 -0
  32. package/dist/components/adaptiveTagList/adaptiveTagList.d.ts +11 -0
  33. package/dist/components/adaptiveTagList/constants.d.ts +6 -0
  34. package/dist/components/adaptiveTagList/index.d.ts +2 -0
  35. package/dist/components/attachedFile/attachedFile.d.ts +14 -0
  36. package/dist/components/attachedFile/index.d.ts +2 -0
  37. package/dist/components/autocompletes/common/autocompleteMenu/autocompleteMenu.d.ts +10 -0
  38. package/dist/components/autocompletes/common/autocompleteMenu/index.d.ts +1 -0
  39. package/dist/components/autocompletes/common/autocompleteOption/autocompleteOption.d.ts +13 -0
  40. package/dist/components/autocompletes/common/autocompleteOption/index.d.ts +1 -0
  41. package/dist/components/autocompletes/common/autocompleteOptions.d.ts +19 -0
  42. package/dist/components/autocompletes/common/autocompletePrompt/autocompletePrompt.d.ts +7 -0
  43. package/dist/components/autocompletes/common/autocompletePrompt/index.d.ts +1 -0
  44. package/dist/components/autocompletes/common/index.d.ts +19 -0
  45. package/dist/components/autocompletes/constants.d.ts +2 -0
  46. package/dist/components/autocompletes/index.d.ts +3 -0
  47. package/dist/components/autocompletes/multipleAutocomplete/index.d.ts +17 -0
  48. package/dist/components/autocompletes/multipleAutocomplete/multipleAutocomplete.d.ts +53 -0
  49. package/dist/components/autocompletes/multipleAutocomplete/multipleDownshift.d.ts +25 -0
  50. package/dist/components/autocompletes/multipleAutocomplete/selectedItems/index.d.ts +1 -0
  51. package/dist/components/autocompletes/multipleAutocomplete/selectedItems/selectedItems.d.ts +41 -0
  52. package/dist/components/autocompletes/singleAutocomplete/index.d.ts +1 -0
  53. package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts +42 -0
  54. package/dist/components/autocompletes/types.d.ts +8 -0
  55. package/dist/components/autocompletes/utils.d.ts +5 -0
  56. package/dist/components/{icons/baseIconButton → baseIconButton}/baseIconButton.d.ts +1 -0
  57. package/dist/components/{icons/baseIconButton → baseIconButton}/index.d.ts +1 -0
  58. package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
  59. package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
  60. package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  61. package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
  62. package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
  63. package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
  64. package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
  65. package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
  66. package/dist/components/breadcrumbs/index.d.ts +5 -0
  67. package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
  68. package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
  69. package/dist/components/breadcrumbs/types.d.ts +24 -0
  70. package/dist/components/bubblesLoader/bubblesLoader.d.ts +2 -0
  71. package/dist/components/bubblesLoader/index.d.ts +1 -0
  72. package/dist/components/button/button.d.ts +5 -4
  73. package/dist/components/button/index.d.ts +1 -0
  74. package/dist/components/checkbox/checkbox.d.ts +2 -1
  75. package/dist/components/checkbox/index.d.ts +1 -0
  76. package/dist/components/datePicker/datePicker.d.ts +2 -1
  77. package/dist/components/datePicker/header/datePickerHeader.d.ts +1 -0
  78. package/dist/components/datePicker/header/index.d.ts +1 -0
  79. package/dist/components/datePicker/index.d.ts +3 -1
  80. package/dist/components/datePicker/utils.d.ts +1 -0
  81. package/dist/components/dropdown/constants.d.ts +4 -0
  82. package/dist/components/dropdown/dropdown.d.ts +40 -4
  83. package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
  84. package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
  85. package/dist/components/dropdown/index.d.ts +2 -0
  86. package/dist/components/dropdown/types.d.ts +11 -0
  87. package/dist/components/dropdown/utils.d.ts +6 -2
  88. package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
  89. package/dist/components/fieldLabel/index.d.ts +1 -0
  90. package/dist/components/fieldNumber/constants.d.ts +1 -0
  91. package/dist/components/fieldNumber/fieldNumber.d.ts +3 -3
  92. package/dist/components/fieldNumber/index.d.ts +1 -0
  93. package/dist/components/fieldText/fieldText.d.ts +12 -4
  94. package/dist/components/fieldText/index.d.ts +1 -0
  95. package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +5 -2
  96. package/dist/components/fieldTextFlex/index.d.ts +1 -0
  97. package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts +21 -0
  98. package/dist/components/fileDropArea/attachedFilesList/index.d.ts +5 -0
  99. package/dist/components/fileDropArea/browseButton/browseButton.d.ts +9 -0
  100. package/dist/components/fileDropArea/browseButton/index.d.ts +4 -0
  101. package/dist/components/fileDropArea/constants.d.ts +2 -0
  102. package/dist/components/fileDropArea/dropZone/dropZone.d.ts +10 -0
  103. package/dist/components/fileDropArea/dropZone/index.d.ts +4 -0
  104. package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts +5 -0
  105. package/dist/components/fileDropArea/errorMessage/index.d.ts +4 -0
  106. package/dist/components/fileDropArea/fileDropArea.d.ts +19 -0
  107. package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts +17 -0
  108. package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts +1 -0
  109. package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts +3 -0
  110. package/dist/components/fileDropArea/hooks/index.d.ts +1 -0
  111. package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts +13 -0
  112. package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts +13 -0
  113. package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts +22 -0
  114. package/dist/components/fileDropArea/index.d.ts +6 -0
  115. package/dist/components/fileDropArea/types.d.ts +58 -0
  116. package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts +3 -0
  117. package/dist/components/fileDropArea/utils/index.d.ts +2 -0
  118. package/dist/components/fileDropArea/utils/validateFile.d.ts +3 -0
  119. package/dist/components/filtersButton/filtersButton.d.ts +9 -0
  120. package/dist/components/filtersButton/index.d.ts +2 -0
  121. package/dist/components/icons/index.d.ts +64 -9
  122. package/dist/components/index.d.ts +24 -10
  123. package/dist/components/maxValueDisplay/index.d.ts +4 -0
  124. package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
  125. package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
  126. package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
  127. package/dist/components/modal/index.d.ts +1 -0
  128. package/dist/components/modal/modal.d.ts +4 -4
  129. package/dist/components/modal/modalContent/modalContent.d.ts +3 -2
  130. package/dist/components/modal/modalFooter/modalFooter.d.ts +3 -1
  131. package/dist/components/modal/modalHeader/modalHeader.d.ts +1 -0
  132. package/dist/components/modal/types.d.ts +6 -0
  133. package/dist/components/pagination/index.d.ts +1 -0
  134. package/dist/components/pagination/itemsCounter/itemCounter.d.ts +1 -0
  135. package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
  136. package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
  137. package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
  138. package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +1 -0
  139. package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +1 -0
  140. package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
  141. package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
  142. package/dist/components/pagination/pagination.d.ts +1 -0
  143. package/dist/components/popover/index.d.ts +4 -1
  144. package/dist/components/popover/popover.d.ts +3 -2
  145. package/dist/components/radio/index.d.ts +1 -0
  146. package/dist/components/radio/radio.d.ts +1 -0
  147. package/dist/components/radio/radioGroup.d.ts +1 -0
  148. package/dist/components/selection/index.d.ts +5 -0
  149. package/dist/components/selection/selection.d.ts +12 -0
  150. package/dist/components/selection/types.d.ts +1 -0
  151. package/dist/components/sidePanel/index.d.ts +2 -0
  152. package/dist/components/sidePanel/sidePanel.d.ts +17 -0
  153. package/dist/components/sortable/dragLayer/dragLayer.d.ts +3 -0
  154. package/dist/components/sortable/dragLayer/index.d.ts +1 -0
  155. package/dist/components/sortable/helpers.d.ts +11 -0
  156. package/dist/components/sortable/index.d.ts +3 -0
  157. package/dist/components/sortable/sortableItem/index.d.ts +1 -0
  158. package/dist/components/sortable/sortableItem/sortableItem.d.ts +3 -0
  159. package/dist/components/sortable/sortableList/index.d.ts +1 -0
  160. package/dist/components/sortable/sortableList/sortableList.d.ts +5 -0
  161. package/dist/components/spinLoader/index.d.ts +4 -0
  162. package/dist/components/spinLoader/spinLoader.d.ts +8 -0
  163. package/dist/components/systemAlert/index.d.ts +1 -0
  164. package/dist/components/systemAlert/systemAlert.d.ts +4 -0
  165. package/dist/components/systemAlert/types.d.ts +22 -0
  166. package/dist/components/systemMessage/index.d.ts +1 -0
  167. package/dist/components/systemMessage/systemMessage.d.ts +1 -0
  168. package/dist/components/table/constants.d.ts +5 -0
  169. package/dist/components/table/hooks/index.d.ts +5 -0
  170. package/dist/components/table/hooks/useColumnResize.d.ts +18 -0
  171. package/dist/components/table/hooks/useColumnWidths.d.ts +8 -0
  172. package/dist/components/table/hooks/useTableColumns.d.ts +13 -0
  173. package/dist/components/table/hooks/useTableExpansion.d.ts +15 -0
  174. package/dist/components/table/hooks/useTableHover.d.ts +10 -0
  175. package/dist/components/table/index.d.ts +2 -0
  176. package/dist/components/table/resizeHandle/index.d.ts +1 -0
  177. package/dist/components/table/resizeHandle/resizeHandle.d.ts +2 -0
  178. package/dist/components/table/table.d.ts +1 -0
  179. package/dist/components/table/types.d.ts +33 -9
  180. package/dist/components/table/utils.d.ts +10 -1
  181. package/dist/components/themeProvider/index.d.ts +1 -0
  182. package/dist/components/themeProvider/themeProvider.d.ts +1 -0
  183. package/dist/components/toggle/index.d.ts +1 -0
  184. package/dist/components/toggle/toggle.d.ts +1 -0
  185. package/dist/components/tooltip/tooltip.d.ts +12 -2
  186. package/dist/datePicker-eff1b603.js +194 -0
  187. package/dist/datePicker.js +35 -0
  188. package/dist/dropdown-0260bb66.js +5 -0
  189. package/dist/dropdown-f5f56c8e.js +638 -0
  190. package/dist/dropdown.js +16 -3
  191. package/dist/fieldLabel.js +18 -0
  192. package/dist/fieldNumber-d1b5a7a1.js +140 -0
  193. package/dist/fieldNumber.js +5 -2
  194. package/dist/fieldText-1749da7a.js +167 -0
  195. package/dist/fieldText.js +7 -2
  196. package/dist/fieldTextFlex-2f51c173.js +80 -0
  197. package/dist/fieldTextFlex.js +3 -1
  198. package/dist/fileDropArea.js +325 -0
  199. package/dist/filterOutline-819b4b0d.js +6 -0
  200. package/dist/filtersButton.js +25 -0
  201. package/dist/floatingUi-41f8c7b5.js +29 -0
  202. package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
  203. package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
  204. package/dist/icons.js +86 -0
  205. package/dist/index-1a874a8b.js +110 -0
  206. package/dist/index.js +162 -241
  207. package/dist/isEmpty-ccacb5ff.js +38 -0
  208. package/dist/maxValueDisplay-9be01a75.js +13 -0
  209. package/dist/maxValueDisplay.js +6 -0
  210. package/dist/minus-2857540f.js +5 -0
  211. package/dist/modal.js +200 -14
  212. package/dist/openEye-950159cb.js +6 -0
  213. package/dist/pagination-a3dee614.js +347 -0
  214. package/dist/pagination.js +12 -5
  215. package/dist/plus-199fb2a8.js +5 -0
  216. package/dist/popover.js +58 -73
  217. package/dist/prevPage-87faf576.js +6 -0
  218. package/dist/radio-62546efa.js +76 -0
  219. package/dist/radio.js +1 -1
  220. package/dist/resizeColumn-d4107941.js +8 -0
  221. package/dist/selection-9124d029.js +38 -0
  222. package/dist/selection.js +10 -0
  223. package/dist/sidePanel.js +88 -0
  224. package/dist/sortable.js +214 -0
  225. package/dist/spinLoader-c4a53718.js +11 -0
  226. package/dist/spinLoader.js +7 -0
  227. package/dist/style.css +1 -1
  228. package/dist/success-8fd8bd2c.js +7 -0
  229. package/dist/systemAlert.js +69 -0
  230. package/dist/systemMessage-924fdaa6.js +30 -0
  231. package/dist/systemMessage.js +1 -1
  232. package/dist/table-82d5455c.js +597 -0
  233. package/dist/table.js +9 -3
  234. package/dist/toggle-304107fa.js +59 -0
  235. package/dist/toggle.js +1 -1
  236. package/dist/tooltip.js +89 -56
  237. package/dist/tree-c3dd3d45.js +6 -0
  238. package/dist/xls-995781cc.js +11 -0
  239. package/package.json +49 -16
  240. package/dist/baseIconButton-7bc53dec.js +0 -25
  241. package/dist/bubblesLoader-a7e709d4.js +0 -17
  242. package/dist/button-7fb84fde.js +0 -62
  243. package/dist/checkbox-6777be17.js +0 -73
  244. package/dist/dropdown-bbfa828e.js +0 -213
  245. package/dist/fieldNumber-46fe79b9.js +0 -127
  246. package/dist/fieldText-d80b29ba.js +0 -102
  247. package/dist/fieldTextFlex-5bddf46a.js +0 -67
  248. package/dist/index-0be12e80.js +0 -145
  249. package/dist/pagination-5449cd03.js +0 -346
  250. package/dist/radio-fd49a09c.js +0 -76
  251. package/dist/systemMessage-1ced6079.js +0 -30
  252. package/dist/table-83e050dc.js +0 -147
  253. package/dist/toggle-9284387b.js +0 -67
  254. package/dist/useOnClickOutside-c332f7d3.js +0 -16
@@ -0,0 +1,638 @@
1
+ import { jsxs as R, jsx as u, Fragment as Ve } from "react/jsx-runtime";
2
+ import { forwardRef as mr, useState as ne, useRef as K, useMemo as E, useCallback as N, useLayoutEffect as Se, useEffect as V } from "react";
3
+ import { createPortal as wr } from "react-dom";
4
+ import { c as Me } from "./bind-06a7ff84.js";
5
+ import { useFloating as yr, offset as Er, flip as Cr, size as Or, autoUpdate as vr } from "@floating-ui/react-dom";
6
+ import { useSelect as _e } from "downshift";
7
+ import { Scrollbars as Ar } from "rc-scrollbars";
8
+ import { K as p } from "./keyCodes-f63c0e11.js";
9
+ import { B as Dr } from "./baseIconButton-251479f7.js";
10
+ import { S as Nr } from "./clear-53660571.js";
11
+ import { S as br } from "./dropdown-0260bb66.js";
12
+ import { Tooltip as Ir } from "./tooltip.js";
13
+ import { FieldLabel as Kr } from "./fieldLabel.js";
14
+ import { AdaptiveTagList as Lr } from "./adaptiveTagList.js";
15
+ import { C as Tr } from "./checkbox-ed6cc375.js";
16
+ import { i as se } from "./isEmpty-ccacb5ff.js";
17
+ const kr = "_disabled_14s7v_12", xr = "_hidden_14s7v_16", Rr = "_hover_14s7v_22", Yr = "_selected_14s7v_38", Pr = {
18
+ "dropdown-option": "_dropdown-option_14s7v_1",
19
+ disabled: kr,
20
+ hidden: xr,
21
+ hover: Rr,
22
+ "depth-1": "_depth-1_14s7v_32",
23
+ selected: Yr,
24
+ "multi-select": "_multi-select_14s7v_38",
25
+ "single-option": "_single-option_14s7v_43",
26
+ "sub-option": "_sub-option_14s7v_50"
27
+ }, He = Me.bind(Pr), We = mr(
28
+ (n, t) => {
29
+ const {
30
+ option: { value: d, disabled: l, hidden: _, label: g, title: C, groupRef: O },
31
+ selected: F,
32
+ onChange: H,
33
+ render: U,
34
+ highlightHovered: B,
35
+ onMouseEnter: ae,
36
+ multiSelect: b,
37
+ isPartiallyChecked: q = !1,
38
+ depth: j = 0,
39
+ hasChildren: oe = !1
40
+ } = n, le = (G) => {
41
+ (G.target instanceof HTMLDivElement || G.target instanceof HTMLInputElement) && (H == null || H(d));
42
+ };
43
+ return /* @__PURE__ */ R(
44
+ "div",
45
+ {
46
+ className: He("dropdown-option", {
47
+ selected: F,
48
+ disabled: l,
49
+ hidden: _,
50
+ hover: B,
51
+ "multi-select": b,
52
+ "has-children": oe,
53
+ [`depth-${j}`]: j > 0
54
+ }),
55
+ title: C,
56
+ onClick: le,
57
+ ref: t,
58
+ onMouseEnter: ae,
59
+ children: [
60
+ b && /* @__PURE__ */ u(Tr, { value: !!F, partiallyChecked: q }),
61
+ /* @__PURE__ */ u(
62
+ "div",
63
+ {
64
+ className: He("single-option", {
65
+ "sub-option": !!O
66
+ }),
67
+ children: U ? U(n) : g
68
+ }
69
+ )
70
+ ]
71
+ }
72
+ );
73
+ }
74
+ ), Vr = [
75
+ p.ENTER_KEY_CODE,
76
+ p.SPACE_KEY_CODE,
77
+ p.ARROW_DOWN_KEY_CODE
78
+ ], Sr = [p.ESCAPE_KEY_CODE, p.TAB_KEY_CODE];
79
+ var S = /* @__PURE__ */ ((n) => (n.ON_KEY_DOWN = "onKeyDown", n.ON_CLICK = "onClick", n))(S || {});
80
+ const Hr = 240, Wr = "data-dropdown-portal-menu", Mr = 10, $r = (n, t) => {
81
+ const d = Array.isArray(t) ? t : [t];
82
+ return n.findIndex(({ value: l }) => d.includes(l));
83
+ }, zr = (n, t) => (n % t + t) % t, ge = (n, t = 0, d = 1) => {
84
+ var _;
85
+ if (n.length === 0)
86
+ return 0;
87
+ if (!((_ = n[t]) != null && _.disabled))
88
+ return t;
89
+ const l = n.length;
90
+ return ge(
91
+ n,
92
+ zr(t + d, l),
93
+ d
94
+ );
95
+ }, Fr = (n, t) => ge(n, t), Ur = (n, t) => ge(n, t, -1), $e = (n, t = 0, d) => !n || n.length === 0 ? [] : n.reduce((l, _) => {
96
+ var g;
97
+ return _ && (l.push({ option: _, depth: t, parent: d }), (g = _.children) != null && g.length && l.push(...$e(_.children, t + 1, _))), l;
98
+ }, []), ze = (n) => !n || n.length === 0 ? [] : n.reduce((t, d) => {
99
+ var l;
100
+ return d && ((l = d.children) != null && l.length ? t.push(...ze(d.children)) : t.push(d)), t;
101
+ }, []), Fe = (n) => {
102
+ var t;
103
+ return n ? (t = n.children) != null && t.length ? n.children.reduce((d, l) => (l && d.push(...Fe(l)), d), []) : [n.value] : [];
104
+ }, Br = "_container_13pg9_1", qr = "_icon_13pg9_7", jr = "_arrow_13pg9_15", Gr = "_dropdown_13pg9_33", Xr = "_disabled_13pg9_53", Jr = "_value_13pg9_60", Qr = "_error_13pg9_63", Zr = "_touched_13pg9_63", et = "_opened_13pg9_67", rt = "_placeholder_13pg9_102", tt = "_ghost_13pg9_190", nt = "_divider_13pg9_211", st = {
105
+ container: Br,
106
+ icon: qr,
107
+ arrow: jr,
108
+ "clear-button": "_clear-button_13pg9_23",
109
+ dropdown: Gr,
110
+ "multi-select-with-tags": "_multi-select-with-tags_13pg9_47",
111
+ "transparent-background": "_transparent-background_13pg9_50",
112
+ disabled: Xr,
113
+ value: Jr,
114
+ error: Qr,
115
+ touched: Zr,
116
+ opened: et,
117
+ placeholder: rt,
118
+ "mobile-disabled": "_mobile-disabled_13pg9_106",
119
+ "value-wrapper": "_value-wrapper_13pg9_111",
120
+ "tags-wrapper": "_tags-wrapper_13pg9_117",
121
+ "with-search": "_with-search_13pg9_122",
122
+ "search-input": "_search-input_13pg9_129",
123
+ "value-tooltip": "_value-tooltip_13pg9_147",
124
+ "select-list": "_select-list_13pg9_152",
125
+ "limited-width": "_limited-width_13pg9_169",
126
+ "options-container": "_options-container_13pg9_173",
127
+ "empty-list-message": "_empty-list-message_13pg9_178",
128
+ ghost: tt,
129
+ divider: nt
130
+ }, h = Me.bind(st), Ot = ({
131
+ multiSelect: n = !1,
132
+ value: t = n ? [] : "",
133
+ options: d = [],
134
+ disabled: l = !1,
135
+ error: _,
136
+ onChange: g,
137
+ onFocus: C,
138
+ onBlur: O,
139
+ mobileDisabled: F,
140
+ title: H,
141
+ touched: U = !1,
142
+ icon: B,
143
+ variant: ae,
144
+ placeholder: b = "",
145
+ label: q = "",
146
+ renderOption: j,
147
+ transparentBackground: oe = !1,
148
+ className: le,
149
+ toggleButtonClassName: G,
150
+ selectListClassName: Ue,
151
+ isListWidthLimited: Be = !1,
152
+ optionAll: ce = { value: "all", label: "All" },
153
+ isOptionAllVisible: me = !1,
154
+ onSelectAll: qe = () => {
155
+ },
156
+ formatDisplayedValue: we,
157
+ notScrollable: W = !1,
158
+ footer: X,
159
+ includeGroupValue: ye = !1,
160
+ clearable: je = !1,
161
+ onClear: Ee = () => {
162
+ },
163
+ clearButtonAriaLabel: Ge = "Clear selection",
164
+ tooltipPortalRoot: Xe,
165
+ tooltipZIndex: Je,
166
+ menuPortalRoot: m,
167
+ isMultiSelectWithTags: v = !1,
168
+ noMatchesMessage: Qe = "No matches found"
169
+ }) => {
170
+ const [c, J] = ne(!1), [I, Ce] = ne(""), Oe = K(null), ve = K(null), M = K(null), ie = K(0), de = K(null), ue = K(null), fe = K(""), [Ze, Ae] = ne(!1), [er, Q] = ne(null), L = K(null), $ = E(() => $e(d), [d]), T = E(() => {
171
+ if (!v || !I.trim())
172
+ return $;
173
+ const e = I.toLowerCase();
174
+ return $.filter(
175
+ ({ option: r }) => r.label.toLowerCase().includes(e)
176
+ );
177
+ }, [$, I, v]), w = E(
178
+ () => T.map(({ option: e }) => e),
179
+ [T]
180
+ ), De = E(
181
+ () => $.map(({ option: e }) => e),
182
+ [$]
183
+ ), Z = E(() => T.filter(({ option: e }) => {
184
+ var r;
185
+ return (r = e.children) == null ? void 0 : r.length;
186
+ }).map(({ option: e }) => e), [T]), Ne = E(() => ze(d), [d]), A = E(
187
+ () => Ne.map(({ value: e }) => e),
188
+ [Ne]
189
+ ), ee = E(() => {
190
+ const e = /* @__PURE__ */ new Map();
191
+ return Z.forEach((r) => {
192
+ e.set(r.value, Fe(r));
193
+ }), e;
194
+ }, [Z]), z = N(
195
+ (e) => (Z.forEach((r) => {
196
+ const s = ee.get(r.value) ?? [], o = s.length > 0 && s.every((i) => e.has(i));
197
+ ye && o ? e.add(r.value) : e.delete(r.value);
198
+ }), e),
199
+ [Z, ye, ee]
200
+ ), k = E(() => !n || !Array.isArray(t) ? /* @__PURE__ */ new Set() : z(new Set(t)), [n, t, z]), be = n ? Array.isArray(t) && t.length > 0 : t || t === !1 || t === 0, rr = je && be && !l, tr = N((e) => {
201
+ ie.current = e.scrollTop;
202
+ }, []);
203
+ Se(() => {
204
+ c && !W && M.current && !(n && L.current !== null) && M.current.scrollTop(ie.current);
205
+ }, [c, W, t, n]);
206
+ const { refs: Y, floatingStyles: Ie } = yr({
207
+ placement: "bottom-start",
208
+ middleware: [
209
+ Er(5),
210
+ Cr({
211
+ fallbackPlacements: ["bottom-start", "top-start", "bottom", "top"],
212
+ ...m && {
213
+ boundary: document.documentElement,
214
+ rootBoundary: "viewport"
215
+ }
216
+ }),
217
+ m ? Or({
218
+ apply({ rects: e, elements: r }) {
219
+ const s = e.reference.width;
220
+ Object.assign(r.floating.style, {
221
+ width: `${s}px`,
222
+ minWidth: `${s}px`,
223
+ maxWidth: `${s}px`
224
+ });
225
+ }
226
+ }) : null
227
+ ].filter(Boolean),
228
+ whileElementsMounted: c ? (e, r, s) => vr(e, r, s, {
229
+ animationFrame: !0
230
+ }) : void 0
231
+ }), nr = () => {
232
+ if (!me)
233
+ return;
234
+ const e = Array.isArray(t) ? t : [], r = new Set(e), s = A.some((i) => !r.has(i));
235
+ A.forEach((i) => {
236
+ s ? r.add(i) : r.delete(i);
237
+ });
238
+ const o = z(r);
239
+ g(Array.from(o)), qe();
240
+ }, re = N(() => {
241
+ c || (J(!0), C == null || C());
242
+ }, [c, C]), y = N(() => {
243
+ J(!1), Ce(""), fe.current = "", O == null || O();
244
+ }, [O]), he = N(() => {
245
+ if (l)
246
+ return;
247
+ g(n ? [] : ""), Ee(), y(), requestAnimationFrame(() => {
248
+ const r = Y.reference.current;
249
+ r && r instanceof HTMLElement && r.focus();
250
+ });
251
+ }, [l, n, g, Ee, y, Y]), sr = N(
252
+ (e) => {
253
+ e.preventDefault(), e.stopPropagation(), he();
254
+ },
255
+ [he]
256
+ ), Ke = N(
257
+ (e) => {
258
+ var i, a;
259
+ if (!c)
260
+ return;
261
+ const r = e == null ? void 0 : e.target;
262
+ if (!r)
263
+ return;
264
+ const s = (i = Oe.current) == null ? void 0 : i.contains(r), o = (a = ve.current) == null ? void 0 : a.contains(r);
265
+ !s && !o && y();
266
+ },
267
+ [c, y]
268
+ );
269
+ V(() => {
270
+ if (!c)
271
+ return;
272
+ const e = (r) => {
273
+ Ke(r);
274
+ };
275
+ return document.addEventListener("pointerdown", e), () => {
276
+ document.removeEventListener("pointerdown", e);
277
+ };
278
+ }, [c, Ke]);
279
+ const Le = (e) => {
280
+ var r;
281
+ if (!e.disabled) {
282
+ if (n) {
283
+ const s = Array.isArray(t) ? t : [], o = new Set(s);
284
+ if ((r = e.children) != null && r.length) {
285
+ const a = ee.get(e.value) ?? [], f = a.some((D) => !o.has(D));
286
+ a.forEach((D) => {
287
+ f ? o.add(D) : o.delete(D);
288
+ });
289
+ } else
290
+ o.has(e.value) ? o.delete(e.value) : o.add(e.value);
291
+ const i = z(o);
292
+ g(Array.from(i));
293
+ } else
294
+ g(e.value);
295
+ J((s) => n || !s);
296
+ }
297
+ }, ar = () => w.find(({ value: e }) => e === t), Te = $r(w, t), {
298
+ getToggleButtonProps: or,
299
+ getLabelProps: lr,
300
+ getMenuProps: ke,
301
+ getItemProps: cr,
302
+ setHighlightedIndex: x,
303
+ highlightedIndex: pe
304
+ } = _e({
305
+ items: w,
306
+ itemToString: (e) => (e != null && e.label ? String(e.label) : b) || "",
307
+ selectedItem: ar(),
308
+ isOpen: c,
309
+ circularNavigation: !0,
310
+ defaultHighlightedIndex: Te,
311
+ onHighlightedIndexChange: (e) => {
312
+ switch (e.type) {
313
+ case _e.stateChangeTypes.MenuKeyDownArrowUp:
314
+ return Q(S.ON_KEY_DOWN), x(Ur(w, e.highlightedIndex)), e;
315
+ case _e.stateChangeTypes.MenuKeyDownArrowDown:
316
+ return Q(S.ON_KEY_DOWN), x(Fr(w, e.highlightedIndex)), e;
317
+ default:
318
+ return e;
319
+ }
320
+ }
321
+ }), xe = N(
322
+ (e) => {
323
+ ve.current = e, Y.setFloating(e);
324
+ },
325
+ [Y]
326
+ ), ir = N(
327
+ (e = {}) => {
328
+ const r = ke(e), s = r.ref;
329
+ return {
330
+ ...r,
331
+ ref: (o) => {
332
+ xe(o), typeof s == "function" ? s(o) : s && (s.current = o);
333
+ }
334
+ };
335
+ },
336
+ [ke, xe]
337
+ );
338
+ V(() => {
339
+ n && c && L.current !== null && L.current >= 0 && L.current < w.length && (x(L.current), L.current = null, requestAnimationFrame(() => {
340
+ M.current && !W && M.current.scrollTop(ie.current);
341
+ }));
342
+ }, [n, c, t, w.length, x, W]), V(() => {
343
+ c && v && requestAnimationFrame(() => {
344
+ var e;
345
+ (e = ue.current) == null || e.focus();
346
+ });
347
+ }, [c, v]), V(() => {
348
+ v && c && I !== fe.current && (fe.current = I, I && x(0));
349
+ }, [I, v, c]), Se(() => {
350
+ if (!c || !m)
351
+ return;
352
+ let e = window.scrollY, r = !0;
353
+ const s = 300, o = () => {
354
+ if (!r)
355
+ return;
356
+ window.scrollY !== e && window.scrollTo(0, e);
357
+ }, i = (f) => {
358
+ r && (f.preventDefault(), f.stopImmediatePropagation(), o());
359
+ };
360
+ e = window.scrollY, window.addEventListener("scroll", i, { passive: !1, capture: !0 }), requestAnimationFrame(() => {
361
+ e = window.scrollY, o();
362
+ });
363
+ const a = setTimeout(() => {
364
+ r = !1;
365
+ }, s);
366
+ return () => {
367
+ clearTimeout(a), window.removeEventListener("scroll", i, { capture: !0 });
368
+ };
369
+ }, [c, m]), V(() => {
370
+ if (!c || !m)
371
+ return;
372
+ const e = () => {
373
+ y();
374
+ };
375
+ return window.addEventListener("resize", e), () => {
376
+ window.removeEventListener("resize", e);
377
+ };
378
+ }, [c, m, y]);
379
+ const Re = () => {
380
+ l || (J((e) => !e), c ? O == null || O() : C == null || C(), Q(S.ON_CLICK));
381
+ }, te = E(() => {
382
+ if (n && Array.isArray(t) && A.length > 0 && A.every((r) => k.has(r)))
383
+ return ce.label;
384
+ const e = w.reduce((r, s) => ((Array.isArray(t) && t.includes(s.value) || s.value === t) && r.push(s.label), r), []);
385
+ if (e.length > 0)
386
+ return e.join(", ");
387
+ if (!t && t !== !1 && t !== 0 || Array.isArray(t) && !t.length)
388
+ return b;
389
+ }, [
390
+ n,
391
+ t,
392
+ A,
393
+ k,
394
+ ce.label,
395
+ w,
396
+ b
397
+ ]);
398
+ V(() => {
399
+ if (de.current) {
400
+ const { offsetWidth: e, scrollWidth: r } = de.current;
401
+ Ae(r > e);
402
+ } else
403
+ Ae(!1);
404
+ }, [te]);
405
+ const dr = (e) => {
406
+ const { keyCode: r } = e;
407
+ Vr.includes(r) && e.target === e.currentTarget && (e.preventDefault(), e.stopPropagation(), !c && (x(Te), re(), Q(S.ON_KEY_DOWN)));
408
+ }, ur = (e) => {
409
+ const { keyCode: r } = e;
410
+ if (r === p.ENTER_KEY_CODE || r === p.SPACE_KEY_CODE) {
411
+ const s = w[pe];
412
+ if (!s)
413
+ return;
414
+ n && (L.current = pe), Le(s), n || y();
415
+ return;
416
+ }
417
+ Sr.includes(r) && (e.stopPropagation(), y());
418
+ }, Ye = () => /* @__PURE__ */ R("div", { className: h("options-container"), children: [
419
+ n && me && !se(T) && /* @__PURE__ */ R(Ve, { children: [
420
+ /* @__PURE__ */ u(
421
+ We,
422
+ {
423
+ option: ce,
424
+ selected: Array.isArray(t) && A.length > 0 && A.every((e) => k.has(e)),
425
+ onChange: nr,
426
+ multiSelect: n,
427
+ isPartiallyChecked: A.some((e) => k.has(e)) && !A.every((e) => k.has(e))
428
+ }
429
+ ),
430
+ /* @__PURE__ */ u("div", { className: h("divider") }),
431
+ " "
432
+ ] }),
433
+ se(T) ? /* @__PURE__ */ u("div", { className: h("empty-list-message"), children: Qe }) : T.map(({ option: e, depth: r }, s) => {
434
+ var f, D;
435
+ const o = ee.get(e.value) ?? [e.value], i = n && o.every((P) => k.has(P)), a = n && ((f = e.children) == null ? void 0 : f.length) && o.some((P) => k.has(P)) && !i;
436
+ return /* @__PURE__ */ u(
437
+ We,
438
+ {
439
+ ...cr({
440
+ item: e,
441
+ index: s
442
+ }),
443
+ multiSelect: n,
444
+ selected: n ? i : e.value === t,
445
+ option: { title: e.label, ...e },
446
+ highlightHovered: pe === s && er !== S.ON_CLICK,
447
+ render: j,
448
+ onChange: e.disabled ? null : () => Le(e),
449
+ onMouseEnter: () => x(s),
450
+ depth: r,
451
+ hasChildren: !!((D = e.children) != null && D.length),
452
+ isPartiallyChecked: a
453
+ },
454
+ e.value
455
+ );
456
+ }),
457
+ X && /* @__PURE__ */ R(Ve, { children: [
458
+ /* @__PURE__ */ u("div", { className: h("divider") }),
459
+ typeof X == "function" ? X(y) : X
460
+ ] })
461
+ ] }), fr = () => {
462
+ const e = De.reduce((a, f) => (Array.isArray(t) && t.includes(f.value) && a.push(f.label), a), []), r = (a) => {
463
+ const f = De.find(
464
+ ({ label: gr }) => gr === a
465
+ );
466
+ if (!f)
467
+ return;
468
+ const D = Array.isArray(t) ? t : [], P = new Set(D);
469
+ P.delete(f.value);
470
+ const _r = z(P);
471
+ g(Array.from(_r));
472
+ }, s = (a) => {
473
+ const f = a.target;
474
+ Ce(f.value), c || (re(), requestAnimationFrame(() => {
475
+ f.focus();
476
+ }));
477
+ }, o = (a) => {
478
+ if (a.keyCode === p.ESCAPE_KEY_CODE) {
479
+ a.stopPropagation(), y();
480
+ return;
481
+ }
482
+ a.keyCode === p.ENTER_KEY_CODE || a.keyCode === p.SPACE_KEY_CODE || (a.keyCode === p.ARROW_DOWN_KEY_CODE || a.keyCode === p.ARROW_UP_KEY_CODE) && (a.preventDefault(), re());
483
+ }, i = /* @__PURE__ */ u(
484
+ "input",
485
+ {
486
+ ref: ue,
487
+ type: "text",
488
+ className: h("search-input"),
489
+ value: I,
490
+ onChange: s,
491
+ onKeyDown: o,
492
+ onClick: (a) => {
493
+ a.stopPropagation(), re();
494
+ },
495
+ placeholder: se(e) ? b : "",
496
+ autoComplete: "off"
497
+ }
498
+ );
499
+ return se(e) ? /* @__PURE__ */ u("div", { className: h("tags-wrapper", "with-search"), children: i }) : /* @__PURE__ */ R("div", { className: h("tags-wrapper", "with-search"), children: [
500
+ /* @__PURE__ */ u(
501
+ Lr,
502
+ {
503
+ tags: e,
504
+ onRemoveTag: r,
505
+ isShowAllView: !0,
506
+ defaultVisibleLines: Mr
507
+ }
508
+ ),
509
+ i
510
+ ] });
511
+ }, hr = () => {
512
+ if (v && n && Array.isArray(t))
513
+ return fr();
514
+ const e = we ? we(te) : te, r = /* @__PURE__ */ u(
515
+ "span",
516
+ {
517
+ ref: de,
518
+ className: h("value", {
519
+ placeholder: te === b
520
+ }),
521
+ children: e
522
+ }
523
+ );
524
+ return be && !!e && Ze ? /* @__PURE__ */ u(
525
+ Ir,
526
+ {
527
+ content: e,
528
+ placement: "top",
529
+ wrapperClassName: h("value-tooltip"),
530
+ portalRoot: Xe,
531
+ zIndex: Je,
532
+ children: r
533
+ }
534
+ ) : r;
535
+ }, pr = or({
536
+ className: h("dropdown", ae, G, {
537
+ "transparent-background": oe,
538
+ opened: c,
539
+ disabled: l,
540
+ error: _,
541
+ touched: U,
542
+ "mobile-disabled": F,
543
+ "multi-select-with-tags": v
544
+ }),
545
+ onClick: Re,
546
+ onKeyDown: dr,
547
+ ref: Y.setReference
548
+ }), { type: at, ...Pe } = pr;
549
+ return /* @__PURE__ */ R("div", { ref: Oe, className: h("container", le), title: H, children: [
550
+ q && /* @__PURE__ */ u(
551
+ Kr,
552
+ {
553
+ ...lr(),
554
+ onClick: () => !l && Re(),
555
+ style: { cursor: l ? "default" : "pointer" },
556
+ children: q
557
+ }
558
+ ),
559
+ /* @__PURE__ */ R(
560
+ "div",
561
+ {
562
+ ...Pe,
563
+ role: "button",
564
+ "aria-disabled": l,
565
+ tabIndex: l ? -1 : Pe.tabIndex ?? 0,
566
+ children: [
567
+ B && /* @__PURE__ */ u("span", { className: h("icon"), children: B }),
568
+ /* @__PURE__ */ u("div", { className: h("value-wrapper"), children: hr() }),
569
+ rr && /* @__PURE__ */ u(
570
+ Dr,
571
+ {
572
+ className: h("clear-button"),
573
+ onClick: sr,
574
+ onKeyDown: (e) => {
575
+ const { keyCode: r } = e;
576
+ (r === p.ENTER_KEY_CODE || r === p.SPACE_KEY_CODE) && (e.preventDefault(), e.stopPropagation(), he());
577
+ },
578
+ "aria-label": Ge,
579
+ children: /* @__PURE__ */ u(Nr, {})
580
+ }
581
+ ),
582
+ /* @__PURE__ */ u("span", { className: h("arrow"), "aria-hidden": "true", children: /* @__PURE__ */ u(br, {}) })
583
+ ]
584
+ }
585
+ ),
586
+ c && (() => {
587
+ var o;
588
+ const e = (o = Y.reference.current) == null ? void 0 : o.getBoundingClientRect().width, r = m && e ? {
589
+ ...Ie,
590
+ width: `${e}px`,
591
+ minWidth: `${e}px`,
592
+ maxWidth: `${e}px`
593
+ } : Ie, s = /* @__PURE__ */ u(
594
+ "div",
595
+ {
596
+ style: r,
597
+ className: h(
598
+ "select-list",
599
+ {
600
+ opened: c,
601
+ "limited-width": Be
602
+ },
603
+ Ue
604
+ ),
605
+ ...m && { [Wr]: "" },
606
+ ...ir({
607
+ onKeyDown: ur,
608
+ ...v && {
609
+ tabIndex: -1,
610
+ onFocus: (i) => {
611
+ var a;
612
+ i.preventDefault(), (a = ue.current) == null || a.focus();
613
+ }
614
+ }
615
+ }),
616
+ children: W ? Ye() : /* @__PURE__ */ u(
617
+ Ar,
618
+ {
619
+ autoHeight: !0,
620
+ autoHeightMax: Hr,
621
+ hideTracksWhenNotNeeded: !0,
622
+ ref: (i) => {
623
+ M.current = i;
624
+ },
625
+ onScrollFrame: tr,
626
+ children: Ye()
627
+ }
628
+ )
629
+ }
630
+ );
631
+ return m ? wr(s, m) : s;
632
+ })()
633
+ ] });
634
+ };
635
+ export {
636
+ Ot as D,
637
+ Wr as a
638
+ };
package/dist/dropdown.js CHANGED
@@ -1,14 +1,27 @@
1
- import { D as r } from "./dropdown-bbfa828e.js";
1
+ import { D as r } from "./dropdown-f5f56c8e.js";
2
+ import { a as E } from "./dropdown-f5f56c8e.js";
2
3
  import "react/jsx-runtime";
3
4
  import "react";
5
+ import "react-dom";
4
6
  import "./bind-06a7ff84.js";
5
7
  import "@floating-ui/react-dom";
6
8
  import "downshift";
7
9
  import "rc-scrollbars";
8
- import "./useOnClickOutside-c332f7d3.js";
9
10
  import "./keyCodes-f63c0e11.js";
10
- import "./baseIconButton-7bc53dec.js";
11
+ import "./baseIconButton-251479f7.js";
12
+ import "./clear-53660571.js";
13
+ import "./dropdown-0260bb66.js";
14
+ import "./tooltip.js";
15
+ import "@floating-ui/react";
16
+ import "./floatingUi-41f8c7b5.js";
17
+ import "./fieldLabel.js";
18
+ import "./adaptiveTagList.js";
19
+ import "./button-97d9e587.js";
20
+ import "./close-4d480ef7.js";
21
+ import "./isEmpty-ccacb5ff.js";
22
+ import "./checkbox-ed6cc375.js";
11
23
  export {
24
+ E as DROPDOWN_PORTAL_MENU_ATTR,
12
25
  r as Dropdown,
13
26
  r as default
14
27
  };
@@ -0,0 +1,18 @@
1
+ import { jsxs as r, jsx as d } from "react/jsx-runtime";
2
+ import { c as t } from "./bind-06a7ff84.js";
3
+ const c = "_asterisk_1rhlz_11", o = "_disabled_1rhlz_17", b = {
4
+ "field-label": "_field-label_1rhlz_1",
5
+ asterisk: c,
6
+ disabled: o
7
+ }, s = t.bind(b), m = ({
8
+ children: l,
9
+ isRequired: e = !1,
10
+ className: a,
11
+ ...i
12
+ }) => /* @__PURE__ */ r("label", { className: s("field-label", a), ...i, children: [
13
+ l,
14
+ e && /* @__PURE__ */ d("span", { className: s("asterisk"), children: "*" })
15
+ ] });
16
+ export {
17
+ m as FieldLabel
18
+ };