@jetbrains/ring-ui-built 7.0.7 → 7.0.9
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/README.md +1 -0
- package/components/_helpers/anchor.js +1 -1
- package/components/_helpers/button__classes.js +1 -1
- package/components/_helpers/caption.js +1 -1
- package/components/_helpers/card.js +1 -1
- package/components/_helpers/date-picker.js +1 -1
- package/components/_helpers/dialog__body-scroll-preventer.js +1 -1
- package/components/_helpers/grid.js +1 -1
- package/components/_helpers/header.js +1 -1
- package/components/_helpers/heading.js +1 -1
- package/components/_helpers/icon__svg.js +1 -1
- package/components/_helpers/input.js +1 -1
- package/components/_helpers/island.js +1 -1
- package/components/_helpers/link.js +1 -1
- package/components/_helpers/list.js +1 -1
- package/components/_helpers/query-assist__suggestions.js +1 -1
- package/components/_helpers/select__filter.js +1 -1
- package/components/_helpers/services-link.js +1 -1
- package/components/_helpers/sidebar.js +1 -1
- package/components/_helpers/tab-link.js +1 -1
- package/components/_helpers/table.js +1 -1
- package/components/_helpers/theme.js +4 -4
- package/components/_helpers/title.js +1 -1
- package/components/alert/alert.js +1 -1
- package/components/alert/container.js +1 -1
- package/components/auth/auth__core.js +1 -1
- package/components/auth/down-notification.js +1 -1
- package/components/auth-dialog/auth-dialog.js +1 -1
- package/components/avatar/avatar.js +1 -1
- package/components/breadcrumbs/breadcrumbs.js +1 -1
- package/components/button-set/button-set.js +1 -1
- package/components/button-toolbar/button-toolbar.js +1 -1
- package/components/checkbox/checkbox.js +1 -1
- package/components/clipboard/clipboard.js +1 -1
- package/components/code/code.js +2 -2
- package/components/collapse/collapse-content.d.ts +1 -2
- package/components/collapse/collapse-content.js +19 -8
- package/components/collapse/collapse.d.ts +2 -0
- package/components/collapse/collapse.js +10 -7
- package/components/confirm/confirm.js +1 -1
- package/components/confirm-service/confirm-service.js +1 -1
- package/components/control-help/control-help.js +1 -1
- package/components/control-label/control-label.js +1 -1
- package/components/data-list/data-list.js +2 -2
- package/components/date-picker/month-names.js +1 -1
- package/components/date-picker/months.js +1 -1
- package/components/date-picker/years.js +1 -1
- package/components/editable-heading/editable-heading.js +1 -1
- package/components/error-bubble/error-bubble.js +1 -1
- package/components/error-message/error-message.js +1 -1
- package/components/footer/footer.js +1 -1
- package/components/global/create-stateful-context.js +1 -1
- package/components/global/focus-sensor-hoc.js +1 -1
- package/components/group/group.js +1 -1
- package/components/header/services.js +1 -1
- package/components/heading/heading.js +1 -1
- package/components/i18n/i18n-context.js +1 -1
- package/components/input/input-legacy.js +1 -1
- package/components/island/adaptive-island-hoc.js +1 -1
- package/components/island/content.js +2 -2
- package/components/island/header.js +2 -2
- package/components/list/list.d.ts +0 -6
- package/components/list/list.js +3 -48
- package/components/list/list__item.js +2 -2
- package/components/loader/loader__core.js +1 -1
- package/components/loader-inline/loader-inline.js +1 -1
- package/components/loader-screen/loader-screen.js +1 -1
- package/components/login-dialog/login-dialog.js +1 -1
- package/components/markdown/markdown.js +1 -1
- package/components/message/message.js +1 -1
- package/components/old-browsers-message/white-list.js +2 -2
- package/components/pager/pager.js +1 -1
- package/components/panel/panel.js +1 -1
- package/components/popup/popup.d.ts +1 -0
- package/components/popup/popup.js +6 -4
- package/components/popup/position.js +2 -2
- package/components/popup-menu/popup-menu.d.ts +1 -0
- package/components/popup-menu/popup-menu.js +3 -5
- package/components/progress-bar/progress-bar.js +1 -1
- package/components/query-assist/query-assist.js +1 -4
- package/components/radio/radio__item.js +4 -4
- package/components/scrollable-section/scrollable-section.js +1 -1
- package/components/select/select.js +1 -4
- package/components/select/select__popup.js +1 -0
- package/components/slider/slider.js +2 -2
- package/components/style.css +1 -1
- package/components/tab-trap/tab-trap.js +1 -1
- package/components/table/selection-shortcuts-hoc.js +1 -1
- package/components/table/table.js +6 -4
- package/components/tabs/collapsible-more.d.ts +1 -1
- package/components/tabs/collapsible-more.js +3 -3
- package/components/tabs/collapsible-tab.js +1 -2
- package/components/tabs/collapsible-tabs.d.ts +1 -1
- package/components/tabs/dumb-tabs.d.ts +2 -5
- package/components/tabs/dumb-tabs.js +14 -12
- package/components/tag/tag.js +1 -1
- package/components/tags-input/tags-input.js +1 -1
- package/components/text/text.js +1 -1
- package/components/toggle/toggle.js +1 -1
- package/components/tooltip/tooltip.js +1 -1
- package/components/user-agreement/service.js +1 -1
- package/components/user-agreement/user-agreement.js +1 -1
- package/components/user-card/tooltip.js +1 -1
- package/package.json +2 -2
@@ -5,7 +5,7 @@ import { isNodeInVisiblePartOfPage } from '../global/dom.js';
|
|
5
5
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
6
6
|
import 'core-js/modules/es.regexp.exec.js';
|
7
7
|
|
8
|
-
var styles = {"trapButton":"
|
8
|
+
var styles = {"trapButton":"trapButton_rui_3588"};
|
9
9
|
|
10
10
|
const _excluded = ["children", "trapDisabled", "autoFocusFirst", "focusBackOnClose", "focusBackOnExit"];
|
11
11
|
const FOCUSABLE_ELEMENTS = 'input, button, select, textarea, a[href], *[tabindex]:not([data-trap-button]):not([data-scrollable-container])';
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { b as _objectSpread2, _ as _defineProperty, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
2
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
3
3
|
import { PureComponent } from 'react';
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import { _ as _defineProperty,
|
1
|
+
import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
2
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
3
|
-
import { PureComponent, createElement
|
3
|
+
import { Component, PureComponent, createElement } from 'react';
|
4
4
|
import classNames from 'classnames';
|
5
5
|
import { arrayMove, List } from 'react-movable';
|
6
6
|
import focusSensorHOC from '../global/focus-sensor-hoc.js';
|
@@ -12,7 +12,7 @@ import { s as style } from '../_helpers/table.js';
|
|
12
12
|
import selectionShortcutsHOC from './selection-shortcuts-hoc.js';
|
13
13
|
import disableHoverHOC from './disable-hover-hoc.js';
|
14
14
|
import RowWithFocusSensorCallbacks from './row-with-focus-sensor.js';
|
15
|
-
import {
|
15
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
16
16
|
import '../global/composeRefs.js';
|
17
17
|
import 'memoize-one';
|
18
18
|
import '../shortcuts/core.js';
|
@@ -313,7 +313,9 @@ class Table extends PureComponent {
|
|
313
313
|
onChange: this.onSortEnd
|
314
314
|
}) : renderList({
|
315
315
|
children: data.map((value, index) => renderItem({
|
316
|
-
value
|
316
|
+
value,
|
317
|
+
index
|
318
|
+
}))
|
317
319
|
})
|
318
320
|
}), loading && /*#__PURE__*/jsx("div", {
|
319
321
|
className: style.loadingOverlay,
|
@@ -10,7 +10,7 @@ export declare const AnchorLink: ({ hasActiveChildren, moreClassName, moreActive
|
|
10
10
|
export interface MoreButtonProps {
|
11
11
|
items: ReactElement<TabProps>[];
|
12
12
|
selected?: string | undefined;
|
13
|
-
onSelect
|
13
|
+
onSelect?: ((key: string) => () => void) | null | undefined;
|
14
14
|
moreClassName?: string | null | undefined;
|
15
15
|
moreActiveClassName?: string | null | undefined;
|
16
16
|
morePopupClassName?: string | null | undefined;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
|
-
import { memo,
|
2
|
+
import { memo, useMemo } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import { Directions } from '../popup/popup.consts.js';
|
5
5
|
import PopupMenu, { ListProps } from '../popup-menu/popup-menu.js';
|
@@ -95,13 +95,13 @@ const MoreButton = /*#__PURE__*/memo(_ref2 => {
|
|
95
95
|
morePopupItemClassName,
|
96
96
|
morePopupBeforeEnd
|
97
97
|
} = _ref2;
|
98
|
-
const onSelectHandler =
|
98
|
+
const onSelectHandler = useMemo(() => onSelect != null ? listItem => {
|
99
99
|
if (listItem.disabled === true || listItem.custom === true) {
|
100
100
|
return;
|
101
101
|
}
|
102
102
|
const cb = onSelect(String(listItem.key));
|
103
103
|
cb();
|
104
|
-
}, [onSelect]);
|
104
|
+
} : undefined, [onSelect]);
|
105
105
|
const hasActiveChild = useMemo(() => items.some(item => item.props.alwaysHidden && item.props.id === selected), [items, selected]);
|
106
106
|
const data = useMemo(() => {
|
107
107
|
const popupItems = getTabTitles({
|
@@ -11,12 +11,11 @@ import '../link/clickableLink.js';
|
|
11
11
|
import '../_helpers/link.js';
|
12
12
|
|
13
13
|
const _excluded = ["items", "selected", "collapsed", "onSelect"];
|
14
|
-
function noop() {}
|
15
14
|
const TabTitle = /*#__PURE__*/React.memo(function TabTitle(_ref) {
|
16
15
|
let {
|
17
16
|
selected,
|
18
17
|
child,
|
19
|
-
handleSelect
|
18
|
+
handleSelect,
|
20
19
|
collapsed = false,
|
21
20
|
tabIndex
|
22
21
|
} = _ref;
|
@@ -3,7 +3,7 @@ import { TabProps } from './tab';
|
|
3
3
|
export interface CollapsibleTabsProps {
|
4
4
|
children: ReactElement<TabProps>[];
|
5
5
|
selected?: string | undefined;
|
6
|
-
onSelect
|
6
|
+
onSelect?: ((key: string) => () => void) | undefined;
|
7
7
|
moreClassName?: string | null | undefined;
|
8
8
|
moreActiveClassName?: string | null | undefined;
|
9
9
|
morePopupClassName?: string | null | undefined;
|
@@ -7,17 +7,14 @@ export { CustomItem };
|
|
7
7
|
export type Children = readonly (Children | null | boolean)[] | ReactElement<TabProps> | null | boolean;
|
8
8
|
export interface TabsProps extends Omit<CollapsibleTabsProps, 'onSelect' | 'children'> {
|
9
9
|
children: Children;
|
10
|
-
onSelect
|
10
|
+
onSelect?: ((key: string) => void) | null | undefined;
|
11
11
|
className?: string | null | undefined;
|
12
12
|
tabContainerClassName?: string | null | undefined;
|
13
13
|
autoCollapse?: boolean | null | undefined;
|
14
14
|
'data-test'?: string | null | undefined;
|
15
15
|
}
|
16
16
|
declare class Tabs extends PureComponent<TabsProps> {
|
17
|
-
|
18
|
-
onSelect(): void;
|
19
|
-
};
|
20
|
-
handleSelect: (arg: string) => () => void;
|
17
|
+
handleSelect: (arg: string) => () => void | undefined;
|
21
18
|
getTabTitle: (child: ReactElement<TabProps>, i: number) => React.JSX.Element;
|
22
19
|
render(): React.JSX.Element;
|
23
20
|
}
|
@@ -71,17 +71,21 @@ import '../global/controls-height.js';
|
|
71
71
|
import '../_helpers/button__classes.js';
|
72
72
|
import './collapsible-tab.js';
|
73
73
|
|
74
|
-
const _excluded = ["className", "tabContainerClassName", "children", "selected", "autoCollapse", "data-test"];
|
74
|
+
const _excluded = ["className", "tabContainerClassName", "children", "selected", "autoCollapse", "data-test", "onSelect"];
|
75
75
|
class Tabs extends PureComponent {
|
76
76
|
constructor() {
|
77
77
|
super(...arguments);
|
78
|
-
_defineProperty(this, "handleSelect", memoize(key => () =>
|
78
|
+
_defineProperty(this, "handleSelect", memoize(key => () => {
|
79
|
+
var _this$props$onSelect, _this$props;
|
80
|
+
return (_this$props$onSelect = (_this$props = this.props).onSelect) === null || _this$props$onSelect === void 0 ? void 0 : _this$props$onSelect.call(_this$props, key);
|
81
|
+
}));
|
79
82
|
_defineProperty(this, "getTabTitle", (child, i) => {
|
80
83
|
if (child == null || typeof child !== 'object' || child.type === CustomItem) {
|
81
84
|
return child;
|
82
85
|
}
|
83
86
|
const {
|
84
|
-
selected
|
87
|
+
selected,
|
88
|
+
onSelect
|
85
89
|
} = this.props;
|
86
90
|
const {
|
87
91
|
title,
|
@@ -103,28 +107,29 @@ class Tabs extends PureComponent {
|
|
103
107
|
href: href,
|
104
108
|
className: titleClasses,
|
105
109
|
disabled: disabled,
|
106
|
-
onPlainLeftClick: this.handleSelect(key)
|
110
|
+
onPlainLeftClick: onSelect != null ? this.handleSelect(key) : undefined
|
107
111
|
}, titleProps), key);
|
108
112
|
});
|
109
113
|
}
|
110
114
|
render() {
|
111
|
-
const _this$
|
115
|
+
const _this$props2 = this.props,
|
112
116
|
{
|
113
117
|
className,
|
114
118
|
tabContainerClassName,
|
115
119
|
children,
|
116
120
|
selected,
|
117
121
|
autoCollapse,
|
118
|
-
'data-test': dataTest
|
119
|
-
|
120
|
-
|
122
|
+
'data-test': dataTest,
|
123
|
+
onSelect
|
124
|
+
} = _this$props2,
|
125
|
+
restProps = _objectWithoutProperties(_this$props2, _excluded);
|
121
126
|
const classes = classNames(styles.tabs, className);
|
122
127
|
const childrenArray = React.Children.toArray(children).filter(Boolean);
|
123
128
|
return /*#__PURE__*/jsxs("div", {
|
124
129
|
className: classes,
|
125
130
|
"data-test": joinDataTestAttributes('ring-dumb-tabs', dataTest),
|
126
131
|
children: [autoCollapse === true ? /*#__PURE__*/jsx(CollapsibleTabs, _objectSpread2(_objectSpread2({}, restProps), {}, {
|
127
|
-
onSelect: this.handleSelect,
|
132
|
+
onSelect: onSelect != null ? this.handleSelect : undefined,
|
128
133
|
selected: selected,
|
129
134
|
children: childrenArray
|
130
135
|
})) : /*#__PURE__*/jsx("div", {
|
@@ -142,8 +147,5 @@ class Tabs extends PureComponent {
|
|
142
147
|
});
|
143
148
|
}
|
144
149
|
}
|
145
|
-
_defineProperty(Tabs, "defaultProps", {
|
146
|
-
onSelect() {}
|
147
|
-
});
|
148
150
|
|
149
151
|
export { CustomItem, Tabs as default };
|
package/components/tag/tag.js
CHANGED
@@ -18,7 +18,7 @@ import '@jetbrains/icons/chevron-12px-down';
|
|
18
18
|
import '../link/clickableLink.js';
|
19
19
|
import '../_helpers/button__classes.js';
|
20
20
|
|
21
|
-
var styles = {"tag":"
|
21
|
+
var styles = {"tag":"tag_rui_2f49 resetButton_rui_8bff","withRemove":"withRemove_rui_2f49","container":"container_rui_2f49","focused":"focused_rui_2f49","content":"content_rui_2f49 ellipsis_rui_8bff","disabled":"disabled_rui_2f49","remove":"remove_rui_2f49","removeIcon":"removeIcon_rui_2f49","icon":"icon_rui_2f49","avatarContainer":"avatarContainer_rui_2f49","customIcon":"customIcon_rui_2f49","avatarIcon":"avatarIcon_rui_2f49"};
|
22
22
|
|
23
23
|
class Tag extends PureComponent {
|
24
24
|
constructor() {
|
@@ -82,7 +82,7 @@ import '../text/text.js';
|
|
82
82
|
import '../_helpers/select__filter.js';
|
83
83
|
import '../tag/tag.js';
|
84
84
|
|
85
|
-
var styles = {"outerContainer":"
|
85
|
+
var styles = {"outerContainer":"outerContainer_rui_e356","container":"container_rui_e356","input":"input_rui_e356","tagsInput":"tagsInput_rui_1a67","tagsInputDisabled":"tagsInputDisabled_rui_1a67","tagsInputFocused":"tagsInputFocused_rui_1a67","tagsList":"tagsList_rui_1a67","tagsSelect":"tagsSelect_rui_1a67"};
|
86
86
|
|
87
87
|
function noop() {}
|
88
88
|
/**
|
package/components/text/text.js
CHANGED
@@ -3,7 +3,7 @@ import { Component } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
5
5
|
|
6
|
-
var styles = {"text":"
|
6
|
+
var styles = {"text":"text_rui_6f30","sizeS":"sizeS_rui_6f30","sizeM":"sizeM_rui_6f30","sizeL":"sizeL_rui_6f30","info":"info_rui_6f30","bold":"bold_rui_6f30"};
|
7
7
|
|
8
8
|
const _excluded = ["children", "className", "info", "size", "bold"];
|
9
9
|
const TextSize = {
|
@@ -6,7 +6,7 @@ import ControlHelp from '../control-help/control-help.js';
|
|
6
6
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
7
7
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
8
8
|
|
9
|
-
var styles = {"toggle":"
|
9
|
+
var styles = {"toggle":"toggle_rui_773f","switch":"switch_rui_773f","disabled":"disabled_rui_773f","label":"label_rui_773f","help":"help_rui_773f","leftLabel":"leftLabel_rui_773f","switchWrapper":"switchWrapper_rui_773f","input":"input_rui_773f","size16":"size16_rui_773f","size14":"size14_rui_773f","size20":"size20_rui_773f"};
|
10
10
|
|
11
11
|
const _excluded = ["className", "children", "disabled", "title", "leftLabel", "size", "data-test", "help", "onTransitionEnd"];
|
12
12
|
const Size = {
|
@@ -23,7 +23,7 @@ import 'core-js/modules/es.array.sort.js';
|
|
23
23
|
import '../popup/popup.consts.js';
|
24
24
|
import '../popup/popup.target.js';
|
25
25
|
|
26
|
-
var styles = {"tooltip":"
|
26
|
+
var styles = {"tooltip":"tooltip_rui_64ba","long":"long_rui_64ba"};
|
27
27
|
|
28
28
|
const _excluded = ["children", "data-test", "title", "delay", "theme", "selfOverflowOnly", "popupProps", "long"];
|
29
29
|
const scheduleScroll = scheduleRAF();
|
@@ -8,7 +8,7 @@ import Alert from '../alert/alert.js';
|
|
8
8
|
import Group from '../group/group.js';
|
9
9
|
import { ControlsHeightContext, getGlobalControlsHeight } from '../global/controls-height.js';
|
10
10
|
import UserAgreement from './user-agreement.js';
|
11
|
-
import {
|
11
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
12
12
|
import '../global/get-uid.js';
|
13
13
|
import '../alert/container.js';
|
14
14
|
import 'react';
|
@@ -43,7 +43,7 @@ import '../global/controls-height.js';
|
|
43
43
|
import '../_helpers/button__classes.js';
|
44
44
|
import '../i18n/i18n.js';
|
45
45
|
|
46
|
-
var style = {"extra-small-screen-media":"(max-width: 639px)","agreementDialog":"
|
46
|
+
var style = {"extra-small-screen-media":"(max-width: 639px)","agreementDialog":"agreementDialog_rui_a19e","dialogContent":"dialogContent_rui_a19e","suggestion":"suggestion_rui_a19e","remindLaterButton":"remindLaterButton_rui_a19e"};
|
47
47
|
|
48
48
|
function noop() {}
|
49
49
|
/**
|
@@ -3,7 +3,7 @@ import { Component } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import Dropdown from '../dropdown/dropdown.js';
|
5
5
|
import Popup from '../popup/popup.js';
|
6
|
-
import {
|
6
|
+
import { s as styles, U as UserCard } from '../_helpers/card.js';
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
8
8
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
9
9
|
import '../global/data-tests.js';
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@jetbrains/ring-ui-built",
|
3
|
-
"version": "7.0.
|
3
|
+
"version": "7.0.9",
|
4
4
|
"description": "JetBrains UI library",
|
5
5
|
"author": "JetBrains",
|
6
6
|
"license": "Apache-2.0",
|
@@ -89,7 +89,7 @@
|
|
89
89
|
}
|
90
90
|
},
|
91
91
|
"dependencies": {
|
92
|
-
"@jetbrains/icons": "^5.
|
92
|
+
"@jetbrains/icons": "^5.3.0",
|
93
93
|
"change-case": "^4.1.1",
|
94
94
|
"classnames": "^2.5.1",
|
95
95
|
"combokeys": "^3.0.1",
|