@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.
Files changed (48) hide show
  1. package/components/control-label/control-label.css +23 -0
  2. package/components/control-label/control-label.d.ts +11 -0
  3. package/components/control-label/control-label.js +22 -0
  4. package/components/input/input.css +0 -15
  5. package/components/input/input.d.ts +2 -0
  6. package/components/input/input.js +3 -3
  7. package/components/input-ng/input-ng.js +2 -1
  8. package/components/select/select.d.ts +6 -0
  9. package/components/select/select.js +8 -4
  10. package/components/select/select__popup.d.ts +1 -0
  11. package/components/select/select__popup.js +4 -2
  12. package/components/tags-input/tags-input.d.ts +2 -0
  13. package/components/tags-input/tags-input.js +3 -4
  14. package/dist/_helpers/control-label.js +3 -0
  15. package/dist/_helpers/input.js +1 -1
  16. package/dist/control-label/control-label.d.ts +11 -0
  17. package/dist/control-label/control-label.js +35 -0
  18. package/dist/date-picker/date-input.js +2 -1
  19. package/dist/date-picker/date-picker.js +2 -1
  20. package/dist/date-picker/date-popup.js +2 -1
  21. package/dist/editable-heading/editable-heading.js +2 -1
  22. package/dist/input/input.d.ts +2 -0
  23. package/dist/input/input.js +6 -4
  24. package/dist/input-ng/input-ng.js +2 -1
  25. package/dist/old-browsers-message/white-list.js +2 -2
  26. package/dist/pager/pager.js +2 -1
  27. package/dist/pager-ng/pager-ng.js +2 -1
  28. package/dist/query-assist/query-assist.js +2 -1
  29. package/dist/query-assist-ng/query-assist-ng.js +2 -1
  30. package/dist/select/select.d.ts +6 -0
  31. package/dist/select/select.js +11 -5
  32. package/dist/select/select__filter.js +2 -1
  33. package/dist/select/select__popup.d.ts +1 -0
  34. package/dist/select/select__popup.js +6 -1
  35. package/dist/select-ng/select-ng.js +2 -1
  36. package/dist/select-ng/select-ng__lazy.js +2 -1
  37. package/dist/shortcuts-hint-ng/shortcuts-hint-ng.js +1 -0
  38. package/dist/style.css +1 -1
  39. package/dist/table-legacy-ng/table-legacy-ng.js +2 -1
  40. package/dist/table-legacy-ng/table-legacy-ng__pager.js +2 -1
  41. package/dist/tags-input/tags-input.d.ts +2 -0
  42. package/dist/tags-input/tags-input.js +6 -5
  43. package/dist/tags-input-ng/tags-input-ng.js +2 -1
  44. package/package.json +7 -7
  45. package/components/input/input-label.d.ts +0 -10
  46. package/components/input/input-label.js +0 -18
  47. package/dist/input/input-label.d.ts +0 -10
  48. 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("label", {
390
+ }, label && /*#__PURE__*/React.createElement(ControlLabel, {
389
391
  htmlFor: this.id,
390
- className: classNames(modules_88cfaf40.label, {
391
- [modules_88cfaf40.disabledLabel]: disabled
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.152",
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": "^5.61.0",
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.30001513",
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.0",
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.1",
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.2",
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.1",
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 };