@jetbrains/ring-ui-built 7.0.0-beta.13 → 7.0.0-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/_helpers/anchor.js +4 -4
- package/components/_helpers/badge.js +2 -2
- package/components/_helpers/button__classes.js +13 -13
- package/components/_helpers/caption.js +3 -3
- package/components/_helpers/card.js +18 -18
- package/components/_helpers/date-picker.js +2 -2
- package/components/_helpers/dialog__body-scroll-preventer.js +4 -4
- package/components/_helpers/grid.js +2 -2
- package/components/_helpers/header.js +2 -2
- package/components/_helpers/heading.js +2 -2
- package/components/_helpers/icon__svg.js +6 -6
- package/components/_helpers/input.js +14 -14
- package/components/_helpers/island.js +2 -2
- package/components/_helpers/link.js +2 -2
- package/components/_helpers/list.js +2 -2
- package/components/_helpers/query-assist__suggestions.js +7 -7
- package/components/_helpers/select__filter.js +3 -3
- package/components/_helpers/services-link.js +3 -3
- package/components/_helpers/sidebar.js +9 -9
- package/components/_helpers/tab-link.js +7 -7
- package/components/_helpers/table.js +2 -2
- package/components/_helpers/theme.js +9 -9
- package/components/_helpers/title.js +7 -7
- package/components/alert/alert.d.ts +2 -2
- package/components/alert/alert.js +12 -13
- package/components/alert/container.js +3 -3
- package/components/alert-service/alert-service.js +0 -1
- package/components/auth/auth.js +0 -1
- package/components/auth/auth__core.js +1 -2
- package/components/auth/background-flow.js +2 -2
- package/components/auth/down-notification.js +3 -4
- package/components/auth/iframe-flow.js +0 -1
- package/components/auth/storage.js +0 -1
- package/components/auth/token-validator.js +1 -1
- package/components/auth-dialog/auth-dialog.js +10 -11
- package/components/auth-dialog-service/auth-dialog-service.js +1 -2
- package/components/avatar/avatar.js +6 -6
- package/components/badge/badge.js +6 -7
- package/components/breadcrumbs/breadcrumbs.js +2 -2
- package/components/button/button.js +4 -4
- package/components/button/button__classes.d.ts +1 -1
- package/components/button-group/button-group.js +3 -4
- package/components/button-set/button-set.js +2 -3
- package/components/button-toolbar/button-toolbar.d.ts +1 -1
- package/components/button-toolbar/button-toolbar.js +2 -3
- package/components/checkbox/checkbox.js +8 -8
- package/components/clipboard/clipboard.js +0 -1
- package/components/code/code.d.ts +1 -1
- package/components/code/code.js +6 -6
- package/components/collapse/collapse-content.js +4 -5
- package/components/collapse/collapse-control.js +0 -1
- package/components/confirm/confirm.d.ts +2 -2
- package/components/confirm/confirm.js +3 -4
- package/components/confirm-service/confirm-service.d.ts +1 -1
- package/components/confirm-service/confirm-service.js +0 -1
- package/components/content-layout/content-layout.js +4 -4
- package/components/contenteditable/contenteditable.d.ts +1 -1
- package/components/control-help/control-help.js +2 -2
- package/components/control-label/control-label.js +5 -5
- package/components/data-list/data-list.d.ts +2 -2
- package/components/data-list/data-list.js +6 -7
- package/components/data-list/data-list.mock.js +0 -1
- package/components/data-list/item.js +8 -9
- package/components/date-picker/date-input.js +2 -2
- package/components/date-picker/date-picker.js +8 -9
- package/components/date-picker/date-popup.js +4 -5
- package/components/date-picker/day.js +15 -15
- package/components/date-picker/month-names.js +5 -5
- package/components/date-picker/month-slider.js +3 -3
- package/components/date-picker/month.js +3 -3
- package/components/date-picker/months.js +3 -3
- package/components/date-picker/weekdays.js +4 -4
- package/components/date-picker/years.js +5 -5
- package/components/dialog/dialog.js +13 -14
- package/components/dropdown/dropdown.d.ts +2 -2
- package/components/dropdown/dropdown.js +2 -3
- package/components/dropdown-menu/dropdown-menu.js +0 -1
- package/components/editable-heading/editable-heading.js +19 -19
- package/components/error-bubble/error-bubble.js +4 -5
- package/components/error-message/error-message.js +6 -7
- package/components/footer/footer.js +8 -9
- package/components/form/form.js +2 -3
- package/components/global/compose.js +0 -2
- package/components/global/data-tests.js +0 -1
- package/components/global/theme.js +1 -2
- package/components/grid/col.js +4 -4
- package/components/grid/grid.js +2 -3
- package/components/grid/row.js +4 -5
- package/components/group/group.js +2 -2
- package/components/header/header-icon.js +4 -4
- package/components/header/header.js +3 -4
- package/components/header/links.js +2 -2
- package/components/header/logo.js +2 -2
- package/components/header/profile.d.ts +2 -2
- package/components/header/profile.js +10 -11
- package/components/header/services-link.js +0 -1
- package/components/header/services.js +7 -8
- package/components/header/smart-profile.js +0 -1
- package/components/header/smart-services.js +0 -1
- package/components/header/tray.js +3 -3
- package/components/heading/heading.js +3 -3
- package/components/http/http.d.ts +3 -3
- package/components/icon/icon.js +8 -6
- package/components/input/input-legacy.js +2 -3
- package/components/input-size/input-size.js +2 -3
- package/components/island/content.js +7 -7
- package/components/island/header.js +4 -4
- package/components/island/island.js +4 -5
- package/components/link/link.js +7 -8
- package/components/list/list.d.ts +1 -1
- package/components/list/list.js +5 -6
- package/components/list/list__custom.js +5 -6
- package/components/list/list__hint.js +2 -2
- package/components/list/list__item.js +22 -23
- package/components/list/list__link.js +5 -6
- package/components/list/list__separator.js +3 -3
- package/components/list/list__title.js +5 -5
- package/components/list/list__users-groups-source.js +0 -1
- package/components/loader/loader.js +0 -1
- package/components/loader/loader__core.js +5 -5
- package/components/loader-inline/loader-inline.js +3 -4
- package/components/loader-screen/loader-screen.js +4 -5
- package/components/login-dialog/login-dialog.js +6 -7
- package/components/login-dialog/service.js +0 -1
- package/components/markdown/markdown.d.ts +2 -2
- package/components/markdown/markdown.js +6 -6
- package/components/message/message.js +9 -10
- package/components/old-browsers-message/old-browsers-message.js +0 -1
- package/components/old-browsers-message/old-browsers-message__stop.js +0 -1
- package/components/old-browsers-message/white-list.js +2 -3
- package/components/pager/pager.js +9 -10
- package/components/panel/panel.js +2 -2
- package/components/permissions/permissions.js +0 -1
- package/components/permissions/permissions__cache.js +2 -3
- package/components/popup/popup.js +5 -6
- package/components/popup/position.js +2 -2
- package/components/popup-menu/popup-menu.js +0 -1
- package/components/progress-bar/progress-bar.d.ts +2 -2
- package/components/progress-bar/progress-bar.js +5 -5
- package/components/query-assist/query-assist.js +25 -26
- package/components/query-assist/query-assist__suggestions.js +0 -1
- package/components/radio/radio__item.js +5 -5
- package/components/scrollable-section/scrollable-section.js +6 -6
- package/components/select/select.d.ts +1 -1
- package/components/select/select.js +22 -22
- package/components/select/select__filter.js +0 -1
- package/components/select/select__popup.js +11 -12
- package/components/shortcuts/core.js +1 -1
- package/components/slider/slider.js +20 -20
- package/components/storage/storage.js +0 -1
- package/components/storage/storage__local.js +0 -1
- package/components/style.css +1 -1
- package/components/tab-trap/tab-trap.js +2 -2
- package/components/table/cell.js +2 -3
- package/components/table/header-cell.js +8 -9
- package/components/table/header.js +6 -7
- package/components/table/row-with-focus-sensor.js +0 -1
- package/components/table/row.js +10 -11
- package/components/table/selection.d.ts +2 -3
- package/components/table/simple-table.js +2 -3
- package/components/table/smart-table.js +0 -1
- package/components/table/table.js +12 -13
- package/components/tabs/collapsible-more.d.ts +1 -1
- package/components/tabs/collapsible-more.js +6 -7
- package/components/tabs/collapsible-tab.js +4 -5
- package/components/tabs/collapsible-tabs.d.ts +2 -2
- package/components/tabs/collapsible-tabs.js +5 -6
- package/components/tabs/dumb-tabs.js +5 -6
- package/components/tabs/smart-tabs.js +0 -1
- package/components/tabs/tab-link.js +0 -1
- package/components/tabs/tab.js +0 -1
- package/components/tabs/tabs.js +0 -1
- package/components/tag/tag.js +13 -13
- package/components/tags-input/tags-input.js +8 -9
- package/components/text/text.js +7 -7
- package/components/toggle/toggle.d.ts +2 -2
- package/components/toggle/toggle.js +12 -13
- package/components/tooltip/tooltip.js +3 -4
- package/components/user-agreement/service.js +0 -1
- package/components/user-agreement/user-agreement.js +7 -8
- package/components/user-card/card.js +0 -1
- package/components/user-card/smart-user-card-tooltip.js +2 -3
- package/components/user-card/tooltip.js +2 -3
- package/components/user-card/user-card.js +0 -1
- package/package.json +8 -7
- package/typings.d.ts +2 -4
- package/components/island-legacy/content-legacy.d.ts +0 -5
- package/components/island-legacy/content-legacy.js +0 -23
- package/components/island-legacy/header-legacy.d.ts +0 -5
- package/components/island-legacy/header-legacy.js +0 -26
- package/components/island-legacy/island-legacy.d.ts +0 -7
- package/components/island-legacy/island-legacy.js +0 -25
@@ -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/web.dom-collections.iterator.js';
|
4
3
|
import { PureComponent } from 'react';
|
5
4
|
import classNames from 'classnames';
|
@@ -23,7 +22,7 @@ import Text from '../text/text.js';
|
|
23
22
|
import { ControlsHeight } from '../global/controls-height.js';
|
24
23
|
import { createComposedRef } from '../global/composeRefs.js';
|
25
24
|
import { DEFAULT_DIRECTIONS } from '../popup/popup.consts.js';
|
26
|
-
import {
|
25
|
+
import { s as styles, S as SelectFilter } from '../_helpers/select__filter.js';
|
27
26
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
28
27
|
import 'util-deprecate';
|
29
28
|
import '../icon/icon__constants.js';
|
@@ -149,7 +148,7 @@ class SelectPopup extends PureComponent {
|
|
149
148
|
const multiple = this.props.multiple;
|
150
149
|
const activeFilters = this.props.data.filter(item => !item.disabled);
|
151
150
|
return Array.isArray(this.props.selected) && /*#__PURE__*/jsxs("div", {
|
152
|
-
className:
|
151
|
+
className: styles.selectAll,
|
153
152
|
children: [activeFilters.length === 0 ? /*#__PURE__*/jsx("span", {}) : /*#__PURE__*/jsx(Button, {
|
154
153
|
text: true,
|
155
154
|
inline: true,
|
@@ -298,11 +297,11 @@ class SelectPopup extends PureComponent {
|
|
298
297
|
if (this.props.filter || this.props.tags) {
|
299
298
|
var _this$props$filterIco;
|
300
299
|
return /*#__PURE__*/jsxs("div", {
|
301
|
-
className:
|
300
|
+
className: styles.filterWrapper,
|
302
301
|
"data-test": "ring-select-popup-filter",
|
303
302
|
children: [!this.props.tags && /*#__PURE__*/jsx(Icon, {
|
304
303
|
glyph: (_this$props$filterIco = this.props.filterIcon) !== null && _this$props$filterIco !== void 0 ? _this$props$filterIco : searchIcon,
|
305
|
-
className:
|
304
|
+
className: styles.filterIcon,
|
306
305
|
"data-test-custom": "ring-select-popup-filter-icon"
|
307
306
|
}), /*#__PURE__*/jsx(FilterWithShortcuts, {
|
308
307
|
rgShortcutsOptions: this.state.popupFilterShortcutsOptions,
|
@@ -313,7 +312,7 @@ class SelectPopup extends PureComponent {
|
|
313
312
|
onFocus: this.onFilterFocus,
|
314
313
|
className: "ring-js-shortcuts",
|
315
314
|
inputClassName: classNames({
|
316
|
-
[
|
315
|
+
[styles.filterWithTagsInput]: this.props.tags
|
317
316
|
}),
|
318
317
|
placeholder: typeof this.props.filter === 'object' ? this.props.filter.placeholder : undefined,
|
319
318
|
height: this.props.tags ? ControlsHeight.S : ControlsHeight.L,
|
@@ -348,8 +347,8 @@ class SelectPopup extends PureComponent {
|
|
348
347
|
}
|
349
348
|
getFilterWithTags() {
|
350
349
|
if (this.props.tags) {
|
351
|
-
const classes = classNames([
|
352
|
-
[
|
350
|
+
const classes = classNames([styles.filterWithTags, {
|
351
|
+
[styles.filterWithTagsFocused]: !this.state.popupFilterShortcutsOptions.disabled
|
353
352
|
}]);
|
354
353
|
return /*#__PURE__*/jsxs("div", {
|
355
354
|
className: classes,
|
@@ -366,11 +365,11 @@ class SelectPopup extends PureComponent {
|
|
366
365
|
} = this.props;
|
367
366
|
const hasMoreThanOneItem = data.length > 1;
|
368
367
|
return (loading || message) && /*#__PURE__*/jsxs("div", {
|
369
|
-
className: classNames(
|
370
|
-
[
|
368
|
+
className: classNames(styles.bottomLine, {
|
369
|
+
[styles.bottomLineOverItem]: hasMoreThanOneItem
|
371
370
|
}),
|
372
371
|
children: [loading && /*#__PURE__*/jsx(LoaderInline, {}), message && /*#__PURE__*/jsx("div", {
|
373
|
-
className:
|
372
|
+
className: styles.message,
|
374
373
|
children: message
|
375
374
|
})]
|
376
375
|
});
|
@@ -432,7 +431,7 @@ class SelectPopup extends PureComponent {
|
|
432
431
|
dir,
|
433
432
|
filter
|
434
433
|
} = this.props;
|
435
|
-
const classes = classNames(
|
434
|
+
const classes = classNames(styles.popup, className);
|
436
435
|
return /*#__PURE__*/jsx(PopupTargetContext.Consumer, {
|
437
436
|
children: ringPopupTarget => {
|
438
437
|
const filterWithTags = this.getFilterWithTags();
|
@@ -88,7 +88,7 @@ class Shortcuts {
|
|
88
88
|
*/
|
89
89
|
bindMap(map, options) {
|
90
90
|
if (!(map instanceof Object)) {
|
91
|
-
throw new Error(
|
91
|
+
throw new Error("Shortcuts map shouldn't be empty");
|
92
92
|
}
|
93
93
|
for (const key in map) {
|
94
94
|
if (map.hasOwnProperty(key)) {
|
@@ -14,7 +14,7 @@ import 'combokeys';
|
|
14
14
|
import '../global/sniffer.js';
|
15
15
|
import 'sniffr';
|
16
16
|
|
17
|
-
var
|
17
|
+
var styles = {"slider":"slider_rui_35ea","disabled":"disabled_rui_35ea","marked":"marked_rui_35ea","rail":"rail_rui_35ea","rounded":"rounded_rui_35ea","track":"track_rui_35ea","thumb":"thumb_rui_35ea resetButton_rui_f295","dragged":"dragged_rui_35ea","tick":"tick_rui_35ea","active":"active_rui_35ea","markValue":"markValue_rui_35ea","tag":"tag_rui_35ea"};
|
18
18
|
|
19
19
|
const Slider = _ref => {
|
20
20
|
let {
|
@@ -169,9 +169,9 @@ const Slider = _ref => {
|
|
169
169
|
ref: ref,
|
170
170
|
role: "presentation" // contains interactive elements
|
171
171
|
,
|
172
|
-
className: classNames(
|
173
|
-
[
|
174
|
-
[
|
172
|
+
className: classNames(styles.slider, className, {
|
173
|
+
[styles.disabled]: disabled,
|
174
|
+
[styles.marked]: !!marks || showTag
|
175
175
|
}),
|
176
176
|
tabIndex: -1,
|
177
177
|
onMouseDown: handleMouseDown,
|
@@ -179,18 +179,18 @@ const Slider = _ref => {
|
|
179
179
|
map: shortcutsMap,
|
180
180
|
scope: shortcutsScope
|
181
181
|
}), /*#__PURE__*/jsx("div", {
|
182
|
-
className: classNames(
|
183
|
-
[
|
184
|
-
[
|
182
|
+
className: classNames(styles.rail, {
|
183
|
+
[styles.rounded]: !showTicks,
|
184
|
+
[styles.disabled]: disabled
|
185
185
|
})
|
186
186
|
}), /*#__PURE__*/jsx("div", {
|
187
187
|
style: {
|
188
188
|
left: "".concat(trackStart, "%"),
|
189
189
|
width: "".concat(trackLength, "%")
|
190
190
|
},
|
191
|
-
className: classNames(
|
192
|
-
[
|
193
|
-
[
|
191
|
+
className: classNames(styles.track, {
|
192
|
+
[styles.rounded]: !showTicks,
|
193
|
+
[styles.disabled]: disabled
|
194
194
|
})
|
195
195
|
}), validValues.map((numValue, index) => {
|
196
196
|
const percent = toPercent(numValue, min, max);
|
@@ -209,17 +209,17 @@ const Slider = _ref => {
|
|
209
209
|
style: {
|
210
210
|
left: "".concat(percent, "%")
|
211
211
|
},
|
212
|
-
className: classNames(
|
213
|
-
[
|
214
|
-
[
|
212
|
+
className: classNames(styles.thumb, {
|
213
|
+
[styles.disabled]: disabled,
|
214
|
+
[styles.dragged]: isDragging && draggedIndex === index
|
215
215
|
}),
|
216
216
|
onMouseDown: handleMouseDown
|
217
217
|
}), showTag && /*#__PURE__*/jsx("div", {
|
218
218
|
style: {
|
219
219
|
left: "".concat(percent, "%")
|
220
220
|
},
|
221
|
-
className: classNames(
|
222
|
-
[
|
221
|
+
className: classNames(styles.tag, {
|
222
|
+
[styles.disabled]: disabled
|
223
223
|
}),
|
224
224
|
role: "tooltip",
|
225
225
|
children: renderTag ? renderTag(numValue) : numValue
|
@@ -236,8 +236,8 @@ const Slider = _ref => {
|
|
236
236
|
style: {
|
237
237
|
left: "".concat(percent, "%")
|
238
238
|
},
|
239
|
-
className: classNames(
|
240
|
-
[
|
239
|
+
className: classNames(styles.markValue, {
|
240
|
+
[styles.disabled]: disabled
|
241
241
|
}),
|
242
242
|
children: label !== null && label !== void 0 ? label : markValue
|
243
243
|
}, index);
|
@@ -248,9 +248,9 @@ const Slider = _ref => {
|
|
248
248
|
const percent = toPercent(tickValue, min, max);
|
249
249
|
const isActive = isRange ? tickValue >= validValues[0] && tickValue <= validValues[validValues.length - 1] : tickValue <= validValues[0];
|
250
250
|
return /*#__PURE__*/jsx("div", {
|
251
|
-
className: classNames(
|
252
|
-
[
|
253
|
-
[
|
251
|
+
className: classNames(styles.tick, {
|
252
|
+
[styles.active]: isActive,
|
253
|
+
[styles.disabled]: disabled
|
254
254
|
}),
|
255
255
|
style: {
|
256
256
|
left: "".concat(percent, "%")
|
@@ -21,7 +21,6 @@ import '../global/memoize.js';
|
|
21
21
|
import 'react/jsx-runtime';
|
22
22
|
import '../loader-inline/loader-inline.js';
|
23
23
|
import '../global/data-tests.js';
|
24
|
-
import 'core-js/modules/es.array.reduce.js';
|
25
24
|
import '../global/dom.js';
|
26
25
|
import '../button/button.js';
|
27
26
|
import '@jetbrains/icons/chevron-down';
|
@@ -20,7 +20,6 @@ import '../global/memoize.js';
|
|
20
20
|
import 'react/jsx-runtime';
|
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';
|