@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
@@ -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) {
|
@@ -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
|
/**
|
@@ -40,7 +40,7 @@ import '../popup/position.js';
|
|
40
40
|
import 'core-js/modules/es.array.sort.js';
|
41
41
|
import '../popup/popup.consts.js';
|
42
42
|
|
43
|
-
var
|
43
|
+
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
44
|
|
45
45
|
const ANIMATION_TIME = 500;
|
46
46
|
/**
|
@@ -139,8 +139,8 @@ class Alert extends PureComponent {
|
|
139
139
|
*/
|
140
140
|
_getCaption() {
|
141
141
|
return /*#__PURE__*/jsx("span", {
|
142
|
-
className: classNames(
|
143
|
-
[
|
142
|
+
className: classNames(styles.caption, this.props.captionClassName, {
|
143
|
+
[styles.withCloseButton]: this.props.closeable
|
144
144
|
}),
|
145
145
|
onClick: this._handleCaptionsLinksClick
|
146
146
|
// We only process clicks on `a` elements, see above
|
@@ -158,12 +158,12 @@ class Alert extends PureComponent {
|
|
158
158
|
if (glyph) {
|
159
159
|
return /*#__PURE__*/jsx(Icon, {
|
160
160
|
glyph: glyph,
|
161
|
-
className:
|
161
|
+
className: styles.icon,
|
162
162
|
color: TypeToIconColor[this.props.type] || Color.DEFAULT
|
163
163
|
});
|
164
164
|
} else if (this.props.type === AlertType.LOADING) {
|
165
165
|
return /*#__PURE__*/jsx(LoaderInline, {
|
166
|
-
className:
|
166
|
+
className: styles.loader
|
167
167
|
});
|
168
168
|
}
|
169
169
|
return '';
|
@@ -181,12 +181,12 @@ class Alert extends PureComponent {
|
|
181
181
|
theme
|
182
182
|
} = this.props;
|
183
183
|
const classes = classNames(className, {
|
184
|
-
[
|
185
|
-
[
|
186
|
-
[
|
187
|
-
[
|
188
|
-
[
|
189
|
-
[
|
184
|
+
[styles.alert]: true,
|
185
|
+
[styles.animationOpen]: showWithAnimation,
|
186
|
+
[styles.error]: type === 'error',
|
187
|
+
[styles.alertInline]: inline,
|
188
|
+
[styles.animationClosing]: isClosing,
|
189
|
+
[styles.animationShaking]: isShaking
|
190
190
|
});
|
191
191
|
const height = this.state.height;
|
192
192
|
const style = height ? {
|
@@ -201,7 +201,7 @@ class Alert extends PureComponent {
|
|
201
201
|
ref: this.storeAlertRef,
|
202
202
|
children: [this._getIcon(), this._getCaption(), this.props.closeable ? /*#__PURE__*/jsx(Button, {
|
203
203
|
icon: closeIcon,
|
204
|
-
className: classNames(
|
204
|
+
className: classNames(styles.close, closeButtonClassName),
|
205
205
|
"data-test": "alert-close",
|
206
206
|
"aria-label": "close alert",
|
207
207
|
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,7 +15,7 @@ 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;
|
@@ -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
|
});
|
@@ -119,7 +119,7 @@ class Auth {
|
|
119
119
|
throw new Error('Config is required');
|
120
120
|
}
|
121
121
|
if (config.serverUri == null) {
|
122
|
-
throw new Error('
|
122
|
+
throw new Error('"serverUri" property is required');
|
123
123
|
}
|
124
124
|
const unsupportedParams = ['redirect_uri', 'request_credentials', 'client_id'].filter(param => config.hasOwnProperty(param));
|
125
125
|
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
|
@@ -46,7 +46,7 @@ import 'core-js/modules/es.array.sort.js';
|
|
46
46
|
import '../popup/popup.consts.js';
|
47
47
|
import '../_helpers/link.js';
|
48
48
|
|
49
|
-
var
|
49
|
+
var styles = {"title":"title_rui_7659","error":"error_rui_7659"};
|
50
50
|
|
51
51
|
let key = null;
|
52
52
|
function renderAlert(message) {
|
@@ -76,11 +76,11 @@ function Message(_ref) {
|
|
76
76
|
"data-test": "ring-backend-down-notification",
|
77
77
|
children: [/*#__PURE__*/jsx(Group, {
|
78
78
|
children: /*#__PURE__*/jsx("div", {
|
79
|
-
className:
|
79
|
+
className: styles.title,
|
80
80
|
children: backendIsNotAvailable
|
81
81
|
})
|
82
82
|
}), /*#__PURE__*/jsxs("span", {
|
83
|
-
className:
|
83
|
+
className: styles.error,
|
84
84
|
children: [errorMessage, " "]
|
85
85
|
}), /*#__PURE__*/jsx(Link, {
|
86
86
|
onClick: onCheckAgain,
|
@@ -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
|
/**
|
@@ -6,13 +6,13 @@ import { Component } from 'react';
|
|
6
6
|
import classNames from 'classnames';
|
7
7
|
import 'core-js/modules/es.array.reduce.js';
|
8
8
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
9
|
+
import '../_helpers/island.js';
|
9
10
|
import '../island/header.js';
|
10
11
|
import ContentWrapper from '../island/content.js';
|
11
12
|
import Dialog from '../dialog/dialog.js';
|
12
13
|
import { Button } from '../button/button.js';
|
13
14
|
import { H2 } from '../heading/heading.js';
|
14
15
|
import '../global/linear-function.js';
|
15
|
-
import '../_helpers/island.js';
|
16
16
|
import '../island/adaptive-island-hoc.js';
|
17
17
|
import 'element-resize-detector';
|
18
18
|
import '../global/schedule-raf.js';
|
@@ -42,7 +42,7 @@ import '../global/controls-height.js';
|
|
42
42
|
import '../_helpers/button__classes.js';
|
43
43
|
import '../_helpers/heading.js';
|
44
44
|
|
45
|
-
var
|
45
|
+
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
46
|
|
47
47
|
class AuthDialog extends Component {
|
48
48
|
constructor() {
|
@@ -104,38 +104,38 @@ class AuthDialog extends Component {
|
|
104
104
|
label: title,
|
105
105
|
"data-test": "ring-auth-dialog",
|
106
106
|
className: className,
|
107
|
-
contentClassName: classNames(className,
|
107
|
+
contentClassName: classNames(className, styles.dialog),
|
108
108
|
onEscPress: this.onEscPress,
|
109
109
|
show: show,
|
110
110
|
trapFocus: true,
|
111
111
|
children: /*#__PURE__*/jsx(ContentWrapper, {
|
112
112
|
children: /*#__PURE__*/jsxs("div", {
|
113
|
-
className:
|
113
|
+
className: styles.content,
|
114
114
|
children: [serviceImage && /*#__PURE__*/jsx("img", {
|
115
115
|
alt: "".concat(serviceName, " logo"),
|
116
|
-
className:
|
116
|
+
className: styles.logo,
|
117
117
|
src: serviceImage
|
118
118
|
}), /*#__PURE__*/jsx(H2, {
|
119
|
-
className:
|
119
|
+
className: styles.title,
|
120
120
|
children: title
|
121
121
|
}), errorMessage && /*#__PURE__*/jsx("div", {
|
122
|
-
className:
|
122
|
+
className: styles.error,
|
123
123
|
children: errorMessage
|
124
124
|
}), /*#__PURE__*/jsx(Button, {
|
125
125
|
primary: true,
|
126
|
-
className:
|
126
|
+
className: styles.firstButton,
|
127
127
|
"data-test": "auth-dialog-confirm-button",
|
128
128
|
onClick: onConfirm,
|
129
129
|
children: confirmLabel
|
130
130
|
}), onTryAgain && /*#__PURE__*/jsx(Button, {
|
131
|
-
className:
|
131
|
+
className: styles.button,
|
132
132
|
"data-test": "auth-dialog-retry-button",
|
133
133
|
onClick: () => this.onRetryPress(),
|
134
134
|
loader: retrying,
|
135
135
|
disabled: retrying,
|
136
136
|
children: tryAgainLabel
|
137
137
|
}), /*#__PURE__*/jsx(Button, {
|
138
|
-
className:
|
138
|
+
className: styles.button,
|
139
139
|
"data-test": "auth-dialog-cancel-button",
|
140
140
|
onClick: onCancel,
|
141
141
|
children: cancelLabel
|
@@ -9,9 +9,9 @@ import 'core-js/modules/es.string.replace.js';
|
|
9
9
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
10
10
|
import 'classnames';
|
11
11
|
import 'core-js/modules/es.array.reduce.js';
|
12
|
+
import '../_helpers/island.js';
|
12
13
|
import '../island/header.js';
|
13
14
|
import '../global/linear-function.js';
|
14
|
-
import '../_helpers/island.js';
|
15
15
|
import '../island/adaptive-island-hoc.js';
|
16
16
|
import '../island/content.js';
|
17
17
|
import 'element-resize-detector';
|
@@ -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"
|
@@ -1,22 +1,15 @@
|
|
1
1
|
import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
2
|
import { PureComponent } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
|
-
import deprecate from 'util-deprecate';
|
5
4
|
import joinDataTestAttributes from '../global/data-tests.js';
|
6
|
-
import {
|
5
|
+
import { s as style } from '../_helpers/badge.js';
|
7
6
|
import { jsx } from 'react/jsx-runtime';
|
8
7
|
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 = ["gray", "valid", "invalid", "disabled", "className", "children", "data-test"];
|
12
|
-
const warn = deprecate(() => {}, 'Badge is deprecated and will be removed in RingUI 7.0. Use Tag instead.');
|
13
|
-
/**
|
14
|
-
* @name Badge
|
15
|
-
*/
|
16
|
-
// TODO remove in 7.0
|
17
11
|
class Badge extends PureComponent {
|
18
12
|
render() {
|
19
|
-
warn();
|
20
13
|
const _this$props = this.props,
|
21
14
|
{
|
22
15
|
// Modifiers
|
@@ -30,11 +23,11 @@ class Badge extends PureComponent {
|
|
30
23
|
'data-test': dataTest
|
31
24
|
} = _this$props,
|
32
25
|
props = _objectWithoutProperties(_this$props, _excluded);
|
33
|
-
const classes = classNames(
|
34
|
-
[
|
35
|
-
[
|
36
|
-
[
|
37
|
-
[
|
26
|
+
const classes = classNames(style.badge, className, {
|
27
|
+
[style.gray]: gray,
|
28
|
+
[style.valid]: valid,
|
29
|
+
[style.invalid]: invalid,
|
30
|
+
[style.disabled]: disabled
|
38
31
|
});
|
39
32
|
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({}, props), {}, {
|
40
33
|
"data-test": joinDataTestAttributes('ring-badge', dataTest),
|
@@ -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
|
});
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { ButtonProps } from './button';
|
2
|
-
export declare function getButtonClasses({ className, active, disabled, loader, primary, short, inline, danger, delayed, icon, height, children }: ButtonProps): string;
|
2
|
+
export declare function getButtonClasses({ className, active, disabled, loader, primary, short, inline, danger, delayed, icon, height, children, }: ButtonProps): string;
|
@@ -5,7 +5,7 @@ import classNames from 'classnames';
|
|
5
5
|
import joinDataTestAttributes from '../global/data-tests.js';
|
6
6
|
import { ControlLabel } from '../control-label/control-label.js';
|
7
7
|
import ControlHelp from '../control-help/control-help.js';
|
8
|
-
import {
|
8
|
+
import { s as styles } from '../_helpers/caption.js';
|
9
9
|
export { C as Caption } from '../_helpers/caption.js';
|
10
10
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
11
11
|
import 'core-js/modules/es.array.reduce.js';
|
@@ -23,7 +23,7 @@ class ButtonGroup extends PureComponent {
|
|
23
23
|
help
|
24
24
|
} = _this$props,
|
25
25
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
26
|
-
const classes = classNames(split ?
|
26
|
+
const classes = classNames(split ? styles.split : styles.buttonGroup, className);
|
27
27
|
return /*#__PURE__*/jsxs(Fragment, {
|
28
28
|
children: [label && /*#__PURE__*/jsx(ControlLabel, {
|
29
29
|
children: label
|
@@ -31,7 +31,7 @@ class ButtonGroup extends PureComponent {
|
|
31
31
|
"data-test": joinDataTestAttributes('ring-button-group', dataTest),
|
32
32
|
className: classes
|
33
33
|
})), help && /*#__PURE__*/jsx(ControlHelp, {
|
34
|
-
className:
|
34
|
+
className: styles.help,
|
35
35
|
children: help
|
36
36
|
})]
|
37
37
|
});
|
@@ -6,7 +6,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
6
6
|
import 'core-js/modules/es.array.reduce.js';
|
7
7
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
8
8
|
|
9
|
-
var
|
9
|
+
var styles = {"button":"button_rui_6ad6","buttonSet":"buttonSet_rui_97ff"};
|
10
10
|
|
11
11
|
const _excluded = ["className", "data-test", "children"];
|
12
12
|
class ButtonSet extends PureComponent {
|
@@ -18,7 +18,7 @@ class ButtonSet extends PureComponent {
|
|
18
18
|
children
|
19
19
|
} = _this$props,
|
20
20
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
21
|
-
const classes = classNames(
|
21
|
+
const classes = classNames(styles.buttonSet, className);
|
22
22
|
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
23
23
|
"data-test": joinDataTestAttributes('ring-button-set', dataTest),
|
24
24
|
className: classes,
|