@jetbrains/ring-ui-built 7.0.0-beta.13 → 7.0.0-beta.15
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 -13
- package/components/alert/container.js +3 -3
- package/components/alert-service/alert-service.js +0 -1
- package/components/auth/auth.js +0 -1
- package/components/auth/auth__core.js +1 -2
- package/components/auth/background-flow.js +2 -2
- package/components/auth/down-notification.js +3 -4
- package/components/auth/iframe-flow.js +0 -1
- package/components/auth/storage.js +0 -1
- package/components/auth/token-validator.js +1 -1
- package/components/auth-dialog/auth-dialog.js +10 -11
- package/components/auth-dialog-service/auth-dialog-service.js +1 -2
- package/components/avatar/avatar.js +6 -6
- package/components/badge/badge.js +6 -7
- 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 -4
- package/components/button-set/button-set.js +2 -3
- package/components/button-toolbar/button-toolbar.d.ts +1 -1
- package/components/button-toolbar/button-toolbar.js +2 -3
- package/components/checkbox/checkbox.js +8 -8
- package/components/clipboard/clipboard.js +0 -1
- package/components/code/code.d.ts +1 -1
- package/components/code/code.js +6 -6
- package/components/collapse/collapse-content.js +4 -5
- package/components/collapse/collapse-control.js +0 -1
- package/components/confirm/confirm.d.ts +2 -2
- package/components/confirm/confirm.js +3 -4
- package/components/confirm-service/confirm-service.d.ts +1 -1
- package/components/confirm-service/confirm-service.js +0 -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 -7
- package/components/data-list/data-list.mock.js +0 -1
- package/components/data-list/item.js +8 -9
- package/components/date-picker/date-input.js +2 -2
- package/components/date-picker/date-picker.js +8 -9
- package/components/date-picker/date-popup.js +4 -5
- 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.js +13 -14
- package/components/dropdown/dropdown.d.ts +2 -2
- package/components/dropdown/dropdown.js +2 -3
- package/components/dropdown-menu/dropdown-menu.js +0 -1
- package/components/editable-heading/editable-heading.js +19 -19
- package/components/error-bubble/error-bubble.js +4 -5
- package/components/error-message/error-message.js +6 -7
- package/components/footer/footer.js +8 -9
- package/components/form/form.js +2 -3
- package/components/global/compose.js +0 -2
- package/components/global/data-tests.js +0 -1
- package/components/global/theme.js +1 -2
- package/components/grid/col.js +4 -4
- package/components/grid/grid.js +2 -3
- package/components/grid/row.js +4 -5
- package/components/group/group.js +2 -2
- package/components/header/header-icon.js +4 -4
- package/components/header/header.js +3 -4
- 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 -11
- package/components/header/services-link.js +0 -1
- package/components/header/services.js +7 -8
- package/components/header/smart-profile.js +0 -1
- package/components/header/smart-services.js +0 -1
- 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 -5
- package/components/link/link.js +7 -8
- package/components/list/list.d.ts +1 -1
- package/components/list/list.js +5 -6
- package/components/list/list__custom.js +5 -6
- package/components/list/list__hint.js +2 -2
- package/components/list/list__item.js +22 -23
- package/components/list/list__link.js +5 -6
- package/components/list/list__separator.js +3 -3
- package/components/list/list__title.js +5 -5
- package/components/list/list__users-groups-source.js +0 -1
- package/components/loader/loader.js +0 -1
- package/components/loader/loader__core.js +5 -5
- package/components/loader-inline/loader-inline.js +3 -4
- package/components/loader-screen/loader-screen.js +4 -5
- package/components/login-dialog/login-dialog.js +6 -7
- package/components/login-dialog/service.js +0 -1
- package/components/markdown/markdown.d.ts +2 -2
- package/components/markdown/markdown.js +6 -6
- package/components/message/message.js +9 -10
- package/components/old-browsers-message/old-browsers-message.js +0 -1
- package/components/old-browsers-message/old-browsers-message__stop.js +0 -1
- package/components/old-browsers-message/white-list.js +2 -3
- package/components/pager/pager.js +9 -10
- package/components/panel/panel.js +2 -2
- package/components/permissions/permissions.js +0 -1
- package/components/permissions/permissions__cache.js +2 -3
- package/components/popup/popup.js +5 -6
- package/components/popup/position.js +2 -2
- package/components/popup-menu/popup-menu.js +0 -1
- 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 +25 -26
- package/components/query-assist/query-assist__suggestions.js +0 -1
- 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 -22
- package/components/select/select__filter.js +0 -1
- package/components/select/select__popup.js +11 -12
- package/components/shortcuts/core.js +1 -1
- package/components/slider/slider.js +20 -20
- package/components/storage/storage.js +0 -1
- package/components/storage/storage__local.js +0 -1
- package/components/style.css +1 -1
- package/components/tab-trap/tab-trap.js +2 -2
- package/components/table/cell.js +2 -3
- package/components/table/header-cell.js +8 -9
- package/components/table/header.js +6 -7
- package/components/table/row-with-focus-sensor.js +0 -1
- package/components/table/row.js +10 -11
- package/components/table/selection.d.ts +2 -3
- package/components/table/simple-table.js +2 -3
- package/components/table/smart-table.js +0 -1
- package/components/table/table.js +12 -13
- package/components/tabs/collapsible-more.d.ts +1 -1
- package/components/tabs/collapsible-more.js +6 -7
- package/components/tabs/collapsible-tab.js +4 -5
- package/components/tabs/collapsible-tabs.d.ts +2 -2
- package/components/tabs/collapsible-tabs.js +5 -6
- package/components/tabs/dumb-tabs.js +5 -6
- package/components/tabs/smart-tabs.js +0 -1
- package/components/tabs/tab-link.js +0 -1
- package/components/tabs/tab.js +0 -1
- package/components/tabs/tabs.js +0 -1
- package/components/tag/tag.js +13 -13
- package/components/tags-input/tags-input.js +8 -9
- package/components/text/text.js +7 -7
- package/components/toggle/toggle.d.ts +2 -2
- package/components/toggle/toggle.js +12 -13
- package/components/tooltip/tooltip.js +3 -4
- package/components/user-agreement/service.js +0 -1
- package/components/user-agreement/user-agreement.js +7 -8
- package/components/user-card/card.js +0 -1
- package/components/user-card/smart-user-card-tooltip.js +2 -3
- package/components/user-card/tooltip.js +2 -3
- package/components/user-card/user-card.js +0 -1
- package/package.json +8 -7
- 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/link/link.js
CHANGED
@@ -3,9 +3,8 @@ import { PureComponent } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import joinDataTestAttributes from '../global/data-tests.js';
|
5
5
|
import ClickableLink from './clickableLink.js';
|
6
|
-
import {
|
6
|
+
import { l as linkStyles } from '../_helpers/link.js';
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
8
|
-
import 'core-js/modules/es.array.reduce.js';
|
9
8
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
10
9
|
|
11
10
|
const _excluded = ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "children", "onPlainLeftClick", "onClick"];
|
@@ -28,16 +27,16 @@ function linkHOC(ComposedComponent) {
|
|
28
27
|
} = _this$props,
|
29
28
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
30
29
|
const useButton = pseudo || !isCustom && href == null;
|
31
|
-
const classes = classNames(
|
32
|
-
[
|
33
|
-
[
|
34
|
-
[
|
35
|
-
[
|
30
|
+
const classes = classNames(linkStyles.link, className, {
|
31
|
+
[linkStyles.active]: active,
|
32
|
+
[linkStyles.inherit]: inherit,
|
33
|
+
[linkStyles.hover]: hover,
|
34
|
+
[linkStyles.pseudo]: useButton
|
36
35
|
});
|
37
36
|
let props = restProps;
|
38
37
|
if (isCustom && !props.activeClassName) {
|
39
38
|
props = _objectSpread2(_objectSpread2({}, props), {}, {
|
40
|
-
activeClassName:
|
39
|
+
activeClassName: linkStyles.active
|
41
40
|
});
|
42
41
|
}
|
43
42
|
if (useButton) {
|
@@ -163,7 +163,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
|
|
163
163
|
containerRef: (el: HTMLElement | null) => void;
|
164
164
|
private _inner?;
|
165
165
|
get inner(): HTMLElement | null | undefined;
|
166
|
-
renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild }: RenderVirtualizedInnerParams): import("react").JSX.Element;
|
166
|
+
renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild, }: RenderVirtualizedInnerParams): import("react").JSX.Element;
|
167
167
|
renderVirtualized(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
|
168
168
|
renderSimple(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
|
169
169
|
id: string;
|
package/components/list/list.js
CHANGED
@@ -23,9 +23,8 @@ import ListTitle from './list__title.js';
|
|
23
23
|
import ListSeparator from './list__separator.js';
|
24
24
|
import ListHint from './list__hint.js';
|
25
25
|
import { Type, Dimension, DEFAULT_ITEM_TYPE } from './consts.js';
|
26
|
-
import {
|
26
|
+
import { s as styles } from '../_helpers/list.js';
|
27
27
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
28
|
-
import 'core-js/modules/es.array.reduce.js';
|
29
28
|
import 'core-js/modules/es.regexp.exec.js';
|
30
29
|
import '../shortcuts/core.js';
|
31
30
|
import 'combokeys';
|
@@ -571,7 +570,7 @@ class List extends Component {
|
|
571
570
|
"aria-label": this.props.ariaLabel,
|
572
571
|
ref: this.virtualizedListRef,
|
573
572
|
className: classNames('ring-list__i', {
|
574
|
-
[
|
573
|
+
[styles.overscrollNone]: this.props.preventListOverscroll
|
575
574
|
}),
|
576
575
|
autoHeight: autoHeight,
|
577
576
|
style: maxHeight ? _objectSpread2({
|
@@ -628,7 +627,7 @@ class List extends Component {
|
|
628
627
|
}));
|
629
628
|
}
|
630
629
|
return /*#__PURE__*/jsx("div", {
|
631
|
-
className: classNames('ring-list__i',
|
630
|
+
className: classNames('ring-list__i', styles.simpleInner),
|
632
631
|
onScroll: this.scrollHandler,
|
633
632
|
onMouseMove: this.mouseHandler,
|
634
633
|
children: /*#__PURE__*/jsx("div", {
|
@@ -649,7 +648,7 @@ class List extends Component {
|
|
649
648
|
} : undefined;
|
650
649
|
const rowCount = this.props.data.length + 2;
|
651
650
|
const maxHeight = this.props.maxHeight && this.getVisibleListHeight(this.props.maxHeight);
|
652
|
-
const classes = classNames(
|
651
|
+
const classes = classNames(styles.list, this.props.className);
|
653
652
|
return /*#__PURE__*/jsxs(Fragment, {
|
654
653
|
children: [/*#__PURE__*/jsx(ActiveItemContext.Updater, {
|
655
654
|
value: this.getId(this.state.activeItem),
|
@@ -666,7 +665,7 @@ class List extends Component {
|
|
666
665
|
map: this.props.shortcutsMap ? _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap) : this.shortcutsMap,
|
667
666
|
scope: this.shortcutsScope
|
668
667
|
}), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && /*#__PURE__*/jsx("div", {
|
669
|
-
className:
|
668
|
+
className: styles.fade,
|
670
669
|
style: fadeStyles
|
671
670
|
}), hint && /*#__PURE__*/jsx(ListHint, {
|
672
671
|
label: hint
|
@@ -4,9 +4,8 @@ import { PureComponent } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
5
5
|
import joinDataTestAttributes from '../global/data-tests.js';
|
6
6
|
import getEventKey from '../global/get-event-key.js';
|
7
|
-
import {
|
7
|
+
import { s as styles } from '../_helpers/list.js';
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
9
|
-
import 'core-js/modules/es.array.reduce.js';
|
10
9
|
|
11
10
|
const _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
|
12
11
|
class ListCustom extends PureComponent {
|
@@ -37,10 +36,10 @@ class ListCustom extends PureComponent {
|
|
37
36
|
tagName
|
38
37
|
} = _this$props,
|
39
38
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
40
|
-
const classes = classNames(
|
41
|
-
[
|
42
|
-
[
|
43
|
-
[
|
39
|
+
const classes = classNames(styles.item, className, {
|
40
|
+
[styles.action]: !disabled,
|
41
|
+
[styles.hover]: hover && !disabled,
|
42
|
+
[styles.scrolling]: scrolling
|
44
43
|
});
|
45
44
|
const dataTest = joinDataTestAttributes('ring-list-item-custom', {
|
46
45
|
'ring-list-item-action': !disabled
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import { PureComponent } from 'react';
|
2
2
|
import classNames from 'classnames';
|
3
|
-
import {
|
3
|
+
import { s as styles } from '../_helpers/list.js';
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
5
5
|
|
6
6
|
class ListHint extends PureComponent {
|
7
7
|
render() {
|
8
8
|
return /*#__PURE__*/jsx("span", {
|
9
|
-
className: classNames(
|
9
|
+
className: classNames(styles.item, styles.hint),
|
10
10
|
"data-test": "ring-list-hint",
|
11
11
|
children: this.props.label
|
12
12
|
});
|
@@ -8,9 +8,8 @@ import Avatar, { Size } from '../avatar/avatar.js';
|
|
8
8
|
import Checkbox from '../checkbox/checkbox.js';
|
9
9
|
import Icon from '../icon/icon.js';
|
10
10
|
import getUID from '../global/get-uid.js';
|
11
|
-
import {
|
12
|
-
import {
|
13
|
-
import 'core-js/modules/es.array.reduce.js';
|
11
|
+
import { s as styles } from '../_helpers/list.js';
|
12
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
14
13
|
import '../global/url.js';
|
15
14
|
import 'core-js/modules/es.regexp.exec.js';
|
16
15
|
import 'core-js/modules/es.string.replace.js';
|
@@ -26,7 +25,7 @@ import '../icon/icon__constants.js';
|
|
26
25
|
import '../_helpers/icon__svg.js';
|
27
26
|
import '../global/memoize.js';
|
28
27
|
|
29
|
-
var
|
28
|
+
var globalStyles = {"breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_f295","font":"font_rui_f295","font-lower":"font-lower_rui_f295 font_rui_f295","font-smaller":"font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-smaller-lower":"font-smaller-lower_rui_f295 font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger-lower":"font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger":"font-larger_rui_f295 font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","thin-font":"thin-font_rui_f295","monospace-font":"monospace-font_rui_f295","ellipsis":"ellipsis_rui_f295","resetButton":"resetButton_rui_f295"};
|
30
29
|
|
31
30
|
const _excluded = ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper"];
|
32
31
|
const RING_UNIT = 8;
|
@@ -76,16 +75,16 @@ class ListItem extends PureComponent {
|
|
76
75
|
const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
|
77
76
|
const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
|
78
77
|
const showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
|
79
|
-
const classes = classNames(
|
80
|
-
[
|
81
|
-
[
|
82
|
-
[
|
83
|
-
[
|
84
|
-
[
|
78
|
+
const classes = classNames(styles.item, globalStyles.resetButton, className, {
|
79
|
+
[styles.action]: !disabled,
|
80
|
+
[styles.hover]: hover && !disabled,
|
81
|
+
[styles.compact]: compact,
|
82
|
+
[styles.scrolling]: scrolling,
|
83
|
+
[styles.disabled]: disabled
|
85
84
|
});
|
86
85
|
const detailsClasses = classNames({
|
87
|
-
[
|
88
|
-
[
|
86
|
+
[styles.details]: details,
|
87
|
+
[styles.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
|
89
88
|
});
|
90
89
|
const style = {
|
91
90
|
paddingLeft: "".concat((Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
|
@@ -105,16 +104,16 @@ class ListItem extends PureComponent {
|
|
105
104
|
'ring-list-item-selected': checkbox
|
106
105
|
}, restProps['data-test']);
|
107
106
|
const labelElement = /*#__PURE__*/jsx("span", {
|
108
|
-
className:
|
107
|
+
className: styles.label,
|
109
108
|
title: computedTitle,
|
110
109
|
"data-test": "ring-list-item-label",
|
111
110
|
children: label
|
112
111
|
});
|
113
112
|
return /*#__PURE__*/jsxs("div", {
|
114
|
-
className:
|
113
|
+
className: styles.itemContainer,
|
115
114
|
"data-test": dataTest,
|
116
115
|
children: [showCheckbox && /*#__PURE__*/jsx("div", {
|
117
|
-
className:
|
116
|
+
className: styles.checkboxContainer,
|
118
117
|
children: /*#__PURE__*/jsx(Checkbox, {
|
119
118
|
"aria-labelledby": this.id,
|
120
119
|
checked: checkbox,
|
@@ -135,36 +134,36 @@ class ListItem extends PureComponent {
|
|
135
134
|
style: style,
|
136
135
|
disabled: disabled,
|
137
136
|
children: [/*#__PURE__*/jsxs("div", {
|
138
|
-
className:
|
137
|
+
className: styles.top,
|
139
138
|
onMouseOut: this.stopBubbling,
|
140
139
|
onBlur: this.stopBubbling,
|
141
140
|
children: [!showCheckbox && /*#__PURE__*/jsxs("div", {
|
142
|
-
className:
|
141
|
+
className: styles.left,
|
143
142
|
children: [leftNodes, glyph && /*#__PURE__*/jsx(Icon, {
|
144
|
-
className:
|
143
|
+
className: styles.glyph,
|
145
144
|
glyph: glyph,
|
146
145
|
size: this.props.iconSize,
|
147
146
|
suppressSizeWarning: this.props.suppressSizeWarning
|
148
147
|
}), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/jsx(Avatar, {
|
149
|
-
className:
|
148
|
+
className: styles.avatar,
|
150
149
|
url: avatar,
|
151
150
|
size: Size.Size20,
|
152
151
|
subavatar: subavatar,
|
153
152
|
username: username
|
154
153
|
})]
|
155
154
|
}), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/jsx("span", {
|
156
|
-
className:
|
155
|
+
className: styles.description,
|
157
156
|
"data-test": "ring-list-item-description",
|
158
157
|
children: description
|
159
158
|
}), /*#__PURE__*/jsxs("div", {
|
160
|
-
className:
|
159
|
+
className: styles.right,
|
161
160
|
children: [rightGlyph && /*#__PURE__*/jsx(Icon, {
|
162
|
-
className:
|
161
|
+
className: styles.rightGlyph,
|
163
162
|
glyph: rightGlyph,
|
164
163
|
suppressSizeWarning: this.props.suppressSizeWarning,
|
165
164
|
size: this.props.iconSize
|
166
165
|
}), icon && /*#__PURE__*/jsx("div", {
|
167
|
-
className:
|
166
|
+
className: styles.icon,
|
168
167
|
style: {
|
169
168
|
backgroundImage: "url(\"".concat(icon, "\")")
|
170
169
|
}
|
@@ -4,12 +4,11 @@ import { PureComponent } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
5
5
|
import Link, { linkHOC } from '../link/link.js';
|
6
6
|
import joinDataTestAttributes from '../global/data-tests.js';
|
7
|
-
import {
|
7
|
+
import { s as styles } from '../_helpers/list.js';
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
9
9
|
import '../link/clickableLink.js';
|
10
10
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
11
11
|
import '../_helpers/link.js';
|
12
|
-
import 'core-js/modules/es.array.reduce.js';
|
13
12
|
|
14
13
|
const _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
|
15
14
|
class ListLink extends PureComponent {
|
@@ -32,10 +31,10 @@ class ListLink extends PureComponent {
|
|
32
31
|
children
|
33
32
|
} = _this$props,
|
34
33
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
35
|
-
const classes = classNames(
|
36
|
-
[
|
37
|
-
[
|
38
|
-
[
|
34
|
+
const classes = classNames(styles.item, className, {
|
35
|
+
[styles.actionLink]: !disabled,
|
36
|
+
[styles.compact]: compact,
|
37
|
+
[styles.scrolling]: scrolling
|
39
38
|
});
|
40
39
|
const Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
|
41
40
|
return /*#__PURE__*/jsx(Comp, _objectSpread2(_objectSpread2({
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import 'core-js/modules/es.symbol.description.js';
|
2
2
|
import { PureComponent } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
|
-
import {
|
4
|
+
import { s as styles } from '../_helpers/list.js';
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
|
7
7
|
class ListSeparator extends PureComponent {
|
@@ -11,8 +11,8 @@ class ListSeparator extends PureComponent {
|
|
11
11
|
isFirst,
|
12
12
|
className
|
13
13
|
} = this.props;
|
14
|
-
const classes = classNames(
|
15
|
-
[
|
14
|
+
const classes = classNames(styles.separator, className, {
|
15
|
+
[styles.separator_first]: isFirst
|
16
16
|
});
|
17
17
|
return /*#__PURE__*/jsx("span", {
|
18
18
|
className: classes,
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import 'core-js/modules/es.symbol.description.js';
|
2
2
|
import { PureComponent } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
|
-
import {
|
4
|
+
import { s as styles } from '../_helpers/list.js';
|
5
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
6
6
|
|
7
7
|
class ListTitle extends PureComponent {
|
@@ -12,18 +12,18 @@ class ListTitle extends PureComponent {
|
|
12
12
|
label,
|
13
13
|
isFirst
|
14
14
|
} = this.props;
|
15
|
-
const classes = classNames(
|
16
|
-
[
|
15
|
+
const classes = classNames(styles.title, className, {
|
16
|
+
[styles.title_first]: isFirst
|
17
17
|
});
|
18
18
|
return /*#__PURE__*/jsxs("span", {
|
19
19
|
className: classes,
|
20
20
|
"data-test": "ring-list-title",
|
21
21
|
children: [/*#__PURE__*/jsx("span", {
|
22
|
-
className: classNames(
|
22
|
+
className: classNames(styles.label, styles.text),
|
23
23
|
"data-test": "ring-list-title-label",
|
24
24
|
children: label
|
25
25
|
}), /*#__PURE__*/jsx("div", {
|
26
|
-
className:
|
26
|
+
className: styles.description,
|
27
27
|
"data-test": "ring-list-title-description",
|
28
28
|
children: description
|
29
29
|
})]
|
@@ -14,7 +14,6 @@ import 'react-virtualized/dist/es/CellMeasurer';
|
|
14
14
|
import 'util-deprecate';
|
15
15
|
import 'memoize-one';
|
16
16
|
import '../global/data-tests.js';
|
17
|
-
import 'core-js/modules/es.array.reduce.js';
|
18
17
|
import '../global/get-uid.js';
|
19
18
|
import '../global/schedule-raf.js';
|
20
19
|
import '../global/memoize.js';
|
@@ -4,7 +4,6 @@ import { PureComponent } from 'react';
|
|
4
4
|
import joinDataTestAttributes from '../global/data-tests.js';
|
5
5
|
import LoaderCore from './loader__core.js';
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
7
|
-
import 'core-js/modules/es.array.reduce.js';
|
8
7
|
import 'core-js/modules/es.regexp.exec.js';
|
9
8
|
import '../global/dom.js';
|
10
9
|
|
@@ -3,7 +3,7 @@ import 'core-js/modules/es.regexp.exec.js';
|
|
3
3
|
import { getPixelRatio } from '../global/dom.js';
|
4
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
5
5
|
|
6
|
-
var
|
6
|
+
var styles = {"canvas":"canvas_rui_eff2","animate":"animate_rui_eff2","rotation-keyframes":"rotation-keyframes_rui_eff2","text":"text_rui_eff2"};
|
7
7
|
|
8
8
|
const INITIAL_TICKS = 100;
|
9
9
|
class Particle {
|
@@ -79,10 +79,10 @@ class LoaderCore {
|
|
79
79
|
this.props = Object.assign({}, LoaderCore.defaultProps, props);
|
80
80
|
this.canvas = document.createElement('canvas');
|
81
81
|
this.canvas.dataset.test = 'ring-loader';
|
82
|
-
this.canvas.classList.add(
|
82
|
+
this.canvas.classList.add(styles.canvas);
|
83
83
|
this.textNode = document.createElement('div');
|
84
84
|
this.textNode.dataset.test = 'ring-loader-text';
|
85
|
-
this.textNode.classList.add(
|
85
|
+
this.textNode.classList.add(styles.text);
|
86
86
|
this.textNode.textContent = this.props.message ? this.props.message : '';
|
87
87
|
containerNode.appendChild(this.canvas);
|
88
88
|
containerNode.appendChild(this.textNode);
|
@@ -202,11 +202,11 @@ class LoaderCore {
|
|
202
202
|
}
|
203
203
|
stopAnimation() {
|
204
204
|
this.isRunning = false;
|
205
|
-
this.canvas.classList.remove(
|
205
|
+
this.canvas.classList.remove(styles.animate);
|
206
206
|
}
|
207
207
|
startAnimation() {
|
208
208
|
this.isRunning = true;
|
209
|
-
this.canvas.classList.add(
|
209
|
+
this.canvas.classList.add(styles.animate);
|
210
210
|
this.loop();
|
211
211
|
}
|
212
212
|
destroy() {
|
@@ -3,10 +3,9 @@ import { PureComponent } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import joinDataTestAttributes from '../global/data-tests.js';
|
5
5
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
6
|
-
import 'core-js/modules/es.array.reduce.js';
|
7
6
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
8
7
|
|
9
|
-
var
|
8
|
+
var styles = {"loader":"loader_rui_092a","spin":"spin_rui_092a","pulse":"pulse_rui_092a","children":"children_rui_092a"};
|
10
9
|
|
11
10
|
const _excluded = ["className", "data-test", "children"];
|
12
11
|
class LoaderInline extends PureComponent {
|
@@ -18,14 +17,14 @@ class LoaderInline extends PureComponent {
|
|
18
17
|
children
|
19
18
|
} = _this$props,
|
20
19
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
21
|
-
const classes = classNames(
|
20
|
+
const classes = classNames(styles.loader, className);
|
22
21
|
const loader = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
23
22
|
"data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
|
24
23
|
className: classes
|
25
24
|
}));
|
26
25
|
return children ? /*#__PURE__*/jsxs(Fragment, {
|
27
26
|
children: [loader, /*#__PURE__*/jsx("span", {
|
28
|
-
className:
|
27
|
+
className: styles.children,
|
29
28
|
children: children
|
30
29
|
})]
|
31
30
|
}) : loader;
|
@@ -5,12 +5,11 @@ import Loader from '../loader/loader.js';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
7
7
|
import '../global/data-tests.js';
|
8
|
-
import 'core-js/modules/es.array.reduce.js';
|
9
8
|
import '../loader/loader__core.js';
|
10
9
|
import 'core-js/modules/es.regexp.exec.js';
|
11
10
|
import '../global/dom.js';
|
12
11
|
|
13
|
-
var
|
12
|
+
var styles = {"loaderScreen":"loaderScreen_rui_90dd","loader":"loader_rui_90dd","loaderWithoutSpacing":"loaderWithoutSpacing_rui_90dd"};
|
14
13
|
|
15
14
|
const _excluded = ["message", "className", "containerClassName"];
|
16
15
|
class LoaderScreen extends PureComponent {
|
@@ -22,9 +21,9 @@ class LoaderScreen extends PureComponent {
|
|
22
21
|
containerClassName
|
23
22
|
} = _this$props,
|
24
23
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
25
|
-
const containerClasses = classNames(containerClassName,
|
26
|
-
const loaderClasses = classNames(className,
|
27
|
-
[
|
24
|
+
const containerClasses = classNames(containerClassName, styles.loaderScreen);
|
25
|
+
const loaderClasses = classNames(className, styles.loader, {
|
26
|
+
[styles.loaderWithoutSpacing]: !message
|
28
27
|
});
|
29
28
|
return /*#__PURE__*/jsx("div", {
|
30
29
|
className: containerClasses,
|
@@ -3,8 +3,8 @@ import 'core-js/modules/web.dom-collections.iterator.js';
|
|
3
3
|
import { Component } from 'react';
|
4
4
|
import Dialog from '../dialog/dialog.js';
|
5
5
|
import 'classnames';
|
6
|
-
import 'core-js/modules/es.array.reduce.js';
|
7
6
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
7
|
+
import '../_helpers/island.js';
|
8
8
|
import '../island/header.js';
|
9
9
|
import ContentWrapper from '../island/content.js';
|
10
10
|
import LoaderScreen from '../loader-screen/loader-screen.js';
|
@@ -15,7 +15,6 @@ import '../island/island.js';
|
|
15
15
|
import '../global/data-tests.js';
|
16
16
|
import '../island/adaptive-island-hoc.js';
|
17
17
|
import '../global/linear-function.js';
|
18
|
-
import '../_helpers/island.js';
|
19
18
|
import 'element-resize-detector';
|
20
19
|
import '../global/schedule-raf.js';
|
21
20
|
import '../global/get-uid.js';
|
@@ -47,7 +46,7 @@ import '../auth/response-parser.js';
|
|
47
46
|
import 'es6-error';
|
48
47
|
import '../global/url.js';
|
49
48
|
|
50
|
-
var
|
49
|
+
var styles = {"iFrame":"iFrame_rui_2d2e","dialogContent":"dialogContent_rui_2d2e","nonOpaqueLoader":"nonOpaqueLoader_rui_2d2e","fallbackLinkContainer":"fallbackLinkContainer_rui_2d2e"};
|
51
50
|
|
52
51
|
const HUB_AUTH_PAGE_LOGIN_STARTED = 'HUB_AUTH_PAGE_LOGIN_STARTED';
|
53
52
|
const HUB_AUTH_PAGE_LOGIN_DIMENSIONS = 'HUB_AUTH_PAGE_LOGIN_DIMENSIONS';
|
@@ -134,7 +133,7 @@ class LoginDialog extends Component {
|
|
134
133
|
return /*#__PURE__*/jsxs(Dialog, {
|
135
134
|
"data-test": "ring-login-dialog",
|
136
135
|
className: className,
|
137
|
-
contentClassName:
|
136
|
+
contentClassName: styles.dialogContent,
|
138
137
|
trapFocus: true,
|
139
138
|
autoFocusFirst: false,
|
140
139
|
show: show,
|
@@ -145,14 +144,14 @@ class LoginDialog extends Component {
|
|
145
144
|
title: "Login dialog",
|
146
145
|
style: iFrameStyle,
|
147
146
|
src: url,
|
148
|
-
className:
|
147
|
+
className: styles.iFrame,
|
149
148
|
scrolling: "no"
|
150
149
|
})
|
151
150
|
}), loading && /*#__PURE__*/jsx(LoaderScreen, {
|
152
151
|
message: loadingMessage,
|
153
|
-
containerClassName:
|
152
|
+
containerClassName: styles.nonOpaqueLoader
|
154
153
|
}), showFallbackLink && /*#__PURE__*/jsx("div", {
|
155
|
-
className:
|
154
|
+
className: styles.fallbackLinkContainer,
|
156
155
|
children: renderFallbackLink(loggingIn)
|
157
156
|
})]
|
158
157
|
});
|
@@ -11,7 +11,6 @@ import 'classnames';
|
|
11
11
|
import '@jetbrains/icons/close';
|
12
12
|
import '../island/island.js';
|
13
13
|
import '../global/data-tests.js';
|
14
|
-
import 'core-js/modules/es.array.reduce.js';
|
15
14
|
import '../island/adaptive-island-hoc.js';
|
16
15
|
import '../global/linear-function.js';
|
17
16
|
import '../_helpers/island.js';
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { PureComponent } from 'react';
|
2
2
|
import classNames from 'classnames';
|
3
|
-
import {
|
4
|
-
import {
|
3
|
+
import { s as styles$1 } from '../_helpers/heading.js';
|
4
|
+
import { l as linkStyles } from '../_helpers/link.js';
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
|
7
|
-
var
|
7
|
+
var styles = {"inline":"inline_rui_9a22","markdown":"markdown_rui_9a22 font_rui_f295"};
|
8
8
|
|
9
9
|
class Markdown extends PureComponent {
|
10
10
|
render() {
|
@@ -13,9 +13,9 @@ class Markdown extends PureComponent {
|
|
13
13
|
children,
|
14
14
|
inline
|
15
15
|
} = this.props;
|
16
|
-
const classes = classNames(className,
|
17
|
-
[
|
18
|
-
[
|
16
|
+
const classes = classNames(className, styles$1.contentWithHeadings, linkStyles.withLinks, {
|
17
|
+
[styles.markdown]: !inline,
|
18
|
+
[styles.inline]: inline
|
19
19
|
});
|
20
20
|
return /*#__PURE__*/jsx("div", {
|
21
21
|
className: classes,
|
@@ -9,7 +9,7 @@ import { Directions } from '../popup/popup.consts.js';
|
|
9
9
|
import Icon from '../icon/icon.js';
|
10
10
|
import { Button } from '../button/button.js';
|
11
11
|
import { I18nContext } from '../i18n/i18n-context.js';
|
12
|
-
import { T as Theme,
|
12
|
+
import { T as Theme, d as darkStyles, W as WithThemeClasses, a as ThemeProvider } from '../_helpers/theme.js';
|
13
13
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
14
14
|
import 'core-js/modules/es.regexp.exec.js';
|
15
15
|
import 'core-js/modules/es.string.replace.js';
|
@@ -23,7 +23,6 @@ import 'combokeys';
|
|
23
23
|
import '../global/sniffer.js';
|
24
24
|
import 'sniffr';
|
25
25
|
import '../global/data-tests.js';
|
26
|
-
import 'core-js/modules/es.array.reduce.js';
|
27
26
|
import '../tab-trap/tab-trap.js';
|
28
27
|
import '../popup/position.js';
|
29
28
|
import 'core-js/modules/es.array.sort.js';
|
@@ -38,7 +37,7 @@ import '../global/controls-height.js';
|
|
38
37
|
import '../_helpers/button__classes.js';
|
39
38
|
import '../i18n/i18n.js';
|
40
39
|
|
41
|
-
var
|
40
|
+
var styles = {"container":"container_rui_a216","message":"message_rui_a216","icon":"icon_rui_a216","title":"title_rui_a216 font-lower_rui_f295 font_rui_f295","description":"description_rui_a216","gotIt":"gotIt_rui_a216","tail":"tail_rui_a216"};
|
42
41
|
|
43
42
|
const UNIT = 8;
|
44
43
|
const TAIL_SIZE = 11;
|
@@ -156,10 +155,10 @@ class Message extends Component {
|
|
156
155
|
translations,
|
157
156
|
theme
|
158
157
|
} = this.props;
|
159
|
-
const classes = classNames(
|
160
|
-
[
|
158
|
+
const classes = classNames(styles.message, className, {
|
159
|
+
[darkStyles.dark]: theme === Theme.DARK
|
161
160
|
});
|
162
|
-
const tailClasses = classNames(
|
161
|
+
const tailClasses = classNames(styles.tail, tailClassName);
|
163
162
|
const popupDirections = this.props.direction ? [this.props.direction] : this.props.directions;
|
164
163
|
const {
|
165
164
|
direction
|
@@ -188,17 +187,17 @@ class Message extends Component {
|
|
188
187
|
className: tailClasses,
|
189
188
|
style: getTailOffsets(this.getTailOffset())[direction]
|
190
189
|
}), icon && /*#__PURE__*/jsx(Icon, {
|
191
|
-
className:
|
190
|
+
className: styles.icon,
|
192
191
|
glyph: icon
|
193
192
|
}), title && /*#__PURE__*/jsx("h1", {
|
194
193
|
"data-test": "rgMessageTitle",
|
195
|
-
className:
|
194
|
+
className: styles.title,
|
196
195
|
children: title
|
197
196
|
}), children && /*#__PURE__*/jsx("div", {
|
198
|
-
className:
|
197
|
+
className: styles.description,
|
199
198
|
children: children
|
200
199
|
}), (onClose || buttonProps) && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
|
201
|
-
className:
|
200
|
+
className: styles.gotIt,
|
202
201
|
onClick: onClose,
|
203
202
|
primary: true
|
204
203
|
}, buttonProps), {}, {
|
@@ -1,6 +1,5 @@
|
|
1
1
|
import { isBrowserInWhiteList } from './white-list.js';
|
2
2
|
import '../_helpers/_rollupPluginBabelHelpers.js';
|
3
|
-
import 'core-js/modules/es.array.reduce.js';
|
4
3
|
import 'core-js/modules/es.regexp.exec.js';
|
5
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
6
5
|
import '../global/sniffer.js';
|
@@ -1,7 +1,6 @@
|
|
1
1
|
export { stop as default } from './old-browsers-message.js';
|
2
2
|
import './white-list.js';
|
3
3
|
import '../_helpers/_rollupPluginBabelHelpers.js';
|
4
|
-
import 'core-js/modules/es.array.reduce.js';
|
5
4
|
import 'core-js/modules/es.regexp.exec.js';
|
6
5
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
7
6
|
import '../global/sniffer.js';
|