@reportportal/ui-kit 0.0.1-alpha.10 → 0.0.1-alpha.101

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 (191) hide show
  1. package/README.md +70 -12
  2. package/dist/arrowUp-4a5caee7.js +6 -0
  3. package/dist/attachedFile.js +9 -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 +11 -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/close-4d480ef7.js +5 -0
  16. package/dist/common/hooks/useOnClickOutside.d.ts +1 -0
  17. package/dist/common/types.d.ts +4 -0
  18. package/dist/common/utils/getFileExtension.d.ts +1 -0
  19. package/dist/common/utils/index.d.ts +1 -0
  20. package/dist/components/attachedFile/attachedFile.d.ts +14 -0
  21. package/dist/components/attachedFile/index.d.ts +2 -0
  22. package/dist/components/{icons/baseIconButton → baseIconButton}/baseIconButton.d.ts +1 -0
  23. package/dist/components/{icons/baseIconButton → baseIconButton}/index.d.ts +1 -0
  24. package/dist/components/breadcrumbs/breadcrumb/breadcrumb.d.ts +10 -0
  25. package/dist/components/breadcrumbs/breadcrumb/index.d.ts +1 -0
  26. package/dist/components/breadcrumbs/breadcrumbs.d.ts +3 -0
  27. package/dist/components/breadcrumbs/breadcrumbsProvider/breadcrumbsProvider.d.ts +13 -0
  28. package/dist/components/breadcrumbs/breadcrumbsProvider/hooks.d.ts +3 -0
  29. package/dist/components/breadcrumbs/breadcrumbsProvider/index.d.ts +1 -0
  30. package/dist/components/breadcrumbs/hiddenBreadcrumbs/hiddenBreadcrumbs.d.ts +6 -0
  31. package/dist/components/breadcrumbs/hiddenBreadcrumbs/index.d.ts +2 -0
  32. package/dist/components/breadcrumbs/index.d.ts +5 -0
  33. package/dist/components/breadcrumbs/tree/index.d.ts +1 -0
  34. package/dist/components/breadcrumbs/tree/tree.d.ts +7 -0
  35. package/dist/components/breadcrumbs/types.d.ts +24 -0
  36. package/dist/components/bubblesLoader/bubblesLoader.d.ts +2 -0
  37. package/dist/components/bubblesLoader/index.d.ts +1 -0
  38. package/dist/components/button/button.d.ts +5 -4
  39. package/dist/components/button/index.d.ts +1 -0
  40. package/dist/components/checkbox/checkbox.d.ts +3 -1
  41. package/dist/components/checkbox/index.d.ts +1 -0
  42. package/dist/components/datePicker/datePicker.d.ts +25 -0
  43. package/dist/components/datePicker/header/datePickerHeader.d.ts +16 -0
  44. package/dist/components/datePicker/header/index.d.ts +4 -0
  45. package/dist/components/datePicker/index.d.ts +5 -0
  46. package/dist/components/datePicker/utils.d.ts +4 -0
  47. package/dist/components/dropdown/constants.d.ts +1 -0
  48. package/dist/components/dropdown/dropdown.d.ts +14 -4
  49. package/dist/components/dropdown/dropdownOption/dropdownOption.d.ts +1 -0
  50. package/dist/components/dropdown/dropdownOption/index.d.ts +1 -0
  51. package/dist/components/dropdown/index.d.ts +1 -0
  52. package/dist/components/dropdown/types.d.ts +3 -0
  53. package/dist/components/dropdown/utils.d.ts +2 -1
  54. package/dist/components/fieldLabel/fieldLabel.d.ts +7 -0
  55. package/dist/components/fieldLabel/index.d.ts +1 -0
  56. package/dist/components/fieldNumber/constants.d.ts +1 -0
  57. package/dist/components/fieldNumber/fieldNumber.d.ts +3 -3
  58. package/dist/components/fieldNumber/index.d.ts +1 -0
  59. package/dist/components/fieldText/fieldText.d.ts +12 -4
  60. package/dist/components/fieldText/index.d.ts +1 -0
  61. package/dist/components/fieldTextFlex/fieldTextFlex.d.ts +4 -2
  62. package/dist/components/fieldTextFlex/index.d.ts +1 -0
  63. package/dist/components/fileDropArea/attachedFilesList/attachedFilesList.d.ts +20 -0
  64. package/dist/components/fileDropArea/attachedFilesList/index.d.ts +5 -0
  65. package/dist/components/fileDropArea/browseButton/browseButton.d.ts +9 -0
  66. package/dist/components/fileDropArea/browseButton/index.d.ts +4 -0
  67. package/dist/components/fileDropArea/constants.d.ts +2 -0
  68. package/dist/components/fileDropArea/dropZone/dropZone.d.ts +10 -0
  69. package/dist/components/fileDropArea/dropZone/index.d.ts +4 -0
  70. package/dist/components/fileDropArea/errorMessage/errorMessage.d.ts +5 -0
  71. package/dist/components/fileDropArea/errorMessage/index.d.ts +4 -0
  72. package/dist/components/fileDropArea/fileDropArea.d.ts +19 -0
  73. package/dist/components/fileDropArea/fileDropAreaProvider/fileDropAreaProvider.d.ts +17 -0
  74. package/dist/components/fileDropArea/fileDropAreaProvider/index.d.ts +1 -0
  75. package/dist/components/fileDropArea/fileDropAreaProvider/useFileDropAreaContext.d.ts +3 -0
  76. package/dist/components/fileDropArea/hooks/index.d.ts +1 -0
  77. package/dist/components/fileDropArea/hooks/useFileDropArea.d.ts +13 -0
  78. package/dist/components/fileDropArea/hooks/useFileProcessing.d.ts +13 -0
  79. package/dist/components/fileDropArea/hooks/useOverlayDropArea.d.ts +22 -0
  80. package/dist/components/fileDropArea/index.d.ts +6 -0
  81. package/dist/components/fileDropArea/types.d.ts +57 -0
  82. package/dist/components/fileDropArea/utils/getValidationErrorMessage.d.ts +3 -0
  83. package/dist/components/fileDropArea/utils/index.d.ts +2 -0
  84. package/dist/components/fileDropArea/utils/validateFile.d.ts +3 -0
  85. package/dist/components/icons/index.d.ts +52 -7
  86. package/dist/components/index.d.ts +18 -9
  87. package/dist/components/maxValueDisplay/index.d.ts +4 -0
  88. package/dist/components/maxValueDisplay/maxValueDisplay.d.ts +8 -0
  89. package/dist/components/maxValueDisplay/utils/index.d.ts +1 -0
  90. package/dist/components/maxValueDisplay/utils/isPositiveInteger.d.ts +1 -0
  91. package/dist/components/modal/modal.d.ts +7 -3
  92. package/dist/components/modal/modalContent/modalContent.d.ts +2 -0
  93. package/dist/components/modal/modalFooter/modalFooter.d.ts +3 -1
  94. package/dist/components/modal/modalHeader/modalHeader.d.ts +2 -1
  95. package/dist/components/modal/types.d.ts +6 -0
  96. package/dist/components/pagination/index.d.ts +1 -0
  97. package/dist/components/pagination/itemsCounter/itemCounter.d.ts +1 -0
  98. package/dist/components/pagination/pageControls/activePage/activePage.d.ts +1 -0
  99. package/dist/components/pagination/pageControls/activePage/pageSelector/pageSelector.d.ts +1 -0
  100. package/dist/components/pagination/pageControls/pageControls.d.ts +1 -0
  101. package/dist/components/pagination/pageControls/pageNavigator/bar/bar.d.ts +12 -0
  102. package/dist/components/pagination/pageControls/pageNavigator/bar/index.d.ts +1 -0
  103. package/dist/components/pagination/pageControls/pageNavigator/pageNavigator.d.ts +4 -0
  104. package/dist/components/pagination/pageSizeControl/pageSizeControl.d.ts +1 -0
  105. package/dist/components/pagination/pageSizeControl/sizeSelector/sizeSelector.d.ts +1 -0
  106. package/dist/components/pagination/pagination.d.ts +1 -0
  107. package/dist/components/popover/index.d.ts +4 -1
  108. package/dist/components/popover/popover.d.ts +3 -2
  109. package/dist/components/radio/index.d.ts +1 -0
  110. package/dist/components/radio/radio.d.ts +1 -0
  111. package/dist/components/radio/radioGroup.d.ts +1 -0
  112. package/dist/components/selection/index.d.ts +5 -0
  113. package/dist/components/selection/selection.d.ts +12 -0
  114. package/dist/components/selection/types.d.ts +1 -0
  115. package/dist/components/spinLoader/index.d.ts +4 -0
  116. package/dist/components/spinLoader/spinLoader.d.ts +8 -0
  117. package/dist/components/systemAlert/index.d.ts +1 -0
  118. package/dist/components/systemAlert/systemAlert.d.ts +4 -0
  119. package/dist/components/systemAlert/types.d.ts +22 -0
  120. package/dist/components/systemMessage/index.d.ts +1 -0
  121. package/dist/components/systemMessage/systemMessage.d.ts +1 -0
  122. package/dist/components/table/constants.d.ts +2 -0
  123. package/dist/components/table/index.d.ts +1 -0
  124. package/dist/components/table/table.d.ts +1 -0
  125. package/dist/components/table/types.d.ts +13 -7
  126. package/dist/components/table/utils.d.ts +5 -1
  127. package/dist/components/themeProvider/index.d.ts +1 -0
  128. package/dist/components/themeProvider/themeProvider.d.ts +1 -0
  129. package/dist/components/toggle/index.d.ts +1 -0
  130. package/dist/components/toggle/toggle.d.ts +1 -0
  131. package/dist/components/tooltip/tooltip.d.ts +12 -2
  132. package/dist/datePicker-efa4e2d6.js +194 -0
  133. package/dist/datePicker.js +27 -0
  134. package/dist/dropdown-0260bb66.js +5 -0
  135. package/dist/dropdown-ec754bbe.js +289 -0
  136. package/dist/dropdown.js +5 -2
  137. package/dist/fieldLabel.js +18 -0
  138. package/dist/fieldNumber-4a22c986.js +131 -0
  139. package/dist/fieldNumber.js +4 -2
  140. package/dist/fieldText-ba8a917c.js +165 -0
  141. package/dist/fieldText.js +6 -2
  142. package/dist/fieldTextFlex-8afaab31.js +78 -0
  143. package/dist/fieldTextFlex.js +3 -1
  144. package/dist/fileDropArea.js +353 -0
  145. package/dist/fonts/OpenSans/OpenSans-Bold.ttf +0 -0
  146. package/dist/fonts/OpenSans/OpenSans-Medium.ttf +0 -0
  147. package/dist/icons.js +71 -0
  148. package/dist/index-e27a72a8.js +99 -0
  149. package/dist/index.js +128 -50
  150. package/dist/maxValueDisplay-9be01a75.js +13 -0
  151. package/dist/maxValueDisplay.js +6 -0
  152. package/dist/modal.js +153 -14
  153. package/dist/openEye-7b9cf080.js +7 -0
  154. package/dist/pagination-43330c73.js +347 -0
  155. package/dist/pagination.js +11 -4
  156. package/dist/plus-0929dda4.js +6 -0
  157. package/dist/popover.js +61 -57
  158. package/dist/prevPage-87faf576.js +6 -0
  159. package/dist/radio-62546efa.js +76 -0
  160. package/dist/radio.js +1 -1
  161. package/dist/selection-9124d029.js +38 -0
  162. package/dist/selection.js +10 -0
  163. package/dist/spinLoader-c4a53718.js +11 -0
  164. package/dist/spinLoader.js +7 -0
  165. package/dist/style.css +1 -1
  166. package/dist/success-8fd8bd2c.js +7 -0
  167. package/dist/systemAlert.js +69 -0
  168. package/dist/systemMessage-924fdaa6.js +30 -0
  169. package/dist/systemMessage.js +1 -1
  170. package/dist/table-920fdad9.js +142 -0
  171. package/dist/table.js +3 -3
  172. package/dist/toggle-304107fa.js +59 -0
  173. package/dist/toggle.js +1 -1
  174. package/dist/tooltip.js +87 -56
  175. package/dist/tree-c3dd3d45.js +6 -0
  176. package/dist/xls-995781cc.js +11 -0
  177. package/package.json +30 -16
  178. package/dist/baseIconButton-7bc53dec.js +0 -25
  179. package/dist/bubblesLoader-a7e709d4.js +0 -17
  180. package/dist/button-7fb84fde.js +0 -62
  181. package/dist/checkbox-4143390f.js +0 -70
  182. package/dist/dropdown-e07f2a71.js +0 -212
  183. package/dist/fieldNumber-46fe79b9.js +0 -127
  184. package/dist/fieldText-d80b29ba.js +0 -102
  185. package/dist/fieldTextFlex-5bddf46a.js +0 -67
  186. package/dist/index-bb9b62ef.js +0 -131
  187. package/dist/pagination-a36bc786.js +0 -274
  188. package/dist/radio-fd49a09c.js +0 -76
  189. package/dist/systemMessage-1ced6079.js +0 -30
  190. package/dist/table-d949a4ae.js +0 -132
  191. package/dist/toggle-707ecb74.js +0 -67
@@ -1,131 +0,0 @@
1
- import { jsx as e, jsxs as i } from "react/jsx-runtime";
2
- import * as y from "react";
3
- import { useState as w, useEffect as g, useRef as j } from "react";
4
- import { Scrollbars as B } from "rc-scrollbars";
5
- import { AnimatePresence as D, motion as I } from "framer-motion";
6
- import { c as m } from "./bind-06a7ff84.js";
7
- import { u as K } from "./useOnClickOutside-c332f7d3.js";
8
- import { K as F } from "./keyCodes-f63c0e11.js";
9
- import { B as C } from "./button-7fb84fde.js";
10
- import { B as P } from "./baseIconButton-7bc53dec.js";
11
- const G = (t) => /* @__PURE__ */ y.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ y.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0.732179 15.2698C0.330639 14.8683 0.33064 14.2172 0.73218 13.8157L6.54858 7.99928L0.73218 2.18288C0.33064 1.78134 0.330639 1.13031 0.732179 0.728774C1.13372 0.327235 1.78474 0.327235 2.18628 0.728774L8.00269 6.54518L13.8191 0.728767C14.2206 0.327229 14.8717 0.327228 15.2732 0.728767C15.6747 1.13031 15.6747 1.78133 15.2732 2.18287L9.45679 7.99928L15.2732 13.8157C15.6747 14.2172 15.6747 14.8683 15.2732 15.2698C14.8717 15.6713 14.2206 15.6713 13.8191 15.2698L8.00269 9.45338L2.18628 15.2698C1.78474 15.6713 1.13372 15.6713 0.732179 15.2698Z", fill: "#A2AAB5" })), X = () => {
12
- const [t, a] = w({ width: 0, height: 0 });
13
- return g(() => {
14
- const o = () => {
15
- a({
16
- width: window.innerWidth,
17
- height: window.innerHeight
18
- });
19
- };
20
- return window.addEventListener("resize", o), o(), () => window.removeEventListener("resize", o);
21
- }, []), t;
22
- }, Y = {
23
- "modal-content": "_modal-content_ojybs_1"
24
- }, Z = m.bind(Y), b = ({ children: t }) => /* @__PURE__ */ e("div", { className: Z("modal-content"), children: t }), q = {
25
- "buttons-block": "_buttons-block_1dgm4_1",
26
- "button-container": "_button-container_1dgm4_5",
27
- "modal-footer": "_modal-footer_1dgm4_14",
28
- "with-extra-node": "_with-extra-node_1dgm4_21",
29
- "size-small": "_size-small_1dgm4_25"
30
- }, c = m.bind(q), J = ({
31
- footerNode: t,
32
- closeHandler: a,
33
- okButton: o,
34
- cancelButton: l,
35
- size: s
36
- }) => /* @__PURE__ */ i("div", { className: c("modal-footer", { "with-extra-node": t, [`size-${s}`]: s }), children: [
37
- t && t,
38
- /* @__PURE__ */ i("div", { className: c("buttons-block"), children: [
39
- l && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(
40
- C,
41
- {
42
- variant: "ghost",
43
- adjustWidthOn: s === "small" ? "parent" : "content",
44
- onClick: a,
45
- ...l
46
- }
47
- ) }),
48
- o && /* @__PURE__ */ e("div", { className: c("button-container"), children: /* @__PURE__ */ e(C, { adjustWidthOn: s === "small" ? "parent" : "content", ...o }) })
49
- ] })
50
- ] }), Q = {
51
- "modal-header": "_modal-header_11gdx_1",
52
- "modal-header-content": "_modal-header-content_11gdx_11",
53
- "modal-title": "_modal-title_11gdx_20",
54
- "close-modal-icon": "_close-modal-icon_11gdx_28"
55
- }, r = m.bind(Q), U = ({ title: t, onClose: a, headerNode: o }) => /* @__PURE__ */ i("div", { className: r("modal-header"), children: [
56
- /* @__PURE__ */ i("div", { className: r("modal-header-content"), children: [
57
- t && /* @__PURE__ */ e("span", { className: r("modal-title"), children: t }),
58
- o && o
59
- ] }),
60
- /* @__PURE__ */ e(P, { className: r("close-modal-icon"), onClick: a, children: /* @__PURE__ */ e(G, {}) })
61
- ] }), V = "_modal_1kzzv_1", ee = {
62
- modal: V,
63
- "overlay-default": "_overlay-default_1kzzv_11",
64
- "overlay-light-cyan": "_overlay-light-cyan_1kzzv_15",
65
- "scrolling-content": "_scrolling-content_1kzzv_19",
66
- "modal-window": "_modal-window_1kzzv_25",
67
- "size-default": "_size-default_1kzzv_42",
68
- "size-small": "_size-small_1kzzv_54",
69
- "size-large": "_size-large_1kzzv_66"
70
- }, k = m.bind(ee), te = 0.9, oe = 176, _e = ({
71
- title: t,
72
- headerNode: a,
73
- children: o,
74
- footerNode: l,
75
- okButton: s,
76
- cancelButton: E,
77
- className: M,
78
- size: _ = "default",
79
- onClose: H = () => {
80
- },
81
- overlay: v = "default",
82
- zIndex: L = 2,
83
- allowCloseOutside: N = !0,
84
- scrollable: A = !1
85
- }) => {
86
- const [O, f] = w(!1), [R, S] = w(0), n = j(null), z = X(), p = z.height, $ = p * te, h = (p - R) / 2, T = $ - oe, d = () => {
87
- f(!1);
88
- }, x = (u) => {
89
- const { keyCode: W } = u;
90
- W === F.ESCAPE_KEY_CODE && d();
91
- };
92
- return g(() => {
93
- if (n && n.current) {
94
- const { clientHeight: u } = n.current;
95
- S(u);
96
- }
97
- }, [o, z]), g(() => (f(!0), n && n.current && n.current.focus(), document.addEventListener("keydown", x, !1), () => document.removeEventListener("keydown", x, !1)), []), K(n, N ? d : void 0), /* @__PURE__ */ e(D, { onExitComplete: H, children: O && /* @__PURE__ */ e("div", { className: k("modal", { [`overlay-${v}`]: v }), style: { zIndex: L }, children: /* @__PURE__ */ i(
98
- I.div,
99
- {
100
- className: k("modal-window", { [`size-${_}`]: _ }, M),
101
- ref: n,
102
- tabIndex: 0,
103
- initial: { opacity: 0, marginTop: -h },
104
- animate: { opacity: 1, marginTop: h },
105
- exit: { opacity: 0, marginTop: -h },
106
- transition: { duration: 0.3 },
107
- children: [
108
- /* @__PURE__ */ e(U, { title: t, headerNode: a, onClose: d }),
109
- A ? /* @__PURE__ */ e(B, { autoHeight: !0, autoHeightMax: T, hideTracksWhenNotNeeded: !0, children: /* @__PURE__ */ e(b, { children: o }) }) : /* @__PURE__ */ e(b, { children: o }),
110
- /* @__PURE__ */ e(
111
- J,
112
- {
113
- size: _,
114
- footerNode: l,
115
- okButton: s,
116
- cancelButton: E,
117
- closeHandler: d
118
- }
119
- )
120
- ]
121
- },
122
- "modal-window"
123
- ) }) });
124
- };
125
- export {
126
- _e as M,
127
- G as S,
128
- b as a,
129
- U as b,
130
- J as c
131
- };
@@ -1,274 +0,0 @@
1
- import { jsxs as i, jsx as s } from "react/jsx-runtime";
2
- import { c as d } from "./bind-06a7ff84.js";
3
- import * as u from "react";
4
- import { useState as h } from "react";
5
- import { Popover as C } from "./popover.js";
6
- import { B as v } from "./button-7fb84fde.js";
7
- import { F as T } from "./fieldText-d80b29ba.js";
8
- import { B as m } from "./baseIconButton-7bc53dec.js";
9
- const $ = (e) => /* @__PURE__ */ u.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("path", { d: "M12 13L4 8L12 3L12 13Z" })), y = (e) => /* @__PURE__ */ u.createElement("svg", { width: 13, height: 12, viewBox: "0 0 13 12", fill: "#A2AAB5", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ u.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M0 12L2 12L2 2.38498e-08L1.90798e-07 0L0 12ZM13 1L5 6L13 11L13 1Z" })), O = {
10
- "item-counter": "_item-counter_4g6do_1"
11
- }, B = d.bind(O), P = ({
12
- activePage: e,
13
- pageSize: n,
14
- totalItems: o,
15
- ofText: l,
16
- itemsText: a
17
- }) => {
18
- const r = e * n, c = r - n;
19
- return /* @__PURE__ */ i("div", { className: B("item-counter"), children: [
20
- `${c + 1} - ${r < o ? r : o}`,
21
- ` ${l} ${o} ${a}`
22
- ] });
23
- }, k = "_selected_183l8_32", I = {
24
- "size-selector": "_size-selector_183l8_1",
25
- "size-option": "_size-option_183l8_6",
26
- selected: k
27
- }, w = d.bind(I), E = ({
28
- currentSize: e,
29
- options: n,
30
- onClickOption: o
31
- }) => /* @__PURE__ */ s("div", { className: w("size-selector"), children: n.map((l) => /* @__PURE__ */ s(
32
- "button",
33
- {
34
- className: w("size-option", { selected: l === e }),
35
- onClick: () => {
36
- o(l);
37
- },
38
- children: l
39
- },
40
- l
41
- )) }), j = {
42
- "page-size-control": "_page-size-control_gnurh_1",
43
- "size-selector-button": "_size-selector-button_gnurh_10"
44
- }, z = d.bind(j), V = ({
45
- size: e,
46
- sizeOptions: n,
47
- perPageText: o,
48
- changeSize: l
49
- }) => {
50
- const [a, r] = h(!1), c = (t) => {
51
- l(t), r(!1);
52
- };
53
- return /* @__PURE__ */ i("div", { className: z("page-size-control"), children: [
54
- /* @__PURE__ */ s(
55
- C,
56
- {
57
- content: /* @__PURE__ */ s(E, { options: n, onClickOption: c, currentSize: e }),
58
- placement: "top",
59
- isOpened: a,
60
- setIsOpened: r,
61
- children: /* @__PURE__ */ s(v, { className: z("size-selector-button"), variant: "text", children: e })
62
- }
63
- ),
64
- ` ${o}`
65
- ] });
66
- }, F = {
67
- "page-selector": "_page-selector_rtho4_1",
68
- "field-wrapper": "_field-wrapper_rtho4_6",
69
- "apply-button": "_apply-button_rtho4_10"
70
- }, b = d.bind(F), M = ({
71
- totalPages: e,
72
- pageText: n,
73
- goActionText: o,
74
- selectPage: l
75
- }) => {
76
- const [a, r] = h(""), [c, t] = h(!0), p = (A) => {
77
- const f = A.target.value.replace(/\D/g, ""), N = Number(f), L = N > 0 && N <= e;
78
- t(L), r(f);
79
- }, _ = () => {
80
- l(Number(a));
81
- };
82
- return /* @__PURE__ */ i("div", { className: b("page-selector"), children: [
83
- /* @__PURE__ */ s("div", { className: b("field-wrapper"), children: /* @__PURE__ */ s(
84
- T,
85
- {
86
- onChange: p,
87
- value: a,
88
- placeholder: n,
89
- error: c ? "" : "Error",
90
- touched: !0,
91
- defaultWidth: !1,
92
- displayError: !1
93
- }
94
- ) }),
95
- /* @__PURE__ */ s(v, { onClick: _, disabled: !a || !c, className: b("apply-button"), children: o })
96
- ] });
97
- }, R = {
98
- "active-page": "_active-page_14j0y_1",
99
- "page-selector": "_page-selector_14j0y_10",
100
- "page-selector-button": "_page-selector-button_14j0y_14"
101
- }, x = d.bind(R), Z = ({
102
- activePage: e,
103
- totalPages: n,
104
- pageText: o,
105
- goToText: l,
106
- goActionText: a,
107
- changePage: r
108
- }) => {
109
- const [c, t] = h(!1), p = (_) => {
110
- r(_), t(!1);
111
- };
112
- return /* @__PURE__ */ i("div", { className: x("active-page"), children: [
113
- `${o} `,
114
- /* @__PURE__ */ s(
115
- C,
116
- {
117
- content: /* @__PURE__ */ s(
118
- M,
119
- {
120
- pageText: o,
121
- goActionText: a,
122
- selectPage: p,
123
- totalPages: n
124
- }
125
- ),
126
- title: l,
127
- placement: "top",
128
- isOpened: c,
129
- setIsOpened: t,
130
- className: x("page-selector"),
131
- children: /* @__PURE__ */ s(v, { className: x("page-selector-button"), variant: "text", children: e })
132
- }
133
- )
134
- ] });
135
- }, G = "_next_1p2t5_18", D = {
136
- "page-navigator": "_page-navigator_1p2t5_1",
137
- "page-buttons": "_page-buttons_1p2t5_6",
138
- "page-button": "_page-button_1p2t5_6",
139
- next: G
140
- }, g = d.bind(D), W = ({
141
- activePage: e,
142
- changePage: n,
143
- totalPages: o
144
- }) => {
145
- const l = () => {
146
- n(1);
147
- }, a = () => {
148
- n(e - 1);
149
- }, r = () => {
150
- n(e + 1);
151
- }, c = () => {
152
- n(o);
153
- };
154
- return /* @__PURE__ */ i("div", { className: g("page-navigator"), children: [
155
- /* @__PURE__ */ i("div", { className: g("page-buttons"), children: [
156
- /* @__PURE__ */ s(
157
- m,
158
- {
159
- className: g("page-button"),
160
- onClick: l,
161
- disabled: e === 1,
162
- children: /* @__PURE__ */ s(y, {})
163
- }
164
- ),
165
- /* @__PURE__ */ s(
166
- m,
167
- {
168
- className: g("page-button"),
169
- onClick: a,
170
- disabled: e === 1,
171
- children: /* @__PURE__ */ s($, {})
172
- }
173
- )
174
- ] }),
175
- /* @__PURE__ */ i("div", { className: g("page-buttons"), children: [
176
- /* @__PURE__ */ s(
177
- m,
178
- {
179
- className: g("page-button", "next"),
180
- onClick: r,
181
- disabled: e === o,
182
- children: /* @__PURE__ */ s($, {})
183
- }
184
- ),
185
- /* @__PURE__ */ s(
186
- m,
187
- {
188
- className: g("page-button", "next"),
189
- onClick: c,
190
- disabled: e === o,
191
- children: /* @__PURE__ */ s(y, {})
192
- }
193
- )
194
- ] })
195
- ] });
196
- }, q = {
197
- "page-controls": "_page-controls_thyf8_1",
198
- "total-pages": "_total-pages_thyf8_8"
199
- }, S = d.bind(q), H = ({
200
- activePage: e,
201
- changePage: n,
202
- captions: o,
203
- totalPages: l
204
- }) => /* @__PURE__ */ i("div", { className: S("page-controls"), children: [
205
- /* @__PURE__ */ s(
206
- Z,
207
- {
208
- activePage: e,
209
- totalPages: l,
210
- changePage: n,
211
- pageText: o.page,
212
- goToText: o.goTo,
213
- goActionText: o.goAction
214
- }
215
- ),
216
- /* @__PURE__ */ s(W, { changePage: n, activePage: e, totalPages: l }),
217
- /* @__PURE__ */ i("span", { className: S("total-pages"), children: [
218
- `${o.of} `,
219
- l
220
- ] })
221
- ] }), J = "_pagination_uykxy_1", K = {
222
- pagination: J
223
- }, Q = d.bind(K), ne = ({
224
- activePage: e,
225
- totalPages: n,
226
- pageSize: o,
227
- totalItems: l,
228
- pageSizeOptions: a,
229
- changePage: r,
230
- changePageSize: c,
231
- captions: t
232
- }) => {
233
- const p = (t == null ? void 0 : t.of) || "of", _ = (t == null ? void 0 : t.page) || "Page";
234
- return /* @__PURE__ */ i("div", { className: Q("pagination"), children: [
235
- /* @__PURE__ */ s(
236
- P,
237
- {
238
- activePage: e,
239
- pageSize: o,
240
- totalItems: l,
241
- ofText: p,
242
- itemsText: (t == null ? void 0 : t.items) || "items"
243
- }
244
- ),
245
- n > 1 && /* @__PURE__ */ s(
246
- H,
247
- {
248
- activePage: e,
249
- totalPages: n,
250
- changePage: r,
251
- captions: {
252
- page: _,
253
- of: p,
254
- goTo: (t == null ? void 0 : t.goTo) || "Go to page",
255
- goAction: (t == null ? void 0 : t.goAction) || "Go"
256
- }
257
- }
258
- ),
259
- /* @__PURE__ */ s(
260
- V,
261
- {
262
- size: o,
263
- sizeOptions: a,
264
- changeSize: c,
265
- perPageText: (t == null ? void 0 : t.perPage) || "per page"
266
- }
267
- )
268
- ] });
269
- };
270
- export {
271
- ne as P,
272
- $ as S,
273
- y as a
274
- };
@@ -1,76 +0,0 @@
1
- import { jsxs as m, jsx as r } from "react/jsx-runtime";
2
- import { useRef as k } from "react";
3
- import { c as f } from "./bind-06a7ff84.js";
4
- import { K as t } from "./keyCodes-f63c0e11.js";
5
- const p = "_disabled_1sze8_9", g = "_toggler_1sze8_15", y = "_checked_1sze8_21", E = "_input_1sze8_28", x = {
6
- "radio-button": "_radio-button_1sze8_1",
7
- disabled: p,
8
- "children-container": "_children-container_1sze8_12",
9
- toggler: g,
10
- checked: y,
11
- input: E
12
- }, a = f.bind(x), v = ({
13
- option: e,
14
- value: o,
15
- onChange: u,
16
- onFocus: z,
17
- onBlur: C,
18
- className: b,
19
- ..._
20
- }) => {
21
- const s = k(null), d = String(e.value) === String(o), h = (l) => {
22
- var i, n;
23
- const { keyCode: c } = l;
24
- if (c === t.SPACE_KEY_CODE) {
25
- l.preventDefault(), (i = s.current) == null || i.click();
26
- return;
27
- }
28
- c === t.ENTER_KEY_CODE && (l.preventDefault(), (n = s.current) == null || n.click());
29
- };
30
- return (
31
- // eslint-disable-next-line
32
- /* @__PURE__ */ m(
33
- "label",
34
- {
35
- id: "rp-ui-kit-radio-label",
36
- className: a(b, "radio-button", {
37
- disabled: e.disabled
38
- }),
39
- tabIndex: e.disabled ? -1 : 0,
40
- onKeyDown: e.disabled ? void 0 : h,
41
- children: [
42
- /* @__PURE__ */ r(
43
- "input",
44
- {
45
- tabIndex: -1,
46
- ref: s,
47
- type: "radio",
48
- className: a("input"),
49
- disabled: e.disabled,
50
- onChange: u,
51
- value: e.value,
52
- checked: d,
53
- ..._
54
- }
55
- ),
56
- /* @__PURE__ */ r(
57
- "span",
58
- {
59
- role: "radio",
60
- "aria-labelledby": "rp-ui-kit-radio-label",
61
- "aria-checked": d,
62
- className: a("toggler", {
63
- disabled: e.disabled,
64
- checked: d
65
- })
66
- }
67
- ),
68
- /* @__PURE__ */ r("span", { className: a("children-container"), children: e.label })
69
- ]
70
- }
71
- )
72
- );
73
- };
74
- export {
75
- v as R
76
- };
@@ -1,30 +0,0 @@
1
- import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
- import { c } from "./bind-06a7ff84.js";
3
- const m = "_children_fp9ws_54", o = {
4
- "system-message": "_system-message_fp9ws_1",
5
- "stripes-info": "_stripes-info_fp9ws_12",
6
- "stripes-warning": "_stripes-warning_fp9ws_17",
7
- "stripes-error": "_stripes-error_fp9ws_22",
8
- "text-container": "_text-container_fp9ws_27",
9
- "message-header-info": "_message-header-info_fp9ws_30",
10
- "message-header-warning": "_message-header-warning_fp9ws_38",
11
- "message-header-error": "_message-header-error_fp9ws_46",
12
- children: m,
13
- "content-width": "_content-width_fp9ws_70"
14
- }, s = c.bind(o), f = ({
15
- header: r,
16
- caption: a,
17
- children: i,
18
- mode: n = "info",
19
- widthByContent: _ = !1
20
- }) => /* @__PURE__ */ t("div", { className: s("system-message", { "content-width": _ }), children: [
21
- /* @__PURE__ */ e("div", { className: s(`stripes-${n}`) }),
22
- /* @__PURE__ */ t("div", { className: s("text-container"), children: [
23
- r && /* @__PURE__ */ e("h1", { className: s(`message-header-${n}`), children: r }),
24
- /* @__PURE__ */ e("div", { className: s("children"), children: i }),
25
- a && /* @__PURE__ */ e("p", { children: a })
26
- ] })
27
- ] });
28
- export {
29
- f as S
30
- };
@@ -1,132 +0,0 @@
1
- import { jsxs as r, jsx as a } from "react/jsx-runtime";
2
- import * as n from "react";
3
- import { useState as w, useMemo as V } from "react";
4
- import { c as q } from "./bind-06a7ff84.js";
5
- import "./baseIconButton-7bc53dec.js";
6
- import { C } from "./checkbox-4143390f.js";
7
- const D = (t) => /* @__PURE__ */ n.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.85355 12.8536C7.65829 13.0488 7.34171 13.0488 7.14645 12.8536L4.14645 9.85355C3.95118 9.65829 3.95118 9.34171 4.14645 9.14645C4.34171 8.95118 4.65829 8.95118 4.85355 9.14645L7 11.2929L7 3.5C7 3.22386 7.22386 3 7.5 3C7.77614 3 8 3.22386 8 3.5L8 11.2929L10.1464 9.14645C10.3417 8.95119 10.6583 8.95118 10.8536 9.14645C11.0488 9.34171 11.0488 9.65829 10.8536 9.85355L7.85355 12.8536Z", fill: "#A2AAB5" })), g = (t) => /* @__PURE__ */ n.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ n.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.14645 3.14645C7.34171 2.95118 7.65829 2.95118 7.85355 3.14645L10.8536 6.14645C11.0488 6.34171 11.0488 6.65829 10.8536 6.85355C10.6583 7.04882 10.3417 7.04882 10.1464 6.85355L8 4.70711V12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 4.70711L4.85355 6.85355C4.65829 7.04882 4.34171 7.04882 4.14645 6.85355C3.95118 6.65829 3.95118 6.34171 4.14645 6.14645L7.14645 3.14645Z", fill: "#A2AAB5" })), F = "_table_fmu4u_5", G = {
8
- table: F,
9
- "table-header": "_table-header_fmu4u_10",
10
- "table-row": "_table-row_fmu4u_17",
11
- "table-row-content": "_table-row-content_fmu4u_22",
12
- "size-small": "_size-small_fmu4u_31",
13
- "size-large": "_size-large_fmu4u_34",
14
- "table-body": "_table-body_fmu4u_41",
15
- "table-header-cell": "_table-header-cell_fmu4u_48",
16
- "table-cell": "_table-cell_fmu4u_48",
17
- "action-menu-cell": "_action-menu-cell_fmu4u_53",
18
- "checkbox-cell": "_checkbox-cell_fmu4u_63",
19
- "primary-cell": "_primary-cell_fmu4u_71",
20
- "align-right": "_align-right_fmu4u_88",
21
- "align-center": "_align-center_fmu4u_94"
22
- };
23
- var b = /* @__PURE__ */ ((t) => (t.ASC = "asc", t.DESC = "desc", t))(b || {});
24
- const l = q.bind(G), W = ({
25
- data: t,
26
- primaryColumn: i,
27
- fixedColumns: u,
28
- rowActionMenu: d,
29
- className: L = "",
30
- selectable: v = !1,
31
- selectedRowIds: o = [],
32
- sortingDirection: m = b.ASC,
33
- sortingColumn: s = i,
34
- onChangeSorting: N = () => {
35
- },
36
- onToggleRowSelection: x = () => {
37
- },
38
- onToggleAllRowsSelection: A = () => {
39
- }
40
- }) => {
41
- const [S, y] = w(null), [z, f] = w(null), p = V(() => [{ ...i, primary: !0 }, ...u], [i, u]), E = (e) => {
42
- N({ key: e, direction: m });
43
- }, k = (e) => ({
44
- width: e.width,
45
- textAlign: e.align
46
- }), M = (e) => {
47
- y(e);
48
- }, R = () => {
49
- y(null);
50
- }, B = (e) => {
51
- f(e);
52
- }, j = () => {
53
- f(null);
54
- }, H = (e) => {
55
- x(e);
56
- }, T = () => {
57
- A();
58
- }, Z = t.every((e) => o.includes(e.id)), h = t.some((e) => o.includes(e.id)), $ = (e) => {
59
- var c;
60
- return `size-${((c = e.rowConfigs) == null ? void 0 : c.size) ?? "default"}`;
61
- }, U = (e) => (s == null ? void 0 : s.key) === e ? m === b.ASC ? /* @__PURE__ */ a(g, {}) : /* @__PURE__ */ a(D, {}) : /* @__PURE__ */ a(g, {});
62
- return /* @__PURE__ */ r("div", { className: l("table", L), children: [
63
- /* @__PURE__ */ r("div", { className: l("table-header"), children: [
64
- v && /* @__PURE__ */ a("div", { className: l("table-header-cell", "checkbox-cell"), children: h && /* @__PURE__ */ a(
65
- C,
66
- {
67
- value: Z,
68
- partiallyChecked: h,
69
- onChange: T,
70
- className: l("checkbox-cell")
71
- }
72
- ) }),
73
- p.map((e) => /* @__PURE__ */ r(
74
- "button",
75
- {
76
- className: l("table-header-cell", {
77
- [`align-${e.align}`]: "align" in e,
78
- "primary-cell": "primary" in e && e.primary
79
- }),
80
- style: k(e),
81
- onClick: () => E(e.key),
82
- onMouseEnter: () => M(e.key),
83
- onMouseLeave: R,
84
- children: [
85
- /* @__PURE__ */ a("span", { children: e.header }),
86
- (S === e.key || (s == null ? void 0 : s.key) === e.key) && U(e.key)
87
- ]
88
- },
89
- e.key
90
- )),
91
- d && /* @__PURE__ */ a("div", { className: l("table-header-cell", "action-menu-cell") })
92
- ] }),
93
- /* @__PURE__ */ a("div", { className: l("table-body"), children: t.map((e, _) => /* @__PURE__ */ r(
94
- "div",
95
- {
96
- className: l("table-row", $(e)),
97
- onMouseEnter: () => B(_),
98
- onMouseLeave: j,
99
- children: [
100
- v && /* @__PURE__ */ a("div", { className: l("table-cell", "checkbox-cell"), children: (h || z === _) && /* @__PURE__ */ a(
101
- C,
102
- {
103
- value: o.includes(e.id),
104
- onChange: () => H(e.id),
105
- className: l("checkbox-cell")
106
- }
107
- ) }),
108
- /* @__PURE__ */ r("div", { className: l("table-row-content"), children: [
109
- p.map((c) => /* @__PURE__ */ a(
110
- "div",
111
- {
112
- className: l("table-cell", "table-cell", {
113
- "primary-cell": "primary" in c && c.primary
114
- }),
115
- style: k(c),
116
- children: e[c.key].component || e[c.key].content || e[c.key]
117
- },
118
- c.key
119
- )),
120
- d && /* @__PURE__ */ a("div", { className: l("table-cell", "action-menu-cell"), children: d })
121
- ] })
122
- ]
123
- },
124
- e.id
125
- )) })
126
- ] });
127
- };
128
- export {
129
- D as S,
130
- W as T,
131
- g as a
132
- };