@jetbrains/ring-ui-built 7.0.0-beta.1 → 7.0.0-beta.3

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 (241) hide show
  1. package/components/_helpers/_rollupPluginBabelHelpers.js +1 -504
  2. package/components/_helpers/anchor.js +7 -5
  3. package/components/_helpers/button__classes.js +15 -13
  4. package/components/_helpers/caption.js +11 -17
  5. package/components/_helpers/card.js +92 -96
  6. package/components/_helpers/dialog__body-scroll-preventer.js +10 -17
  7. package/components/_helpers/header.js +1 -1
  8. package/components/_helpers/icon__svg.js +27 -23
  9. package/components/_helpers/input.js +150 -171
  10. package/components/_helpers/query-assist__suggestions.js +78 -93
  11. package/components/_helpers/select__filter.js +56 -67
  12. package/components/_helpers/services-link.js +23 -29
  13. package/components/_helpers/sidebar.js +91 -93
  14. package/components/_helpers/tab-link.js +8 -6
  15. package/components/_helpers/theme.js +55 -51
  16. package/components/_helpers/title.js +59 -69
  17. package/components/alert/alert.js +112 -156
  18. package/components/alert/container.js +32 -39
  19. package/components/alert-service/alert-service.js +104 -161
  20. package/components/analytics/analytics.js +12 -20
  21. package/components/analytics/analytics__custom-plugin.js +52 -68
  22. package/components/auth/auth.js +2 -27
  23. package/components/auth/auth__core.d.ts +1 -1
  24. package/components/auth/auth__core.js +742 -1428
  25. package/components/auth/background-flow.js +84 -121
  26. package/components/auth/down-notification.js +31 -69
  27. package/components/auth/iframe-flow.js +70 -123
  28. package/components/auth/request-builder.js +46 -77
  29. package/components/auth/response-parser.js +84 -112
  30. package/components/auth/storage.js +160 -318
  31. package/components/auth/token-validator.js +132 -227
  32. package/components/auth/window-flow.js +84 -121
  33. package/components/auth-dialog/auth-dialog.js +99 -150
  34. package/components/auth-dialog-service/auth-dialog-service.js +6 -26
  35. package/components/avatar/avatar-example-datauri.js +1 -1
  36. package/components/avatar/avatar.js +94 -123
  37. package/components/avatar/fallback-avatar.js +20 -34
  38. package/components/badge/badge.js +32 -38
  39. package/components/breadcrumbs/breadcrumbs.js +13 -17
  40. package/components/button/button.js +67 -80
  41. package/components/button-group/button-group.js +27 -36
  42. package/components/button-set/button-set.js +19 -27
  43. package/components/button-toolbar/button-toolbar.js +17 -25
  44. package/components/caret/caret.js +184 -211
  45. package/components/checkbox/checkbox.js +69 -86
  46. package/components/clipboard/clipboard-fallback.js +7 -7
  47. package/components/clipboard/clipboard.js +36 -128
  48. package/components/code/code.js +83 -151
  49. package/components/collapse/collapse-content.js +42 -60
  50. package/components/collapse/collapse-context.js +2 -2
  51. package/components/collapse/collapse-control.js +12 -12
  52. package/components/collapse/collapse.js +12 -17
  53. package/components/collapse/consts.js +4 -4
  54. package/components/collapse/utils.js +1 -3
  55. package/components/confirm/confirm.js +57 -87
  56. package/components/confirm-service/confirm-service.js +23 -44
  57. package/components/content-layout/content-layout.js +41 -56
  58. package/components/content-layout/sidebar.js +1 -1
  59. package/components/contenteditable/contenteditable.js +38 -46
  60. package/components/control-help/control-help.js +5 -3
  61. package/components/control-label/control-label.js +9 -8
  62. package/components/data-list/data-list.js +113 -156
  63. package/components/data-list/data-list.mock.js +3 -5
  64. package/components/data-list/item.js +120 -140
  65. package/components/data-list/selection.js +77 -135
  66. package/components/data-list/title.js +2 -10
  67. package/components/date-picker/consts.js +16 -22
  68. package/components/date-picker/date-input.js +99 -124
  69. package/components/date-picker/date-picker.js +140 -184
  70. package/components/date-picker/date-popup.js +280 -327
  71. package/components/date-picker/day.js +71 -94
  72. package/components/date-picker/month-names.js +41 -59
  73. package/components/date-picker/month-slider.js +42 -61
  74. package/components/date-picker/month.js +17 -24
  75. package/components/date-picker/months.js +44 -49
  76. package/components/date-picker/weekdays.js +12 -21
  77. package/components/date-picker/years.js +77 -98
  78. package/components/dialog/dialog.js +151 -187
  79. package/components/dialog/dialog__body-scroll-preventer.js +0 -3
  80. package/components/dropdown/anchor.js +0 -6
  81. package/components/dropdown/dropdown.js +134 -154
  82. package/components/dropdown-menu/dropdown-menu.js +59 -87
  83. package/components/editable-heading/editable-heading.js +69 -116
  84. package/components/error-bubble/error-bubble.js +29 -54
  85. package/components/error-message/error-message.js +34 -49
  86. package/components/footer/footer.js +27 -28
  87. package/components/global/compose.js +1 -8
  88. package/components/global/composeRefs.d.ts +0 -3
  89. package/components/global/composeRefs.js +8 -15
  90. package/components/global/controls-height.js +2 -2
  91. package/components/global/create-stateful-context.js +14 -13
  92. package/components/global/data-tests.js +7 -12
  93. package/components/global/dom.js +49 -82
  94. package/components/global/focus-sensor-hoc.js +99 -106
  95. package/components/global/fuzzy-highlight.js +23 -34
  96. package/components/global/get-event-key.js +8 -8
  97. package/components/global/get-uid.js +3 -7
  98. package/components/global/inject-styles.js +7 -14
  99. package/components/global/listeners.js +28 -47
  100. package/components/global/memoize.js +6 -10
  101. package/components/global/normalize-indent.js +19 -46
  102. package/components/global/promise-with-timeout.js +6 -8
  103. package/components/global/prop-types.js +3 -5
  104. package/components/global/react-dom-renderer.js +29 -40
  105. package/components/global/rerender-hoc.js +16 -32
  106. package/components/global/schedule-raf.js +4 -4
  107. package/components/global/sniffer.js +1 -1
  108. package/components/global/theme.d.ts +3 -0
  109. package/components/global/theme.js +2 -19
  110. package/components/global/trivial-template-tag.js +4 -9
  111. package/components/global/typescript-utils.js +2 -6
  112. package/components/global/url.js +20 -23
  113. package/components/global/use-event-callback.js +7 -4
  114. package/components/grid/col.js +27 -39
  115. package/components/grid/grid.js +18 -27
  116. package/components/grid/row.js +23 -30
  117. package/components/group/group.js +16 -22
  118. package/components/header/header-icon.js +19 -31
  119. package/components/header/header.d.ts +0 -1
  120. package/components/header/header.js +30 -64
  121. package/components/header/links.d.ts +2 -0
  122. package/components/header/links.js +20 -0
  123. package/components/header/logo.js +15 -26
  124. package/components/header/profile.js +124 -150
  125. package/components/header/services-link.js +1 -3
  126. package/components/header/services.js +64 -97
  127. package/components/header/smart-profile.js +101 -178
  128. package/components/header/smart-services.js +55 -90
  129. package/components/header/tray.js +21 -30
  130. package/components/heading/heading.js +21 -20
  131. package/components/http/http.js +162 -319
  132. package/components/http/http.mock.js +50 -98
  133. package/components/hub-source/hub-source.js +77 -182
  134. package/components/hub-source/hub-source__user.js +9 -37
  135. package/components/hub-source/hub-source__users-groups.js +34 -60
  136. package/components/i18n/i18n-context.js +7 -8
  137. package/components/i18n/i18n.js +3 -6
  138. package/components/icon/icon.js +60 -74
  139. package/components/icon/icon__svg.js +0 -5
  140. package/components/icon/index.js +0 -5
  141. package/components/input/input.js +1 -11
  142. package/components/island/adaptive-island-hoc.js +29 -37
  143. package/components/island/content.js +100 -110
  144. package/components/island/header.js +56 -66
  145. package/components/island/island.js +25 -33
  146. package/components/island-legacy/content-legacy.js +16 -22
  147. package/components/island-legacy/header-legacy.js +19 -25
  148. package/components/island-legacy/island-legacy.js +16 -22
  149. package/components/link/clickableLink.js +33 -42
  150. package/components/link/link.js +47 -55
  151. package/components/list/consts.js +2 -2
  152. package/components/list/list.js +399 -486
  153. package/components/list/list__custom.js +51 -61
  154. package/components/list/list__hint.js +9 -17
  155. package/components/list/list__item.js +147 -178
  156. package/components/list/list__link.js +38 -47
  157. package/components/list/list__separator.js +15 -24
  158. package/components/list/list__title.js +25 -34
  159. package/components/list/list__users-groups-source.js +55 -121
  160. package/components/loader/loader.js +38 -60
  161. package/components/loader/loader__core.js +123 -184
  162. package/components/loader-inline/loader-inline.js +24 -32
  163. package/components/loader-screen/loader-screen.js +24 -40
  164. package/components/login-dialog/login-dialog.js +81 -121
  165. package/components/login-dialog/service.js +6 -29
  166. package/components/markdown/markdown.js +16 -24
  167. package/components/message/message.js +170 -201
  168. package/components/old-browsers-message/old-browsers-message.js +11 -14
  169. package/components/old-browsers-message/old-browsers-message__stop.js +1 -4
  170. package/components/old-browsers-message/white-list.js +8 -13
  171. package/components/pager/pager.js +212 -257
  172. package/components/panel/panel.js +16 -22
  173. package/components/permissions/permissions.js +118 -161
  174. package/components/permissions/permissions__cache.js +191 -218
  175. package/components/popup/popup.consts.js +1 -1
  176. package/components/popup/popup.js +237 -288
  177. package/components/popup/popup.target.js +9 -7
  178. package/components/popup/position.js +94 -101
  179. package/components/popup-menu/popup-menu.js +33 -67
  180. package/components/progress-bar/progress-bar.js +57 -68
  181. package/components/query-assist/query-assist.js +583 -652
  182. package/components/query-assist/query-assist__suggestions.js +2 -26
  183. package/components/radio/radio.js +15 -27
  184. package/components/radio/radio__item.js +52 -62
  185. package/components/scrollable-section/scrollable-section.js +53 -0
  186. package/components/select/select.js +701 -796
  187. package/components/select/select__filter.js +1 -26
  188. package/components/select/select__popup.js +316 -413
  189. package/components/shortcuts/core.js +147 -195
  190. package/components/shortcuts/shortcut-title.js +6 -10
  191. package/components/shortcuts/shortcuts-hoc.js +23 -41
  192. package/components/shortcuts/shortcuts.js +41 -64
  193. package/components/slider/slider.js +93 -112
  194. package/components/slider/slider.utils.js +16 -23
  195. package/components/storage/storage.js +3 -27
  196. package/components/storage/storage__fallback.js +137 -210
  197. package/components/storage/storage__local.js +89 -147
  198. package/components/style.css +1 -1
  199. package/components/tab-trap/tab-trap.js +35 -53
  200. package/components/table/cell.js +11 -21
  201. package/components/table/disable-hover-hoc.js +27 -42
  202. package/components/table/header-cell.js +59 -75
  203. package/components/table/header.js +89 -110
  204. package/components/table/multitable.js +83 -89
  205. package/components/table/row-with-focus-sensor.js +25 -57
  206. package/components/table/row.js +169 -200
  207. package/components/table/selection-adapter.js +2 -2
  208. package/components/table/selection-shortcuts-hoc.js +108 -113
  209. package/components/table/selection.js +150 -217
  210. package/components/table/simple-table.js +19 -55
  211. package/components/table/smart-table.js +42 -76
  212. package/components/table/table.js +267 -327
  213. package/components/tabs/collapsible-more.js +47 -73
  214. package/components/tabs/collapsible-tab.js +32 -36
  215. package/components/tabs/collapsible-tabs.js +89 -148
  216. package/components/tabs/custom-item.js +4 -2
  217. package/components/tabs/dumb-tabs.js +60 -92
  218. package/components/tabs/smart-tabs.js +29 -61
  219. package/components/tabs/tab-link.js +1 -3
  220. package/components/tabs/tab.js +15 -24
  221. package/components/tabs/tabs.js +1 -26
  222. package/components/tag/tag.d.ts +0 -2
  223. package/components/tag/tag.js +120 -162
  224. package/components/tags-input/tags-input.js +222 -304
  225. package/components/tags-list/tags-list.js +45 -61
  226. package/components/text/text.js +28 -37
  227. package/components/toggle/toggle.js +51 -61
  228. package/components/tooltip/tooltip.js +109 -141
  229. package/components/user-agreement/service.js +259 -400
  230. package/components/user-agreement/user-agreement.js +80 -108
  231. package/components/user-card/card.js +1 -25
  232. package/components/user-card/smart-user-card-tooltip.js +52 -103
  233. package/components/user-card/tooltip.js +35 -65
  234. package/components/user-card/user-card.js +1 -25
  235. package/package.json +1 -1
  236. package/components/global/react-render-adapter.d.ts +0 -1
  237. package/components/global/react-render-adapter.js +0 -6
  238. package/components/header/scrollable-section.js +0 -47
  239. package/components/header/tray-icon.d.ts +0 -1
  240. package/components/header/tray-icon.js +0 -26
  241. /package/components/{header → scrollable-section}/scrollable-section.d.ts +0 -0
@@ -1,6 +1,5 @@
1
- import { _ as _defineProperty, a as _inherits, b as _createClass, c as _objectWithoutProperties, d as _objectSpread2, e as _classCallCheck, f as _callSuper } from './_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.array.concat.js';
3
- import 'core-js/modules/es.object.values.js';
1
+ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread2 } from './_rollupPluginBabelHelpers.js';
2
+ import 'core-js/modules/web.dom-collections.iterator.js';
4
3
  import { PureComponent } from 'react';
5
4
  import PropTypes from 'prop-types';
6
5
  import classNames from 'classnames';
@@ -18,7 +17,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
18
17
 
19
18
  var modules_88cfaf40 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","light":"light_rui_2ac4","heightS":"heightS_rui_1f0c","heightM":"heightM_rui_1f0c","heightL":"heightL_rui_1f0c","button":"button_rui_1f0c","active":"active_rui_1f0c","withIcon":"withIcon_rui_1f0c","icon":"icon_rui_1f0c","primary":"primary_rui_1f0c","loader":"loader_rui_1f0c","loaderBackground":"loaderBackground_rui_1f0c","danger":"danger_rui_1f0c","text":"text_rui_1f0c","content":"content_rui_1f0c","text-loading":"text-loading_rui_1f0c","inline":"inline_rui_1f0c","withNormalIcon":"withNormalIcon_rui_1f0c","withDangerIcon":"withDangerIcon_rui_1f0c","progress":"progress_rui_1f0c","delayed":"delayed_rui_1f0c","short":"short_rui_1f0c","dropdownIcon":"dropdownIcon_rui_1f0c","outerContainer":"outerContainer_rui_1f0c","borderless":"borderless_rui_1f0c","container":"container_rui_1f0c","input":"input_rui_1f0c","error":"error_rui_1f0c","clearable":"clearable_rui_1f0c","clear":"clear_rui_1f0c","empty":"empty_rui_1f0c","errorText":"errorText_rui_1f0c","helpText":"helpText_rui_1f0c","sizeS":"sizeS_rui_1f0c","sizeM":"sizeM_rui_1f0c","sizeL":"sizeL_rui_1f0c","sizeFULL":"sizeFULL_rui_1f0c"};
20
19
 
21
- var _excluded = ["size", "multiline", "borderless", "label", "labelType", "error", "help", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "translations", "height", "afterInput"];
20
+ const _excluded = ["size", "multiline", "borderless", "label", "labelType", "error", "help", "className", "inputClassName", "children", "value", "onClear", "disabled", "inputRef", "onChange", "enableShortcuts", "id", "placeholder", "icon", "translations", "height", "afterInput"];
22
21
  function noop() {}
23
22
  /**
24
23
  * @name Input
@@ -31,187 +30,167 @@ var Size;
31
30
  Size["L"] = "L";
32
31
  Size["FULL"] = "FULL";
33
32
  })(Size || (Size = {}));
34
- var Input = /*#__PURE__*/function (_PureComponent) {
35
- function Input() {
36
- var _this;
37
- _classCallCheck(this, Input);
38
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
39
- args[_key] = arguments[_key];
40
- }
41
- _this = _callSuper(this, Input, [].concat(args));
42
- _defineProperty(_this, "state", {
33
+ class Input extends PureComponent {
34
+ constructor() {
35
+ super(...arguments);
36
+ _defineProperty(this, "state", {
43
37
  empty: true
44
38
  });
45
- _defineProperty(_this, "frame", void 0);
46
- _defineProperty(_this, "input", void 0);
47
- _defineProperty(_this, "id", getUID('ring-input-'));
48
- _defineProperty(_this, "inputRef", function (el) {
49
- _this.input = el;
39
+ _defineProperty(this, "frame", void 0);
40
+ _defineProperty(this, "input", void 0);
41
+ _defineProperty(this, "id", getUID('ring-input-'));
42
+ _defineProperty(this, "inputRef", el => {
43
+ this.input = el;
50
44
  });
51
- _defineProperty(_this, "composedInputRef", createComposedRef());
52
- _defineProperty(_this, "clear", function (e) {
53
- _this.props.onClear && _this.props.onClear(e);
45
+ _defineProperty(this, "composedInputRef", createComposedRef());
46
+ _defineProperty(this, "clear", e => {
47
+ var _this$props$onClear, _this$props;
48
+ (_this$props$onClear = (_this$props = this.props).onClear) === null || _this$props$onClear === void 0 || _this$props$onClear.call(_this$props, e);
54
49
  });
55
- _defineProperty(_this, "handleInputChange", function (e) {
56
- if (!_this.props.multiline) {
57
- var _this$props$onChange, _this$props;
58
- (_this$props$onChange = (_this$props = _this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props, e);
59
- _this.checkValue();
50
+ _defineProperty(this, "handleInputChange", e => {
51
+ if (!this.props.multiline) {
52
+ var _this$props$onChange, _this$props2;
53
+ (_this$props$onChange = (_this$props2 = this.props).onChange) === null || _this$props$onChange === void 0 || _this$props$onChange.call(_this$props2, e);
54
+ this.checkValue();
60
55
  }
61
56
  });
62
- _defineProperty(_this, "handleTextareaChange", function (e) {
63
- if (_this.props.multiline) {
64
- var _this$props$onChange2, _this$props2;
65
- (_this$props$onChange2 = (_this$props2 = _this.props).onChange) === null || _this$props$onChange2 === void 0 || _this$props$onChange2.call(_this$props2, e);
66
- _this.checkValue();
57
+ _defineProperty(this, "handleTextareaChange", e => {
58
+ if (this.props.multiline) {
59
+ var _this$props$onChange2, _this$props3;
60
+ (_this$props$onChange2 = (_this$props3 = this.props).onChange) === null || _this$props$onChange2 === void 0 || _this$props$onChange2.call(_this$props3, e);
61
+ this.checkValue();
67
62
  }
68
63
  });
69
- return _this;
70
64
  }
71
- _inherits(Input, _PureComponent);
72
- return _createClass(Input, [{
73
- key: "componentDidMount",
74
- value: function componentDidMount() {
75
- var _this2 = this;
76
- this.frame = requestAnimationFrame(function () {
77
- return _this2.adapt();
78
- });
79
- }
80
- }, {
81
- key: "componentDidUpdate",
82
- value: function componentDidUpdate() {
83
- this.adapt();
84
- }
85
- }, {
86
- key: "componentWillUnmount",
87
- value: function componentWillUnmount() {
88
- if (this.frame != null) {
89
- cancelAnimationFrame(this.frame);
90
- }
91
- }
92
- }, {
93
- key: "getId",
94
- value: function getId() {
95
- return this.props.id || this.id;
96
- }
97
- }, {
98
- key: "checkValue",
99
- value: function checkValue() {
100
- var _this$input;
101
- this.setState({
102
- empty: !((_this$input = this.input) !== null && _this$input !== void 0 && _this$input.value)
103
- });
104
- if (this.props.multiline && this.input != null && this.input.scrollHeight >= this.input.clientHeight) {
105
- this.stretch(this.input);
106
- }
65
+ componentDidMount() {
66
+ this.frame = requestAnimationFrame(() => this.adapt());
67
+ }
68
+ componentDidUpdate() {
69
+ this.adapt();
70
+ }
71
+ componentWillUnmount() {
72
+ if (this.frame != null) {
73
+ cancelAnimationFrame(this.frame);
107
74
  }
108
- }, {
109
- key: "stretch",
110
- value: function stretch(el) {
111
- if (!el || !el.style) {
112
- return;
113
- }
114
- el.style.height = '0'; // To know the real scrollHeight
115
- el.style.height = "".concat(el.scrollHeight + 2, "px");
75
+ }
76
+ getId() {
77
+ return this.props.id || this.id;
78
+ }
79
+ checkValue() {
80
+ var _this$input;
81
+ this.setState({
82
+ empty: !((_this$input = this.input) !== null && _this$input !== void 0 && _this$input.value)
83
+ });
84
+ if (this.props.multiline && this.input != null && this.input.scrollHeight >= this.input.clientHeight) {
85
+ this.stretch(this.input);
116
86
  }
117
- }, {
118
- key: "adapt",
119
- value: function adapt() {
120
- this.checkValue();
87
+ }
88
+ stretch(el) {
89
+ if (!el || !el.style) {
90
+ return;
121
91
  }
122
- }, {
123
- key: "render",
124
- value: function render() {
125
- var _this3 = this;
126
- var _this$props3 = this.props,
127
- size = _this$props3.size,
128
- multiline = _this$props3.multiline,
129
- borderless = _this$props3.borderless,
130
- label = _this$props3.label,
131
- labelType = _this$props3.labelType,
132
- error = _this$props3.error,
133
- help = _this$props3.help,
134
- className = _this$props3.className,
135
- inputClassName = _this$props3.inputClassName,
136
- children = _this$props3.children,
137
- value = _this$props3.value,
138
- onClear = _this$props3.onClear,
139
- disabled = _this$props3.disabled,
140
- inputRef = _this$props3.inputRef;
141
- _this$props3.onChange;
142
- var enableShortcuts = _this$props3.enableShortcuts;
143
- _this$props3.id;
144
- var placeholder = _this$props3.placeholder,
145
- icon = _this$props3.icon,
146
- translations = _this$props3.translations,
147
- _this$props3$height = _this$props3.height,
148
- height = _this$props3$height === void 0 ? this.context : _this$props3$height,
149
- afterInput = _this$props3.afterInput,
150
- restProps = _objectWithoutProperties(_this$props3, _excluded);
151
- var empty = this.state.empty;
152
- var clearable = !!onClear;
153
- var classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
154
- 'ring-js-shortcuts': enableShortcuts === true,
155
- [modules_88cfaf40.error]: error != null,
156
- [modules_88cfaf40.empty]: empty,
157
- [modules_88cfaf40.withIcon]: icon != null,
158
- [modules_88cfaf40.clearable]: clearable,
159
- [modules_88cfaf40.borderless]: borderless
160
- });
161
- var inputClasses = classNames(modules_88cfaf40.input, inputClassName);
162
- var text = value != null ? value : children;
163
- var commonProps = {
164
- ref: this.composedInputRef(this.inputRef, inputRef),
165
- className: inputClasses,
166
- value: text,
92
+ el.style.height = '0'; // To know the real scrollHeight
93
+ el.style.height = "".concat(el.scrollHeight + 2, "px");
94
+ }
95
+ adapt() {
96
+ this.checkValue();
97
+ }
98
+ render() {
99
+ const _this$props4 = this.props,
100
+ {
101
+ // Modifiers
102
+ size,
103
+ multiline,
104
+ borderless,
105
+ // Props
106
+ label,
107
+ labelType,
108
+ error,
109
+ help,
110
+ className,
111
+ inputClassName,
112
+ children,
113
+ value,
114
+ onClear,
167
115
  disabled,
168
- id: this.getId(),
116
+ inputRef,
117
+ onChange,
118
+ enableShortcuts,
119
+ id,
169
120
  placeholder,
170
- 'aria-label': typeof label === 'string' && label ? label : placeholder,
171
- 'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
172
- };
173
- return /*#__PURE__*/jsx(I18nContext.Consumer, {
174
- children: function children(_ref) {
175
- var _translations$clear;
176
- var translate = _ref.translate;
177
- return /*#__PURE__*/jsxs("div", {
178
- className: classes,
179
- "data-test": "ring-input",
180
- children: [label && /*#__PURE__*/jsx(ControlLabel, {
181
- htmlFor: _this3.getId(),
182
- disabled: disabled,
183
- type: labelType,
184
- children: label
185
- }), /*#__PURE__*/jsxs("div", {
186
- className: modules_88cfaf40.container,
187
- children: [icon && /*#__PURE__*/jsx(Icon, {
188
- glyph: icon,
189
- className: modules_88cfaf40.icon
190
- }), multiline ? /*#__PURE__*/jsx("textarea", _objectSpread2(_objectSpread2({
191
- onChange: _this3.handleTextareaChange,
192
- rows: 1
193
- }, commonProps), restProps)) : /*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
194
- onChange: _this3.handleInputChange
195
- }, commonProps), restProps)), clearable && !disabled && /*#__PURE__*/jsx(Button, {
196
- title: (_translations$clear = translations === null || translations === void 0 ? void 0 : translations.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
197
- "data-test": "ring-input-clear",
198
- className: modules_88cfaf40.clear,
199
- icon: closeIcon,
200
- onClick: _this3.clear
201
- }), afterInput]
202
- }), error ? /*#__PURE__*/jsx("div", {
203
- className: modules_88cfaf40.errorText,
204
- children: error
205
- }) : help && /*#__PURE__*/jsx(ControlHelp, {
206
- className: modules_88cfaf40.helpText,
207
- children: help
208
- })]
209
- });
210
- }
211
- });
212
- }
213
- }]);
214
- }(PureComponent);
121
+ icon,
122
+ translations,
123
+ height = this.context,
124
+ afterInput
125
+ } = _this$props4,
126
+ restProps = _objectWithoutProperties(_this$props4, _excluded);
127
+ const {
128
+ empty
129
+ } = this.state;
130
+ const clearable = !!onClear;
131
+ const classes = classNames(className, modules_88cfaf40.outerContainer, [modules_88cfaf40["size".concat(size)]], [modules_88cfaf40["height".concat(height)]], {
132
+ 'ring-js-shortcuts': enableShortcuts === true,
133
+ [modules_88cfaf40.error]: error != null,
134
+ [modules_88cfaf40.empty]: empty,
135
+ [modules_88cfaf40.withIcon]: icon != null,
136
+ [modules_88cfaf40.clearable]: clearable,
137
+ [modules_88cfaf40.borderless]: borderless
138
+ });
139
+ const inputClasses = classNames(modules_88cfaf40.input, inputClassName);
140
+ const text = value != null ? value : children;
141
+ const commonProps = {
142
+ ref: this.composedInputRef(this.inputRef, inputRef),
143
+ className: inputClasses,
144
+ value: text,
145
+ disabled,
146
+ id: this.getId(),
147
+ placeholder,
148
+ 'aria-label': typeof label === 'string' && label ? label : placeholder,
149
+ 'data-enabled-shortcuts': Array.isArray(enableShortcuts) ? enableShortcuts.join(',') : null
150
+ };
151
+ return /*#__PURE__*/jsx(I18nContext.Consumer, {
152
+ children: _ref => {
153
+ var _translations$clear;
154
+ let {
155
+ translate
156
+ } = _ref;
157
+ return /*#__PURE__*/jsxs("div", {
158
+ className: classes,
159
+ "data-test": "ring-input",
160
+ children: [label && /*#__PURE__*/jsx(ControlLabel, {
161
+ htmlFor: this.getId(),
162
+ disabled: disabled,
163
+ type: labelType,
164
+ children: label
165
+ }), /*#__PURE__*/jsxs("div", {
166
+ className: modules_88cfaf40.container,
167
+ children: [icon && /*#__PURE__*/jsx(Icon, {
168
+ glyph: icon,
169
+ className: modules_88cfaf40.icon
170
+ }), multiline ? /*#__PURE__*/jsx("textarea", _objectSpread2(_objectSpread2({
171
+ onChange: this.handleTextareaChange,
172
+ rows: 1
173
+ }, commonProps), restProps)) : /*#__PURE__*/jsx("input", _objectSpread2(_objectSpread2({
174
+ onChange: this.handleInputChange
175
+ }, commonProps), restProps)), clearable && !disabled && /*#__PURE__*/jsx(Button, {
176
+ title: (_translations$clear = translations === null || translations === void 0 ? void 0 : translations.clear) !== null && _translations$clear !== void 0 ? _translations$clear : translate('clear'),
177
+ "data-test": "ring-input-clear",
178
+ className: modules_88cfaf40.clear,
179
+ icon: closeIcon,
180
+ onClick: this.clear
181
+ }), afterInput]
182
+ }), error ? /*#__PURE__*/jsx("div", {
183
+ className: modules_88cfaf40.errorText,
184
+ children: error
185
+ }) : help && /*#__PURE__*/jsx(ControlHelp, {
186
+ className: modules_88cfaf40.helpText,
187
+ children: help
188
+ })]
189
+ });
190
+ }
191
+ });
192
+ }
193
+ }
215
194
  _defineProperty(Input, "defaultProps", {
216
195
  size: Size.M,
217
196
  onChange: noop,
@@ -1,105 +1,90 @@
1
- import { b as _createClass, e as _classCallCheck } from './_rollupPluginBabelHelpers.js';
2
- import 'core-js/modules/es.symbol.js';
3
1
  import 'core-js/modules/es.symbol.description.js';
4
- import 'core-js/modules/es.object.to-string.js';
5
- import 'core-js/modules/web.dom-collections.for-each.js';
6
2
  import List from '../list/list.js';
7
3
  import { jsx, jsxs } from 'react/jsx-runtime';
8
4
 
9
5
  var modules_da7ab055 = {"button-shadow":"inset 0 0 0 1px","loaderWidth":"calc(var(--ring-unit)*8)","overInputZIndex":"2","inputGap":"calc(var(--ring-unit)*3)","light":"light_rui_2ac4","heightS":"heightS_rui_0eb8","heightM":"heightM_rui_0eb8","heightL":"heightL_rui_0eb8","button":"button_rui_0eb8","active":"active_rui_0eb8","withIcon":"withIcon_rui_0eb8","icon":"icon_rui_0eb8","primary":"primary_rui_0eb8","loader":"loader_rui_0eb8","loaderBackground":"loaderBackground_rui_0eb8","danger":"danger_rui_0eb8","text":"text_rui_0eb8","content":"content_rui_0eb8","text-loading":"text-loading_rui_0eb8","inline":"inline_rui_0eb8","withNormalIcon":"withNormalIcon_rui_0eb8","withDangerIcon":"withDangerIcon_rui_0eb8","progress":"progress_rui_0eb8","delayed":"delayed_rui_0eb8","short":"short_rui_0eb8","dropdownIcon":"dropdownIcon_rui_0eb8","queryAssist":"queryAssist_rui_0eb8","error":"error_rui_0eb8","queryAssistDisabled":"queryAssistDisabled_rui_0eb8","huge":"huge_rui_0eb8","actions":"actions_rui_0eb8","input":"input_rui_0eb8","letter-text":"letter-text_rui_0eb8","letterDefault":"letterDefault_rui_0eb8","letter-field-name":"letter-field-name_rui_0eb8","letter-field-value":"letter-field-value_rui_0eb8","letter-operator":"letter-operator_rui_0eb8","letter-error":"letter-error_rui_0eb8","highlight":"highlight_rui_0eb8","service":"service_rui_0eb8","placeholder":"placeholder_rui_0eb8 resetButton_rui_f295","hugePlaceholder":"hugePlaceholder_rui_0eb8","letter":"letter_rui_0eb8","rightSearchButton":"rightSearchButton_rui_0eb8","clear":"clear_rui_0eb8","withoutGlass":"withoutGlass_rui_0eb8","loaderActive":"loaderActive_rui_0eb8","loaderOnTheRight":"loaderOnTheRight_rui_0eb8","inputRevertOrder":"inputRevertOrder_rui_0eb8"};
10
6
 
11
- var ICON_ID_LENGTH = 44;
12
- var QueryAssistSuggestions = /*#__PURE__*/function () {
13
- function QueryAssistSuggestions() {
14
- _classCallCheck(this, QueryAssistSuggestions);
7
+ const ICON_ID_LENGTH = 44;
8
+ class QueryAssistSuggestions {
9
+ /*
10
+ * Pay attention that this method produces not a 100% unique key.
11
+ * Consider to use a unique identifier provided by a server.
12
+ */
13
+ static createKey(suggestion) {
14
+ const {
15
+ description,
16
+ group,
17
+ icon,
18
+ option,
19
+ prefix = '',
20
+ suffix = ''
21
+ } = suggestion;
22
+ return prefix + option + suffix + group + description + (icon ? icon.substring(icon.length - ICON_ID_LENGTH) : '');
15
23
  }
16
- return _createClass(QueryAssistSuggestions, null, [{
17
- key: "createKey",
18
- value:
19
- /*
20
- * Pay attention that this method produces not a 100% unique key.
21
- * Consider to use a unique identifier provided by a server.
22
- */
23
- function createKey(suggestion) {
24
- var description = suggestion.description,
25
- group = suggestion.group,
26
- icon = suggestion.icon,
27
- option = suggestion.option,
28
- _suggestion$prefix = suggestion.prefix,
29
- prefix = _suggestion$prefix === void 0 ? '' : _suggestion$prefix,
30
- _suggestion$suffix = suggestion.suffix,
31
- suffix = _suggestion$suffix === void 0 ? '' : _suggestion$suffix;
32
- return prefix + option + suffix + group + description + (icon ? icon.substring(icon.length - ICON_ID_LENGTH) : '');
33
- }
34
- }, {
35
- key: "renderLabel",
36
- value: function renderLabel(suggestion) {
37
- var className = suggestion.className,
38
- _suggestion$matchingS = suggestion.matchingStart,
39
- matchingStart = _suggestion$matchingS === void 0 ? 0 : _suggestion$matchingS,
40
- _suggestion$matchingE = suggestion.matchingEnd,
41
- matchingEnd = _suggestion$matchingE === void 0 ? 0 : _suggestion$matchingE,
42
- option = suggestion.option,
43
- _suggestion$prefix2 = suggestion.prefix,
44
- prefix = _suggestion$prefix2 === void 0 ? '' : _suggestion$prefix2,
45
- _suggestion$suffix2 = suggestion.suffix,
46
- suffix = _suggestion$suffix2 === void 0 ? '' : _suggestion$suffix2;
47
- var wrappedOption;
48
- var before = '';
49
- var after = '';
50
- if (matchingStart !== matchingEnd) {
51
- before = option.substring(0, matchingStart);
52
- wrappedOption = /*#__PURE__*/jsx("span", {
53
- className: modules_da7ab055.highlight,
54
- children: option.substring(matchingStart, matchingEnd)
55
- });
56
- after = option.substring(matchingEnd);
57
- } else {
58
- wrappedOption = option;
59
- }
60
- var wrappedPrefix = prefix && /*#__PURE__*/jsx("span", {
61
- className: modules_da7ab055.service,
62
- children: prefix
63
- });
64
- var wrappedSuffix = suffix && /*#__PURE__*/jsx("span", {
65
- className: modules_da7ab055.service,
66
- children: suffix
24
+ static renderLabel(suggestion) {
25
+ const {
26
+ className,
27
+ matchingStart = 0,
28
+ matchingEnd = 0,
29
+ option,
30
+ prefix = '',
31
+ suffix = ''
32
+ } = suggestion;
33
+ let wrappedOption;
34
+ let before = '';
35
+ let after = '';
36
+ if (matchingStart !== matchingEnd) {
37
+ before = option.substring(0, matchingStart);
38
+ wrappedOption = /*#__PURE__*/jsx("span", {
39
+ className: modules_da7ab055.highlight,
40
+ children: option.substring(matchingStart, matchingEnd)
67
41
  });
68
- return /*#__PURE__*/jsxs("span", {
69
- className: className,
70
- children: [wrappedPrefix, before, wrappedOption, after, wrappedSuffix]
71
- });
72
- }
73
- }, {
74
- key: "renderGroupSeparator",
75
- value: function renderGroupSeparator(suggestion, prevSuggestion) {
76
- var group = suggestion.group,
77
- option = suggestion.option;
78
- var SEPARATOR = List.ListProps.Type.SEPARATOR;
79
- if (prevSuggestion !== group) {
80
- return {
81
- key: option + group + SEPARATOR,
82
- description: group,
83
- rgItemType: SEPARATOR
84
- };
85
- }
86
- return null;
42
+ after = option.substring(matchingEnd);
43
+ } else {
44
+ wrappedOption = option;
87
45
  }
88
- }, {
89
- key: "renderList",
90
- value: function renderList(suggestions, suggestionRenderer) {
91
- var renderedSuggestions = [];
92
- suggestions.forEach(function (suggestion, index, arr) {
93
- var prevSuggestionGroup = arr[index - 1] && arr[index - 1].group;
94
- var groupSeparator = QueryAssistSuggestions.renderGroupSeparator(suggestion, prevSuggestionGroup);
95
- if (groupSeparator) {
96
- renderedSuggestions.push(groupSeparator);
97
- }
98
- renderedSuggestions.push(suggestionRenderer(suggestion));
99
- });
100
- return renderedSuggestions;
46
+ const wrappedPrefix = prefix && /*#__PURE__*/jsx("span", {
47
+ className: modules_da7ab055.service,
48
+ children: prefix
49
+ });
50
+ const wrappedSuffix = suffix && /*#__PURE__*/jsx("span", {
51
+ className: modules_da7ab055.service,
52
+ children: suffix
53
+ });
54
+ return /*#__PURE__*/jsxs("span", {
55
+ className: className,
56
+ children: [wrappedPrefix, before, wrappedOption, after, wrappedSuffix]
57
+ });
58
+ }
59
+ static renderGroupSeparator(suggestion, prevSuggestion) {
60
+ const {
61
+ group,
62
+ option
63
+ } = suggestion;
64
+ const {
65
+ SEPARATOR
66
+ } = List.ListProps.Type;
67
+ if (prevSuggestion !== group) {
68
+ return {
69
+ key: option + group + SEPARATOR,
70
+ description: group,
71
+ rgItemType: SEPARATOR
72
+ };
101
73
  }
102
- }]);
103
- }();
74
+ return null;
75
+ }
76
+ static renderList(suggestions, suggestionRenderer) {
77
+ const renderedSuggestions = [];
78
+ suggestions.forEach((suggestion, index, arr) => {
79
+ const prevSuggestionGroup = arr[index - 1] && arr[index - 1].group;
80
+ const groupSeparator = QueryAssistSuggestions.renderGroupSeparator(suggestion, prevSuggestionGroup);
81
+ if (groupSeparator) {
82
+ renderedSuggestions.push(groupSeparator);
83
+ }
84
+ renderedSuggestions.push(suggestionRenderer(suggestion));
85
+ });
86
+ return renderedSuggestions;
87
+ }
88
+ }
104
89
 
105
90
  export { QueryAssistSuggestions as Q, modules_da7ab055 as m };