@sisense/sdk-shared-ui 2.7.0 → 2.8.0

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 (120) hide show
  1. package/dist/{Breadcrumbs-B-OHBus7.cjs → Breadcrumbs-BPFGyMFx.cjs} +3 -3
  2. package/dist/{Breadcrumbs-DrCp8avo.js → Breadcrumbs-Dx05v0v1.js} +17 -17
  3. package/dist/{Button-cvim-8Bz.js → Button-Ok4u9SDv.js} +4 -4
  4. package/dist/{Button-CvkAcTyS.cjs → Button-SdsF1IuR.cjs} +1 -1
  5. package/dist/{ButtonBase-4TqAVSBf.js → ButtonBase-BFKx2I1_.js} +3 -3
  6. package/dist/{ButtonBase-hZEG-21k.cjs → ButtonBase-_pI6xEeE.cjs} +1 -1
  7. package/dist/{Checkbox-BbF4jutm.cjs → Checkbox-BsNYaD1B.cjs} +1 -1
  8. package/dist/{Checkbox-aMi60WQj.js → Checkbox-DZEeQIus.js} +7 -7
  9. package/dist/{CircularProgress-B3FkrcM6.js → CircularProgress-BDTuj27S.js} +3 -3
  10. package/dist/{CircularProgress-BWqRJiR-.cjs → CircularProgress-BW3Hjcp9.cjs} +1 -1
  11. package/dist/{DEPRECATED_Button-CKGdJitl.cjs → DEPRECATED_Button-CIjcOy2c.cjs} +1 -1
  12. package/dist/{DEPRECATED_Button-Dhs0ieAl.js → DEPRECATED_Button-D4Ej5Vhs.js} +1 -1
  13. package/dist/{Dropdown-B6uSaA3z.cjs → Dropdown-C-gB9fcP.cjs} +1 -1
  14. package/dist/{Dropdown-BzcjbX6k.js → Dropdown-DHawmEpj.js} +1 -1
  15. package/dist/{Icon-DVO7Byvy.js → Icon-CJxir64u.js} +2 -2
  16. package/dist/{Icon-DFhY5sRf.cjs → Icon-MnCGEEQV.cjs} +1 -1
  17. package/dist/Menu-1NGOC2wt.cjs +1 -0
  18. package/dist/Menu-B79T1mdd.js +902 -0
  19. package/dist/{Portal-C6RJkJ6n.js → Portal-CuOEoTV6.js} +4 -4
  20. package/dist/{Portal-B6TDsfBi.cjs → Portal-DjzIwZc4.cjs} +1 -1
  21. package/dist/{SvgIcon-a_07YA77.js → SvgIcon-Cx2GHl0w.js} +2 -2
  22. package/dist/{SvgIcon-CjUZ_jwt.cjs → SvgIcon-DOhrb2-I.cjs} +1 -1
  23. package/dist/{TablePagination-CNwjJIdB.cjs → TablePagination-B9mPoc_j.cjs} +12 -12
  24. package/dist/{TablePagination-D4-bcrO_.js → TablePagination-DVbTwUqR.js} +26 -26
  25. package/dist/{Tooltip-BjyR1mIC.cjs → Tooltip-CvpZynmo.cjs} +1 -1
  26. package/dist/{Tooltip-CWF5y-3F.js → Tooltip-DNpXhTeO.js} +77 -77
  27. package/dist/{TransitionGroupContext-BNiEy2cD.js → TransitionGroupContext-ChvHFIH-.js} +2 -2
  28. package/dist/{TransitionGroupContext-CJJeIdck.cjs → TransitionGroupContext-gYEZneWE.cjs} +1 -1
  29. package/dist/{Typography-ReSKaH87.js → Typography-BzL8bBVw.js} +5 -5
  30. package/dist/{Typography-Pieq_mxw.cjs → Typography-DpSJrSkJ.cjs} +1 -1
  31. package/dist/{createSvgIcon-CiRZfwSO.js → createSvgIcon-BICIYW9O.js} +1 -1
  32. package/dist/{createSvgIcon-DgE0zN0k.cjs → createSvgIcon-CNsKzZej.cjs} +1 -1
  33. package/dist/emotion-cache-provider-BA0VP8z6.cjs +108 -0
  34. package/dist/{emotion-cache-provider-B6yKtm_a.js → emotion-cache-provider-CbsuuMnH.js} +1588 -1755
  35. package/dist/{lightweight/index-D0lMis-I.js → index-B2g_Xs_b.js} +138 -140
  36. package/dist/index-CHH7nhRo.cjs +20 -0
  37. package/dist/index.cjs +1 -1
  38. package/dist/index.js +10 -10
  39. package/dist/index.umd.js +41 -41
  40. package/dist/integerPropType-Ched4o4e.cjs +1 -0
  41. package/dist/integerPropType-D-nm5Xmm.js +31 -0
  42. package/dist/lib/Breadcrumbs/Breadcrumbs.cjs +1 -1
  43. package/dist/lib/Breadcrumbs/Breadcrumbs.js +2 -2
  44. package/dist/lib/Button/Button.cjs +1 -1
  45. package/dist/lib/Button/Button.js +2 -2
  46. package/dist/lib/Checkbox/Checkbox.cjs +1 -1
  47. package/dist/lib/Checkbox/Checkbox.js +1 -1
  48. package/dist/lib/DEPRECATED_Button/DEPRECATED_Button.cjs +1 -1
  49. package/dist/lib/DEPRECATED_Button/DEPRECATED_Button.js +1 -1
  50. package/dist/lib/DEPRECATED_Tooltip/DEPRECATED_Tooltip.d.ts.map +1 -1
  51. package/dist/lib/Dropdown/Dropdown.cjs +1 -1
  52. package/dist/lib/Dropdown/Dropdown.d.ts +1 -2
  53. package/dist/lib/Dropdown/Dropdown.d.ts.map +1 -1
  54. package/dist/lib/Dropdown/Dropdown.js +1 -1
  55. package/dist/lib/Icon/Icon.cjs +1 -1
  56. package/dist/lib/Icon/Icon.js +1 -1
  57. package/dist/lib/Input/Input.d.ts.map +1 -1
  58. package/dist/lib/LazyLoader/LazyLoader.d.ts.map +1 -1
  59. package/dist/lib/Menu/Menu.cjs +1 -1
  60. package/dist/lib/Menu/Menu.d.ts +6 -1
  61. package/dist/lib/Menu/Menu.d.ts.map +1 -1
  62. package/dist/lib/Menu/Menu.js +2 -2
  63. package/dist/lib/Popover/Popover.d.ts.map +1 -1
  64. package/dist/lib/TablePagination/TablePagination.cjs +1 -1
  65. package/dist/lib/TablePagination/TablePagination.js +1 -1
  66. package/dist/lib/Tooltip/Tooltip.cjs +1 -1
  67. package/dist/lib/Tooltip/Tooltip.js +2 -2
  68. package/dist/lib/Typography/Typography.cjs +1 -1
  69. package/dist/lib/Typography/Typography.js +2 -2
  70. package/dist/lib/themes/themes.cjs +1 -1
  71. package/dist/lib/themes/themes.js +1 -1
  72. package/dist/lightweight/DEPRECATED_Button-CJkh2swh.js +746 -0
  73. package/dist/lightweight/DEPRECATED_Button-CTtEqID4.cjs +20 -0
  74. package/dist/lightweight/{Dropdown-B6uSaA3z.cjs → Dropdown-C-gB9fcP.cjs} +1 -1
  75. package/dist/lightweight/{Dropdown-C5DcG6WG.js → Dropdown-DtISatbx.js} +1 -1
  76. package/dist/lightweight/Menu-1NGOC2wt.cjs +1 -0
  77. package/dist/lightweight/Menu-dqrqcZgC.js +902 -0
  78. package/dist/lightweight/index.cjs +1 -1
  79. package/dist/lightweight/index.js +3 -3
  80. package/dist/lightweight/lib/DEPRECATED_Button/DEPRECATED_Button.cjs +1 -1
  81. package/dist/lightweight/lib/DEPRECATED_Button/DEPRECATED_Button.js +1 -1
  82. package/dist/lightweight/lib/DEPRECATED_Tooltip/DEPRECATED_Tooltip.d.ts.map +1 -1
  83. package/dist/lightweight/lib/Dropdown/Dropdown.cjs +1 -1
  84. package/dist/lightweight/lib/Dropdown/Dropdown.d.ts +1 -2
  85. package/dist/lightweight/lib/Dropdown/Dropdown.d.ts.map +1 -1
  86. package/dist/lightweight/lib/Dropdown/Dropdown.js +1 -1
  87. package/dist/lightweight/lib/Input/Input.d.ts.map +1 -1
  88. package/dist/lightweight/lib/LazyLoader/LazyLoader.d.ts.map +1 -1
  89. package/dist/lightweight/lib/Menu/Menu.cjs +1 -1
  90. package/dist/lightweight/lib/Menu/Menu.d.ts +6 -1
  91. package/dist/lightweight/lib/Menu/Menu.d.ts.map +1 -1
  92. package/dist/lightweight/lib/Menu/Menu.js +2 -2
  93. package/dist/lightweight/lib/Popover/Popover.d.ts.map +1 -1
  94. package/dist/lightweight/lib/themes/themes.cjs +1 -1
  95. package/dist/lightweight/lib/themes/themes.js +1 -1
  96. package/dist/lightweight/package.json +9 -10
  97. package/dist/package.json +9 -10
  98. package/dist/{resolveComponentProps-BjHOskdg.cjs → resolveComponentProps-C1BCvUav.cjs} +1 -1
  99. package/dist/{resolveComponentProps-L5VTqIs8.js → resolveComponentProps-CVKbaofP.js} +1 -1
  100. package/dist/{useFormControl-DNim9J_T.cjs → useFormControl-CisPyzzB.cjs} +1 -1
  101. package/dist/{useFormControl-lYrMmqEx.js → useFormControl-ngVvjZV5.js} +1 -1
  102. package/dist/{useSlot-BHK4fbKV.cjs → useSlot-CIx66mhH.cjs} +1 -1
  103. package/dist/{useSlot-DUGuD2Ya.js → useSlot-V_VuJk__.js} +2 -2
  104. package/dist/{useSlotProps-ChaoOi-_.cjs → useSlotProps-CNjMh886.cjs} +1 -1
  105. package/dist/{useSlotProps-9rt1So3E.js → useSlotProps-Cvkx05GZ.js} +2 -2
  106. package/dist/{useTheme-DPwUUXTG.js → useTheme-D8nF1njr.js} +1 -1
  107. package/dist/{useTheme-Dn8Us9iT.cjs → useTheme-zwxXljhI.cjs} +1 -1
  108. package/package.json +9 -10
  109. package/dist/Menu-CgLII61r.cjs +0 -1
  110. package/dist/Menu-DqvdoiKn.js +0 -1211
  111. package/dist/emotion-cache-provider-XZE1SDsY.cjs +0 -122
  112. package/dist/index-B-zZeebW.cjs +0 -20
  113. package/dist/index-D0lMis-I.js +0 -667
  114. package/dist/integerPropType-B8hl-7D0.js +0 -180
  115. package/dist/integerPropType-BGlNA6vX.cjs +0 -17
  116. package/dist/lightweight/DEPRECATED_Button-CKGdJitl.cjs +0 -1
  117. package/dist/lightweight/DEPRECATED_Button-Dhs0ieAl.js +0 -87
  118. package/dist/lightweight/Menu-CgLII61r.cjs +0 -1
  119. package/dist/lightweight/Menu-DeHgR0JO.js +0 -1211
  120. package/dist/lightweight/index-B-zZeebW.cjs +0 -20
@@ -1,1211 +0,0 @@
1
- import { jsxs as $, jsx as v } from "react/jsx-runtime";
2
- import D from "classnames";
3
- import Le, { Component as ze } from "react";
4
- import { c as Ve, p as Ze } from "./index-D0lMis-I.js";
5
- import { L as Qe } from "./LazyLoader-DB86QSSx.js";
6
- import { P as _e } from "./Popover-BAehEo3a.js";
7
- import { s as K } from "./styleguideConstants-D4Yls16w.js";
8
- import { D as Je } from "./DEPRECATED_Checkbox-Be1l_Vce.js";
9
- import { D as oe } from "./DEPRECATED_Icon-Bgufd-9Q.js";
10
- import { D as Ke } from "./DEPRECATED_Toggle-DMnlQO3F.js";
11
- import { D as et } from "./DEPRECATED_Tooltip-C3s_235Q.js";
12
- import { R as tt } from "./RadioButton-BpAksn2s.js";
13
- var Ie = {}, Oe = {}, ce = { exports: {} }, ee = { exports: {} };
14
- (function() {
15
- var n, o, e, i, u, c;
16
- typeof performance < "u" && performance !== null && performance.now ? ee.exports = function() {
17
- return performance.now();
18
- } : typeof process < "u" && process !== null && process.hrtime ? (ee.exports = function() {
19
- return (n() - u) / 1e6;
20
- }, o = process.hrtime, n = function() {
21
- var d;
22
- return d = o(), d[0] * 1e9 + d[1];
23
- }, i = n(), c = process.uptime() * 1e9, u = i - c) : Date.now ? (ee.exports = function() {
24
- return Date.now() - e;
25
- }, e = Date.now()) : (ee.exports = function() {
26
- return (/* @__PURE__ */ new Date()).getTime() - e;
27
- }, e = (/* @__PURE__ */ new Date()).getTime());
28
- }).call(Ve);
29
- var rt = ee.exports, nt = rt, O = typeof window > "u" ? Ve : window, ie = ["moz", "webkit"], q = "AnimationFrame", j = O["request" + q], te = O["cancel" + q] || O["cancelRequest" + q];
30
- for (var J = 0; !j && J < ie.length; J++)
31
- j = O[ie[J] + "Request" + q], te = O[ie[J] + "Cancel" + q] || O[ie[J] + "CancelRequest" + q];
32
- if (!j || !te) {
33
- var Se = 0, Me = 0, X = [], ot = 1e3 / 60;
34
- j = function(n) {
35
- if (X.length === 0) {
36
- var o = nt(), e = Math.max(0, ot - (o - Se));
37
- Se = e + o, setTimeout(function() {
38
- var i = X.slice(0);
39
- X.length = 0;
40
- for (var u = 0; u < i.length; u++)
41
- if (!i[u].cancelled)
42
- try {
43
- i[u].callback(Se);
44
- } catch (c) {
45
- setTimeout(function() {
46
- throw c;
47
- }, 0);
48
- }
49
- }, Math.round(e));
50
- }
51
- return X.push({
52
- handle: ++Me,
53
- callback: n,
54
- cancelled: !1
55
- }), Me;
56
- }, te = function(n) {
57
- for (var o = 0; o < X.length; o++)
58
- X[o].handle === n && (X[o].cancelled = !0);
59
- };
60
- }
61
- ce.exports = function(n) {
62
- return j.call(O, n);
63
- };
64
- ce.exports.cancel = function() {
65
- te.apply(O, arguments);
66
- };
67
- ce.exports.polyfill = function(n) {
68
- n || (n = O), n.requestAnimationFrame = j, n.cancelAnimationFrame = te;
69
- };
70
- var it = ce.exports, de = { exports: {} }, ye = null, Ce = ["Webkit", "Moz", "O", "ms"], at = function(o) {
71
- ye || (ye = document.createElement("div"));
72
- var e = ye.style;
73
- if (o in e)
74
- return o;
75
- for (var i = o.charAt(0).toUpperCase() + o.slice(1), u = Ce.length; u >= 0; u--) {
76
- var c = Ce[u] + i;
77
- if (c in e)
78
- return c;
79
- }
80
- return !1;
81
- }, lt = dt, st = /\s/, ut = /(_|-|\.|:)/, ct = /([a-z][A-Z]|[A-Z][a-z])/;
82
- function dt(n) {
83
- return st.test(n) ? n.toLowerCase() : ut.test(n) ? (ft(n) || n).toLowerCase() : ct.test(n) ? vt(n).toLowerCase() : n.toLowerCase();
84
- }
85
- var ht = /[\W_]+(.|$)/g;
86
- function ft(n) {
87
- return n.replace(ht, function(o, e) {
88
- return e ? " " + e : "";
89
- });
90
- }
91
- var mt = /(.)([A-Z]+)/g;
92
- function vt(n) {
93
- return n.replace(mt, function(o, e, i) {
94
- return e + " " + i.toLowerCase().split("").join(" ");
95
- });
96
- }
97
- var pt = lt, gt = bt;
98
- function bt(n) {
99
- return pt(n).replace(/[\W_]+(.|$)/g, function(o, e) {
100
- return e ? " " + e : "";
101
- }).trim();
102
- }
103
- var Tt = gt, _t = St;
104
- function St(n) {
105
- return Tt(n).replace(/\s(\w)/g, function(o, e) {
106
- return e.toUpperCase();
107
- });
108
- }
109
- var yt = {
110
- animationIterationCount: !0,
111
- boxFlex: !0,
112
- boxFlexGroup: !0,
113
- boxOrdinalGroup: !0,
114
- columnCount: !0,
115
- flex: !0,
116
- flexGrow: !0,
117
- flexPositive: !0,
118
- flexShrink: !0,
119
- flexNegative: !0,
120
- flexOrder: !0,
121
- gridRow: !0,
122
- gridColumn: !0,
123
- fontWeight: !0,
124
- lineClamp: !0,
125
- lineHeight: !0,
126
- opacity: !0,
127
- order: !0,
128
- orphans: !0,
129
- tabSize: !0,
130
- widows: !0,
131
- zIndex: !0,
132
- zoom: !0,
133
- // SVG-related properties
134
- fillOpacity: !0,
135
- stopOpacity: !0,
136
- strokeDashoffset: !0,
137
- strokeOpacity: !0,
138
- strokeWidth: !0
139
- }, kt = function(n, o) {
140
- return typeof o == "number" && !yt[n] ? o + "px" : o;
141
- }, Ht = at, wt = _t, le = { float: "cssFloat" }, Mt = kt;
142
- function se(n, o, e) {
143
- var i = le[o];
144
- if (typeof i > "u" && (i = Dt(o)), i) {
145
- if (e === void 0)
146
- return n.style[i];
147
- n.style[i] = Mt(i, e);
148
- }
149
- }
150
- function Ct(n, o) {
151
- for (var e in o)
152
- o.hasOwnProperty(e) && se(n, e, o[e]);
153
- }
154
- function Dt(n) {
155
- var o = wt(n), e = Ht(o);
156
- return le[o] = le[n] = le[e] = e, e;
157
- }
158
- function We() {
159
- arguments.length === 2 ? typeof arguments[1] == "string" ? arguments[0].style.cssText = arguments[1] : Ct(arguments[0], arguments[1]) : se(arguments[0], arguments[1], arguments[2]);
160
- }
161
- de.exports = We;
162
- de.exports.set = We;
163
- de.exports.get = function(n, o) {
164
- return Array.isArray(o) ? o.reduce(function(e, i) {
165
- return e[i] = se(n, i || ""), e;
166
- }, {}) : se(n, o || "");
167
- };
168
- var xe = de.exports, Ne = {};
169
- (function(n) {
170
- Object.defineProperty(n, "__esModule", {
171
- value: !0
172
- }), n.default = o;
173
- function o(e) {
174
- return typeof e == "string";
175
- }
176
- })(Ne);
177
- var Re = {};
178
- (function(n) {
179
- Object.defineProperty(n, "__esModule", {
180
- value: !0
181
- }), n.default = c;
182
- var o = xe, e = i(o);
183
- function i(d) {
184
- return d && d.__esModule ? d : { default: d };
185
- }
186
- var u = !1;
187
- function c() {
188
- if (u !== !1) return u;
189
- if (typeof document < "u") {
190
- var d = document.createElement("div");
191
- (0, e.default)(d, {
192
- width: 100,
193
- height: 100,
194
- position: "absolute",
195
- top: -9999,
196
- overflow: "scroll",
197
- MsOverflowStyle: "scrollbar"
198
- }), document.body.appendChild(d), u = d.offsetWidth - d.clientWidth, document.body.removeChild(d);
199
- } else
200
- u = 0;
201
- return u || 0;
202
- }
203
- })(Re);
204
- var Pe = {};
205
- (function(n) {
206
- Object.defineProperty(n, "__esModule", {
207
- value: !0
208
- }), n.default = o;
209
- function o() {
210
- return !1;
211
- }
212
- })(Pe);
213
- var Ae = {};
214
- (function(n) {
215
- Object.defineProperty(n, "__esModule", {
216
- value: !0
217
- }), n.default = o;
218
- function o(e) {
219
- var i = e.clientWidth, u = getComputedStyle(e), c = u.paddingLeft, d = u.paddingRight;
220
- return i - parseFloat(c) - parseFloat(d);
221
- }
222
- })(Ae);
223
- var Be = {};
224
- (function(n) {
225
- Object.defineProperty(n, "__esModule", {
226
- value: !0
227
- }), n.default = o;
228
- function o(e) {
229
- var i = e.clientHeight, u = getComputedStyle(e), c = u.paddingTop, d = u.paddingBottom;
230
- return i - parseFloat(c) - parseFloat(d);
231
- }
232
- })(Be);
233
- var H = {};
234
- Object.defineProperty(H, "__esModule", {
235
- value: !0
236
- });
237
- H.containerStyleDefault = {
238
- position: "relative",
239
- overflow: "hidden",
240
- width: "100%",
241
- height: "100%"
242
- };
243
- H.containerStyleAutoHeight = {
244
- height: "auto"
245
- };
246
- H.viewStyleDefault = {
247
- position: "absolute",
248
- top: 0,
249
- left: 0,
250
- right: 0,
251
- bottom: 0,
252
- overflow: "scroll",
253
- WebkitOverflowScrolling: "touch"
254
- };
255
- H.viewStyleAutoHeight = {
256
- position: "relative",
257
- top: void 0,
258
- left: void 0,
259
- right: void 0,
260
- bottom: void 0
261
- };
262
- H.viewStyleUniversalInitial = {
263
- overflow: "hidden",
264
- marginRight: 0,
265
- marginBottom: 0
266
- };
267
- H.trackHorizontalStyleDefault = {
268
- position: "absolute",
269
- height: 6
270
- };
271
- H.trackVerticalStyleDefault = {
272
- position: "absolute",
273
- width: 6
274
- };
275
- H.thumbHorizontalStyleDefault = {
276
- position: "relative",
277
- display: "block",
278
- height: "100%"
279
- };
280
- H.thumbVerticalStyleDefault = {
281
- position: "relative",
282
- display: "block",
283
- width: "100%"
284
- };
285
- H.disableSelectStyle = {
286
- userSelect: "none"
287
- };
288
- H.disableSelectStyleReset = {
289
- userSelect: ""
290
- };
291
- var Y = {};
292
- Object.defineProperty(Y, "__esModule", {
293
- value: !0
294
- });
295
- var F = Object.assign || function(n) {
296
- for (var o = 1; o < arguments.length; o++) {
297
- var e = arguments[o];
298
- for (var i in e)
299
- Object.prototype.hasOwnProperty.call(e, i) && (n[i] = e[i]);
300
- }
301
- return n;
302
- };
303
- Y.renderViewDefault = zt;
304
- Y.renderTrackHorizontalDefault = Vt;
305
- Y.renderTrackVerticalDefault = It;
306
- Y.renderThumbHorizontalDefault = Ot;
307
- Y.renderThumbVerticalDefault = Wt;
308
- var Et = Le, re = Lt(Et);
309
- function Lt(n) {
310
- return n && n.__esModule ? n : { default: n };
311
- }
312
- function he(n, o) {
313
- var e = {};
314
- for (var i in n)
315
- o.indexOf(i) >= 0 || Object.prototype.hasOwnProperty.call(n, i) && (e[i] = n[i]);
316
- return e;
317
- }
318
- function zt(n) {
319
- return re.default.createElement("div", n);
320
- }
321
- function Vt(n) {
322
- var o = n.style, e = he(n, ["style"]), i = F({}, o, {
323
- right: 2,
324
- bottom: 2,
325
- left: 2,
326
- borderRadius: 3
327
- });
328
- return re.default.createElement("div", F({ style: i }, e));
329
- }
330
- function It(n) {
331
- var o = n.style, e = he(n, ["style"]), i = F({}, o, {
332
- right: 2,
333
- bottom: 2,
334
- top: 2,
335
- borderRadius: 3
336
- });
337
- return re.default.createElement("div", F({ style: i }, e));
338
- }
339
- function Ot(n) {
340
- var o = n.style, e = he(n, ["style"]), i = F({}, o, {
341
- cursor: "pointer",
342
- borderRadius: "inherit",
343
- backgroundColor: "rgba(0,0,0,.2)"
344
- });
345
- return re.default.createElement("div", F({ style: i }, e));
346
- }
347
- function Wt(n) {
348
- var o = n.style, e = he(n, ["style"]), i = F({}, o, {
349
- cursor: "pointer",
350
- borderRadius: "inherit",
351
- backgroundColor: "rgba(0,0,0,.2)"
352
- });
353
- return re.default.createElement("div", F({ style: i }, e));
354
- }
355
- (function(n) {
356
- Object.defineProperty(n, "__esModule", {
357
- value: !0
358
- });
359
- var o = Object.assign || function(g) {
360
- for (var m = 1; m < arguments.length; m++) {
361
- var l = arguments[m];
362
- for (var r in l)
363
- Object.prototype.hasOwnProperty.call(l, r) && (g[r] = l[r]);
364
- }
365
- return g;
366
- }, e = /* @__PURE__ */ function() {
367
- function g(m, l) {
368
- for (var r = 0; r < l.length; r++) {
369
- var a = l[r];
370
- a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), Object.defineProperty(m, a.key, a);
371
- }
372
- }
373
- return function(m, l, r) {
374
- return l && g(m.prototype, l), r && g(m, r), m;
375
- };
376
- }(), i = it, u = x(i), c = xe, d = x(c), y = Le, E = Ze, f = x(E), W = Ne, V = x(W), k = Re, b = x(k), I = Pe, U = x(I), Fe = Ae, fe = x(Fe), Ue = Be, me = x(Ue), w = H, Z = Y;
377
- function x(g) {
378
- return g && g.__esModule ? g : { default: g };
379
- }
380
- function Xe(g, m) {
381
- var l = {};
382
- for (var r in g)
383
- m.indexOf(r) >= 0 || Object.prototype.hasOwnProperty.call(g, r) && (l[r] = g[r]);
384
- return l;
385
- }
386
- function $e(g, m) {
387
- if (!(g instanceof m))
388
- throw new TypeError("Cannot call a class as a function");
389
- }
390
- function Ye(g, m) {
391
- if (!g)
392
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
393
- return m && (typeof m == "object" || typeof m == "function") ? m : g;
394
- }
395
- function Ge(g, m) {
396
- if (typeof m != "function" && m !== null)
397
- throw new TypeError("Super expression must either be null or a function, not " + typeof m);
398
- g.prototype = Object.create(m && m.prototype, { constructor: { value: g, enumerable: !1, writable: !0, configurable: !0 } }), m && (Object.setPrototypeOf ? Object.setPrototypeOf(g, m) : g.__proto__ = m);
399
- }
400
- var ve = function(g) {
401
- Ge(m, g);
402
- function m(l) {
403
- var r;
404
- $e(this, m);
405
- for (var a = arguments.length, s = Array(a > 1 ? a - 1 : 0), h = 1; h < a; h++)
406
- s[h - 1] = arguments[h];
407
- var t = Ye(this, (r = m.__proto__ || Object.getPrototypeOf(m)).call.apply(r, [this, l].concat(s)));
408
- return t.getScrollLeft = t.getScrollLeft.bind(t), t.getScrollTop = t.getScrollTop.bind(t), t.getScrollWidth = t.getScrollWidth.bind(t), t.getScrollHeight = t.getScrollHeight.bind(t), t.getClientWidth = t.getClientWidth.bind(t), t.getClientHeight = t.getClientHeight.bind(t), t.getValues = t.getValues.bind(t), t.getThumbHorizontalWidth = t.getThumbHorizontalWidth.bind(t), t.getThumbVerticalHeight = t.getThumbVerticalHeight.bind(t), t.getScrollLeftForOffset = t.getScrollLeftForOffset.bind(t), t.getScrollTopForOffset = t.getScrollTopForOffset.bind(t), t.scrollLeft = t.scrollLeft.bind(t), t.scrollTop = t.scrollTop.bind(t), t.scrollToLeft = t.scrollToLeft.bind(t), t.scrollToTop = t.scrollToTop.bind(t), t.scrollToRight = t.scrollToRight.bind(t), t.scrollToBottom = t.scrollToBottom.bind(t), t.handleTrackMouseEnter = t.handleTrackMouseEnter.bind(t), t.handleTrackMouseLeave = t.handleTrackMouseLeave.bind(t), t.handleHorizontalTrackMouseDown = t.handleHorizontalTrackMouseDown.bind(t), t.handleVerticalTrackMouseDown = t.handleVerticalTrackMouseDown.bind(t), t.handleHorizontalThumbMouseDown = t.handleHorizontalThumbMouseDown.bind(t), t.handleVerticalThumbMouseDown = t.handleVerticalThumbMouseDown.bind(t), t.handleWindowResize = t.handleWindowResize.bind(t), t.handleScroll = t.handleScroll.bind(t), t.handleDrag = t.handleDrag.bind(t), t.handleDragEnd = t.handleDragEnd.bind(t), t.state = {
409
- didMountUniversal: !1
410
- }, t;
411
- }
412
- return e(m, [{
413
- key: "componentDidMount",
414
- value: function() {
415
- this.addListeners(), this.update(), this.componentDidMountUniversal();
416
- }
417
- }, {
418
- key: "componentDidMountUniversal",
419
- value: function() {
420
- var r = this.props.universal;
421
- r && this.setState({ didMountUniversal: !0 });
422
- }
423
- }, {
424
- key: "componentDidUpdate",
425
- value: function() {
426
- this.update();
427
- }
428
- }, {
429
- key: "componentWillUnmount",
430
- value: function() {
431
- this.removeListeners(), (0, i.cancel)(this.requestFrame), clearTimeout(this.hideTracksTimeout), clearInterval(this.detectScrollingInterval);
432
- }
433
- }, {
434
- key: "getScrollLeft",
435
- value: function() {
436
- return this.view ? this.view.scrollLeft : 0;
437
- }
438
- }, {
439
- key: "getScrollTop",
440
- value: function() {
441
- return this.view ? this.view.scrollTop : 0;
442
- }
443
- }, {
444
- key: "getScrollWidth",
445
- value: function() {
446
- return this.view ? this.view.scrollWidth : 0;
447
- }
448
- }, {
449
- key: "getScrollHeight",
450
- value: function() {
451
- return this.view ? this.view.scrollHeight : 0;
452
- }
453
- }, {
454
- key: "getClientWidth",
455
- value: function() {
456
- return this.view ? this.view.clientWidth : 0;
457
- }
458
- }, {
459
- key: "getClientHeight",
460
- value: function() {
461
- return this.view ? this.view.clientHeight : 0;
462
- }
463
- }, {
464
- key: "getValues",
465
- value: function() {
466
- var r = this.view || {}, a = r.scrollLeft, s = a === void 0 ? 0 : a, h = r.scrollTop, t = h === void 0 ? 0 : h, p = r.scrollWidth, T = p === void 0 ? 0 : p, S = r.scrollHeight, N = S === void 0 ? 0 : S, L = r.clientWidth, R = L === void 0 ? 0 : L, M = r.clientHeight, z = M === void 0 ? 0 : M;
467
- return {
468
- left: s / (T - R) || 0,
469
- top: t / (N - z) || 0,
470
- scrollLeft: s,
471
- scrollTop: t,
472
- scrollWidth: T,
473
- scrollHeight: N,
474
- clientWidth: R,
475
- clientHeight: z
476
- };
477
- }
478
- }, {
479
- key: "getThumbHorizontalWidth",
480
- value: function() {
481
- var r = this.props, a = r.thumbSize, s = r.thumbMinSize, h = this.view, t = h.scrollWidth, p = h.clientWidth, T = (0, fe.default)(this.trackHorizontal), S = Math.ceil(p / t * T);
482
- return T === S ? 0 : a || Math.max(S, s);
483
- }
484
- }, {
485
- key: "getThumbVerticalHeight",
486
- value: function() {
487
- var r = this.props, a = r.thumbSize, s = r.thumbMinSize, h = this.view, t = h.scrollHeight, p = h.clientHeight, T = (0, me.default)(this.trackVertical), S = Math.ceil(p / t * T);
488
- return T === S ? 0 : a || Math.max(S, s);
489
- }
490
- }, {
491
- key: "getScrollLeftForOffset",
492
- value: function(r) {
493
- var a = this.view, s = a.scrollWidth, h = a.clientWidth, t = (0, fe.default)(this.trackHorizontal), p = this.getThumbHorizontalWidth();
494
- return r / (t - p) * (s - h);
495
- }
496
- }, {
497
- key: "getScrollTopForOffset",
498
- value: function(r) {
499
- var a = this.view, s = a.scrollHeight, h = a.clientHeight, t = (0, me.default)(this.trackVertical), p = this.getThumbVerticalHeight();
500
- return r / (t - p) * (s - h);
501
- }
502
- }, {
503
- key: "scrollLeft",
504
- value: function() {
505
- var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
506
- this.view && (this.view.scrollLeft = r);
507
- }
508
- }, {
509
- key: "scrollTop",
510
- value: function() {
511
- var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
512
- this.view && (this.view.scrollTop = r);
513
- }
514
- }, {
515
- key: "scrollToLeft",
516
- value: function() {
517
- this.view && (this.view.scrollLeft = 0);
518
- }
519
- }, {
520
- key: "scrollToTop",
521
- value: function() {
522
- this.view && (this.view.scrollTop = 0);
523
- }
524
- }, {
525
- key: "scrollToRight",
526
- value: function() {
527
- this.view && (this.view.scrollLeft = this.view.scrollWidth);
528
- }
529
- }, {
530
- key: "scrollToBottom",
531
- value: function() {
532
- this.view && (this.view.scrollTop = this.view.scrollHeight);
533
- }
534
- }, {
535
- key: "addListeners",
536
- value: function() {
537
- if (!(typeof document > "u" || !this.view)) {
538
- var r = this.view, a = this.trackHorizontal, s = this.trackVertical, h = this.thumbHorizontal, t = this.thumbVertical;
539
- r.addEventListener("scroll", this.handleScroll), (0, b.default)() && (a.addEventListener("mouseenter", this.handleTrackMouseEnter), a.addEventListener("mouseleave", this.handleTrackMouseLeave), a.addEventListener("mousedown", this.handleHorizontalTrackMouseDown), s.addEventListener("mouseenter", this.handleTrackMouseEnter), s.addEventListener("mouseleave", this.handleTrackMouseLeave), s.addEventListener("mousedown", this.handleVerticalTrackMouseDown), h.addEventListener("mousedown", this.handleHorizontalThumbMouseDown), t.addEventListener("mousedown", this.handleVerticalThumbMouseDown), window.addEventListener("resize", this.handleWindowResize));
540
- }
541
- }
542
- }, {
543
- key: "removeListeners",
544
- value: function() {
545
- if (!(typeof document > "u" || !this.view)) {
546
- var r = this.view, a = this.trackHorizontal, s = this.trackVertical, h = this.thumbHorizontal, t = this.thumbVertical;
547
- r.removeEventListener("scroll", this.handleScroll), (0, b.default)() && (a.removeEventListener("mouseenter", this.handleTrackMouseEnter), a.removeEventListener("mouseleave", this.handleTrackMouseLeave), a.removeEventListener("mousedown", this.handleHorizontalTrackMouseDown), s.removeEventListener("mouseenter", this.handleTrackMouseEnter), s.removeEventListener("mouseleave", this.handleTrackMouseLeave), s.removeEventListener("mousedown", this.handleVerticalTrackMouseDown), h.removeEventListener("mousedown", this.handleHorizontalThumbMouseDown), t.removeEventListener("mousedown", this.handleVerticalThumbMouseDown), window.removeEventListener("resize", this.handleWindowResize), this.teardownDragging());
548
- }
549
- }
550
- }, {
551
- key: "handleScroll",
552
- value: function(r) {
553
- var a = this, s = this.props, h = s.onScroll, t = s.onScrollFrame;
554
- h && h(r), this.update(function(p) {
555
- var T = p.scrollLeft, S = p.scrollTop;
556
- a.viewScrollLeft = T, a.viewScrollTop = S, t && t(p);
557
- }), this.detectScrolling();
558
- }
559
- }, {
560
- key: "handleScrollStart",
561
- value: function() {
562
- var r = this.props.onScrollStart;
563
- r && r(), this.handleScrollStartAutoHide();
564
- }
565
- }, {
566
- key: "handleScrollStartAutoHide",
567
- value: function() {
568
- var r = this.props.autoHide;
569
- r && this.showTracks();
570
- }
571
- }, {
572
- key: "handleScrollStop",
573
- value: function() {
574
- var r = this.props.onScrollStop;
575
- r && r(), this.handleScrollStopAutoHide();
576
- }
577
- }, {
578
- key: "handleScrollStopAutoHide",
579
- value: function() {
580
- var r = this.props.autoHide;
581
- r && this.hideTracks();
582
- }
583
- }, {
584
- key: "handleWindowResize",
585
- value: function() {
586
- this.update();
587
- }
588
- }, {
589
- key: "handleHorizontalTrackMouseDown",
590
- value: function(r) {
591
- r.preventDefault();
592
- var a = r.target, s = r.clientX, h = a.getBoundingClientRect(), t = h.left, p = this.getThumbHorizontalWidth(), T = Math.abs(t - s) - p / 2;
593
- this.view.scrollLeft = this.getScrollLeftForOffset(T);
594
- }
595
- }, {
596
- key: "handleVerticalTrackMouseDown",
597
- value: function(r) {
598
- r.preventDefault();
599
- var a = r.target, s = r.clientY, h = a.getBoundingClientRect(), t = h.top, p = this.getThumbVerticalHeight(), T = Math.abs(t - s) - p / 2;
600
- this.view.scrollTop = this.getScrollTopForOffset(T);
601
- }
602
- }, {
603
- key: "handleHorizontalThumbMouseDown",
604
- value: function(r) {
605
- r.preventDefault(), this.handleDragStart(r);
606
- var a = r.target, s = r.clientX, h = a.offsetWidth, t = a.getBoundingClientRect(), p = t.left;
607
- this.prevPageX = h - (s - p);
608
- }
609
- }, {
610
- key: "handleVerticalThumbMouseDown",
611
- value: function(r) {
612
- r.preventDefault(), this.handleDragStart(r);
613
- var a = r.target, s = r.clientY, h = a.offsetHeight, t = a.getBoundingClientRect(), p = t.top;
614
- this.prevPageY = h - (s - p);
615
- }
616
- }, {
617
- key: "setupDragging",
618
- value: function() {
619
- (0, d.default)(document.body, w.disableSelectStyle), document.addEventListener("mousemove", this.handleDrag), document.addEventListener("mouseup", this.handleDragEnd), document.onselectstart = U.default;
620
- }
621
- }, {
622
- key: "teardownDragging",
623
- value: function() {
624
- (0, d.default)(document.body, w.disableSelectStyleReset), document.removeEventListener("mousemove", this.handleDrag), document.removeEventListener("mouseup", this.handleDragEnd), document.onselectstart = void 0;
625
- }
626
- }, {
627
- key: "handleDragStart",
628
- value: function(r) {
629
- this.dragging = !0, r.stopImmediatePropagation(), this.setupDragging();
630
- }
631
- }, {
632
- key: "handleDrag",
633
- value: function(r) {
634
- if (this.prevPageX) {
635
- var a = r.clientX, s = this.trackHorizontal.getBoundingClientRect(), h = s.left, t = this.getThumbHorizontalWidth(), p = t - this.prevPageX, T = -h + a - p;
636
- this.view.scrollLeft = this.getScrollLeftForOffset(T);
637
- }
638
- if (this.prevPageY) {
639
- var S = r.clientY, N = this.trackVertical.getBoundingClientRect(), L = N.top, R = this.getThumbVerticalHeight(), M = R - this.prevPageY, z = -L + S - M;
640
- this.view.scrollTop = this.getScrollTopForOffset(z);
641
- }
642
- return !1;
643
- }
644
- }, {
645
- key: "handleDragEnd",
646
- value: function() {
647
- this.dragging = !1, this.prevPageX = this.prevPageY = 0, this.teardownDragging(), this.handleDragEndAutoHide();
648
- }
649
- }, {
650
- key: "handleDragEndAutoHide",
651
- value: function() {
652
- var r = this.props.autoHide;
653
- r && this.hideTracks();
654
- }
655
- }, {
656
- key: "handleTrackMouseEnter",
657
- value: function() {
658
- this.trackMouseOver = !0, this.handleTrackMouseEnterAutoHide();
659
- }
660
- }, {
661
- key: "handleTrackMouseEnterAutoHide",
662
- value: function() {
663
- var r = this.props.autoHide;
664
- r && this.showTracks();
665
- }
666
- }, {
667
- key: "handleTrackMouseLeave",
668
- value: function() {
669
- this.trackMouseOver = !1, this.handleTrackMouseLeaveAutoHide();
670
- }
671
- }, {
672
- key: "handleTrackMouseLeaveAutoHide",
673
- value: function() {
674
- var r = this.props.autoHide;
675
- r && this.hideTracks();
676
- }
677
- }, {
678
- key: "showTracks",
679
- value: function() {
680
- clearTimeout(this.hideTracksTimeout), (0, d.default)(this.trackHorizontal, { opacity: 1 }), (0, d.default)(this.trackVertical, { opacity: 1 });
681
- }
682
- }, {
683
- key: "hideTracks",
684
- value: function() {
685
- var r = this;
686
- if (!this.dragging && !this.scrolling && !this.trackMouseOver) {
687
- var a = this.props.autoHideTimeout;
688
- clearTimeout(this.hideTracksTimeout), this.hideTracksTimeout = setTimeout(function() {
689
- (0, d.default)(r.trackHorizontal, { opacity: 0 }), (0, d.default)(r.trackVertical, { opacity: 0 });
690
- }, a);
691
- }
692
- }
693
- }, {
694
- key: "detectScrolling",
695
- value: function() {
696
- var r = this;
697
- this.scrolling || (this.scrolling = !0, this.handleScrollStart(), this.detectScrollingInterval = setInterval(function() {
698
- r.lastViewScrollLeft === r.viewScrollLeft && r.lastViewScrollTop === r.viewScrollTop && (clearInterval(r.detectScrollingInterval), r.scrolling = !1, r.handleScrollStop()), r.lastViewScrollLeft = r.viewScrollLeft, r.lastViewScrollTop = r.viewScrollTop;
699
- }, 100));
700
- }
701
- }, {
702
- key: "raf",
703
- value: function(r) {
704
- var a = this;
705
- this.requestFrame && u.default.cancel(this.requestFrame), this.requestFrame = (0, u.default)(function() {
706
- a.requestFrame = void 0, r();
707
- });
708
- }
709
- }, {
710
- key: "update",
711
- value: function(r) {
712
- var a = this;
713
- this.raf(function() {
714
- return a._update(r);
715
- });
716
- }
717
- }, {
718
- key: "_update",
719
- value: function(r) {
720
- var a = this.props, s = a.onUpdate, h = a.hideTracksWhenNotNeeded, t = this.getValues();
721
- if ((0, b.default)()) {
722
- var p = t.scrollLeft, T = t.clientWidth, S = t.scrollWidth, N = (0, fe.default)(this.trackHorizontal), L = this.getThumbHorizontalWidth(), R = p / (S - T) * (N - L), M = {
723
- width: L,
724
- transform: "translateX(" + R + "px)"
725
- }, z = t.scrollTop, P = t.clientHeight, A = t.scrollHeight, pe = (0, me.default)(this.trackVertical), ne = this.getThumbVerticalHeight(), ge = z / (A - P) * (pe - ne), G = {
726
- height: ne,
727
- transform: "translateY(" + ge + "px)"
728
- };
729
- if (h) {
730
- var be = {
731
- visibility: S > T ? "visible" : "hidden"
732
- }, Te = {
733
- visibility: A > P ? "visible" : "hidden"
734
- };
735
- (0, d.default)(this.trackHorizontal, be), (0, d.default)(this.trackVertical, Te);
736
- }
737
- (0, d.default)(this.thumbHorizontal, M), (0, d.default)(this.thumbVertical, G);
738
- }
739
- s && s(t), typeof r == "function" && r(t);
740
- }
741
- }, {
742
- key: "render",
743
- value: function() {
744
- var r = this, a = (0, b.default)(), s = this.props;
745
- s.onScroll, s.onScrollFrame, s.onScrollStart, s.onScrollStop, s.onUpdate;
746
- var h = s.renderView, t = s.renderTrackHorizontal, p = s.renderTrackVertical, T = s.renderThumbHorizontal, S = s.renderThumbVertical, N = s.tagName;
747
- s.hideTracksWhenNotNeeded;
748
- var L = s.autoHide;
749
- s.autoHideTimeout;
750
- var R = s.autoHideDuration;
751
- s.thumbSize, s.thumbMinSize;
752
- var M = s.universal, z = s.autoHeight, P = s.autoHeightMin, A = s.autoHeightMax, pe = s.style, ne = s.children, ge = Xe(s, ["onScroll", "onScrollFrame", "onScrollStart", "onScrollStop", "onUpdate", "renderView", "renderTrackHorizontal", "renderTrackVertical", "renderThumbHorizontal", "renderThumbVertical", "tagName", "hideTracksWhenNotNeeded", "autoHide", "autoHideTimeout", "autoHideDuration", "thumbSize", "thumbMinSize", "universal", "autoHeight", "autoHeightMin", "autoHeightMax", "style", "children"]), G = this.state.didMountUniversal, be = o({}, w.containerStyleDefault, z && o({}, w.containerStyleAutoHeight, {
753
- minHeight: P,
754
- maxHeight: A
755
- }), pe), Te = o({}, w.viewStyleDefault, {
756
- // Hide scrollbars by setting a negative margin
757
- marginRight: a ? -a : 0,
758
- marginBottom: a ? -a : 0
759
- }, z && o({}, w.viewStyleAutoHeight, {
760
- // Add scrollbarWidth to autoHeight in order to compensate negative margins
761
- minHeight: (0, V.default)(P) ? "calc(" + P + " + " + a + "px)" : P + a,
762
- maxHeight: (0, V.default)(A) ? "calc(" + A + " + " + a + "px)" : A + a
763
- }), z && M && !G && {
764
- minHeight: P,
765
- maxHeight: A
766
- }, M && !G && w.viewStyleUniversalInitial), we = {
767
- transition: "opacity " + R + "ms",
768
- opacity: 0
769
- }, qe = o({}, w.trackHorizontalStyleDefault, L && we, (!a || M && !G) && {
770
- display: "none"
771
- }), je = o({}, w.trackVerticalStyleDefault, L && we, (!a || M && !G) && {
772
- display: "none"
773
- });
774
- return (0, y.createElement)(N, o({}, ge, { style: be, ref: function(C) {
775
- r.container = C;
776
- } }), [(0, y.cloneElement)(h({ style: Te }), { key: "view", ref: function(C) {
777
- r.view = C;
778
- } }, ne), (0, y.cloneElement)(t({ style: qe }), { key: "trackHorizontal", ref: function(C) {
779
- r.trackHorizontal = C;
780
- } }, (0, y.cloneElement)(T({ style: w.thumbHorizontalStyleDefault }), { ref: function(C) {
781
- r.thumbHorizontal = C;
782
- } })), (0, y.cloneElement)(p({ style: je }), { key: "trackVertical", ref: function(C) {
783
- r.trackVertical = C;
784
- } }, (0, y.cloneElement)(S({ style: w.thumbVerticalStyleDefault }), { ref: function(C) {
785
- r.thumbVertical = C;
786
- } }))]);
787
- }
788
- }]), m;
789
- }(y.Component);
790
- n.default = ve, ve.propTypes = {
791
- onScroll: f.default.func,
792
- onScrollFrame: f.default.func,
793
- onScrollStart: f.default.func,
794
- onScrollStop: f.default.func,
795
- onUpdate: f.default.func,
796
- renderView: f.default.func,
797
- renderTrackHorizontal: f.default.func,
798
- renderTrackVertical: f.default.func,
799
- renderThumbHorizontal: f.default.func,
800
- renderThumbVertical: f.default.func,
801
- tagName: f.default.string,
802
- thumbSize: f.default.number,
803
- thumbMinSize: f.default.number,
804
- hideTracksWhenNotNeeded: f.default.bool,
805
- autoHide: f.default.bool,
806
- autoHideTimeout: f.default.number,
807
- autoHideDuration: f.default.number,
808
- autoHeight: f.default.bool,
809
- autoHeightMin: f.default.oneOfType([f.default.number, f.default.string]),
810
- autoHeightMax: f.default.oneOfType([f.default.number, f.default.string]),
811
- universal: f.default.bool,
812
- style: f.default.object,
813
- children: f.default.node
814
- }, ve.defaultProps = {
815
- renderView: Z.renderViewDefault,
816
- renderTrackHorizontal: Z.renderTrackHorizontalDefault,
817
- renderTrackVertical: Z.renderTrackVerticalDefault,
818
- renderThumbHorizontal: Z.renderThumbHorizontalDefault,
819
- renderThumbVertical: Z.renderThumbVerticalDefault,
820
- tagName: "div",
821
- thumbMinSize: 30,
822
- hideTracksWhenNotNeeded: !1,
823
- autoHide: !1,
824
- autoHideTimeout: 1e3,
825
- autoHideDuration: 200,
826
- autoHeight: !1,
827
- autoHeightMin: 0,
828
- autoHeightMax: 200,
829
- universal: !1
830
- };
831
- })(Oe);
832
- (function(n) {
833
- Object.defineProperty(n, "__esModule", {
834
- value: !0
835
- }), n.Scrollbars = void 0;
836
- var o = Oe, e = i(o);
837
- function i(u) {
838
- return u && u.__esModule ? u : { default: u };
839
- }
840
- n.default = e.default, n.Scrollbars = e.default;
841
- })(Ie);
842
- const xt = "Confirmation-module__container___45eSd", Nt = "Confirmation-module__message___4r1SC", Rt = "Confirmation-module__buttons___QYVqm", Pt = "Confirmation-module__button___gJmIL", At = "Confirmation-module__confirm___DqtMv", Bt = "Confirmation-module__cancel___3CIW9", B = {
843
- container: xt,
844
- message: Nt,
845
- buttons: Rt,
846
- button: Pt,
847
- confirm: At,
848
- cancel: Bt
849
- }, Ft = ({
850
- message: n,
851
- title: o,
852
- onCancel: e,
853
- onConfirm: i
854
- }) => {
855
- const u = D(B.button, B.confirm), c = D(B.button, B.cancel);
856
- return /* @__PURE__ */ $("div", { className: B.container, children: [
857
- /* @__PURE__ */ v("div", { className: B.title, children: o }),
858
- /* @__PURE__ */ v("div", { className: D(B.message, K.TEXT_SECONDARY), children: n }),
859
- /* @__PURE__ */ $("div", { className: B.buttons, children: [
860
- /* @__PURE__ */ v("button", { className: u, onClick: i, children: "Yes" }),
861
- /* @__PURE__ */ v("button", { className: c, onClick: e, children: "No" })
862
- ] })
863
- ] });
864
- }, Ut = "Menu-module__container___KGp0N", Xt = "Menu-module__disabled___xdT-F", $t = "Menu-module__groupHeader___-d7MT", Yt = "Menu-module__isDrill___6OfQP", Gt = "Menu-module__separator___OQ--M", qt = "Menu-module__noIcon___MYkPf", jt = "Menu-module__item___nmDUr", Zt = "Menu-module__checked___6OJEB", Qt = "Menu-module__radio___OlxcQ", Jt = "Menu-module__checkbox___HocC7", Kt = "Menu-module__icon___ZxKUL", er = "Menu-module__itemType___VLiEZ", tr = "Menu-module__nestedType___gayzp", rr = "Menu-module__nestedIcon___VyPyZ", nr = "Menu-module__menuItemText___agoSf", or = "Menu-module__separateGroup___0J5WE", ir = "Menu-module__itemCheckBox___2DHy4", ar = "Menu-module__itemRadioButton___h2ifs", lr = "Menu-module__scrollbar___li1b-", sr = "Menu-module__itemContainer___m0XPy", ur = "Menu-module__inlineConfirmation___0JCIX", cr = "Menu-module__menuItemTooltip___5jA0S", dr = "Menu-module__toggleButtonMenu___qwLCQ", hr = "Menu-module__loader___pzNnL", _ = {
865
- container: Ut,
866
- disabled: Xt,
867
- groupHeader: $t,
868
- isDrill: Yt,
869
- separator: Gt,
870
- noIcon: qt,
871
- item: jt,
872
- checked: Zt,
873
- radio: Qt,
874
- checkbox: Jt,
875
- icon: Kt,
876
- itemType: er,
877
- nestedType: tr,
878
- nestedIcon: rr,
879
- menuItemText: nr,
880
- separateGroup: or,
881
- itemCheckBox: ir,
882
- itemRadioButton: ar,
883
- scrollbar: lr,
884
- itemContainer: sr,
885
- inlineConfirmation: ur,
886
- menuItemTooltip: cr,
887
- toggleButtonMenu: dr,
888
- loader: hr
889
- }, ae = Object.freeze({
890
- ITEM: "item",
891
- RADIO: "radio",
892
- CHECKBOX: "checkbox",
893
- TOGGLE: "toggle",
894
- NESTED: "nested"
895
- }), He = class He extends ze {
896
- constructor(o) {
897
- super(o), this.renderRegularMenuItem = () => {
898
- const { dataTestId: e, iconName: i, iconClass: u, isDrill: c } = this.props;
899
- return /* @__PURE__ */ $("span", { className: _.itemContainer, children: [
900
- i && /* @__PURE__ */ v(oe, { name: i, className: u }),
901
- /* @__PURE__ */ v(
902
- "span",
903
- {
904
- "data-testid": e,
905
- className: D(_.menuItemText, K.TEXT_PRIMARY),
906
- children: this.getContent()
907
- }
908
- ),
909
- c && /* @__PURE__ */ v(oe, { name: "general-arrow-right" })
910
- ] });
911
- }, this.renderMenuItem = () => {
912
- const { tooltip: e, classNameTooltip: i, level: u } = this.props, c = this.renderRegularMenuItem();
913
- return e ? /* @__PURE__ */ v(
914
- et,
915
- {
916
- overlay: /* @__PURE__ */ v("div", { children: e }),
917
- placement: "right",
918
- overlayClassName: D(i, _.menuItemTooltip),
919
- mouseLeaveDelay: 0,
920
- align: { offset: [u ? 5 : 10, 0] },
921
- children: c
922
- }
923
- ) : c;
924
- }, this.state = { inInlineConfirmation: !1 };
925
- }
926
- getContent() {
927
- const { type: o, caption: e, subCaption: i, checked: u, selected: c } = this.props;
928
- switch (o) {
929
- case ae.RADIO:
930
- return /* @__PURE__ */ v(
931
- tt,
932
- {
933
- text: e,
934
- name: e,
935
- onChange: () => null,
936
- value: e,
937
- checked: !!u,
938
- preventClick: !0
939
- }
940
- );
941
- case ae.CHECKBOX:
942
- return /* @__PURE__ */ v(
943
- Je,
944
- {
945
- title: e,
946
- text: e,
947
- onChange: () => null,
948
- checked: !!u,
949
- className: _.itemCheckBox
950
- }
951
- );
952
- case ae.TOGGLE:
953
- return /* @__PURE__ */ $("div", { children: [
954
- /* @__PURE__ */ v("span", { children: e }),
955
- /* @__PURE__ */ v(
956
- Ke,
957
- {
958
- onChange: () => null,
959
- className: _.toggleButtonMenu,
960
- checked: !!u
961
- }
962
- )
963
- ] });
964
- case ae.NESTED:
965
- return /* @__PURE__ */ $("div", { className: _.nestedType, children: [
966
- /* @__PURE__ */ v("div", { children: e }),
967
- /* @__PURE__ */ v(oe, { className: _.nestedIcon, name: "general-double-arrow-front" }),
968
- /* @__PURE__ */ v("div", { children: i })
969
- ] });
970
- default:
971
- return /* @__PURE__ */ $("div", { className: _.itemType, children: [
972
- e,
973
- c && /* @__PURE__ */ v(oe, { name: "general-vi-small-white" })
974
- ] });
975
- }
976
- }
977
- handleClick(o) {
978
- o.stopPropagation();
979
- const { handleClick: e, disabled: i } = this.props;
980
- i || e();
981
- }
982
- render() {
983
- const { checked: o, className: e, iconName: i, handleOver: u, handleOut: c, disabled: d } = this.props, y = !1, E = D(e, {
984
- [_.checked]: o,
985
- [_.noIcon]: !i || y,
986
- [_.disabled]: d,
987
- [K.TEXT_PRIMARY]: o,
988
- [K.TEXT_SECONDARY_HOVER]: !o && !d,
989
- [K.TEXT_SECONDARY]: d
990
- });
991
- return /* @__PURE__ */ v(
992
- "li",
993
- {
994
- "data-menu-item": !0,
995
- className: E,
996
- onClick: this.handleClick.bind(this),
997
- onMouseOver: u,
998
- onMouseOut: c,
999
- children: this.renderMenuItem()
1000
- }
1001
- );
1002
- }
1003
- };
1004
- He.defaultProps = {
1005
- className: ""
1006
- };
1007
- let ke = He;
1008
- function fr(n, o) {
1009
- const e = {};
1010
- return n.reduce(function(i, u) {
1011
- const c = o(u);
1012
- return i[c] || (i[c] = []), i[c].push(u), i;
1013
- }, e);
1014
- }
1015
- const De = () => {
1016
- }, ue = class ue extends ze {
1017
- constructor(o) {
1018
- super(o), this.handleClick = (e) => {
1019
- if (e.subItems || e.actionableComponent) {
1020
- this.clearTimeout(), this.state.activeSubMenu === e.id ? this.closeSubMenu() : this.setState({ activeSubMenu: e.id });
1021
- return;
1022
- } else if (e.confirmation && !e.confirmation.inline) {
1023
- this.clearTimeout(), this.setState({ activeSubMenu: e.id });
1024
- return;
1025
- }
1026
- const { onItemSelected: i } = this.props;
1027
- i(e, e.value);
1028
- }, this.handleOver = (e) => {
1029
- this.clearTimeout(), this.setState({ isHoverSubMenu: !1 });
1030
- const i = e.subItems || e.actionableComponent ? e.id : null;
1031
- this.timeoutIn = window.setTimeout(() => {
1032
- this.setState({
1033
- activeSubMenu: i
1034
- });
1035
- }, 900);
1036
- }, this.handleOut = (e) => {
1037
- (e.subItems || e.actionableComponent) && this.state.activeSubMenu && this.clearTimeout();
1038
- }, this.onSubMenuMouseEnter = () => {
1039
- this.clearTimeout(), this.setState({ isHoverSubMenu: !0 });
1040
- }, this.onSubMenuMouseLeave = () => {
1041
- this.setState({ isHoverSubMenu: !1 });
1042
- }, this.closeSubMenu = () => {
1043
- this.setState({ activeSubMenu: null });
1044
- }, this.onConfirm = (e) => {
1045
- const { onItemSelected: i } = this.props;
1046
- this.closeSubMenu(), i(e);
1047
- }, this.renderMenuItem = (e) => {
1048
- const { onItemSelected: i, onRequestClose: u, level: c, classNameTooltip: d, zIndex: y, className: E } = this.props;
1049
- let f = D(_[e.type], {
1050
- [_.isDrill]: e.subItems,
1051
- [_.separator]: e.separator,
1052
- fakeHover: e.checked,
1053
- [_.groupHeader]: e.groupTitle
1054
- });
1055
- const W = (k) => {
1056
- const b = D(e.iconClass, _.icon);
1057
- return /* @__PURE__ */ v(
1058
- ke,
1059
- {
1060
- className: k,
1061
- checked: e.checked,
1062
- dataTestId: e.dataTestId,
1063
- disabled: e.disabled,
1064
- type: e.type,
1065
- caption: e.caption,
1066
- subCaption: e.subCaption,
1067
- tooltip: e.tooltip,
1068
- classNameTooltip: d,
1069
- iconName: e.iconName,
1070
- iconClass: b,
1071
- isDrill: !!e.subItems || !!e.actionableComponent,
1072
- level: c,
1073
- selected: e.selected,
1074
- handleClick: () => this.handleClick(e),
1075
- handleOver: () => this.handleOver(e),
1076
- handleOut: () => this.handleOut(e)
1077
- },
1078
- e.id
1079
- );
1080
- };
1081
- let V = e.subItems;
1082
- if (V) {
1083
- const k = this.state.activeSubMenu === e.id;
1084
- let b = this.handleClick;
1085
- return f = D(f, {
1086
- fakeHover: k && this.state.isHoverSubMenu
1087
- }), e.value !== void 0 && (V = V.map(function(U) {
1088
- return {
1089
- ...U,
1090
- checked: U.value === e.value
1091
- };
1092
- }), b = (U) => i(e, U.value)), /* @__PURE__ */ v(
1093
- _e,
1094
- {
1095
- visible: k,
1096
- level: 1,
1097
- mask: !1,
1098
- trigger: [],
1099
- placement: "rightTop",
1100
- align: { offset: [0, 0] },
1101
- overlay: () => /* @__PURE__ */ v(
1102
- ue,
1103
- {
1104
- items: V || [],
1105
- className: E,
1106
- onItemSelected: b,
1107
- onMouseEnter: this.onSubMenuMouseEnter,
1108
- scrollbarProps: {
1109
- className: e.subItemScrollbarClassName
1110
- },
1111
- level: (c || 0) + 1,
1112
- zIndex: (y || 1) + 1
1113
- }
1114
- ),
1115
- onRequestClose: u,
1116
- zIndex: (y || 1) + 1,
1117
- children: W(f)
1118
- },
1119
- e.id
1120
- );
1121
- } else if (e.actionableComponent) {
1122
- const { componentProps: k } = e.actionableComponent, b = e.actionableComponent.component, I = this.state.activeSubMenu === e.id;
1123
- return /* @__PURE__ */ v(
1124
- _e,
1125
- {
1126
- visible: I,
1127
- level: 1,
1128
- mask: !1,
1129
- trigger: [],
1130
- placement: "rightTop",
1131
- align: { offset: [10, 0] },
1132
- overlay: () => /* @__PURE__ */ v(b, { ...k, onRequestClose: u }),
1133
- onRequestClose: u,
1134
- children: W(f)
1135
- },
1136
- e.id
1137
- );
1138
- } else if (e.confirmation && !e.confirmation.inline) {
1139
- const k = e.confirmation, b = this.state.activeSubMenu === e.id;
1140
- return /* @__PURE__ */ v(
1141
- _e,
1142
- {
1143
- visible: b,
1144
- level: 1,
1145
- mask: !0,
1146
- trigger: [],
1147
- placement: "rightBottom",
1148
- align: { offset: [10, 0] },
1149
- overlay: () => /* @__PURE__ */ v(
1150
- Ft,
1151
- {
1152
- title: k.title,
1153
- message: k.message,
1154
- onCancel: this.closeSubMenu,
1155
- onConfirm: () => this.onConfirm(e)
1156
- }
1157
- ),
1158
- onRequestClose: this.closeSubMenu,
1159
- children: W(f)
1160
- },
1161
- e.id
1162
- );
1163
- }
1164
- return W(f);
1165
- }, this.state = {
1166
- activeSubMenu: null,
1167
- isHoverSubMenu: !1
1168
- }, this.timeoutIn = null;
1169
- }
1170
- componentWillUnmount() {
1171
- this.clearTimeout();
1172
- }
1173
- clearTimeout() {
1174
- this.timeoutIn && (clearTimeout(this.timeoutIn), this.timeoutIn = null);
1175
- }
1176
- getSeparateGroups(o) {
1177
- const e = fr(o, (c) => c.groupId || ""), i = Object.values(e);
1178
- return i.slice(1).forEach((c) => c[0].separator = !0), i;
1179
- }
1180
- render() {
1181
- const {
1182
- items: o,
1183
- className: e,
1184
- onMouseEnter: i,
1185
- scrollbarProps: { className: u, ...c },
1186
- width: d,
1187
- isLoading: y
1188
- } = this.props;
1189
- let E = o.filter((b) => !b.hidden);
1190
- E = E.map((b, I) => (b.separator && !E[I - 1] && (b.separator = !1), b));
1191
- const f = D(_.container, e), W = D(_.scrollbar, u), V = d ? { width: `${d}px`, minWidth: "inherit" } : {}, k = y ? _.loader : "";
1192
- return /* @__PURE__ */ v("div", { className: f, onMouseEnter: i, style: V, children: /* @__PURE__ */ $(Ie.Scrollbars, { className: W, ...c, hideTracksWhenNotNeeded: !0, children: [
1193
- this.getSeparateGroups(E).map((b, I) => /* @__PURE__ */ v("div", { className: _.separateGroup, children: b.map(this.renderMenuItem) }, I)),
1194
- /* @__PURE__ */ v("div", { className: k, children: /* @__PURE__ */ v(Qe, { isLoading: y }) })
1195
- ] }) });
1196
- }
1197
- };
1198
- ue.defaultProps = {
1199
- onMouseEnter: De,
1200
- onRequestClose: De,
1201
- scrollbarProps: {},
1202
- level: 0,
1203
- isLoading: !1,
1204
- zIndex: 1
1205
- };
1206
- let Ee = ue;
1207
- export {
1208
- ke as M,
1209
- Ee as a,
1210
- ae as i
1211
- };