@jetbrains/ring-ui-built 7.0.0-beta.12 → 7.0.0-beta.14
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.
- package/components/_helpers/anchor.js +4 -4
- package/components/_helpers/badge.js +2 -2
- package/components/_helpers/button__classes.js +13 -13
- package/components/_helpers/caption.js +3 -3
- package/components/_helpers/card.js +18 -18
- package/components/_helpers/date-picker.js +2 -2
- package/components/_helpers/dialog__body-scroll-preventer.js +4 -4
- package/components/_helpers/grid.js +2 -2
- package/components/_helpers/header.js +2 -2
- package/components/_helpers/heading.js +2 -2
- package/components/_helpers/icon__svg.js +6 -6
- package/components/_helpers/input.js +14 -14
- package/components/_helpers/island.js +2 -2
- package/components/_helpers/link.js +2 -2
- package/components/_helpers/list.js +2 -2
- package/components/_helpers/query-assist__suggestions.js +7 -7
- package/components/_helpers/select__filter.js +3 -3
- package/components/_helpers/services-link.js +3 -3
- package/components/_helpers/sidebar.js +9 -9
- package/components/_helpers/tab-link.js +7 -7
- package/components/_helpers/table.js +2 -2
- package/components/_helpers/theme.js +9 -9
- package/components/_helpers/title.js +7 -7
- package/components/alert/alert.d.ts +2 -2
- package/components/alert/alert.js +12 -12
- package/components/alert/container.js +3 -3
- package/components/auth/auth__core.js +1 -1
- package/components/auth/background-flow.js +2 -2
- package/components/auth/down-notification.js +3 -3
- package/components/auth/token-validator.js +1 -1
- package/components/auth-dialog/auth-dialog.js +10 -10
- package/components/auth-dialog-service/auth-dialog-service.js +1 -1
- package/components/avatar/avatar.js +6 -6
- package/components/badge/badge.js +6 -13
- package/components/breadcrumbs/breadcrumbs.js +2 -2
- package/components/button/button.js +4 -4
- package/components/button/button__classes.d.ts +1 -1
- package/components/button-group/button-group.js +3 -3
- package/components/button-set/button-set.js +2 -2
- package/components/button-toolbar/button-toolbar.d.ts +1 -1
- package/components/button-toolbar/button-toolbar.js +2 -2
- package/components/checkbox/checkbox.js +8 -8
- package/components/code/code.d.ts +1 -1
- package/components/code/code.js +6 -6
- package/components/collapse/collapse-content.js +4 -4
- package/components/confirm/confirm.d.ts +2 -2
- package/components/confirm/confirm.js +3 -3
- package/components/confirm-service/confirm-service.d.ts +1 -1
- package/components/content-layout/content-layout.js +4 -4
- package/components/contenteditable/contenteditable.d.ts +1 -1
- package/components/control-help/control-help.js +2 -2
- package/components/control-label/control-label.js +5 -5
- package/components/data-list/data-list.d.ts +2 -2
- package/components/data-list/data-list.js +6 -6
- package/components/data-list/data-list.mock.js +0 -1
- package/components/data-list/item.js +8 -8
- package/components/date-picker/date-input.js +2 -2
- package/components/date-picker/date-picker.d.ts +2 -1
- package/components/date-picker/date-picker.js +12 -11
- package/components/date-picker/date-popup.js +4 -4
- package/components/date-picker/day.js +15 -15
- package/components/date-picker/month-names.js +5 -5
- package/components/date-picker/month-slider.js +3 -3
- package/components/date-picker/month.js +3 -3
- package/components/date-picker/months.js +3 -3
- package/components/date-picker/weekdays.js +4 -4
- package/components/date-picker/years.js +5 -5
- package/components/dialog/dialog.d.ts +1 -0
- package/components/dialog/dialog.js +21 -16
- package/components/dropdown/dropdown.d.ts +2 -2
- package/components/dropdown/dropdown.js +2 -2
- package/components/editable-heading/editable-heading.js +19 -19
- package/components/error-bubble/error-bubble.js +4 -4
- package/components/error-message/error-message.js +6 -6
- package/components/footer/footer.js +8 -8
- package/components/form/form.js +2 -3
- package/components/global/theme.js +1 -1
- package/components/grid/col.js +4 -4
- package/components/grid/grid.js +2 -2
- package/components/grid/row.js +4 -4
- package/components/group/group.js +2 -2
- package/components/header/header-icon.js +4 -4
- package/components/header/header.js +3 -3
- package/components/header/links.js +2 -2
- package/components/header/logo.js +2 -2
- package/components/header/profile.d.ts +2 -2
- package/components/header/profile.js +10 -10
- package/components/header/services.js +7 -7
- package/components/header/tray.js +3 -3
- package/components/heading/heading.js +3 -3
- package/components/http/http.d.ts +3 -3
- package/components/icon/icon.js +8 -6
- package/components/input/input-legacy.js +2 -3
- package/components/input-size/input-size.js +2 -3
- package/components/island/content.js +7 -7
- package/components/island/header.js +4 -4
- package/components/island/island.js +4 -4
- package/components/link/link.js +7 -7
- package/components/list/list.d.ts +1 -1
- package/components/list/list.js +5 -5
- package/components/list/list__custom.js +5 -5
- package/components/list/list__hint.js +2 -2
- package/components/list/list__item.js +22 -22
- package/components/list/list__link.js +5 -5
- package/components/list/list__separator.js +3 -3
- package/components/list/list__title.js +5 -5
- package/components/loader/loader__core.js +5 -5
- package/components/loader-inline/loader-inline.js +3 -3
- package/components/loader-screen/loader-screen.js +4 -4
- package/components/login-dialog/login-dialog.js +6 -6
- package/components/markdown/markdown.d.ts +2 -2
- package/components/markdown/markdown.js +6 -6
- package/components/message/message.js +9 -9
- package/components/old-browsers-message/white-list.js +2 -2
- package/components/pager/pager.js +9 -9
- package/components/panel/panel.js +2 -2
- package/components/permissions/permissions__cache.js +2 -2
- package/components/popup/popup.js +5 -5
- package/components/popup/position.js +2 -2
- package/components/progress-bar/progress-bar.d.ts +2 -2
- package/components/progress-bar/progress-bar.js +5 -5
- package/components/query-assist/query-assist.js +26 -26
- package/components/radio/radio__item.js +5 -5
- package/components/scrollable-section/scrollable-section.js +6 -6
- package/components/select/select.d.ts +1 -1
- package/components/select/select.js +22 -21
- package/components/select/select__popup.js +11 -11
- package/components/shortcuts/core.js +1 -1
- package/components/slider/slider.js +20 -20
- package/components/style.css +1 -1
- package/components/tab-trap/tab-trap.js +2 -2
- package/components/table/cell.js +2 -2
- package/components/table/header-cell.js +8 -8
- package/components/table/header.d.ts +1 -2
- package/components/table/header.js +7 -13
- package/components/table/row.d.ts +0 -1
- package/components/table/row.js +11 -17
- package/components/table/selection.d.ts +2 -3
- package/components/table/simple-table.js +2 -2
- package/components/table/table.d.ts +0 -1
- package/components/table/table.js +17 -19
- package/components/tabs/collapsible-more.d.ts +1 -1
- package/components/tabs/collapsible-more.js +6 -6
- package/components/tabs/collapsible-tab.js +4 -4
- package/components/tabs/collapsible-tabs.d.ts +2 -2
- package/components/tabs/collapsible-tabs.js +5 -5
- package/components/tabs/dumb-tabs.js +5 -5
- package/components/tag/tag.js +13 -13
- package/components/tags-input/tags-input.js +8 -8
- package/components/text/text.js +7 -7
- package/components/toggle/toggle.d.ts +2 -2
- package/components/toggle/toggle.js +12 -12
- package/components/tooltip/tooltip.js +11 -4
- package/components/user-agreement/user-agreement.js +7 -7
- package/components/user-card/smart-user-card-tooltip.js +2 -2
- package/components/user-card/tooltip.js +2 -2
- package/package.json +6 -5
- package/typings.d.ts +2 -4
- package/components/island-legacy/content-legacy.d.ts +0 -5
- package/components/island-legacy/content-legacy.js +0 -23
- package/components/island-legacy/header-legacy.d.ts +0 -5
- package/components/island-legacy/header-legacy.js +0 -26
- package/components/island-legacy/island-legacy.d.ts +0 -7
- package/components/island-legacy/island-legacy.js +0 -25
package/components/tag/tag.js
CHANGED
@@ -17,7 +17,7 @@ import '@jetbrains/icons/chevron-down';
|
|
17
17
|
import '../link/clickableLink.js';
|
18
18
|
import '../_helpers/button__classes.js';
|
19
19
|
|
20
|
-
var
|
20
|
+
var styles = {"tag":"tag_rui_5765 resetButton_rui_f295","withRemove":"withRemove_rui_5765","container":"container_rui_5765","focused":"focused_rui_5765","content":"content_rui_5765 ellipsis_rui_f295","disabled":"disabled_rui_5765","remove":"remove_rui_5765","removeIcon":"removeIcon_rui_5765","icon":"icon_rui_5765","avatarContainer":"avatarContainer_rui_5765","customIcon":"customIcon_rui_5765","avatarIcon":"avatarIcon_rui_5765"};
|
21
21
|
|
22
22
|
class Tag extends PureComponent {
|
23
23
|
constructor() {
|
@@ -65,7 +65,7 @@ class Tag extends PureComponent {
|
|
65
65
|
renderCustomIcon() {
|
66
66
|
if (this.props.rgTagIcon) {
|
67
67
|
return /*#__PURE__*/jsx(Icon, {
|
68
|
-
className:
|
68
|
+
className: styles.icon,
|
69
69
|
title: this.props.rgTagTitle,
|
70
70
|
glyph: this.props.rgTagIcon
|
71
71
|
});
|
@@ -74,8 +74,8 @@ class Tag extends PureComponent {
|
|
74
74
|
}
|
75
75
|
_renderImageElement(avatarSrc) {
|
76
76
|
const classes = classNames({
|
77
|
-
[
|
78
|
-
[
|
77
|
+
[styles.customIcon]: this.props.icon,
|
78
|
+
[styles.avatarIcon]: avatarSrc
|
79
79
|
});
|
80
80
|
return /*#__PURE__*/jsx("img", {
|
81
81
|
alt: avatarSrc ? 'Avatar' : 'Icon',
|
@@ -92,7 +92,7 @@ class Tag extends PureComponent {
|
|
92
92
|
renderAvatar() {
|
93
93
|
if (this.props.avatar) {
|
94
94
|
return /*#__PURE__*/jsx("span", {
|
95
|
-
className:
|
95
|
+
className: styles.avatarContainer,
|
96
96
|
children: this._renderImageElement(this.props.avatar)
|
97
97
|
});
|
98
98
|
}
|
@@ -104,8 +104,8 @@ class Tag extends PureComponent {
|
|
104
104
|
title: "Remove",
|
105
105
|
icon: closeIcon,
|
106
106
|
"data-test": "ring-tag-remove",
|
107
|
-
className:
|
108
|
-
iconClassName:
|
107
|
+
className: styles.remove,
|
108
|
+
iconClassName: styles.removeIcon,
|
109
109
|
onClick: this.props.onRemove,
|
110
110
|
style: {
|
111
111
|
'--ring-icon-secondary-color': this.props.textColor
|
@@ -116,10 +116,10 @@ class Tag extends PureComponent {
|
|
116
116
|
return null;
|
117
117
|
}
|
118
118
|
render() {
|
119
|
-
const classes = classNames('ring-js-shortcuts',
|
120
|
-
[
|
121
|
-
[
|
122
|
-
[
|
119
|
+
const classes = classNames('ring-js-shortcuts', styles.tag, {
|
120
|
+
[styles.focused]: this.state.focused,
|
121
|
+
[styles.disabled]: this.props.disabled,
|
122
|
+
[styles.withRemove]: !this.props.readOnly
|
123
123
|
}, this.props.className);
|
124
124
|
const {
|
125
125
|
backgroundColor,
|
@@ -127,7 +127,7 @@ class Tag extends PureComponent {
|
|
127
127
|
render
|
128
128
|
} = this.props;
|
129
129
|
return /*#__PURE__*/jsxs("span", {
|
130
|
-
className:
|
130
|
+
className: styles.container,
|
131
131
|
children: [render({
|
132
132
|
'data-test': 'ring-tag',
|
133
133
|
className: classes,
|
@@ -140,7 +140,7 @@ class Tag extends PureComponent {
|
|
140
140
|
disabled: this.props.disabled,
|
141
141
|
children: /*#__PURE__*/jsxs(Fragment, {
|
142
142
|
children: [this.renderAvatar(), this.renderCustomIcon(), this.renderImage(), /*#__PURE__*/jsx("span", {
|
143
|
-
className:
|
143
|
+
className: styles.content,
|
144
144
|
children: this.props.children
|
145
145
|
})]
|
146
146
|
})
|
@@ -8,7 +8,7 @@ import TagsList from '../tags-list/tags-list.js';
|
|
8
8
|
import Caret from '../caret/caret.js';
|
9
9
|
import memoize from '../global/memoize.js';
|
10
10
|
import rerenderHOC from '../global/rerender-hoc.js';
|
11
|
-
import { S as Size,
|
11
|
+
import { S as Size, i as inputStyles } from '../_helpers/input.js';
|
12
12
|
import { ControlsHeightContext } from '../global/controls-height.js';
|
13
13
|
import getUID from '../global/get-uid.js';
|
14
14
|
import { ControlLabel } from '../control-label/control-label.js';
|
@@ -83,7 +83,7 @@ import '../text/text.js';
|
|
83
83
|
import '../_helpers/select__filter.js';
|
84
84
|
import '../tag/tag.js';
|
85
85
|
|
86
|
-
var
|
86
|
+
var styles = {"outerContainer":"outerContainer_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","tagsInput":"tagsInput_rui_2ffe","tagsInputDisabled":"tagsInputDisabled_rui_2ffe","tagsInputFocused":"tagsInputFocused_rui_2ffe","tagsList":"tagsList_rui_2ffe","tagsSelect":"tagsSelect_rui_2ffe"};
|
87
87
|
|
88
88
|
function noop() {}
|
89
89
|
/**
|
@@ -338,9 +338,9 @@ class TagsInput extends PureComponent {
|
|
338
338
|
height = this.context,
|
339
339
|
label
|
340
340
|
} = this.props;
|
341
|
-
const classes = classNames(
|
342
|
-
[
|
343
|
-
[
|
341
|
+
const classes = classNames(styles.tagsInput, [inputStyles["size".concat(size)]], [inputStyles["height".concat(height)]], {
|
342
|
+
[styles.tagsInputDisabled]: disabled,
|
343
|
+
[styles.tagsInputFocused]: focused
|
344
344
|
}, this.props.className);
|
345
345
|
return /*#__PURE__*/jsxs("div", {
|
346
346
|
// it transfers focus to input
|
@@ -360,8 +360,8 @@ class TagsInput extends PureComponent {
|
|
360
360
|
disabled: disabled,
|
361
361
|
canNotBeEmpty: canNotBeEmpty,
|
362
362
|
handleRemove: this.handleRemove,
|
363
|
-
className:
|
364
|
-
tagClassName:
|
363
|
+
className: styles.tagsList,
|
364
|
+
tagClassName: styles.tag,
|
365
365
|
handleClick: this.handleClick,
|
366
366
|
customTagComponent: this.props.customTagComponent,
|
367
367
|
children: /*#__PURE__*/jsx(Select, {
|
@@ -371,7 +371,7 @@ class TagsInput extends PureComponent {
|
|
371
371
|
type: Select.Type.INPUT_WITHOUT_CONTROLS,
|
372
372
|
inputPlaceholder: this.props.placeholder,
|
373
373
|
data: this.state.suggestions,
|
374
|
-
className: classNames(
|
374
|
+
className: classNames(styles.tagsSelect),
|
375
375
|
onSelect: this.addTag,
|
376
376
|
onFocus: this._focusHandler,
|
377
377
|
onBlur: this._blurHandler,
|
package/components/text/text.js
CHANGED
@@ -3,7 +3,7 @@ import { Component } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
5
5
|
|
6
|
-
var
|
6
|
+
var styles = {"text":"text_rui_2f31","sizeS":"sizeS_rui_2f31","sizeM":"sizeM_rui_2f31","sizeL":"sizeL_rui_2f31","info":"info_rui_2f31","bold":"bold_rui_2f31"};
|
7
7
|
|
8
8
|
const _excluded = ["children", "className", "info", "size", "bold"];
|
9
9
|
const TextSize = {
|
@@ -25,12 +25,12 @@ class Text extends Component {
|
|
25
25
|
bold
|
26
26
|
} = _this$props,
|
27
27
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
28
|
-
const classes = classNames(
|
29
|
-
[
|
30
|
-
[
|
31
|
-
[
|
32
|
-
[
|
33
|
-
[
|
28
|
+
const classes = classNames(styles.text, className, {
|
29
|
+
[styles.info]: info,
|
30
|
+
[styles.bold]: bold,
|
31
|
+
[styles.sizeS]: size === Text.Size.S,
|
32
|
+
[styles.sizeM]: size === Text.Size.M,
|
33
|
+
[styles.sizeL]: size === Text.Size.L
|
34
34
|
});
|
35
35
|
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
|
36
36
|
className: classes
|
@@ -7,13 +7,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
7
|
import 'core-js/modules/es.array.reduce.js';
|
8
8
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
9
9
|
|
10
|
-
var
|
10
|
+
var styles = {"toggle":"toggle_rui_21f9","switch":"switch_rui_21f9","disabled":"disabled_rui_21f9","label":"label_rui_21f9","help":"help_rui_21f9","leftLabel":"leftLabel_rui_21f9","switchWrapper":"switchWrapper_rui_21f9","input":"input_rui_21f9","size16":"size16_rui_21f9","size14":"size14_rui_21f9","size20":"size20_rui_21f9"};
|
11
11
|
|
12
12
|
const _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
|
13
13
|
const Size = {
|
14
|
-
Size14:
|
15
|
-
Size16:
|
16
|
-
Size20:
|
14
|
+
Size14: styles.size14,
|
15
|
+
Size16: styles.size16,
|
16
|
+
Size20: styles.size20
|
17
17
|
};
|
18
18
|
class Toggle extends PureComponent {
|
19
19
|
render() {
|
@@ -30,33 +30,33 @@ class Toggle extends PureComponent {
|
|
30
30
|
onTransitionEnd
|
31
31
|
} = _this$props,
|
32
32
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
33
|
-
const classes = classNames(className, size,
|
33
|
+
const classes = classNames(className, size, styles.toggle, disabled && styles.disabled);
|
34
34
|
return /*#__PURE__*/jsxs("label", {
|
35
35
|
className: classes,
|
36
36
|
title: title,
|
37
37
|
"data-test": joinDataTestAttributes('ring-toggle', dataTest),
|
38
38
|
children: [leftLabel && /*#__PURE__*/jsxs("span", {
|
39
|
-
className:
|
39
|
+
className: styles.leftLabel,
|
40
40
|
children: [leftLabel, help && /*#__PURE__*/jsx(ControlHelp, {
|
41
|
-
className:
|
41
|
+
className: styles.help,
|
42
42
|
children: help
|
43
43
|
})]
|
44
44
|
}), /*#__PURE__*/jsxs("span", {
|
45
|
-
className:
|
45
|
+
className: styles.switchWrapper,
|
46
46
|
children: [/*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
|
47
47
|
"data-test": "ring-toggle-input"
|
48
48
|
}, restProps), {}, {
|
49
49
|
type: "checkbox",
|
50
50
|
disabled: disabled,
|
51
|
-
className:
|
51
|
+
className: styles.input
|
52
52
|
})), /*#__PURE__*/jsx("span", {
|
53
|
-
className:
|
53
|
+
className: styles.switch,
|
54
54
|
onTransitionEnd: onTransitionEnd
|
55
55
|
})]
|
56
56
|
}), children && /*#__PURE__*/jsxs("div", {
|
57
|
-
className:
|
57
|
+
className: styles.label,
|
58
58
|
children: [children, help && /*#__PURE__*/jsx(ControlHelp, {
|
59
|
-
className:
|
59
|
+
className: styles.help,
|
60
60
|
children: help
|
61
61
|
})]
|
62
62
|
})]
|
@@ -24,7 +24,7 @@ import '../popup/popup.consts.js';
|
|
24
24
|
import '../popup/popup.target.js';
|
25
25
|
import 'core-js/modules/es.array.reduce.js';
|
26
26
|
|
27
|
-
var
|
27
|
+
var styles = {"tooltip":"tooltip_rui_a84d","long":"long_rui_a84d"};
|
28
28
|
|
29
29
|
const _excluded = ["children", "data-test", "title", "delay", "theme", "selfOverflowOnly", "popupProps", "long"];
|
30
30
|
const scheduleScroll = scheduleRAF();
|
@@ -127,7 +127,13 @@ class Tooltip extends Component {
|
|
127
127
|
addListeners() {
|
128
128
|
if (this.containerNode != null) {
|
129
129
|
this.listeners.add(this.containerNode, 'mouseenter', this.tryToShowPopup);
|
130
|
-
this.listeners.add(this.containerNode, 'mouseleave',
|
130
|
+
this.listeners.add(this.containerNode, 'mouseleave', ev => {
|
131
|
+
var _this$popup;
|
132
|
+
if (ev.relatedTarget && (_this$popup = this.popup) !== null && _this$popup !== void 0 && (_this$popup = _this$popup.container) !== null && _this$popup !== void 0 && _this$popup.contains(ev.relatedTarget)) {
|
133
|
+
return;
|
134
|
+
}
|
135
|
+
this.hidePopup();
|
136
|
+
});
|
131
137
|
}
|
132
138
|
this.listeners.add(document, 'scroll', () => scheduleScroll(this.hidePopup), {
|
133
139
|
passive: true
|
@@ -173,10 +179,11 @@ class Tooltip extends Component {
|
|
173
179
|
hidden: !this.state.showPopup || this.state.showNestedPopup,
|
174
180
|
onCloseAttempt: this.hidePopup,
|
175
181
|
maxHeight: 400,
|
176
|
-
className: classNames(
|
177
|
-
[
|
182
|
+
className: classNames(styles.tooltip, {
|
183
|
+
[styles.long]: long
|
178
184
|
}),
|
179
185
|
attached: false,
|
186
|
+
onMouseOut: this.hidePopup,
|
180
187
|
top: 4,
|
181
188
|
dontCloseOnAnchorClick: true,
|
182
189
|
ref: this.popupRef
|
@@ -5,6 +5,7 @@ import classNames from 'classnames';
|
|
5
5
|
import Dialog from '../dialog/dialog.js';
|
6
6
|
import 'core-js/modules/es.array.reduce.js';
|
7
7
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
8
|
+
import '../_helpers/island.js';
|
8
9
|
import HeaderWrapper from '../island/header.js';
|
9
10
|
import ContentWrapper from '../island/content.js';
|
10
11
|
import Panel from '../panel/panel.js';
|
@@ -16,7 +17,6 @@ import '../island/island.js';
|
|
16
17
|
import '../global/data-tests.js';
|
17
18
|
import '../island/adaptive-island-hoc.js';
|
18
19
|
import '../global/linear-function.js';
|
19
|
-
import '../_helpers/island.js';
|
20
20
|
import 'element-resize-detector';
|
21
21
|
import '../global/schedule-raf.js';
|
22
22
|
import '../global/get-uid.js';
|
@@ -43,7 +43,7 @@ import '../global/controls-height.js';
|
|
43
43
|
import '../_helpers/button__classes.js';
|
44
44
|
import '../i18n/i18n.js';
|
45
45
|
|
46
|
-
var
|
46
|
+
var style = {"extra-small-screen-media":"(max-width: 639px)","agreementDialog":"agreementDialog_rui_7e82","dialogContent":"dialogContent_rui_7e82","suggestion":"suggestion_rui_7e82","remindLaterButton":"remindLaterButton_rui_7e82"};
|
47
47
|
|
48
48
|
function noop() {}
|
49
49
|
/**
|
@@ -83,8 +83,8 @@ class UserAgreement extends PureComponent {
|
|
83
83
|
return /*#__PURE__*/jsxs(Dialog, {
|
84
84
|
label: (_translations$userAgr = translations === null || translations === void 0 ? void 0 : translations.userAgreement) !== null && _translations$userAgr !== void 0 ? _translations$userAgr : translate('userAgreement'),
|
85
85
|
show: show,
|
86
|
-
className: classNames(
|
87
|
-
contentClassName:
|
86
|
+
className: classNames(style.agreementDialog, className),
|
87
|
+
contentClassName: style.dialogContent,
|
88
88
|
trapFocus: true,
|
89
89
|
autoFocusFirst: false,
|
90
90
|
"data-test": "user-agreement",
|
@@ -96,7 +96,7 @@ class UserAgreement extends PureComponent {
|
|
96
96
|
children: children
|
97
97
|
}), !preview && /*#__PURE__*/jsxs(Panel, {
|
98
98
|
children: [onRemindLater && !scrolledDown && /*#__PURE__*/jsx("div", {
|
99
|
-
className:
|
99
|
+
className: style.suggestion,
|
100
100
|
children: (_translations$scrollT = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT !== void 0 ? _translations$scrollT : translate('scrollToAccept')
|
101
101
|
}), /*#__PURE__*/jsx(Button, {
|
102
102
|
primary: true,
|
@@ -110,10 +110,10 @@ class UserAgreement extends PureComponent {
|
|
110
110
|
"data-test": "decline",
|
111
111
|
children: (_translations$decline = translations === null || translations === void 0 ? void 0 : translations.decline) !== null && _translations$decline !== void 0 ? _translations$decline : translate('decline')
|
112
112
|
}), !onRemindLater && !scrolledDown && /*#__PURE__*/jsx("span", {
|
113
|
-
className:
|
113
|
+
className: style.suggestion,
|
114
114
|
children: (_translations$scrollT2 = translations === null || translations === void 0 ? void 0 : translations.scrollToAccept) !== null && _translations$scrollT2 !== void 0 ? _translations$scrollT2 : translate('scrollToAccept')
|
115
115
|
}), onRemindLater && /*#__PURE__*/jsx(Button, {
|
116
|
-
className:
|
116
|
+
className: style.remindLaterButton,
|
117
117
|
onClick: onRemindLater,
|
118
118
|
"data-test": "later",
|
119
119
|
children: (_translations$remindL = translations === null || translations === void 0 ? void 0 : translations.remindLater) !== null && _translations$remindL !== void 0 ? _translations$remindL : translate('remindLater')
|
@@ -3,7 +3,7 @@ import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
3
|
import { Component } from 'react';
|
4
4
|
import LoaderInline from '../loader-inline/loader-inline.js';
|
5
5
|
import UserCardTooltip from './tooltip.js';
|
6
|
-
import {
|
6
|
+
import { s as styles } from '../_helpers/card.js';
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
8
8
|
import 'classnames';
|
9
9
|
import '../global/data-tests.js';
|
@@ -89,7 +89,7 @@ class SmartUserCardTooltip extends Component {
|
|
89
89
|
}
|
90
90
|
});
|
91
91
|
_defineProperty(this, "renderNoUser", () => this.state.loading ? /*#__PURE__*/jsx("div", {
|
92
|
-
className:
|
92
|
+
className: styles.userCardSpaced,
|
93
93
|
children: /*#__PURE__*/jsx(LoaderInline, {})
|
94
94
|
}) : '');
|
95
95
|
}
|
@@ -3,7 +3,7 @@ import { Component } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import Dropdown from '../dropdown/dropdown.js';
|
5
5
|
import Popup from '../popup/popup.js';
|
6
|
-
import {
|
6
|
+
import { s as styles, U as UserCard } from '../_helpers/card.js';
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
8
8
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
9
9
|
import '../global/data-tests.js';
|
@@ -82,7 +82,7 @@ class UserCardTooltip extends Component {
|
|
82
82
|
attached: false,
|
83
83
|
children: user ? renderUserCard(_objectSpread2(_objectSpread2({}, restProps), {}, {
|
84
84
|
user,
|
85
|
-
className: classNames(
|
85
|
+
className: classNames(styles.userCardSpaced, this.props.className)
|
86
86
|
})) : renderNoUser()
|
87
87
|
})
|
88
88
|
}));
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@jetbrains/ring-ui-built",
|
3
|
-
"version": "7.0.0-beta.
|
3
|
+
"version": "7.0.0-beta.14",
|
4
4
|
"description": "JetBrains UI library",
|
5
5
|
"author": "JetBrains",
|
6
6
|
"license": "Apache-2.0",
|
@@ -28,7 +28,8 @@
|
|
28
28
|
},
|
29
29
|
"scripts": {
|
30
30
|
"apply-resolutions": "npx npm-force-resolutions@0.0.10",
|
31
|
-
"_postinstall": "husky",
|
31
|
+
"_postinstall": "husky && npm run postinstall:gitconfig",
|
32
|
+
"postinstall:gitconfig": "git config blame.ignoreRevsFile .git-blame-ignore-revs",
|
32
33
|
"prepare": "webpack -c .storybook/custom-header/webpack.config.js",
|
33
34
|
"prea11y-audit": "playwright install",
|
34
35
|
"a11y-audit": "test-storybook --url http://localhost:9999",
|
@@ -51,8 +52,8 @@
|
|
51
52
|
"lint": "npm run lint:js . && npm run stylelint",
|
52
53
|
"prelint-ci": "echo \"##teamcity[importData type='jslint' path='eslint-report.xml']\"",
|
53
54
|
"lint-ci": "eslint --format jslint-xml . > eslint-report.xml && npm run stylelint-ci",
|
54
|
-
"stylelint-ci": "stylelint --ignore-path .
|
55
|
-
"stylelint": "stylelint --ignore-path .
|
55
|
+
"stylelint-ci": "stylelint --ignore-path .stylelintignore --custom-formatter './jslint-xml.js' '**/*.css' | xmlappend eslint-report.xml",
|
56
|
+
"stylelint": "stylelint --ignore-path .stylelintignore '**/*.css'",
|
56
57
|
"validate-tc-config": "mvn --file .teamcity/pom.xml org.jetbrains.teamcity:teamcity-configs-maven-plugin:generate -e",
|
57
58
|
"pretest-ci": "npm run lint-ci",
|
58
59
|
"typecheck": "tsc",
|
@@ -88,7 +89,7 @@
|
|
88
89
|
}
|
89
90
|
},
|
90
91
|
"dependencies": {
|
91
|
-
"@jetbrains/icons": "^4.
|
92
|
+
"@jetbrains/icons": "^4.8.0",
|
92
93
|
"change-case": "^4.1.1",
|
93
94
|
"classnames": "^2.5.1",
|
94
95
|
"combokeys": "^3.0.1",
|
package/typings.d.ts
CHANGED
@@ -32,12 +32,10 @@ declare module 'combokeys/test/lib/key-event' {
|
|
32
32
|
keyCode: number,
|
33
33
|
modifiers?: ('shift' | 'ctrl' | 'alt' | 'meta')[],
|
34
34
|
element?: Element,
|
35
|
-
repeat?: number
|
35
|
+
repeat?: number,
|
36
36
|
): void;
|
37
37
|
}
|
38
38
|
|
39
39
|
declare module 'scrollbar-width' {
|
40
|
-
export default function getScrollbarWidth(
|
41
|
-
recalculate?: boolean
|
42
|
-
): number | null;
|
40
|
+
export default function getScrollbarWidth(recalculate?: boolean): number | null;
|
43
41
|
}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
|
-
import { PureComponent } from 'react';
|
3
|
-
import classNames from 'classnames';
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
5
|
-
|
6
|
-
const _excluded = ["children", "className"];
|
7
|
-
class Content extends PureComponent {
|
8
|
-
render() {
|
9
|
-
const _this$props = this.props,
|
10
|
-
{
|
11
|
-
children,
|
12
|
-
className
|
13
|
-
} = _this$props,
|
14
|
-
restProps = _objectWithoutProperties(_this$props, _excluded);
|
15
|
-
const classes = classNames('ring-island__content', className);
|
16
|
-
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
17
|
-
className: classes,
|
18
|
-
children: children
|
19
|
-
}));
|
20
|
-
}
|
21
|
-
}
|
22
|
-
|
23
|
-
export { Content as default };
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
|
-
import { PureComponent } from 'react';
|
3
|
-
import classNames from 'classnames';
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
5
|
-
|
6
|
-
const _excluded = ["children", "className"];
|
7
|
-
class Header extends PureComponent {
|
8
|
-
render() {
|
9
|
-
const _this$props = this.props,
|
10
|
-
{
|
11
|
-
children,
|
12
|
-
className
|
13
|
-
} = _this$props,
|
14
|
-
restProps = _objectWithoutProperties(_this$props, _excluded);
|
15
|
-
const classes = classNames('ring-island__header', className);
|
16
|
-
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
17
|
-
className: classes,
|
18
|
-
children: /*#__PURE__*/jsx("div", {
|
19
|
-
className: "ring-island__title",
|
20
|
-
children: children
|
21
|
-
})
|
22
|
-
}));
|
23
|
-
}
|
24
|
-
}
|
25
|
-
|
26
|
-
export { Header as default };
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { HTMLAttributes, PureComponent } from 'react';
|
2
|
-
import './island-legacy.css';
|
3
|
-
export default class Island extends PureComponent<HTMLAttributes<HTMLElement>> {
|
4
|
-
render(): import("react").JSX.Element;
|
5
|
-
}
|
6
|
-
export { default as Header } from './header-legacy';
|
7
|
-
export { default as Content } from './content-legacy';
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
|
-
import { PureComponent } from 'react';
|
3
|
-
import classNames from 'classnames';
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
5
|
-
export { default as Header } from './header-legacy.js';
|
6
|
-
export { default as Content } from './content-legacy.js';
|
7
|
-
|
8
|
-
const _excluded = ["children", "className"];
|
9
|
-
class Island extends PureComponent {
|
10
|
-
render() {
|
11
|
-
const _this$props = this.props,
|
12
|
-
{
|
13
|
-
children,
|
14
|
-
className
|
15
|
-
} = _this$props,
|
16
|
-
restProps = _objectWithoutProperties(_this$props, _excluded);
|
17
|
-
const classes = classNames('ring-island', className);
|
18
|
-
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
19
|
-
className: classes,
|
20
|
-
children: children
|
21
|
-
}));
|
22
|
-
}
|
23
|
-
}
|
24
|
-
|
25
|
-
export { Island as default };
|