@jetbrains/ring-ui-built 7.0.78 → 7.0.80

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 (60) hide show
  1. package/components/_helpers/theme.js +90 -94
  2. package/components/alert/alert.js +0 -13
  3. package/components/alert-service/alert-service.js +0 -12
  4. package/components/auth/auth-core.js +1 -13
  5. package/components/auth/auth.js +1 -13
  6. package/components/auth/down-notification.js +0 -12
  7. package/components/auth/iframe-flow.js +1 -0
  8. package/components/auth/storage.js +1 -13
  9. package/components/auth-dialog/auth-dialog.js +1 -0
  10. package/components/auth-dialog-service/auth-dialog-service.js +1 -0
  11. package/components/avatar/fallback-avatar.js +78 -79
  12. package/components/avatar-stack/avatar-stack.js +1 -0
  13. package/components/clipboard/clipboard.js +1 -13
  14. package/components/collapse/collapse-content.js +2 -2
  15. package/components/collapse/collapse-control.js +34 -50
  16. package/components/collapse/collapse.js +2 -2
  17. package/components/confirm/confirm.js +1 -0
  18. package/components/confirm-service/confirm-service.js +1 -0
  19. package/components/date-picker/date-picker.js +1 -0
  20. package/components/date-picker/months.js +86 -100
  21. package/components/dialog/dialog.js +1 -0
  22. package/components/dropdown-menu/dropdown-menu.js +154 -238
  23. package/components/editable-heading/editable-heading.js +11 -11
  24. package/components/error-bubble/error-bubble.js +1 -0
  25. package/components/global/theme.d.ts +1 -0
  26. package/components/global/theme.js +0 -17
  27. package/components/global/use-event-callback.js +3 -2
  28. package/components/header/header.js +17 -17
  29. package/components/header/profile.js +1 -0
  30. package/components/header/smart-profile.js +13 -13
  31. package/components/list/list.js +9 -4
  32. package/components/login-dialog/login-dialog.js +1 -0
  33. package/components/login-dialog/service.js +1 -0
  34. package/components/old-browsers-message/old-browsers-message.d.ts +3 -0
  35. package/components/old-browsers-message/old-browsers-message.js +3 -0
  36. package/components/old-browsers-message/white-list.js +2 -2
  37. package/components/pager/pager.js +1 -0
  38. package/components/popup/popup.js +49 -43
  39. package/components/popup-menu/popup-menu.js +1 -0
  40. package/components/query-assist/query-assist.js +1 -0
  41. package/components/select/select-popup.js +1 -0
  42. package/components/select/select.js +2 -1
  43. package/components/slider/slider.js +289 -366
  44. package/components/storage/storage-local.js +1 -13
  45. package/components/storage/storage.js +1 -13
  46. package/components/style.css +1 -1
  47. package/components/tabs/collapsible-more.js +12 -12
  48. package/components/tabs/collapsible-tabs.js +191 -205
  49. package/components/tabs/dumb-tabs.js +1 -0
  50. package/components/tabs/smart-tabs.js +1 -0
  51. package/components/tabs/tabs.js +1 -0
  52. package/components/tags-input/tags-input.js +1 -0
  53. package/components/upload/upload.js +31 -8
  54. package/components/user-agreement/service.js +11 -11
  55. package/components/user-agreement/user-agreement.js +1 -0
  56. package/components/user-card/card.js +5 -5
  57. package/components/user-card/smart-user-card-tooltip.js +1 -1
  58. package/components/user-card/tooltip.js +1 -1
  59. package/components/user-card/user-card.js +8 -8
  60. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  import { c } from 'react-compiler-runtime';
2
- import 'react';
2
+ import { useState } from 'react';
3
3
  import getUID from '../global/get-uid.js';
4
4
  import { Size } from './avatar-size.js';
5
5
  import { jsx, jsxs } from 'react/jsx-runtime';
@@ -246,12 +246,12 @@ function hashCode(s) {
246
246
  return h;
247
247
  }
248
248
  function FallbackAvatar(t0) {
249
- const $ = c(37);
250
- if ($[0] !== "1327bfb856627bd1df724c4986534605e8c89dbffcc82ad962cbae4668165288") {
251
- for (let $i = 0; $i < 37; $i += 1) {
249
+ const $ = c(38);
250
+ if ($[0] !== "b668230117e1d8da4bff753c3c60cfa65c2cb38b8160a7b90f4e36892987cdc5") {
251
+ for (let $i = 0; $i < 38; $i += 1) {
252
252
  $[$i] = Symbol.for("react.memo_cache_sentinel");
253
253
  }
254
- $[0] = "1327bfb856627bd1df724c4986534605e8c89dbffcc82ad962cbae4668165288";
254
+ $[0] = "b668230117e1d8da4bff753c3c60cfa65c2cb38b8160a7b90f4e36892987cdc5";
255
255
  }
256
256
  const {
257
257
  username,
@@ -263,59 +263,54 @@ function FallbackAvatar(t0) {
263
263
  const sizes = round ? SizesRound[size] : SizesSquare[size];
264
264
  const underscore = sizes.underscore;
265
265
  const radius = round ? "50%" : sizes.radius;
266
- let t1;
267
- if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
268
- t1 = getUID("gradient-");
269
- $[1] = t1;
270
- } else {
271
- t1 = $[1];
272
- }
273
- const gradientId = t1;
274
- const t2 = `0 0 ${size} ${size}`;
275
- let t3;
276
- if ($[2] !== fromColor) {
277
- t3 = /*#__PURE__*/jsx("stop", {
266
+ const [gradientId] = useState(_temp);
267
+ const t1 = `0 0 ${size} ${size}`;
268
+ let t2;
269
+ if ($[1] !== fromColor) {
270
+ t2 = /*#__PURE__*/jsx("stop", {
278
271
  stopColor: fromColor,
279
272
  offset: "0"
280
273
  });
281
- $[2] = fromColor;
282
- $[3] = t3;
274
+ $[1] = fromColor;
275
+ $[2] = t2;
283
276
  } else {
284
- t3 = $[3];
277
+ t2 = $[2];
285
278
  }
286
- let t4;
287
- if ($[4] !== toColor) {
288
- t4 = /*#__PURE__*/jsx("stop", {
279
+ let t3;
280
+ if ($[3] !== toColor) {
281
+ t3 = /*#__PURE__*/jsx("stop", {
289
282
  stopColor: toColor,
290
283
  offset: "0.8"
291
284
  });
292
- $[4] = toColor;
293
- $[5] = t4;
285
+ $[3] = toColor;
286
+ $[4] = t3;
294
287
  } else {
295
- t4 = $[5];
288
+ t3 = $[4];
296
289
  }
297
- let t5;
298
- if ($[6] !== t3 || $[7] !== t4) {
299
- t5 = /*#__PURE__*/jsx("defs", {
290
+ let t4;
291
+ if ($[5] !== gradientId || $[6] !== t2 || $[7] !== t3) {
292
+ t4 = /*#__PURE__*/jsx("defs", {
300
293
  children: /*#__PURE__*/jsxs("linearGradient", {
301
294
  id: gradientId,
302
295
  x1: "1",
303
296
  y1: "1",
304
297
  x2: "0",
305
298
  y2: "0",
306
- children: [t3, t4]
299
+ children: [t2, t3]
307
300
  })
308
301
  });
309
- $[6] = t3;
310
- $[7] = t4;
311
- $[8] = t5;
302
+ $[5] = gradientId;
303
+ $[6] = t2;
304
+ $[7] = t3;
305
+ $[8] = t4;
312
306
  } else {
313
- t5 = $[8];
307
+ t4 = $[8];
314
308
  }
309
+ const t5 = `url(#${gradientId})`;
315
310
  let t6;
316
- if ($[9] !== radius || $[10] !== size) {
311
+ if ($[9] !== radius || $[10] !== size || $[11] !== t5) {
317
312
  t6 = /*#__PURE__*/jsx("rect", {
318
- fill: `url(#${gradientId})`,
313
+ fill: t5,
319
314
  x: "0",
320
315
  y: "0",
321
316
  width: size,
@@ -325,9 +320,10 @@ function FallbackAvatar(t0) {
325
320
  });
326
321
  $[9] = radius;
327
322
  $[10] = size;
328
- $[11] = t6;
323
+ $[11] = t5;
324
+ $[12] = t6;
329
325
  } else {
330
- t6 = $[11];
326
+ t6 = $[12];
331
327
  }
332
328
  const t7 = sizes.text.x;
333
329
  const t8 = sizes.text.y;
@@ -336,25 +332,25 @@ function FallbackAvatar(t0) {
336
332
  const t11 = sizes.dominantBaseline;
337
333
  const t12 = sizes.textAnchor;
338
334
  let t13;
339
- if ($[12] !== username) {
335
+ if ($[13] !== username) {
340
336
  t13 = extractLetters(username);
341
- $[12] = username;
342
- $[13] = t13;
337
+ $[13] = username;
338
+ $[14] = t13;
343
339
  } else {
344
- t13 = $[13];
340
+ t13 = $[14];
345
341
  }
346
342
  let t14;
347
- if ($[14] !== t13) {
343
+ if ($[15] !== t13) {
348
344
  t14 = /*#__PURE__*/jsx("tspan", {
349
345
  children: t13
350
346
  });
351
- $[14] = t13;
352
- $[15] = t14;
347
+ $[15] = t13;
348
+ $[16] = t14;
353
349
  } else {
354
- t14 = $[15];
350
+ t14 = $[16];
355
351
  }
356
352
  let t15;
357
- if ($[16] !== sizes.dominantBaseline || $[17] !== sizes.fontSize || $[18] !== sizes.letterSpacing || $[19] !== sizes.text.x || $[20] !== sizes.text.y || $[21] !== sizes.textAnchor || $[22] !== t14) {
353
+ if ($[17] !== sizes.dominantBaseline || $[18] !== sizes.fontSize || $[19] !== sizes.letterSpacing || $[20] !== sizes.text.x || $[21] !== sizes.text.y || $[22] !== sizes.textAnchor || $[23] !== t14) {
358
354
  t15 = /*#__PURE__*/jsx("text", {
359
355
  x: t7,
360
356
  y: t8,
@@ -368,19 +364,19 @@ function FallbackAvatar(t0) {
368
364
  cursor: "default",
369
365
  children: t14
370
366
  });
371
- $[16] = sizes.dominantBaseline;
372
- $[17] = sizes.fontSize;
373
- $[18] = sizes.letterSpacing;
374
- $[19] = sizes.text.x;
375
- $[20] = sizes.text.y;
376
- $[21] = sizes.textAnchor;
377
- $[22] = t14;
378
- $[23] = t15;
367
+ $[17] = sizes.dominantBaseline;
368
+ $[18] = sizes.fontSize;
369
+ $[19] = sizes.letterSpacing;
370
+ $[20] = sizes.text.x;
371
+ $[21] = sizes.text.y;
372
+ $[22] = sizes.textAnchor;
373
+ $[23] = t14;
374
+ $[24] = t15;
379
375
  } else {
380
- t15 = $[23];
376
+ t15 = $[24];
381
377
  }
382
378
  let t16;
383
- if ($[24] !== underscore) {
379
+ if ($[25] !== underscore) {
384
380
  t16 = underscore && /*#__PURE__*/jsx("rect", {
385
381
  fill: "#FFFFFF",
386
382
  x: underscore.x,
@@ -388,49 +384,52 @@ function FallbackAvatar(t0) {
388
384
  width: underscore.width,
389
385
  height: underscore.height
390
386
  });
391
- $[24] = underscore;
392
- $[25] = t16;
387
+ $[25] = underscore;
388
+ $[26] = t16;
393
389
  } else {
394
- t16 = $[25];
390
+ t16 = $[26];
395
391
  }
396
392
  let t17;
397
- if ($[26] !== username) {
393
+ if ($[27] !== username) {
398
394
  t17 = /*#__PURE__*/jsx("title", {
399
395
  children: username
400
396
  });
401
- $[26] = username;
402
- $[27] = t17;
397
+ $[27] = username;
398
+ $[28] = t17;
403
399
  } else {
404
- t17 = $[27];
400
+ t17 = $[28];
405
401
  }
406
402
  let t18;
407
- if ($[28] !== t15 || $[29] !== t16 || $[30] !== t17 || $[31] !== t6) {
403
+ if ($[29] !== t15 || $[30] !== t16 || $[31] !== t17 || $[32] !== t6) {
408
404
  t18 = /*#__PURE__*/jsxs("g", {
409
405
  children: [t6, t15, t16, t17]
410
406
  });
411
- $[28] = t15;
412
- $[29] = t16;
413
- $[30] = t17;
414
- $[31] = t6;
415
- $[32] = t18;
407
+ $[29] = t15;
408
+ $[30] = t16;
409
+ $[31] = t17;
410
+ $[32] = t6;
411
+ $[33] = t18;
416
412
  } else {
417
- t18 = $[32];
413
+ t18 = $[33];
418
414
  }
419
415
  let t19;
420
- if ($[33] !== t18 || $[34] !== t2 || $[35] !== t5) {
416
+ if ($[34] !== t1 || $[35] !== t18 || $[36] !== t4) {
421
417
  t19 = /*#__PURE__*/jsxs("svg", {
422
- viewBox: t2,
418
+ viewBox: t1,
423
419
  xmlns: "http://www.w3.org/2000/svg",
424
- children: [t5, t18]
420
+ children: [t4, t18]
425
421
  });
426
- $[33] = t18;
427
- $[34] = t2;
428
- $[35] = t5;
429
- $[36] = t19;
422
+ $[34] = t1;
423
+ $[35] = t18;
424
+ $[36] = t4;
425
+ $[37] = t19;
430
426
  } else {
431
- t19 = $[36];
427
+ t19 = $[37];
432
428
  }
433
429
  return t19;
434
430
  }
431
+ function _temp() {
432
+ return getUID("gradient-");
433
+ }
435
434
 
436
435
  export { FallbackAvatar as default };
@@ -63,6 +63,7 @@ import '../popup/position.js';
63
63
  import '../popup/popup.consts.js';
64
64
  import '../popup/popup.target.js';
65
65
  import '../popup/position-css.js';
66
+ import '../_helpers/theme.js';
66
67
 
67
68
  var styles = {"avatarStack":"ring-avatar-stack-avatarStack","extraText":"ring-avatar-stack-extraText","item":"ring-avatar-stack-item","size20":"ring-avatar-stack-size20","size24":"ring-avatar-stack-size24","size28":"ring-avatar-stack-size28","size32":"ring-avatar-stack-size32","size40":"ring-avatar-stack-size40","size56":"ring-avatar-stack-size56","hovered":"ring-avatar-stack-hovered","extra":"ring-avatar-stack-extra ring-avatar-stack-item","extraButton":"ring-avatar-stack-extraButton ring-global-resetButton"};
68
69
 
@@ -27,20 +27,8 @@ import '../global/controls-height.js';
27
27
  import '../global/configuration.js';
28
28
  import '../_helpers/button.classes.js';
29
29
  import '../_helpers/theme.js';
30
- import 'react-dom';
31
- import '../popup/popup.target.js';
32
- import '../popup/popup.js';
33
- import '../global/schedule-raf.js';
34
- import '../shortcuts/shortcuts.js';
35
- import '../shortcuts/core.js';
36
- import 'combokeys';
37
- import '../global/sniffer.js';
38
- import 'sniffr';
39
- import '../tab-trap/tab-trap.js';
40
- import '../popup/position.js';
41
- import '../popup/popup.consts.js';
42
- import '../popup/position-css.js';
43
30
  import '../alert/container.js';
31
+ import 'react-dom';
44
32
 
45
33
  const ALERT_DELAY = 1000;
46
34
  function getClipboardImplementation() {
@@ -19,11 +19,11 @@ const HIDDEN = 0;
19
19
  */
20
20
  const CollapseContent = t0 => {
21
21
  const $ = c(29);
22
- if ($[0] !== "9f131fd4c1a474c465851e87970886be6fcc71e4c0f7e3864c0cebddbc13aaca") {
22
+ if ($[0] !== "f05635de80c1ecb2484d9a8273c8da5ce7d933172be03e8d761443c32d96d937") {
23
23
  for (let $i = 0; $i < 29; $i += 1) {
24
24
  $[$i] = Symbol.for("react.memo_cache_sentinel");
25
25
  }
26
- $[0] = "9f131fd4c1a474c465851e87970886be6fcc71e4c0f7e3864c0cebddbc13aaca";
26
+ $[0] = "f05635de80c1ecb2484d9a8273c8da5ce7d933172be03e8d761443c32d96d937";
27
27
  }
28
28
  const {
29
29
  children,
@@ -6,12 +6,12 @@ import { COLLAPSE_CONTROL_TEST_ID } from './consts.js';
6
6
  import { jsx } from 'react/jsx-runtime';
7
7
 
8
8
  const CollapseControl = t0 => {
9
- const $ = c(14);
10
- if ($[0] !== "c08d56828661e71eca0e3f115b12585590bbebb907f6399b722daeb5173d93d4") {
11
- for (let $i = 0; $i < 14; $i += 1) {
9
+ const $ = c(13);
10
+ if ($[0] !== "37a6daba1dc720b937e7d2a844af157177f8338140503553968cf8ae1ecf6263") {
11
+ for (let $i = 0; $i < 13; $i += 1) {
12
12
  $[$i] = Symbol.for("react.memo_cache_sentinel");
13
13
  }
14
- $[0] = "c08d56828661e71eca0e3f115b12585590bbebb907f6399b722daeb5173d93d4";
14
+ $[0] = "37a6daba1dc720b937e7d2a844af157177f8338140503553968cf8ae1ecf6263";
15
15
  }
16
16
  const {
17
17
  children,
@@ -23,61 +23,45 @@ const CollapseControl = t0 => {
23
23
  id
24
24
  } = useContext(CollapseContext);
25
25
  let t1;
26
- bb0: {
27
- if (typeof children === "function") {
28
- let t2;
29
- if ($[1] !== children || $[2] !== collapsed) {
30
- t2 = children(collapsed);
31
- $[1] = children;
32
- $[2] = collapsed;
33
- $[3] = t2;
34
- } else {
35
- t2 = $[3];
36
- }
37
- t1 = t2;
38
- break bb0;
39
- }
40
- t1 = children;
41
- }
42
- const child = t1;
43
26
  let t2;
44
- if ($[4] !== dataTest) {
45
- t2 = joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest);
46
- $[4] = dataTest;
47
- $[5] = t2;
48
- } else {
49
- t2 = $[5];
50
- }
51
- const t3 = `collapse-content-${id}`;
52
- const t4 = String(!collapsed);
53
- let t5;
54
- if ($[6] !== child || $[7] !== setCollapsed || $[8] !== t3 || $[9] !== t4) {
55
- t5 = /*#__PURE__*/cloneElement(child, {
27
+ if ($[1] !== children || $[2] !== collapsed || $[3] !== dataTest || $[4] !== id || $[5] !== setCollapsed) {
28
+ const child = typeof children === "function" ? children(collapsed) : children;
29
+ if ($[8] !== dataTest) {
30
+ t1 = joinDataTestAttributes(COLLAPSE_CONTROL_TEST_ID, dataTest);
31
+ $[8] = dataTest;
32
+ $[9] = t1;
33
+ } else {
34
+ t1 = $[9];
35
+ }
36
+ t2 = /*#__PURE__*/cloneElement(child, {
56
37
  onClick: setCollapsed,
57
- "aria-controls": t3,
58
- "aria-expanded": t4
38
+ "aria-controls": `collapse-content-${id}`,
39
+ "aria-expanded": String(!collapsed)
59
40
  });
60
- $[6] = child;
61
- $[7] = setCollapsed;
62
- $[8] = t3;
63
- $[9] = t4;
64
- $[10] = t5;
41
+ $[1] = children;
42
+ $[2] = collapsed;
43
+ $[3] = dataTest;
44
+ $[4] = id;
45
+ $[5] = setCollapsed;
46
+ $[6] = t1;
47
+ $[7] = t2;
65
48
  } else {
66
- t5 = $[10];
49
+ t1 = $[6];
50
+ t2 = $[7];
67
51
  }
68
- let t6;
69
- if ($[11] !== t2 || $[12] !== t5) {
70
- t6 = /*#__PURE__*/jsx("p", {
71
- "data-test": t2,
72
- children: t5
52
+ let t3;
53
+ if ($[10] !== t1 || $[11] !== t2) {
54
+ t3 = /*#__PURE__*/jsx("p", {
55
+ "data-test": t1,
56
+ children: t2
73
57
  });
58
+ $[10] = t1;
74
59
  $[11] = t2;
75
- $[12] = t5;
76
- $[13] = t6;
60
+ $[12] = t3;
77
61
  } else {
78
- t6 = $[13];
62
+ t3 = $[12];
79
63
  }
80
- return t6;
64
+ return t3;
81
65
  };
82
66
 
83
67
  export { CollapseControl, CollapseControl as default };
@@ -6,11 +6,11 @@ import { jsx } from 'react/jsx-runtime';
6
6
 
7
7
  const Collapse = t0 => {
8
8
  const $ = c(16);
9
- if ($[0] !== "a4a6b3332539b9c2959a845fc7f7ca21f64b1f889ab9f549f7c7d22f6a1be723") {
9
+ if ($[0] !== "4b1bc7149bb2f70cda665f353438e1d305c0392543f5779c6ac7ceb49ca39f10") {
10
10
  for (let $i = 0; $i < 16; $i += 1) {
11
11
  $[$i] = Symbol.for("react.memo_cache_sentinel");
12
12
  }
13
- $[0] = "a4a6b3332539b9c2959a845fc7f7ca21f64b1f889ab9f549f7c7d22f6a1be723";
13
+ $[0] = "4b1bc7149bb2f70cda665f353438e1d305c0392543f5779c6ac7ceb49ca39f10";
14
14
  }
15
15
  const {
16
16
  children,
@@ -30,6 +30,7 @@ import '../global/configuration.js';
30
30
  import '../popup/position.js';
31
31
  import '../popup/popup.consts.js';
32
32
  import '../popup/position-css.js';
33
+ import '../_helpers/theme.js';
33
34
  import '../_helpers/dialog-body-scroll-preventer.js';
34
35
  import 'scrollbar-width';
35
36
  import '@jetbrains/icons/chevron-down';
@@ -41,6 +41,7 @@ import '../popup/popup.js';
41
41
  import '../popup/position.js';
42
42
  import '../popup/popup.consts.js';
43
43
  import '../popup/position-css.js';
44
+ import '../_helpers/theme.js';
44
45
  import '../_helpers/dialog-body-scroll-preventer.js';
45
46
  import 'scrollbar-width';
46
47
  import '../panel/panel.js';
@@ -38,6 +38,7 @@ import '../popup/position.js';
38
38
  import '../popup/popup.consts.js';
39
39
  import '../popup/popup.target.js';
40
40
  import '../popup/position-css.js';
41
+ import '../_helpers/theme.js';
41
42
  import '../global/typescript-utils.js';
42
43
  import '../_helpers/anchor.js';
43
44
  import '@jetbrains/icons/chevron-12px-down';