@reportportal/ui-kit 0.0.1-alpha.12 → 0.0.1-alpha.121

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 (226) hide show
  1. package/README.md +28 -2
  2. package/dist/attachedFile.js +9 -0
  3. package/dist/autocompletes.js +729 -0
  4. package/dist/baseIconButton-251479f7.js +25 -0
  5. package/dist/baseIconButton.js +1 -1
  6. package/dist/breadcrumbs-8e5ca8d7.js +183 -0
  7. package/dist/breadcrumbs.js +12 -0
  8. package/dist/bubblesLoader-f3ffa240.js +28 -0
  9. package/dist/bubblesLoader.js +1 -1
  10. package/dist/button-97d9e587.js +66 -0
  11. package/dist/button.js +1 -1
  12. package/dist/calendarArrow-44c7e60e.js +5 -0
  13. package/dist/checkbox-ed6cc375.js +73 -0
  14. package/dist/checkbox.js +1 -1
  15. package/dist/chevronDownDropdown-66f5b1af.js +7 -0
  16. package/dist/clear-53660571.js +5 -0
  17. package/dist/close-4d480ef7.js +5 -0
  18. package/dist/common/constants/floatingUi.d.ts +8 -0
  19. package/dist/common/hooks/useOnClickOutside.d.ts +1 -0
  20. package/dist/common/types.d.ts +4 -0
  21. package/dist/common/utils/floatingUi.d.ts +3 -0
  22. package/dist/common/utils/getFileExtension.d.ts +1 -0
  23. package/dist/common/utils/index.d.ts +3 -0
  24. package/dist/common/utils/isString.d.ts +1 -0
  25. package/dist/components/attachedFile/attachedFile.d.ts +14 -0
  26. package/dist/components/attachedFile/index.d.ts +2 -0
  27. package/dist/components/autocompletes/common/autocompleteMenu/autocompleteMenu.d.ts +10 -0
  28. package/dist/components/autocompletes/common/autocompleteMenu/index.d.ts +1 -0
  29. package/dist/components/autocompletes/common/autocompleteOption/autocompleteOption.d.ts +13 -0
  30. package/dist/components/autocompletes/common/autocompleteOption/index.d.ts +1 -0
  31. package/dist/components/autocompletes/common/autocompleteOptions.d.ts +19 -0
  32. package/dist/components/autocompletes/common/autocompletePrompt/autocompletePrompt.d.ts +7 -0
  33. package/dist/components/autocompletes/common/autocompletePrompt/index.d.ts +1 -0
  34. package/dist/components/autocompletes/common/index.d.ts +19 -0
  35. package/dist/components/autocompletes/constants.d.ts +2 -0
  36. package/dist/components/autocompletes/index.d.ts +3 -0
  37. package/dist/components/autocompletes/multipleAutocomplete/index.d.ts +17 -0
  38. package/dist/components/autocompletes/multipleAutocomplete/multipleAutocomplete.d.ts +49 -0
  39. package/dist/components/autocompletes/multipleAutocomplete/multipleDownshift.d.ts +25 -0
  40. package/dist/components/autocompletes/multipleAutocomplete/selectedItems/index.d.ts +1 -0
  41. package/dist/components/autocompletes/multipleAutocomplete/selectedItems/selectedItems.d.ts +35 -0
  42. package/dist/components/autocompletes/singleAutocomplete/index.d.ts +1 -0
  43. package/dist/components/autocompletes/singleAutocomplete/singleAutocomplete.d.ts +42 -0
  44. package/dist/components/autocompletes/types.d.ts +8 -0
  45. package/dist/components/autocompletes/utils.d.ts +5 -0
  46. package/dist/components/{icons/baseIconButton → baseIconButton}/baseIconButton.d.ts +1 -0
  47. package/dist/components/{icons/baseIconButton → baseIconButton}/index.d.ts +1 -0
  48. package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
  49. package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
  50. package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  51. package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
  52. package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
  53. package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
  54. package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
  55. package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
  56. package/dist/components/breadcrumbs/index.d.ts +5 -0
  57. package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
  58. package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
  59. package/dist/components/breadcrumbs/types.d.ts +24 -0
  60. package/dist/components/bubblesLoader/bubblesLoader.d.ts +2 -0
  61. package/dist/components/bubblesLoader/index.d.ts +1 -0
  62. package/dist/components/button/button.d.ts +5 -4
  63. package/dist/components/button/index.d.ts +1 -0
  64. package/dist/components/checkbox/checkbox.d.ts +2 -1
  65. package/dist/components/checkbox/index.d.ts +1 -0
  66. package/dist/components/datePicker/datePicker.d.ts +25 -0
  67. package/dist/components/datePicker/header/datePickerHeader.d.ts +16 -0
  68. package/dist/components/datePicker/header/index.d.ts +4 -0
  69. package/dist/components/datePicker/index.d.ts +5 -0
  70. package/dist/components/datePicker/utils.d.ts +4 -0
  71. package/dist/components/dropdown/constants.d.ts +2 -0
  72. package/dist/components/dropdown/dropdown.d.ts +25 -4
  73. package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
  74. package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
  75. package/dist/components/dropdown/index.d.ts +1 -0
  76. package/dist/components/dropdown/types.d.ts +11 -0
  77. package/dist/components/dropdown/utils.d.ts +6 -2
  78. package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
  79. package/dist/components/fieldLabel/index.d.ts +1 -0
  80. package/dist/components/fieldNumber/constants.d.ts +1 -0
  81. package/dist/components/fieldNumber/fieldNumber.d.ts +3 -3
  82. package/dist/components/fieldNumber/index.d.ts +1 -0
  83. package/dist/components/fieldText/fieldText.d.ts +12 -4
  84. package/dist/components/fieldText/index.d.ts +1 -0
  85. package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +5 -2
  86. package/dist/components/fieldTextFlex/index.d.ts +1 -0
  87. package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts +21 -0
  88. package/dist/components/fileDropArea/attachedFilesList/index.d.ts +5 -0
  89. package/dist/components/fileDropArea/browseButton/browseButton.d.ts +9 -0
  90. package/dist/components/fileDropArea/browseButton/index.d.ts +4 -0
  91. package/dist/components/fileDropArea/constants.d.ts +2 -0
  92. package/dist/components/fileDropArea/dropZone/dropZone.d.ts +10 -0
  93. package/dist/components/fileDropArea/dropZone/index.d.ts +4 -0
  94. package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts +5 -0
  95. package/dist/components/fileDropArea/errorMessage/index.d.ts +4 -0
  96. package/dist/components/fileDropArea/fileDropArea.d.ts +19 -0
  97. package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts +17 -0
  98. package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts +1 -0
  99. package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts +3 -0
  100. package/dist/components/fileDropArea/hooks/index.d.ts +1 -0
  101. package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts +13 -0
  102. package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts +13 -0
  103. package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts +22 -0
  104. package/dist/components/fileDropArea/index.d.ts +6 -0
  105. package/dist/components/fileDropArea/types.d.ts +58 -0
  106. package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts +3 -0
  107. package/dist/components/fileDropArea/utils/index.d.ts +2 -0
  108. package/dist/components/fileDropArea/utils/validateFile.d.ts +3 -0
  109. package/dist/components/icons/index.d.ts +63 -7
  110. package/dist/components/index.d.ts +21 -9
  111. package/dist/components/maxValueDisplay/index.d.ts +4 -0
  112. package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
  113. package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
  114. package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
  115. package/dist/components/modal/index.d.ts +1 -0
  116. package/dist/components/modal/modal.d.ts +7 -3
  117. package/dist/components/modal/modalContent/modalContent.d.ts +2 -0
  118. package/dist/components/modal/modalFooter/modalFooter.d.ts +3 -1
  119. package/dist/components/modal/modalHeader/modalHeader.d.ts +2 -1
  120. package/dist/components/modal/types.d.ts +6 -0
  121. package/dist/components/pagination/index.d.ts +1 -0
  122. package/dist/components/pagination/itemsCounter/itemCounter.d.ts +1 -0
  123. package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
  124. package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
  125. package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
  126. package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +1 -0
  127. package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +1 -0
  128. package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
  129. package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
  130. package/dist/components/pagination/pagination.d.ts +1 -0
  131. package/dist/components/popover/index.d.ts +4 -1
  132. package/dist/components/popover/popover.d.ts +3 -2
  133. package/dist/components/radio/index.d.ts +1 -0
  134. package/dist/components/radio/radio.d.ts +1 -0
  135. package/dist/components/radio/radioGroup.d.ts +1 -0
  136. package/dist/components/selection/index.d.ts +5 -0
  137. package/dist/components/selection/selection.d.ts +12 -0
  138. package/dist/components/selection/types.d.ts +1 -0
  139. package/dist/components/sidePanel/index.d.ts +2 -0
  140. package/dist/components/sidePanel/sidePanel.d.ts +17 -0
  141. package/dist/components/spinLoader/index.d.ts +4 -0
  142. package/dist/components/spinLoader/spinLoader.d.ts +8 -0
  143. package/dist/components/systemAlert/index.d.ts +1 -0
  144. package/dist/components/systemAlert/systemAlert.d.ts +4 -0
  145. package/dist/components/systemAlert/types.d.ts +22 -0
  146. package/dist/components/systemMessage/index.d.ts +1 -0
  147. package/dist/components/systemMessage/systemMessage.d.ts +1 -0
  148. package/dist/components/table/constants.d.ts +5 -0
  149. package/dist/components/table/hooks/index.d.ts +4 -0
  150. package/dist/components/table/hooks/useColumnWidths.d.ts +8 -0
  151. package/dist/components/table/hooks/useTableColumns.d.ts +13 -0
  152. package/dist/components/table/hooks/useTableExpansion.d.ts +15 -0
  153. package/dist/components/table/hooks/useTableHover.d.ts +10 -0
  154. package/dist/components/table/index.d.ts +2 -0
  155. package/dist/components/table/table.d.ts +1 -0
  156. package/dist/components/table/types.d.ts +25 -9
  157. package/dist/components/table/utils.d.ts +10 -1
  158. package/dist/components/themeProvider/index.d.ts +1 -0
  159. package/dist/components/themeProvider/themeProvider.d.ts +1 -0
  160. package/dist/components/toggle/index.d.ts +1 -0
  161. package/dist/components/toggle/toggle.d.ts +1 -0
  162. package/dist/components/tooltip/tooltip.d.ts +12 -2
  163. package/dist/datePicker-fcff097b.js +194 -0
  164. package/dist/datePicker.js +32 -0
  165. package/dist/dropdown-0260bb66.js +5 -0
  166. package/dist/dropdown-e85dd323.js +436 -0
  167. package/dist/dropdown.js +10 -2
  168. package/dist/fieldLabel.js +18 -0
  169. package/dist/fieldNumber-d1b5a7a1.js +140 -0
  170. package/dist/fieldNumber.js +5 -2
  171. package/dist/fieldText-2c4790e1.js +167 -0
  172. package/dist/fieldText.js +7 -2
  173. package/dist/fieldTextFlex-2f51c173.js +80 -0
  174. package/dist/fieldTextFlex.js +3 -1
  175. package/dist/fileDropArea.js +325 -0
  176. package/dist/floatingUi-41f8c7b5.js +29 -0
  177. package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
  178. package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
  179. package/dist/icons.js +84 -0
  180. package/dist/index-1a874a8b.js +110 -0
  181. package/dist/index.js +147 -50
  182. package/dist/isEmpty-ccacb5ff.js +38 -0
  183. package/dist/maxValueDisplay-9be01a75.js +13 -0
  184. package/dist/maxValueDisplay.js +6 -0
  185. package/dist/minus-2857540f.js +5 -0
  186. package/dist/modal.js +154 -14
  187. package/dist/openEye-950159cb.js +6 -0
  188. package/dist/pagination-5cc0ebdd.js +347 -0
  189. package/dist/pagination.js +12 -5
  190. package/dist/plus-199fb2a8.js +5 -0
  191. package/dist/popover.js +58 -73
  192. package/dist/prevPage-87faf576.js +6 -0
  193. package/dist/radio-62546efa.js +76 -0
  194. package/dist/radio.js +1 -1
  195. package/dist/selection-9124d029.js +38 -0
  196. package/dist/selection.js +10 -0
  197. package/dist/sidePanel.js +74 -0
  198. package/dist/spinLoader-c4a53718.js +11 -0
  199. package/dist/spinLoader.js +7 -0
  200. package/dist/style.css +1 -1
  201. package/dist/success-8fd8bd2c.js +7 -0
  202. package/dist/systemAlert.js +69 -0
  203. package/dist/systemMessage-924fdaa6.js +30 -0
  204. package/dist/systemMessage.js +1 -1
  205. package/dist/table-8e223d5d.js +485 -0
  206. package/dist/table.js +3 -3
  207. package/dist/toggle-304107fa.js +59 -0
  208. package/dist/toggle.js +1 -1
  209. package/dist/tooltip.js +89 -56
  210. package/dist/tree-c3dd3d45.js +6 -0
  211. package/dist/xls-995781cc.js +11 -0
  212. package/package.json +47 -16
  213. package/dist/baseIconButton-7bc53dec.js +0 -25
  214. package/dist/bubblesLoader-a7e709d4.js +0 -17
  215. package/dist/button-7fb84fde.js +0 -62
  216. package/dist/checkbox-6777be17.js +0 -73
  217. package/dist/dropdown-e07f2a71.js +0 -212
  218. package/dist/fieldNumber-46fe79b9.js +0 -127
  219. package/dist/fieldText-d80b29ba.js +0 -102
  220. package/dist/fieldTextFlex-5bddf46a.js +0 -67
  221. package/dist/index-bb9b62ef.js +0 -131
  222. package/dist/pagination-5449cd03.js +0 -346
  223. package/dist/radio-fd49a09c.js +0 -76
  224. package/dist/systemMessage-1ced6079.js +0 -30
  225. package/dist/table-231fd19c.js +0 -138
  226. package/dist/toggle-707ecb74.js +0 -67
package/dist/modal.js CHANGED
@@ -1,16 +1,156 @@
1
- import { M as s, a as n, c as b, b as c } from "./index-bb9b62ef.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 e, jsxs as d, Fragment as P } from "react/jsx-runtime";
2
+ import { useState as p, useEffect as b, useRef as j } from "react";
3
+ import { Scrollbars as F } from "rc-scrollbars";
4
+ import { AnimatePresence as G, motion as K } from "framer-motion";
5
+ import { c as y } from "./bind-06a7ff84.js";
6
+ import { u as Y } from "./useOnClickOutside-c332f7d3.js";
7
+ import { K as U } from "./keyCodes-f63c0e11.js";
8
+ import { B as A } from "./button-97d9e587.js";
9
+ import { Tooltip as X } from "./tooltip.js";
10
+ import { B as J } from "./baseIconButton-251479f7.js";
11
+ import { S as Q } from "./close-4d480ef7.js";
12
+ import "react-dom";
13
+ import "@floating-ui/react";
14
+ import "./floatingUi-41f8c7b5.js";
15
+ const V = () => {
16
+ const [o, n] = p({ width: 0, height: 0 });
17
+ return b(() => {
18
+ const l = () => {
19
+ n({
20
+ width: window.innerWidth,
21
+ height: window.innerHeight
22
+ });
23
+ };
24
+ return window.addEventListener("resize", l), l(), () => window.removeEventListener("resize", l);
25
+ }, []), o;
26
+ }, Z = "_scrollable_zh8d2_12", ee = {
27
+ "modal-content": "_modal-content_zh8d2_1",
28
+ scrollable: Z
29
+ }, te = y.bind(ee), C = ({ scrollable: o = !1, children: n }) => /* @__PURE__ */ e("div", { className: te("modal-content", { scrollable: o }), children: n }), oe = {
30
+ "buttons-block": "_buttons-block_1mwne_1",
31
+ "button-container": "_button-container_1mwne_7",
32
+ "modal-footer": "_modal-footer_1mwne_12",
33
+ "with-extra-node": "_with-extra-node_1mwne_19",
34
+ "size-small": "_size-small_1mwne_23"
35
+ }, u = y.bind(oe), ne = ({
36
+ footerNode: o,
37
+ closeHandler: n,
38
+ okButton: l,
39
+ cancelButton: _,
40
+ size: a
41
+ }) => {
42
+ const { tooltipNode: h, ...c } = l || {}, g = () => {
43
+ const r = /* @__PURE__ */ e(A, { adjustWidthOn: a === "small" ? "parent" : "min-width", ...c });
44
+ return h ? /* @__PURE__ */ e(X, { content: h, placement: "top", width: 270, children: r }) : r;
45
+ };
46
+ return /* @__PURE__ */ d("div", { className: u("modal-footer", { "with-extra-node": o, [`size-${a}`]: a }), children: [
47
+ o && o,
48
+ /* @__PURE__ */ d("div", { className: u("buttons-block"), children: [
49
+ _ && /* @__PURE__ */ e("div", { className: u("button-container"), children: /* @__PURE__ */ e(
50
+ A,
51
+ {
52
+ variant: "ghost",
53
+ adjustWidthOn: a === "small" ? "parent" : "min-width",
54
+ onClick: n,
55
+ ..._
56
+ }
57
+ ) }),
58
+ l && /* @__PURE__ */ e("div", { className: u("button-container"), children: g() })
59
+ ] })
60
+ ] });
61
+ }, le = {
62
+ "modal-header": "_modal-header_w4aaf_1",
63
+ "width-description": "_width-description_w4aaf_10",
64
+ "modal-header-content": "_modal-header-content_w4aaf_14",
65
+ "modal-title": "_modal-title_w4aaf_20",
66
+ "close-modal-icon": "_close-modal-icon_w4aaf_29"
67
+ }, w = y.bind(le), ae = ({ title: o, onClose: n, withDescription: l = !1 }) => /* @__PURE__ */ d("div", { className: w("modal-header", { "width-description": l }), children: [
68
+ /* @__PURE__ */ e("div", { className: w("modal-header-content"), children: o && /* @__PURE__ */ e("div", { className: w("modal-title"), children: o }) }),
69
+ /* @__PURE__ */ e(J, { className: w("close-modal-icon"), onClick: n, children: /* @__PURE__ */ e(Q, {}) })
70
+ ] }), se = "_modal_yxql5_1", ie = "_description_yxql5_43", de = "_scrollable_yxql5_53", ce = {
71
+ modal: se,
72
+ "overlay-default": "_overlay-default_yxql5_12",
73
+ "overlay-light-cyan": "_overlay-light-cyan_yxql5_16",
74
+ "scrolling-content": "_scrolling-content_yxql5_20",
75
+ "modal-window": "_modal-window_yxql5_26",
76
+ description: ie,
77
+ scrollable: de,
78
+ "size-default": "_size-default_yxql5_57",
79
+ "size-small": "_size-small_yxql5_69",
80
+ "size-large": "_size-large_yxql5_81"
81
+ }, f = y.bind(ce), re = 0.9, me = 32 + 24, _e = 32 + 8, he = 36 + 16, ue = 32 * 2, Ae = ({
82
+ title: o,
83
+ children: n,
84
+ footerNode: l,
85
+ okButton: _,
86
+ cancelButton: a,
87
+ className: h,
88
+ size: c = "default",
89
+ onClose: g = () => {
90
+ },
91
+ overlay: r = "default",
92
+ zIndex: T = 2,
93
+ allowCloseOutside: D = !0,
94
+ scrollable: v = !1,
95
+ withoutFooter: H = !1,
96
+ createFooter: E = null,
97
+ description: s = null
98
+ }) => {
99
+ const [S, M] = p(!1), [k, I] = p(0), [q, L] = p(!1), i = j(null), N = V(), O = N.height, $ = O * re, x = (O - k) / 2, R = () => {
100
+ let t = $ - ue;
101
+ return H || (t = t - he), s ? t = t - _e : t = t - me, t;
102
+ }, m = () => {
103
+ M(!1);
104
+ }, z = (t) => {
105
+ const { keyCode: B } = t;
106
+ B === U.ESCAPE_KEY_CODE && m();
107
+ }, W = () => {
108
+ var t;
109
+ q || ((t = i.current) == null || t.focus(), L(!0));
110
+ };
111
+ return b(() => {
112
+ if (i && i.current) {
113
+ const { clientHeight: t } = i.current;
114
+ I(t);
115
+ }
116
+ }, [n, N]), b(() => (M(!0), document.addEventListener("keydown", z, !1), () => document.removeEventListener("keydown", z, !1)), []), Y(i, D ? m : void 0), /* @__PURE__ */ e(G, { onExitComplete: g, children: S && /* @__PURE__ */ e("div", { className: f("modal", { [`overlay-${r}`]: r }), style: { zIndex: T }, children: /* @__PURE__ */ d(
117
+ K.div,
118
+ {
119
+ className: f("modal-window", { [`size-${c}`]: c }, h),
120
+ ref: i,
121
+ tabIndex: 0,
122
+ initial: { opacity: 0, marginTop: -x },
123
+ animate: { opacity: 1, marginTop: x },
124
+ exit: { opacity: 0, marginTop: -x },
125
+ transition: { duration: 0.3 },
126
+ onAnimationStart: W,
127
+ children: [
128
+ /* @__PURE__ */ e(ae, { title: o, onClose: m, withDescription: !!s }),
129
+ v ? /* @__PURE__ */ d(F, { autoHeight: !0, autoHeightMax: R(), hideTracksWhenNotNeeded: !0, children: [
130
+ s && /* @__PURE__ */ e("span", { className: f("description", { scrollable: v }), children: s }),
131
+ /* @__PURE__ */ e(C, { scrollable: !0, children: n })
132
+ ] }) : /* @__PURE__ */ d(P, { children: [
133
+ s && /* @__PURE__ */ e("span", { className: f("description"), children: s }),
134
+ /* @__PURE__ */ e(C, { children: n })
135
+ ] }),
136
+ !H && (E ? E(m) : /* @__PURE__ */ e(
137
+ ne,
138
+ {
139
+ size: c,
140
+ footerNode: l,
141
+ okButton: _,
142
+ cancelButton: a,
143
+ closeHandler: m
144
+ }
145
+ ))
146
+ ]
147
+ },
148
+ "modal-window"
149
+ ) }) });
150
+ };
11
151
  export {
12
- s as Modal,
13
- n as ModalContent,
14
- b as ModalFooter,
15
- c as ModalHeader
152
+ Ae as Modal,
153
+ C as ModalContent,
154
+ ne as ModalFooter,
155
+ ae as ModalHeader
16
156
  };
@@ -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-2c4790e1.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-5cc0ebdd.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-2c4790e1.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
+ };