@jetbrains/ring-ui-built 7.0.0-beta.8 → 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 +18 -12
- 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.d.ts +4 -2
- 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 +2 -10
- package/components/table/header.js +7 -14
- package/components/table/row-with-focus-sensor.js +1 -1
- package/components/table/row.d.ts +0 -1
- package/components/table/row.js +12 -18
- package/components/table/selection.d.ts +2 -3
- package/components/table/simple-table.js +3 -3
- package/components/table/smart-table.js +1 -1
- package/components/table/table.d.ts +0 -1
- package/components/table/table.js +18 -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.d.ts +4 -1
- package/components/tooltip/tooltip.js +35 -20
- 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 +7 -6
- 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
@@ -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';
|
@@ -55,7 +54,7 @@ const reactRoot = createRoot(containerElement);
|
|
55
54
|
* Renders LoginDialog into virtual node to skip maintaining container
|
56
55
|
*/
|
57
56
|
function renderLoginDialog(props) {
|
58
|
-
reactRoot.render(
|
57
|
+
reactRoot.render(/*#__PURE__*/jsx(ControlsHeightContext.Provider, {
|
59
58
|
value: getGlobalControlsHeight(),
|
60
59
|
children: /*#__PURE__*/jsx(LoginDialog, _objectSpread2({}, props))
|
61
60
|
}));
|
@@ -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';
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import { b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
|
-
import 'core-js/modules/es.array.reduce.js';
|
3
2
|
import 'core-js/modules/es.regexp.exec.js';
|
4
3
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
5
4
|
import sniffr from '../global/sniffer.js';
|
@@ -9,11 +8,11 @@ const MAJOR_VERSION_INDEX = 0;
|
|
9
8
|
/**
|
10
9
|
* SUPPORTED_BROWSERS are defined by Babel plugin, see babel config
|
11
10
|
*/
|
12
|
-
if (!["and_chr
|
11
|
+
if (!["and_chr 130", "and_uc 15.5", "chrome 129", "chrome 128", "chrome 127", "chrome 109", "edge 129", "edge 128", "firefox 130", "ios_saf 17.6-17.7", "ios_saf 17.5", "op_mob 80", "safari 17.6"]) {
|
13
12
|
// eslint-disable-next-line no-console
|
14
13
|
console.warn('Ring UI: no SUPPORTED_BROWSERS passed. Please check babel config.');
|
15
14
|
}
|
16
|
-
const SUPPORTED = ["and_chr
|
15
|
+
const SUPPORTED = ["and_chr 130", "and_uc 15.5", "chrome 129", "chrome 128", "chrome 127", "chrome 109", "edge 129", "edge 128", "firefox 130", "ios_saf 17.6-17.7", "ios_saf 17.5", "op_mob 80", "safari 17.6"] || [];
|
17
16
|
const WHITE_LISTED_BROWSERS = ['chrome', 'firefox', 'safari', 'edge'];
|
18
17
|
const WHITE_LIST = SUPPORTED.reduce((acc, item) => {
|
19
18
|
var _item$match;
|
@@ -23,7 +23,6 @@ import '../_helpers/icon__svg.js';
|
|
23
23
|
import 'core-js/modules/es.regexp.exec.js';
|
24
24
|
import 'core-js/modules/es.string.replace.js';
|
25
25
|
import '../global/data-tests.js';
|
26
|
-
import 'core-js/modules/es.array.reduce.js';
|
27
26
|
import '../control-label/control-label.js';
|
28
27
|
import '../control-help/control-help.js';
|
29
28
|
import '../_helpers/caption.js';
|
@@ -88,7 +87,7 @@ import '../text/text.js';
|
|
88
87
|
import '../_helpers/select__filter.js';
|
89
88
|
import '../i18n/i18n.js';
|
90
89
|
|
91
|
-
var
|
90
|
+
var style = {"pager":"pager_rui_ad65","links":"links_rui_ad65","link":"link_rui_ad65","linkDisabled":"linkDisabled_rui_ad65","actions":"actions_rui_ad65","pageSize":"pageSize_rui_ad65"};
|
92
91
|
|
93
92
|
class Pager extends PureComponent {
|
94
93
|
constructor() {
|
@@ -189,7 +188,7 @@ class Pager extends PureComponent {
|
|
189
188
|
const selectOptions = this.getSelectOptions();
|
190
189
|
return !this.props.disablePageSizeSelector && /*#__PURE__*/jsx("div", {
|
191
190
|
"data-test": "ring-pager-page-size-selector",
|
192
|
-
className:
|
191
|
+
className: style.pageSize,
|
193
192
|
children: /*#__PURE__*/jsx(Select, {
|
194
193
|
data: selectOptions.data,
|
195
194
|
selected: selectOptions.selected,
|
@@ -223,14 +222,14 @@ class Pager extends PureComponent {
|
|
223
222
|
const prevLinkHref = this.generateHref(this.props.currentPage - 1);
|
224
223
|
const nextLinkHref = this.generateHref(this.props.currentPage + 1);
|
225
224
|
const disabledLinkClasses = classNames({
|
226
|
-
[
|
227
|
-
[
|
225
|
+
[style.link]: true,
|
226
|
+
[style.linkDisabled]: true
|
228
227
|
});
|
229
228
|
return /*#__PURE__*/jsxs("div", {
|
230
|
-
className:
|
229
|
+
className: style.links,
|
231
230
|
children: [prevLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
|
232
231
|
href: prevLinkHref,
|
233
|
-
className:
|
232
|
+
className: style.link
|
234
233
|
}, this.getClickProps(this.handlePrevClick)), {}, {
|
235
234
|
children: prevLinkContent
|
236
235
|
})) : /*#__PURE__*/jsxs("span", {
|
@@ -240,7 +239,7 @@ class Pager extends PureComponent {
|
|
240
239
|
}, "text")]
|
241
240
|
}), nextLinkAvailable && (!this.props.loader || this.props.loaderNavigation) ? /*#__PURE__*/jsx(Link, _objectSpread2(_objectSpread2({
|
242
241
|
href: nextLinkHref,
|
243
|
-
className:
|
242
|
+
className: style.link
|
244
243
|
}, this.getClickProps(this.handleNextClick)), {}, {
|
245
244
|
children: nextLinkContent
|
246
245
|
})) : /*#__PURE__*/jsxs("span", {
|
@@ -300,7 +299,7 @@ class Pager extends PureComponent {
|
|
300
299
|
const lastPageButtonAvailable = !this.props.disableLastPageButton && end < totalPages && !this.props.openTotal || this.props.openTotal && this.props.canLoadLastPageWithOpenTotal;
|
301
300
|
return /*#__PURE__*/jsxs("div", {
|
302
301
|
children: [this.getPagerLinks(), /*#__PURE__*/jsxs("div", {
|
303
|
-
className:
|
302
|
+
className: style.actions,
|
304
303
|
children: [/*#__PURE__*/jsxs(ButtonToolbar, {
|
305
304
|
children: [start > 1 && this.getButton(1, (_this$props$translati7 = (_this$props$translati8 = this.props.translations) === null || _this$props$translati8 === void 0 ? void 0 : _this$props$translati8.firstPage) !== null && _this$props$translati7 !== void 0 ? _this$props$translati7 : translate('firstPage')), /*#__PURE__*/jsxs(ButtonGroup, {
|
306
305
|
children: [start > 1 && this.getButton(start - 1, '...'), buttons, end < totalPages && this.getButton(end + 1, '...'), end === totalPages && this.props.openTotal && /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({
|
@@ -315,7 +314,7 @@ class Pager extends PureComponent {
|
|
315
314
|
});
|
316
315
|
}
|
317
316
|
render() {
|
318
|
-
const classes = classNames(
|
317
|
+
const classes = classNames(style.pager, this.props.className);
|
319
318
|
return /*#__PURE__*/jsx("div", {
|
320
319
|
"data-test": "ring-pager",
|
321
320
|
className: classes,
|
@@ -3,7 +3,7 @@ import { PureComponent } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
5
5
|
|
6
|
-
var
|
6
|
+
var styles = {"panel":"panel_rui_e32c panel_rui_027b"};
|
7
7
|
|
8
8
|
const _excluded = ["className", "children"];
|
9
9
|
class Panel extends PureComponent {
|
@@ -14,7 +14,7 @@ class Panel extends PureComponent {
|
|
14
14
|
children
|
15
15
|
} = _this$props,
|
16
16
|
props = _objectWithoutProperties(_this$props, _excluded);
|
17
|
-
const classes = classNames(
|
17
|
+
const classes = classNames(styles.panel, className);
|
18
18
|
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
|
19
19
|
className: classes,
|
20
20
|
children: children
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import { _ as _defineProperty } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
|
-
import 'core-js/modules/es.array.reduce.js';
|
3
2
|
|
4
3
|
/**
|
5
4
|
* Converts an array of cached permissions to a a map of a permission key
|
@@ -140,7 +139,7 @@ class PermissionCache {
|
|
140
139
|
let result = this.and(lexems, projectId);
|
141
140
|
while (lexems.length > 0 && lexems[0] !== ')') {
|
142
141
|
if (lexems.shift() !== '|') {
|
143
|
-
throw new Error(
|
142
|
+
throw new Error("Operator '|' was expected");
|
144
143
|
}
|
145
144
|
result = this.and(lexems, projectId) || result;
|
146
145
|
}
|
@@ -192,7 +191,7 @@ class PermissionCache {
|
|
192
191
|
result = this.or(lexems, projectId);
|
193
192
|
// Expect ')'
|
194
193
|
if (lexems.shift() !== ')') {
|
195
|
-
throw new Error(
|
194
|
+
throw new Error("Operator ')' was expected");
|
196
195
|
}
|
197
196
|
} else {
|
198
197
|
result = t != null && this.testPermission(t, projectId);
|
@@ -19,10 +19,9 @@ import '../shortcuts/core.js';
|
|
19
19
|
import 'combokeys';
|
20
20
|
import '../global/sniffer.js';
|
21
21
|
import 'sniffr';
|
22
|
-
import 'core-js/modules/es.array.reduce.js';
|
23
22
|
import 'core-js/modules/es.array.sort.js';
|
24
23
|
|
25
|
-
var
|
24
|
+
var styles = {"popup":"popup_rui_871b font_rui_f295","hidden":"hidden_rui_871b","showing":"showing_rui_871b","attached":"attached_rui_871b"};
|
26
25
|
|
27
26
|
const isPossibleClientSideNavigation = event => {
|
28
27
|
const target = event.target;
|
@@ -287,10 +286,10 @@ class Popup extends PureComponent {
|
|
287
286
|
'data-test': dataTest
|
288
287
|
} = this.props;
|
289
288
|
const showing = this.state.display === Display.SHOWING;
|
290
|
-
const classes = classNames(className,
|
291
|
-
[
|
292
|
-
[
|
293
|
-
[
|
289
|
+
const classes = classNames(className, styles.popup, {
|
290
|
+
[styles.attached]: attached,
|
291
|
+
[styles.hidden]: hidden,
|
292
|
+
[styles.showing]: showing
|
294
293
|
});
|
295
294
|
const direction = (this.state.direction || '').toLowerCase().replace(/[_]/g, '-');
|
296
295
|
return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
|
@@ -306,7 +305,7 @@ class Popup extends PureComponent {
|
|
306
305
|
children: [this.shouldUseShortcuts() && /*#__PURE__*/jsx(Shortcuts, {
|
307
306
|
map: this.shortcutsMap,
|
308
307
|
scope: this.shortcutsScope
|
309
|
-
}), (client || this.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal(
|
308
|
+
}), (client || this.state.client) && (keepMounted || !hidden) && /*#__PURE__*/createPortal(/*#__PURE__*/jsx(PopupTarget, {
|
310
309
|
id: this.uid,
|
311
310
|
ref: this.containerRef,
|
312
311
|
onMouseOver: onMouseOver,
|
@@ -206,9 +206,9 @@ function position(attrs) {
|
|
206
206
|
styles = directionsMatrix[directions[0]];
|
207
207
|
chosenDirection = directions[0];
|
208
208
|
} else {
|
209
|
-
const sortedByIncreasingOverflow = directions
|
209
|
+
const sortedByIncreasingOverflow = directions
|
210
210
|
// Fall back to the first option
|
211
|
-
concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
|
211
|
+
.concat(directions[0]).filter(direction => directionsMatrix[direction]).map(direction => ({
|
212
212
|
styles: directionsMatrix[direction],
|
213
213
|
direction
|
214
214
|
})).sort((_ref2, _ref3) => {
|
@@ -17,7 +17,6 @@ import 'combokeys';
|
|
17
17
|
import '../global/sniffer.js';
|
18
18
|
import 'sniffr';
|
19
19
|
import '../global/data-tests.js';
|
20
|
-
import 'core-js/modules/es.array.reduce.js';
|
21
20
|
import '../tab-trap/tab-trap.js';
|
22
21
|
import '../popup/position.js';
|
23
22
|
import 'core-js/modules/es.array.sort.js';
|
@@ -41,9 +41,9 @@ export default class ProgressBar extends PureComponent<ProgressBarProps> {
|
|
41
41
|
value: number;
|
42
42
|
label: string;
|
43
43
|
};
|
44
|
-
progressbarWrapper?:
|
44
|
+
progressbarWrapper?: HTMLElement | null;
|
45
45
|
progressbarWrapperRef: (el: HTMLElement | null) => void;
|
46
|
-
progressbar?:
|
46
|
+
progressbar?: HTMLElement | null;
|
47
47
|
progressbarRef: (el: HTMLElement | null) => void;
|
48
48
|
render(): import("react").JSX.Element;
|
49
49
|
}
|
@@ -4,7 +4,7 @@ import { PureComponent } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
|
7
|
-
var
|
7
|
+
var styles = {"progressBar":"progressBar_rui_7662","globalMode":"globalMode_rui_7662","line":"line_rui_7662","progress-bar-animation":"progress-bar-animation_rui_7662","staticLineColor":"staticLineColor_rui_7662"};
|
8
8
|
|
9
9
|
const _excluded = ["className", "global", "max", "value", "label", "staticColor"];
|
10
10
|
class ProgressBar extends PureComponent {
|
@@ -42,15 +42,15 @@ class ProgressBar extends PureComponent {
|
|
42
42
|
} = _this$props,
|
43
43
|
otherProps = _objectWithoutProperties(_this$props, _excluded);
|
44
44
|
const width = value ? "".concat(ProgressBar.toPercent(value, max), "%") : undefined;
|
45
|
-
const classes = classNames(
|
46
|
-
[
|
47
|
-
[
|
45
|
+
const classes = classNames(styles.progressBar, className, {
|
46
|
+
[styles.globalMode]: global,
|
47
|
+
[styles.staticLineColor]: staticColor
|
48
48
|
});
|
49
49
|
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, otherProps), {}, {
|
50
50
|
className: classes,
|
51
51
|
ref: this.progressbarWrapperRef,
|
52
52
|
children: /*#__PURE__*/jsx("div", {
|
53
|
-
className:
|
53
|
+
className: styles.line,
|
54
54
|
ref: this.progressbarRef,
|
55
55
|
role: "progressbar",
|
56
56
|
"aria-label": label,
|