@jetbrains/ring-ui-built 7.0.0-beta.9 → 7.0.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.
- package/components/_helpers/anchor.js +4 -4
- package/components/_helpers/button__classes.js +13 -13
- package/components/_helpers/caption.js +3 -3
- package/components/_helpers/card.js +23 -20
- 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 +10 -10
- 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 +4 -4
- 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 +5 -6
- 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 +2 -3
- package/components/avatar/avatar.js +6 -6
- 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 +7 -7
- package/components/collapse/collapse-content.d.ts +1 -2
- package/components/collapse/collapse-content.js +25 -11
- 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 +1 -2
- 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 +16 -10
- package/components/data-list/item.js +8 -9
- 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 -12
- 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.d.ts +1 -0
- package/components/dialog/dialog.js +22 -18
- 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 +5 -5
- package/components/error-message/error-message.js +6 -7
- package/components/footer/footer.js +9 -10
- 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 +5 -4
- package/components/grid/grid.js +5 -4
- package/components/grid/row.js +5 -5
- package/components/group/group.js +5 -3
- 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 +1 -2
- 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 +6 -7
- 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 +27 -28
- 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 +25 -25
- 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.d.ts +1 -2
- package/components/table/header.js +7 -14
- package/components/table/row-with-focus-sensor.js +0 -1
- package/components/table/row.d.ts +0 -1
- package/components/table/row.js +11 -18
- 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.d.ts +0 -1
- package/components/table/table.js +17 -20
- 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.d.ts +1 -1
- package/components/tag/tag.js +14 -15
- package/components/tags-input/tags-input.js +8 -9
- package/components/tags-list/tags-list.d.ts +2 -2
- package/components/tags-list/tags-list.js +2 -2
- 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 +12 -6
- package/components/user-agreement/service.js +1 -2
- package/components/user-agreement/user-agreement.js +7 -8
- package/components/user-card/card.js +3 -2
- package/components/user-card/smart-user-card-tooltip.js +5 -4
- package/components/user-card/tooltip.js +5 -4
- package/components/user-card/user-card.js +3 -2
- package/package.json +6 -5
- package/typings.d.ts +2 -4
- package/components/_helpers/badge.js +0 -3
- package/components/badge/badge.d.ts +0 -14
- package/components/badge/badge.js +0 -47
- 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
@@ -5,7 +5,7 @@ import classNames from 'classnames';
|
|
5
5
|
import { Waypoint } from 'react-waypoint';
|
6
6
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
7
7
|
|
8
|
-
var
|
8
|
+
var styles = {"extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","contentLayout":"contentLayout_rui_6166","contentLayoutContent":"contentLayoutContent_rui_6166","sidebarContainer":"sidebarContainer_rui_6166","sidebarContainerRight":"sidebarContainerRight_rui_6166","sidebar":"sidebar_rui_6166","sidebarRight":"sidebarRight_rui_6166","sidebarFixedTop":"sidebarFixedTop_rui_6166","sidebarFixedBottom":"sidebarFixedBottom_rui_6166","bottomMarker":"bottomMarker_rui_6166","contentLayoutResponsive":"contentLayoutResponsive_rui_6166"};
|
9
9
|
|
10
10
|
const _excluded = ["right", "children", "className", "containerClassName", "fixedClassName", "contentNode"];
|
11
11
|
const ABOVE = 'above';
|
@@ -78,13 +78,13 @@ class Sidebar extends Component {
|
|
78
78
|
} = this.state;
|
79
79
|
const shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
|
80
80
|
const shouldFixateBottom = this.shouldFixateBottom();
|
81
|
-
const containerClasses = classNames(
|
82
|
-
[
|
81
|
+
const containerClasses = classNames(styles.sidebarContainer, containerClassName, {
|
82
|
+
[styles.sidebarContainerRight]: right
|
83
83
|
});
|
84
|
-
const classes = classNames(
|
85
|
-
[
|
86
|
-
[
|
87
|
-
[
|
84
|
+
const classes = classNames(styles.sidebar, className, {
|
85
|
+
[styles.sidebarRight]: right,
|
86
|
+
[styles.sidebarFixedTop]: shouldFixateTop,
|
87
|
+
[styles.sidebarFixedBottom]: shouldFixateBottom,
|
88
88
|
[fixedClassName !== null && fixedClassName !== void 0 ? fixedClassName : '']: shouldFixateTop || shouldFixateBottom
|
89
89
|
});
|
90
90
|
const style = {
|
@@ -101,7 +101,7 @@ class Sidebar extends Component {
|
|
101
101
|
className: classes,
|
102
102
|
children: children
|
103
103
|
})), /*#__PURE__*/jsx("div", {
|
104
|
-
className:
|
104
|
+
className: styles.bottomMarker,
|
105
105
|
children: /*#__PURE__*/jsx(Waypoint, {
|
106
106
|
onEnter: this.handleBottomWaypoint,
|
107
107
|
onLeave: this.handleBottomWaypoint
|
@@ -111,4 +111,4 @@ class Sidebar extends Component {
|
|
111
111
|
}
|
112
112
|
}
|
113
113
|
|
114
|
-
export { Sidebar as S,
|
114
|
+
export { Sidebar as S, styles as s };
|
@@ -3,7 +3,7 @@ import { memo } from 'react';
|
|
3
3
|
import Link from '../link/link.js';
|
4
4
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
5
5
|
|
6
|
-
var
|
6
|
+
var styles = {"tabs":"tabs_rui_fa1d font_rui_f295","titles":"titles_rui_fa1d","title":"title_rui_fa1d font_rui_f295","selected":"selected_rui_fa1d","collapsed":"collapsed_rui_fa1d","titleLegacy":"titleLegacy_rui_fa1d","visible":"visible_rui_fa1d","container":"container_rui_fa1d","hidden":"hidden_rui_fa1d","hiddenBold":"hiddenBold_rui_fa1d","hiddenRegular":"hiddenRegular_rui_fa1d","tabCounter":"tabCounter_rui_fa1d","autoCollapseContainer":"autoCollapseContainer_rui_fa1d","autoCollapse":"autoCollapse_rui_fa1d","rendered":"rendered_rui_fa1d","adjusted":"adjusted_rui_fa1d","measure":"measure_rui_fa1d","morePopup":"morePopup_rui_fa1d","chevron":"chevron_rui_fa1d","morePopupBeforeEnd":"morePopupBeforeEnd_rui_fa1d"};
|
7
7
|
|
8
8
|
const _excluded = ["isSelected", "title", "collapsed"];
|
9
9
|
function TabLink(_ref) {
|
@@ -16,18 +16,18 @@ function TabLink(_ref) {
|
|
16
16
|
const renderedTitle = typeof title === 'function' ? title(isSelected, collapsed) : title;
|
17
17
|
return /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({}, restProps), {}, {
|
18
18
|
children: /*#__PURE__*/jsxs("div", {
|
19
|
-
className:
|
19
|
+
className: styles.container,
|
20
20
|
children: [/*#__PURE__*/jsx("span", {
|
21
|
-
className:
|
21
|
+
className: styles.visible,
|
22
22
|
children: renderedTitle
|
23
23
|
}), /*#__PURE__*/jsx("span", {
|
24
|
-
className:
|
24
|
+
className: styles.hidden,
|
25
25
|
children: renderedTitle
|
26
26
|
}), /*#__PURE__*/jsx("span", {
|
27
|
-
className:
|
27
|
+
className: styles.hiddenBold,
|
28
28
|
children: renderedTitle
|
29
29
|
}), /*#__PURE__*/jsx("span", {
|
30
|
-
className:
|
30
|
+
className: styles.hiddenRegular,
|
31
31
|
children: renderedTitle
|
32
32
|
})]
|
33
33
|
})
|
@@ -35,4 +35,4 @@ function TabLink(_ref) {
|
|
35
35
|
}
|
36
36
|
var TabLink$1 = /*#__PURE__*/memo(TabLink);
|
37
37
|
|
38
|
-
export { TabLink$1 as T,
|
38
|
+
export { TabLink$1 as T, styles as s };
|
@@ -1,3 +1,3 @@
|
|
1
|
-
var
|
1
|
+
var style = {"row":"row_rui_a67d","dragHandle":"dragHandle_rui_a67d","tableWrapper":"tableWrapper_rui_a67d","table":"table_rui_a67d","userSelectNone":"userSelectNone_rui_a67d","headerCell":"headerCell_rui_a67d font-smaller-lower_rui_f295 font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","headerCellSorted":"headerCellSorted_rui_a67d","headerCellSortable":"headerCellSortable_rui_a67d","sorter":"sorter_rui_a67d","sortedUp":"sortedUp_rui_a67d","icon":"icon_rui_a67d","caption":"caption_rui_a67d","tableHead":"tableHead_rui_a67d","subHeaderSticky":"subHeaderSticky_rui_a67d","disabledHover":"disabledHover_rui_a67d","rowSelected":"rowSelected_rui_a67d","rowFocused":"rowFocused_rui_a67d","cell":"cell_rui_a67d ellipsis_rui_f295","loadingOverlay":"loadingOverlay_rui_a67d","wideFirstColumn":"wideFirstColumn_rui_a67d","cellUnlimited":"cellUnlimited_rui_a67d","cellRight":"cellRight_rui_a67d","metaColumn":"metaColumn_rui_a67d","headerMetaColumn":"headerMetaColumn_rui_a67d","visibleDragHandle":"visibleDragHandle_rui_a67d","rowCollapseExpandButton":"rowCollapseExpandButton_rui_a67d","draggingRow":"draggingRow_rui_a67d","draggingTable":"draggingTable_rui_a67d","tableMessage":"tableMessage_rui_a67d"};
|
2
2
|
|
3
|
-
export {
|
3
|
+
export { style as s };
|
@@ -8,9 +8,9 @@ import { getPopupContainer } from '../popup/popup.js';
|
|
8
8
|
import getUID from '../global/get-uid.js';
|
9
9
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
10
10
|
|
11
|
-
var
|
11
|
+
var defaultStyles = {"light":"light_rui_935c"};
|
12
12
|
|
13
|
-
var
|
13
|
+
var darkStyles = {"dark":"dark_rui_f090"};
|
14
14
|
|
15
15
|
const _excluded = ["theme", "className", "passToPopups", "children", "WrapperComponent", "target"];
|
16
16
|
var Theme;
|
@@ -37,9 +37,9 @@ function useThemeClasses(theme) {
|
|
37
37
|
const systemTheme = useTheme();
|
38
38
|
const resolvedTheme = theme === Theme.AUTO ? systemTheme : theme;
|
39
39
|
return classNames({
|
40
|
-
[
|
40
|
+
[darkStyles.dark]: resolvedTheme === Theme.DARK,
|
41
41
|
[GLOBAL_DARK_CLASS_NAME]: resolvedTheme === Theme.DARK,
|
42
|
-
[
|
42
|
+
[defaultStyles.light]: resolvedTheme === Theme.LIGHT
|
43
43
|
});
|
44
44
|
}
|
45
45
|
function WithThemeClasses(_ref) {
|
@@ -52,13 +52,13 @@ function WithThemeClasses(_ref) {
|
|
52
52
|
}
|
53
53
|
function applyTheme(theme, container) {
|
54
54
|
if (theme === Theme.DARK) {
|
55
|
-
container.classList.remove(
|
56
|
-
container.classList.add(
|
55
|
+
container.classList.remove(defaultStyles.light);
|
56
|
+
container.classList.add(darkStyles.dark);
|
57
57
|
container.classList.add(GLOBAL_DARK_CLASS_NAME);
|
58
58
|
} else {
|
59
|
-
container.classList.remove(
|
59
|
+
container.classList.remove(darkStyles.dark);
|
60
60
|
container.classList.remove(GLOBAL_DARK_CLASS_NAME);
|
61
|
-
container.classList.add(
|
61
|
+
container.classList.add(defaultStyles.light);
|
62
62
|
}
|
63
63
|
}
|
64
64
|
const DefaultWrapper = /*#__PURE__*/forwardRef(function Wrapper(props, ref) {
|
@@ -98,7 +98,7 @@ const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref2, ref)
|
|
98
98
|
children: passToPopups ? /*#__PURE__*/jsx(PopupTarget, {
|
99
99
|
id: id,
|
100
100
|
children: popupTarget => /*#__PURE__*/jsxs(Fragment, {
|
101
|
-
children: [children, /*#__PURE__*/createPortal(
|
101
|
+
children: [children, /*#__PURE__*/createPortal(/*#__PURE__*/jsx("div", {
|
102
102
|
className: themeClasses,
|
103
103
|
children: popupTarget
|
104
104
|
}), parentTarget && getPopupContainer(parentTarget) || document.body)]
|
@@ -109,4 +109,4 @@ const ThemeProvider = /*#__PURE__*/forwardRef(function ThemeProvider(_ref2, ref)
|
|
109
109
|
});
|
110
110
|
var Theme$1 = Theme;
|
111
111
|
|
112
|
-
export { GLOBAL_DARK_CLASS_NAME as G, Theme$1 as T, WithThemeClasses as W, ThemeProvider as a, ThemeContext as b, useThemeClasses as c,
|
112
|
+
export { GLOBAL_DARK_CLASS_NAME as G, Theme$1 as T, WithThemeClasses as W, ThemeProvider as a, ThemeContext as b, useThemeClasses as c, darkStyles as d, applyTheme as e, useTheme as u };
|
@@ -7,7 +7,7 @@ import Checkbox from '../checkbox/checkbox.js';
|
|
7
7
|
import getUID from '../global/get-uid.js';
|
8
8
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
9
9
|
|
10
|
-
var
|
10
|
+
var styles = {"dataListWrapper":"dataListWrapper_rui_be4b","dataList":"dataList_rui_be4b","itemContent":"itemContent_rui_be4b","title":"title_rui_be4b","disabledHover":"disabledHover_rui_be4b","titleSelected":"titleSelected_rui_be4b","titleFocused":"titleFocused_rui_be4b","showMore":"showMore_rui_be4b","boxes":"boxes_rui_be4b","checkboxBox":"checkboxBox_rui_be4b","collapseButton":"collapseButton_rui_be4b","collapseIcon":"collapseIcon_rui_be4b","loadingOverlay":"loadingOverlay_rui_be4b","showMoreLoader":"showMoreLoader_rui_be4b"};
|
11
11
|
|
12
12
|
class Title extends PureComponent {
|
13
13
|
constructor() {
|
@@ -42,9 +42,9 @@ class Title extends PureComponent {
|
|
42
42
|
collapserExpander
|
43
43
|
} = this.props;
|
44
44
|
const classes = classNames(className, {
|
45
|
-
[
|
46
|
-
[
|
47
|
-
[
|
45
|
+
[styles.title]: true,
|
46
|
+
[styles.titleFocused]: showFocus,
|
47
|
+
[styles.titleSelected]: selected
|
48
48
|
});
|
49
49
|
return /*#__PURE__*/jsxs("div", {
|
50
50
|
id: this.id,
|
@@ -54,9 +54,9 @@ class Title extends PureComponent {
|
|
54
54
|
},
|
55
55
|
ref: innerRef,
|
56
56
|
children: [/*#__PURE__*/jsxs("div", {
|
57
|
-
className:
|
57
|
+
className: styles.boxes,
|
58
58
|
children: [selectable && /*#__PURE__*/jsx("div", {
|
59
|
-
className:
|
59
|
+
className: styles.checkboxBox,
|
60
60
|
children: /*#__PURE__*/jsx(Checkbox, {
|
61
61
|
"aria-labelledby": this.id,
|
62
62
|
className: showFocus ? 'ring-checkbox_focus' : '',
|
@@ -77,4 +77,4 @@ _defineProperty(Title, "defaultProps", {
|
|
77
77
|
});
|
78
78
|
var Title$1 = focusSensorHOC(Title);
|
79
79
|
|
80
|
-
export { Title$1 as T,
|
80
|
+
export { Title$1 as T, styles as s };
|
@@ -22,8 +22,8 @@ export interface AlertProps {
|
|
22
22
|
/**
|
23
23
|
* Fires when alert starts closing if timeout is out or user clicks "Close" button
|
24
24
|
*/
|
25
|
-
onCloseRequest: (
|
26
|
-
onClose: (
|
25
|
+
onCloseRequest: (event?: React.MouseEvent<HTMLElement>) => void;
|
26
|
+
onClose: () => void;
|
27
27
|
isShaking: boolean;
|
28
28
|
isClosing: boolean;
|
29
29
|
/**
|
@@ -20,7 +20,6 @@ import '../_helpers/icon__svg.js';
|
|
20
20
|
import 'core-js/modules/es.regexp.exec.js';
|
21
21
|
import 'core-js/modules/es.string.replace.js';
|
22
22
|
import '../global/memoize.js';
|
23
|
-
import 'core-js/modules/es.array.reduce.js';
|
24
23
|
import '@jetbrains/icons/chevron-down';
|
25
24
|
import '../link/clickableLink.js';
|
26
25
|
import '../global/controls-height.js';
|
@@ -40,7 +39,7 @@ import '../popup/position.js';
|
|
40
39
|
import 'core-js/modules/es.array.sort.js';
|
41
40
|
import '../popup/popup.consts.js';
|
42
41
|
|
43
|
-
var
|
42
|
+
var styles = {"alert":"alert_rui_25ab","alertInline":"alertInline_rui_25ab","error":"error_rui_25ab","icon":"icon_rui_25ab","caption":"caption_rui_25ab","withCloseButton":"withCloseButton_rui_25ab","badge":"badge_rui_25ab","loader":"loader_rui_25ab","close":"close_rui_25ab","animationOpen":"animationOpen_rui_25ab","show":"show_rui_25ab","animationClosing":"animationClosing_rui_25ab","animationShaking":"animationShaking_rui_25ab","shaking":"shaking_rui_25ab"};
|
44
43
|
|
45
44
|
const ANIMATION_TIME = 500;
|
46
45
|
/**
|
@@ -139,8 +138,8 @@ class Alert extends PureComponent {
|
|
139
138
|
*/
|
140
139
|
_getCaption() {
|
141
140
|
return /*#__PURE__*/jsx("span", {
|
142
|
-
className: classNames(
|
143
|
-
[
|
141
|
+
className: classNames(styles.caption, this.props.captionClassName, {
|
142
|
+
[styles.withCloseButton]: this.props.closeable
|
144
143
|
}),
|
145
144
|
onClick: this._handleCaptionsLinksClick
|
146
145
|
// We only process clicks on `a` elements, see above
|
@@ -158,12 +157,12 @@ class Alert extends PureComponent {
|
|
158
157
|
if (glyph) {
|
159
158
|
return /*#__PURE__*/jsx(Icon, {
|
160
159
|
glyph: glyph,
|
161
|
-
className:
|
160
|
+
className: styles.icon,
|
162
161
|
color: TypeToIconColor[this.props.type] || Color.DEFAULT
|
163
162
|
});
|
164
163
|
} else if (this.props.type === AlertType.LOADING) {
|
165
164
|
return /*#__PURE__*/jsx(LoaderInline, {
|
166
|
-
className:
|
165
|
+
className: styles.loader
|
167
166
|
});
|
168
167
|
}
|
169
168
|
return '';
|
@@ -181,12 +180,12 @@ class Alert extends PureComponent {
|
|
181
180
|
theme
|
182
181
|
} = this.props;
|
183
182
|
const classes = classNames(className, {
|
184
|
-
[
|
185
|
-
[
|
186
|
-
[
|
187
|
-
[
|
188
|
-
[
|
189
|
-
[
|
183
|
+
[styles.alert]: true,
|
184
|
+
[styles.animationOpen]: showWithAnimation,
|
185
|
+
[styles.error]: type === 'error',
|
186
|
+
[styles.alertInline]: inline,
|
187
|
+
[styles.animationClosing]: isClosing,
|
188
|
+
[styles.animationShaking]: isShaking
|
190
189
|
});
|
191
190
|
const height = this.state.height;
|
192
191
|
const style = height ? {
|
@@ -201,7 +200,7 @@ class Alert extends PureComponent {
|
|
201
200
|
ref: this.storeAlertRef,
|
202
201
|
children: [this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/jsx(Button, {
|
203
202
|
icon: closeIcon,
|
204
|
-
className: classNames(
|
203
|
+
className: classNames(styles.close, closeButtonClassName),
|
205
204
|
"data-test": "alert-close",
|
206
205
|
"aria-label": "close alert",
|
207
206
|
onClick: this.closeRequest
|
@@ -4,7 +4,7 @@ import { createPortal } from 'react-dom';
|
|
4
4
|
import classNames from 'classnames';
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
|
7
|
-
var
|
7
|
+
var styles = {"alertContainer":"alertContainer_rui_971c","alertInContainer":"alertInContainer_rui_971c alert_rui_25ab"};
|
8
8
|
|
9
9
|
const _excluded = ["children", "className"];
|
10
10
|
class Alerts extends PureComponent {
|
@@ -15,12 +15,12 @@ class Alerts extends PureComponent {
|
|
15
15
|
className
|
16
16
|
} = _this$props,
|
17
17
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
18
|
-
const classes = classNames(
|
18
|
+
const classes = classNames(styles.alertContainer, className);
|
19
19
|
const show = Children.count(children) > 0;
|
20
20
|
if (!show) {
|
21
21
|
return null;
|
22
22
|
}
|
23
|
-
return /*#__PURE__*/createPortal(
|
23
|
+
return /*#__PURE__*/createPortal(/*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
|
24
24
|
"data-test": "alert-container",
|
25
25
|
className: classes,
|
26
26
|
"aria-live": "polite"
|
@@ -29,7 +29,7 @@ class Alerts extends PureComponent {
|
|
29
29
|
if (! /*#__PURE__*/isValidElement(child)) {
|
30
30
|
return child;
|
31
31
|
}
|
32
|
-
const alertClassNames = classNames(
|
32
|
+
const alertClassNames = classNames(styles.alertInContainer, child.props.className);
|
33
33
|
return /*#__PURE__*/cloneElement(child, {
|
34
34
|
className: alertClassNames
|
35
35
|
});
|
@@ -20,7 +20,6 @@ import 'core-js/modules/es.string.replace.js';
|
|
20
20
|
import '../global/memoize.js';
|
21
21
|
import '../loader-inline/loader-inline.js';
|
22
22
|
import '../global/data-tests.js';
|
23
|
-
import 'core-js/modules/es.array.reduce.js';
|
24
23
|
import '../global/dom.js';
|
25
24
|
import '../button/button.js';
|
26
25
|
import '@jetbrains/icons/chevron-down';
|
package/components/auth/auth.js
CHANGED
@@ -27,7 +27,6 @@ import '../global/memoize.js';
|
|
27
27
|
import 'react/jsx-runtime';
|
28
28
|
import '../loader-inline/loader-inline.js';
|
29
29
|
import '../global/data-tests.js';
|
30
|
-
import 'core-js/modules/es.array.reduce.js';
|
31
30
|
import '../global/dom.js';
|
32
31
|
import '../button/button.js';
|
33
32
|
import '@jetbrains/icons/chevron-down';
|
@@ -16,7 +16,6 @@ import AuthRequestBuilder from './request-builder.js';
|
|
16
16
|
import BackgroundFlow from './background-flow.js';
|
17
17
|
import TokenValidator from './token-validator.js';
|
18
18
|
import 'es6-error';
|
19
|
-
import 'core-js/modules/es.array.reduce.js';
|
20
19
|
import 'core-js/modules/es.array.sort.js';
|
21
20
|
import '../storage/storage__local.js';
|
22
21
|
import '../alert-service/alert-service.js';
|
@@ -119,7 +118,7 @@ class Auth {
|
|
119
118
|
throw new Error('Config is required');
|
120
119
|
}
|
121
120
|
if (config.serverUri == null) {
|
122
|
-
throw new Error('
|
121
|
+
throw new Error('"serverUri" property is required');
|
123
122
|
}
|
124
123
|
const unsupportedParams = ['redirect_uri', 'request_credentials', 'client_id'].filter(param => config.hasOwnProperty(param));
|
125
124
|
if (unsupportedParams.length !== 0) {
|
@@ -46,9 +46,9 @@ class BackgroundFlow {
|
|
46
46
|
* promise is rejected if no token was received after {@link BackgroundToken.BACKGROUND_TIMEOUT} ms.
|
47
47
|
*/
|
48
48
|
async _load() {
|
49
|
-
const authRequest = await this._requestBuilder
|
49
|
+
const authRequest = await this._requestBuilder
|
50
50
|
// eslint-disable-next-line camelcase
|
51
|
-
prepareAuthRequest({
|
51
|
+
.prepareAuthRequest({
|
52
52
|
request_credentials: 'silent'
|
53
53
|
}, {
|
54
54
|
nonRedirect: true
|
@@ -24,7 +24,6 @@ import 'core-js/modules/es.string.replace.js';
|
|
24
24
|
import '../global/memoize.js';
|
25
25
|
import '../loader-inline/loader-inline.js';
|
26
26
|
import '../global/data-tests.js';
|
27
|
-
import 'core-js/modules/es.array.reduce.js';
|
28
27
|
import '../global/dom.js';
|
29
28
|
import '../button/button.js';
|
30
29
|
import '@jetbrains/icons/chevron-down';
|
@@ -46,7 +45,7 @@ import 'core-js/modules/es.array.sort.js';
|
|
46
45
|
import '../popup/popup.consts.js';
|
47
46
|
import '../_helpers/link.js';
|
48
47
|
|
49
|
-
var
|
48
|
+
var styles = {"title":"title_rui_7659","error":"error_rui_7659"};
|
50
49
|
|
51
50
|
let key = null;
|
52
51
|
function renderAlert(message) {
|
@@ -76,11 +75,11 @@ function Message(_ref) {
|
|
76
75
|
"data-test": "ring-backend-down-notification",
|
77
76
|
children: [/*#__PURE__*/jsx(Group, {
|
78
77
|
children: /*#__PURE__*/jsx("div", {
|
79
|
-
className:
|
78
|
+
className: styles.title,
|
80
79
|
children: backendIsNotAvailable
|
81
80
|
})
|
82
81
|
}), /*#__PURE__*/jsxs("span", {
|
83
|
-
className:
|
82
|
+
className: styles.error,
|
84
83
|
children: [errorMessage, " "]
|
85
84
|
}), /*#__PURE__*/jsx(Link, {
|
86
85
|
onClick: onCheckAgain,
|
@@ -101,13 +100,13 @@ function onBackendDown(_ref2) {
|
|
101
100
|
renderAlert('Connecting...', Alert.Type.LOADING);
|
102
101
|
await onCheckAgain();
|
103
102
|
} catch (err) {
|
104
|
-
renderAlert(
|
103
|
+
renderAlert(/*#__PURE__*/jsx(Message, {
|
105
104
|
translations: translations,
|
106
105
|
onCheckAgain: checkAgainWithoutClosing
|
107
106
|
}));
|
108
107
|
}
|
109
108
|
}
|
110
|
-
renderAlert(
|
109
|
+
renderAlert(/*#__PURE__*/jsx(Message, {
|
111
110
|
translations: translations,
|
112
111
|
onCheckAgain: checkAgainWithoutClosing
|
113
112
|
}));
|
@@ -14,7 +14,6 @@ import 'classnames';
|
|
14
14
|
import '@jetbrains/icons/close';
|
15
15
|
import '../island/island.js';
|
16
16
|
import '../global/data-tests.js';
|
17
|
-
import 'core-js/modules/es.array.reduce.js';
|
18
17
|
import '../island/adaptive-island-hoc.js';
|
19
18
|
import '../global/linear-function.js';
|
20
19
|
import '../_helpers/island.js';
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
|
-
import 'core-js/modules/es.array.reduce.js';
|
3
2
|
import 'core-js/modules/es.array.sort.js';
|
4
3
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
5
4
|
import LocalStorage from '../storage/storage__local.js';
|
@@ -98,7 +98,7 @@ class TokenValidator {
|
|
98
98
|
return (_storedToken$scopes = storedToken.scopes) === null || _storedToken$scopes === void 0 ? void 0 : _storedToken$scopes.includes(scopeId);
|
99
99
|
});
|
100
100
|
if (!hasAllScopes) {
|
101
|
-
throw new TokenValidator.TokenValidationError(
|
101
|
+
throw new TokenValidator.TokenValidationError("Token doesn't match required scopes");
|
102
102
|
}
|
103
103
|
}
|
104
104
|
/**
|
@@ -4,15 +4,14 @@ import 'core-js/modules/es.string.replace.js';
|
|
4
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
5
5
|
import { Component } from 'react';
|
6
6
|
import classNames from 'classnames';
|
7
|
-
import 'core-js/modules/es.array.reduce.js';
|
8
7
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
8
|
+
import '../_helpers/island.js';
|
9
9
|
import '../island/header.js';
|
10
10
|
import ContentWrapper from '../island/content.js';
|
11
11
|
import Dialog from '../dialog/dialog.js';
|
12
12
|
import { Button } from '../button/button.js';
|
13
13
|
import { H2 } from '../heading/heading.js';
|
14
14
|
import '../global/linear-function.js';
|
15
|
-
import '../_helpers/island.js';
|
16
15
|
import '../island/adaptive-island-hoc.js';
|
17
16
|
import 'element-resize-detector';
|
18
17
|
import '../global/schedule-raf.js';
|
@@ -42,7 +41,7 @@ import '../global/controls-height.js';
|
|
42
41
|
import '../_helpers/button__classes.js';
|
43
42
|
import '../_helpers/heading.js';
|
44
43
|
|
45
|
-
var
|
44
|
+
var styles = {"dialog":"dialog_rui_e5f9","content":"content_rui_e5f9 font_rui_f295","button":"button_rui_e5f9","firstButton":"firstButton_rui_e5f9 button_rui_e5f9","title":"title_rui_e5f9","logo":"logo_rui_e5f9","error":"error_rui_e5f9"};
|
46
45
|
|
47
46
|
class AuthDialog extends Component {
|
48
47
|
constructor() {
|
@@ -104,38 +103,38 @@ class AuthDialog extends Component {
|
|
104
103
|
label: title,
|
105
104
|
"data-test": "ring-auth-dialog",
|
106
105
|
className: className,
|
107
|
-
contentClassName: classNames(className,
|
106
|
+
contentClassName: classNames(className, styles.dialog),
|
108
107
|
onEscPress: this.onEscPress,
|
109
108
|
show: show,
|
110
109
|
trapFocus: true,
|
111
110
|
children: /*#__PURE__*/jsx(ContentWrapper, {
|
112
111
|
children: /*#__PURE__*/jsxs("div", {
|
113
|
-
className:
|
112
|
+
className: styles.content,
|
114
113
|
children: [serviceImage && /*#__PURE__*/jsx("img", {
|
115
114
|
alt: "".concat(serviceName, " logo"),
|
116
|
-
className:
|
115
|
+
className: styles.logo,
|
117
116
|
src: serviceImage
|
118
117
|
}), /*#__PURE__*/jsx(H2, {
|
119
|
-
className:
|
118
|
+
className: styles.title,
|
120
119
|
children: title
|
121
120
|
}), errorMessage && /*#__PURE__*/jsx("div", {
|
122
|
-
className:
|
121
|
+
className: styles.error,
|
123
122
|
children: errorMessage
|
124
123
|
}), /*#__PURE__*/jsx(Button, {
|
125
124
|
primary: true,
|
126
|
-
className:
|
125
|
+
className: styles.firstButton,
|
127
126
|
"data-test": "auth-dialog-confirm-button",
|
128
127
|
onClick: onConfirm,
|
129
128
|
children: confirmLabel
|
130
129
|
}), onTryAgain && /*#__PURE__*/jsx(Button, {
|
131
|
-
className:
|
130
|
+
className: styles.button,
|
132
131
|
"data-test": "auth-dialog-retry-button",
|
133
132
|
onClick: () => this.onRetryPress(),
|
134
133
|
loader: retrying,
|
135
134
|
disabled: retrying,
|
136
135
|
children: tryAgainLabel
|
137
136
|
}), /*#__PURE__*/jsx(Button, {
|
138
|
-
className:
|
137
|
+
className: styles.button,
|
139
138
|
"data-test": "auth-dialog-cancel-button",
|
140
139
|
onClick: onCancel,
|
141
140
|
children: cancelLabel
|
@@ -8,10 +8,9 @@ import 'core-js/modules/es.regexp.exec.js';
|
|
8
8
|
import 'core-js/modules/es.string.replace.js';
|
9
9
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
10
10
|
import 'classnames';
|
11
|
-
import '
|
11
|
+
import '../_helpers/island.js';
|
12
12
|
import '../island/header.js';
|
13
13
|
import '../global/linear-function.js';
|
14
|
-
import '../_helpers/island.js';
|
15
14
|
import '../island/adaptive-island-hoc.js';
|
16
15
|
import '../island/content.js';
|
17
16
|
import 'element-resize-detector';
|
@@ -50,7 +49,7 @@ const reactRoot = createRoot(containerElement);
|
|
50
49
|
* Renders AuthDialog into virtual node to skip maintaining container
|
51
50
|
*/
|
52
51
|
function renderAuthDialog(props) {
|
53
|
-
reactRoot.render(
|
52
|
+
reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
|
54
53
|
value: getGlobalControlsHeight(),
|
55
54
|
children: /*#__PURE__*/jsx(AuthDialog, _objectSpread2({}, props))
|
56
55
|
}));
|
@@ -10,7 +10,7 @@ import 'core-js/modules/es.regexp.exec.js';
|
|
10
10
|
import 'core-js/modules/es.string.replace.js';
|
11
11
|
import '../global/get-uid.js';
|
12
12
|
|
13
|
-
var
|
13
|
+
var styles = {"avatar":"avatar_rui_006c","subavatar":"subavatar_rui_006c","empty":"empty_rui_006c"};
|
14
14
|
|
15
15
|
const _excluded = ["size", "url", "dpr", "style", "round", "subavatar", "subavatarSize", "username", "skipParams"];
|
16
16
|
var Size;
|
@@ -71,8 +71,8 @@ class Avatar extends PureComponent {
|
|
71
71
|
if (!url || this.state.errorUrl === url) {
|
72
72
|
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
73
73
|
"data-test": "avatar",
|
74
|
-
className: classNames(
|
75
|
-
[
|
74
|
+
className: classNames(styles.avatar, this.props.className, {
|
75
|
+
[styles.empty]: username == null
|
76
76
|
}),
|
77
77
|
style: styleObj,
|
78
78
|
children: username != null && /*#__PURE__*/jsx(FallbackAvatar, {
|
@@ -103,7 +103,7 @@ class Avatar extends PureComponent {
|
|
103
103
|
children: [/*#__PURE__*/jsx("img", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
104
104
|
onError: this.handleError,
|
105
105
|
onLoad: this.handleSuccess,
|
106
|
-
className: classNames(
|
106
|
+
className: classNames(styles.avatar, this.props.className),
|
107
107
|
style: styleObj,
|
108
108
|
src: src,
|
109
109
|
alt: "User avatar"
|
@@ -111,7 +111,7 @@ class Avatar extends PureComponent {
|
|
111
111
|
"data-test": "avatar",
|
112
112
|
onError: this.handleError,
|
113
113
|
onLoad: this.handleSuccess,
|
114
|
-
className: classNames(
|
114
|
+
className: classNames(styles.subavatar),
|
115
115
|
style: styleObjGroup,
|
116
116
|
src: subavatarSrc,
|
117
117
|
alt: "Subavatar"
|
@@ -122,7 +122,7 @@ class Avatar extends PureComponent {
|
|
122
122
|
"data-test": "avatar",
|
123
123
|
onError: this.handleError,
|
124
124
|
onLoad: this.handleSuccess,
|
125
|
-
className: classNames(
|
125
|
+
className: classNames(styles.avatar, this.props.className),
|
126
126
|
style: styleObj,
|
127
127
|
src: src,
|
128
128
|
alt: "User avatar"
|
@@ -2,7 +2,7 @@ import classNames from 'classnames';
|
|
2
2
|
import { Children, Fragment } from 'react';
|
3
3
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
4
4
|
|
5
|
-
var
|
5
|
+
var styles = {"separator":"separator_rui_09b2"};
|
6
6
|
|
7
7
|
function Breadcrumbs(_ref) {
|
8
8
|
let {
|
@@ -14,7 +14,7 @@ function Breadcrumbs(_ref) {
|
|
14
14
|
// eslint-disable-next-line react/no-array-index-key
|
15
15
|
jsxs(Fragment, {
|
16
16
|
children: [index > 0 && /*#__PURE__*/jsx("span", {
|
17
|
-
className: classNames(
|
17
|
+
className: classNames(styles.separator, separatorClassName),
|
18
18
|
children: '/'
|
19
19
|
}), child]
|
20
20
|
}, index));
|
@@ -7,7 +7,7 @@ import deprecate from 'util-deprecate';
|
|
7
7
|
import Icon from '../icon/icon.js';
|
8
8
|
import ClickableLink from '../link/clickableLink.js';
|
9
9
|
import { ControlsHeightContext } from '../global/controls-height.js';
|
10
|
-
import { g as getButtonClasses,
|
10
|
+
import { g as getButtonClasses, s as styles } from '../_helpers/button__classes.js';
|
11
11
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
12
12
|
import { Size } from '../icon/icon__constants.js';
|
13
13
|
import '../_helpers/icon__svg.js';
|
@@ -62,14 +62,14 @@ class Button extends PureComponent {
|
|
62
62
|
}));
|
63
63
|
const content = /*#__PURE__*/jsxs(Fragment, {
|
64
64
|
children: [icon && /*#__PURE__*/jsx(Icon, {
|
65
|
-
className: classNames(
|
65
|
+
className: classNames(styles.icon, iconClassName),
|
66
66
|
glyph: icon,
|
67
67
|
size: iconSize,
|
68
68
|
loading: loader && isInline,
|
69
69
|
suppressSizeWarning: iconSuppressSizeWarning
|
70
70
|
}), children, dropdown && /*#__PURE__*/jsx(Icon, {
|
71
71
|
glyph: chevronDownIcon,
|
72
|
-
className:
|
72
|
+
className: styles.dropdownIcon
|
73
73
|
})]
|
74
74
|
});
|
75
75
|
const commonProps = _objectSpread2(_objectSpread2({
|
@@ -78,7 +78,7 @@ class Button extends PureComponent {
|
|
78
78
|
className: classes,
|
79
79
|
children: /*#__PURE__*/jsxs(Fragment, {
|
80
80
|
children: [loader && !isInline && /*#__PURE__*/jsx("div", {
|
81
|
-
className:
|
81
|
+
className: styles.loaderBackground
|
82
82
|
}), content]
|
83
83
|
})
|
84
84
|
});
|