@reportportal/ui-kit 0.0.1-alpha.14 → 0.0.1-alpha.140

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 (250) 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 +779 -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/chevronDownDropdown-66f5b1af.js +7 -0
  17. package/dist/clear-53660571.js +5 -0
  18. package/dist/close-4d480ef7.js +5 -0
  19. package/dist/common/constants/floatingUi.d.ts +8 -0
  20. package/dist/common/constants/sortable.d.ts +1 -0
  21. package/dist/common/hooks/index.d.ts +1 -0
  22. package/dist/common/hooks/useOnClickOutside.d.ts +5 -1
  23. package/dist/common/hooks/useSortable.d.ts +3 -0
  24. package/dist/common/types/commonTypes.d.ts +4 -0
  25. package/dist/common/types/index.d.ts +2 -0
  26. package/dist/common/types/sortableTypes.d.ts +69 -0
  27. package/dist/common/utils/floatingUi.d.ts +3 -0
  28. package/dist/common/utils/getFileExtension.d.ts +1 -0
  29. package/dist/common/utils/index.d.ts +3 -0
  30. package/dist/common/utils/isString.d.ts +1 -0
  31. package/dist/common/utils/testUtils.d.ts +3 -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 +38 -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 +63 -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 +2 -0
  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 +4 -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 +4 -0
  170. package/dist/components/table/hooks/useColumnWidths.d.ts +8 -0
  171. package/dist/components/table/hooks/useTableColumns.d.ts +13 -0
  172. package/dist/components/table/hooks/useTableExpansion.d.ts +15 -0
  173. package/dist/components/table/hooks/useTableHover.d.ts +10 -0
  174. package/dist/components/table/index.d.ts +2 -0
  175. package/dist/components/table/table.d.ts +1 -0
  176. package/dist/components/table/types.d.ts +28 -9
  177. package/dist/components/table/utils.d.ts +10 -1
  178. package/dist/components/themeProvider/index.d.ts +1 -0
  179. package/dist/components/themeProvider/themeProvider.d.ts +1 -0
  180. package/dist/components/toggle/index.d.ts +1 -0
  181. package/dist/components/toggle/toggle.d.ts +1 -0
  182. package/dist/components/tooltip/tooltip.d.ts +12 -2
  183. package/dist/datePicker-f8e0df24.js +194 -0
  184. package/dist/datePicker.js +35 -0
  185. package/dist/dropdown-0260bb66.js +5 -0
  186. package/dist/dropdown-893c692c.js +634 -0
  187. package/dist/dropdown.js +16 -3
  188. package/dist/fieldLabel.js +18 -0
  189. package/dist/fieldNumber-d1b5a7a1.js +140 -0
  190. package/dist/fieldNumber.js +5 -2
  191. package/dist/fieldText-1749da7a.js +167 -0
  192. package/dist/fieldText.js +7 -2
  193. package/dist/fieldTextFlex-2f51c173.js +80 -0
  194. package/dist/fieldTextFlex.js +3 -1
  195. package/dist/fileDropArea.js +325 -0
  196. package/dist/filterOutline-819b4b0d.js +6 -0
  197. package/dist/filtersButton.js +25 -0
  198. package/dist/floatingUi-41f8c7b5.js +29 -0
  199. package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
  200. package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
  201. package/dist/icons.js +85 -0
  202. package/dist/index-1a874a8b.js +110 -0
  203. package/dist/index.js +158 -240
  204. package/dist/isEmpty-ccacb5ff.js +38 -0
  205. package/dist/maxValueDisplay-9be01a75.js +13 -0
  206. package/dist/maxValueDisplay.js +6 -0
  207. package/dist/minus-2857540f.js +5 -0
  208. package/dist/modal.js +192 -14
  209. package/dist/openEye-950159cb.js +6 -0
  210. package/dist/pagination-a3dee614.js +347 -0
  211. package/dist/pagination.js +12 -5
  212. package/dist/plus-199fb2a8.js +5 -0
  213. package/dist/popover.js +58 -73
  214. package/dist/prevPage-87faf576.js +6 -0
  215. package/dist/radio-62546efa.js +76 -0
  216. package/dist/radio.js +1 -1
  217. package/dist/selection-9124d029.js +38 -0
  218. package/dist/selection.js +10 -0
  219. package/dist/sidePanel.js +88 -0
  220. package/dist/sortable.js +160 -0
  221. package/dist/spinLoader-c4a53718.js +11 -0
  222. package/dist/spinLoader.js +7 -0
  223. package/dist/style.css +1 -1
  224. package/dist/success-8fd8bd2c.js +7 -0
  225. package/dist/systemAlert.js +69 -0
  226. package/dist/systemMessage-924fdaa6.js +30 -0
  227. package/dist/systemMessage.js +1 -1
  228. package/dist/table-c172f35e.js +504 -0
  229. package/dist/table.js +7 -3
  230. package/dist/toggle-304107fa.js +59 -0
  231. package/dist/toggle.js +1 -1
  232. package/dist/tooltip.js +89 -56
  233. package/dist/tree-c3dd3d45.js +6 -0
  234. package/dist/xls-995781cc.js +11 -0
  235. package/package.json +46 -16
  236. package/dist/baseIconButton-7bc53dec.js +0 -25
  237. package/dist/bubblesLoader-a7e709d4.js +0 -17
  238. package/dist/button-7fb84fde.js +0 -62
  239. package/dist/checkbox-6777be17.js +0 -73
  240. package/dist/dropdown-c3ca9c1a.js +0 -212
  241. package/dist/fieldNumber-46fe79b9.js +0 -127
  242. package/dist/fieldText-d80b29ba.js +0 -102
  243. package/dist/fieldTextFlex-5bddf46a.js +0 -67
  244. package/dist/index-0be12e80.js +0 -145
  245. package/dist/pagination-5449cd03.js +0 -346
  246. package/dist/radio-fd49a09c.js +0 -76
  247. package/dist/systemMessage-1ced6079.js +0 -30
  248. package/dist/table-83e050dc.js +0 -147
  249. package/dist/toggle-707ecb74.js +0 -67
  250. package/dist/useOnClickOutside-c332f7d3.js +0 -16
package/dist/modal.js CHANGED
@@ -1,16 +1,194 @@
1
- import { M as s, a as n, c as b, b as c } from "./index-0be12e80.js";
2
- import "react/jsx-runtime";
3
- import "react";
4
- import "rc-scrollbars";
5
- import "framer-motion";
6
- import "./bind-06a7ff84.js";
7
- import "./useOnClickOutside-c332f7d3.js";
8
- import "./keyCodes-f63c0e11.js";
9
- import "./button-7fb84fde.js";
10
- import "./baseIconButton-7bc53dec.js";
1
+ import { jsx as t, jsxs as u, Fragment as F } from "react/jsx-runtime";
2
+ import { useRef as C, useEffect as w, useState as y, useMemo as G } from "react";
3
+ import { Scrollbars as K } from "rc-scrollbars";
4
+ import { AnimatePresence as U, motion as Y } from "framer-motion";
5
+ import { c as x } from "./bind-06a7ff84.js";
6
+ import "react-dnd";
7
+ import "react-dnd-html5-backend";
8
+ import { a as X } from "./dropdown-893c692c.js";
9
+ import { K as J } from "./keyCodes-f63c0e11.js";
10
+ import { B as D } from "./button-97d9e587.js";
11
+ import { Tooltip as Q } from "./tooltip.js";
12
+ import { B as V } from "./baseIconButton-251479f7.js";
13
+ import { S as Z } from "./close-4d480ef7.js";
14
+ import "react-dom";
15
+ import "@floating-ui/react-dom";
16
+ import "downshift";
17
+ import "./clear-53660571.js";
18
+ import "./dropdown-0260bb66.js";
19
+ import "./fieldLabel.js";
20
+ import "./adaptiveTagList.js";
21
+ import "./isEmpty-ccacb5ff.js";
22
+ import "./checkbox-ed6cc375.js";
23
+ import "@floating-ui/react";
24
+ import "./floatingUi-41f8c7b5.js";
25
+ function tt(e, o, n) {
26
+ const c = C(n);
27
+ w(() => {
28
+ c.current = n;
29
+ }, [n]), w(() => {
30
+ if (!o)
31
+ return;
32
+ const s = (a) => {
33
+ var r, d;
34
+ if (e && e.current && !e.current.contains(a.target)) {
35
+ const l = a.target;
36
+ ((d = (r = c.current) == null ? void 0 : r.ignoreSelectors) == null ? void 0 : d.some(
37
+ (v) => l == null ? void 0 : l.closest(v)
38
+ )) || o(a);
39
+ }
40
+ };
41
+ return document.addEventListener("pointerdown", s), () => {
42
+ document.removeEventListener("pointerdown", s);
43
+ };
44
+ }, [e, o]);
45
+ }
46
+ const et = () => {
47
+ const [e, o] = y({ width: 0, height: 0 });
48
+ return w(() => {
49
+ const n = () => {
50
+ o({
51
+ width: window.innerWidth,
52
+ height: window.innerHeight
53
+ });
54
+ };
55
+ return window.addEventListener("resize", n), n(), () => window.removeEventListener("resize", n);
56
+ }, []), e;
57
+ }, ot = "_scrollable_zh8d2_12", nt = {
58
+ "modal-content": "_modal-content_zh8d2_1",
59
+ scrollable: ot
60
+ }, it = x.bind(nt), S = ({ scrollable: e = !1, children: o }) => /* @__PURE__ */ t("div", { className: it("modal-content", { scrollable: e }), children: o }), st = {
61
+ "buttons-block": "_buttons-block_1mwne_1",
62
+ "button-container": "_button-container_1mwne_7",
63
+ "modal-footer": "_modal-footer_1mwne_12",
64
+ "with-extra-node": "_with-extra-node_1mwne_19",
65
+ "size-small": "_size-small_1mwne_23"
66
+ }, p = x.bind(st), lt = ({
67
+ footerNode: e,
68
+ closeHandler: o,
69
+ okButton: n,
70
+ cancelButton: c,
71
+ size: s
72
+ }) => {
73
+ const { tooltipNode: a, ...r } = n || {}, d = () => {
74
+ const l = /* @__PURE__ */ t(D, { adjustWidthOn: s === "small" ? "parent" : "min-width", ...r });
75
+ return a ? /* @__PURE__ */ t(Q, { content: a, placement: "top", width: 270, children: l }) : l;
76
+ };
77
+ return /* @__PURE__ */ u("div", { className: p("modal-footer", { "with-extra-node": e, [`size-${s}`]: s }), children: [
78
+ e && e,
79
+ /* @__PURE__ */ u("div", { className: p("buttons-block"), children: [
80
+ c && /* @__PURE__ */ t("div", { className: p("button-container"), children: /* @__PURE__ */ t(
81
+ D,
82
+ {
83
+ variant: "ghost",
84
+ adjustWidthOn: s === "small" ? "parent" : "min-width",
85
+ onClick: o,
86
+ ...c
87
+ }
88
+ ) }),
89
+ n && /* @__PURE__ */ t("div", { className: p("button-container"), children: d() })
90
+ ] })
91
+ ] });
92
+ }, at = {
93
+ "modal-header": "_modal-header_w4aaf_1",
94
+ "width-description": "_width-description_w4aaf_10",
95
+ "modal-header-content": "_modal-header-content_w4aaf_14",
96
+ "modal-title": "_modal-title_w4aaf_20",
97
+ "close-modal-icon": "_close-modal-icon_w4aaf_29"
98
+ }, f = x.bind(at), rt = ({ title: e, onClose: o, withDescription: n = !1 }) => /* @__PURE__ */ u("div", { className: f("modal-header", { "width-description": n }), children: [
99
+ /* @__PURE__ */ t("div", { className: f("modal-header-content"), children: e && /* @__PURE__ */ t("div", { className: f("modal-title"), children: e }) }),
100
+ /* @__PURE__ */ t(V, { className: f("close-modal-icon"), onClick: o, children: /* @__PURE__ */ t(Z, {}) })
101
+ ] }), ct = "_modal_yxql5_1", dt = "_description_yxql5_43", mt = "_scrollable_yxql5_53", _t = {
102
+ modal: ct,
103
+ "overlay-default": "_overlay-default_yxql5_12",
104
+ "overlay-light-cyan": "_overlay-light-cyan_yxql5_16",
105
+ "scrolling-content": "_scrolling-content_yxql5_20",
106
+ "modal-window": "_modal-window_yxql5_26",
107
+ description: dt,
108
+ scrollable: mt,
109
+ "size-default": "_size-default_yxql5_57",
110
+ "size-small": "_size-small_yxql5_69",
111
+ "size-large": "_size-large_yxql5_81"
112
+ }, g = x.bind(_t), ut = 0.9, ht = 32 + 24, wt = 32 + 8, pt = 36 + 16, ft = 32 * 2, Bt = ({
113
+ title: e,
114
+ children: o,
115
+ footerNode: n,
116
+ okButton: c,
117
+ cancelButton: s,
118
+ className: a,
119
+ size: r = "default",
120
+ onClose: d = () => {
121
+ },
122
+ overlay: l = "default",
123
+ zIndex: E = 2,
124
+ allowCloseOutside: v = !0,
125
+ scrollable: H = !1,
126
+ withoutFooter: O = !1,
127
+ createFooter: M = null,
128
+ description: m = null
129
+ }) => {
130
+ const [I, N] = y(!1), [L, R] = y(0), [k, $] = y(!1), _ = C(null), A = et(), T = A.height, q = T * ut, b = (T - L) / 2, W = () => {
131
+ let i = q - ft;
132
+ return O || (i = i - pt), m ? i = i - wt : i = i - ht, i;
133
+ }, h = () => {
134
+ N(!1);
135
+ }, z = (i) => {
136
+ const { keyCode: j } = i;
137
+ j === J.ESCAPE_KEY_CODE && h();
138
+ }, P = () => {
139
+ var i;
140
+ k || ((i = _.current) == null || i.focus(), $(!0));
141
+ };
142
+ w(() => {
143
+ if (_ && _.current) {
144
+ const { clientHeight: i } = _.current;
145
+ R(i);
146
+ }
147
+ }, [o, A]), w(() => (N(!0), document.addEventListener("keydown", z, !1), () => document.removeEventListener("keydown", z, !1)), []);
148
+ const B = G(
149
+ () => ({
150
+ ignoreSelectors: [`[${X}]`]
151
+ }),
152
+ []
153
+ );
154
+ return tt(_, v ? h : void 0, B), /* @__PURE__ */ t(U, { onExitComplete: d, children: I && /* @__PURE__ */ t("div", { className: g("modal", { [`overlay-${l}`]: l }), style: { zIndex: E }, children: /* @__PURE__ */ u(
155
+ Y.div,
156
+ {
157
+ className: g("modal-window", { [`size-${r}`]: r }, a),
158
+ ref: _,
159
+ tabIndex: 0,
160
+ initial: { opacity: 0, marginTop: -b },
161
+ animate: { opacity: 1, marginTop: b },
162
+ exit: { opacity: 0, marginTop: -b },
163
+ transition: { duration: 0.3 },
164
+ onAnimationStart: P,
165
+ children: [
166
+ /* @__PURE__ */ t(rt, { title: e, onClose: h, withDescription: !!m }),
167
+ H ? /* @__PURE__ */ u(K, { autoHeight: !0, autoHeightMax: W(), hideTracksWhenNotNeeded: !0, children: [
168
+ m && /* @__PURE__ */ t("span", { className: g("description", { scrollable: H }), children: m }),
169
+ /* @__PURE__ */ t(S, { scrollable: !0, children: o })
170
+ ] }) : /* @__PURE__ */ u(F, { children: [
171
+ m && /* @__PURE__ */ t("span", { className: g("description"), children: m }),
172
+ /* @__PURE__ */ t(S, { children: o })
173
+ ] }),
174
+ !O && (M ? M(h) : /* @__PURE__ */ t(
175
+ lt,
176
+ {
177
+ size: r,
178
+ footerNode: n,
179
+ okButton: c,
180
+ cancelButton: s,
181
+ closeHandler: h
182
+ }
183
+ ))
184
+ ]
185
+ },
186
+ "modal-window"
187
+ ) }) });
188
+ };
11
189
  export {
12
- s as Modal,
13
- n as ModalContent,
14
- b as ModalFooter,
15
- c as ModalHeader
190
+ Bt as Modal,
191
+ S as ModalContent,
192
+ lt as ModalFooter,
193
+ rt as ModalHeader
16
194
  };
@@ -0,0 +1,6 @@
1
+ import * as e from "react";
2
+ const l = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.09194 3.90153C8.73249 3.84853 8.36745 3.82135 7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C1.96494 9.84971 3.23098 10.9408 4.63642 11.6187L5.59679 9.95532C5.16732 9.39694 4.92809 8.68447 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C8.00285 5.07782 8.2013 5.08498 8.39407 5.11028L9.09194 3.90153ZM7.56961 6.5383C6.91222 6.71981 6.41543 7.30478 6.37225 8.00589C6.36032 8.18701 6.37814 8.36223 6.42131 8.5272L7.56961 6.5383ZM8.40613 9.68939L9.57119 7.67146C9.61868 7.84288 9.6387 8.02571 9.62624 8.21497C9.58001 8.92637 9.07238 9.51681 8.40613 9.68939ZM7.58518 11.1113C7.78307 11.1384 7.98701 11.1463 8.19509 11.1332C9.69987 11.0361 10.922 9.81398 11.0191 8.3092C11.0679 7.53332 10.8245 6.81576 10.3887 6.25546L11.3454 4.59845C12.7563 5.27587 14.0272 6.36953 15.0829 7.77325C15.2331 7.9735 15.2331 8.25325 15.0829 8.4535C13.2424 10.8977 10.7482 12.4025 7.99778 12.4025C7.62256 12.4025 7.25211 12.3744 6.88743 12.3199L7.58518 11.1113Z", fill: "#A2AAB5" }), /* @__PURE__ */ e.createElement("path", { d: "M10.5051 2.25952C10.7122 1.9008 11.1709 1.7779 11.5296 1.985C11.8883 2.19211 12.0112 2.6508 11.8041 3.00952L5.35413 14.1812C5.14702 14.54 4.68833 14.6629 4.32961 14.4558C3.97089 14.2487 3.84798 13.79 4.05509 13.4312L10.5051 2.25952Z", fill: "#A2AAB5" })), t = (C) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...C }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.99778 3.82135C5.24735 3.82135 2.75312 5.32613 0.912626 7.77031C0.762442 7.97055 0.762442 8.25031 0.912626 8.45055C2.75312 10.8977 5.24735 12.4025 7.99778 12.4025C10.7482 12.4025 13.2424 10.8977 15.0829 8.4535C15.2331 8.25325 15.2331 7.9735 15.0829 7.77325C13.2424 5.32614 10.7482 3.82135 7.99778 3.82135ZM8.19509 11.1332C6.36932 11.2481 4.86159 9.74331 4.97644 7.91459C5.07067 6.40686 6.29276 5.18478 7.80049 5.09055C9.62625 4.9757 11.134 6.48048 11.0191 8.3092C10.922 9.81398 9.69987 11.0361 8.19509 11.1332ZM6.37225 8.00589C6.30746 8.98945 7.12022 9.79926 8.10378 9.73742C8.9136 9.68736 9.57323 9.03068 9.62624 8.21497C9.69102 7.23141 8.87826 6.4216 7.8947 6.48344C7.08194 6.53644 6.42231 7.19313 6.37225 8.00589Z", fill: "#A2AAB5" }));
3
+ export {
4
+ l as S,
5
+ t as a
6
+ };
@@ -0,0 +1,347 @@
1
+ import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
+ import { c as _ } from "./bind-06a7ff84.js";
3
+ import { useState as b } from "react";
4
+ import { Popover as I } from "./popover.js";
5
+ import { B as x } from "./button-97d9e587.js";
6
+ import { F as j } from "./fieldText-1749da7a.js";
7
+ import { B as h } from "./baseIconButton-251479f7.js";
8
+ import { S as z, a as T } from "./prevPage-87faf576.js";
9
+ import { Tooltip as A } from "./tooltip.js";
10
+ const B = {
11
+ "item-counter": "_item-counter_4g6do_1"
12
+ }, W = _.bind(B), P = ({
13
+ activePage: o,
14
+ pageSize: n,
15
+ totalItems: s,
16
+ ofText: r,
17
+ itemsText: a
18
+ }) => {
19
+ const c = o * n, i = c - n;
20
+ return /* @__PURE__ */ p("div", { className: W("item-counter"), children: [
21
+ `${i + 1} - ${c < s ? c : s}`,
22
+ ` ${r} ${s} ${a}`
23
+ ] });
24
+ }, E = "_selected_cjnvy_23", M = {
25
+ "size-selector": "_size-selector_cjnvy_1",
26
+ "size-option": "_size-option_cjnvy_6",
27
+ selected: E
28
+ }, C = _.bind(M), V = ({
29
+ currentSize: o,
30
+ options: n,
31
+ onClickOption: s
32
+ }) => /* @__PURE__ */ t("div", { className: C("size-selector"), children: n.map((r) => /* @__PURE__ */ t(
33
+ "button",
34
+ {
35
+ className: C("size-option", { selected: r === o }),
36
+ onClick: () => {
37
+ s(r);
38
+ },
39
+ children: r
40
+ },
41
+ r
42
+ )) }), D = {
43
+ "page-size-control": "_page-size-control_suy7z_1",
44
+ "page-size-options": "_page-size-options_suy7z_9",
45
+ "size-selector-button": "_size-selector-button_suy7z_13"
46
+ }, y = _.bind(D), F = ({
47
+ size: o,
48
+ sizeOptions: n,
49
+ perPageText: s,
50
+ changeSize: r
51
+ }) => {
52
+ const [a, c] = b(!1), i = (e) => {
53
+ r(e), c(!1);
54
+ };
55
+ return /* @__PURE__ */ p("div", { className: y("page-size-control"), children: [
56
+ /* @__PURE__ */ t(
57
+ I,
58
+ {
59
+ content: /* @__PURE__ */ t(V, { options: n, onClickOption: i, currentSize: o }),
60
+ placement: "top",
61
+ isOpened: a,
62
+ setIsOpened: c,
63
+ className: y("page-size-options"),
64
+ children: /* @__PURE__ */ t(x, { className: y("size-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
65
+ }
66
+ ),
67
+ ` ${s}`
68
+ ] });
69
+ }, G = {
70
+ "page-selector": "_page-selector_rtho4_1",
71
+ "field-wrapper": "_field-wrapper_rtho4_6",
72
+ "apply-button": "_apply-button_rtho4_10"
73
+ }, N = _.bind(G), H = ({
74
+ totalPages: o,
75
+ pageText: n,
76
+ goActionText: s,
77
+ selectPage: r
78
+ }) => {
79
+ const [a, c] = b(""), [i, e] = b(!0), d = (u) => {
80
+ const v = u.target.value.replace(/\D/g, ""), $ = Number(v), k = $ > 0 && $ <= o;
81
+ e(k), c(v);
82
+ }, l = () => {
83
+ r(Number(a));
84
+ };
85
+ return /* @__PURE__ */ p("div", { className: N("page-selector"), children: [
86
+ /* @__PURE__ */ t("div", { className: N("field-wrapper"), children: /* @__PURE__ */ t(
87
+ j,
88
+ {
89
+ onChange: d,
90
+ value: a,
91
+ placeholder: n,
92
+ error: i ? "" : "Error",
93
+ touched: !0,
94
+ defaultWidth: !1,
95
+ displayError: !1
96
+ }
97
+ ) }),
98
+ /* @__PURE__ */ t(x, { onClick: l, disabled: !a || !i, className: N("apply-button"), children: s })
99
+ ] });
100
+ }, L = {
101
+ "active-page": "_active-page_1gl9o_1",
102
+ "page-selector": "_page-selector_1gl9o_10",
103
+ "page-selector-button": "_page-selector-button_1gl9o_14"
104
+ }, f = _.bind(L), R = ({
105
+ activePage: o,
106
+ totalPages: n,
107
+ pageText: s,
108
+ goToText: r,
109
+ goActionText: a,
110
+ changePage: c
111
+ }) => {
112
+ const [i, e] = b(!1), d = (l) => {
113
+ c(l), e(!1);
114
+ };
115
+ return /* @__PURE__ */ p("div", { className: f("active-page"), children: [
116
+ `${s} `,
117
+ /* @__PURE__ */ t(
118
+ I,
119
+ {
120
+ content: /* @__PURE__ */ t(
121
+ H,
122
+ {
123
+ pageText: s,
124
+ goActionText: a,
125
+ selectPage: d,
126
+ totalPages: n
127
+ }
128
+ ),
129
+ title: r,
130
+ placement: "top",
131
+ isOpened: i,
132
+ setIsOpened: e,
133
+ className: f("page-selector"),
134
+ children: /* @__PURE__ */ t(x, { className: f("page-selector-button"), variant: "text", adjustWidthOn: "content", children: o })
135
+ }
136
+ )
137
+ ] });
138
+ }, q = "_bar_y74hy_1", J = "_section_y74hy_9", K = "_selected_y74hy_33", Q = "_tooltip_y74hy_37", U = {
139
+ bar: q,
140
+ "section-with-tooltip": "_section-with-tooltip_y74hy_9",
141
+ section: J,
142
+ selected: K,
143
+ "tooltip-wrapper": "_tooltip-wrapper_y74hy_37",
144
+ tooltip: Q,
145
+ "tooltip-text": "_tooltip-text_y74hy_48",
146
+ "page-number": "_page-number_y74hy_52"
147
+ }, g = _.bind(U), S = 13, w = 260, X = ({
148
+ totalPages: o,
149
+ activePage: n,
150
+ changePage: s,
151
+ captions: r
152
+ }) => {
153
+ const a = w / o, c = Math.min(Math.ceil(w / S), o), i = Math.max(S, a), e = [];
154
+ for (let l = 1; l <= o; l++)
155
+ e.push({
156
+ end: l * a,
157
+ pageNumber: l
158
+ });
159
+ const d = Array.from({ length: c }, () => ({ pages: { from: void 0, to: void 0 } }));
160
+ return d.forEach((l, u) => {
161
+ for (l.pages.from = e[0].pageNumber; i * (u + 1) > e[0].end; )
162
+ e.shift();
163
+ l.pages.to = e[0].pageNumber, e.shift();
164
+ }), /* @__PURE__ */ t("div", { className: g("bar"), children: d.map((l, u) => /* @__PURE__ */ t(
165
+ "div",
166
+ {
167
+ className: g("section-with-tooltip"),
168
+ style: { width: i },
169
+ onClick: () => l.pages.from && s(l.pages.from),
170
+ children: /* @__PURE__ */ t(
171
+ A,
172
+ {
173
+ content: /* @__PURE__ */ p("div", { className: g("tooltip"), children: [
174
+ /* @__PURE__ */ t("div", { className: g("tooltip-text"), children: r.goTo }),
175
+ /* @__PURE__ */ t("div", { className: g("page-number"), children: l.pages.from })
176
+ ] }),
177
+ wrapperClassName: g("tooltip-wrapper"),
178
+ placement: "top",
179
+ children: /* @__PURE__ */ t(
180
+ "div",
181
+ {
182
+ className: g("section", {
183
+ selected: l.pages.from && l.pages.to && l.pages.from <= n && n <= l.pages.to
184
+ })
185
+ }
186
+ )
187
+ }
188
+ )
189
+ },
190
+ u
191
+ )) });
192
+ }, Y = "_next_pyt8p_21", Z = {
193
+ "page-navigator": "_page-navigator_pyt8p_1",
194
+ "page-buttons": "_page-buttons_pyt8p_7",
195
+ "page-button": "_page-button_pyt8p_7",
196
+ next: Y
197
+ }, m = _.bind(Z), ee = ({
198
+ activePage: o,
199
+ changePage: n,
200
+ totalPages: s,
201
+ captions: r
202
+ }) => {
203
+ const a = () => {
204
+ n(1);
205
+ }, c = () => {
206
+ n(o - 1);
207
+ }, i = () => {
208
+ n(o + 1);
209
+ }, e = () => {
210
+ n(s);
211
+ };
212
+ return /* @__PURE__ */ p("div", { className: m("page-navigator"), children: [
213
+ /* @__PURE__ */ p("div", { className: m("page-buttons"), children: [
214
+ /* @__PURE__ */ t(
215
+ h,
216
+ {
217
+ className: m("page-button"),
218
+ onClick: a,
219
+ disabled: o === 1,
220
+ children: /* @__PURE__ */ t(z, {})
221
+ }
222
+ ),
223
+ /* @__PURE__ */ t(
224
+ h,
225
+ {
226
+ className: m("page-button"),
227
+ onClick: c,
228
+ disabled: o === 1,
229
+ children: /* @__PURE__ */ t(T, {})
230
+ }
231
+ )
232
+ ] }),
233
+ /* @__PURE__ */ t(
234
+ X,
235
+ {
236
+ totalPages: s,
237
+ activePage: o,
238
+ changePage: n,
239
+ captions: r
240
+ }
241
+ ),
242
+ /* @__PURE__ */ p("div", { className: m("page-buttons"), children: [
243
+ /* @__PURE__ */ t(
244
+ h,
245
+ {
246
+ className: m("page-button", "next"),
247
+ onClick: i,
248
+ disabled: o === s,
249
+ children: /* @__PURE__ */ t(T, {})
250
+ }
251
+ ),
252
+ /* @__PURE__ */ t(
253
+ h,
254
+ {
255
+ className: m("page-button", "next"),
256
+ onClick: e,
257
+ disabled: o === s,
258
+ children: /* @__PURE__ */ t(z, {})
259
+ }
260
+ )
261
+ ] })
262
+ ] });
263
+ }, te = {
264
+ "page-controls": "_page-controls_thyf8_1",
265
+ "total-pages": "_total-pages_thyf8_8"
266
+ }, O = _.bind(te), oe = ({
267
+ activePage: o,
268
+ changePage: n,
269
+ captions: s,
270
+ totalPages: r
271
+ }) => /* @__PURE__ */ p("div", { className: O("page-controls"), children: [
272
+ /* @__PURE__ */ t(
273
+ R,
274
+ {
275
+ activePage: o,
276
+ totalPages: r,
277
+ changePage: n,
278
+ pageText: s.page,
279
+ goToText: s.goTo,
280
+ goActionText: s.goAction
281
+ }
282
+ ),
283
+ /* @__PURE__ */ t(
284
+ ee,
285
+ {
286
+ changePage: n,
287
+ activePage: o,
288
+ totalPages: r,
289
+ captions: { goTo: s.goTo }
290
+ }
291
+ ),
292
+ /* @__PURE__ */ p("span", { className: O("total-pages"), children: [
293
+ `${s.of} `,
294
+ r
295
+ ] })
296
+ ] }), se = "_pagination_w2r3n_1", ne = {
297
+ pagination: se
298
+ }, re = _.bind(ne), ue = ({
299
+ activePage: o,
300
+ totalPages: n,
301
+ pageSize: s,
302
+ totalItems: r,
303
+ pageSizeOptions: a,
304
+ changePage: c,
305
+ changePageSize: i,
306
+ captions: e
307
+ }) => {
308
+ const d = (e == null ? void 0 : e.of) || "of", l = (e == null ? void 0 : e.page) || "Page";
309
+ return /* @__PURE__ */ p("div", { className: re("pagination"), children: [
310
+ /* @__PURE__ */ t(
311
+ P,
312
+ {
313
+ activePage: o,
314
+ pageSize: s,
315
+ totalItems: r,
316
+ ofText: d,
317
+ itemsText: (e == null ? void 0 : e.items) || "items"
318
+ }
319
+ ),
320
+ n > 1 && /* @__PURE__ */ t(
321
+ oe,
322
+ {
323
+ activePage: o,
324
+ totalPages: n,
325
+ changePage: c,
326
+ captions: {
327
+ page: l,
328
+ of: d,
329
+ goTo: (e == null ? void 0 : e.goTo) || "Go to page",
330
+ goAction: (e == null ? void 0 : e.goAction) || "Go"
331
+ }
332
+ }
333
+ ),
334
+ /* @__PURE__ */ t(
335
+ F,
336
+ {
337
+ size: s,
338
+ sizeOptions: a,
339
+ changeSize: i,
340
+ perPageText: (e == null ? void 0 : e.perPage) || "per page"
341
+ }
342
+ )
343
+ ] });
344
+ };
345
+ export {
346
+ ue as P
347
+ };
@@ -1,14 +1,21 @@
1
- import { P as t } from "./pagination-5449cd03.js";
1
+ import { P as t } from "./pagination-a3dee614.js";
2
2
  import "react/jsx-runtime";
3
3
  import "./bind-06a7ff84.js";
4
4
  import "react";
5
5
  import "./popover.js";
6
6
  import "@floating-ui/react";
7
- import "./button-7fb84fde.js";
8
- import "./fieldText-d80b29ba.js";
9
- import "./baseIconButton-7bc53dec.js";
7
+ import "./floatingUi-41f8c7b5.js";
8
+ import "./button-97d9e587.js";
9
+ import "./fieldText-1749da7a.js";
10
+ import "./clear-53660571.js";
11
+ import "./openEye-950159cb.js";
12
+ import "./baseIconButton-251479f7.js";
13
+ import "./spinLoader-c4a53718.js";
14
+ import "./maxValueDisplay-9be01a75.js";
15
+ import "./fieldLabel.js";
16
+ import "./prevPage-87faf576.js";
10
17
  import "./tooltip.js";
11
- import "@floating-ui/react-dom";
18
+ import "react-dom";
12
19
  export {
13
20
  t as Pagination,
14
21
  t as default
@@ -0,0 +1,5 @@
1
+ import * as e from "react";
2
+ const l = (t) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#C1C7D0", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00117 2.62046C7.63142 2.6189 7.33294 2.91738 7.3345 3.28712L7.35159 7.35159L3.28712 7.3345C2.91738 7.33295 2.6189 7.63142 2.62045 8.00117C2.62201 8.37091 2.92301 8.67191 3.29275 8.67346L7.35722 8.69056L7.37391 12.6599C7.37547 13.0296 7.67647 13.3306 8.04621 13.3322C8.41596 13.3337 8.71443 13.0352 8.71288 12.6655L8.69619 8.69619L12.6655 8.71288C13.0352 8.71444 13.3337 8.41596 13.3322 8.04621C13.3306 7.67647 13.0296 7.37547 12.6599 7.37392L8.69056 7.35722L8.67346 3.29275C8.67191 2.92301 8.37091 2.62201 8.00117 2.62046Z" }));
3
+ export {
4
+ l as S
5
+ };