@jetbrains/ring-ui 5.0.152 → 5.0.154
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/control-label/control-label.css +23 -0
- package/components/control-label/control-label.d.ts +11 -0
- package/components/control-label/control-label.js +22 -0
- package/components/input/input.css +0 -15
- package/components/input/input.d.ts +2 -0
- package/components/input/input.js +3 -3
- package/components/input-ng/input-ng.js +2 -1
- package/components/select/select.d.ts +6 -0
- package/components/select/select.js +8 -4
- package/components/select/select__popup.d.ts +1 -0
- package/components/select/select__popup.js +4 -2
- package/components/tags-input/tags-input.d.ts +2 -0
- package/components/tags-input/tags-input.js +3 -4
- package/dist/_helpers/control-label.js +3 -0
- package/dist/_helpers/input.js +1 -1
- package/dist/control-label/control-label.d.ts +11 -0
- package/dist/control-label/control-label.js +35 -0
- package/dist/date-picker/date-input.js +2 -1
- package/dist/date-picker/date-picker.js +2 -1
- package/dist/date-picker/date-popup.js +2 -1
- package/dist/editable-heading/editable-heading.js +2 -1
- package/dist/input/input.d.ts +2 -0
- package/dist/input/input.js +6 -4
- package/dist/input-ng/input-ng.js +2 -1
- package/dist/old-browsers-message/white-list.js +2 -2
- package/dist/pager/pager.js +2 -1
- package/dist/pager-ng/pager-ng.js +2 -1
- package/dist/query-assist/query-assist.js +2 -1
- package/dist/query-assist-ng/query-assist-ng.js +2 -1
- package/dist/select/select.d.ts +6 -0
- package/dist/select/select.js +11 -5
- package/dist/select/select__filter.js +2 -1
- package/dist/select/select__popup.d.ts +1 -0
- package/dist/select/select__popup.js +6 -1
- package/dist/select-ng/select-ng.js +2 -1
- package/dist/select-ng/select-ng__lazy.js +2 -1
- package/dist/shortcuts-hint-ng/shortcuts-hint-ng.js +1 -0
- package/dist/style.css +1 -1
- package/dist/table-legacy-ng/table-legacy-ng.js +2 -1
- package/dist/table-legacy-ng/table-legacy-ng__pager.js +2 -1
- package/dist/tags-input/tags-input.d.ts +2 -0
- package/dist/tags-input/tags-input.js +6 -5
- package/dist/tags-input-ng/tags-input-ng.js +2 -1
- package/package.json +7 -7
- package/components/input/input-label.d.ts +0 -10
- package/components/input/input-label.js +0 -18
- package/dist/input/input-label.d.ts +0 -10
- package/dist/input/input-label.js +0 -27
|
@@ -90,8 +90,9 @@ import '../list/consts.js';
|
|
|
90
90
|
import '../input/input.js';
|
|
91
91
|
import '../i18n/i18n-context.js';
|
|
92
92
|
import '../i18n/i18n.js';
|
|
93
|
+
import '../control-label/control-label.js';
|
|
94
|
+
import '../_helpers/control-label.js';
|
|
93
95
|
import '../_helpers/input.js';
|
|
94
|
-
import '../input/input-label.js';
|
|
95
96
|
import '../global/rerender-hoc.js';
|
|
96
97
|
import '../global/fuzzy-highlight.js';
|
|
97
98
|
import '../select/select__popup.js';
|
|
@@ -80,8 +80,9 @@ import '../list/consts.js';
|
|
|
80
80
|
import '../input/input.js';
|
|
81
81
|
import '../i18n/i18n-context.js';
|
|
82
82
|
import '../i18n/i18n.js';
|
|
83
|
+
import '../control-label/control-label.js';
|
|
84
|
+
import '../_helpers/control-label.js';
|
|
83
85
|
import '../_helpers/input.js';
|
|
84
|
-
import '../input/input-label.js';
|
|
85
86
|
import '../global/rerender-hoc.js';
|
|
86
87
|
import '../global/fuzzy-highlight.js';
|
|
87
88
|
import '../select/select__popup.js';
|
|
@@ -7,6 +7,7 @@ import { Size } from '../input/input';
|
|
|
7
7
|
import { ControlsHeight } from '../global/controls-height';
|
|
8
8
|
import { Filter } from '../select/select__popup';
|
|
9
9
|
import { TagAttrs } from '../tag/tag';
|
|
10
|
+
import { LabelType } from '../control-label/control-label';
|
|
10
11
|
declare function noop(): void;
|
|
11
12
|
export interface ToggleTagParams {
|
|
12
13
|
tag: TagType;
|
|
@@ -36,6 +37,7 @@ export interface TagsInputProps {
|
|
|
36
37
|
size: Size;
|
|
37
38
|
height?: ControlsHeight | undefined;
|
|
38
39
|
label?: ReactNode;
|
|
40
|
+
labelType?: LabelType;
|
|
39
41
|
}
|
|
40
42
|
interface TagsInputState {
|
|
41
43
|
tags: TagType[];
|
|
@@ -11,6 +11,7 @@ import { Size } from '../input/input.js';
|
|
|
11
11
|
import { ControlsHeightContext } from '../global/controls-height.js';
|
|
12
12
|
import getUID from '../global/get-uid.js';
|
|
13
13
|
import { m as modules_88cfaf40 } from '../_helpers/input.js';
|
|
14
|
+
import { ControlLabel } from '../control-label/control-label.js';
|
|
14
15
|
import '../_helpers/_rollupPluginBabelHelpers.js';
|
|
15
16
|
import '@jetbrains/icons/chevron-down';
|
|
16
17
|
import '@jetbrains/icons/close-12px';
|
|
@@ -67,7 +68,6 @@ import '../list/list__title.js';
|
|
|
67
68
|
import '../list/list__separator.js';
|
|
68
69
|
import '../list/list__hint.js';
|
|
69
70
|
import '../list/consts.js';
|
|
70
|
-
import '../input/input-label.js';
|
|
71
71
|
import '../global/fuzzy-highlight.js';
|
|
72
72
|
import '../i18n/i18n-context.js';
|
|
73
73
|
import '../i18n/i18n.js';
|
|
@@ -79,6 +79,7 @@ import '../shortcuts/shortcuts-hoc.js';
|
|
|
79
79
|
import '../text/text.js';
|
|
80
80
|
import '../_helpers/select__filter.js';
|
|
81
81
|
import '../tag/tag.js';
|
|
82
|
+
import '../_helpers/control-label.js';
|
|
82
83
|
import '../global/react-render-adapter.js';
|
|
83
84
|
|
|
84
85
|
var modules_5aa8aaf3 = {"unit":"i__const_unit_0","outerContainer":"outerContainer_rui_e356","container":"container_rui_e356","input":"input_rui_e356","light":"light_rui_2ac4","tagsInput":"tagsInput_rui_1a67","tagsInputDisabled":"tagsInputDisabled_rui_1a67","tagsInputFocused":"tagsInputFocused_rui_1a67","tagsList":"tagsList_rui_1a67","tagsSelect":"tagsSelect_rui_1a67"};
|
|
@@ -371,6 +372,7 @@ class TagsInput extends PureComponent {
|
|
|
371
372
|
allowAddNewTags,
|
|
372
373
|
filter,
|
|
373
374
|
size,
|
|
375
|
+
labelType,
|
|
374
376
|
height = this.context,
|
|
375
377
|
label
|
|
376
378
|
} = this.props;
|
|
@@ -385,11 +387,10 @@ class TagsInput extends PureComponent {
|
|
|
385
387
|
onKeyDown: this.handleKeyDown,
|
|
386
388
|
onClick: this.clickHandler,
|
|
387
389
|
ref: this.nodeRef
|
|
388
|
-
}, label && /*#__PURE__*/React.createElement(
|
|
390
|
+
}, label && /*#__PURE__*/React.createElement(ControlLabel, {
|
|
389
391
|
htmlFor: this.id,
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
})
|
|
392
|
+
disabled: disabled,
|
|
393
|
+
type: labelType
|
|
393
394
|
}, label), /*#__PURE__*/React.createElement(TagsList, {
|
|
394
395
|
tags: tags,
|
|
395
396
|
activeIndex: activeIndex,
|
|
@@ -71,8 +71,9 @@ import '../list/consts.js';
|
|
|
71
71
|
import '../input/input.js';
|
|
72
72
|
import '../i18n/i18n-context.js';
|
|
73
73
|
import '../i18n/i18n.js';
|
|
74
|
+
import '../control-label/control-label.js';
|
|
75
|
+
import '../_helpers/control-label.js';
|
|
74
76
|
import '../_helpers/input.js';
|
|
75
|
-
import '../input/input-label.js';
|
|
76
77
|
import '../global/rerender-hoc.js';
|
|
77
78
|
import '../global/fuzzy-highlight.js';
|
|
78
79
|
import '../select/select__popup.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetbrains/ring-ui",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.154",
|
|
4
4
|
"description": "JetBrains UI library",
|
|
5
5
|
"author": "JetBrains",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
"@types/sinon": "^10.0.15",
|
|
111
111
|
"@types/sinon-chai": "^3.2.9",
|
|
112
112
|
"@typescript-eslint/eslint-plugin": "^5.61.0",
|
|
113
|
-
"@typescript-eslint/parser": "^
|
|
113
|
+
"@typescript-eslint/parser": "^6.0.0",
|
|
114
114
|
"@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
|
|
115
115
|
"acorn": "^8.10.0",
|
|
116
116
|
"angular": "^1.8.3",
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
"angular-route": "^1.8.3",
|
|
119
119
|
"babel-plugin-react-docgen": "^4.2.1",
|
|
120
120
|
"babel-plugin-require-context-hook": "^1.0.0",
|
|
121
|
-
"caniuse-lite": "^1.0.
|
|
121
|
+
"caniuse-lite": "^1.0.30001515",
|
|
122
122
|
"chai": "^4.3.7",
|
|
123
123
|
"chai-as-promised": "^7.1.1",
|
|
124
124
|
"chai-dom": "^1.10.0",
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
"mocha": "^10.2.0",
|
|
156
156
|
"pinst": "^3.0.0",
|
|
157
157
|
"prettier": "^3.0.0",
|
|
158
|
-
"puppeteer": "^20.8.
|
|
158
|
+
"puppeteer": "^20.8.1",
|
|
159
159
|
"raw-loader": "^4.0.2",
|
|
160
160
|
"react": "^18.2.0",
|
|
161
161
|
"react-dom": "^18.2.0",
|
|
@@ -170,7 +170,7 @@
|
|
|
170
170
|
"storage-mock": "^2.1.0",
|
|
171
171
|
"storybook": "^7.0.26",
|
|
172
172
|
"storybook-addon-themes": "^6.1.0",
|
|
173
|
-
"storybook-zeplin": "^2.0.
|
|
173
|
+
"storybook-zeplin": "^2.0.2",
|
|
174
174
|
"stylelint": "^15.10.1",
|
|
175
175
|
"svg-inline-loader": "^0.8.2",
|
|
176
176
|
"teamcity-service-messages": "^0.1.14",
|
|
@@ -215,7 +215,7 @@
|
|
|
215
215
|
"@types/react-virtualized": "9.21.22",
|
|
216
216
|
"@types/util-deprecate": "^1.0.0",
|
|
217
217
|
"@ungap/url-search-params": "^0.2.2",
|
|
218
|
-
"babel-loader": "9.1.
|
|
218
|
+
"babel-loader": "9.1.3",
|
|
219
219
|
"babel-plugin-transform-define": "^2.1.2",
|
|
220
220
|
"browserslist": "^4.21.9",
|
|
221
221
|
"change-case": "^4.1.1",
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
"css-loader": "^6.8.1",
|
|
226
226
|
"csstype": "^3.1.2",
|
|
227
227
|
"date-fns": "^2.30.0",
|
|
228
|
-
"deep-equal": "^2.2.
|
|
228
|
+
"deep-equal": "^2.2.2",
|
|
229
229
|
"element-resize-detector": "^1.2.4",
|
|
230
230
|
"es6-error": "^4.1.1",
|
|
231
231
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React, { PureComponent, ReactNode } from 'react';
|
|
2
|
-
interface InputLabelProps {
|
|
3
|
-
htmlFor?: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
label: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare class InputLabel extends PureComponent<InputLabelProps> {
|
|
8
|
-
render(): React.JSX.Element;
|
|
9
|
-
}
|
|
10
|
-
export default InputLabel;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React, { PureComponent } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import styles from './input.css';
|
|
5
|
-
export class InputLabel extends PureComponent {
|
|
6
|
-
render() {
|
|
7
|
-
const { htmlFor, label, disabled } = this.props;
|
|
8
|
-
return (<label htmlFor={htmlFor} className={classNames(styles.label, {
|
|
9
|
-
[styles.disabledLabel]: disabled
|
|
10
|
-
})}>{label}</label>);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
InputLabel.propTypes = {
|
|
14
|
-
label: PropTypes.node,
|
|
15
|
-
disabled: PropTypes.bool,
|
|
16
|
-
id: PropTypes.string
|
|
17
|
-
};
|
|
18
|
-
export default InputLabel;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React, { PureComponent, ReactNode } from 'react';
|
|
2
|
-
interface InputLabelProps {
|
|
3
|
-
htmlFor?: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
label: ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare class InputLabel extends PureComponent<InputLabelProps> {
|
|
8
|
-
render(): React.JSX.Element;
|
|
9
|
-
}
|
|
10
|
-
export default InputLabel;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import React, { PureComponent } from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
import { m as modules_88cfaf40 } from '../_helpers/input.js';
|
|
5
|
-
|
|
6
|
-
class InputLabel extends PureComponent {
|
|
7
|
-
render() {
|
|
8
|
-
const {
|
|
9
|
-
htmlFor,
|
|
10
|
-
label,
|
|
11
|
-
disabled
|
|
12
|
-
} = this.props;
|
|
13
|
-
return /*#__PURE__*/React.createElement("label", {
|
|
14
|
-
htmlFor: htmlFor,
|
|
15
|
-
className: classNames(modules_88cfaf40.label, {
|
|
16
|
-
[modules_88cfaf40.disabledLabel]: disabled
|
|
17
|
-
})
|
|
18
|
-
}, label);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
InputLabel.propTypes = {
|
|
22
|
-
label: PropTypes.node,
|
|
23
|
-
disabled: PropTypes.bool,
|
|
24
|
-
id: PropTypes.string
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export { InputLabel, InputLabel as default };
|